9
Diseñando apps para móviles Javier Cuello y José Vittone

Diseñando Apps Para Moviles

Embed Size (px)

DESCRIPTION

_

Citation preview

Page 1: Diseñando Apps Para Moviles

Diseñando apps para móviles

Javier Cuello y José Vittone

Page 2: Diseñando Apps Para Moviles

5Definiendo la propuesta

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

Page 3: Diseñando Apps Para Moviles

�� Diseñando apps para móviles

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

���������������� ������� ���� ��������� �� ���������������������������� �� ����������� ����������������������������� ��������������� ������������������������� � ���������������������� � ���������������� ����������� ���������������� �!"#$%!&�'&(�!)'&��&'*+&,+,%!#*+&��&'%&%('#-%-#.$/&0��!+*$%+1&��23 ���������� �4������������������������������������������ 5������������� ���

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

��Definiendo la propuesta

����������

��������������26������4�7������������������������������������� �������������� ��� ������8������ �������������9���� ������������� �������������������������������'&�#+�:*&��&#$ �!%--#.$&%- ,%'/&;,&<,$-#.$&�+&��)$#!&"*��'*+&������� ����������� ��������������� ��������� ����������������������� ������������ ����

6���������6�������9���7����� ����� �� �������������������������������������� 5�������9������� ������ ������������ �������=������������������������������ ������������ ���������� �����������>��������������� ������������������������� ��� �� � �����������=��������������������������������'&!�+,' %�*&)$%'&��&�+ %&#$?�+ #@%-#.$&�+&,$%&!�(!�+�$ %�

� ���� ���������������������� ������ ������������������ ���A��6�����������=����������������������9 ���� ���� � ������������ ����

6������������ ������ 7��������� �������6�������������� �� �������������������������� � ������������ ����������������������=�����������B�����������������������������7���������������6�������� �� �

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

C��6�������� ���� �� � ������������������� ������������������������������ ����������� D��9���7�������������������������� ����������������������� ������������ ����������� �������������E���������������� �����

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

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

Page 4: Diseñando Apps Para Moviles

�� Diseñando apps para móviles

F������������� ����� �������������������23 ���������� �4��,$%&<*!"%&��&-*$ %!&?#+,%'"�$ �&G&��&(!#$-#(#*&%&)$H&�'&(!*-�+*&���������������6����������������� ������������ ���9���������� �7����������� �� ����

I���������������������������������������D�����������������A��� ����������=����� ���������� ���� ���� ������������������� �����������������������6����������3 ���������� ������ ���������� ��� ����9���������� �������������������������������=����� ����������>�����9�� ����������9��������������������� �������� ������������������������������� ������������������������� �� ����+ �&(!*-�+*&+�&(,���&?#+,%'#J%!&@!K)-%"�$ �&��&,$%&<*!"%&

�������������������������������������������������"*-#*$�+&��'&,+,%!#*H&(�!*& %"L#M$H&'%+&�#)-,' %��+&N,�&������������������������� �������������������� 5�������� ���������������������������������������������������������������D���������������7��������� ��������������������������� ������ �����������������=�������

������������ ������������� �������������� �!"#�$�%��������� &����� ��������������'��������� (������������

��Definiendo la propuesta

��3 ���������� ��� ������� D��������������������� �"#$%!�+&��&'%&*!@%$#J%-#.$&��&'%&#$<*!"%-#.$&G&'%&��)$#-#.$&��&��7��� ������� ��������������������������� �������=��� ��

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

O�������� ������� ������ ���������9����7���������������� ������ ���������� ������������������7��� ���������������������� �� ����8 �� �������3 ���������� ����������������������=�������������� ���������� ������������������=���9���� ��������� ���������������5����� �� �����

���� ������������������������ �� ������������������� �����������������������7��� �����7���������A������� ������ �� ���������������� ���� ���������� ���

��������)���*����������������������������������+����������������������&���'�, ����

Page 5: Diseñando Apps Para Moviles

�� Diseñando apps para móviles

������� ������������� �� ������� ����������������������������������� ���������������� ��������������������������� �������� �� �����#-#*$%'"�$ �H&(,���$&%@!�@%!+�&-%+#&#$)$#�%�&��&<,$�

� ��������������� ���6��������������������������������������� �� ���������� �������������� 5�������D��������5�������������������7��� ������������������������� ����� �� ���9��������������� ������������������������������������� ������������ ���������� ���������������6���������������E�����������I��9�������� �������������������������������� �������������� ���������������������������� ���������������=� ��������������������

���7��� �����������������������������=��������� ������������������������ �������9��� ������� ������� � �������� ��������������� ����������������� ��� ������� �� �������������� �����������������������������7��� ����������� �������������� �����E��� ��� ��������� ���8 ������������7�� ���9��������������������9������ ���

6�������������������������������B������#����������� �� ������7�����7����������������������9��������D������������������� �����7��� ����� ������� ���������������� � ����������������������5����������������F���=�����<,$-#*$�+&-*"('�"�$ %!#%+&N,�&%:%�#.H&-*"*&'*+&)' !*+&��&7�������������������������������������� ����7��������������� � ��� 7����� ������������=��

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

6������������9������������������������������������������=�������9������������� ���� ���7��� ������������� �������������� �����������������������������������������

#� $%�&'�(��)�*����+����,�����-�����������,������� .�+����,���/�������0� ���� �+����,���-���"��"���",������" ."+����,���

��Definiendo la propuesta

)'*H&(*!N,�&%'@*&N,�&+#!?%&(%!%&,$&,+,%!#*&(%! #-,'%!&$*&$�-���� ���������>� ����������=�1������������������������������������������ � ��������������� �������������������� �� ������=�7��������

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

C���� ���������� �7���� ���������7����������� 5���������� �����7��� �������������� �� �������7������������������������������=� ����������������� ���������� ������������ ���������� �7���� ������� �������� ������������������ �������� 7����������������� ������ ���������� 5� ������������ ���������������� ��������,�@*&��&P%L�!&��)$#�*&�'&#%Q�&��&,+,%!#*&G&'%+&<,$-#*$�+&

������������ ���������� ��������� 5����� �7���� ������������ �����=�������������������� �������������������� �������D�7��� �������������������������������F���=������������������� �������� � ����������� ���� %"L#M$&(,���$& �$�!+�&�$&-,�$ %&(%!%&�+ %&��)$#-#.$/

1� �����,�����,�����#2��,������ ���3145�6�47���� �����48 .��������

���������-�� �*����������.� ����������� &����� (����� ���, ���� /����+�� ����������,0������������� ���

Page 6: Diseñando Apps Para Moviles

�� Diseñando apps para móviles

R�������7��������� �� 5������ ����������� ������������������������������������=�����S���� �� �����������������=������ ������9�� 5���S�������������E �������������������=������ �� ����7����������������������������������D�������D��� ���

������ ����� ������������ ��������� �������� �� ���������� ��5���� 5������ 7��������� ������������7��� ����� �� 5����������������� ��������������� �������,$%&"%$�!%&"K+&*!@%$#J%�%/&���"K+H&'*&N,�&+�&��)$%&�$&�+ %&���������=���� �� ���� �� ����������� ����������� ����������� �������� ��������

���������

R������ �����S������������������>����������� ��S�������!�(!�+�$ %-#.$&",G&+#"('#)-%�%&��&,$%&(%$ %''%&#$�#?#�,%'H&�������� ������������ ��� � � ��������� 5� ����������'�"�$ *+&N,�&-*$ �$�!KH&#��$ #)-%$�*&G&+�(%!%$�*&%N,�''*+& �7���� ���������� ������ ����

T� �������������� ����������� �� ������ ���7��������������������� ������ ���������������������������������������������� ��������������7��� ��������,$%&<*!"%&-'%!%&G&+#"('#)-%�%/

O������������������������������� ���������=��� �����������7���� ��������� �������������������� ���������������������� ��������D� �����������������������������������������������������������������������E�����������������>�������������������������������

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

I��� ���������9�������� ����������������������� ������������������������������� ������������ ������ ���

� Definiendo la propuesta

���� ����75��8 ��������������������=�� ��������������������������� �������D���R���������=������������������������� ��������������������A

U�� �����9���� ���������������E���� ����6��� ����� ������������� 7������������� ����������� ����� ������ ����������7����=� ����=� ���� �� ����� ������� ���� ������������ �������������������D�����7��� ����

V�� �����9���� ������������ ��� ��������������������������������������������������� ������� � ��� �������������� �� �����������������������=����������7��� �� ��������� ������ ������ ������ ������ ���������������� � ������������������D� �������������������������������������� ��������� ������������������������� ���

W�� ������������ ��������� 5������ ��������� �������� ����75�������� ���������������������� ������ �������� �������������������� �������������������������������������9����� �����������������>��������7��� ���

T�������� ��������������������������������9������������������ ���������� � ���������������������������� ����� ������ ����������������������� ������������D������������ ������ ���

������������1 ��&��������&�������������������������(��������������������������������������������������

Page 7: Diseñando Apps Para Moviles

�! Diseñando apps para móviles

"�#��������$��� ��������

���������7�����=���=� �������� ����8������� ��������������������9������������� ����������������������������� ������ ���������������7���X����������������������� ���������� �5�����������������������������9� ����������5��=��������������������9���� ��������������� ������ ����75������7����������������

����������������������� �� �����������=��2���7�� ��4������������ ������ �����������5�������� ����������� ������������������C�������� ��S�����������������S���������������������� �������������������� ������ ���� ����

���������2���������������1 ��&����������������������������'�+* ��

���������3����� ��������+� �������4�� ���&������+��5�"%65�7�.����������/����

�%Definiendo la propuesta

�����������������������������������=��7����� �� ����� 7�����

����������������������������������� �������� ��������� 5����9 ����� � ���������� ����������������������������=� ������� ������ �������� ����75�S��������� �������������S������������ ������������������� 5���������������� ����������69����9����������=� ������� ������������������������

������ ��������� ���������� ���������������9���������� 7������������������� �������������� Y8�����=��� 7��� ��������� ����������������������F���� ���6�������������������9�������E ��������� ������ �����Z �����69����

F� � ������������ D��9����7����������� ��� ������ ������������� �����9�������� �����������������=������� �����������������[�� �9H&�"$#@!%\�:���FE���2��������E ��������9���������� ������8 ������ ����� ���������� ����������������������������� �����������������2��������4��R]6 �;������ ������������7���������� ������������ ���������������� ����

9� ������ ������0�� �:� <==>���???�@ABCDE@F>�G@A�>E@HFG=I�@ABCDEJKLM�2� �������!����� �;� ������!����� �

���������8�67��%����� �����9��������������:�� �9�.���������������,������������ ������1 ��&������������������

Page 8: Diseñando Apps Para Moviles

�� Diseñando apps para móviles

��&��������'�#����(����

����� ��������E ��������������������7�������9��������� �������C������� ��������7���������������=������� ����X���������������������� �5������������ 7����������������������� ������������=�������������������������� ��������������� 5��������� D���������� ��������������� ���������������� ��������9���� ����

T��� ��������������������������� ���� �������������������������������������������������� ��������������������� �������=������������������ ������������������������������������������� ������������������ ��������������=����������7����

��������������������� 7����������� ������9������������������������������ ��������� �������� ��������������7����=� ��������������������������� ���������� 7��������������������

���������;� *���<=���7�>%��&�1����������� �� �.������� ������������ ����� ������������� 4����0���

��Definiendo la propuesta

����������

C��������� ������������������ ���������� �� �������� �������������� ���������������� ����������������� ������������ �������������������������� �������������������������������X�����������������������������������#$ �!%--#.$&+,)-#�$ �&(%!%&(*��!&$%?�@%!&�$ !�&'%+&�#<�!�$ �+&����N�

6������������������������ ������������ ������� ��������+,&)��'#�%�&(,���&+�!&"%G*!&*&"�$*!H&��(�$�#�$�*&��&-,%$ *&������������������� ��� ����������� �������������� ���)$%'&�+(�!%�%&��&'%&%('#-%-#.$/&

)��������*������+�(�������*�*����

I����������� ��9������������� ������������������������������ ����������� �� ����C��������� �������=������ �������������������������������������������������������������� ������������������ �� � ���)$&'%& %!�%&N,�&+�&N,#�!�&(!*L%!/&�*!&�Q�"('*H&+#&+�&N,#�!�&+*$����������� ������������ ����������� �������������������������������� ���������� ���������������9��������������&M^# *&)$%'/

"�#�*�������*�*����

�E ������ 7�����������������9������������� ������� ��� ��A����������� ����������������������������������7�������� �������� � ����9��������������������� ������E��� ������������������������� �����C�7������������ ��

N� �'(OPQ�R��S��������T�U��������� � ��� /��������������� ��������� �0��"��"��"�� � ���

Page 9: Diseñando Apps Para Moviles

�� Diseñando apps para móviles

��(�$��&��&'%&!%(#��J&-*$&N,�&+�&N,#�!%&-!�%!'*&G&'%&)��'#�%�&!�+(�- *&%'&!�+,' %�*&)$%'&�+(�!%�*/�����������7���������� ����������������������������

������ ���S��������� ��������� ������������������� �������������� ����� ���������� �� ���S���7��������9����(!* * #(*+&(,���$&-'%+#)-%!+�&�$�

�����������������C��������� �������������������������7�������������������������9������������� ������������� ����������� ������ ��� ��� ������ �7���� ������ ������ ������ ��������� ����������������������������������������

6��������������6�������������9 �������� �������7������7��������������������� �� ������������� ������������������7��� ��� ������=� ����[�� ��������9���� ��������+#!?�&(%!%&�+ �&)$/

C��� �����������������9 ��������������� ������������������������������������_ �����7��6���6� ����F����̀ �������,&�(�$�a-�/& �G$* *(#%�3����� ������������� �������� ������������������� ����������������7������������������������������� ������ ������� �������������� ������������

6���������� ����������� ������������������ �������������� ���������������������� � �������� �� ������������=� �����������������=� ���

������������_��9�����7������������� ����S������� ��� ������������S����� ������������������� ���������������7�������� � ������S���������������������� �������E ����B��������������������S����������TO_Cb����88W����������� �� ������� �������� �� ����������������������������� ���������� �� ���

�3������6��� � ����� �

��Definiendo la propuesta

F��������������������������� ���� ������������������������5� ���������������� � � �������D7���������������� ������E��� ��� ����� ��� ������=����������� ������� ���

��������9���� ������������� ��������������� ������������������������������������ ������� �RB����������#���� ����1��������������

���������������' �!$% #?%"�$ �H&�^#+ �&+*< c%!�&�+(�-d)-*&(%!%&��+%!!*''%!&������ �����R����������������������������� ������������������� ��������������� �� ����� �����[� �7��9��R� 5����������������������� ��� ������������������� ��� ������� �� ������������� ������ ��������� �S���� �� �������� �S��������D7����������� �������������� ����

6������������� ������ ����9������������� ��������=� �������������������� ����D7������������������6Y6�:������ �� ����������� ���������=��������� ����7������)%!&���� ������������������������� ������ ��������������������� 7��������������8 �������������� ���������������������������������� 5���������� ������=� ���

��� ������� ��0��� ����<==>I���???�LFCHFC�G@A��#�������.��������� ��1�<==>I���???�LCB=@�G@A��9������,�*�� ���.�� ��:������� �������