building smart phone web apps mosc2010 bikesh itrain

51

Upload: harisfazillah-jamel

Post on 03-Sep-2014

1.527 views

Category:

Technology


0 download

DESCRIPTION

Building Smart Phone Web Apps during MOSC2010 by Bikesh, iTrain, Malaysia.

TRANSCRIPT

Page 1: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

j������������ ����j������������ ��������������������

c������������� ���������������

Page 2: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

���� ������� �����

%��������

� ��c��������� ������� �������c��������������������������������������

� �������������������������������������������������c������������������������

� ������ �������������������� ���������������������������� ��������������������������

� ���������� ���������������� �������������c�����������

Page 3: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������ ������� �

��������!��������"#$#�%$�� ��������������������������c����������������

Page 4: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������ ��������������������

" ������������& ���������������������������������������������������'����� ���(��������� �����)*

& %������ ���+������$ ������, -c.�������/

$ �������, 0���

$ 1����1�����, 0���

& %����� ��$ 2����������������!�����

& �����$ %���������+�����

& %������$ ����'�*

Page 5: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������ ��������������������

" �c������& ��������������c������������c���������������������������������� ������� �3��������������������������������

& %������ ���+������$ 4��+

$ /!!

$ 0���������

& %����� ��$ 5�+6

& �����$ ����

& %������$ %����� ����

Page 6: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

����������������������������

" ��������c������& ����c�������������������������������

& �� ������� '������������ *

Page 7: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

����������������� ������������������������� ��������

" 8)c��������������c)7& !�����0�c�(�/8-(������

" 8)������������������������������������������������������������ �c����������� ����� ������9�����!���� ����������������1����1����(���������c���(��������������� ��������������������������������� )7& 2����������(�2��8�������(�������

Page 8: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

� ��� �� ������ ������������������ ������������

4��+�:�c�!�������c�!%+�%���c������+������/!!�, ��������;�������/�����)

Page 9: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������

" �������1�33

" �������2����

" �����������

" �����������

Page 10: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

����������

1�����������!������ ����������������/!!� ����������������+������������ ������c�����c������� �����.%����� ��������4� ��!��������� ����������������!���������

�� ����� ������������0%�����

/�����!����%����!������� ���������������������������!������� ��������������������!������� ���������������c����

Page 11: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

��������� ������������������� ��������������������������

Å�$������<=����=>4�������6Å;�$>Å����<=���������=>������������������ ����c�����Å;�>Å�> �����������������Å;�>Å��>

Å��������<=����=>��33�Å;��>Å��>1���Å;��>Å��>%���Å;��>

Å;��>

Page 12: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

��������� ������������������� ��������������������������

" �����?������������������@�A

" B����������?�c����������������������@�A

" ����>

" Å�����>�������� ������Å;�����>

" �������<=����������=�����<=��������=�����<=��C�;���=�;>

" Å;����>

Page 13: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

���������������� ������

��� ������<�DE������E(�E1����E(�E-�����EF@

����'��� ���������*�?���'�����D�F�<<�E������E*�?

�����'�����D�F�G�E����� ����������6E*@A������?

�����'�����D�F�G�E���������E*@A

A

Page 14: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

%��%��

Å�� �>Å����>Å�����>�������� ������Å;�����>

Å�����������<=��C�;.���������=��������<=����H=>����������4����'*�?���� �����8�� ��1� �'E���E*���4��+ <�E4�������6E@AÅ;������>

Å;����>

Åc���>Å�$���<=���=������� <=���4����'*=>/����� �6Å;�$>

Å;c���>Å;�� �>

Page 15: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

���� ����

Å�� �>Å����>Å�����>�������� ������Å;�����>

Å�����������<=��C�;.���������=����<=.I����.�=>Å;������>

Å�����������<=��C�;.���������=��������<=����H=>����������4����'*�?J'EB���E*��C�'E4�������6E*@AÅ;������>

Å;����>Åc���>

Å�$���<=���=�������<=���4����'*=>/����� �6Å;�$>Å;c���>

Å;�� �>

Page 16: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

��j���������j�������

Page 17: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

���������!� ����������������!� �������

" �������<=����������=�����<=��C�;���=����<=��������=� ����<=�������������' �C��������KH#�C*=�;>

" �������<=����������=�����<=��C�;���=����<=����������=� ����<=���������' ���������KH$�C*=�;>

" Å6��D��� 8F>Å�������<=����������=�����<=��C�;���=�����<=�C���������=� ����<=���=�;>

Å6D����F��>

Page 18: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������

Page 19: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������

" Š����� �<=��������=������<=����������c��<�(������<������������=�;>

" ��������9������������������������(���������������c��3�� �����������������������������

Page 20: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

�� ������������"����� ������������"���

" ������c��

" +���������������������

" �������������������'�������c�����*

Page 21: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

�� ������������"����� ������������"���

c����?

c����������������B���@�

�������B"""@�

������ �����4��������@

������3���$K�C@

������#@�

��������#@�

A

Page 22: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

�� ������������"����� ������������"���

B��������$�? ������#@��������#@A

B��������$���?c����������������B���@c������c���� ��$�C�������BLLL@�������B"""@���������c����@������3���"#�C@������������c���@��������$#�C�#@��C�������������@��C���������������@A

Page 23: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

�� ������������"����� ������������"���

B��������� ?��������������@ ������$#�C@��������#@A

B��������� �����?c����������������B������@c�������$�C�������BMMMMMM@�������B""""""@���������c����@������3���$N�C@������������c���@ �����c���� ���$�C@��������$"�C�$#�C@��C���������������@A

Page 24: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

�� ������������"����� ������������"���

B�����(�B����c���?

��������$#�C@

A

B�������?

�����������@

A

Page 25: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

"������� ������������"���"������� ������������"���

" ������$���C���������������������������������������C�(������/!!����������������c��������

B��������$���?��C����������#�C�$�C�#�C�B���@c���������� ��������c�����������'�����(���������(������c���� (��� 'B���*(���'BMMM**@A

" ��C������������� �������& ����3�����������(& ���������������(�& 1���& /����

Page 26: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

"������� ������������"���"������� ������������"���

" ��c�����������& ������������������� �������������

" ���� ��������� ������������������������������& �����������������'���c�����������������*(

& ��������������������������������'���c����������(������c���� (����������(����������c���� *(

& ��������������������������

& �����������������(�

& �����������������

Page 27: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

"������� ������������"���"������� ������������"���

" ������������� ���������

B��������� �������������� ��?���c����c�����������������������H�C@���c����c������������������������H�C@A

B��������� ������������� ��?���c����c������c���� ��������������H�C@���c����c������c���� ���������������H�C@A

Page 28: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

��������� ����#�� ���������� ����#�� �$��� $���

Page 29: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

��������� ����#�� ���������� ����#�� �$��� $���

" 8��������������������������� ��� ���

B������������� ?

�����������@

A

Page 30: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

��������� ����#�� ���������� ����#�� �$��� $���

" /������������� ������������1���� '���*

B��������������1���� ?����������c������@�����N�C@������L�C@��������O#�C@������������c���@��C�������������@������������@��C������������c�'#(#(#(#L*�#�C��$�C�#�C@������������"H�C@c�������������#�H�C�#�H�C@���c����c������� ��������'� ����;c������*�#�H�#�H@A

Page 31: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

��������� ����#�� ���������� ����#�� �$��� $���

" �������������������������4��+�����>

" Å�����������<=��C�;.���������=����<=.I����.�=>Å;������>

" Å�����������<=��C�;.���������=����<=�����.�=>Å;������>

Page 32: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

��������� ����#�� ���������� ����#�� �$��� $���

" /�������������������������.�

���'��������Û���� PP���������Û���� Å<�KH#*�?J'���� ��*�����'������'*?J'EB���������E*���/����'E����E*@J'EB������E*�����'EÅ���������<=����1����=������<=���������'*=>���Å;���>E*@A*@����������������'*�?J'EB���������E*������/����'E����E*@J'EB�����������1����E*������/����'E�������E*@A5

Page 33: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

��������� ����#�� ���������� ����#�� �$��� $���

" ���������������������������������

B����������������� ?

���c����c������� ��������'� ����;c����Q���������*�#�H�#�H@

A

Page 34: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

�����������%��������&�!���������������%��������&�!����

Page 35: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

"��������������"��������������

" /��� �c����$#K���C���6

" Š����� �<=������ �c������c���������c��=������<=���=�;>

" ������������������������������ ������������������� ������c�/�������

Page 36: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

"�����������������������j"�����������������������j

Page 37: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������'� ��������'� ��

Page 38: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������'� ��������'� ��

" ��������������������������������� ���(��������������������������������������������������������������������������������

" �����������������c������������������������ ���������9����������������(����������������������������������

" �������������� �������� �������(����������O"#�C�R KL#�C���������

" �������<=��������������������� ���=�����<= �/���� !���������������=�;>

Page 39: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

����������������

" %8�-& !� �������

& 0%�����

Page 40: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

����������������

" 0%�����& -���!������0I���� �����

& S�����������������������������������.%�������� �,������������,���

" ������������������,����& ���������������������

& �������������,���,����������������������������

& ��� � ����������,����� �����������

Page 41: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

����������������

" +���0I����� ��c�����������������

" ��������<=��C�;���=����<=����������=� ����<=�����=�����<=.I�����;.I��������=>

" ��������<=��C�;���=����<=����������=� ����<=�����=�����<=��� ��;.I�;��� ����=>

" Å�����������<=��C�;.���������=����<=.I�����;.I����.�=>Å;������>

" Å�����������<=��C�;.���������=����<=.I�����;.I�����.�=>Å;������>

" Å�����������<=��C�;.���������=>��� .%� <�J.%�����'?�����E������E(������1����Ec����EA*@Å;������>

Page 42: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

����������������������������������

" �����!������ ���������!������ ����������� ���������������������������������������������0���!�������������� �;������������

" 5������������������������������������������

Page 43: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������������

" %�������������������������������������������������������c�����������������'�����c�*�������������������� ������� ���������' ����c�������� ���� ���� �(���������(�� ����*�

" ���������������������������������������������������

Page 44: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������������������

" %������������������������������c.����

" -�����������;��c����������������������������(���������������������������������������;��c����������

" 5���������������������������������������������c����������(��������������������������c��

Page 45: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

" !���������������������� �������

�����!��������� �� 'E���E(�K#*@

" ����������������������������I�������� ����

��� ����<������!��������� �� 'E���E*@

" S���������������������������;�������������� ��������������

�����!�������� ��� �� 'E���E*@

" -�(����������������������;��������������������

�����!�����������'*@

Page 46: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

" ���� ����������������������������0���!������������(������������������������������C�

�����!��������� <�K#�;;�!�������������������

��� ����<������!���������@�;;���������������������

������������!���������@�;;��� ����������� ��������

" ���������!������ ���������!������ ���������������������������

" ���������������� ������� ��������(�������������������������������������

Page 47: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������������������

J'���� ��*�����'������'*?J'EB����������� E*��c ��'����!������*@A*@

�����������!������'*�?�����!��������� <�J'EB���E*���'*@�����!������c����� <�J'EBc�����E*���'*@�����!������������ <�J'EB������E*���'*@.%���1���'*@�����������@A

Page 48: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������%j������������%j

" ����������������������������� ����c������������0���!����������c������ ������������������������������������������ ��

" %�������������������������!%+������ ����������������c���

" ����0���!����������c������ ������������������������

Page 49: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������%j������������%j

Page 50: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

������������%j������������%j

" ����������������������������������:��1

" ���������� c������������ ��(������������������� ���������c������������������������������3����������

" �������������(���������c������3���� ��������c�����������$#��1�

" ����������������������(���%5-��Q8��������������c���������

" 5���!�������c� ������������������������%1

Page 51: Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

����������

" ��������������" �������c����� ;����� �������" ���������� �;�����" ���������� �;������

" ������%���������5������������������" '����c��� �����*

" ��c�����

" ���� ������

" ���������������� ;�����