building smart phone web apps mosc2010 bikesh itrain
DESCRIPTION
Building Smart Phone Web Apps during MOSC2010 by Bikesh, iTrain, Malaysia.TRANSCRIPT
j������������ ����j������������ ��������������������
c������������� ���������������
���� ������� �����
%��������
� ��c��������� ������� �������c��������������������������������������
� �������������������������������������������������c������������������������
� ������ �������������������� ���������������������������� ��������������������������
� ���������� ���������������� �������������c�����������
������ ������� �
��������!��������"#$#�%$�� ��������������������������c����������������
������������ ��������������������
" ������������& ���������������������������������������������������'����� ���(��������� �����)*
& %������ ���+������$ ������, -c.�������/
$ �������, 0���
$ 1����1�����, 0���
& %����� ��$ 2����������������!�����
& �����$ %���������+�����
& %������$ ����'�*
������������ ��������������������
" �c������& ��������������c������������c���������������������������������� ������� �3��������������������������������
& %������ ���+������$ 4��+
$ /!!
$ 0���������
& %����� ��$ 5�+6
& �����$ ����
& %������$ %����� ����
����������������������������
" ��������c������& ����c�������������������������������
& �� ������� '������������ *
����������������� ������������������������� ��������
" 8)c��������������c)7& !�����0�c�(�/8-(������
" 8)������������������������������������������������������������ �c����������� ����� ������9�����!���� ����������������1����1����(���������c���(��������������� ��������������������������������� )7& 2����������(�2��8�������(�������
� ��� �� ������ ������������������ ������������
4��+�:�c�!�������c�!%+�%���c������+������/!!�, ��������;�������/�����)
������������
" �������1�33
" �������2����
" �����������
" �����������
����������
1�����������!������ ����������������/!!� ����������������+������������ ������c�����c������� �����.%����� ��������4� ��!��������� ����������������!���������
�� ����� ������������0%�����
/�����!����%����!������� ���������������������������!������� ��������������������!������� ���������������c����
��������� ������������������� ��������������������������
Å�$������<=����=>4�������6Å;�$>Å����<=���������=>������������������ ����c�����Å;�>Å�> �����������������Å;�>Å��>
Å��������<=����=>��33�Å;��>Å��>1���Å;��>Å��>%���Å;��>
Å;��>
��������� ������������������� ��������������������������
" �����?������������������@�A
" B����������?�c����������������������@�A
" ����>
" Å�����>�������� ������Å;�����>
" �������<=����������=�����<=��������=�����<=��C�;���=�;>
" Å;����>
���������������� ������
��� ������<�DE������E(�E1����E(�E-�����EF@
����'��� ���������*�?���'�����D�F�<<�E������E*�?
�����'�����D�F�G�E����� ����������6E*@A������?
�����'�����D�F�G�E���������E*@A
A
%��%��
Å�� �>Å����>Å�����>�������� ������Å;�����>
Å�����������<=��C�;.���������=��������<=����H=>����������4����'*�?���� �����8�� ��1� �'E���E*���4��+ <�E4�������6E@AÅ;������>
Å;����>
Åc���>Å�$���<=���=������� <=���4����'*=>/����� �6Å;�$>
Å;c���>Å;�� �>
���� ����
Å�� �>Å����>Å�����>�������� ������Å;�����>
Å�����������<=��C�;.���������=����<=.I����.�=>Å;������>
Å�����������<=��C�;.���������=��������<=����H=>����������4����'*�?J'EB���E*��C�'E4�������6E*@AÅ;������>
Å;����>Åc���>
Å�$���<=���=�������<=���4����'*=>/����� �6Å;�$>Å;c���>
Å;�� �>
��j���������j�������
���������!� ����������������!� �������
" �������<=����������=�����<=��C�;���=����<=��������=� ����<=�������������' �C��������KH#�C*=�;>
" �������<=����������=�����<=��C�;���=����<=����������=� ����<=���������' ���������KH$�C*=�;>
" Å6��D��� 8F>Å�������<=����������=�����<=��C�;���=�����<=�C���������=� ����<=���=�;>
Å6D����F��>
������������
������������
" Š����� �<=��������=������<=����������c��<�(������<������������=�;>
" ��������9������������������������(���������������c��3�� �����������������������������
�� ������������"����� ������������"���
" ������c��
" +���������������������
" �������������������'�������c�����*
�� ������������"����� ������������"���
c����?
c����������������B���@�
�������B"""@�
������ �����4��������@
������3���$K�C@
������#@�
��������#@�
A
�� ������������"����� ������������"���
B��������$�? ������#@��������#@A
B��������$���?c����������������B���@c������c���� ��$�C�������BLLL@�������B"""@���������c����@������3���"#�C@������������c���@��������$#�C�#@��C�������������@��C���������������@A
�� ������������"����� ������������"���
B��������� ?��������������@ ������$#�C@��������#@A
B��������� �����?c����������������B������@c�������$�C�������BMMMMMM@�������B""""""@���������c����@������3���$N�C@������������c���@ �����c���� ���$�C@��������$"�C�$#�C@��C���������������@A
�� ������������"����� ������������"���
B�����(�B����c���?
��������$#�C@
A
B�������?
�����������@
A
"������� ������������"���"������� ������������"���
" ������$���C���������������������������������������C�(������/!!����������������c��������
B��������$���?��C����������#�C�$�C�#�C�B���@c���������� ��������c�����������'�����(���������(������c���� (��� 'B���*(���'BMMM**@A
" ��C������������� �������& ����3�����������(& ���������������(�& 1���& /����
"������� ������������"���"������� ������������"���
" ��c�����������& ������������������� �������������
" ���� ��������� ������������������������������& �����������������'���c�����������������*(
& ��������������������������������'���c����������(������c���� (����������(����������c���� *(
& ��������������������������
& �����������������(�
& �����������������
"������� ������������"���"������� ������������"���
" ������������� ���������
B��������� �������������� ��?���c����c�����������������������H�C@���c����c������������������������H�C@A
B��������� ������������� ��?���c����c������c���� ��������������H�C@���c����c������c���� ���������������H�C@A
��������� ����#�� ���������� ����#�� �$��� $���
��������� ����#�� ���������� ����#�� �$��� $���
" 8��������������������������� ��� ���
B������������� ?
�����������@
A
��������� ����#�� ���������� ����#�� �$��� $���
" /������������� ������������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
��������� ����#�� ���������� ����#�� �$��� $���
" �������������������������4��+�����>
" Å�����������<=��C�;.���������=����<=.I����.�=>Å;������>
" Å�����������<=��C�;.���������=����<=�����.�=>Å;������>
��������� ����#�� ���������� ����#�� �$��� $���
" /�������������������������.�
���'��������Û���� 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
��������� ����#�� ���������� ����#�� �$��� $���
" ���������������������������������
B����������������� ?
���c����c������� ��������'� ����;c����Q���������*�#�H�#�H@
A
�����������%��������&�!���������������%��������&�!����
"��������������"��������������
" /��� �c����$#K���C���6
" Š����� �<=������ �c������c���������c��=������<=���=�;>
" ������������������������������ ������������������� ������c�/�������
"�����������������������j"�����������������������j
������'� ��������'� ��
������'� ��������'� ��
" ��������������������������������� ���(��������������������������������������������������������������������������������
" �����������������c������������������������ ���������9����������������(����������������������������������
" �������������� �������� �������(����������O"#�C�R KL#�C���������
" �������<=��������������������� ���=�����<= �/���� !���������������=�;>
����������������
" %8�-& !� �������
& 0%�����
����������������
" 0%�����& -���!������0I���� �����
& S�����������������������������������.%�������� �,������������,���
" ������������������,����& ���������������������
& �������������,���,����������������������������
& ��� � ����������,����� �����������
����������������
" +���0I����� ��c�����������������
" ��������<=��C�;���=����<=����������=� ����<=�����=�����<=.I�����;.I��������=>
" ��������<=��C�;���=����<=����������=� ����<=�����=�����<=��� ��;.I�;��� ����=>
" Å�����������<=��C�;.���������=����<=.I�����;.I����.�=>Å;������>
" Å�����������<=��C�;.���������=����<=.I�����;.I�����.�=>Å;������>
" Å�����������<=��C�;.���������=>��� .%� <�J.%�����'?�����E������E(������1����Ec����EA*@Å;������>
����������������������������������
" �����!������ ���������!������ ����������� ���������������������������������������������0���!�������������� �;������������
" 5������������������������������������������
������������������
" %�������������������������������������������������������c�����������������'�����c�*�������������������� ������� ���������' ����c�������� ���� ���� �(���������(�� ����*�
" ���������������������������������������������������
������������������������
" %������������������������������c.����
" -�����������;��c����������������������������(���������������������������������������;��c����������
" 5���������������������������������������������c����������(��������������������������c��
" !���������������������� �������
�����!��������� �� 'E���E(�K#*@
" ����������������������������I�������� ����
��� ����<������!��������� �� 'E���E*@
" S���������������������������;�������������� ��������������
�����!�������� ��� �� 'E���E*@
" -�(����������������������;��������������������
�����!�����������'*@
" ���� ����������������������������0���!������������(������������������������������C�
�����!��������� <�K#�;;�!�������������������
��� ����<������!���������@�;;���������������������
������������!���������@�;;��� ����������� ��������
" ���������!������ ���������!������ ���������������������������
" ���������������� ������� ��������(�������������������������������������
������������������������
J'���� ��*�����'������'*?J'EB����������� E*��c ��'����!������*@A*@
�����������!������'*�?�����!��������� <�J'EB���E*���'*@�����!������c����� <�J'EBc�����E*���'*@�����!������������ <�J'EB������E*���'*@.%���1���'*@�����������@A
������������%j������������%j
" ����������������������������� ����c������������0���!����������c������ ������������������������������������������ ��
" %�������������������������!%+������ ����������������c���
" ����0���!����������c������ ������������������������
������������%j������������%j
������������%j������������%j
" ����������������������������������:��1
" ���������� c������������ ��(������������������� ���������c������������������������������3����������
" �������������(���������c������3���� ��������c�����������$#��1�
" ����������������������(���%5-��Q8��������������c���������
" 5���!�������c� ������������������������%1
����������
" ��������������" �������c����� ;����� �������" ���������� �;�����" ���������� �;������
" ������%���������5������������������" '����c��� �����*
" ��c�����
" ���� ������
" ���������������� ;�����