Taller de Web Apps - Friabit 2014

22

Transcript of Taller de Web Apps - Friabit 2014

Page 1: Taller de Web Apps - Friabit 2014

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

� ��� ����

Page 2: Taller de Web Apps - Friabit 2014

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

���� �������

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

����������� ����� � ����� � ���� ��� ��� ��� !��� "� �� #�������

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

���$%�����% ���� '����� �� �������� �������(�������� )�

����%������ ����� � ���� ����*����� + ��� !���"� �� ���� ��� � )�

����� �� �� �,

Page 3: Taller de Web Apps - Friabit 2014

�-�.�������� �� � �� !� ��� ��/ ��� �����' ��� ��� �� � ��� � ��

�0� �� � 1� ��� #�� �� ���� �����(����-

� 2� ��� !���� � ���� �����3���� ������� � � (������� ��/ 3� ����� ���� ����������� 4��/ ����������/��� �����' ��� � 1� ��� #�� ��� ���4����� � ��� � ��5� ������ ��� ����� ' � ��� �����' ��� ��� ������� ������-

� �� �4���� �����'�/ � (���� �����(����� ����� ��� � �� � .�������/ �� ���� �� '�� !��� � ������� ��� !���� ��� "�� � ��5��� �-

Page 4: Taller de Web Apps - Friabit 2014

�-�.�������� �� ��� ��� � '0/ �� � ����6 #�� �� � �0� �� ��3� ���(��� �

�� ��7�� �� � 4�����(�� 1� �� #��-

� 2���5��� � ��� 8� �����(����� �� ��� ��� 4�� ��� ���� ( ���� �� �9�: ��� � ��� � �� ��� ����/ 5� � �� ������3����/ �������/ ����/ ����1� ��/ ;����<�---

� =�� �� ��� � �� ����� 4�� 3 3� ����� � !��>�� ��/�������� � �� �������� � �� ��� ��������/ 3 3� ������� ���� ��� ������ ������� ��� � !������ �� ������-

Page 5: Taller de Web Apps - Friabit 2014

$-�?�>�8����������,� ��� ������� ������ ���������� 2���������

�� ���4��� ��3 ����'� !� ��!��>�� � �� ���������� �����4��� ��� �� 4��� �� �������� '�� 1� ��� #��-

� ��� ������� ���� ������� ����� ����� � �� �������/8� �� ���������� �� � � �� �� � ����� ��� �������� ��!����� ���� �������� ���� � �� =�@2-

� ��� ���� +��� � ����� 1� �� #�� �� � � ��� �� ��� ��(� ��!���� ( ���� � �� � �� � ��� � �� �0� ����1� �� � ��"� ��=�@2% A"�� �� (��� � ��=�@2B ���::

Page 6: Taller de Web Apps - Friabit 2014

�-�& !��>�� �� ���������� (�� �����

� ��� �����

� ��� ��� (� 8� ��� �� ��� � �� � �0� �������(������ �� �� ���������� �� �������� �������� A9�5��� (�� �� � 9:/ C�(� �� � ���� �B

� 2�� ��� (�� ��3�� �� ����������� �>( ����� �� ��������� �'������ �� �0� � ��� �� ���� :���� A 9:B� �� D����� ���6 A���� �B-

� 4������ �� ��� ��� ���� ���������� ��� ��3���#��� ��� �0� �/ 5� � �� �� �1����/ �� D�:---

Page 7: Taller de Web Apps - Friabit 2014

�-�& !��>�� ������������ (�� �����

� ��� �����

� 2�� ��� (�� ����8 ���� ��( �� ��� ! ��� ��� �������� ��� �� ��(������ �� � ���� !��� ����/���'������ � ��������� �� � ����� ����� �-

� :�� ���� �� � �����(����� 5���

� 2�� ������ � �� ��� 3�� �� ��� �'�������� �� ���� ����� ������� 4��� �4���� 3� ��� �� ' -

Page 8: Taller de Web Apps - Friabit 2014

�-�& !��>�� ������������ (�� �����

� ��� ���

� �� ��� � 8� �� !����� � �� ����!���� 4�� ���'���� A���� �/ 9:/ ---B/ �� ��3� �������� �� �*� � ���������� � � ���( �� �� ��1�����-

� E� ��4���� ' �����(�� � ���� � �� D����� �� � ������� �'������ �� �0� �-

� ����� ��4���� ' 4�� ������� �� ���������� �� ��� �0� �-

� 2�� ������ � �� ��� ������ ��� �����(������� ������ ��� � �� �� 4�� �� �� ��� �� ���������� �� ��� �0� �

Page 9: Taller de Web Apps - Friabit 2014

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

� ���������� ;� ���� ( ���� � �� �� 4�����(�� � ��� � ��0� �/ 5� � �� :����3��� � ������-

� ������������� �� ������ ������� ���� �/ 9:/����<����6/ � ���#� 3���---

� ���������� :������� �� ������ �� �� ��(������ #�� �� �������� �'������

� ������� �� ���������!� ��� 4�� �� �� ������������ ����� �� ���<��/ �� 8� �������� 4�� ��� � �� ���8� ��(�� ��� � � ��� � ��� � (���� �� 4��� ���� ��! � ��- ������� ��� �� �1��� �� ��� ��� ���� ��� �-

Page 10: Taller de Web Apps - Friabit 2014

%-�.����(�� ����������"����������

� � �� ��� ��� �� ��� � �0 � �� �� �0� � ��� ������� �� �� ����� � �����> '�� ��� ���<���-

� :���� 8� ������1� � ��� �����' � � .������� �� �( ���� � �����

� D��� ��� �� ��� !��� ���� ���� �� �������3��� ������� � ��� ���� �� � �'��������� ��� �� �� #�� ��D�:/ �������� � �� �/ ��� ! ��� ���---

Page 11: Taller de Web Apps - Friabit 2014

�-����������(�����������

� ;' ��� '�� ���� ��� �� ����!����� �� �� ���������(����� �� ��� ��� #�� �� ��� � ��� � ���0� ��-

� ������ ������� ��� �����F��� ������ �� �������

� ;� ������� �� ��� 4�� 4��� �� �*� � �� ��� ���������� � A���� �8� � � �����B ������ ����������� ��� ��� �� ��� �� �������� � 4�� ���������1 �������� �� ��� � A�8� �����' ��� ��0 �8�(����� � ���B

Page 12: Taller de Web Apps - Friabit 2014

�-����������(�����������

� ; ��� ��� �����F��� 4�� ��� �5���� � ���� � �� ���� A�� ��3� �� ��� �� �*� � �� ��� ���������� �B�

� ����"����� 2� 1� �� �*��� �� �� ����� � �� ������������ / ����� ������ �� ������ ���� � � ��� � ���0� ��-

� ����� ;�� ����� ���� � �� �� ��� �� ��� ��� ��� �����" ��� �>� � �� 1� ��� ��� !��� ���� ���� 5���! � ���-

� ������ 9!��� ' �� ��� � � ��� �� ���� � �� �� ����� ��� ��� ��� ������ ���� ���� � ����6 ���� �������-2� (��� � �����F�� ����� �� ������ ��� � ��� -

Page 13: Taller de Web Apps - Friabit 2014

�-����������(�����������

� ����8 ������ � ��� #�� �� ������� �� � ���� � ����� ��

� ���������#���� ������ ����� �� ��� ��� ��� ��� ����������� �������� � � ��� ������� � ����- G� ���������- �� ���� ��� ����� �� �� ��*��� �� ��(������F� �� �� � ��

Page 14: Taller de Web Apps - Friabit 2014

�-����������(�����������

� ��� � ������ � ��� 4�� ��� ���(� '�� �� � ���������� ��� ��� 4����� � �� ������ #�� �( ���� � ��� � � �� ���� � ��� � � �0� �-

� 3���HH###-��� ��3�����������-���H� ;�� �����(���� �� �������� �� ��� �>� � ���� �����3���� �8�3�� ����� ��� ������-

� 3���HH4� �<�����-���H� ;�� ����� (���� �� �������� ���� ������ #�� � �� � !������ � ��� � ��� ��� ��� ����/ �0� �/ ������/ �+---

Page 15: Taller de Web Apps - Friabit 2014

�-����������(�����������

� ����8 ��� � ��� �>� � ��������� �� �����(���������� ��� 4�� (���� !�� ��� � ����������

� ������ �� � �����(����� #�� �� �� 9:

� ������� $�������� ����� :�� ��� �>� � ��� ��� ��������� �� � ���� �����(����� �� ��� ��� �� ����� �- ����8 �� ���� � ����6�� ��� �-.������� ���� ��� ;�� ��-

� $����������� �� ����� � ����6���� #�� ����8 ������ �� � � �� �� � ����� ��� �� ��� � #�� �� �� ��� � �� �0� ��-

Page 16: Taller de Web Apps - Friabit 2014

�-������ ��������� ���������

� ;� ������ �� ����� �� ���� � #������� �����(����� �4���� ������� � �� ( ���� � �� � �� 4�����(��� ��� � � �0� ��

�- ;���� ������(�� � ###-#�������-���

$- ����� � ���� ���� ��� ��� � ���� ������� ��������1� �� ��� (����� ����8�-

�- �� �� �� ���� ����� �����F�� ���� 4�� � ���� #�������

�- !�� � ����� �� ��7����� �� ����

%- ;� � ��� �� # ���� �� �"�4����

�- �� (�� ��� # ����� �� �������� �����*�� 4��� ��� ����

Page 17: Taller de Web Apps - Friabit 2014

�-������ ��������� ���������

� �����(�� ����������������������������� ����������

�- �����(���������������������(������� �����#���� ���������3���H������

$- �����(�������������������� �������� ���������1� ��������������###-��� ��3�����������-���

�- �����(������������������� �������� ���������1� ��������������###-4� �<�����-���

Page 18: Taller de Web Apps - Friabit 2014

�-������ �����������*������+ ��� !����"�����)�

�- ;���� ��������������1� ���#������6���###-6�-��

$- &������������(������� ��� ��6� �������<��-

�- &���������1� ���#��/���������������������(�������� ��� �-

�- �������� � ��������1� ����4���5��(�������! � ��������������������(���

Page 19: Taller de Web Apps - Friabit 2014

�-������ �����������*������+ ��� !����"�����)�

� ?�����!�� ��������(��1� ���������� ����������4������� !�������� ���

Page 20: Taller de Web Apps - Friabit 2014

�-������ �����������*������+ ��� !����"�����)�

� ;� ������ �� ����� ��� �� ��� � ��� )� 4�� �� ��� ���( ���� � ����*����� ( ���- 2��� ��� � �� ���6� 3���1 �� ������ ��

�- ��� !������! � (����� ������

$- ��� � ���� 1� �� �� ��'� � ��� ��� ��� (������ ������������� A���/ �������/ ���� �� �� '�����/ ����7� �����/����7� ������0� �� ���>!��

�- ��� 1� �� �� :�3����� �� ������ �� (����� �'�� >�� ��������

�- ��� 1� �� �� :�3����� �� ������ �� (����� !����� �����>� ��

%- ��� 1� �� �� ��'� � ��� �� ������ � ������ ����� �I ����>�4�� ������ A���� '����� �� � ����/ ������ �� ����� �---B

�- ��� 1� �� �� �# ���� �� � ����� ��� �!����� �� ��� "�� ����!����� ��������- + ���� � �� �� �# ���� �� J �!�5��� ����8 ��3����� K@������2������

Page 21: Taller de Web Apps - Friabit 2014

�-������ �����������*������+ ��� !����"�����)�

� + ���� � �� �� (����� ����*����� �� (����������3���H������

� + ���� � �� �� ���� ���� ��� (����� ����*����� � � ���� ��� 1� ��� ���������� �� � ��� � �� �0� �� ( ���������� ###-��� ��3�����������-���

� . ����8 � ###-4� �<�����-���

� �� �� �� ����� ����� 4�����(�� ����� � ������ ��� � 4�� �� ����� �� �������� .�( ��� ������� (����� / �� ����/ �������� � �� ������ (������ ��!����� � ��� � (�---

Page 22: Taller de Web Apps - Friabit 2014

�-��� �� �� : ��� � ����� ����� �� ��� � �� ��� (������

���� '������/ ���� ���� � �� 1� �� ����� ���3���HH###-��� ��-���H ���� � �� ��� ��(� �� ��� ���� �4����� 1� �� #��-

� ��� ����� 3����� �� �����(�� ��� ��������� � � ���� ��� 1� ��� #�� ���������� 4�� 3�� ����� �� � � �����4���� ������