Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

51

description

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

Transcript of Building Smart Phone Web Apps MOSC2010 Bikesh iTrain

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�����

" ���� ������

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