WinDays 12 - Windows Phone 7 hybrid apps

Rovinj, 23. – 26. travnja 2012.

Hibridne mobilne aplikacije
na WP7
Matija Šmalcelj
PET MINUTA d.o.o.

Prije nego počnemo...

Anketa!

WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER

Zašto mobilna aplikacija, a ne mobilni web?

vs.


Bolje
korisničko Home tile
iskustvo ikona Offline rad

Marketplace Prodaja Više su
objava aplikacije korištene Bolji CTR


Što nam treba?

(nije uvjet, ali dobro dođe)


PhoneGap arhitektura


Situacija prije Mango?
• Neadekvatan internet preglednik
(Html5, CSS3, pohrana
podataka, geolokacija)

• Nije bilo PhoneGapa


Demo
Instalacija PhoneGapa i osnovna
aplikacija

Biblioteke koje podržavaju WP7

•

A ostali?

•

• jQTouch, Kendo UI, iUI, DHTMLX Touch, ...

Prilagodba za Windows Phone

• Samo neanimirani translate 2D

• webkitAnimationEnd

• Touch evenata nema, a mouse eventi su čudni

1.
2.
3. mouseDown
mouseMove (click ako nema pokreta)
mouseUp


Scrollanje

• Nema position: fixed;

• Nema scrollanja pomoću CSS3

• Ali zato ima
overflow-x: hidden;
overflow-y: scroll;


Zoomiranje cijele stranice

• Stranica se uveća nakon dvostrukog dodira
(double tap)
<meta name="viewport" content="width=device-width,
height=device-height, initial-scale=1.0,
user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />

• Rješenje – nativni PhoneGap plugin
window.external.Notify("noScroll");

http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-
and-scroll-interactions-in-the-windows-phone-7-browser-control/

Live tiles (1)

• Inovacija na Windows Phone

• Obogaćuju korisničko iskustvo

• Kroz PhoneGap plugin
navigator.plugins.liveTiles.updateAppTile(
success,
fail,
{
title: 'Naslov naprijed',
image:'Images/novaNaprije.png',
count: 5,
backTitle: 'Naslov iza',
backContent:'Poruka iza',
backImage : 'Images/novaIza.png'
});

Live tiles (2)

• Podržani su i dodatni tileovi
navigator.plugins.liveTiles.createSecondaryTile(...);

navigator.plugins.liveTiles.updateSecondaryTile(...);

navigator.plugins.liveTiles.deleteSecondaryTile(...)


https://github.com/purplecabbage/phonegap-
plugins/tree/master/WindowsPhone/LiveTiles

Demo
Jednostavna hibridna aplikacija

Prije Marketplacea

• Back gumb mora očekivano raditi

• Oporavak od nedostatka internet veze

• Povratak iz suspendiranog stanja

• Aplikacija mora biti smislena

• Ne smije se rušiti


Dragi djedice... ilitiga lista želja

• Touch eventi
• Scrollanje stranice
• Zoomiranje stranice
• Označavanje teksta
• Highlight elemenata nakon akcije
• Dodati inercijsko scrollanje

Zaključak


WinDays 12 - Windows Phone 7 hybrid apps

WinDays 12 - Windows Phone 7 hybrid apps

More Related Content

Viewers also liked

Similar to WinDays 12 - Windows Phone 7 hybrid apps

WinDays 12 - Windows Phone 7 hybrid apps