Apps on HTML5 - Why, how, and beyond

Preview:

DESCRIPTION

Presentation given in WIDS 2012, Hong Kong.http://www.isoc.hk/wids/In this talk, Tim Chien from Mozilla Taiwan will given an overview on 2 things: 1) why it is important to bring you applications to the Web, and 2) the HTML5 technologies that can be leveraged to bring the so-called "native" experience to the web apps. We will have further discussion on the application ecosystem of the web, and the Mozilla's role within to continuing nurturing the web.

Citation preview

$SSV�RQ�+70/���:K\��KRZ��DQG�EH\RQG7LP�&KLHQ��WLPGUHDP#PR]LOOD�FRP!

�:RUOG�'HYHORSHU�6XPPLW

0DUFK��WK��������+RQJ�.RQJ

⡆㻌ෙᗞ

7LP�&KLHQ

,QVSHFW��WKH�ZHE��RQH�SDJH�DW�D�WLPH

)URQW�HQG�'HYHORSHU

ᣎⅆ≴ᩍ䠛

:KDW�LV�0R]LOOD"

0R]LOOD�LV�D�JOREDO��QRQSURILW�RUJDQL]DWLRQ�GHGLFDWHG�WR�PDNLQJ�WKH�:HE�EHWWHU�

2IILFLDO�([SODQDWLRQ�䚣

㠀⇯⤌⧊

QRQ�SURILW

3XUSRVH

��<HDUV�$JR

�7KH�%URZVHU�

7RGD\

RQ�WKH�2SHQ�:HE�3ODWIRUP

+70/��:HE�$SSV

,VQW�BBBB�LV�JRRG�HQRXJK"

:K\�WKH�:HE"

$GYDQWDJH�RI�:HE�$SSV

Ɣ 1R�,QVWDOODWLRQƔ 5HDFKDELOLW\Ɣ 6HDPOHVV�8SGDWHƔ (PEHGGDEOH�DQG�OLQNDEOH��

7KH�³$SS´�([SHULHQFH

�� 2IIOLQH�$FFHVV�� ,QVWDQW�RQ�� $GRSWLYH�ORRN�DQG�IHHO�� 6XUUXQGLQJ�DZDUHQHVV�� ,QVWDOODEOH

2IIOLQH�$FFHVV

Ɣ 2IIOLQH�$SS&DFKHż 6WDWLF�ILOHV�DQG�DVVHWV

Ɣ /RFDO6WRUDJHż 6LPSOH�NH\�YDOXH�VWRUDJH��UHSODFHPHQW�IRU�FRRNLHV

Ɣ ,QGH[HG'%ż )XOO�IHDWXUHG�GDWDEDVH�VWRUDJH

��

2IIOLQH�,PDJH�(GLWRU

'HPR

2IIOLQH�$SS&DFKH

Ɣ 5HIHUHQFH�WKH�PDQLIHVW�LQ�WKH�ZHE�SDJH���Ɣ 7KH��DSSFDFKH�ILOH�PXVW�VHUYHG�ZLWK�WKLV�

0,0(�W\SH

�KWPO�PDQLIHVW �VLWH�DSSFDFKH�!

WH[W�FDFKH�PDQLIHVW

2IIOLQH�$SS&DFKH�0DQLIHVW

� &$&+(�0$1,)(67��YHUVLRQ�����G�D���&$&+(�LPDJHV�VRXQG�LFRQ�SQJLPDJHV�EDFNJURXQG�SQJ)$//%$&.����RIIOLQH�KWPO1(7:25.� ��

,QVWDQW�RQ

Ɣ %RQXV�IURP�HQDEOLQJ�2IIOLQH�$SS&DFKHƔ 8VHU�VHHV�WKH�FDFKHG�YHUVLRQ�RI�\RXU�VLWH�

ILUVW��DQ�EH�SURPSWHG�ZKHQ�WKH�XSGDWHG�YHUVLRQ�LV�UHDG\

/RDG�IURP�RIIOLQH�FDFKH

%DFNJURXQG�FKHFNLQJ�GRZQORDG

)LUH��XSGDWHUHDG\��(YHQW��SURPSW�XVHU�WR�UHORDG

�XSGDWHUHDG\��(YHQW

� ZLQGRZ�DSSOLFDWLRQ&DFKH�DGG(YHQW/LVWHQHU���XSGDWHUHDG\���IXQFWLRQ�H��^����YDU�UHORDG� �ZLQGRZ�FRQILUP����������LI��UHORDG��������ZLQGRZ�ORFDWLRQ�UHORDG�����`���IDOVH��

$GRSW�/RRN�DQG�)HHO

Ɣ :HE�OLYHV�RQ�QHDU�LQILQLWH�GHYLFHVƔ 7KH�5HVSRQVLYH�'HVLJQ�DSSURDFKƔ &66��0HGLD�4XHULHV�KHOSV�\RX�VZLWFKLQJ�

VW\OH�EDVH�RQ�GLVSOD\�SURSHUWLHVƔ 3URSHU�)HDWXUH�'HWHFWLRQ�DOVR�KHOSV

&66��&KHUU\�%ORVVRPUHVSRQVLYH�LV

'HPR

&66��0HGLD�4XHULHV

� #PHGLD�VFUHHQ�^��DVLGH�^����IORDW��ULJKW���``�#PHGLD�VFUHHQ�DQG��PD[�ZLGWK�����S[��^��DVLGH�^����IORDW��QRQH���``

)HDWXUH�'HWHFWLRQ

� YDU�VXSSRUW7RXFK� ����RQWRXFKVWDUW�LQ�ZLQGRZ��__���ZLQGRZ�'RFXPHQW7RXFK�����GRFXPHQW�LQVWDQFHRI�'RFXPHQW7RXFK��__��ZLQGRZ�PDWFK0HGLD���PR]�WRXFK�HQDEOHG����LI��VXSSRUW7RXFK��^��GRFXPHQW�ERG\�FODVV1DPH�� ��KDV7RXFK�`�

6XUUXQGLQJ�$ZDUHQHVV

Ɣ $ZDUH�RI�LQIRUPDWLRQ�RWKHU�WKDQ�XVHU�LQSXWV�Ɣ *HRORFDWLRQ�$3,Ɣ 'HYLFH�2ULHQWDWLRQ�

'HYLFH�2ULHQWDWLRQ*RRJOH�0DSV

'HPR

Ɣ *UHDW�SODWIRUP�VXSSRUW�DOUHDG\�H[LVWVƔ 0R]LOOD�ZDQW�WR�GR�PRUH�ZLWK�2SHQ�:HE�

$SS�SURMHFW

,QVWDOODWLRQ�'HOLYHU\

&XUUHQW�ZHE�DSS�SODWIRUPV

Ɣ 3URSULHWDU\�SDFNDJLQJ�IRUPDWƔ 'HWDFK�ZHE�WHFK�IURP�WKH�ZHEƔ 6HFRQG�FODVV�FLWL]HQ�RQ�VLQJOH�YHQGRU�

SODWIRUPVƔ &HQWUDOL]HG�GLVWULEXWLRQ�FKDQQHO��VLQJOH�

RSWLRQ�RI�XVHU�LGHQWLW\�PRQHWL]DWLRQ

6R�ZH�FDPH�XS�VRPH�QHZ�SURMHFWV�WR�IXOILOO�RXU�SXUSRVH

$W�0R]LOOD��ZH�ZDQW�WR�VHW�WKH�ZHE�IUHH�

7KH�1HZ�0R]LOOD

2SHQ�:HE�$SSV

%RRW�WR�*HFNR

%URZVHU,'

2SHQ�:HE�$SS�3URMHFW

Ɣ 'HOLYHU�\RXU�PRELOH�DSS�RQ�WKH�ZHE�HIIHFWLYHO\�ZLWKRXW�ORVLQJ�IUHHGRP

Ɣ 127�MXVW�DQRWKHU�PDUNHWSODFH�IRU�ZHE�DSSV

%URZVHU,'

Ɣ 'HFHQWUDOL]HG�,GHQWLW\�6\VWHPƔ 8VHU�LV�LGHQWLILHG�ZLWK�WKHLU�(�PDLO�DGGUHVV�

VHFXUHO\�XVLQJ�EURZVHU�$3,�VXSSRUWƔ 1R�WKLUG�SDUW\�LQYROYHG��1R�XVHU�WUDFNLQJ�

QDYLJDWRU�LG�JHW�JRW$VVHUWLRQ&DOOEDFN��

%RRW�WR�*HFNR��%�*�

Ɣ 0RELOH�2SHUDWLQJ�6\VWHP�IRU�WKH�:HEƔ :HE�$SS�DV�ILUVW�FODVV�FLWL]HQƔ 1HZ�:HE�$3,V�DQG�3ULYLOHJH�PRGHO�IRU�ZHE�

WHFKQRORJLHV�WR�UXQ�D�SKRQHż 7HOHSKRQ\��606��:HE86%��HWF�

/HWV�PDNH�VRPH�NLFN�DVV�ZHE�DSSV�

0R]LOODV�PLVVLRQ�LV�WR�SURPRWH�RSHQQHVV��LQQRYDWLRQ�DQG�RSSRUWXQLW\�RQ�WKH�ZHE�

Recommended