230
!"#$% ""# &’ !()" ""# *+ #!"#$% " $% *!,-!#."!!"/0#" !"1")"#% )2# ."3!#"*#")* 4!$% 0 ) ’ !"#$% ""#2!( #!#!$% # "$% ! ’0"24"!$% /" ))-")! % ) 5667

Padroes de Design Hipermidia

Embed Size (px)

Citation preview

Page 1: Padroes de Design Hipermidia

��

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

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

� �� �&�� �'������� �� �

����!()"�����"��"#����*���+��

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

�"������$%��*����!����,-�!#� .��"!���������!�"/0#"�

�!"1���"��������)"#����%����)�2#����."�3!#"�*��#"�)*���

�4��!$%����0��)���' ��� ������!"#�$%�����"��"#�2!�(���

��#�!#�!���$%����#���������"�$%�!��'0�"��2��4��"�!��$%���

���/������������� "��))�-�"���)��!

�%����)�

5667

Page 2: Padroes de Design Hipermidia

��

-�� 8'�����

999999999999999999999999999999999999999999999

999999999999999999999999999999999999999999999

999999999999999999999999999999999999999999999

Page 3: Padroes de Design Hipermidia

��

�� ��' ����

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

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

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

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

��(����)�� ������ �� ��� � ���� ������ ����������%���

������*�������$��� ��������*�*����� ������������� *� ���� �� ������

������ ��!���)'�����#������� ���� ��� ���� ��� �� �����

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

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

������������� �������� ��"���%��� �#������# ���"��� �* ��� �+�����" ������� �� �����

���� �� ���� �� *� ������ ��� �� ���� �� ��( ��,�� ��� ����� ���%����% -������

��% �� ���� ���� ���.������

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

������*����������� ����� ��� ���������������� �� �� %��� ����� ��� ��� ���

� �� �� ����� ��*����� ������/����/�0���� � ����"�����

1������������ ��� ���� �� ����������$ ��2 ��(����� �3��% ���#�*���! �'�������

�� ������4�5�����)�����6����������������� �����������

� �� ����$�� �� ��������*����� ���

Page 4: Padroes de Design Hipermidia

7�

��':���

� ��'�;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;67 -�����;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6<�������=��;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6> ��������?����' ����;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;@<

���������?������ ��� &�� �'������� �� �;;;;;;;;;;;;;;;;;5<

����8���������,�) ��������� ������������������������������������������������������������������9�

����8���������,�) ���������3*. ��%���:����������������������������������������������;�

����������?��A���' ��B ���� �� �� &�� �'���;;;;;;;;;;;C<

��!�� ��$�����<�� ����������������������������������������������������������������������������������=7�

� � >&% ��� ��� ��$�����<�� ����������������������������������������������������������������?@�

� � >&% ��� �<�� ��$�����������������������������������������������������������������������������?=�

� � >&% ��� ������������!������������������������������������������������������������������9��

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

� � >&% ����A�����������������������������������������������������������������������������������������;?�

� � >&% ��8A�������������������������������������������������������������������������������������������@=�

� � >&% ��:��'���������������������������������������������������������������������������������������=�

� ��!�� ��$����<� ����$����������������������������������������������������������������������������9�

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

� � >&% �������������%���������������������������������������������������������������������������B�

� � >&% �����:�� ��� �����������������������������������������������������������������������=��

� 7�C������ �4 �����D�8����!�� ��� �����! ������ �E�� ��&���������������������=;�

���������? ������� ���;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;@<6��������?���������;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;@DD� � �A����;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;55<

Page 5: Padroes de Design Hipermidia

=�

������

F�� � ��*��� � �� ���� �*. ��%�� ������� ��� ��������� ����� ���0��� ��

�� ��&�������*� �� ���<�� �� ������������A��� ����������� ��� �%�����

��� ���� ��� ����������� �� %��� �� � �����0����� �������� ��&������ �

�������� ��� *���� �� �� ��& ��� � ������ �� � ��0���� � ��� �������� ��

�� ����$��� 8�� �������� ������� �$�� � ��� � ����� � A� � � � ����$�� �

� � �%��%�� ������ ��&�������<�� �� ������ �*������������������&�������

�������� ����� � � �%������� � � � ����������� )��� ����� �� ���� �� � � ��

��� �������� ��� ��� �� ���*���*�������������� �&������ ���� �����

� �������. ����� ��&�����*��0������������ ������������������� �%��%�������

G���� ����� �� ��� ����� ����� ��� ��� �� ��� � ����� � � �� ��&����

��������� ��� ���� �� �� �/�� /�A����� D� �� � �$�� ��� ������ ��� � � � �

�� ����$��D� �������&% ����������%��� ���� �� ��$��������� ������ ��0������ ��� �

���� ��� ��� ��� ������� ��� �� ������ ��� ���0����� � � � ��� � D� �&% �� ��

��� ������ ����� ���� ����� �� �&% �� �� ������� ����� � ������� �� �&% �� ��

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

:������� ������ ��*�����������'�� �� �������������*� �� ����������

�� ��&���� % �������� �� � ��������

Page 6: Padroes de Design Hipermidia

?�

4����#�

8 � ������ � � � ���� H��I� ��� ��� ��*���� � ����� �����5� �5�����5� ���

5� �� ��� ��� � �<�� �� �� �%����� ����*������������� ���5����� � ����%������

����� � � J�� ������� ��� �������� ��I ��� �� ���� ��� �������� %� H�� ��� �� �

��� ��� ���������*� ������ ������������� ����������� �� ��8������������ I��

���� ���5� ��� �����5� � �5� �� ��� �� ����� ��� � % ���� ��� �%����� ���� *���

���� ��� *����� ��������� �5�����5� ��� * ��� � ������ ������� ��� ��������H������

* ���� ��I� �� ��� � �������� ��� ��� �� �� ���� ��� ����� � � � ��� � � ��� �������5�

�� ��� ������ ��� K��� ��� �����5������H��I����� ������������������ ���� ����

���� �������� � � � 5� �� ��� ���. ��� ���� � � � ��� ���% � � � � �

�������������� ���� �� �� ��%��% ��� � I���� ��� ������ � �� ������ � *� � ���

H�������� �� J��� ����������� ���

8� �5� �� ���� �������� �������H � ������� ��� � ��������� ������ �

��/��I/���� � �5�� ��� �� �������� ������ �� ��� ������������ �� H ��� �� �� �

�������% �� % ��� ��� H��� � ������� ���� �� �� ����� ���� ��� ������� �I � ��� ��

������� ���������5�*5�� ��� K��� ��� ����������� ���� ��D���� ��������� % ����

����� �������������� % ����� ����� ����������������������� % ��������� ����

<��������������H ��� � ����� �� ��� �����������������5� �� ���� �� ��� ��

*������ ��� *5� ���� � � ���� H��� H � J� ��� H���� �� �� � H� ���� H����� � �

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

Page 7: Padroes de Design Hipermidia

9�

�������=��

�� � ������� � � ��� ��%�� � ��� � � ��������$�� � %����� �� %��*��A����

�&������� �������� �� �������������������� ������������ �� ��� �� % �� �

���� J����-���������� ����� ���������$���� � � �� �� �� ������� ������� �� �

��� �'�� � � � ��������� F��� �� �� � ������� '�� �� % ��� �� ��� � � � ���

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

������ ���.��� ���������� ���� ��$�� ������-�$�������� ��� ��������� ���

������� � �%��� �� ����� � ��� �/� � ���� ��� �������� � � ������������ �*� �� �

��� ���� ���� ������� �� ����� ������������� �� �� �� ��� L('%5�� �;;?�� ��� �@@M�� ! �

������������ �� �('%5������ �������������������� ��������� ������������

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

L)� �* �� ���� ('%5�� �;;?�� ��� �@@M�� F�� � ���� ���� � � ������� � �� ������� �

� ��� �� �����*�0���� �� �&���������� ����'����� �#��� �� �"����������� �

����������,��������������� ���������������������������� ����������������� ����

�������� ��������������L�@@@�����=;M��

3�� � �%��%�� ������������� ���'������%�� �������������� ���� ��

������� � � �������� � �� ������ � � %����� ���������� � % ��� ��� ��'���� �� ����

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

('%5�% �����*� ���������!������������ ���������� ��� ���� ������� ���� ���

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

� ���� � ������������������������%'�����������% ���� ������ �� �������� �

� �0����� � � � �� � ���$�� ��� ��� ��� ����� >�� �� � ��� � N� %�������� � � N�

����������� �� � ���� ���O�� ��# �.����.A�����%,��#����$��������������

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

������������������ �����L# �.������;;?M��

3���������������('%5,�

Page 8: Padroes de Design Hipermidia

B�

%���� ����������� �������� ������������������ ���������� ���

������� ����������� ���� ���������� �����������������&��&&&�%��

������ ������� ������ ��� ����� �� �� �������� �� �'����(� ��

�������� �� �� ������ ��� ��� �� ����� $� ��� ������&� )����� �����

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

*����������� �������������� �����+���,� ���� ���� ����� (��� ��

�� �(�� ��� ������������ � ��������+����� � ������"��� �����������

���� ���� ����"�� �� �� &� ���� ��� � ��������� ��

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

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

��������&-�L('%5���;;?M�

! � �%��% �������� ����� ���������$�� ��������� �������� ��� ��� �

������������� ������� ��������� ���������%� ������ ������ � � �� � ���$��

� ���� ��� ���� �A������������� �������% � ��%���� �������� � � � �� �� ���� � �

������ ����� �� � ��� �� �� �� P��P� L� �� � ������� ��� ��� � � �� � �

��� ��� ��$�M� ��� ���� �� � �� � �� � ������� � ����%����� � � ���������&� > �� �

���� J���� �� ����� � � � �� � ���$�� /� �������� ��� � � �� D� �$�� ���� �� �

����� � � � �� � ���$�� � � ��� ��� ���Q� �� �*��A/���� �����-�����

��� ��� �������� ����� % ����� ����� ���������N��*� �%�$���� ������%'��

��� ��0����� J ��&���� � � � �� � ����� � � �����-��� � ���$��� ��� ! � �- �� ������

�� ��� �� ������� ���� �� ��� �����&� .��� ��� � �� ��� ����������� ��� ������

����'������������������!���������������������������������������������������

�&&&�.�������� ������/��� �������������L! � �- ���;;B�����7=M��F�� �� ������ �

��� ��&���� � �� � � ������������� ���� ���������$��������A��������� ���

����� J��� �� � �������� ������$��� ���� �� �� � ���$���������"��������

�,��� L���%�����@@�M������ �������$�� ���A��� �� ���� ��� ������%'����

����$�� �� � �%��%�� ����� ���������������"�� �������������������������������

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

1 O grifo é nosso.

Page 9: Padroes de Design Hipermidia

;�

� �� � ���$���$���������%�� ������ �������$��� ���� ��� ����������������

�������L#��� ��R�"��������@@@�����=;M&���� � %S����������� ������ ��� �� � �����

��� � ��������������� ����������� �������� ���� ����D��������������

��� ��������� ��� ����� ������� ��� ������� D� ������� ��&% ��� ��� � ���������

�����$�/� ����������������- �/� � �� ����$�� ���� ��� ������%'����

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

�������� �� ������ �������� ���� ���������$��L������������ ���� �

��������$�� � �� �� ��*���� ������ ��� ������ ���<�� �� �M��*� �/� ���%���

����� � � � � �%��%�� ���� ��� �� ����� � � �����-�$�� ������ � ������ � ����

��%�� ����� � � ������ ���� ��� � .�� ������ ������� ��� ���/� �� F%������ ���

�*� �� � �� ��������$�� � % � ����� ����� ��� � ������ ������� ����� � �� ��

�� ���� ���� � ������ �� ��� ����� ��� ����� � � ��������$��� ������$�� �

� �� � ���$�� ��� ��� ��� ���� ��� � ������ � � �����-�� � �� ��� ��� �� �� ��

L����� ���� �� M� �� �� ��� ������ ��� ��� ����� � �� ��� ��� ���� �������

!�1��/�������#�!�.%������'���$��*������� J$�� &�����3��� ��������

� �� ������� � % � ��� ���/� � ��*'�� ������0���� � ������� �� �� �� ��� -� ���

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

����� � ��&�������&���������� ����� ����� �J ��� �� ��"�*��"�"1��� ���� ���

� ��#�!�#�"1�������� .���� ��$��� �� �J ��� %������.�&-���� �%���� ����������

� ����0�����%��������������� ����$�������������F�����������������������

� � �� ������� ��� �������� �� ���*����%�� � � ��� ��� ����� ��������� �� � ��

<�� �� ��� � �� ����$�� '� �������&�� ��� ��%� �� �� � ��� %��� �� �$��� �� � ����

����������� ! �� � �� ����� �� ��� � � ��������$�� � � ����� �'� ��� ����� J�

��������$�� ������ � � ��� ��� ���� %�� � � �� ������� � ���*����%��� ��� � ����

� % �� � �%��� ����� ��� J$�� ��� � ����� ���% ����� � � �� ����$��� ������ �����

��������� � � ��� ��� ����� �� ����� � � � �%��� ����� ������� � � %���� �

�������� �� ��0���� ��������%��T� �� ����� ������ � �������$�� ��� � �� �� ��

Page 10: Padroes de Design Hipermidia

�@�

���� ���������<�� �� �������L�M����� �������������� ������ ���������$�����

������ � � %���� ���/�� �� � ����������Q� � �� ���/��� ����� L�M� ��� � ��� � �

��������$�� ���� ���� ������ ��� >�� ���� ���� ����� ��� ��� �������� � � ��I �����

��� ��� ��� � % �� � <�� �� �� ����� ��� �� ��� � � ���� �� � � ��� ��� % -� ����

� ������-��� ��� ��� �� � ��� � � �%��% �� ��� � ��� �� ���� ����� ��� ��

� �����%��� ������� ��� % -� ���� �� ����������� ����� ��� ����%&�����

���% �����/� ������ J$�� &������ ��<�� �� ������������� �� ���*����� ����

�� ����� �� �� �'������ � � % ��� ����� ��/��� �� � ��U���� � ������-�� �

������ *�J&������ � ��������$�� � � *� �� � � ����� � ����� ��� �����-�$�� ��

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

1������� ������������������ ������$��� ��� ���� � �����. ����N��$��

�� ��*������ � � ������� * �� � ��������� ��� � ���� � ������'� � � �������� � �

������ ������ ������� ����� �� ����� 6���� (�� �� � )� % �� 6������ ������ �� �

� �������N������ ��$��� �� ��� �� �� ��� ��� �� ��D�� �� ����U������������

��� ������-�� ����%����� �� � ������.����� �� �$����� ��%� ��� �� P��� ��%�� � �

�� �� ����%�����P�� 3� ���� ���� � �� ��� ��������� ����&������� � �� � �� � �

������-�$�� ��� �� �� ����� ��%'�� ��� �� �� �� � ���� � � �� �H� ��

P��� ��� �� �P�� %��N�P������-�$�P����� ����������������� ������ �0���������

�� �������� L6������� �@@��� ��� �7�M��> �� � ����������'������ � �� �(�� ��� �)�

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

1��2���������L6��������@@��������7M��6����������� �,���������������� ������

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

���������� L6������� �@@��� ��� ��9M�� 3� ��*�����A����� ��� ����� ���� (�� ���

�����% ����� �� ����%'�������,���������������� .��P �����P��� ����� ��

��������A�������*����/�%������ �� ���� ������/� � ��������% ��� ���%������

���*� �� ���� ��� ���� ���$�� � �0����� � �����%�� 6������ � �� � �� � �

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

2 "... a conferência por computador pode fornecer aos grupos humanos uma forma de exercitarem a capacidade de "inteligência coletiva" [...] um grupo bem-sucedido exibirá um grau de inteligência maior

Page 11: Padroes de Design Hipermidia

���

��% ���,��,��� ��� ������ ��� � .�� ����� � � �������� ���� ��� �� �� ��� �� �

������ ���� � �� ����$��� �� ������$��N��&��� � ������� ���� � � �� ����$��

% �� �'� �0�� �� ������� ������ � � .�� � ������ �� �� ��� ���$�� � � ���� �� � �

�������� ����������� ����6������ ������ ,�

&&&��������������'�����������������������������������1 ������

���$�������� �������������3�� 2���� ������!����������� ����

����!�������3����4�����������������������������5� 6��������

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

������������ ����������������&�L6��������@@�������7�M�

>���������&���� ���������� ���'����� ��,�� ����� ���� ���� ���'���

� �������A���V��� �������.�&-��� �%���������� ��� �� ���$�������� J$����� �� �

��� �� %A���� ������ � �� � ��� ����������� ������S� ��� �� �� � A� ���

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

������ �&���Q� �'� ��� � � � ������ ">1�� ��� � � �%��% �� ������%��� ����� ��

(���J�� >$�� �*���� �� ��� ��� J$�� � � �A� ����� ����$�� ������ � � �$�� �����

� ����$������/�� ��>�"�'�����A������ ����������$��� ������ ������ �0�����

.���� �� ������������ ��� ��$�� ��� ����� �� ����'�����:&� ��� -�����

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

J�����$��� ���% ��� ��� J�����$����� ���$��� ������� ������� �� �������� ����

� �������$��� ����� ������� ���$������*������� ���������� ���%�

�� ����������������:&� ������%���� �0������� �� ��������� �� �������

�� � �����%��� ���� ���� ��������� ��% ��� � ��� ��� J�����$��� F������

� ��� �������$�� '��� � ��������� �� �� ��� � �� ���� *���� ���� A� ��� � ����

��� �� ��A���� ���� �� � J�� ��������� ������ �� J���������� �������� �0������

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

em relação a qualquer um de seus membros". (Turoff, in Costa, 2002, p. 59)

Page 12: Padroes de Design Hipermidia

���

��������� ������� ��$���� %�������� ������������ �,���� J����������� ����

�0������'��������� � �������� ��������������$����������� �������� ��������

���� ���� ��� �� ��$������� ������������� ����������������������� �������������

� � ������ �� � ���� � �$�� � � � �J���������� ��� � ��-��� � ��� ������ �������

������*�������� ��� �����) ���������� �� ����� ������� �� �����*�� ���

���������� ������ �� ����$���$�� � ������� J���������������� ����� �% ���

�����D�������� �����% ������������������$����� - ������ ���N������ ��

����������� ������� �% �� ��*������������� ��� ���� ��� �PF�� �'�� ��

��*����� ������� P��P8 �����- � ������.�� /� P����������� ��� ���� �

���������� ���������3��*. ��%��'����� ��������� ������ �% ��� ���*. ���

� ��� ����� ��������������� ����% ��� ����% �� ����� ����'������������

� �% �������� ����������������

C����� ���� ��� ��� ���� �� ��� � � �� � � ������ ��� �� ��� � ���� � �

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

�� � '� � �������� F�� � ��%�� ���� '� �� ���� �� � %�� �� � ��� ���% ���� ��

�� ��&���� ���� ���� �� ���� ���%�� ���� ��� �����'���� �������� ����� �

���������� ��� �% � �������� � ��� �� ��> �� ������� �� ���� �J����� �

J������ � ����� ����� ������ ���� J ������ �� 7����������� L<� ����$�� W�

F��� � ��� ������&������ �������A������ �������������� ����� ������� �� M�����

���� ��$������ ��� �������� � ��� � ��� ����L��������P��� �� � ��� �'� �������'�

��% �����XPM���������������/ �� �A�������������&������ �� ������6���������

��� � %��$����

3 GNU significa "Gnu is Not Unix" (Gnu não é Unix). Definição auto-referencial, diz respeito à prática coletiva de produção e distribuição de software não-proprietário, cujo código é aberto aos usuários e desenvolvedores.

Page 13: Padroes de Design Hipermidia

���

'E����

3� �J�� � � ������$�� � �� � ������ ��� � �A��� � �������%� ��� ��% ����

��� ���� ����<�� �� �����*��0������������ ������������������� �%��%������

%������ ��� ��S� ����� � ���������$�� � ��������*����� � ����� ������ ��

��� � � ��D��$��� ������� ������� ����%������� ������ ����� �����&*�����

��� �� ��0����� � �� �� J���� D� � �� ���� ����� � ��� � ��� ���� ��� ���� ��L�M�

��� ����L�M� �������������� ���3��� .��%������ ���������������� �������

������� �� � ������ � � ����� �'�������� ��'������� � ��0��������*��0����� � � �����

� � ��������$��� ���� ����� ����������� L#��� �� R� "������� �@@@M�� ����- �� ��

(����� �� � ��� � ��� ���� L)�� ���� �@@�M�� 8� � �� ��� *��� 9����

L���%���� �@@�M� ��� � �������� � ������������ ���� ����� � � � ����� �����

1�*����� �L>� �� ����@@@M� ��������:�������%���L8 ���R�"��������@@�M��! ���

�� ���� ���� �*����� �� ������ � ��� ��� �� �� � ��� �����-�$�� �

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

� �����������A��� � � �*���$��� ����. ����.���� ������ �� ��������� � ���

�� ������ � ����� ���� ��� �*. ��%��� � � ��������$�� � ������������ ����

���*� ���-�� �� ���� ��� -� � ��*��S����� ������ � ��� ���. ��� ���

���� ����$��������� �� ���

F�� ��� ��� ����� ������� � �� � ���� � ������ ���� ��� ��� ����,�

� % ���� � ����� ���������� �����0����� ��� ������������� ����X��� ��'��

� ��� � ������ '� � �� �� �*���� � � �� ��� � �� ��� � ������� ����� ��� �

�� ���� �� � �� -� � �� ��'��� � �� %���� � �� ��& ���� ������ ��� ���

� � �%��% ��� ���� � � � ����������*� ��������//�����������-����� ��������

�� � -�� �������% - ��������S����L ��� ���������������M�� �� ���� � ���

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

F�� � ������*� �A����� ���������������� ����� �� ��������,��

�� ( %��� ���� ���� ����� ���� �� �������������� �%��%����� ���

� � �%��%�� ���� � � ��� �� � �� ��� ���S���� ������� � ��� ��� ���%���

Page 14: Padroes de Design Hipermidia

�7�

� ������ ��A% �� ���������A������� ��� �������� - ��������������

���� ��&����������� �������.������ ���� ���� ��������������� ����� ��

����'����,��

• 3��������� ,��*��� J�����0������ ����%������� �*���$�� �������

�����%�� ��� � ��������� ��� � ���� ����� ������������ �� � ������� �� ��

���� ���� ���������� � � �% ��$�� L% � ���� ���� � J ������ �����

4<38� �O�����#��H� �M������������������� J� �������� ����*���� �

��&����� � J�����$�������* � ����Q�

• :���� J��� ,��*����� � J���������� �&���������� ����������� ����

� ����������� �� �� ������ J��� � ����������-�$�� ��� ��$���

3� � �*5� ������ '� ��� J ����� � �� � ����%�� � �� � ����'����� �����

% � �������� � ��� �� ��3���� �� ��������� ��� ����� �����A����

��� � � ������������&�� � �������������%��� ���� �������

% ������� ������������ ����������% &������� ��&����������� J��� �

� ����*��'�������� �� �� ��� �����A������$����� ����� ��� ��-��

���������*� �� Q�

• 4 � %S���� �� �& ��,� ������ J ������ ������������ � ����� ����

� � �������� ����� �� ��� � � � �� � ����� %�� ����� ��� ��� �����

������ �� � J������� �� � �������! ����� ���������� ���� �����

����� ��8���*���� �7�� �� ��� �A��� � ��� ���� ��������%�����

������ ��� � ��� ������ � 1���� ��� )��=�� � % �� ����� ��� � ���

��� ����� ����0������� �� ������ �������*���� ���������$��� �

���� -�����������������*. ��%����� ����������*������*���� ��� � �� ��

��� �����

�� ����J���$��� ������� ���������-�$��0�������� ��&����������� ����

�A��� � ��� ���� ��� � ��� � � � � %��� ���� � � ������ ������ N�

J� ���������������A������ � �%��% ���� ��������Q�

4 www.toshibaplanet.com.br, fora do ar no momento da conclusão desta pesquisa. 5 www.usinadosom.com.br, fora do ar no momento da conclusão desta pesquisa.

Page 15: Padroes de Design Hipermidia

�=�

�� :�� ������ ���� � *�*����� �� �� � ���� ��� �������� � � *����� � �&�� � �

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

� ���� ���� � � � ��� ����� J��� � � ��0���� � ��� ������ � ���� � �

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

Page 16: Padroes de Design Hipermidia

�?�

��������?����' ����

��/"!"$+��

3� ���� ���� ������ � � � ���� � �� � �� � ������ �$�� ��� � ����� �����-���� �

���� ������ ��� � ��� ���� J����� F��� ���� ������� � �� � � ��������� ����

� ����� ������$��� �J����%������� ����� ��A/���� ��� �������

!�!3��<>G34��YZ3� �:3>EF:<�F>83�

����� '� ����� �� ������ ����� ��A% �� ��� ����� ������ 1�� ���� ��� � � ��

� �����-���� ��� ���� ��� ������ �� � �'� �� �&% �� �� � � ��$�� ����� ���� ���������

�*� �� � ��� ���� ��� ���� � /��� �$�� ����������&% ���� �� ���� -� ��� ���� '�

���*0���� � ������ �$�� ������� ����� ����� ���� ��� �0�� � �� �� ���� �������� ��

���% ����������J � ���� ����� ����- ��� ����� ���������������������

L) �- ����@@�M��

�!/����$%��'������ �������� �� .� ��� ��� ����� ������ �������� ��

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

��A� � ������ �� � ���� ����� ���'�� ����� '� � � ��� �� � ����-&% �� � � ���

���������������� ���� ��� �������������� �� ����$����� �� �� � �� � �������

������� ����������� ��A% �������� .����������� ���������� �H� �� ������ �

���� * ��� ������� ����� � ��� �� � ������$��� �� ���������� �� ����� ��

� � ���������������� ���'�� � �� ����$�� ����� �� � �A��!�� ��� ����� ���

���� ��� � %��� � ����������� �� ����$�� ��� �$��� � � �� ���� ��� ���� J��� � ��

������������ ����� � �J� � � � �� ������� �� �� � ��� ������� �� ����$�� � ��

��A� �� � �S������� � � �� � �� ��� ��$������ J���� � ��� � � ��0���������������

� ������ 3� P����� ����P�� ��� � .�� � ��� ��$�� � �S����� ��� ������� �$�� ��� � � ��

����� ����� �����-������������$����� �� ��� ��-����������>�� ���� ��

�� � ���� ��-����� �J�� �� �� �� ����$������ �������) ���������� ������

Page 17: Padroes de Design Hipermidia

�9�

����!� �������� ����� �������� ���� �������'���� � � ��� ����� ��������� �����

��������� � � �J� � � � �� �� ����$��� � �J� � � � �� �� �� � ����������� J���

��� ��� �A% �� ��� - �� ��� � � � ��� ���� �� ���� � ������ � � ��������

���% �������� �� � ��� �� �� ������&% ������� �����������3������� �J�A�� �� ��

P �� P� ��� P�� � P� * ��� L���� J����-����� ��� ��� ����M� ��� � �� P��P������ � �

��� �&��� ����� � � P* ���P�� F��� ������-�$�����% �� � � �� ����$�� ������

����� ��A% ������ ��$���� � �����������-��������� ������>������ ����� ���

��� ��� �:;;-��<��%����������.������������ ����)��� 5�+�*���I����������0�� �

������/� � � � ��� ����� ����� ������� ���� � �� �����-� ��� ��������/� ��

����������� ����$��� ��� ������������������$��� �����,�

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

���������������� �����'���������� �����������"������� ����

��� ���� ������&�*����������������������������������������

���������� �&�.������� ��������������� �������������������

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

�������������������'�� ������������������������ ���&�

=������� �������� ����� ������������+�������������&�L#����

�@@7������?M�

6A�#�!F�#"��!���'� �� ������������������ �U� ����� � � ���� ���

��� ���� ���� � � �� ����$��'� �*���� ������� � ������� � ������ �� �

��*. ��%�� � � ������ ����� �� � � � �������� ��� ��%� �� �� '� ��� ���������

���������� �������� ��� � ��� ���� ���� ���� �'���������� ���� � ����� L) �- ���

�@@�M�� ��'�� �� ��� ��� ��$�� � ������ ����� ��� ���� �� �� ����$��� ��

��� ��� ����� ��� ��/���� � % � � �� ����� � � ��� J� ������� ��� ��� �� � ������

� ������3���� ��� ������ ���� ��$���'�����������������N��� �"�� &��

Page 18: Padroes de Design Hipermidia

�B�

1)1[4<3��<>8F4�834��<>8F4>�18��

�� ������� �������� ���� ���� ����������������������%����� �

� �����������%&����P�������� ��A�����������L���P�������� ��A����������������

� ���� �M�� �� ����� �� ������ � �� � ��*���� ���� � �� ���� �� ���� ���� �����

������ J�� ��� �� �� � � �� �� �� � ��. ����� � ��� � �� ����� � ������� ���

� ��������(�"��D�������������� �����S�*�������������$��� ����� ������ �

�� �� ������A�����������. ������-�� �����D� �"!��������D�� ���������-�������

6� ������5� ��������������L�������@@�������;���;�M��������.A��������� �

'���. ����������� ���������� ��$������������ ���) ���������������"���� ������

� ��������� �&�������%��������%&������������������������������ � ��*���A/���

�������$�� � ������������*����� �� ������������ ���������� � ��*'��*� �

��� �������$�� ��*� � ��� ���%��� �� ) � ���� ��� ���� ���"���� ���� �� �*. ���

�� ��&��� ����� ���� �� � � �� P������� P�� ����� � � ��� � ��� ��� ��� � �

��*��� ��� ���� ���%� �� �� �� � ���� ���������� �� ����� ��������� ������ ��

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

��� ��&��

>$�� � ���� � ��� ��$�� � � � %���� �� ��� ������ � ���� �� ��� �� � �$��

� � .������� ��� ����� �� ������� �� �& ���Q��*������� ����� ���������-����

� �������� � �� ���*����$���� .� �� ���� ����������$���� �$����� ��A/���

��� � ����� �� ���� �� �������� � � ������ ����� �� � �������� ��� ������� )�����$��

�������% � ������� � ����� ��� ������� �� � � �� � ��A� ���� �� ���� ��� ���� �����

P��*����/�%�P� ��� P��. ���P� �� � ���� ����� ��� � ����� ��� ������ � � �&����

�� � � �����������P� ����P� �P��%��� P���

>$���*���� �� � ������� J� �$����� ��� �0���,���� ����"!���!�����

��� J���&���� �� ���*����������*. ��%��� ������������������������ ��

����� ���� �������"����������������7�������Q�� ���� �� �A�*������ ��

����� �������������� ���������� �� ���*��������%���$�� ������������� �

Page 19: Padroes de Design Hipermidia

�;�

����� ����������% �� �� �� �������������'�� %�����������-A/���������� ����

�� � ����������� �P����������� �� ��� ���P��

Page 20: Padroes de Design Hipermidia

�@�

E<#4<!<)�3�F�(<>"1�"F>)�E\#4<!�)���1(8<�\!<��F��1(8<�3!�(�

! ��������*������������������� ����� � ��$��� ��������������� � �� ��

���� ���� ��������L���������A������%&� ���� J��� ������ �M��� ��������������

�� !�1� �"����� �� �"�!��� ���� ������ �� �� ��0������ �$�� �� � �� �� ����

���� ��� � ������� :��� ��� ������� � � ������ ��� � � ����� � ��� ��%�

������ ����������������$��� �� �������� ���0������!&������ ��������/� �

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

�����-�$��� ���� ����������� �������*. ��%��� ������������� ���&*��������

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

� ��� � ��� �� ��� ���������)�"����"������� ���� �� � ������)�"�0�"���

� �������� ��$������������ �� ����� ���������.������������� �A�� � �%���

���� ����%��� �� � ��� ���������� �� ������ .������.���$��� ����������

�&���,� ��� ����� � � ��*������ � ������&��� ���� �$�� � � ��������$��

����%�������� �����A����� ���� ���� ��� � �� ���%���&��������� � � %��$���:!/

43��� .����� ���� ����� ��� �� �� � ('%5� � ��%�� P������&��P� ��� ��� �� �

�������0��� � ���� ����(� ��� ���� ����� ���� �������� ��� ����� ����

��������>����4����������������������� ������� ������ ��% -�� ������������

����� ���������������������������������, �������� ����� ����� L('%5���;;;�����

?�M�� :���������� ���� � �*������ � � ����� � ��� ����� � �������� �����

�����('%5������������ ����� ������ ����$�������� �����

�� ��$��� ������������������ ��� ����������� ��&*����� ����� ��

������ � �� �������� �����$������ ��������������$����� ���� �������� ����

��� ����� ��� ��,���������� ���������$������� ��� ��&��������� J �������

��������$��� �:������������� ��@@��� ��"��*������?� ���� ������ ���������

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

�� ������������$������Q�������������������������������� ���&*���������'��

6 www.globo.com

Page 21: Padroes de Design Hipermidia

���

'��� ������������ .������� ���������� ������������ ������������� ����� � �

������ �� ���������������!�1��"��������"�!����

Page 22: Padroes de Design Hipermidia

���

E<�F4�\!<�� �)<8F�

���������� �� � �������� ���� ��&���'����"������4�������"�!��

��!�����G�F04�"��2 ����!"G���F"*����.���)��!������"��"�"��)2H��

*���"�� � "!����$%� F���������/���(H�"!� � ���� �����4����!���>2

#�!�#����� ������ �"��������)�"�0�"�����1E�������� ��)��(�"#����

#���!"#�$%��� <� ���� � �������� �� ���� �&������ � ������� � ��� ��0� � � ��

�����������*��������������A��� ����� ��� ����� �������� ������

��� �� ���*���� �$�������� ������������ ����� ��&����� � �� ����

<�� �� ��� �� ������� � �� � �� � � � ��*����� � � �%���� ����� J� �$�� ���

�*�����.���� ��$��'��� � �����L ������ � M������%'��� �� � ��� �������L����

����� ����� ��� �'������M�� F���� J� �� �� ���� �� ����0����� � � ������

���� �&��������������� �� �� � � %�� ������ ��&���� ���������/����%'��� �

J ������� ��*����� ��������� ����� %�� ��� �������L��������M�� ����

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

��� ������ ��� ��*���� ���� �� ����0����� � � ������ � � ����� ���� ������

��*'�� ��� J� ���%� �� ������-�����%���������?������� ������ ��������

� %����������� �� � ��� � ����������� F�� �� ���� �� ��* � ��� ���� ��� ���

����������%���� �� ������� �U� ���� ��$��� � ����� �� ���������$��

��� �� ����������� P�&���P�� ��� ����-�/�� ��� P�&���P�� �/� � �� � ����N� ��%���

��������/� ��� �� �� � � �� ��� ������/����� � � ������ ��'��� � � �������� ��

��� ���/� ���� ��������������� ���� �� �� ����������� ����������� ������

��������� ���� ������ ���������� �P����P�������������%����������U�����

� ����������,������������� .���*����������%���1����� �� �J�� �� ���� �� �

� ���������� ����� ���� � &������ ���������-����������A����� �� ������A������

���� % ��/� ����������������� �����A����� ��� � ��� � ��� � �� ���������� �

� �� ����L����������� ����������������������%����0% ����*����������� ����

Page 23: Padroes de Design Hipermidia

���

������� ���M� ����� � �������$��� ���������� �� �%�����-�$��LP�% ���� �PM�

���� ������ .� �� ������� ��* ����N���� ��$���������A������ ������ ������ ��

� �� ��� ����� ������ � ������� ��������'�������� � ��A��������� �������

�*��� P)�� P� ��*'�� '� �����-��� ��� �*��� �� � ����� � � ���� ������� ��

��*����� ��� �������� ���� ! ���� �� �� ���� �� ��%�� P�&���P� ��� � � �%�� �

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

�� �� ���� ��� �A ���� ��� ����

7 Por "desdobramentos", entendemos outras interações secundárias ou subinterações que formam parte do sistema, como por exemplo interações entre máquinas através de agentes inteligentes, interações entre pessoas mediadas por máquinas, como os comunicadores instantâneos e aplicativos de teleconferência.

Page 24: Padroes de Design Hipermidia

�7�

!F)<">�!F�<>8F4G�:F)�E<�F4�\!<�� �!F)<">�!F�E<�F4�\!<��

T� �� �������� �� ���*��� ���� � �������������$�� ��� ���! ������ �

E�� ��&��� ������� � ��� �� ����� �������! ��������7����� ���E�� ��&�����

3� � ����� ��� � � �� �� ����������� ��� ��%��� � ���. ���� � � �������$��

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

��%��� � ���� � ������$�� ���������� ���� ����� � � � ����� � � � �� � ���� �� � �

� ������� ���� ��� � ���� � � ������$��� � � ����� � �� �� �� ���� �����*����� ��

�����%�� �� ���� ���� ����� ���� ��� ����� ������ �����'� � � ��������� ���

���� ����� � ���$����A ������������� ���<�� ������������� ���������������� ��+�

���� ����L# ��� ������@@�������9M��E�. � ���/� ��� ,�

&&&���������/��@������������!������������������ �������������������

���� ������ ���� �������� �������������� �A����" ������������

�����������������������������������������&�L�*���MB�

!��� ������ ������*����$������ ��������� ������ ��� ��&���A����

����� ��*������� �� � ����� � � �����*����� �� � ����0������ .A� �� � �� � ����� � �

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

� ��������0������L�������M���� ����� ���'������ ���� ��� ����� �� �& ������

���� ������N� ��� ��$�� ���� ��&����� � � � J�� � ��� � �������� - ���� �

� ���$�� ��� ��� �� ��A���������������� ����������� ���������,����F��

� �� � ������ ��$������%��� ����� ������ ��� ��&������ � � �������*. ���

���� ��� ���� �� �� �����-��� �� �� J����� ��.� �� ��$�� �������� �%��% �

�� �� L���A����� ��� ����M�� �A����� L������M� � ������� L�������M�� ��

��� � � �� % �� ����������� ����*����� ������ ��$���� �/�A������� �������

�����$������������� ��������,�L�M����% �� ���������� ������ ��� ����������� ��

�� �����&% ���� �� �� ��-����%'���� �������� ����U����� �������� ����������

8 O grifo é nosso.

Page 25: Padroes de Design Hipermidia

�=�

�� �������A������������������� ���� �����D�*��� ���� �������������� �

���������������������� ��P3IP����PF�%��� /���P��P������ ������P����P������

� ����P�� �������� ��� ��� �A% ��� � �� �A����Q� � L�M� ����-����� �� *� �� � �

����� �� �� ����$�� D� ������� � � ���� -� % �*��� %������ ������ ��� &*���� D�

��� ��� �A% ��� ����� ����

3����� � � ���� �� � -� ��� � �� ����������$�� � � ��� �� ��&��� '� ��

���� ��������A����,�� J�����%&� ��������� ���� ����$���� �� �A�������������� �

� �A��� � �������� ��&���� ��� �� ��������������3�! ������ �E�� ��&����

��� ���������� ��$���� �������������� �����!%�#�!���*)��H��)"������

#�!��I���� ���� ������/� � �� � ����$�� �� �� ��� ����� �� � ���� ���� � �

� ������A� �� �A��� � ���������*��������*�� ����F�� �� ������ ���� ��$��

������� ����'�� ������ ������������ ��� ������������� ���� �������� ����*� ������

�$�� ��� � � � ��� �� �� � ��� ��*��� ��� � ���� �,� �� ����� � ����� ���� L����� �

������ ���������$�����������&������ .��� J�����%&� ���������� ���&*�����

���M� � � � � �$�� �������$������ ����� % ��� �� � ����������� ��� ��������� � �

��I ������.��������� � �����3���*������� ���� ��� ��� ��&���'����� ����

���� ����� ����%� � �� � ���� ����� �����-���� �� ��� ����� �� �&��� � J��������

���� �����*����� �� ������� ��� ! �� ����� ��� ������� � ��� ��$�� ��� � ��

� ���� �� ������������ �� �� �������� ��� ����� ���������� ������ ��$���0�� % �

��- �� * � &������ T� �������� � ��*'��� ��� �� ��� ���� ��� ���. ���� �� � ���

� �����A% ��� � ��� ���� ���� � ��� ��� ��� ���� ���� ��� ������ �� �&��� ���

����� ���� � �����-��� �� ��������� ���� �� � ���� J�������� �� �����*����� ��

�'������ ���� �����>$�� ����� �� � ��������� � �� � ���� � ����� � � ��'��� � ��

��-U���� �� �� �����,�@@�@@@��'��,?@@�� � � ��$��� �� * ��&������ ������ �

- �� ������ ��� ���%��� � ��&% ����%'��� ������� ������� ���%�����-�������

6��'�O�� ��"���������� �������. ���)�!�� �)�!��;��

9 www.aliveriver.com

Page 26: Padroes de Design Hipermidia

�?�

���������������� ��� &�� �'������� �� �

F�� ���&���������� ����� � J$����*� ��������&% �������������������� ��

���������� ��� � � �� ��*����� L����� � B����� B���� B��M� � �� ������ � � ��

���%������������L���������� J ����������� ������ J��� ��M������������������

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

Page 27: Padroes de Design Hipermidia

�9�

5;@������ �@J� �����' ����

1�� ���� ���� � %��� ���� ���� ������ � � ��� �� � ������ ���� �����&����� �� �

�����-�� ��� ��� �0����� � � � ������ �� � � �� ����� �� ]���@�� �����*������� �

� ����� ������ ���$�,�

^� <���� ��� ��������:�������%���

^� FJ��� ���

^� �������

^� F/� ������

^� F/���� �� �

^� :�������%���

^� #����

^� "���� �!�� �0�����

^� "������� ��������$��

^� >��&����

^� O */����

^� )�� ��� ������

^� #�����

^� :������� ��

^� E��/��� ��

^� O */��� �

^� <�� �� ��#�I����

� �

F�� ���� ���'����*�������������������� �� ����������������� ��� %� � �

���� ����� � � <�� �� ���>�� ������� �������� ���$�������� �� � �����-�� ���

� ������ �$�� � ���� � � ��� �A��� � �������� ��� ������ � �%���� ����������$���

����� ��� ����'����� �� � � ��%�� �� �$�� ������,� ��� �'������� L����� ��� J��� ��� �0

������ � ��� �0 ����� �M�� ��� � �A������ L:�������%��� >��&���M�� ��� ���������

LH */���M�� 2�� �� ���� J ������ ��� ��� �� � � ���� �� ����� ����� > ���'�� >�I ��

�� ���������:��/:��Q� � �������������� ��$��� ������.������ �� ����� ��

��������������� )�:�%������ � � ����� ���&����� /���� �� � ����>$�� � � ���� � �

������� �� � J���� ����� ����� � � ����� ���$�� �������� �� ��� �� � ��� �� � ��

� �������� .����� ���$������� �*����������� �������� �������� ������� �

� �� ��� � ����� ����� � � �� � �� �� ��� � ��������� ) ��� �� ���%� �� �N�

Page 28: Padroes de Design Hipermidia

�B�

������ ��� �#��� ��� ���� ������0�� ��� �������������L�������������

���� ����A�%�� M��� ���� �������'�������� ������������� J�� �� �

���%� �� � N� � ���� �� � �J���� �������� � � � �� ���� � ����� ��� ���$��

���������� � � �&�� � �� 3� ���%� �� �� ��� ���� �� �� ��&���� � ��� ������ �� �

% ��� ����� ����� ��� ��� �*�� J��� �� �� 8��/� �� ����� � � *����� �J���

���� �������*� ������������ ��&���� �� ���*���� ��� ���� ������� ���� ��

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

10 www.yahoo.com

Page 29: Padroes de Design Hipermidia

�;�

5;5������ �5J� �������-K �������'����������

>�� ����� �� ��������$�� ��� .�� � ��� ������ ��� ��� �� ��� �� � ��

����� ������� ������������ �����$������� � �������,�

• <� ����,� ��� �� ���� �� �� ����$��'�� ���� J� ������� �� ��� � �� � *A��������

%������ ��� .���%'������������L���&������ ��������� �*���M����� ����

�*���$�� L�0������ ���������������� ���� � � ������ �� ��. ��� ���M��

����%�����L� ���� ������H *���M������� ��%�L����� ����������� ��������$���

� � �����*����%��� ���� ��� ���M��) �� �������� J ����������������,�

/ :������ �1��% ����� ��D�HHH�������*���HHH�G� ���*���HHH�����*���

HHH�:��F)�����*�Q��

/ G ��� ���� D��� ��� ��$������� �� ����$���� � �����A� �� � ��������

%��������N� J ���$��� ��� �,�

o �� ��,�F� �� � �]���

o O *���,�E�����������#�������*���<������*���<* �������*��

o E��� �� ��� ���� ��� �����,�E�"�����*���HHH�+���� ��

o � ��������� �*���,�"���� ���������%������������ ������*��

o ���� ������-��� �,��������������*�����������

o <���� ��,�4 � �� ��� ���� � ������� � �����-�� ������� ��� ����

���������� ����*����� ��������

o .0������ ������ ���-��� � ��U����,�3�) *� �� � � ���% �����

�������%����� �� �������� ��� �� ��� ��� �� �� �� ��'���

��� ����������P<�">�D�<������������ �� ���"��� �> �0���P�

L���,VV������ �����*�VM��

o .0 ����� ��������'����� � ��U����,���-���������� ���������Q�

:���LHHH���������*�������� ������� � ��� ���MQ�

HHH�� ����(�%� �����*��L� ��$����0����M��

Page 30: Padroes de Design Hipermidia

�@�

o F�������'���� � ������A����,� O�I�� ������� L �������'���

���*����%MQ�#�*���� ��13(���� ������������������A����E���������

��� ���� ������������LHHH����������*�V*�*����VM��

/ <������������/�"�����)�-���LHHH���-�������*�M��

/ 6���������/�_������� ������LHHH�������� ����������*�M��

• F��� � �,� �$�� �� ����� � � � ����� �� � ������������ ���� � �� ����$��� �

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

� C���,�13(�L���,VV.�������������*�V.��������� MQ��� ��

L���,VV� ���������*�M��

� �����,�1�������)���LHHH���������������*�M��

� G� �����:������� ���,�� � ���LHHH�� � �������*�M��

� G����,��������LHHH������������*�M��

� �����$�,�����G��������Q�HHH��@������*�Q�6� �:������

LHHH�.� ����������MQ�E��5�8� �G�� ����

LHHH���5�� �� �������M��

• ) ���*���-�,� �� �����/� � ������� �� � ���� �������� ��� � ��������

�����-���/� � � � ��� � ��� �'������� � �����%��� � ������� ��'������ ��������� 3��

����������������� *�J�� �������������� ��������� - �� ���� � � � �������

� �������� %�� � � � ��� ��� �� � �� � ���% �� ��� )$�� ������ % - ��

���%����%���������������������� ������� ���� �� ����� �N��� ��&���� ���

����������������� % �� ���� ����� ����� ���������������������������� % �

��� �������������� � ��� ������� ������*���

o ��*������ ����/��� ������ ��� �������� �� � *���� ��

������� J �������$��8���*���� ��LHHH�����*��� ������*�MQ�

( ��5�+�%��-�LHHH�� ��5I�%��-����MQ�(������%���

LHHH�������%�������*�M���

o )�� ��� ���������

Page 31: Padroes de Design Hipermidia

���

)�� �� �� � ���������� ��� �������� �� <�� �� ��� ��� �� � ��

�� ����� ��� � � � �� � �%������ ����� � � � ���� ����� ��% ��$���

� ������������ � ��������� ����%A���������� � ��������*����/

�%��������������

o ��� � �FJ� ��� ���$����'����

������� J �����,���I��� ��I�LHHH���I� ��I����MQ���-����

��-���LHHH���% ��% �����MQ�#* ���� �)�����#�����

L���,VVHHH�** ���I�� �MQ�! � �� � .���� �"��* ����������

LHHH����������������*�V� � �� � .�M���

• 3�� ���,������� ����.���*. ��%��'����������$��� ��������� �� ���������$���

���������A�������� � ��)$��� ����%��� � �����������������-�������� ����

�� � � � �� ���$������ �� � �� �� ��*��������� ����� ��� �� � �� �������)$��

������ � � ����� ����������� � ������ ����'����� � ������� D� ��� ����� �$��

��* � ������ �� ���$��� �� ����������� ���� ����'����� ��� �� � �������

������ �� � � �� ���� ��� � ����� � ���� � J����� �� ���� ���� �� � � % � ����

������&% �� �������������� ��

o �������

3����������������� �� ��'�� ��� �������� � ������������� �����

�� � � �� �� ��� � ����%� � � �����-�� ��� �� ��� �� � � %���

������� � � � ��� �� J��� �� �� �� ��� �0����� � � ���� -�

*�*���� ���U����� FJ ������ �$�� 13(� LHHH���������*�M�� <"�

LHHH��������*�M� � 8 ��� LHHH�� �������*�M�� 3���� �� ����� � �

������ �$�� ��� ������� :�������%���� ����� � � ����� ��� ���

������A����� � � ���� �� ��� ��� �� � � �� ���� � �����A% �� ����

��% ������� ��� ������������$����������%��

o 2������LD���� ��E�����M�

)$���������� �� ���� �����������*������� �� ��������������'�����

������ ������� ����������� ���������������������������$�����

Page 32: Padroes de Design Hipermidia

���

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

��� �� ����� ���*����� %��������������,�

HHH�"������ ������*��L����� ���������MQ�

HHH�������%�� ������*��L�������*� �%�� ��MQ�HHH�����������*��

L���� �������� �� �� �M��

o :���V!�� �0�����%������������*������ �� �& �����

FJ �����,� HHH�#�� ��������� L����� � � ��� �� ���� ��� � ������

��A����� ������ ���� ��� ����MQ� HHH����%����� �� L��� �0����

� � ��� �� � � ��� ���� � � �'�� � � � �� �H� � � ������ �������MQ�

HHH�.%�����������L��� �0����� ��0������������������ � �%��% ����

� ���� �M��

• )�����-�,������� ����.���*. ��%��'�������-���$������ ����������������%���

�� �� ���� �� L����'� ��� ���%�M�� ��� ��$�� ��� �� ����������� ���

� ���� � � ��� ��� ��� � � � ������ ��� ) �% �� *���� �� � ���

�� �������� J$�� ��� ���� ������

o 4 � ��)������

4 � �� �� � �����% �� �� � ��� �� *� ��� �� ����� ����� � �

� ������ ����� � .����� �������%�$�� �� �& ��������*��������

� �0�����L(��I �K���/�HHH����I �������M��������� �� �� ���������

�� ��� � � ��� ��� � � �%��% �� � ����� � ��� �� ���� �� �J&���� ��

� � �����������������3�I���LHHH���I������M��

o :���

8�������������������� ������� �����1���� �� � � �� ���� �'�

����� �% .���#���������������� �����������*�� ����

���������� ���� ����� ����� �� ���������%������ �� ����

� ��� ���%�����'������> �� ��*� �� ���������� ��� ������

Page 33: Padroes de Design Hipermidia

���

������� �� ������%���� ������ ������������*�����/�

���,VVHHH�*�������*�V:�#���@@�V�

o "������� ��������$��

]���������D����,VV�������5�������

o � ��� �����<�����S� ����

3��� ��� ������. � ������$�������������� �� ���� ��� �����

������S� ���� ���� ���������� �� ����� ����� � � ��% ���� �&����

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

A����� � � J���� �'�� ���� �� �������� ����� ����� &��� �� �� � � �% ��

����������� J�� ���%��� �N���������$���

FJ �����,� �)>� � �� �� �� LHHH��������M�� <:C� LHHH��������M��

�<�� L��'���� 3�� (�� � <������ � �� �� ��� HHH�������M�� ]���

<������� �� �� ��LHHH�5������M��

F��� ��%��$�� � �% � �� ��� �������� ���� ���� � � � ��� % �� �� � � ��� ��

�� ��&����� �����. ���� �����������������--�� ����� ����������� �� &�����

� ���������&���� �������� ����F�� ���� ����������� �� ������� J ���������� � �� �

� � �������� � ���I ������ �� ��� ���� � ���������$��� � ������&����� ��� ���&� �� � �

��������-�$���$�/��% ��� ������

FJ������� �� *���� ��� � � � ����� � � ������ ��� �*. ��%���

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

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

������� �� ��� ������� � ��� ��� :��� *� � � ��� � � J$��� � ������� ��

� ����� ������������ ���� �� ��������$������ ��&�����

3�� ������ ��� ��&���� % �� �� �� �������������� ������������� ��� ��

�� � �� � ���� �� � % � � ����� �� �� �*���$�� � � ��� ���. ���� F���� ��� ��� ��

.����� ���� � ������ �������%����� ���������� �'������� �������������,���

11 O partido é uma série de orientações que o arquiteto recebe do cliente ou da licitação para servirem como "guias" na concepção e conceituação do projeto do edifício ou espaço público.

Page 34: Padroes de Design Hipermidia

�7�

����� ��� ���. ����������������������3� �*. ��%�� ���� ���� � ��� � ����$�� D� ��� ��

��0���� ��% ��$�� ��� �� �� ��� � ���� �� � � �� ��&���� .A� �� � �$�� A� ���� ����

���� �� � D� '� �*�� ���� �� ����� �� � � ��� ������� � � ���� ��� �������� � �

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

� .������� ���������� ������� ��������% -������*������� ������ � ���������

�� �AJ���� ��� ��� ����� �� ��&��� � � ��� �*��� �� �� ���� �� ������ �� �� �

�����*����� �����&����

:���� �������$�� �� � ����� � � ����� ��� ���$�� .A� ��* � ����� ��� ����

���J������� ���� ���� ��&����������� ��Q��*���� % ��� �����&������ ��� �� �

�� ������ �� ��� �� � �� % .�� ��� ����������� ������ �� ���� � � ���

���. ������� ����� �� ���������� �� ���� ����� ��-�$��� �� ����. ����>��

S�*���� ����������$����%���� ��� ���� ������� � �� �� &���� ��� � � �� ���. ���� �

������ � ������� ������������� ���� � ������� �� � ����� � �'������������� �$��

�� �� �������� ��� � �����A% ��� � �� �������$�� ����A���� ���� �� ����� � �

��������$��������. ����>$���*���� ��������� ���'�� �����A% ��� ��� ���$�� ��� �

�'������ ��'������� ������� �������� ������� ���������$���� � ��� ���� ������'�

�� ��� �������� ��-� � � �������� �����%��� � N� �����$��� F� � � % � ��� � ��

�� ������%����� ��������������� ���������� % ���*'����� � ������� -�

��������� ��� ���������0�����������0���� �������0��������� ����������� ��3�

����� ���'��� � ��� ������ � 0������� �� ��� �� ��� ��� �������� -� ��*��

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

> �� � � ������� �� ������� �� �� � �� �� � ���� �� D� �� � ��$�� �� �

��������� ��� � ���� D�� � �� ��&��� ��� � J������� ��� �0� �� *��� � ���� �� � �

�� ��&������ �� %�������. ���������� �� ����������*����� ���������%���������

��� �� ���� ���� ��� ����� �� ���� -� �� �&���� >���� �������� '� � ������� ���

���� ����� �%��%����� ��� ���. ��� � � ��� �*�� �� ��&��� �� ����� �� ����

��� ��� ���� �������� ���� ���� ��� .������� ������������� ������ ������ ���

���. ��������&������ ����� �� ������$������&% ������ ������'���� ����-�$�����

���� �� � ����� � � ��� � �%������ ! �J� ���� � � ���� �� ����� �� ����� �� �

Page 35: Padroes de Design Hipermidia

�=�

�'�������� %����N�%�������� ������� �����%��� ���������� �� ��%������������

�� ����� �� ��� �/ ��������� .����� ��� ���������� ���������

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

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

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

�� ��� ����-����� ��&��� ����� � � ��� �/�A��������������������� �����

�������/������ �� ����� ������

Page 36: Padroes de Design Hipermidia

�?�

����������?��A���' ��B ���� �� �� &�� �'���

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

�� � ����������(���� )�� ���� ��� ������� �� ���� ���� ��� �����0�����

���� ��� �������* ��'������������ ������� ��� �� ���������*. ����������� �� �

��*���� ��������� ��� �������� .���� �� � ���� � ������*���$�� � � ���� �� ��

�������������� ����-��������������� �%������������ ��� ���*����� ��%������

��� � ������� � � � ������ � �� * ���� �� � A� ��� �'�� � � � ���� �� � �

*���� ����� ���� ��� �������-������*���������� �����������,������ ��0����

� ��� ���

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

�� ��������� � � 65� !�� #��� �� � 4����� "������ L�;;;M�� �� �� � ��� ���� ��

� �� ��� ��� � ������ ��0� � ��� � � � �� � � �&��� '� � ���� � ����� ������

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

� � ����� �� �������������� ������������������������������������������L�;;;��

����@M�������� ���������-:��>�������� ����� ������� J ������ �� �������� �

�������'��� ��� � �����A ���������������� ����-�� � ���������*. ���� ����� �����

F�����-�� ��������������� ��� ��� �� � ��������������� ����� ���

) ��� ���$�����#��� �� �"������'��� ���� ��$������ ���� �� �������

� ��� ����*. ��������'�� �������� �� �� �� ��$����&���������� �� �����

���� � � ����0���� ��������� ������ ����� '� ������������ F��� ��������� '�

� � *�������� J ������� ������� ������4 ���� �2������6����(�� ����� ��� ��

�� � ���'���� ��� ���� ���������$�� ��/�0����/�� �� L���%�����@@������

=BM�� ��������������������&% ����������'/������ ��� ���� ������A������

42�� �(�� ��'���� ��'�� �� �+����E�� ���������%���&�����

12 As traduções foram feitas pelo autor. Optamos por Remediação e Imediação em vez de Remidiação ou Imidiação por entender que a raiz da palavra mídia é meio e, concordando com a justificativa dos autores, que Remediation tem origem no latim Remederi como remediar, curar; portanto Remediar sugere que um "meio é visto pela nossa cultura como reformando ou aprimorando outro" (Bolter, Grusin, 1999, p. 59). 13 Personagem do filme O Enigma de Kaspar Hauser (1982, direção de Werner Herzog), que trata da história do filho do duque de Baden, que é mantido preso, sem luz, comunicação nem interação social por

Page 37: Padroes de Design Hipermidia

�9�

) ������� ��� ������ ����� ������-����������!�����, �� �����*. ���

�$������ �&������������� �������� ������������� ���� �������� ��������� �

��$���� ��������� 3� �*. ��� �� ��� '� ��� �� � ��A% ��� ��� ���� -� � ��0���� � �

��� � ����������� ��� ���������� �'������� ��������� ���$�������>�� ���

>����%���������������%�$���������������� ���� ����#� ���������������������

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

�&&&� )����������� ����%�$���� <� ������ �� �� �����%�$����!��S������ L� ��� ��

�V��� ��� ��7M�� F�� �*�� �� *���� ��� � ������� ������ ����� � �� ���$�,�

���� ��� ������*. ���'�� ��������� � ���� ��� ����� ������������������

�� �� � �� � ���� � ��� ��� �� ��������������� � ����� ��� ��%�� �����Q� ���

#��� �� �"������� ���&���� �$�� ��� � �� �� �*. ��������� ������������ ��������

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

������ L�;;;M�� >� � �$�� ����������� �� ���� 7������������ ��� ������� ���

9���������������� ��� ��������OOO,�

F��������������� ���� ���� ���������B�����B����B�����������������

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

��� � ���� ����� ������ ���� ����� ��� ����� *��� ��� ��� 9� ������&�

L#��� ���"��������;;;�����=BM�

���������#��� �� �"�����,��F�������������� �������������������������� ��

��� ���������� L�;;;�� ��� =BM�� � ��� � ��� � �� ������ '� ��������� ������ ������ ��

�������L)�� �����;;�������@7M���

��������� � �� ��&��� ����� ������ ����� ��� ��� ������� ��*� � 0���� ��

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

mais de dez anos até a adolescência, e ao sair sofre na tentativa de se adaptar e de se comunicar, pois não aprendeu nenhuma linguagem ou forma de interação social. (http://www.imdb.com/title/tt0110246/plotsummary). Outra referência a uma busca por uma linguagem original, antes do bem e do mal, inspirado no Paraíso Perdido de Milton, é o conto Cidade de Vidro de Paul Auster, em que Peter Stillman, à semelhança de Hause, é mantido em um quarto escuro até seus doze anos, pois o pai acreditava que "as palavras não mais correspondem ao mundo" e queria preservar o filho desse conflito com a realidade enquanto ele desenvolvia uma nova língua (Auster, 1985, p. 89).

Page 38: Padroes de Design Hipermidia

�B�

�� ��&����F�� ���&% ���� � � ����������� ������*A����� �� ����� �� ��� ���� �

�� ��� ���� ������ ��� % ����� �&������� �� � ����� �� �� ���� -�� �� �����

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

�������� �� � ��������� � ��� ����� ��� �� � ��% �� �� � ����� � ������� �

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

�������*0��������%��D�*������������������������������������-G��3��� �

� ��� � ��������� � � ���� *������ ���� .���� �� � ��%��� ���� �� �

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

� ��������'*����?��) ������������,�

)� ������ ����� �� � ������������� ��� �� ����� ������ ��

���� ����������/�� ������� ������,�����������!��������������

������ ��� ������ ���������� ������� � ��/���� �� ���&� �E��� ���

:;;H���&�:I�

:���� ������ �������� ��� �U� ��� �������%��� ��������� ��� �'�����

��&����� � � �� ���$�� ������ ���$�� ���� ��&���� ��� ������ � ��� �������

� ��� �� ����� ��� ���� ��� � � � J$�� � � �*���$�� � � �� ������ �� �

���� ��� �� � ��% ����� � J��� �� � ���� ��� �&�� � � �� � �� �� :���� %�����

��������� � �� � �� ���� ���� �� ����� �� ��*� � ���������� � �� � ��*���� ����

�� ���������� �$�� �����&% ���� � ��������A����� ��� ������ �����'� �� ��� ���������

����� ����� ��$����� �� ����� ������� � ����� �����S����� ������*� �

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

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

�� ��&����

)�*� ����� �����,�

14 O grifo é nosso. 15 PEIRCE, C. S. Collected Papers, Vol. 1 16 Admitimos que as palavras sempre hão de carregar outros conteúdos simbólicos, independentemente de sua etimologia original, porém ressaltamos que essa escolha específica de palavras é por si só significativa para nossa argumentação.

Page 39: Padroes de Design Hipermidia

�;�

)�J�� ���0E���������� � 7����������������� ���������������� � ��

���&�K������!���������C����� ����#���������

J�� ���0#� ����� �� � 7���� ������� ���� ��� ���� �� ����� ���

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

����������������( ��������������������� �����������8��&�%�������

��!������4 �$�� �������������������L��@����&�

J�� ���0F�� ��������7����������������!����F�� ���������� ������

���������#� �����������E�������&�K������!������4 �� � ���$�� ����

���������������L��@����&�L� ��� ���V������B;M��

)� ������������ '� � �������� ��� ��� ������ ���� �� ��� �����0��� ����

�� ���������������!���L� ��� ���V������B;M�������� ������� ���� �U� ������

� ���$��� ���- ���������* ����� �����������U�/��/������� ���� � ��� �

��� ��� ������� ���� �� �� *�������� ����������F�� ���������� �����

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

�������������3�������� ��� ��$���� ���*. ����������'�����������'������� �

&��� �� 3�� � .�� ��� ������ � �� � ��� ��� �*. ��� �� � ��� � ����� ��� �$�� ��

�� ��� �� ���� J������������� ��� ����$����*� ���� ����9��3��� ������ �'����

�*� � � �� ���%�� ��� �&% �� ��� � ���� ����� � �� ��� ������ � ������ ��-�������

� �$��� ���$���������$����� ��� ���$����������$���

� >�%� �� ����������� �����,�

)��� ���� �� �����������������J����������&&&�E��� ����������'��� ��

���� �������� � ���� �3��� ��� ���� ����� ���� ������� ��� ���

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

L� ��� ���V������B;/;@M�

17 O termo "informação" está sendo utilizado aqui na acepção da ciência da informação, definição esclarecida no inicio deste trabalho.

Page 40: Padroes de Design Hipermidia

7@�

���� ��������'��������������� ��� �� J� ���������$�� �� �$������ ������

�����$������������������,������������,������L� ��� ���V������;@M���������������

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

� � ������� � �$�� ��*� � ��� ��� � &�� � �� �� � � ���A/�� �� ���� �� � �$��

J ������� � �U� ����� ��� ���������

������������������������ ����$��� � ����������� �� ����� �U� ����

� ��� ���������'��� ��� ����.���� �� ������ ��������� ��A��������*���������

������� �� �� � � � �� � ���� �� �� � � ��$�� ��� � �� � �� �� ��������

��� �����/���� �� ��� �������� '� �� ��A���� �� �� � �� � �� ������ � ������ ��

�*� �%�$�� ���� �U� �������� �� � �� ��� ���� ���� �� � � ��* � � �� � �����

� ���� � � � �� � �������T� �� ��A���� ���� � ���� �������-� � �� �������� ���

���� �� �� ��� �������� 1������� '� ����� �� ���� �� � � � �� ���������� �

�$�� �� ��� � &�� � �� �� � �� �� �� ��� ������ ���� ����� ��� ��� �����'��� 3����

����� �� �� ���������'�����������������.A��*������ ���� ��'��� �� �� ��� ��

� ���$�� ��� ���� ���������� ���$��'����A% ��� ���/� ������� �� ���

�� ����� % ������ ����� � �A������������� ���� �����������!���� ��� � .��

���������� � ����� �� ��� ������$����� ����� �� � ���A���

(����)�� ���� �%� �� ������ ���������� �*���$�����9���!�����

8�� � ��������E��������,��

• ������"G��!������������ ������ ��-/� �� ���� �����S�������������

��U��������� � � ��� �������������������� �����%������ ��������$����

����B�� ��� � .�� �������� ����������� � ��� ������������� �����(� ��� ����

��������� ������������������������ �����������"���������&� L)�� ����

�@@�M��3��� .�� �������-�� ��� ��� ���������������� ����� ����� ��

18 "Virtual" é aqui utilizado no sentido que Pierre Lévy confere ao termo: o virtual da filosofia escolástica, que "existe em potência e não em ato. (...) A árvore está virtualmente presente na semente. Em termos rigorosamente filosóficos, o virtual não se opõe ao real, mas ao atual: virtualidade e atualidade são apenas duas maneiras de ser diferentes" (Lévy, 1996, p. 15).

Page 41: Padroes de Design Hipermidia

7��

• ������"G 1"���)� ���� ��-/� � � �� �� �����S���� ��� ������ ��������� ���

� .��� �� J������������� ���&������������������� �������������� ����

����� �P%����P����0�������S�*������� ������� ��

• ������"G1��4�)�� ������������A��� �����S����������������*0��������

� ��� 3�� � .�� ������ �� � ������ ��� ������ '� � ����� ��%'�� � � � ��� ��

���% ��������� ������ � ����� ���*0��������������A�������&�����

��������-�$����� �������� �������������� ��

�������- �� �$�� ������� ��� � �A��� � � ������ �������� ��� � �� � �

�������'���� ��&����> �� � ����������������*'���� ��0����� ��� ��N�

�A��� ����� ��&����� ������������������&% ����� ����,�

• �01�)�����#�*$%�,��� ��� ���������������������� �� �'�����&% ���

������������ ����*����� ������)������������� ��$��������A����� �����

���������������������� ��������$������ �����D� ��� ������ �� �����

� ����� ����$��� � ����� �� ��$�Q�� ��� � � �� �����*�������"��� ���

��� � �� �� ������� ��$��������A��������*������� � ��$��%������-����

����� � � � �� �����-�$�������� ������ ������ ��������� �����)$��

����� � P% �� ���$�� ��� % �� ��P,� �$�� ������ ��� ��� /��������

������� ������ �� � ��� ����� � � % �� ���$��� �� % �� ���$�� � �

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

��A������� �� � ����� �� � ��� � � � � � ����-�� ��� �������� ���

���������� ��� ��� ���� �� �� � � � ��* � � � � ��� J$��� � � ��$��

��� ���� ����� ��*���� ��&����

• �01�) �� ��)�$%�,� �� ��� ���� ���� � �� ��������� �� � '� �� �&% ��

� �������� ���� ��$�� �� �$���$�� %�� ��������� ���� ���� ���

���A���� ��� �� �������� ��&���������������������� �� ���� ��;��3��

19 Enfatizamos "ou não" porque, como veremos adiante, também existem propostas de descontrole dos sistemas através de diferentes experiências com hipermídia.

Page 42: Padroes de Design Hipermidia

7��

��������� ��������� � �� � �� ���A���� � � ����� �� ��� � .�� � ��� �� -� �

��� ����� � �� � ��$�� ��* � ����� ������������� � �� �� ��������$��

�� � � � � �� ��� ��� ��� ��$��� ��� �����-�� ���� ��� � ���� �

��� � ������ �� � �� ��� ����� ��� �A� J �� �� ��*� � �� ���� ��� ��� � �

� ������������ ��� � � �� �� ��� ����� � � �A������ � � ������.����� � �

�� �� � � �� �� �� � � �� ��� ��� � ��$��� ������ ��%�� ������

��� ���� � ���� � �� �� �� ���� � � ��&������ � �� ���%��� �� �

� �������������������$�� � �'�/�������� ��� ��� ������>���&% ��

�� � ��$��� �� ��� ���� ��� � .�� �L�M� ������%�L�M� � � ��A���L�M� ���

�������L�M�������� ��$��� ��* � � ���� ��� �� ��� ��������� ���

��� ������ ��� � ��� ��0������ ����� � ��� � ��� ��0������ ��������� ���

������ � � %���� ��� ��� ����� � ��� ����� �� �*��� <���� �/� � ���� ��

��* ��� �� � ��� ������ � � ������� * �� ����� �� ������� �� ���������

����� � ���� �� �H� �� � � ������� � � ������$��� � � ���� ���� � �

��� ���� � �������������� ��� � ����� ��� ������ ��� J�� ��$�� � �

������������������"���������M������M�:;� L�������;;9������79M��

������� ������0��������� ������ ��� ��� ������*���� ��&����

• �01�)���!���*����$%�,��� ��� ������������ ��������������'����&% ��

�� �������$�� ��%��&% �� ���� ������ ��� ��� ��$�� "�*)0#"�� ��

�� ��&���� �������� ���� � ��� ��� ������ L��� �&% �� � � �� �H� � �

��H� M� �� � � � �� �� �*� �� � �� �� ��&���� >$�� � ���� � ����

��� ��� � �� � �&% �� ��� ��� ��� �� ��� ��� ����� L����� ��/����� ���

���� �M� � ���� ��� � � ���� �'��������� ���� ���������� � *� �� � �

������ ��. ����� � ���� �A% ��������� � � �����-�$�Q� ���� ����� ����

�� �� ��"!���*����������*��!�"�����F���'����� ��$�����0������ �

� � � � �$��� ��� �0���� �*���� ��� ����� �� �� ���� � ���� ����

20 Por "máquina de leitura", Machado define todo hardware, infra-estrutura e software necessários para atualizar as "potencialidades visíveis" (Machado, 1997, p.247, in Moura, 2003, p. 181) do meio. Estamos assumindo que o interator tenha as condições de hardware e infra-estrutura necessárias e estamos abordando a questão dos softwares, ou seja, plug-ins, navegadores, media players etc.

Page 43: Padroes de Design Hipermidia

7��

� ��������� � ��� �� ���% �� �� � � � ��� ��� ������������% - ��

� �� ���� ��������� :���� ��������%���� �� � �% ���� ��� ���$��

�� ������ � �����.���������� � ���� ������ �H� �� ��.������ ��A�

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

������������� �� � ���.��������� J ������� ������ ������ ���*������ ��

���� ����� ��������$���� ��� ��� ������������� ��������� �������

���� ��������� � � ������������� �� ������� � ���� �P ����P���.����

� ���� �������������� � �� � � �� ������ ��� ���� � �/� ��3�����

J ����,� �� ������� �� � � J��� ��� ���� ������ � � � J���� ��� ������� ��

3 �� ��� ���� � � ���A��� �� ������ ����$���������������%����

���A�� �� �� ��� ��$�� �� ����������%����� ���� ��� �� �������

���� � � �� � ������ ����� �$�� ���� ��%��� ��� � ����� % �*���

�� � �� ������������ J �����P ��P� L������ �� ��������%�M� �P ��AP�

L� �� ���� �������������������� � �� �����������%�����% �*��P ���PM�

��� P��� ��P� L��*�����%�M� � P��� ��P� L���� ���� ������������������

�� � �� � ��� �������%�� ���% �*�� P��� ��PM���� � ��� ����&����'��� � ��

� ������ � � P������� �$�P� �0� � % � � �� ��%��� � � � ��%�� ���������

1��% -� �� ����� � � ��� ����&����� ��� /� � - �� ��� ���� 0����� ���

�� �H� �� 3�� ���� ��� � � �� ������� ������ �� ���� �� �� ���A������

�� �H� �� �������� ����/� � �� ������ �� �� ��&���� ����� ���

��� ��$�� ��� ���� �� �� ���A������ �� ������� ������� �� ��� ��$�� ���

���A����������� ��&���'��� ���� ���� ��������� ��������-�����

���� ����$�� ������*�������������$��� ���� ��� ����������� ����

��� ������ F�� � '� �� �&% �� �������������� �� ��� ��$�� ��� ���� ��

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

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

F�� �� ����� �&% ��� �$�� *���� � ��0J����� N� �A��� � � � )�� ��� ��*� � ��

�������� ���� ��� ��� ����� �� P�% ��P� ��� ��* � ������ ��� �������� �<��

Page 44: Padroes de Design Hipermidia

77�

��������� �$��������"��� ��!��������������'������������/���0���������

�������������� ������������������������/�� ���� ����3��������� �������

�� ������������ ��������� L)�� ���� �@@7�� ��� �7;M�� F��� ��� ��$��� � ������ �

������� ��A��������� ������������ �� ���� � �������������� ��� �%���������

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

��������������� ����� ����� ���� ������������������������&% ������ ������� �

��� ������ 3� � �� ���� �&% ��� �� � )�� ��� � �� � ����� � ������� ����/�� � ���

����3��������� ������� �� ����������� ����� ���� �� �����&% ����������������

���&% ���������������&�

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

��/����� ��� ���� ������� ��� ��������� ������� ���"� �� ����� �$���

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

������������ ���3���������������������������������&�L�*���M���

F�� �� ����� �&% ��� � � ��� ���� �� �� � �� �� ��� ��� �� &������ �� ��

� ��������� ��������� % �� �� ���% ���� �� ���� �� �� ��&���� ��� �� -� ���

�A��� � ���� ���� ����� �� �/�A����� � ����� � ������ ��� ��� ��� �� � � �� ��

� ��� ������ �� ���� �� � ��� � ��$�� ������ �� ������ ��� ������� �'�����

�� ���� �� ������ %����$������ ����� ����% �������� ����������������,�

)� �������"�� ���� ������������0�"����� ������� ��� ����������

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

�������������������� ��������,��������������������"��������

��������&� K����� � ����� ���� �����0�"����� ������ �

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

��������������������!���&�

)� ������ �� ��������� ���� �������� ��� ������� �����0�"������

�������!��0��� ������ ���� ���� �����!�0��� �� ���������

21 Os grifos são nossos. Servem para ressaltar o paralelo entre nossa proposta e a análise de Santaella.

Page 45: Padroes de Design Hipermidia

7=�

� ������� �� ��� ����� (� �� �� ����� ���� �� �� ����!�� ���

�����&� E�����0���� ������� �� ������� ������� �����0����0

�"����&�L��� ����@@@������������#�����@@7�������M�

�� J��� �#�������������� ������� ������ ���� � � ������ ����S� ���

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

�*� �%��� ������������������������������������������������$"��'����������

������ ���� �� ��/����� ����� ���� ��!� ��� ��� �� �����&� .������ �� ���������� ���� ��

������ ���$"�������������������������0���������������� ����"�����L#����

�@@7�������/7M��

��� %�� ����� � � � %S���� �� � � �� � � �� ��� ���� �� �����0����0

�"����� �������� ��� � � %��$�� � � �������� � � �� � �� ��� ���

�����*������ �����!�� ��������� �� � ���� ���� �� �A����� �� � ����$�� ��

��� � � �� ���������$�� ��� ����������������8 ������������������� ��-�$��

����� �� ���� �� ��������������� ��������0����0�"�������� ��*� �%��

�������� ��� �����. ����������%���������� �� �N����������$��D������ ���

'��������A���������������� � ��� �%��� ��-����� �� ��� ���������� � � �

�� � � % ������������ �� ��A�����D� � ��A����� �� ���� F������������� �

�A����� '� ��� ���� �� �� ��&��� � �� �� �� ��� �� � �� ��% ����� ��� ��� �

������������ ����� �� �L%�� �F����� ��:4�#� ��������%�$�������J����� �����M��

3�� ���� ��� % �� ��� �����A% ���������� ���:3�3������� ��� �$��� ��-����

������� � ��� ������ ���� �.������������% �� �� ��� � � �%��% ���� ���� ���� ��

�� �� ����-�$�� ��� ���. ��� �� ��� ���� �������0����0�"������ ���������

�� � �$�� '� �� �� ��� � ���� �� � � �� ��&��� � ����� �� �� ��� � ���� ���. ��� �

�����-�� � ��� � � � � � ���$�� � �������� ��� ���� ��� ��� � .�� �� �������� �� �

� ���� ��� ��� �������������� ������� �� ������������3�� ���� ���� ��&���

��� � � �������������� ���� ����U������ ������� ������� .������ ������ ����

��� � � ���3�� �������� ���������� �� ��������0������ �0��������������� �����

Page 46: Padroes de Design Hipermidia

7?�

� %��� ��� ������������ ��� �����! ������ �E�� ��&��,��!����������!���/�#� �

�!/����$%�;

Page 47: Padroes de Design Hipermidia

79�

�"���� @J '���)� #)(��"#� L��"�������#�*���M �� *����$%� � �"/��%� #�)����)

N")�����$%��������O

�"���� 5J ��3��"��!�+���� ���"�!��&"*���0�"�2��)�$%���"!����$%�#�� ��

���������1E���"!���/�#�N")�����$%��������O

Page 48: Padroes de Design Hipermidia

7B�

������ ��������� ��� �����"��!�%���"!���������� �� �����N��A��� �

����� �������� ���������� .�������A������� ��� �� �������� ��&����F���� ���

� ��� ��$�� * ��� ��� ���� ��� ��*� � � ���� �� � ���� �� � �� � ���� ���� � �

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

J� ���� ) � � �� ��&��� '� * ��� �� ��*������ ��� � .�� � ���� � ����� ���� � �

P ���*����� P����������� ���*� � ������ ��$��'������Q� ������� ���� �� ���� �

��������� ��%'��� ���� J ������ � � ��� ������� ���� �� ��� ���$�� %�����

�������� �� � L����� �� :�G� ��� ������� � ������� � � � ������M�� ��� ����

� ��� ���$������ /�����������%����������������������� �� ��� �� ���� �� �

���A���� L����� �� � ���� � ����� � ������� �� *���� � �� <�� �� �M�� ��$�� � ����

���� ��� ���� �� ���� ����. ����������*� ������0����� � J� ����%���*� �

���������� ���� ����������� �� � ���A����������������% �� ������������ ������ ��

L����� �����%����� ������� � � ���.���� �������%�� <�� �� �� ��� ��������� � � �����

����&��������� ���� ��������� .��������� ����:�GM��>������� ���� ���� �.A�

J��� �� A� ����� � ����� �� �������� ���� ���� %������ �� ��*'�� ��� � � ��

������� ����� �� �� � �� ��� %����� �������� ������������ � ����������

���&������� �� ��������� ��>���������% - ������'������ ������ ���� ���� ��

��� � - ������ �� ���� ���������� � �� �� ������� �� ��$��������� ���� ���� �

���$�� �� %��% �� �� � � ������ ��� �� ��&���� '� ���. ��� �� ���� �� ���

� �� �� �� ��*����� �� � ���� � � ��� � ���� � ������ �*. ��%��� ��* � ������ � �

�� �$���> ������ ��$������ ���������*'������ ���������������0�������

��*����� ��� ������ � ����� �� ����� �&% ��,� ��� .������ ���)������� � ���F��������

7�������� ���� �������� �� ���� ����� ����� �� � �������*����� �� �� � ����� � �

���� ����$��� � � � ����� � ����!$%��� * �� ����� �� ����� � � ��� ��$�� � �� � ��

���A����� ������ �D������'� ������ ���� ������������� ��� ������ �� ��$��

��� ��� ��������� ��� � �� ���� ������� ������ � �� � ���� � D������ �� ���

��� ��$�� J� ��������� �� �������� ���� ������� % ��� ������ ���������

J ��&���� ��� ��� ���. ���� � �� �A��� � � � ���� ��� ��*��������>�� � �� ���� �&% ��

Page 49: Padroes de Design Hipermidia

7;�

*���� ���� � ���� �&����� ��/������ �� �� ��&��� � ����� ���� �� �� �

� ������ ��A� �����������������

�� � �������� ��$��'��� �� ���� � � � -������ � ��� � ��A����� L��

���� �M� � �� �� �� L���A����� ��� ����M�� ��� ������ ���� ��� ����� J���

L��� ������ ������ % - �� ���� ����� ����� ���&% ��M� � � ������$�� ��� ��� �����

�������� ������������ ������ ��-�$��� �� ����*. ��%���L����� ������ ��� �

� ��������������� �� ����� �� MQ�'���"��!�%���"!���/�#�;:�� ��� �! ����I�

! �+ ��I�% �� �&&&� �����/�������������� ����� ���������� �����������

���� �������� �" ���P� �� �� � �� ���� ����� �� ����� ���� L���M� ��� ��� �

������� ������ L+ ��I�% �� �;;9�� ���� 9;/B�M�� ����� ����� � �� �� � ������ ��

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

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

L������ �@@��� ��� �@@M�� ! ��������� �� � ���� ���� �� ��� ���%��� � � ������ ���

���� �� � ��������&% ����������N����� ����� ��� �� ������'/� �� ��$���'��

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

���� ����� ��� ���%��� ��� ��'������ L� ��� � �� ���%��� ����%���� ����� �����

%�����-�$��� ���� ��������� �� �������� � � ��������������%����%������ �� �

��������� ���� ��&��M��>�� ���� ��� ���� �������$�� � � �$��� � �������$��

��� ��'����'����� ���������&% ���� ����������N�� ������� ������ �� ��� ��

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

� �� ��*� � �� ���� ��� � .� �� ���� ����� ��� ���*��� ���� ����� � N� � ����� �

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

� ����� � ��� ��&���� ��� ���� ����� &�3�� � .��'� �� �&% �� ���� � � � �$�� ���

����� ��*� � �� ���� �� � %���� N�� ����� �� � � �� ��*� � � &� T� �� �&% ��

������� ������������ ��$��������A�������������� ���

�� � �� ��� ��� ��$�� ��� ���. ��� � � ���� ����� ��&���'� ��"��!�%���

"!/����$%�&�F������ ��$��� ��������������� ������ ��&������ � � �� ������

���������� %�� ����������������� ����������'�������������������������

Page 50: Padroes de Design Hipermidia

=@�

��� ������,�������� ���� ����������� �����������/�� ��::� L���%���� �@@��� ���

79M��������� ����%�� ���� � � ����� � �� �������� ���� �������������

�S� �� �����A ���� ���������������� � ������������� ��L ����� �� ������

���� ����� ������ ���M��� ����� ��������� �� ��������������� ����� �����

� �%���� ��� �� �%�����'��������� �*� �����'�� �� ��� � � �� ���F������ ��$��

*����A� ��� ��% ����� �� ����� � ������ ���������� ��*'�� � ������ ��� �����

�� ������ � ��0������ � � ����� � *����� ���� ����� � ����� J��� � � ���

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

F�*��� ������ ��$��*��.��������� ��� �������'����������������

�� � ��� �&% �� ���� ����� ���� � ������� D� � ���/���� � �� ����� � � %�� �� ��

�� ����$�� ������� ���� ���� � ��0����� D� ���� �� ��� �� � % �� - �� ��� � ���

��*��� ��� � ���� �� � ��� ��&���� ) � ������ ����� � � ��� ���% ���� ��������

���������� ������A% ����� � ��� �� ����� *� �� � � ������ ��.�� �� ����� ��

%�.��%�������������� ��� ����$�� ��� ������������ ����� �� ���� �������

� ���� ��� A� � � � ��� ��� ���� ���� �� �*. ��%�� � � �� ��� ���� ���� �����

� ���� �� �� �� ������ �����0����� �� �� ��&���� 3� ��� ��� ���� ���� ������ �$��

� � ����� �� ��'���������������� ����������&���'� ��� �����&����������

� ���� �� �� � �� �� ���%�� � ����� �� � ���� �� �� ���� �� ��� ���% ���� � �

� ������������A% ��L ��������� ������� � %����$�M������������&������������

��� ���%�� � ��� � � �� � � �A������ ! � ������ ���� ������ ����� ����� �������

���� ������ ���������L>� � 5 ���#���� �� ��F���� ���G���� �������������������

�@@��� ��� �@9/;M�� �� � ����� ��A� �������� �� � %�������� N�� � ���������� �����

��� � � ��� � ����$�����0���� ��� � ����� �������� �� ��%��� � ���. ���� �� �$��

������� � �� ��%��� � ��� ��� ���� � ����� � ��� %&������ ���� � ����������

���� ���� �� ������$�� ������-�� � ���� �S���� �� ���� �� �� �� ������$��

� ��U���V��*0���������� �� ��0�/����������L�������@@��������M��>$���*���� ��

� ��� ������ ������� ��������� ���� ��� ��� ��$�� � �A� � ��� �� ��� �� � ���

�� � � � ����� ���� ����� ��� ���� ����� ���������%��� �%��%����� � �����

22 A tradução é nossa, da versão original publicada em inglês.

Page 51: Padroes de Design Hipermidia

=��

�� � �� ������ ������ ���������S�*����������� ���� ���A�������� ���� �� ������

�� ����� � ��� ���� �� �� ��&���� F� � ��� ������ ����� �� � ������� �������

� � ������ ���� ���'����� ������ ������//��� ��� ������� � ����� ����

���� ��$������ ��&���� �� �� ������ � �����$��� �� �� �������&�������

� ����� � � �� ��&���� > �� � ���% ���� �������/� � �� ��� �� � � ����0���������

L���I�� ��� J$��� ����� ���� � � ��H� M�� ��� � ���� ��� ��� ������ �

����� ������������������������������������ �����&�8����� �� �����&������$��

����������� �� ��� ���% ���� �� ��&���� �������� �$�� � � � % � � . ��A/���Q� ��

��� ��� ������*� ����� �����'�* �/%������3��� �������������� �������'��� �

�$��� ��� ����� �� ���� �� �� ��&���� ��*���� ��� �� � ����� ��� ��� ���� �

���� �,���� � ��� � �A������� ��&����

3����-����������A��� ������������������� ��� ��� ������� ���������

�� ������ ��� ���0������ �� ��� ��� ���������-��� ����,�

Page 52: Padroes de Design Hipermidia

=��

�"�;

�"��3�"#�

�01�"�

���"��"#��

���#�*$%�

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

��)�$%�

��#�!�"����

�!���*����$%�

���#�"�"����

�!������� F������� ��� ��$�� 8������ �<�� ��$�� �����������!����

�!���/�#� ��A������ 8A���� :��'�����

�!/����$%� !���� ������� :�� ��� ����

�"����CJ'���"G����"��!�+�������"�!��F"*���0�"�

Page 53: Padroes de Design Hipermidia

=��

:�� ��� ��$�� � � ��� ��� ���� ����� �&% ��� ��� ���0������� �� ��

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

��� ��$��� � ���� � ��*��� ��$�� ��� �� �,���� �'�� �� ��������� ���� � ��*� ���

��*��� ��$�� �������/� �������*�����������*�&% �������� ��&����

.��*)��*)"#���J

�"��!�%� �01�) ���#�*$%�

����������

��)�$%�

!���������

�!���*����$%�

"����������

�!�������

F������� ��� ��$��

�� 2 ������

�� �������

�� !� ����

8������ �<�� ��$��

�� (�� ��

�� E ��&�����

�� (�����

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

�� �������

�� 4 �������

�� :��*����%��

:�� ��� � � �* �� ����� � ����� ��������� �������������� ���������� ���

�,���� �� ��� ������� � ��*��� ��$�� .������ ��� )������� ��� 7��������� F���

��*��� ��$��� ���� ���% -�� ��%�� /� � ��%� �� � �� ����� ��������� ��� ����,����,�

D��������)� ���� �5�����&�3�� �������$��� �� � � ��������������� ��� ���

� �� ���%����&% ��� �� ��%�� ������ ��� �% � �����������������*����

Page 54: Padroes de Design Hipermidia

=7�

@��' ��������� ����

�� *���� ������ � � ���� ��� ��� �A��� � ���� ���A����� � � ���� ���

�� ��&���� ������������� ����$��� ��� � �� ��8<�3)�� ���� ������>��� ���� ��

� �� ���*������� �������� �� * ������ ���������� ��� ������������������

������ ����� ��������%&��������� ������� �������� � �������/� � ������� �

��� �����$�� �������� �� �� � �� �� ��� ������ ���� % - �� �� ������ ����� � �

� �����3������������������*���� ���� �� ��� �� ����P ����P���� ��$��

��� ��� ����� D� � ����$���� � ���� � � �����*����� � � ������� � � ��� ����� �

������D� ��% -�� ����P����P�D��������� ���$������ ��� � ��A������

8���� !% ������ � 6��� :�� # �I� L�@@�M� ����� �� �� � � ������� ��

���� �� � �� �� ����$�� � ������� * ������ �� ������ � � ��$�� ��������$����

>������� �� ��������������� �%� �'���0��������� ��,��� ������ ����������-��

���������� �������$��� � ��-��������������� ������������$�� �������� �� �

���������*����� �'�* ����� ������F��������� �� �� �������������������

����N����%�$���$�����% ������ ����%������� � .��� ��������� ����������

������� ����������������������� �%�����>����� �� ����� ����$��� ���� �

���% -������� ��� ����$�� ��� �� ����� ��� ����L8 ���R�"��������@@�M��

���� ������������ � �����'���� ����� ��� �%����� ���� �����������*� ��

� ��������N��� ����$����� �� ���� J� ���� ��% -��� ��� � ���� ������������

% &�����'�����&������ ���%������������ ��������� �� 23� ��A������������ �� 6�

���� L>� �� ��� �@@@M�� �� � � ��� '� ����� � � ����� L�� � ���� �� �� � '�

��� � ���� � � ����M� � � ��$�� ��� ��� ������ 1�� ������ �� � % �� � ��*������ �

�� ���� ������� �� � � �A� ������� � ������ � ���� ���� � � �� �� ���A�����

� ��� � � �� ������ � ���� ��� ������� 1�� ���� �� � % �� � ���������

��� �� �� � ������������� � � * � ����A� �� �� � ��� � �� � �������� � � � ��

��� �� �� ��������� ��������&% �������� �� ����� �� ������������������������� �

�$��.�% ��� ��0������ ���A� ����������� ������ ��*����� �� �� ���� �N�

Page 55: Padroes de Design Hipermidia

==�

� ������ ���������� ��������������������� �� ����������������� J ������

�������� � . ������ �� )�������� � � !% ������ � # �I� L�@@�M�� > �� � � �������

�������'��� � �� � � � �������! � �� ���� ��� ����� � � ��� ��$�� ��� /� � � �� ���

�����&% ��� �� ��$�� ��������� ����L��������$��*��A��M���������� ��$��

����� � ������ � ���� L� ��������� ��%�� ������� ��� � ���� ��� ���

������������ �������������� �� �� ������������ M��

�� ���� ��$�� � �� �� ������ ���� � �� ��� ����� ��� � � � ��� ���� ��

���$������� � ���� �%�����$���� ������ ��&��� �����. ���L��� �� ������� ��

� ����� ��� �� ����� �� ������ ����� � � ��������$�� ��� ���� ����$�M� � % �

� � * ���������*����/�%��'�� � ������ � �� ��������� � ������� � ������� ��

���� ����� �� � ���� �� � % � � � �������� � �� ���� ����� �� ���� �� � % � � ��

���� *����� F�� ������ ��%���� C1F�� -� ��� � � � :3�3�� 3� �3��� �0���� ��

��������$��'� �$�� �������� �� ������� ���� ��&���������� � ����� � � ����

��� ����� ��� ��� � � ��� J$�� ���� � � ���� ��� �� � ���� �� � � �� ��&���� ��

�3��� �0���� '� � � %�� � ����� ��*�&���� �� � ����$�� ���� � ������� ��A������� ��

��� � � �� �� ����J �%������ � J����� � �� ��������� � ��������� ���.���������

)����������7���������$������� �� �����������%��� ��� ������� ����. ��� ����

��� ��$������� ��������� �� ����. ����� ��&����

������ �� ������������ �� ��������� ������A����� ��-�A���������� ����

��� ��$���$��� ��%����� �� �� ������� �� ��$�� ���� � ��������������� �����

��� � ��� � ����������� ���1��� ����������� � J&% ��*� ���������� ��� ��� ��

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

�*. ��%������� ������ �� ��� ������ ���U����� �������� �� � ��� ��� ������

������ ������������ ��&��������� �����'���*'����/�����L% � ���� ��

���� � �� ����� M�����'����� ����� ���������� � �� �A���* ��������

���� ��N� ���$��� �'�� �� ��0���� ���� -���/�������� � ��� �% ��$�� �$�/

��� ������� ,��

23 A tradução é nossa, da versão original publicada em inglês.

Page 56: Padroes de Design Hipermidia

=?�

)� ������������� ������0��� �� �"���� ������ ���� �������� ���� ���

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

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

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

���� ������&�L�������@@�������=?M�

F�� � �"����������������������'����� � ������������� �� ������

��/������������� ���� ��&��� �'��������������������*����� �� ���� ��� ��$��

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

F�� �&�� � ,� � ���� ��� ����� ���0���������� ��� ��� ������ �������� N�

���� ����� �D������ ��������$���� ��������������� ��$�� �� ���$����� �����

� � � ��$�� �� ���� ��� ���Q� ��� ������ � � ��� ��$��� ������� �� � ���� D� �� �

������� �� � �� �� � ��� �� ��* � ����� �� ������ ��� ��. ��� �� � �� ��� �����

� ����� � �� �� ��&���� ��� �� � � � ����� ��� ������ �� � ������� � � ��� �$�� D�

� ���������N�� ������� Q� ������ ������ ������ �� ������ ��$����� �'���$��

��%� ����� ������� ��� ��� ���%� � � ������%� �� � ��$�� ��� ��� ����� ���� ��

���� ��D��������N�� �� ����� ��

������� ��� �������� �� �� � % ���� ��*� � � ��� ��$�� � �� �� �� ���

���A���V��� ����� �� �� ��&��� ���� �������� ��� ��� ��� ���� �����

�� �������1�� ���� ��� *���� �� ������ ���� �� � ������'� � � �:�H ����

+���������� ������ �� ���������� �� � �� ����$����0������������ ��������

���������������� � �����0������ 24���� � � �� ������� ������ � � ����(� ��� ��

O *,��

o %����������4����� �������"#25�

o 8�������4����� ��������$����������

24 Kilian é autor de livros sobre o assunto e é tido como referência básica para designers, produtores de conteúdo e, claro, aqueles que se denominam "webwriters". 25 Os grifos são nossos, servem para salientar como o autor está preso aos meios de comunicação tradicionais, fazendo referência e separando contiguamente, como se a Internet fosse a soma dos mesmos, lado a lado, e não uma nova mistura indeterminada, híbrida.

Page 57: Padroes de Design Hipermidia

=9�

o <��"����4� ��������������������

o %�������4��%�����"��������'��������

o J�����������4���� ������ �����"��������" �����N������:;;:�

�� ����� ���$�� ���� ��� � � �� ���� ����� ��� ���.���$�� ��� � ������

������������� � ���������� � ������ ��� �� �� � P �����P� ���� � ���� � �

��������$�� ����������� ������������������� �� �������&�3��������� ��$�� ���J�

���� � ���� P�� �����P� '� ���"������ ���%% �� �� � ����� � �� � � ���� ���

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

� ��� �H� ���� ����� �� ����% ������<�� �� ���+����������������� �� ���������

������ ����� �����������L#��� ���"��������;;;M����� �&����������% ����� ���%��

�&����� ���� ����%�� ��������� �A*����� ���A�����L����� ��&�������� ������ �

������ �&��������.��������� ���� ���M�� ��� � � �� L*��� ���A��������%&� ���

�A����� �������� �� � ��� ���� ���M�� � ����������� LP�A����P�� P*��� �P�� P���� ���

� ��U����P�� P��J ��P�� P����%�PM� �������� ��� ���% ���� �� �&��� �� � � �� ��

���������� �� ���� ���� � � ���������� ��� � � �%��%�� ���� ��� �&����� ���

������ ����� .A� � �� ������� �� ��� �� � ��� ������� ����� *���� ��� ����

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

<�������� �� � ���� ��� ����� 4������ F��� �� ����� ��� ��� ���� �������

����,����� ���� ������� �� ���@����� ��� ����� +� ���������� �� 7�������P� LF��� ���

�@@@�����7?M��������������� �� ��������� ������ �������� � - ����� ����������

�� ����$������� �� ��� ��������� � �� �� ����,��

�M � ����������������������������� ���� �������"�������������� ����������

���������������������'����������������������LF��� ����@@@�����7?/

9M�� >$��'� ������ �� � �� � � � ��� �������� � ��� �������'��� ��� � ���

������A����� � �� ����������� � ����� ������ ��% �� ���� � � ������

� �������

�M � �����������,��� ����� /�� �,�������"�������������� ����������������

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

Page 58: Padroes de Design Hipermidia

=B�

��� ����������� �������,�����+����������������� ������LF��� ����@@@M��

��� �������� �� ������ � ��� ���%� �� ����� �� ����% ������������

��� ��� ��� � ������ ��A������� �� �� � �� %�� ��� � � �%%�� ��� � ���

��� ��� ���� �� -�������� ��������� �������� %�� �� �%�����*�����

�M � ������� �3�� �� ��� ���/���,� ��� ���"���� ��� ����� � ������ ���� ��������

��� ����������������������������������&��&&&�=��������������$� �����

7�������� ���������� ���� ������������ ��� ���� �� ������ L���M�%���$��������

����������������� ����������������������� �� ����������������������P�

LF��� ����@@@M��

:������*. ��%��� ������ � ���� �� � �������� ����� ���� ��� ������

�������$�� ��� �� ������ � � %���� �� ������� ��� ��������� ���� � ��� � ��� D� ���

�A��� ��� ��� � � ������ ���� ���� ����� �������� ���� ��������'�%�����*����

D� ��� ����� �� ��� ��� � ���� �&����� ������0���� ��� ��� ����� �� � � ��� ��

���� ������F����������� � ��'���� � ������ ���� ��������$������ � ��

��������������� � ��� % ������ �U� ����0����*� �%�$���8����������'���� �

J����� ��� �&������ � ������ � � ��� � �����$��� �� % -� � � *����� ��� � ����$��

���� ���,�

5�!��0���������'������������� ,� ����������� ������������������

���������O���������� ������������ �������� ,� ����������!����������0

��&�<�� ,� ��������������������������!����������������������������

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

�����&�L!���������� ���� ����� ,� ���� ����� ���������������������

�� ��������������!&�LF���������;9��������7�/� ���� M�

��% ����������� ��������� ������ �� ��$�� ���� ������ �������� �� �

�������� ��%����� ��������������� �� �������� ����� ���� ���������$���$��

����� J����������� ��&������ �� � � ������� ���� ����%&�����F��� �����

Page 59: Padroes de Design Hipermidia

=;�

�������� �������������� ���� ��$����������������� ��������� �F��� �� ������ �����

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

�"��!�+��

�"��3�"#��

�01�"�

���"��

�"#��

���#�*$%�

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

��)�$%�

��#�!�"����

�!���*����$%�

���#�"�"����

@;�!�������

������ ��$��

�� 2 ������

�� �������

�� !� ����

����<�� ��$��

�� (�� ��

�� E ��&�����

�� (�����

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

�� �������

�� 4 �������

�� :��*����%��

�"����PJQ��������0!�������"��!�%����!�������2H�����(1"��������"�

Page 60: Padroes de Design Hipermidia

?@�

@;@�01�)N �����O����!$%����!�������

:�� ��� ������������� ������� �������� �� ���������� �����*. ��%Q� � �

��� ��������� ��������� ����� ���Q� � ���� � ���� - ���������������� ���

) ����%�� ��������� ��0������� �� �������$��� ����� �����������0������� ���

����� ��� ������ � � � �*. ��%�$�� � ���� ����$��� ��� ��������� �� � �

���� -��� ��� ��$����� ������A����� ������ �������� ������� ��� ��$���F�� �

� ��������� J�������'�� � ��������� � ��� ���� � ������� �� ����������&���� �

��� �������/� � ������� �� � ����� ��� �&��� �� ��� ���������� �� ��0�����

�� � ��/� ������������������ ������ ��� ���� �� ��*���������� ����� ��

����� ��-�$��� ��� ��L��� ��� ��M��'� ��� � ��� ����L����*. ���������M��

�������� ���.������������� ��� ��������� ����� �A% ����������������� �� ��� ��

������� ����1��� ���������&% ����� J ���� �������% ����� �� ���'����� ����

� ������� �������� ���� ��� ������� �������� ��&���'���������������� ��

���������,����� ����������$������� ����� ���������*��L��&�����<<��M�������

� .������ ��� �%����,� ����������������������������!����������� ��� ���!���F����

�$����%��� ������������ ��������������$����� ���������$���:������� J� �� ���

�������������%&������������������� ���������� �� ���� � �� ����� ��������

������� � �� ������ ���������� � ������������ �% �A���� ���� ������

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

������������������� ������ ���������%����� �������������������!��������

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

����������������� � �����'�� �������� �����!�����

������*���� ������ ����� �� ����� J�����$��� �������������� .��������

�%��$������ ���� ���������$�� ����� ������� �� �������� ������ ���������

��'��� � J������������� ������ ���� ���������������������������������������

���������������������������� ����� ����� �� ��������,������������������ ����

%�� � �� � � ������� � � ���� � �� � �*� �% ���� � <�� �� �� � �� � ���� � � ��

� � �A����������� ���� � ���������$��� ���� ������� ��� � �$������� ��������

Page 61: Padroes de Design Hipermidia

?��

������������ �������� ��� ���� � ��*����� ��0�������'�������������� ��

����� ���� ���� �� ��-��������� J��� � ���� ������� ���

����� �������� ����� ������������������������������������������� �%$��

� � ������������������ �� ������������ ����������� ��� �����/� ��������� �����

���� ���������� ��$����� ���� �� �A� J���������� ��)$�� � �,���������L���

�*. ��%�M�� � ���� L��� � J&% �M� � ������� L��� ��%� M�� F�� � ����� ������� ��

� �� ����*� �������� �� ���

Page 62: Padroes de Design Hipermidia

?��

�!�������#��������&�'������

F�� � '� �� ��� ����� �� � ���� �� � � � ������ �� � � � � �� �*. ��%��� ������� �

� ��� ����)������� �'���� �������� ���������� ����'� ��A% �� ���������. ����

N����� ��'�� �� ����%�� ������ ����T����������� �&% ������� J ������N���*������ ��

) ��������A������ �������7�������� 6��26����"���� ���� ���������������� �������

��� �� � ���� �� �� �* �� � �� %��$�� ��� � ���� ��� � � A� ���� �� ������&% ��� ���

� ������� ��� ��������������%��� �� �& ��������* ����� ���������������������

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

�����*� ��������$��� �������%������� �%������ /�������������������������

�� ��� � ��� � ����� *�J������� �H� ��������������2�� �� ����������� �

�$�� ������� ������������� ������ �� ��$����� ��� ������������� �� �������� �

���� N� � ��$�� �� � � � � �� ���� �� � ��� � � ��������$��� �� ����� � � ��� ��$��

��� ������� � � � ��* � � �����%��� �� � ��� � �%��%����F�� �� � ������ �����

���� ���% - ��� � ������� � ����� � � � ������� � �%�� ����� �'�� ��� �� ������

%�����*��������'���$�� ��A�� �������N�*�������� �� �������% ��� �����*��������

��� �� ����$�� �� � �$�� ��A� �� � � �� ����� ���� J ����� ��� � �%���� � �

� ���� �����������������%��*� /���������� 0����� ��������� �� ���� �� �

��*������ �������� �� ����� ��� ���������� ��� �������

26 O Google (www.google.com ) tem uma opção de procura que remete diretamente ao site que a ferramenta classificou como o mais provável que seja a resposta à pergunta.

Page 63: Padroes de Design Hipermidia

?��

�!�������(�������)��*$���

��� � ��� ��� � ������� ����*. ��%��� ������� �� � ������� ������� �� �

� �A� � ���� � ��� �� ��� ������ �� ��� ��$��� )�� ����� � �$�� '� �������0����

��� ������ ����� �����'�����!�� �������� �� ��-���� ��������F�� ���� �����

'� �� ��� ���� ��A������ � � �� � F��� �� ��� �� � � ����� � � <�� �� �� � � �� ���

����,��� ���� /�� �� ��*����� �� ����*. ��%������� � ������������� �� ��A����

� � ��*����� � �� ��� ����� �� � �� � �������� ��� ���� � ����� �� ��� ����

� �%��� ��� ������ �������� ���'�� � ��� � � ����� � � ��� � ���� �� ����� �� �

����������� ��$������ ����$��������� J$���� �� � .�� ��-����

Page 64: Padroes de Design Hipermidia

?7�

�!�������+�������,����

F�� � '� ��� ��� ����� �� � �� � ��� ��� ����� � � � ��� � N� ��� !���� � ��

� � %��$�27�� ��� � .�� ��� ��. ���� �� � ���� ���� ���&����� �� � � � � �� �*. ��%���

� ��������� ���* ������ ����������� %�� �� �� �%��� ��-���� �������������

��� �� ����$��� ��� � �/� �� ��*������ �������F�� �� ������� �� �� ��������

��%'�� � � ��� � �� ������%�$�������� ������������ �� � �� ��� � ����

� � ��A��������� �� �������� �� ������� �� �� ����*��������������$��� ���� �

�� ��� ����� � ��� � � � � ��%'�� � � ��� �A���� ������� ��'/��� ������ � � ���

������ ��� ��� P%����P28�� F�� � � ������� '� �� ���� � *������ � ����A% ��� F�� � '� ��

��� ��������� ���������A% �������� � ���� �������� �� ���� �������� �� � �� ��� ��

� � * �� � ���� ����%�$�� �� �� �� ����� � � � �� ��� � � �$�� ������� � ��

��������� �$�� �� �� �� � �� �����A����� �$�� � � ������� � ��� �����-�$��� �$��

� ����� ��N����� �������>�� ������� �� �'������ ��������������* ��������

����%��� �� � ����� ���� � .�������I� ��� � ���� � �� ������� � .������� �����

��� � � ��� � ������� .������*������ ��� ����������������� ��� .����

� ������ � � *��� ���� /���� � � ��� ��� ��� F�� � ��� ����� � �� �����

�������*����� � �$�� � � ����� �� � � � � ����� ��� � � � ��$��� � � � �����

��� � ������ ��� * ������� ��������. � �� ���� �� ���� �� � �� <�� �� �29�� F� �

��A�� ���.���� ������������������ �� ������ �������� ������������ ����$��

�������� � ��A�� ������������������� ���������� ��$���� � ���% �� ���������

27 Zapping é um jargão do meio televisivo para o espectador que assiste à televisão sem compromisso, mudando constantemente de canal. 28 Vortal significa "Vertical Portal": é um portal segmentado para um público ou um tema específico, em um fenômeno relativamente análogo ao das redes privadas de TV a cabo. Por exemplo, vortais direcionados ao público masculino, feminino ou gay; ou um site da comunidade de designers em Flash, que disponibiliza, entre outras coisas, um diretório de links de interesse organizados para o visitante. 29 DAVENPORT, Thomas H. e BECK, John C. The Attention Economy: Understanding the new currency of business. Harvard Business School Press, Junho 2001. O tráfego de informações na Internet dobra a cada cem dias; havia mais de 2 bilhões de páginas na internet em 2001; esses problemas de excesso de informação são mais agudos na rede porque, a rigor, qualquer outra informação, site, loja concorrente, fica a um clique de distância.

Page 65: Padroes de Design Hipermidia

?=�

@;5�01�"����!����$%�

��*���� ��� �F��� ��'���������� ��������������A��� ����� ������

� �� ��$�������� ������.A��� �% �����*� ����������� �� �������� �� �������� ��

�� � ��� � ����� � � � �� � ������� ��� ��� ����� ���� � ��� � ���� � �$��

����������������������>�� ��������� � ��� ������������� �����/� ����������

�� � ���������������� ��<�� �� �� ��� �������� � ��� ���� �*�����)�*����

������ � �%����� ��� *���� ���$��'� �� ��� �� � ��� ��� �A��� � ��� � ����� � �

�� ��&���� ! % ���� �� �� ����� ��� �� ������ ��*���� ������ ���� � ���)�$%��

�� �� �� ������������ �� ���������� ��$���� ����������� �������������F���

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

�&���'� ���%�� � � �$�� � �&�����F��% -�� � � ��� � ����� ��� � ��������� ���

��������� � % � ����� �� �� ��*'�� � �������*����� � � � ��� ��$�� ��� ���A�����

! ��� ����� � ��'�� � � ���� ������� �*. ��%��'� �� ���� �� � ������� � ���

����� � � � � ��$�� ������%� � ��� ������ �� ��������� � ���� � J�*����� � � �

��� ��$���3� ��. ������ � -� ��� � ������������� ��������������� ��* � � � ���

� ��$�� � � ��� ��$�� ������ � ������������� ��$����� ���� � �&��&� ����������

����������������/�������� ����� ��� �F��� ����������������� ��$������'J����

�������,�� ���� ��������� ������������ �������� ���� ������ ��� � �� ����

����� ��$���� ������ ����� ��* � � �������� ��� ��%����� �� �� �����������

����������� ����� ��������������� ����. �������� ��&����� % /� �� %�� ��

�������� �����������������������A����� % �� �������� �� ���$������ ������� �

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

3�� ��������� ���������� �'�� � � � � �� ��� ��� � ��$������ ��� ����������

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

� � ��F�������� �'�� ����������)�� ���������������������� ������ ���������

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

PJ������8/ � P� L� ��� ���@@��������M,��������� �������� ��������� L)�� ����

Page 66: Padroes de Design Hipermidia

??�

�@@7M�� � ������*���$�� ��� ��� ���� � � �����$�� ���� ������ � � ��� ��$�� �� �

����������

Page 67: Padroes de Design Hipermidia

?9�

�!����$%��������������������

F��% -� � � ���������� �� ��� � ��� � �� ����"���� ���������� ��������������

����������� ������'����� �������� ��������� LF��� ��� �@@@M�� ��������� ���

��� ����� � � ������� � ��� ��� ��$�� � � ������ � � �� �$������ �� ���� ���

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

F�� ������� ���� ��$��� ��� ��� ��������������� ���� �������������������������

������ ����� ����� ����������� �)�� �������� ��! ���$������� ��� ��',��

&&&������������ �� ,���������'��������������� ����� ��� ������

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

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

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

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

������ ���������������� ������3�������� ����������� �� ��������

�� ���"���� �������"������������������ �������&� L� ��� ���@@������

=M�

��������� �� ��� ����� �� %�� �� � '� �� � � �� �� �$"� ������ ������ �����

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

������ ������ ���� ������ ��� ��������� �� ������ � �/ � � �� ����������������

L)�� �����@@7������9;M��3��� .����� �� �������������&������*� ��������� ���

������ ���! � ���� �� ���� ������ % �� ���������� �������� �������������A����

�$�� ����� � �� �&% �� � �������� � � ������� ��*� � �� ��0����� �� �� � �� � �� �� ���

���� ������������ ������ �� ��$�������� ������ % ����� ����� ��N� J� ����%�

� � ��� ��$�� ��� � ���� � � ������ ���� �L�M� �*. ��%�L�M� � ��� ���� ��� ��� � �

�� ��$����� � ���

Page 68: Padroes de Design Hipermidia

?B�

�!����$%�����$�����������

3����� ����'� �A����� ������ ������ LF��� ��� �@@@M�� ���'�� ��� �� ���� � �������

���� ���� ��� ��� ��$��� �� ��� ��$�� � � �A� ���� ��� ��� �� � � * ����� �

��� �� -��FJ��� ����� ��� � J�*����� � ��� ����� �'� �� ���������� ���������

�� ��� �� � ������� � �� � ��������� � � � �*�'��� � ��% �� ������S���� ��� � ��

������ � ��&�������� ��� ������ ��� ��� ����'�����������%��L ������������$����

���������P� � ��0���� J� ����%� � � ��� ��$�� � �������0�� �� � ���� ���� � ��

� �������%��� ������ ��-�����3���� ������ ���*. ��%��������$�� ��$������������

�$�� ��%� �� ��������) ���% ������ �������'����� ������%�Q�� � ���% ��

*����������.�������� ��� ��%A���������� J ������$� ������ �������������/���P�

� � ���% ��� ��������*�������� � ������*� �� ����� .� ���� ���� �������� �

���% ���� ��� ������� ��� ��% ���� ���� ��� ��� ������ ���� ���������� ���

����0% ������ ���� �� ��� ��� ��$��'� ��� ���� ��� � J�*����� �� �� ��� ����

�� ���� �� ������� ������ �� ��$��� ���������� ������F�� ������� ���� ��$��

��� �� �� �� ��� ����������� ��� ���������������� �)�� �������� ,��� � ��� �

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

�������������������������� ���������P� ��������� �������/����������������

������� �����'����(� �P�L)�� �����@@7������9;M��F�� � ������� ��% ��$��'�

� ��%��� ��� ���� ���� � ���� � � �����$��� �� ��������� � �� ,�������� �������

�� ������ �������'����������������������������������� �����(� ����������

����� ������������������ ����!���+���������L� ��� ���@@������?M��

Page 69: Padroes de Design Hipermidia

?;�

�!����$%��-�����������

�%���$���������������������M��� �����M����������������M �� �M����������������

����P�LF��� ����@@@M��F�� ���� ������ ����<�� �� ����������� ���� ���� � ��

� ��-���� �����% �� �� � ���� �*. ��%���� ���'�� �*. ��%��� %���� ���������� ��

������������������������������������ ������������F�� ������� ���� ��$��'������

� J&% ��� ���� ������ ������ �� ��� �������� ��P�� ������ �P�� ������ �����

� ����������� �� ������D����� J �������� �� ����� .�������� � � �����

���������� ������� ����.������ ����� ��� ��� �� -�� �� �A���������� � ���� ����

��% ������ �������� �����F�� ������� ���� ��$��'�����J�� �� ���� ��'�� �

� � ��� ��$������ �����%�� ���� � �� ��� ������ ��� �� � ����� � � � � ��$�� �

� ���� ��� � � ������ �� �� ��� � �J�/� �� %�� ���� ��� � �� ��� ���� %�� �� ���

������% - ������� �J����� %������ �� ������� ���� ��$�������������%���� ��

� %������ ��J��� ��� ����� �������� ������ ��������� � ������ �� ��� .�

���� ���������� �� ������S� ��� � /������ � .� �� � ����� �� � � � �� � .� ��

J���������:!/43���

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

#�*�����)��% ��� ������� J� ��� �� ������� ������*���$���������0������

�'������ ������� ��� % ����� ��$��� � ������ ������ ����� ������ �����

���,���,� �5�� ��� ����,���� � ��� $�,!�� ��� �'���(� �P� ������� � ��� ���/�����

�� �/��� � ��� ����� 3������ +� ������� ���� ��� ��� �� +� ������������ ��� ���

�������L)��% �����@@���������M��3����� ����� ����� �*���$��'������0� � ��

��� ������$�� �����%� ���� ��� ��� ��� ���� � � � ���% �� ��� ������

�� ��� ����@�� ��� )�� ���� �� ��� ����� �� � � � ��� ��� ���������������� �����

�����(� ������������L)�� �����@@7������9BM�'����������������������.��������

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

���������������L�*���M��

30 Anomalia é aqui empregado no sentido do "reconhecimento de que, de alguma maneira, a natureza violou as expectativas paradigmáticas que governam a ciência normal" (Kuhn, 2000, p. 78).

Page 70: Padroes de Design Hipermidia

9@�

T��������� �� ���%���� ��������� ������� �� ��$������������������ �

��� ��$���$���$��� � ����� �� � ������� ��� ��������$��� ������������������

� ����N��� ��&����3����������������������� �� ����������3�� � �$�����*�����

�� ��� ����� �� �����%�$������� ��������� ��� �� ����������/� ��������������

>�� ���� ���� ������������� �� �� �� �������� ��&���������� - �����

% -� ���� ��� � ��� ��������� � ���� ������ �� � � ������ ���� �������

��� � ��� ����� ���� � � �� ����� ��� ��������$�� ��� �� ����� � ����� ����

���� �� � ���/� � � ����� ��� ���������� L� � .A� �$�� ���% �� �����M� � % �

������� �� �� ����������A*����� �������� ����� ��������

3��������� �����LG�����=M�� ���� �%�����-����� ������� �� ��$�����

��� ������ �� ��� ��� ��� ������ � � ��� ��$�� � ��� ������� � � �% ��$���

���������������� ���� �� � ���$����A ����� ����� ��-���������� �� �

��� ��������$�������� ������� �� ������ ������ ������������� � ,�

Page 71: Padroes de Design Hipermidia

9��

������

� �=����

��� ����

������

��� �=��

�������

�� =��

� �� � ��=��

�:���

2 ���������

3*. ��%��

(�� �����

� � ���������� %�� �� �

����������

G� J&% ��E ��&���������:0����� ! � ��% �

!� �������(�%� � (����������� �0���� F���� �

�"����7J ����������!$%����!���������"*�����!����$%�2����!�����)�$%�

H���"!�����������4�)�#�#����0�"�2�����*�#�"1���*����!��$%���(/"#�

8���/� � � � ��A����� ��� ������� - ����� ��%� �� � � �������$�� ��� �

����������������� �������������������������A���� �� ������������������ �����

3�� ��������%&������� ����������������% ���������������������������� ������ �

�� � �� ���� ��������� � � � �� ���$����������������������� ������

���� � � ��� ��� �� 1�� J ����%��� *������ �� � ��$������ �� � �� ��A���� � �

��*������� � � ����� ��� ��$��*���� ����/��� ��� ����������� �������

'���� �������� ����� ��- �� �� �J�/� ������� �����0������ ������&� ��

����-U��Q����� ������������������������������',���������� ���% �� �����

*������� ��� ��� � � ��� �� �� � ����� ���% ���� � ��� � �� ��� ������

����� ����� ) ������ F��� ��� �� � �U� ��� ����� � �� ��� �A��� � ����

� �������,��&&&����������, ����� �������� �������������������� �����������4�

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

������������� ,�� ������������������ ������������������������&�E����� �������

Page 72: Padroes de Design Hipermidia

9��

�������������� �������������� ��� ����������������� ���������� ����!�+�

��� ������������������� ,�� ��LF��� ����@@@M��

Page 73: Padroes de Design Hipermidia

9��

@;C�01�)�������"����������

3�����������$���������� ��� �� ���'������&% ��� ��� ������������� �����

������� �������0����*� �� ����������� �H� �������������� ��&����F���

� ��$�������� ��������������� ������������� �%��������A����� �� ��������� �

� ��� � ���-���������� ���������J���� �,�

� <�� ����� J� ���� �� ���� �,� ������� ������ ��� ���A����� �� � � �� <������% � ���

���A���� ��� ���� ��� ��� ������������ ��� �� ���� ���� ���� ��� �� ��� � �� �

�� ���� �%��������� ��$�������� ��A��������� J ����������� �������

����A������� � ���� ������0�������� ���������� �Q�

� <�� ����� ��� ���� �� ���� �,� ���A���� �����-��� � � ���� A� �� � ������� ���

��� � � �������� ���� �� ����� ��� F�� � ��� ����� � � � ���*�� �� ��% �����

�&% ���� ���� ��� ��������� �� �� ��� ����� ����� ����� �� � ���A% ���� �����

� � ��� ��� �� ��� /� � � �� � �� � ��� ����� �� � �� ��� ������ �'� ���

� ������ �������� � � � ����� �� � � �� � �� � ������ �� � � ��� ���A����

���� �������� �Q�

� ������������� ��� ���� �,� ���������� � � ���� ��� �� � � �� ��� �� � ������ ��

���� ������� ���A������ F� � � ������� ���� � �� � �������� ����� � ��� ���$��

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

>0�� �������� ���������� ��� ����� J� �������% ��� ������� �� ��� ��

���������/� � ���������� �����*� �����%��'�����L���� J ������������ �� ����

���* �� � �� *���� �������� �� ����&���� ���M��������/���������� �������� ������

���� �� ��������� � ������1��.���������� � �%�����&������������ ���%'��� �

��� A� � ����������%� '� ��� ���A���� ��� ���� �� ��� � ���� ���� �� ��� � ��� 3�

����� �������A������� ��������� �'�.���� �� ������������������ ���'��� ���� ��

�� ������������ ����� �������� ����� ��� ���������A����� ������ ������ �� ��

� ��$�������� ������� .��P�� �P���� � - ��P�����P��

Page 74: Padroes de Design Hipermidia

97�

F�� �� ������� � �������� *� % � �� � �$�� ������ ���� �� � � � ��� �� �� �

� �� ���� �����% -���������� J��� ������������ ������������� �������� �

� �� �� �� � �� �� � ����� ������ �� � � �������� �� �� J��&���� � ����&�����

� � ������ � � ��� �� ��&% ���0*%�� � ���� %��&% ��� F��� ��� ��$�� ��� � � ��� ����

J ��������� �� ��&% ������������ �%�����������%&������$���*���� ����������%����

���.����� ��� ��� ��� �� � � ������ ��� � ���� ���A������ F�� ��� � � �� �'�

� � ������ ����� %����$��������� ���8 ���� J ������� ������� ���� � � ��

�� � %��� ������� ��� ��$����� ��%�� � � ���%������ �� L% � �������� ���� ��

���� J ������������ �)�!�� �)�!��� ���������$��� ���� ���$�/��� ��--�:H�

���&� F�� � ������� ����'� �A�����N�����$�� � � ��� ����,� ��� ��'�� � � �

���� ���� � � ������ (� �� �������� �� �� � � ����� �� � ��� � � ��� ����%&����

�� �� � �� � �$������ ��� �� ������������ � ������.����� �������� �� � �

������� �� � ����� � ��� � ���� ��. ��� �� ����� � � ����� �*� ���� ����� ���

������-���� ��%������������ ����� ����� ����

F��� ����� J��� � ������ � � � � ��� �A��� � ���� ������ ���� ��

�*. ��%�� � � � ����� ��� ��%��$�� ����A���� ��� � ����� � ���� ���-�� ������

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

�� ��&������ �'����&% ���������"������&% ���� ��� ����$����� ��� ���%����

��� �������%'������� � �� ��� ������ � ���*����� ��� ������� ��� � � ��

3��,������� ������ ���� ����� � ������ � ��� ����������������� �� ����

�� ������� ��� ������A����/������� �� ������ ���� �������� ��$����������'��

�� ������ ��%���� �� ���� � � ��� � �������� � �� ��� ����� ��� � J ����� ��

�� ��&����> �� �� ��������* �����N���� � ������ J� ��������� ���� ��� ��/

� ����������� ����� ����� ��* ���� � ������� ������������ ����3��� .�����

���� �� ��'������ �� �� �� � ���� D� ��*'������� ���� �� ������� ?��'�

�����&����� ��$����� �� ������� J� ��������������� �������� ��* ����'�����

���A% ��N�������������*� �� ���������� �� ���������� �� ������������ ���

��������� � J&% ����

Page 75: Padroes de Design Hipermidia

9=�

T� �������� � � �������� �� �� � ����� ������ P���� ����P�� �$���� � ����

��- �� � ��� ���� ����� !���� �$�� ������ ��� ������� ����� ����%��� � ��������%���

��� ������ �� *� � � � ������ ��� �� J������ ����� � � ��% ���� ���� -�� � �� �

��� �� � �%��� � ������� ����0������� ��� �� � �� ����������� ����� ��� *� � � �

����� ��� �$�/ ������������ ����� ��� ����� ���� � � � J��� �� � � �� ��� �� � ��

��A� �� �� �����%��� ��� �� � �� � ������ L����� ��*� � ��� ����M�� ��� �� � ��

����� P%��A� ��P� L����� �� ��� ��� � �� *� � � � ����M�� ��� �� � �%��� �����

������ ������� ����J������������������������ � � �� ������-������������

���0����� ��� ��� ����� ��� J�*��� ��� � ��� � � ���������� ��������� ������ �� ��

��� ���'���� � ������ �������������0��������� ����������� ����� �����������

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

�� ��� � ������ J� ���� ��� � ���� � � ��/������ ���� ���� ���� ��� �

��*'�� � � ��� ���� � ��� �������� ������ ��������� �$�� � ��� ��� ���� ��� 3��

���� ���� ����������� ���% ������ ���� ��� ����L��*U���� ��������4))����

� �� ���� �P%�.�P��� � � ��*����� ��� ����� ������������ �� ��������� �

*���� ���M�� � � ����� �� � ��� ����� �� � ������ ��� �� %��� � � ������ ��� ��

�������%'�������������%�������� ��� ����� �����������% ������� ��'�� �

� ���/����������%���� ���� ��������% �� ���$�/�����-���� ���������-���

>$�� �*���� �� � �A�� �������� ����S����� ��� ������������ ������ �*������

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

1�� J ����� � � ��/������ �$�/�����-�� '� ��� ��� ���� ���� ���� ��

���������� ���� ������������� ��� �� �� % ����&����0��� J����$����<�� �� �,���

���� ������� ��� �8����> H�� L.���� �� �� ����&���M�����������%'��� ��������

J���� �� ���&���� ���� ����������% &������ � ��&��� ������� �� �� � �� � �� ��

� �����-�/����� ����� �� �� � ��������/��� �� .� ��� � � � �� ��0����� ��� �

L>� �� ����@@@������;@/�� �6��������@@�������9�/�M��:��� ����� �� �����'���'�

31 RSS significa "Real Simple Syndication" e é uma família de padrões de comunicação baseados em XML, utilizados para possibilitar a comunicação entre máquinas sem a interferência do homem. Através de resumos publicados nesse padrão (nas linguagens Rich Site Summary ou RDF Site Summary), robôs

Page 76: Padroes de Design Hipermidia

9?�

��� ����� � � ��� �0���� �� � �$�� ��� ��� ��� P���� �P�� ��� P�&����P�� � ���� � ���

���� ������ � � ����� �� � �� ��� ����� ������ �$�� � �� * � �� � ��A� %�����-����

���� ����� ������� � P� ����P���������������% ������������ ����� ������������

� ����%������8����> H��P�����P�����0������� ����� ���� ����� � � ���*����

14(���0�������� ��� �� �����*�J��LG����?M��!�% ��������� ��0��$���� ��&���D�

��� � ��������F���B���� ����E�����8�� � <�����:>>� �4 �� ����� ���� ����� �

��� ��� ��� � ������� ����������� ������ ����,� L�M�8����> H���������

�������������� ��� ����� ��� ����I���� �*� �������� �� ����%��.� ��� �L�M�

8���� > H�� � % � � � ������� ��� ���� � � ���� ��� ���� ���� ���� � ���� � ����

������ �A������3� J ��������8����> H��LG����=M�� ���� ������ ���:#)�'���������

� ����������������8����> H������%% �� �� �� � ������������������� ������

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

como o dos exemplos mencionados ou RSS Feed Readers, espécies de navegadores de sumários, acessam e distribuem o conteúdo. 32 Modularidade, para Manovich, é uma das cinco propriedades que caracterizam as novas mídias e é definida como a "estruturação fractal das novas mídias" (Manovich, 2001, p. 30), ou seja, a propriedade das novas mídias de operar com seus componentes distribuídos em vez de fechados em um pacote autoral, como um software de código fechado ou uma mídia irreversível como a mídia impressa, por exemplo. 33 http://www.weblaw.co.uk/artic06.php

Page 77: Padroes de Design Hipermidia

99�

�"����<J�"�����-�!��!����$���"�"!�)N,��H�����O��������*�)�������2

��!��2*�4)"#"�����#������������)��R�!����.���/������������/�1S67O

����� ��*� � ��/������ � ���� ���� � �� ��� ��� J ����� � � �����$��

����� ���� � ��A�� ������������ ����������&% ��� �����0���������� ��� ���

� � ������ (� �� ���������HQ� �$�� ���� ��� � � ������ �� �� � %�� �� ��� ��

�� � ������� �� *���� � � � ���� ��%��/�% � D� ����� �� ��� � �� ��0����

��� �� � � � � ��� ������� �� ��� * ������� ���� � �� ���%��� ��������� D�� ���� ��

�*. ��%��� �� ����� ����� ��� � %�� �������� J ����%������� ��� ���� ���

3����� ����� �������������������� ��&��������� ��$�������� ������ ���

��%������ �� ����� ���*����,� )������ L��� L� ����� ��������� � J���������� L���

)�����&����������������� ������� ������� ���$��� ���� ��� ��$��������� �

���� ��� ���� ��� � ���������� � �� ��������� �������������� ���� ��&��Q�

� ��� �� ���%� �� � �� �� � E���-/#��� �� ����� � � ��� ���%��� � � � � � �$���

34 Inteligência Competitiva é um conceito de gestão de informação e conhecimento que vem sendo explorado nas organizações fortes em conhecimento e que demandam dinâmicas eficientes de inovação e concorrência. Trata-se de ter acesso seletivo a informações de suporte a tarefas estratégicas como precificação e desenvolvimento de produtos, análise de concorrência e tomada de decisões executivas.

Page 78: Padroes de Design Hipermidia

9B�

������������������� ����3����� L�;B=���������/�7������)�� �����@@7�����

�==M�� ������������$��N���� ��$������ ����3������������� �������"������ �����

��������� ����� ����������� ����3���� L�*���M��1�� ���� �� ��������� � ���� � �

��/����������'��� � ������������������� �� ���� %�� �� � ��������������

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

������6����HG�� �� �� �������������U������3�� �� ���������� �������� ��A�

���� ���*���$�Q� �$�� ���� ��� ��� ���� �� � * ������ �� � � � � �� � ��� � �/

����������� ����������C���� ������� ������������$���� ��� ������ �� ��

� �����$��� ������ �� ������ � ��� �����$����� ���������� ����� �������� ���

��*��� ��� �&% ��� � � ������ ��������� � ���������� ��� ���� � �� ������ �����

��*��%��$�� ��� �� � E���-/#��� �� ����� � � ��������� ��� ����3���� ���'��

� % ����� �������� ��$�� ������ ������ ���� � ����3��� ������ ������ ��

������ ������� .� � ��������� ����A������������� ���� � � ����� �����������

*����� ����������'�����$���������� �� ������� ������� ���� � � � �������

� ���������S����������� ���

�� �������$�� �� ������ �� ����$��� � � �%��%�� ���� �� ��������� �� ��

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

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

�� ���� �� � �� ���������� ����������$���� �� * ������ � ��������*������

�� ��&����� �� � ���� �� �������N���� ������&% ���� ���������������� ���

���� ��� � ��� ��� ������ F�� � ���*��� ��� �0�� ��� � J��� �� ��� � ������� ��%�� � �

� ������ ����-���� ��� ��� ����� L��� ���� ��M� �����*����� ��� > ��� � ������

�������� ���� ('%5�� �� � ���� �� � � �� ��&��� ����� �*������ ��� ����!� ���

��'��������� ����L('%5���;;;�����=9M��>������� ��$���� � �������-�� �� J����

��� ������'� ����������� ��A% ��������� ��'��������3��� .��� �������� ��� ��

������ ��� ������� ������*����� ��D������� �� .�������&% ������� ��$����

35 Um exemplo de workflow simples em uma redação de um jornal, o jornalista redige a notícia, um revisor de português revisa e o editor publica. Em tantos dias, a notícia pode ser descartada automaticamente pelo sistema ou sofrer novo processamento, como atualização, revisão, recolocação para base de dados etc.

Page 79: Padroes de Design Hipermidia

9;�

�*������� ��� ����� �������������D������ ����� ������ ����� ������� ��� �

������ L����� ��A% ��M� ������� �� %������ � ��� ����� L���%���� �@@�M�� �

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

1��% -��� ���� � J���� ��$���������*���-������ � � ����� ������� ���$�/

���% ��� ���������� ����� ��� ���%������������$��������� ��������� ��������

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

��'��������� ���� L����� �� � ����M��� ��� �� �('%5������ � L('%5�� �;;;�� ��� =9M�

���%% �� �� ��� J�����$��� � �$����� � ��� �� ���������� � ������ � � ������ �

���� ���� ���� ��� * ����� L� �������� ��� �$�M� �� � � ���� �� � ��/������ ���

��� �������$��� ���������-�$��� �������%������������*����� ��������-�

� �('%5��������*'���� ���$�� ����*���$������������� ������ ���� � �� �

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

��� # ��� ����� � ��0���� ��'�� � � ������ '� ������� �� � �� � ��

���$�� �� � ��� ����-�$�� ��� � J���� �������� ��� ��� ���� � �

����� ���$��� � ������ � ������ ����� ��� �!� ���� ��� ��'�������� �,������

L# ��� ������@@�������?M����� ����� �� �����-A% �������� �������� �� ���� �

�� ��� ����� �* ��� � ��� � � �� �� ��� ���� � ���� L������ � � .� �� ���

�� ����$�� ������&% �M�� � .� ���� ��� ��� ������ � .� ���� ��� ������������� � .�

����� �� �� � ����� � �� � ���� ������ � �� ���� %������ �� ������ ���� ���

��������,

&&&� ������� ����������� ��������� ������ ��� �'������� ���� ����

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

��� ������������������$��,�� ��������������������������'���'��

������������������,����������������������������'�� ���,�������

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

������ ��������������������� �����&�L# ��� ������@@��������?/9M�

>���� ��������� ���� � � � %���� �� �'������ � ��� �������$��� �� � �� �

�������� ���%��$��� ����� ��� ���A��������� ��� ������ � ��� ��� ��$�������

Page 80: Padroes de Design Hipermidia

B@�

��� � ���� �� ������ ��� ���� �� �� ��&���� �� �$�/��� ���� �� �

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

� � �%��%�� ����� ����� ���� ������ J��� ����% -����������� ���-�� �� ����

N������������������� ��� � � � ������% - ����'������0��������� ���>������� ��

��� ���� �� ������� �������� ��� ��� ������� ������ ������/������ ����

��0���� J������������������������� ���� �<�� �� �� ����� ��� �� ��.A��� - ���

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

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

Page 81: Padroes de Design Hipermidia

B��

�����)����#F���

)$������ �����.�� ������'������ �����A������` ������/� � ����a�����&����� �

���� D� ��*'�� ����� ���� ���� � ��� P��/�����P� D�� ���� �&������ ��

� � %��$��� ��� ��� ��� ��� �A���� � ��� �&���� ���� ���� ������������ F�� ���

������,�������������� ��������� ������$��� ������� ����� ����*� ���������

�� ������ �� �� ���� ��� ��� � .�� ��� � ������� ���� ���� ��� ��� �����*������

��*����G"�� ���� ������ � �� � ������� �� � ����� �� ��� ����� '� ��� ��� �� � ��

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

3��*. ��%��� ��� ��� ���� �� ��&% ��� ���� ��$��������A�������������� ��'�

� � � �� ��� � ����� ��� ��S� ����� F�� ��� �� ��&���� ������� ���� ��� �$��

*������ �� � �������� ��� ��*����� �� ��� % ��������� �� �����������

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

����� ����������$�� -� �������������������������� ��&����.A�� �������

�� ����� �� � � �� � ��&������ �� ������� ���� ��% ����� � ����� �� ��� ��%��

�&����� >$�� �� � ����� ���� ��� ����� ���$��� � ��� �� � �� �� ��&���

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

��� ��������������� �0������ L)�� �����@@@�����BM������/������ � J���� ��A�

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

� ���� ��� ���� ��� 3�� ���*����� � � ������ �� � ����������� � ��� � �$�� ��- ��

� �� ���� N� ������ ������� ��*� � �� ������%��� �� ���� ��� � ��� � � �� � *� � � �

������ �$�� � � � ���� �������� N� ������ ��� �� ��� � �S������ �������&���

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

4 ���%����� ��� ������� �� � ��� ���� �� �������� �� � �� � �� � ����

��0������� � �� ��� ������ �� � ����&�� �� � � ������������� ��� � .�� �� ����%��

������� � ��� � ��� � � �� �� ���� D� � ��� ��� � � � � �� � ���� ��� ����%��� ���

�0�����/ ��� �� ���� ���������%��K%�����-A% �K��>$���*���� �� J��� ������ ���

�� � �$�� � ���� �� �� ��� ����� ���� ���� �� ���� ���� � � ��� *� � � � ����� ��

� ����� ����� F�� �� ���� ����� ���� �$�� � ��������� � ��� ��$�� ��� �� ����

Page 82: Padroes de Design Hipermidia

B��

���A������ �� � �%�� ������� � � � ������������ ��0���� ��� ���% ���� ����&����

��������� ���� �� � �� ��� ����� ��� ������� � � � �� � ���� �� ����%�� ��� �� ��

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

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

�� ���� ��� ����� �� �� � ���������,��� ������� �� � ���� ������� �� � �$�� '�

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

���% �������� �%�����-�$�� � ���$���)$������� �� �� �����%��� �����������

�������%�� ��G���������� ������E8�(�����:))�� ������ ����� ��� %� ��

� ��� � �������� � �� �� ����� ���� ��� � ���� ���A����� �� ��� ���� � � ���

�� ��$��� '� � � ��A��� ��� ��� � ������ ��� �� ��� ����%�� �� � � � ������� ���

� �%������

Page 83: Padroes de Design Hipermidia

B��

�����"����

E�� ��&���� � � ������ � ������ �$�� �� ��� ��.� ��������$�� ���� ��� ���� �� ��

���$�����������'�� � ��%� �� �� �����������'�� � ��A����

FJ���������������� �� ���������� ���������� ������������ ��&����

� ������ ����� ��������$��� � �&���� � �����$�� �� �� � � ��� ��� ���A����

��� ��������� ���3����� ��� ������������� ���%� �� �N��0����� ����� ���� ��

��� ��� ���� ���� ����� ��&������������������ � ���� ��� ��� P����P� � ��

� ���� � ��� A� � � ������ ��� ���$�� � � ����� ��%'��� � ��� ��� � � �� � ��

�� ����� ����� ����� �� � ��� ����%��� � *� �� � � ������ 3� ���� ����� ���

����������������� �%���������� ������� ����������� �� ���� ����

T� �������� � � ���%�� �� �� � ��� � � � ��%�� P� ������P� � �� ���

������$�� � ���%� �� � � �������� ���� J����� �$�� '� �� ���� � ��� � ����$���

8��/� �� �������*����������% - ��� � ��A���� �* �' �������� ��� �% � ��������

J ������� ��� �� % �� ��������� �� �� � ����0���>��� ��� �� �� �� ��� � ����

��������� ����A������� *� ���� ��� ������� �� � � ������ ���� ��� * ���� �

� � ����� �� � ���*����%��� ���'�� J��� �� J� �������� �� � �*���� � ��� ��

� ���������������� ����������� ��������������������������*����%��������

�������� ����� ��� �% � ����� J��� ������ J� ���������� � ������� � �� ��

�������� � ����� � � �������� ����� �� � � ���� �� ��� ����� �� J ����� �� �

�� ������������ �����6���0����HR�6** �H�I5� ���(�<�:�F��

1������ ���� ��&������������� ���� �%�������&% ���� �* �����N� ���$���

> ��� �� ����� � � �������� ���� J ������ ���� ��� � � ���������$�� � �

���� ���� � � ��� ��� ����� ��� ��� ������ ��� ������� � � ���&���� � �������$�� D� �� �

������������� ���� �� �� ������ ��� �� ����� ������� ���� �����%������ �

������ ���������� ��� ������%�� �� ��������D� ��������� ��%�������� �������

36 Know-bots são agentes autônomos que interagem com os usuários em nível semântico, simulando conhecimento, aprendizado e interpretação a partir de mecanismos de feedback e alimentação contínua.

Page 84: Padroes de Design Hipermidia

B7�

4��������)�4����"1�

! ������� ��� �� ��&��� ����� �4���� ��� #�)�4����"1�� ��� �&% �� ������ ��

��� ��$�������� ����������� ��� ���� ����� � ��������������������������� �

� �� ������ ��������������%���F������ � ��������� �� ���� ����% ������&% ��,���

��������$��� � ��� ��� � � ��������� ����� ����*� �� ������������*���$��

�� ������ � � ��� ��� ��� ����� �� � � �$�� � � ���� ���� ����� ����%�� ��� ��

���� ��� ������ ������ ��� ��� ��� � % � ���� ���� ���� � ���� J ������� F��

��� ���/� �� ��� ������������%'������� � ������� ������� ������������ ���

��� ��������� ������ � � �A� ��%'�� � � � �� �� ��U������ �� � �������

�� ����� �� ������������� ���L������� �������� �M���� � � ����*�������

���������$����*� ����� ��&��� ���� ��$���

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

���� ��&���� � ����������������� � ��������� %�� �� �� %����N�� � %����� ��

�'������ �.������ ������� �� � � ��� �������� ��� ��%� � � ��� ����� ����

J ������ �����U����� �* ������ �������9��������� ����� ��A����� � �� *���

L('%5�� �;;?�� ���� ���/�M�� 3� �� ���� �� ��� ���%��� �� ��� ������� � ���� � �

��� ���%��� ���� ����� ��������� �����% -�������� ��������� ��� � �� ���

��� � .�� ���� ����� �� ��� ������ L���� J ������ � ��� ������������������ ���

� ��������M�� ��% -�� �������� �� ��������������� � ��$��� ���A ��� ��� ���

� ��$�� �������&� �� !� � ��� �� ���� � J����$�� �� �������*����� � � �

�� ����$����������� �������� ������ ���%��� �� %����� �4��'������:����

����� ����3���� ��� ������������ L:����� �@@�M�� �� �� � � %��� ����� �� � N�

� ������� �� � � ����� � � � ��%��� ������ � � ������� � � �� ����$��� F�� �� �������

����� ���� ����� *A����,� ��� � �� �� ��� ��� �� �� � �� ��� ��������� ��� ��%��

L��%'������������� ��%������M���

� 1��� ����$������� �� ����U������',�

Page 85: Padroes de Design Hipermidia

B=�

)������������ ���� ��� � ������� ��������������� �������� �����

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

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

������&�LG��I����R�"� �� ����;;?������)A�������@@�M�

�� �� �� ��U������ �������������� ��������� ��� � � �� �J��������

��� �����-����� ��*����������� ���� ������� ��������� � �$�� ��� ��� ����� ���

��� ������� ���� ������� � �� ��� ! ��� �� ��� �A/� � ��� ������ ���*����%�

����� ��� ��%'�� � �� �� � �� �� �� � �������� �� � J�� �� �� ����� ���

�*���� ���&����������%������ ����������0�������� ��������������������*. ��%����

������ � � �������%���� ���� � �� ������� �� �L��-������M����%�� ���� � � ��

*����� ����A������ ����&����L��������P�% ���� �P�4))M��3��� ���*�� �����

���� � �� �� ��U������ ��$�� ���������� �� � � ����� �������� ���� G��I���� �

"� �� �,�

�"���� >J �!��)��"� �� ��!��� ��T!����2 ����!�� ���!U)"! V ������� N"!

�(!���2566@O

�� �� �('%5�'�������� �����������������P��� ������������ ��%�P�� ��

�� �� ��� � �� P��� �� ������ ������ ����� ��� ����� �������� ���"� �����������

37 Steven Johnson tem um ensaio a respeito das colônias de formigas em seu livro Emergence, de 2001.

Page 86: Padroes de Design Hipermidia

B?�

��� ������������� �� ������ ������ �������������� ���� L('%5�� �;;?�� ��� ���M��! �

��� ������ � � %���� ���� � ������ 4 ������� �� ���� �� �;;�� �� � ��� �������

����������������� �� ���� ��� ��� ���������������������� �����0���������

��������� �� ���/ � ������ �������������������/'����� �P� L4 ������� ����

:����� �@@��� ��� =;M�� 1�� ����������� � � �*��� '� 6���� (�� ��� ���� ���� ��

4 ���� �2���������� ������������%��$������&�������*� �� �� �� ��� ��� �� ���

����%�� � ��� ������� � ������ �� ������� � � ���������� � ��&��� P ������ �P�B�

�� ��*�J������ ��� ���� ��� ������������ �� �%�������%'��� � � ����0 ������

����!����� �������� ������b� �� ���������A����c� ������������/�����L6�������

�@@�������7�M��(�� ���� ���� ����������������������� �� ������� ��� �� ���

� ���� J�� �� �� ����� ������� � � ������ ��� ��� ���� ��� ���� ��'�� � � � � �0

����������� ��������L�*���M��

F�� ���� ��� ��� � � �� �� ��U����� ���*���� ��� � ��� ��%'�� � �

��������$������A������������/� ����*����� ������������������ �0�������

�� ��������� ����� ������� ��$������������������2������,������� ������� ����

� �� � J$��� %�������� ��������� ���%��� �D� ����� �� �� � �� ��� ������

����S����� D�� ��� ������� �� � ��� �� � ����� �� ���� � ���� -� �� ��� N��

��������� �� ����A������ �$�� �� ��0������A�����,�N�% ������ � ����-� L2�������

�������%�����@@��������9�/�M��1����� �� �*���������-���*U��������������������

������L��*U���� �%�� ���<�� �� �� ��*����� ��� ����� ����*� ������� ����� �

�$������ ����� �� ���� J������� �%���������A����������� �� �*���M�� ������ ��

� � ���&���� �����-�� � �� ���� � *����� �� ����� �� � ���� �� �� � � ����������

��%��/�% �� ��6���HS� ������ �� ����� �� ��*� � ��� �������� � ����� ����

38 A chamada "mídia de push" acontece quando o anunciante não oferece opção ao usuário/espectador senão "engolir" seu anúncio. Exemplos são mensagens de propaganda em esperas telefônicas e a técnica do merchandising em filmes, novelas e esportes. Johnson sugere que o benefício dos agentes está em facilitar justamente o inverso: aprimorar as ferramentas de pull, que seriam mecanismos de busca e outras ferramentas ativas em que o usuário solicita ajuda, como "a única maneira de manter as solicitações indesejadas fora de nossos desktops" (Johnson, 2001, p. 139). 39 Cookies são arquivos de referência remota criados no computador do interator que acessa o site por mecanismos ativos do próprio site, para guardar informações personalizadas - tais como a identidade, os recursos e as preferências do mesmo – que podem ser lidas por programação pelo site nos acessos subseqüentes.

Page 87: Padroes de Design Hipermidia

B9�

��� ���� ������0�����A������� ��������� ���� ��������� ���� �� ����������

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

L��� ����� ��������� ��� J$�M� � ����� ���� ���� �� �� �� �� ��U������ - ��

��� ����������������� ��&���� ���� � �� �������� �� ������ J��� ���� �� �

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

3�� ������� ���*����� ��� � ����� � � �� ��&��� �� ��� ��$�� ��� ��� �����

L ������ � � � ��$�� ��� ��� ����� � ����� � � ��� ��$�M� � � �����$�� L��� �$��

� � �����������M��� �������� � �� ����������� ����� ���� �������� ���� ��

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

� �J���A/��� ������� ��$�� � � ������ ��� ���� ��������������%��� �%��%����� ���

� ���� 3� ���&���� � ���� �� ����� �� � �� ���� � ������� ��*� � � ��� ��$��

������0���������� � ���� � ���������� ����� ��� ����$���� ������ ������3�

� ���� �� ��� � - �� *��� ���J���� �� ���� � ��$�� ��� ��� ���� �� � � ���

� �������������� ��� ������ ��������������*����� ������� �� � ����%��

�����*�����P��� ����P������� � �����. ����<��������� ��������� ���� ���� J��� �� ��

���� ������� � �� � ���� � � ���A����� � ���� ��� *��� ���� �� � � � ���$�� � �

���&������� �� ��������� ��8���������������� ���������%������������ � ��

� ������� �� �������������������� �����������&% ��� %����� �������� ��

Page 88: Padroes de Design Hipermidia

BB�

.��*)��

FJ ������ ������ �� � � ���� ��� ��.� ������ '� ���*����%� �$�� 0������

����� ��� � �� ����������� �������3�I��� ���(��I ����� ���� ���� ��� ���� ��

�$�� ���%������ � ��������� ���� ��� �����$��� ���� � �� ��� ��� ����� ���� ���

��&����� ��� ����� �� �� � �*� �%�� ��� ��� �� �� � �� ���� ���� ��� �� � *� �

����� �� �� � � �� ���� � �� �� �����:������� �� ���3�I���� ���� J ������ ����

� - ����N��% - ��� �� ���� �� �����������%�- ���� �����������$��� ��� �

�����������:��������4 ���������- ������ �� �� ����-RT��������"���������

�/������� ��� ���������� ���U;T�������������������������� �� ������� �A�

������� N� ������ �����-���� ���� �� ������ �� ����������� ���� ������ ����� ���

�����������L:������@@������?�M���

3� �U� ���� � �� �����*�������*'���� �� ����������� ����� � ���� ��

�� � ���� �� �� � �$�� ���� �� �� ���� �� � � �� ����$��� � �����A% ��� � ��

�����$�������� �����%������<�� �� ���F���@@����� ������������7@�� �����$�� �

��������$�� ������� ������ ��� ����$��� <�3�K�7��� �� � -� ������ ��� �����

�� ���� �� � ��� � �� ��*����� .�% �� � ��� � � �������� � � � � �������� ��

�� ����$���.A��� ������$������� �����A������*� ��� ������� ������� ����

��������������������$��� ������ ��� � �����������)����� �3���� �G����

G ���%�� � ����� �������� ����� G ���%�� 8 � ��� � � ����������� % ��$�� O *��

����������������� ���*��������%�������� ������������� ��� ��� �%������ ��

����� �������$��� ���*������1���� ����� �� �*����� ��������� �� �����A% ���

���� ������ ���������� � ���%� L� ���� ��� ������ ��� � ���&���%��� ���

� �������������M��������%����� ������� ���� �������$��� �%������ �������

��� � ������ �&����� �� ���� ���������7����

40 www.primoweb.com.br 41 www.10s.com.br 42 Dados extraídos a partir de análise de estatísticas dos sites www.primoweb.com.br/animaplayer e www.10s.com.br. Período entre jul/2002 e jul/2004 aproximadamente.

Page 89: Padroes de Design Hipermidia

B;�

3�� ���������� �� ������S� ��� � ��� � �%����� � � /���� ��� �� � ��

������ ����� ������������ ����� �� ��� �� ��� �0���� ��0�����0���� >�����

��� &���� � � � ����� � �0���� � � ������� ���� ��� /���� � ���� ���������� ��

������S� ��� ����� P��/�����/��P� � �� �� �������� � � �� � ����� �� �0���� P��/

�����P���&��������������������&����� ��������.������� ���������$��'�� �

����0�%��L �������a�� � ����M�����0������/�����/���� ��� � ������������ ��

��������S����,������ ���.���� ������� ������ J�� ��$�� ������ ����� ����������

�� �� � * � ���� ��� ����� ��� ����A/�Q� ��� �����'��� ��� ��� ��'�

������*�&�� ��� ��� ��� ��� ������� ����� ��A% �� � � � �����A����� LP�����PM�� ��

�����A���� ��� ��/������� �� � ����� � � ��� �� � �� � ������ ��� �� % �� ����

�� ���$���� ����A�� � *�/���

:�����������'�*���� �������� ���� ��$����������������� ���� ��&���

�$��� �� � �� ���N�*� �� �������3���� �������� �� �������������� � ���� ��

����� ����� ��$����� ���� �������% ���*� ����0������� ��$�����������1��

J �����'���������������� �������� ��� �� � ���� ����� ����� ����������

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

��� ����� ����� �A� ��� ���� � �� ��� �������% � �� �5���� � � � ���� �A������

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

���� ��

��

Page 90: Padroes de Design Hipermidia

;@�

5;��' ��������� ��� �

F������ ����������%� � ����������� ��� � ����� �� ������� � �������

������� �����! ���������$��������������&������ ���� �$����������,�P!�� ��$��

��<�� � � �P� ���������S�����������%���L�@@�M������ ������� ��� �� ���� �

��- ���� �A����� ���$�� �������� ��� ������� ��� ���� � � � �*� �� ������

������� ��&����! ���� ��'�����&% ��� � - ������ ������ � � ������ ����

���� ������������� �������.������ ����������� ���*� �� �������1��

J ����� J�����0���� ��� ����� � ��� ��0����� ���%��� '� �� L����08�����!6��

*�� ���QH�� ���� ����� �������� ������� �� ��� ������ ���% ������ ����

���%'��� ������������ ���� � ����������J��U�������% ����D���������������� �

��� ���� �����&� F��� %��*����� � ��� � � � ��� ���� �� �� ��&��� � � %A����

�� ������������� ����S����� �� ����L�����������% ������ ����%��M����

� ������-�$������� � � �L������� ��$��� ���� ������ � �$��� �������������

�����-���� ��� � ��M� � ����� ���� ���� �� F�� ����.����� � � ��� � � �� ��� � ����

%�����������% ����� ������ �������* ��� ��������� �������,�

o >&% ��� � � �����$����� ��� ����,� � ����� � � ��� �����-�$��� ��� �&% ��� � �

� ������ � ��������� ����� ���$��� ������� ��� ������� ���� �����

� �� ���$�������� ������ �������� ����F������*� �� �� ������ ��� �

��� ���������� ��� ������A���� � ��$�� � � A*���� �$�� ��� � � �� � ����N��

�A��� ��� ����� � ����� �������-�������4E����� � ������� �������� �

��� ���� ����� ����� ��� ��� ���� ���� ���� �$�� � �� ���� �� � � � * ��

���� ���� ����*� ����*� ������������� ���� �������� ���� ������A�����

�� ����$���� ���� � �����V����5��6Q�

43 http://www.manovich.net/FLN/. Por ironia, parte do site está fora do ar, pois o autor, provavelmente com base em suas idéias de modularidade (ou por erro...), manteve a fonte de algumas páginas no servidor da Universidade da Califórnia, departamento de belas artes (o link que está no livro é http://visarts.ucsd.edu/~manovich/FLN, que está fora do ar).

Page 91: Padroes de Design Hipermidia

;��

o � ������-�$������� � � ,�� ����� � � J�*����� �������� ������� ��$��

���� �� % �A������������� ������3�<���#�I��� 77������ J ������� ���� �

����� �� � ��� *���� � ������-�� ��� ������� �� �� ��� ���� ������ �

��� � ��������������������� J�������A��������������������� � ������- ����

�@������ ����������$��� ���'����� �������������� ���'��� �� ��� ���

� � *��/%����� � ������-��� � �� ����� ����������� �� � � ���������A����

L����� � � ��'����� � � � ��� ���� � � ����0����� � � ������ ���� �

��%�� ���$����������� � ��� ����� �� �%������� ����������� ������

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

��%�� ���$��������� �������������� M��

o 2��*����� �� � J� ���������� ��� ����,� �� ���� �� � %�� �� � ��.�����

� ����� �*� /����������� ���� ���� ���� ���� ��� ��� ����� �������� �

��������� � �������� ��� ���������� � ������� %�� ��� EA� �� ��&���� ��

�� � � � ��� � ���� �� �� ������ � � %���� � �� � �� �����&����� ����� ��

P5��������$��QG�� � � ������ � � "��* ����� ������ �� �� � �� ��� ����� ��� �

���������� ��� ����� ��� A���� ��� ��� ��*�� �� � � �� �$�� �� � �� ��

������� � �%���� ��������� �� � ���� �%�������� � � � � ����� ������ ��

.������ ��� � ����� %��� ��� �����/� �� � ���� ����� � �� J� ��������

�������%���� � �������EA�����.������� �� ���� ���� �� ��� � ���������

� �%���� ������� �� �� ��*����� ��S� ��� ������ ��� ��A���%������� �

�S� �� ��*. ��%� L%��$�� �� ���� ��� � ���M�� � � ����� � � �� � ����

����� ��$�����������%������� ���%���� � ��������� ���� ����������

.����� � � ������� �� �� � � � ��� � � �� � %��$�� ��*. ��%�� � %��$�� � � ��A��

L� ���%��$�M� ��� ��� %��$�� �� �����$�� ��� ����� N� ��� ������� L���� ��

����� ����� �����0������%��$��� ��A����M��

44 Área restrita de acesso remoto à conta corrente para consulta e operações disponível para clientes no endereço www.itau.com.br. 45 www.itaucultural.org.br/desertesejo

Page 92: Padroes de Design Hipermidia

;��

F�� �� J ������� �%��*����� ��� ���� �� � ������ ����������� �����

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

����� �$�� ���*����� �� � �� ���� �� � � � � �� ���A���� ��� ��� ������ 3� �������

� �� �� ����������� �����$��� �� ������ ������������ ����Q�� ���� ��� �����

��� � � ������-�� ��� ��� � � Q� � � ��� � ���� ����%&���� ��� � ��� �$�� �����-��

��������� � �������� �� L �� ��� ���� ��� ���������� � '� * �/%����� F�� ���

*����� �����&������������� � �������%��������� �0���������� J �������$���

������������&�������� ����� �'� �� ������������� ������� ��� ���� ���M��>�

��� ��$�� ��� ��� � � ��� *���� ���� �� �*� � �������%�� ��� ��� ����� ���� ��

� ����� ��� ����� � �� ���&% ����� �� ��� �� ��$������*����L���� ����� ����

����0�� ��� �'� � �*���$�� �������� ���%� ��� ��0����� �� �� � ������ ����

�������*� ������� ����%'������� � � ��

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

��� ���. ��� �� �� ��&��� �� � � ����� �� ��� ����� ���. ����� ��� ���� �����

���������%��� ��*. ��%���������. ���� ����������� ����� ���� �����%'������

� � ����� �������%��� �� � ����� �� � �������, ���� ����,���� �������*���-�� ��

���A���� ����� F��� ������, ��� ����,����'� �������� ���� � � ����� �������%��� �� �

��� ��� �� ����� �� � � ��% ���� ���� -��� F���� �� ����� �� ��� �� � �

��� �������������� ����������������� �������� ��&���&*�����F������ ��$��

���� ���� ��*'�� � ������� �� � �� ��� ����� ��* � � � ���� � ��� � � �� �

������ ���� �� ���� �������������$��������A����L���*��$���� � ��������

������� � ������� �� ��� ���� ��� ��� �� ��$�� � � ��� �� ��� � J��� �� ����� ��

���� � �� ���� ��� �*. ��M�� ���� ���� ���� ���� ��*'�� � �$�� ��%� �� � ��

���A���� � �� ��*� � �� ���� �� L�������� � � � � � ����� �A����� *� � ���.� ���

�������������$��������%&� ���������������� ���M��> �� ��&% �������A����

��� �� �������� �����������������������$�� ������ ���� ���� �% ���� �

�0������ �� � �����������&����������� ���

8���� ! ����� L�;;;M� ������ #��� �� � "������ L�@@@M� � ���%��� L�@@�M�

� %���� �� ���*� �� �� ������ ��� � ��� ��� ���� �� ��� � � � �����0

Page 93: Padroes de Design Hipermidia

;��

������(� �� ��� /�� ��� ��� ! ������ ��� � � � ������,����� ��� ���%��� �

������������� ��� #��� �� � "�����M� % ����� � ���������$�� �� � ��� �����

������ ���F����� ��$�� ��� �� ���� �� � %�� �� ����� ��&�������#��� �� �

"������� ����� ��������� �� � �� �� ������ � ��&���� � �� � ������� P�*������P� ��

���A���� � ��� ������ F��� ��� ��$�� � % �� � ��������� �� � ���� ��� � .�� ��

���%���� �� ���A���� � ��� ������ � ��� � � � � % �� ��� ������$�� � � � ���$���

J�������������� �� ��� �� ��%��� ������������������ ����� ���� ��������

� �����������*����� ��� ��� ���������0����������� ���! �� ����% ������

�� � ��� ���� ���� ���� #��� �� � "������� � ��� � � � L��� ���� �� �������� �

��0���� ��� � &�� � � ��� �� ����� � �� ���������M� '� ���������� �� ����$���

%�� �������� ��� ��� � �� ������ ������� !%��� 4�I *5�� � �� � ��� ��� �

�� � ����� �������,��

.������� ��� �� ��������� ��� �������� ���� ������ � ������� ��

������(� ��������� ������������������� ���� �������,�����������

�'������ �� �� ���� ��� �� ��/���� ������ ��� ������ �� �"����

������������� �� �,��� ���� ��� ����&� L4�I *5�� ��� #��� �� R�

"��������@@@�����7�M7?�

<�� � �� �� � �� �� ���� ������ ������ ��&����� � �� �� ����������

�������� J��������� ������� � � ��������� ����� ���%���� � �������'�� �� �

���*������� �� ���� �����������%� �� ���%'����� ��������������%�������

������,�E�"��� ���F"���� �J����� �&�

������"��� �� �� �� �������&% ��� ������������ � � � J��&��������� ������Q�

�����"��������&% �������S������� ���� �� �������� ���� ������ ���%������� .����

�����*����� �� ��� � ����� � � ��� � � �� �� ���$�� �� �$�� ��� ���A���� � ���

�����*����� ��� ������� ��� ������������%�� ��������� ����������������� ��

� ���%�� ���� ��$��L��������0��������� �������� �����������$���0��������

46 Traduzido pelo autor.

Page 94: Padroes de Design Hipermidia

;7�

� � ������� � ���M��T� ���� �('%5���� � � �������� ����� ��������� ������������

����������� ��� ������ L('%5�� �;;;�� ��� ?�M�� ������������� ��� � ����� �����

������� ����&���� ���� ���*����� ��A���������� �%�� �'������������ � ������79��

�$������ ����������� ��������� ������ ����� ��������*� ������� �� �� ���

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

�� ��������A������*� ������� �������&% ����� ��� ���%�� �����&�������� �� % �� ��

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

N���� ��������A�����F����������%�������� ������ ���� � � ���� ��&�������&% ��

��"��� ��'����������������������� � ������ �������� ����P �� �����P��� ��� �

% ��� ��� ��$�Q����&% �� �"������ ���������$��������� ������� �� ��������

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

������� �� ����Q���������������$��������� �� �����L���� ������� �����A�����

��� ��� ����� �A����� ������ ����� ��� ������ � � ������$�� � � ��� A����� ���

����%������ � ����� ����� /���� �������������� M������ ����&% �� ����� �� ���

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

���%���� ������ �$����������,�PE:<,�4 �� � �������2 �����:������P7B�

L�@@�M��� %�����������$�� ��������� �� ��������&% ���� ��A��� ���� ��� � � ��

����/������������� � � ���%�� � ��L�M�������������,�������% ���������A����

��A������ �� ���%��� ���� �����%��� � ������ � ��� ����� �� �*��� ������ ���� N�

��� ��$��� ����� � � ������ ����� � � ������$�� �������Q� � L�M� �������,�

��� � � �����S������ � ��� ��$������������������� ������������0������0����

� �� �� �� ���� ��� *��� � �� ���� �� � �� ���% ���� ��� ����� ���������

����������� � ���� �������-��� � ��-���� ��� �� �*� �� � ��� �����������

��� ���� ��� � ����� �������� � � �� ��$�� � ���� ����$�� ����%�� ����

J ������ �� � � %��$�� � ��� ��� �� ��A�������� �� � ����� '� � � ������� N�

��� ���%��� � ���� ��������������������� ��$�� ���� � ��� ��� � ��������

47 Juntamente com os cinco sentidos, a cinestesia, para Lévy, é o que compõe, em ambientes de realidade virtual, uma das dimensões da comunicação, que ele chama de Modalidades Perceptivas (Lévy, 1999, p. 62-3).

Page 95: Padroes de Design Hipermidia

;=�

*���� ��� � � <E:� L<�� � � ��E����/:��������M� ���� � �%��$������� ��*�&����

��� ��% ���� *���� ��� � J����� ��� !� �� �� �� � �*����-�$�� � � �*��

����/� ��������������A% �������� ���� �%���������� �������� ���

F������ ��$��'����� ��$��� ��&% ������ ��&������ ���� � -������ �

��� � � ��������� � ���� � � � ������� � �� �A������ T� � ��� ��$�� ����

�.*)0#"��� D� �� ���� � P�� � P���� � ��������T����� ��$������������$�����

�� ����-�$�� � ������� ��� � ������ ��� ���. ����T� ������ � ��*� ���� ���������

����,�������'����(� �������������

�"��!�+��

�"��3�"#��

�01�"�

���"��

�"#��

���#�*$%�

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

��)�$%�

��#�!�"����

�!���*����$%�

���#�"�"����

@;�!�������

������ ��$��

�� 2 ������

�� �������

�� !� ����

����<�� ��$��

�� (�� ��

�� E ��&�����

�� (�����

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

�� �������

�� 4 �������

�� :��*����%��

5;�!���/�#�

������A������

�� 8A����

�� ) �������

�� )��*0����

����8A����

�� F����$��

�� )�����$��

�� :��� ���$���

����:��'�����

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

�� !��S����

�� F%�����%�

�"����DJQ��������0!�������"��!�%����!���/�#�

48 IHC: Representação versus Controle. HCI é a abreviação de Human Computer Interface, ou Interfaces Humano-Computador. Tradução do autor.

Page 96: Padroes de Design Hipermidia

;?�

5;@�01�)�)(��"#�

>�� �&% �� ��A������ ��� � ����� � � ��� � � �� �� ��&��� ��� ���� - �� ���

���J���$������������ ���$����������������� �+�����I5�������������%���P!��

F�������������� P��)$���������� �������������,��

o ��*����+��,� ����������� ������ �� M�����!� �'������M�� ���� ���

����������������������L+�����I5���;;?�������=M��

o ��*��1"��$+��,���'������������� ������������ ��� ���������� ���

����O(� ��� ������� ������������ ��� �������� ��� �"���� ����������

����������������������M�����!���������M��L�*���M��

o ���*��"$+��,���'����������&&&���� �������������������������

�������������������&&&�)������� (� ����� ��� ������������������3 ����

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

L�*���M��

<�% �� ���������������� �������� ������ ���,�

o 3��� �+�����I5����7���������������������������

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

o d������ �� � �� ������ ��� � � 7����������� � �� � ���� �� ��

�����!� ��'��������� ��� ��* � ��� ���� � � ��� � ��$�� ���� �

� ���� ����������������S�������� �U� ����� ��� ���������

o 6A� �� �� � � � � �� � ���� �� ��� � J������������ ��������� ����

�U� ���� � � ��� ��������� � ��� ��A� �� ������ �� �� �*������

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

������ �� �� ���'��� ������������ ��� � � ��������������%��� ��� � �����

� � �� ��&���� ����� � ��� ���� �&����� ���������� D� ������ ����� ���

������ ���&*����� D� ������� �������� L������ �@@��� ��� �B�M� /������� � � �

� ������� �� � �� �� �&���� ����� �� ��� � � �� � �$�� ����� � ��-���� �

Page 97: Padroes de Design Hipermidia

;9�

�����������N������� ��*��A��7;�D�� - ������������$������&% ����"��� ������ �����

� ��� ��&��� ��� ��" �������������� �����/�� ���>������������ �������� ������$��

������������ �� ��� ����� ��� ��$��� ���� �����%�� � � ���� �� ���A���� ���

��� �����������*���>��� ��&�������������$��� � J��� ��������&% ����"���� �

����� ��� ���� � � � �A� � � ��$�� ��� ��� ����� ���� �� ������%�� ����� ��� �����

��%'������� � � ��

3�� ���*����� ��� �&% �� ��A������ ��� ! ����� � � <�� � � �� E�� ��&��� �$��

� ��������� ����-������� � ������� ��� � � � ������ J��� �� ��� � �����-����

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

��� ������ ���%�� � � ��������� �� � � ��$�� ���� ��� ���� �� � � �� � � � ��% ����

���� �&������������������� ��'�����/ ������������� �%$��� �� ������% ������������

����*0����� ����� ����� �� �� ����� �����'����������� ������ ����� �� �

������ J$���F������ ��$���$��� �A�*������ �� ���*����>������� ���� �

��������� ��� � ��������$�������*� �� �� ��A��� �� ��*� �� ��������������

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

��� ������ � ��� ��� ����� �������%� � �� ��*� � � ���������������S������> �� �

� ������� ���� ��� ������������ �'������ ������������� ������ � � � ��$��� ���

������ � � ��� ��$�� � ��� ���*����� � � ������ ��� ��� ����� �$�� ������� ��� � �

����� � ����A��� ����� ������ ���� � � ���� ��&�����

3�� ������ � � � ��$�� ��� ��� ����� ������������ �����������������

��� ����� � � ��� ��� ��$�� ��� � �� �� � �� � ��� �����*����� �� � � ����� � ��

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

�� ��$��� ��� ��$�� � ��� ��� ��$�� �� � �� ��� ����� ��� �A� � �� �� � ��$�� N�

��� � � ��1����. ������ ��� �� - ����������$��*��A����$���� �� �� ������

����$�� � � 7=� � �������� � ���-���� �� �������� � ��� ��� ���� ������� � � �

��� � ����� ��� �� ����� ����� ����� ��� ��� ����� �� � *���� ��� � ��� ���� �

49 Manovich defende, ao descrever a propriedade primeira das novas mídias, a representação numérica, que: "All new media objects, whether created from scratch on computers or converted from analog media sources, are composed of digital code" (Manovich, 2001, p. 27).

Page 98: Padroes de Design Hipermidia

;B�

� ������ � ���� �0�� ��� ��� � � ��*��� �$�� � � ��� � ��� ���� ������� � J����

� ������%��� ��� �*0�������

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

��� �������� � � �*���� ��� ��� ���� ���� ����� �������%��� � ������ �� �� �

� ������� ���'�� ��� ��� �������#����������� �������� ������ ������

� ��� ����� �� ����� ������������� ������ �*���$����A���������� � � �

� �������*���-�$�� ���� ����� ��%'�� � ���� � ��-����� �� ��% ���� �� ������ � �

�� ��&���� ��� S�*���� �� ��� � � �� � ����� ������ *A������� �� � ������ � % ��

��%� �� �N�� ��0����� �� ��� � ��� ���� ���*�� ������ �� �� ����N��9���!���

��8�� � ��������E���������� �(����)�� ����

Page 99: Padroes de Design Hipermidia

;;�

�(#"��

4 ����������������������������� � � ����� �A���������� ������ ��� ��&����$��

��� �� � �� � ���� ����� ��� ����� ��U����� � ��� � ��� � � ����� ��A������� � �

������ ��� �� �����-�$�� � � � ������� �A������ � � � ����� ����� *� � �����*����� ��

������ �� ������� T� ��� � ������ �� � ���� ��� ����� � �� ����� ��$�� � ��

����� ���*����� ���

3� � ����� �A����� '�� ���� J� ������� ��� ���*���� � � � ����� J�����0�����

� �� �� � �� ��� ��� ����� ���*���� ��� ������ J ����������0����� ����$��� �

���� ����� �*� �������������������� ��!�� �� J�������������(��������/� � �

� � ��� ��� ��������%� �� �� *������ ������ ���� �� ����� ��� ��� � �����

��� ���� ���������������% - ��� �� ���� %������ �����0������������ �% �����

������� ����� � ��� ��$�� �� � ���*��� �������*������ ��� ��$���%����� �

���%������������ ������*������

!��������� �%������� ������������ ������A�����'���� ������� ������� �����

��� � ��� ������� ��� ���%��� 1�� �% ��$�� ����� �� � � ����� ��U������ '�

���*� �A���� � �� � � ������� ������ �� � � � ���� ��� ��� �����&���� ��

�� �������������D��������*����� � J��&����� ���% ����D� ������ �������������

D� ����$�� � � ���� �� ������� �� ���'�� � ���� ����������� ����� ������ ��� ����

�� � ���� � ������� � % � �� �� ������ �� �% ��$��� �� ���� -� ��� �� � �� �

��� ���%����&���� ���� ������A����� ��������� �� ���������&��������*� �� �

���� ��% ����$�� �� ��� �� � ������ �*���� �������A�����������>$��'�

J�� �� ��U������% ���� ���* ������ �� � ��A� - ����� �������� �� �

%��D�� �J ����������� ��$��A�.�&-��� �%��������� .���$���� � ������- ���� �

@����� � .� *��� ��� ������ ��� � ���� � ����� �� �� �����&����� ���� �

��� ������������� �$�� J�� �� �� � �� �� �� �� ������ �� ���� � � P�����

�� �*���$�P� ���% ��� ���� ����� ����%��� ��%�� ��� ����%��� %�����A��� ���

��%�������� �� �� ������ ������ P�% ��$�P� � .� � ������������� ��������$��

� � ��&����� �� � �� � ��� �� ��� ��������� ��$������� �� � *���� ��� �� ����$��

Page 100: Padroes de Design Hipermidia

�@@�

��������� �* ��� ��� �������� �� ������ ��������*����� �� �� ������� �

� ������� �� ������ ���� � � ������������ ��������S��������F��� �����������

������ ����� �� �����0���� ��� ������� ��� ������ �� ��������� ���� ���

��������� �� �����������G;� LF��� ��� �@@@�� ��� 7?M�� �� ��� � ��� ���� �����

�����*����� ������������������� ��&����

50 O grifo é nosso.

Page 101: Padroes de Design Hipermidia

�@��

��!���"�)

> �� � ������ ����*����� �� ������ � ��� � � ���� ��&������ ��������� ������

� �������� ��������L��������� ������A �������������� �������� ���%&� ������� �M��

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

���������� <�� � � �� � � 0����� L����� ��� �*� �� � %������ � � ��� �����0���� ���

������� � ����� ���� ������A������� �� ���������*. ������������������ �A���M�

�$�� ��� J ����� � � �� � � ��� ��� ��������� ���������� � � � ����� � � ��� � � ��

�� ��&����3�� ������ �������'����� �������� �� % �� ����� ������������� �����

� ���� � � ���� ��� .��� � � ������� ������ �����* ��� �� ���� ��� ��$�� �

������ ��� ����%���!����������� ���� ��� �� � ���J��������� ����� ������� �

� � � ����� �$�� �� � ����.��� �*. ��%��� �$�� ���������!�� �������������> �� � ����� � �

��� ���� ����������� �������� ��0������� ���*���-���� �� ��$�������� ������ �

�� � '� �� ��0����� ��� �� �� ���� � � � ���$�� �� � �� -� � ����� �% ������ ) ����

� ������ ,�)�������������������������������������,�����

FJ ������� � %�� ���$����A� ��� ���*������ � � ��� � ��� ����L� �'��� �

�$�� �$�� ��� � � � ��� A� � ��� ��� ��� ��������M�� � ���� ���� A� ��

���������� �� � ���� � *���� �� �� � �� � �0���� ��� � ������� �� ��� ������

�%��% ���/�������������% - �������������� ��&�������������'��������� ��

��������$����������������������&�>�� $�� ������������������ ������� ��$��

� � ��� � � �� ��-�� ���A����� � ���� ����� �� ���� ��� ������� ��� � �� ���%��

�����-�� ��� ���������� �� �*���� I���� ������&��� � � % ��� � � � � .����

%��� ��� ��� � ��� ����� �� �� *��*�� ���� ��*� � ��� ���������� ��� � % ��

���% ���/�����������% - �� � ������ ����%��� �������� � ������������� ������

������������� � ���������� ������� �������% - ��� ��'�� ��������D��������

������* �� ���������������$��� �� J�� �� �������� � ��� ���

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

� �������� �� ���� ������� ��*����*���� ������.������ �� ���*�������������� �

� ��� ��$���������� ���������$�������� ���������$��� ���������� ����

Page 102: Padroes de Design Hipermidia

�@��

� �� ��� ��&����� L%������ ������� � ����� ���� ���� M� '� J�������A��� ��

������$������������*������������<���� -������� �� ���� � � �� �� � �� �����

� �A ���� %������� � � ��� � � ����$��� ������ � ����� �������� �� ��� ��

��� ����������������*�������'/��� �� �� &����� ��&���%������������*�����

�� ����� ������� � �� � ���J��� ����� �� �� � � .� � �� �*. ��%�� � � �����A� ��

�������� ����������� ���� J ������ ��������� � ��% ��$��� �� ���.���� � ��0�����

��.�� �*. ��%��'� ��������� ��- ���3����� ������ �� ��� �� � �� J�����%� �� �

�������������.�������� ��� � ��� ������

Page 103: Padroes de Design Hipermidia

�@��

�"�4�)"#�

3�� ��������*0�����'������.������ ����*������ �� ������ ���� � � ���� ��&��� ��

�� � �� ������ �� � ��� � �&�*����� ���� ������ � ������ ���� � ��� ��� ������ ��

� �� � ���$����� ��� � � ���:��% ��� �� �� ���A ����L�������&��� �� ���������

��� ������ � � ��� �����$�� ��� P.��PM�� � ������� � � ������ ��� � ����� ����

���% ��� �� ��* � ���������$������ �� �������% �������% � �������� J �������

� �� ��% ����� ��%�� ������� ���� � � �%��%����� ��%��� � * ����� ������ �����

����� � ������� ���*0������� �� ������� ��&������ ���� ���� ��* � � � ���

� ��� ����� ����� ��������� *������� ��L�M�������L �M��

�� ���� ������� � ����������������� �� ���� ���� �����$����� �*�����

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

� ������ � �. � � �� � � ���� ���� �� � ���*0����� �� ����� ��� � ��� ���% ����

�� ��&��� �� �� ���� �� �� ���&���� ��� � ����� ���*0������ >�� ���� ���� � �

���������� ��� ��%�� �&����� � �� ��&��� ����� ������ ���% ��� �� �� �&���

���� ����3������&����D�%&� ������������$������� ����*������ ������ ����D�

%��� � ���� �� �� ����� ������� �� �� *������� �� ����� �� � � ��

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

F��� � �� ������ �� �� �� ������ �� �� ��&��� ��A� � ��� ���%��� �� EA�

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

� ���� ���� � ��A� ��� ��������� �� �����A�����3��� �� ��� � � �����������

��� � �� � ��� � '� � ���� ������ ���� ������� � �� � �� ���% �����

� ���� ������� J���������0������� � �� ����� �����������0�����������'��������� �

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

���� � �� �� ���U������ �� � *����� � ������ � � � ��� ��% ���� ������ �������� �

<�� �� ���*�� ������������������ �� ��������� �������� ������%������

�� ������� � �� � ����� ��� ��� ��� � � ��*���� ��� ���� � � % ����� �

� �J� � � � �� ���� �',� �����"���#���!"#�$%��� F�� ��� � ������ �����$��

.���� ����� ���� ������ � � ��� � ���� ������� � �� ����*0��������������� �

Page 104: Padroes de Design Hipermidia

�@7�

�0������% �*�/%���/%���������� ������ � ��* � ������������� �������% - ���

������� ����% ��� ��� ��%��������0��������% �������"1<���� ���$���0����� ��� �

�� � ��� ��� ������ �������� ��� .A� �������� � � ���� � &����� ����� �����

���%��,��

%�������� ���������������������� ���� ���������� ��������� �� ��&�7��

�����C<7�b"�����1� ��<�� � � c���������� ���������������� �����

��������� ��������� �������������� ��������������C<7������ ���� �

� 6��������������� ��������&�L���%�����@@��������7M�

Page 105: Padroes de Design Hipermidia

�@=�

5;5�01�)�(�")

)� ������ �� �"�� � ��������>��� �� �������� ���� �����������

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

������%����G-�L6��������;;9��������M�

) ������"�*���� L��� )�� ���� �@@7�� ��� �79M�� ��� ��������������������

�� >�� � �����������������������������'������� �&&&� �� ������� ����������

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

���� �&����� � � ���� ��$�� ��������� ��� ���� ��- �� �� � ����� ����� ��� ������ ���

��������� 0������������������������0���������L�*���M��

3� �&% �� �A���� �� ��� ��$�� �� ��� � � � �� ��&��� '� �� �&% �� �� ��� ��$��

L��� M� ��� �������� ���� ���� � � �� �� * ���� � ��$��� ��$�� � � �$��

�������%������'�� �������� ������ �����N� �*���$��� �������� �������� �

��� �$�� ���� � ��� ���� ��� 1�� *��$����.� ��� �� � � �� ��� � � ���� ����� �

��� ����������������/� ������� ���*� � � Q��������������� ����� �� �*� �

�������/� � �������� ��$������� � � Q������������ �&�������� �� �� � ���

��������� �� �$�������������$���� � �$��������0����G:�� �*��� ��������� ��

G��M�� �����$�� ��� ������� �� � �� L������� �������� ��� O���M�� ����� ����� ��

����� ��������$�����������J�� ��0���� �� J������*�� �� J������%���L�����

��� ��� ���� �� �� .��� ���O����H�M� ������� ������� ��� ���� ���� ���� ���

&��� ��������%��L������$������������� ������������������������� ����I�

������������ ���� ����� �%�����-�$�M����� ��� �������������� �����������

J ������������������� �� ��$�� ��������'��� �&���������� ���� ����� ��������

������������ ��O����H�� ����� ����3)JM��.� ���������3)�L;� ������ M��� �

��*� �� �� ������ ������������ �������������� ���*� � ���������� �.�

51 O grifo é nosso. 52 Mouse-over é uma expressão herdada das linguagens de programação orientada a objeto que indica o estado em que o cursor está sobre um objeto. Ex.: ao se colocara seguinte linha de comando em um objeto (um círculo, por exemplo) no Director "On mouseOver gotoURL http://www.pucsp.br" o objeto se

Page 106: Padroes de Design Hipermidia

�@?�

��������*� �����Q��������� ������ ������ ����I��0��� ��������Q����� ���

�� �� �� ��������� �� % ���� ��� �� ���� ���� ���� ��� ��� ������������

���� � ��� �� J�� ���� �� �� ���� �� ��� � � � D� ���� J ����� ��� ���� ���

� ������

tranforma num botão que remete ao site da PUC/SP, ou seja, quando o cursor estiver sobre mim (o círculo), vá para a página http://www.pucsp.br.

Page 107: Padroes de Design Hipermidia

�@9�

��)�$%��

���� ��&������ � ���������J �� ����A����� J��� �� �� ���������&����������

��� � � ��� �%�� ���� � ������������������� �������������� M����������J ���

����� ��������� ���*� �� �� � �����0����� � ���� ���������� �A �����>$������

� ������ ���� ��� � � ����� � ��&% ��� D� ����� ��� %������� �������� � ����� ����

���� ����.� �A��� � � � �A� ��� �&% ����"��� �� �� ��� ��$�� �� ��� � � � D�� � ����N�

���>�� ��� �� � ����� ��$��������A�������� � �� � ��� ����� �������

����P ����$�P� �� �� ����������$�� ��'������ �� �������0J�������� �

���%��� ��� � � �J�������� �� ����������$�� � ����������������� ��� ��� �

J�������� �� ����� �� ��������� ��� � � ��� F������ �� � � ������'� ������ ���

���� ������������0������ �� �����-���� �� ������� ����� ������ ����������� ���

������������ ��&����4 �����-������*� �� �� ����%�� ���� � �������������

� � *��� �� ������ ����� ���M�� ��� .� �� ��� %�����-�$��� '�� � �� � ���� J����

���������� � � ����%�� ���� � ������ ��$����� ������� �������� ��������$��

���� *��� ��� �� � � ����� � �� � ���� ���� � ��$�� �� �� ��� &����� � �

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

�� ��&��������0J���� �$���

C������ �������������%��� ������� �0����������������O����H�� ����

�� ���� � � ��� ����$�� � �0��� � � ��� ��� � � �� �� � � ��� ���� ���

������ ������ �*��� �� ���� ���� &����� � ����� ��� ���������� � .� ������ �� �

�� � �� � � ��� � �� � ���$��� F�� � � ����� ����� ��� � �� ��$��D���� � ������ � �

����/� � ��������% ��$���� �����N��0�������� ���D�'�� �����������������-���

����������� �� ���� ����������� ����� ��� � � ��N��� ��$��� ����

Page 108: Padroes de Design Hipermidia

�@B�

�"��)�$%�

3���������$���� �*����� ��������������� �������������%�� ���� �� ���� ����

�� ��� � � �������� ���� ��� �����'�������� �� �A ������ ���������*� �� ��

�������*. ��%��� �� ������ �� ���� ���� ��� ��������� &����� �������� ������� �

����� �������� �������������������3�� ���� �����������A�������������� &������

�� ��������� .������'���������������S���������*. ���������� �� ������� � � �

��� ���� ���� ������A������� �� ����������� ������������ J �������� �����

� �S���� ��A����� � H������ ��� � ���A���� �� �&���� ������� ��� >�� ��� �

)�!�� �)�!�������P ���$�P�% �� ��������������������������������A���� �

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

� �����������S� ����*������� � � ��%����� �� ��� � �������

) ���������%��������������������� �� ����� J�� ��$��� �������

�� ��%���&���� ��� ���� ���� � ������������ ��������������� ��"�����

�������� � ��� � � ����� �� ��� � � � ���� � � � �� � ���� ����/����� ������� ��

�'����(� ��� ��������� L���%�����@@������;�M���� ���� �� � ���$��� � 0�����

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

1�����������&���������*����� � ������� �� ������ ��� �H� �'��� ����

�� � � .� � ��-������ ����� �� � ��%'������ ��������� � � �� � �� ) � ��

���A���� ������������� ��A� ��%����������� � ���� �� � � �� �� � � � �� ������

���� �����*�J����%���� ��� � �� ����� �� �� ����� ����L��� ��� �H� M��

����� ���� �� �� �� ���*����� ,�*�J����%���� ���%'��� ������������������

����� ���� � ���Q���� ������-�� ��&��� �� �%���� ����O����H�� �� ��������

% ������ �� � ��� ���������� *�J�� �� %���� � ���� �� ���� Q� ��� � � ����

� ����� �� �� ����� ����� ������� �� ����� ���������� �L��*��� �*�J����

%���� MQ������� �%�����N������ ��� ������������� ��������� &����������J��� �

�����F������������A�����$�� ��% ����� ��� � � ����� ��� �� ��� ������� &������

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

Page 109: Padroes de Design Hipermidia

�@;�

������ �����������#���������!��������������������������� ������

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

�$��� �� �A ��������������� ����� ����������&� � ���������,�

%����6�������&&&�����"������������ ���/���� �������������������

�������� ���"0�����������'������������������������������

��3������ ��� ������� ��� ���� ��� ������ ���� ��� ������ ��� ���� ���

�� ���/�����,�� �&�%������������ ��!�������������������� �������

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

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

������&� #�� ��� ���6���� ������ ������ ��� �������� �,�� �� ��

�������!����� ���������� ���������������� �� ������ ��� $�����

������ ����� ������ �� �'� ����� ��� ���"���� ���� ��� ��������� ��

������������� ��������������������������$������ ��������������

���������� ���������� ����"���� ���� ������ $�����������"���� �

���� � ����� ��������������,�� �� ������� ��� �(� ��� ������

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

�������������������������������3�� &�L#�����@@7������7/

=M�

Page 110: Padroes de Design Hipermidia

��@�

���"/"#�$%��

! � �%��%�� ����� ���%����0���������%�����A������> �� �������� J �������$��

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

���A������.���� �� ������ � ����%����$���$��*� �������������� �� �� ��

���� ��� J��� �� �� �� ������� �*� �� �� ��� � ���� �� � �$�� �� � ��� ��������

)��� ��� �� ��&��� �� � �$�� ���������� ��� % -� ���� �� �0���� ��0���� ���

���������� � �� �� � ���� � ��� �� ������ .A� �� � �� ���������� �� �� ����

���� ����� ������ ���� �&������� � �� � �� ����� �� � ���� �� � �* � ��� N� ���

���� -� ������� � ����&������ 3�� � � ����� � � <E:� ���% ��������� ���� �����

*����� ����� ���������� ��������� ��� ��������0����� ������� ��������

�� ���� ���0������������������LR��W��e� �������� ��� ��������� �*���M� - ��

��� �� �� �������� ���%����0����������������� ������ ���� � � ���� ��&����

F�� � ����� � � ������ ��� �� ��� ���� ���� � � ����������� % �� � ����

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

���������������A�����%������ � ����% ����������A� ��� �������$�����������

>�� �� ������������ ���������0���������� ��������������'���� ����� ��&���

L����� � P���*PM�� % �*��� ����������� � � �� ��� �� ������������� LP� � � P��

P:������/���/! �PM� �$�� �������%��� � � �� � �� � �&% �� � � ���� ���$�� �������� ����

��������� ��� � � � ���������%�����% ��� �� �� �� ��� � ����������������F�� �

���%���� ���*���� �A���� ��� ��� � � �� �� ��&��� '� �� %��A% ��� ����� �� ����������

������� ���� �� ��� �� ��������� ��� J��� �� �� ��� ���������� �*������/���� �

��������A/��� N� ������ ��� 3� �� �� �� � ���� ��� ���������� ��� ��������� '�

� �����A% �� � ��� ���� ���� ��% ���� � � ���������$�� � ���� �� ��� �� ��� ��

������ ����$�/������������������/���

Page 111: Padroes de Design Hipermidia

����

.��*)���

3�� �������� ����$��'������ ���� ����������&��������������

� ����% -���% ����� �� �����-����0������ � ������� ��������� J ������� �.�����

� ��������&���������������$���� ��&����1��.���� �*���������+�*���

���%���� ��� ������ ����������P)�*P�L ������#����M����P��������1�P��

8��/� �� ��������������������� �����������������$��L��P������ ����PM�

�� ���.������� % ��������������� �����������3�.������ ��$��� ��� �� ����

����'��L����$������� ��� ������M������������ ������� ��� �������L���

����-M� � � ���� ��� � ����� ��� �*���� J�� -� �� ��� � ������� �� �� ���

����-������ �� ������� �� ���.����������*� �� ��� ��&�������$��� �����'��

���.������ ���� �������� ��%'�� ��� � ����� ���'������ ����� � � � ��� ����

��% � ��� ���� � �� � ���� � �� ���� ��� �*����� 3� � ���� ������%� � � �����

�� ����� ��� �����%� �����%&� ��% ����-����� ����� � * ��������������

� ����� ���'������ ���%�� *�J%/� �� %��%�� %��%� ��� �*���� �������

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

Page 112: Padroes de Design Hipermidia

����

1����� ��������4 �����) ����=�� LG����BM�'� �� ����� �� �������� � � ��

����� ��� � � � ��� � �� �� �� � �� � ����� ��� �� ����� ��� ) ����� ��$��

�����������%��� ��� �� � ����%��������� ���������� ���� ��� ��$����������� �

� ��� �� � � �� � � ��������������� �� �������������� ��� �� �����*�J��

� �������� >�� �&% �� ��"��� ��� � ��� � � � '� �� ������� � �� � � ��������

�� ���� �� � ���� � � ����� %������ � ��������� >�� �&% �� �"���� ��*� �� �� ���

*��� �����������������0������ ���� ������$������� ����� ����* �������

����&������� ����� ������� ������ ���������*��$���8��/� ��� ������� � �� �

� � ��� ��������� ��� ������ � ��� ���� �A ��� � � ��� ������� � � � � � ��

������������0���� �������������� ��������% -�� � � ����������� ��� �

����� ������� ������������������������������ ������*����/�%��� ���

�� ��&���L�'�������M�� ��� ��� �����

53 www.reportsenninha.com.br

�"����WJ!�����������X�����+���#�"��������!1�)1"��*����Y"4�!

*�)����'�����!"#�$%�

Page 113: Padroes de Design Hipermidia

����

�"�;@6J��"����*�*�)��*�����!!"!F�2����G�!���*�)���)�)���2/�G����"��

�������#�������)�"�"�"(�"#��*�����"!�"��4X��"1��#)����� ����G"��*I4)"#�2

�����".����)����#�!�#"3!#"���H��E���*�$���#���!"#�$%�

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

��������� ������������ .��� ����� ������������������ ���� ��$������ ������/

� � ��� ��%�� �0����� ��� � ��*������ � ��%'�� � � ������4� ��� �&���

���� �����%���� �%��%� ��� ������������������ �������AJ������������� ��

���S����� ����� ��� ����� ��%�� ����� ��� �� � �� � �% ����� � J� ����%� ���

��� ����� ��� ������������� �����������$���� ����F��%����� �� ����� ��$��

���� J���������������� ������� ��������� � � �������������� %�� �� ���� �

������ ��� � ������� ��� �� �������� ����� ����� � � ��� ��$�� � �������������� ��

J� ��� ����� ���� ���� ��� ����� �� � �� � ���� ��*�����A����� � �� � ��� ��*�����

��� ������3��0������������� �,�P3� ���� �� ������ ����� ��� ��� ������������ �

������� ��������� P��E�. � ���������,�P3� �� ���� ����� ������� � �����P��

P���� �����*. ���P��P����� � �������� �������� � �������� � �� P� ����������

���� ��

����% - �����������0����������� �� ���� �������� &����� ���� ��� ����

��� �/� � ����� � ��0����� �� � ����� � �� �� � � ������� #�� �� J������%��� � �

.�������� ��$������������������0���������� �� ��� ���$���) ��� ��� �����

�������������� � � �� ���������F����� �� ��� � ���� ��(�J �*����������

Page 114: Padroes de Design Hipermidia

��7�

J ������������-�$����� �� ���� &������ ������ � ��������������������� �

�� �����$������������� �� .���� �������� ������ ���$��� .�*���.A��� �

(�J �*�����'�����&������������ � ������� ���� ��������������&� ��������������

#'����� � E����� L# � ��JM�� ��� �J����� � ������ � ��A����� �� ��� � � ��

��� �&������� ��������������� �E8�(������P�(8P��� �������� � ������ J���

�� ������ ����� ���������� � � ��� ����$�� J�����*� ����� ���������������

�� ����L��� /�� ����13(����� �� � -�����M������*� ������&�������� �� �

������������� �������� J ������)���� �� �� ������J�� �� J����� � ��0��

��� ������ ����� � � � ���� L� ��� � � ��� � �����M�� F�� � � ������ ��� � � �%���

��*'����������������� ����� ����*� ������ �A������ ��������������� �

������ ����� �������� ��������P:���� ���� �%����� �����A���P������������

�&% �����'���������� ��$��������A������������ � � ��

���%'�� � � � �������� ����A������ ����� ��� � �� �� ��� ��� �� ��

� ���������� ��� ���*����� �A� ��� �� ��� � � � ����� � �� � �� ��� � ������ ����

� ������ F�� �� � �� ��� ����� ������� P� � ����P�� ����� � ���� �� �� ������

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

�������� �� ������ �� ���� ����� �"� �� �� � ��� ������� ���� ���,����� ��� ����

������� ������� ���� ���������� ������ ��� ������� ��������������� L6�������

�;;9��������M��F����������%�������� �� ������� ���������� � ��� ��$���

� �� �������$�� ����� ��� F� �� � ������� � � � ���� � �� -� ��� �� � ������

- ����� ��� � �� �� � �%-� ���� � ��J ��� ��� �� � ����- ���� �� � � ��0���� � �

%��������%&���� �������������� ���

F�� �� � �� �� �� �� ����� ��������� ��� ����� J��� � N� ���� ���$���

������$�� ��� ����$�� ��� ��� � � �� �� ��&���� ��� ��� ���� � � ����A/��� ����

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

Page 115: Padroes de Design Hipermidia

��=�

5;C�01�)�"!E�"#�

)�� ������ ��� ���� ���� �� ������ ��� ���� �� ����� �� �������� ���

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

L!������ ����@@������7�M�

F�� � '� �� �&% �� ��� ��� ���%�� �� J� ������� ��� ��� ����� ���� � ��� � � ��

���%���� ���� J ������ �� �� J� ������� � �.���� ���.���� � ��U���������� ��

� �% ���� � � ��� �������������� �������� � �� � � ��������� ��.������ � ���*� �

���� ��� ��������� �������.���� �� ���� ��.����K<)N.,� P) � �� �- ��� ���

� ������� � � ��%�� ������ � ��� � �� � �A� ��� J'������ �������� ��� � �� ����

��� �����N�� ������P�� ��������� ���� ���� ������ ���������"��������� ���������

�������������������������� ����� �����GQ�L���%�����@@���������M��� ������

����������� �� ��������� ����,�� ���� ��� � ��!������ �������*� �� �� ��

�� � ��A���� ��������

�����'������ �������������5� ���"����V��������8,� ��E���� ����L�@@���

�f�� ���$�M��'���P������������������������������������� ������������������ �����

������������,�� �������,�� ��P���������� ������ � ������� �A���,�����������

������������������� ����������������(� ��+��������������������!���&�F��������

��%���� �����������&% �����'��������� ������ � ��� � � ���� ��&���� ������

� �� �����L�� ��� ����M�������. �����L��� ���� �M���������������� �� ����$���

�*���� ��&��� L��� � .�� �*������ ������ ���� ���M�������� ��*� ���� � �

��� ��$��� F��� � ����$��'���� ������ �� ������ ���� ���� �� � ����� ���� ��

����������� �� ���� -� &��������� ���� � � ����� �������� ��*� � ���� ������

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

�����$��� ���'������ ��� ��!�������>�� ������ ����� ���� %���� ��

����� ��� ���� ����� ��%'�� ���� ����� ��� � �$�� ����������� � �������� ���

������� '� ��� � ��� ���� � ��� ���� ���� � � � ����� � � ��� � � �� �� ��&���� 3�

54 Traduzido pelo autor.

Page 116: Padroes de Design Hipermidia

��?�

� ������ ��� ����$����� ������������ ���� ��� �����P ��������� ��% ��$�P�

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

�� ����� ������� ������A���� �� ��������� ��$�,�) �A������-����%'��� �

� ����� �A�������X�3��� ����� �A ��� �����X�:���� .����� �A ���������

� ���A���$�� ��%������� ����X�1������� � ������ � �������������X�:����

����� ������ � * �A� �� ������ 6A�F� �� ����� ��� ��� ��� ����������� ��� �

� �� ��$��� � � � ������-�X� T� ��� � ���� � �� � �� � �� ���� �� � .� �� ������

�������%� �� �����'��������� �� J� ����������� ���*��� ���X�

�� �������� �J��U���� �� � �� �� �� ���� ���� �� �� ��&��� ��� � � ��

��*���� ���� ���� ��������������� ����������A� �������������*�*���� �A���

��� ��� ������A���� ������ �� � ����� � �� ��% ���� A� �� �� ��� �� � ���

� ������ ����� ��� � ���� F��� �������� �J��U����'� ���� ����&���� � �

P����� ���� �� �� ����$�P������� ������'� ��� � �������� � � % � � ����� �����

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

�� ��* � ������ � ����������� - �������� ��%��$�� �����*. ��%������� ��A����

�*��� .��� � ������ ������� ����-�$����� ���������J��U������� �� �������

J ������ ��*�&�� � � ��� ��� ��������� � �� � ������� ��� ���A����

�� ����%�� �� ������ ����������� ������ ��� �� ���� ��&����F����� �� ��

�� ����%����� �� �����%�������� ��'�� ���� �� � �� �� ��� ������������ �

� ��� �� �������������������� ���������P����P����*��� % �� �����&����

��*� � ���A� ����������

Page 117: Padroes de Design Hipermidia

��9�

�����"/"#���

8��/� � �� ���� � � �����-�$�� � � ���� ��� ������ �� �� � � � ���� �� ���

����� ���� �A�� ������ � ������������� �������� ������� �� ���� ���

��� ������F�*��������% ����������������������� �� ���� ���� �������

���� ������� �$�� ����� �� � � � ������ ��� ����� �� ��� ������

������������� �� �� F�� � ����� � � ���� �� '� ��� �� � �� %��&% ��� ������ �� �

������� �$�� ������� ���� �� � ������ �� ��� ����� �� �$��A�����$�� � � ��%���

������� ����&% ��� �0�� � ��*����$��� ����� �� � �� ���� ���� ����� � ��

���� �� � ������&% �� ���� * �� ����� �� ���*���� �� %������� �������� ��

������������ ��&���� ��� ��������'������ ��A% ������ � .�� �������*����� ��

��� �� � ��� ����&���������������T� �A��������� ����%������� � ������

����� �������� ��� � .�� ��� ��� ��� ������ � � ��� ��� �� ����&% ���� ����� �� � ��

��� ��� � ����*���� �� � .������� ���� � �� ��� ����� � �� ��������� ����� ��

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

L���%���� �@@��� ��� 7@M�� �� �����&���� �� �����-�$�� � ��� � � � ���� � � ���

��� ��� ������� "����� �������� �������� � � �����*����� ��� ��� ��� � ��� ���� ��

�����

8 ���� �> �����'� ��� �������� ����&������ � �� � ����� � � �����-�$�� � �

�� ����� �� �� �� �� ��'��� ���� ��� �������� �������������������"������

LG���� @;M� ��� ��� � ������ ����'"������ �� � �� ���. ���g����� ����� � � �;?@�==�

> ��������� ����� ��������������������������������������������������

��������������������� ����������$�����% ��� �� �����������������������

���� ������ ����������� �����������������������������������L> ����������

# ��� ������@@������?9M��

55 www.xanadu.net

Page 118: Padroes de Design Hipermidia

��B�

� �

�"����@@J��� ��8�!���2� �8 ��> �����L���,VVJ�������VJ�8 ��� �VM�

Page 119: Padroes de Design Hipermidia

��;�

�"!Z�"#�

F���'� ���� ���� ��� �� ��A��� � � � J�*����� � � � � ������ � ���������� ���

��� ������������� ������$�������� ��������� ��% ������������ ������������

N�� ������-�$��������� �� ���� �� ���������������*����� ������� � ������

��� ���� �� � � �� � �� ���� �� ����� �� ) � ��� � �� �� ����%������ � �

����� ����� ������,� �W���� ���� ��������� ��� ���� ���� ����� ��� ���������� ��$� �� ���

������������������� ���������������1������������������������M������� �����������

��� ���� L�@@��� ��� 7@M=?�� F��� � ������-�$�� �� ��� � � � ��� � � � ��� �� �����

�&% ������������,� L�M� �� ���� ��� ��� ��� ������'�� �� ����� ��D��� ��� �����

� ������-���%'������ ��$��� ��������P� L�M�*�����/� ����������*���� �����

��� ������ � � ������ � �� � ��� � � ����������������� �����$�� ��� ���� �� �

��� ���� ��� � ��� ��$���� �� ��$��� � ����Q� ������� L�M� �� ���� �� ��� �� �

���� ������� ���� ��� � �������� � ���� �� ������ ��� � ���� L���� J ������ %��

� �� ������� ���� ������ 6�� ��*U���� �%�� ����� �� ��*����� ����A������ �

���� ���� ��� ������ 4))M�� ������*������ ���� ��%��� ������ ��%�� � ��� �� �� �

��� � � ��������� ��� ���� ��$��������A����� � �������������

3� �&% �� ���� ����� �� � � � ������-�$�� '� ��� J� ��$�� �� �����-�$��

����� ����� ���'��� � � � ���� ������ ���� �� � � ��� ��$�� ���� � �� ���A����

���� � ��� �� ��� ��� � ���� ����� �� <��� #�I��� �� �� �� � �� ��� �� � ���� � ��

�� ��� ���� ����������-��3����������� �������� � ��� � ���������*� ����L���

���'����� ��� � M������ ������� �� �������������� � ���'������ ������

������������� ��������:�������%����3����::�� ������ � �� ���������-�� �� �

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

� �����*����� ��� ����������$��� ����� ����Q� ��� ����A�����'�� � ��������

���� ��� ������-�/� ����� � �����-�$�Q� �� ������ �����-�� �� ������ ���

������A���������� �P*� ���������P�%������ �������������� ��3����� ��� � � �

�����*����� �� ������� ���'�� ���A% ���� � ������-A% ���� ������� ��� ���S����

Page 120: Padroes de Design Hipermidia

��@�

������������� �� � � ���������-�$�� ����� ����������*�������� ��� ��S�*���� �

������� ���������� �%����� � ��� ����� ��� ��� ����� ��� � �� �������

�������

>��� ��������������� � ��������� ��������� ������� ������ ���% ������

�� �&% �� � � * ����� ��� ���� ��� ���� � ���S���� �� ������ �� �� ��&���� ��

�����-�$������� � � ���*'����� �� �� ���� ����� ��$��������A���������

������*���$�� ��� ��� )��� ��� � � � � ���� ���� � � ���� ����� ���� J ������

� ���� ���������������� ������ ���$��� ����A����������A� �� ���*/A� ��

��� ����������:������� ��2��������G ��� ���� � ��������:�������%��� L�����

E�������GIM�� )��� ��� " � ������ �� � � :��� ���� � ��� �� � � ��� �� �� � �

P�A����P�� ������������E�"=B�L���� �� ����� �� �� �� �� ���<"M� �+��> �=;�

L�� "��*�����M�� ���� J ������ � � � �� A� �� ����B�!��� ����� � ����� ���

�J����� �� ���A���� � ������ ��� A� � ��� �������� � L��� ���� ���� �������

:�������%��M������� ���0�����LE��� �+��> �M��

>�� ������� ���� ���������� � �� �� ��U����� �$�� � �����A% ��� ����

� ������/� ������������� �� ��������������� ��&��������������0����*� �

� � ����� � � � �� ��� �� � ��* ����� ��*� � �� ����� �� � � ����� �� ��� ������

��� �������� ����I�����������������0���������� ��������� ���� ��$��������A����

������������� ��� � ����������� ��� ��� ����� ����*� ������� �� �����

%�� �� �� ��� �������������$��������� � ��� ��������������������������%��

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

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

��%���� ��*� � �� � ���� � �� ��� �� � ���� ���������� ���� ������ � ����� �� �

��������� �� ��%��� �� � �� ��� ����� ���% �� %������ ������������� )��� ��� � �

��� ����� ���� � � ��*������ � ��� ��� ��%'�� � ����-� ���� � � �J������ ����

�������L���� .�������� ���$��� �A���M� ����� ������������� �����L�� ��� ������

56 O grifo é nosso. 57 www.plumtree.com 58 www.hpg.com.br 59 http://kitnet.globo.com/ ou www.kit.net

Page 121: Padroes de Design Hipermidia

����

��� ��� � �� �M��� � � ����*������ �� �� ���� ���&% ��� ��'������������N��$��

�� ���� �� �&��� ��� ���%� ��%'�� ��� ���� ���� � � � ����$�� L��� ����� 6&�

8�*'�� � � ���J�� ���� ���� ��� �� � ������ ���� �� �J&���� � � P*���P� �� �

������� �� ����$�� � � ������� ��� ��� ���� J ����� %�� 4))�� ����� �@J�@?@�� ���

���� �� ��� ����� �������� �� � ���� �� �� P*���P�� �� � %�� �� ��� ��� �� � �

���&������4 �� ���O�����> H���##:�O�����F������� �> H�]��I�8�� ��<�� ��������

F������� � ��� ��� � ������ ��� ��� � � � � ������ ��� ��� ��� � ��%���

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

����� ���� � -��������� T� ��� ��'�� � � � ��� ������S� �� ��� �/����'����� ���

���&��������������� �� � ������ ���������������%��� ���� ����� ��� �����

��� ��� ���������> �� ��������� � � � ����� ���$�����������0Q����� � � �'�

� ��� ��� �������� ��%'�� �� ���� ��� ����� ��������� � ���� ������ �$��

J�*���������% ��������0����������������R-���<�� �� ���

3����� ������� ������� ���������� �� ������ ��� ������-��Q�����0�����

� ����.A�� ���������� J$������� ���������-������������� ����� ���������

�� ����� ����

60 www.tenbyten.org 61 Manovich atesta que a modularidade é uma das principais características das novas mídias, refletida na produção das mais diversas obras, tais como CD-ROMs, cujas bibliotecas de sons, Xtras (espécies de plug-ins), vídeos, mesmo imagens e outros dados são mantidos intactos e fora do executável que roda o programa finalizado, de modo que se houver necessidade de atualizar um, não há que se mexer na programação. Esta lógica reflete também a natureza do HTML, um mapa de objetos distribuídos na rede.

Page 122: Padroes de Design Hipermidia

����

1�)��"1�

%���������������� ����������������������"���� ������� ��������

������������ ���� >� ����������$�����������@����� ������� ����

���/���� �� ��!��&� ) ���� �� ���� ��� �������� ���������������

���� ���� ���� ��� ��������� �/� �� ���� ���� ����������� ��� ���

������� ��������� �� ��� ���������� ���$����� ��� �� �����

���������� ���&� #0��� ��� ���� ��� �������� ���� ��

������%�������%����������2��������� ������������ ��

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

���/����������/� ��� �����&��L! � �- �R�"��������;;=������?M�

�� ��� � � � ��������� � � �� ��&��� ��� �&% �� ���'����� '� ��� �� �

���� %��&% ����������������-�$��'�� � ������*����� ��� ��$���������A������

���� ����� �&% ��� � � �*�I� � � � * ����� ��� ���� �� � ���� ��� � �������

J� ����� F�� � ����� � � ���� �� � ������ �&������ ���S������'� �$�/ ����� ������

� �� ���� �� �����*����� �� � � ������ ���� � � ��%��� ��� *��� ��� �A��� ��� ���

�*. ��%��� ��� ���� ��� >�� ����� �� � ������ � � ������ �$�� ��� ����� ������

��% ����� ��� ��&% ��� T� �� ��� ��� � � �����-�$�� ����'���� N� �����-�$��

� �A������� ����� ������*�� �� �� ��

1�� J ������ ���*��� J�����0������ ��������* ������A� ������������� �

��� ��� � � ��$���� � ��������� ��� � � ���� ��� ���-������-���N� ��� ��$��

�������A����,��������� �� ����� ������ �������� ������ ������ ��� � �����

�����������*� ����� � ������P� ��$�P������ � � ��������*������� %����$����

�����-�$�� ���������$�������� �������������� ����1�� J ������������������

�$�����.����,������������.�������0����������C�I ����!������ � ����������

����� ����� %���*����� ������������� �� ��A���*� �����N���� ��$��������% �����

���A������������S� �������$����

�������-�$����-��A��������� � � � %�����%�'����&� � ��������-�$��

� �A������� ��� �� � ���������� � � ��� ���� �� ����� ��.�� �����*����� ��

Page 123: Padroes de Design Hipermidia

����

�$�� ������ � �� %�� �� � ��������� )$�� �����-�� �� �$�/��������%��� ����

�� � �*����� ��� � ��� �������� ��.� ������� '� � �����*����� � � � ���� �����

����� �� �*. ���� � � ����� �&���� �� ������ �� �������������� L���� ���� ����

�����&����������%���&����������%���L�@@�M������ .�� ���0�����*��A�����3�

� � ���� �� � ������ �� J �� � �� ������ �� �� � � ������� "���� � ������� ����

���� ��� ����� '� ������� �� �����*����� � � � ��- �� ���� � �������� � �

����� %�� � � �� � � �A����� ���&% ��� � � �� � �� ������� � � � ������%��� �������

��*'�� � �����*����� � � � �������� �� ����� � � � ��� �� �� � �� ���$�� � ����

� ���� �������� ��������� ���$�����S����������� ��������������� ������/� �

* ���� N� ��� � ������� ��� ����� �� � � ����� �� � �� ����� �� � � �� �����

��������� � ���*0����� ��0������ ����%������� C����� ���� ������������� �

��� � ������� �� � ������������������ %��&% ���� ��

Page 124: Padroes de Design Hipermidia

��7�

.��*)��

�� �����-�$�� �� �� ����$��� ��� � .�� �� ���.����� � � � ���� L� �/� � P���

���������PM��� ���������������� � ������������� ������ ��������� � ���$����

�� ����$�� ������������������� ���� �������� � � ��� ��� ��$����� �������

��� ��$�� ��� ��� ������ :���� %����� J������ �� ��% ���� ���������� ��� ��

��� ��� �� �$�� ��� ��� ��� ���A����� � � �A��� � �� �� ��&��� �� � ��������� � �

��������� �������� ���� �������� �� �� ������<�� �� ��������� ��� ���

�&% ���� ��*��� ��� �� � ���*����� �$�� ��� �� � ����/� ���������� > �� � ������ '�

�������� � � �������� � � ��$�� �� � � �� �� �&% �� �� �����-�$�� ���'���� ��

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

��� ��� ��� ����� �*. ��%��� �� � �� � �� � ����� �� �� � ��������� ���

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

� �������� �����*������� �������� ��&��������������� �� �������% �� �� �

��� �����-�$�� � �A������� ���� ��� �������� � ����� ��� ��� ��� ����

�'���������� J �����D���������� ���� ����� ��� �� �����$������������0% ��

D����� �� �� � ������������$�� ��� �� ��>$���� � �������� �� � J �������- ��

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

� �� ������� ������-�$������� � � ��>$���*���� ��A���% ���� ������������

� ���� ����� J�� � � � � � ��-�� ��� � ��� �� �� � � �������� � ���

� � ����� �� � �� �A�� �������� ��� ����������% � ��� �� J� �������������� ����

� ���� ����������� ������� �� ��$�������� ���������� ��� ��� ��� �/ ���������

6A�%���������� J �������� �� � �� �������� ������� �� ��$�������� �����

� � � ������� ���� ���� � �������� � ��-���� � �� �� ������� � ��� ��$�������

� � �� ������ ���� ��� � ���� ���� ���� � �����-�� � ������� ����� �0������ ���

��������������%������ ������� ������������ ���% ����� ��������������� �� �

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

%A����� ��� ����-� ����� ����&% ���� ���� ����� �&% ��� � ��������� ��"��� ��� �"���� ���

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

Page 125: Padroes de Design Hipermidia

��=�

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

2����� �� � ������ % ���� ��*� � ������ � �� �� J ������ ��� �����% �� ��

���� ��� ������������ ����� � �� �������� ���$�������� ��� ��� � �%��%����

�'������

3� ��� � ��� ���. ��� ��-���� ��-��� � ���� � � ��� � ������ ��� ��� ������

���� �� � �������� �� � �� �� �� ��0���� �� � ���$�� �� ��� � � �� �� ���

��������$�� %����� � �� ��% ����� &���� �� J������� �� ��� � � �� :�� ����� � ���

��� ���������� � � ��� �� �*���������L������� �/����������'������� � � �� �

��� ���� ��� ��� � � ������ ����� ����-���M� ��� ��� ���*� � � � ������� �'�

������������% -��� ������� ������ �������� ������-�������������$����

��� � � � ��%����� ������0����� ��� ��$���������A������������ ��&����F���

���0���'� ��$��� � �������� � ����� ��� � � ����������� ��� �������������

L�������� �� M�� �� � ��� �� ��� ��� ��� � �$������ � ����������� � � � ��� � � �

%����� ��� � �� � ��� ��� ��� ��� � � � ���$�� � � � ������ ��������� ��

��� �$�� ��� � ��� ���� ������ �� ������&% ��� ��� � ��� ���� ����� L!��� )������

�@@�M��

3� ��� � �������� ��� ���. ���:�������?��� ������ �� �@@��� �� � ��%� ���

��� � � � ����%�����-��� ��� � ������ � � �� � �� ���� �� ����%� �� ��. ��� ���

��� ������������*. ��%��� �� ���������������� � �%��� ���������������� ���3�

�*. ��%��������������� � ���� ���� ������ �� � ���� �� ��������� ��$�������A� ��

��������������� ��� ���. ��� � � � ������ �� ��& ���� �� � �%��% � �� �� ����� �� �

�������� ��� ���������� �� ���� ���� ��� %������ �� ��� ���� �� ��� ��� �� ���

� � �%��%����������� ��� � ��6������ ���- �%������0������ ������� �����

�� J�����$�� ��� ���� ���� ��� ��� �� 1�� �% ����� ���� ������ �� ���� � �

���S������������%��� ����� ������������� ����$�� �������������A� ��%��

����� � ���������� ���������� �� ���S������ ���� ����� ��� � ���� ��� ����� � ����

��*���S��������� �����%������! ����� �������� � � ��������*. ��%��� �������

62 www.cognitus.org.br . O site foi atualizado e a interface está diferente da original e as funcionalidades aqui descritas não foram mantidas, muito embora muito do sistema continue o mesmo.

Page 126: Padroes de Design Hipermidia

��?�

�� �� ����� � ��A�� �% ����� ������������ ��� ���%���� ��� ������� �% ������

��� ���� ������ ����� ���������������� ��������. ���L ��% -�� ����� ������� ��$��

�������������� � ������� J ������ � �������������� �J������ � ��������� �

���M� � �� �� �������� ��� ��� ��$�� � � � ������� ������ ���� � �������������

��� ��$�����������������������. ����

�"�;@5,� ���S��� � :������%,� 1���� �� � � ���� ����$�� � � ���2 �"3!#"� � �")���/"��

����� �/� �N�� ������ ������� ����'� J�������

Unidades » Áreas de

Concentração

Page 127: Padroes de Design Hipermidia

��9�

C;��' ����������'=��

3� � ����� � � �� ��&��� � �� ��� ��� ��$�� ���� ���� �� � ��� � ����

J����� ��� ��� ���� ��� ���� ������ ����� ���� P��������P����� �$������ �����

� ������������ ���� �'��5����������7����������3������ ����$��� ��� �� �

���. ����� � J ������� ���� ��� ��������� �� A� � � � �� ���A�������������� ����

�� ���� ���� ��� .���/����� �����*���$������������ ��������� �� �����������

A� ������ �'���������� ��������� ��� � %�� �� �� ����� ������ �������� �

.��� ���������� �� ������ ��� ��� �� ���� ��&������ ��� � � � � % � � � ����

���� �&������������� �� �%�� /% ��Q������� ��� % � �������� ��������S����

������� ������ � � ������� ������ ��� *� � � � ����� �%�� /% ��Q� ��� ������ � �

����� � � ��� � � � � % ������ ����� �� ��� ������ � � � ��$�� �� ����� ����

��� ���� �� �� � ��$�� � ���� � �� ��&��Q� � ��������� ��� ������ � � ����� �$��

�� � �������������-�$������� ����� ����������� ���� ��$������������� % ��

� �� �� � �� �� ���� ��� ������ � � � ��$�� �� %������ � ����� ���� ���� �� ! ���

�� ���� ������������������ ���� ������� ��$������ ������������ �,�F�����

���5�����)��� ������ �E�����������J���� ��������

>�� ���� �� �'��� � � �;?@� ��� ���� � ������� ��� ���� ����� #�������

C���� ����������W� ������5����L)"#!�M���������� %����$�����������������

���������F��� %����$��� �� � ������������ ���������� ��������*����$�����

��������� � � ��- �� ���� � �������$�� ���� ������ �� � ��� � � �� %���� ��

�* ��*�J�,�

Page 128: Padroes de Design Hipermidia

��B�

�"����@CJ ���*����"1��!���*��#������!�� ����"#"�!�)����H�"1���4������

�����N�' ����21(�"���������2�S�O

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

���������(� �� ������ ����� �� ��� ����� � � �����*����� � � � � � ������������

P�3������� ������P�� F���� ���� �&������ � ���� �� ��� � ��� ��������� � ���

���� ��� ��� � ������ � � �� � ��� *� � � � ����� ��� � � �� ������ ���� � ���

� ��������� ���� � ����� � ������ ����� � � ������ ��� ��� �� � ���� � ��� *� �

��� � ��/� � ���� ���� ���� ������%���� �������% � ���� �� � �� �� ������ ��� � �

�������$��� �� �� � �� �� ��� ������ �� ��0���� *� � � � ����� � ��

���� ��� ������� ��� ��������*�&��������� ��$����� � ��� ���� ��������������

�&% �������������������. ����� ��&����

1�� *� � � � ����� ��� � � �� �*���� � ������ ��% ����� ��� ���� D�

� �A��������� � ��� ����������� �������*. �����*. ��/� ������� ��������&*������

L�� �� � �� ���� � ������M�D�����'��� ��� � � � ����A�� � ���� ����������

����� �� � ������ ��� �������� L<�F/1)��� �V��� ��� �7M�� F�� �� ������ ������ �

������ �� � � ��������� L�* � � ���� � �����&����� � �S������� � � �����-�$�� �

��� �� �� ��� *���M�� �$�� ���� ����� ����� ���� ��� � ������ �������� �� ����0

��������������� ������� ��� ��� � ��������J �������������-�$�� �������

*� �� �������������� J��� �� ������� � � ���$��� ������� ��� �� �� � ����

Page 129: Padroes de Design Hipermidia

��;�

����� ��������������A���������A�����E���� ���� �� ��������A���� �� ����-����

�������L��% -M� ���&��������� ����%�����-�$��� �*� ��� ��������� ����

�������� ��%�����-�� ��� ����� � ������ �� *� �� � �� � � ����� � � � ��� � � � � �

��� ��$�����������:5� ������ ����� ��� �h8 �����Ji��� ��������� ��� �

���������� �����0����� ����� � � ���� ��� �� ���� �� � ����� � ��� ��'������

���� ������������������� �����������%� ������� ��J������� �������� ��&�*����?���

��� �� ���A���� �����A����� ��� ������� �� �� ����� � �� � ���$�� ����� ������

�� ����$������ ���� ���� � �� ������ �������� ������� ���������� � ��

�� � ����� ������������� � ��� ��� ����� �� � ��� %�����-� ��%'�� �� ������ ���

)�� �� � ��$�� ��� �$�� ����������� ��� ��� ����� �� � �� � �� � ������ �� ���

����J � � �&% ��� ��� � ���� �� ���.����� � � ����� ��� ��������� D� �* ��� � �

��� ���� � �������������� J ��������� ��� �� ���� ������� �� ��� ��� ����

%����� � ����� �� �� � ������ ����A ������ �*�������P��--P��

3� ��� ����� �� � ��� L��� ��� ���.����� � M� ��� ���� ��� ��%��� ���

����� �� �������� ����*� �� ������'���� ����% �� �/� � ���� ����$����0���

�$��� � ���� ����$�� ��� ������%��� F��� �� ����$�� '� ��$�� ��� ��� ��� � ���

��� �������� ���� �D���� ����� �� �D����% ���/�� ����� ��� �����4 �������

��� ����� ������ � ������ J�������� ��������$��� �� � ��*��,����� ��A����

�&% �� �� ����'�P� ���������� ��� �&% ���� ���>��� P� � ���� ������� ��� �&% ����

�� �"�� �� > ��� � ��$��� ��������� �� � ���� '� ���� ����� �� �� ����$�� '�

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

63 Referência a uma cena do filme The Matrix, de 1999, dos irmãos diretores Larry e Andy Wachowski (site oficial: www.whatisthematrix.com).

Page 130: Padroes de Design Hipermidia

��@�

�"��!�+��

�"��3�"#��

�01�"�

���"��

�"#��

���#�*$%�

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

��)�$%�

��#�!�"����

�!���*����$%�

���#�"�"����

@;�!�������

������ ��$��

�� 2 ������

�� �������

�� !� ����

����<�� ��$��

�� (�� ��

�� E ��&�����

�� (�����

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

�� �������

�� 4 �������

�� :��*����%��

5;�!���/�#�

������A������

�� 8A����

�� ) �������

�� )��*0����

����8A����

�� F����$��

�� )�����$��

�� :��� ���$���

����:��'�����

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

�� !��S����

�� F%�����%�

C;�!/����$%�

����!����

�� )0�����

�� G������

�� <� ���%��

7� :�������

�����������%���

�����������

���W�������� ����:�� ��� ����

�"����@PJQ��������0!�������"��!�%����!/����$%�2H�����(1"��������"�

Page 131: Padroes de Design Hipermidia

����

C;@�01�)���������

:�� ��� � ����� ��� ��&���� � �� ���&������ � � ������$�� � ��� ��� ��$�� ����

���� ����� ���A�������$��� �����*. ��%��� �% ������*� �� ���������������������

� � � ������ � ���� ������ ���� ����� ���������%��� � ��A����� �� � �� �� ����

� ����� �� � ����� �� � �J��� �� � ������� ��� ������ �� � ��0���� ���

�� ��&�����

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

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

������$������������� �� ����$��������0������������� ��� ��� ���� �

�������� ����$����������L ������������ ������M������� ������

3�� ����� ��� �� � �� ����������� ��� �$������� P ����������P� �� �� ����

����� ��������� �� ��� *� � ���. ��� � � ������� ��� �� ������� ������ � �

����%���L����� ������ �� J����������%��������� ���%&� ��M� ��� ������%'��

� ����I��������$�/ ����������� �� �� ��������'�� �� ������ �����������������

� � � � �� �0�� ��� %&�������� � ��&% ���� ���� J ������ ��%'�� � � � �������� � �

*�����

�� ��������� �� ��������$����� ������������������ ��������� �����

��� ���S���� ��0���� �� � � � � � � �� ������� ����� �� ���� �� �� ��� �����

� % �� � �� �� � ������ �� ��� ����� �� � ������� �� �� �� �� ��� ����� ��

� ���� � % � �������A/���� ��� ������A/����� F��� ���S���� ��� ����� �� ����� � �

�� ����$���� �� �A��������&���������� �����������

F��� �� ����$�� ��� � %���� � � ��� ����� � ������ � %���� � �� � �� ��

��������S������ ��%����� �� ������ ��$�� �������%��A% ����������S� ����

�� � � ����� �� �� � � ����� ��� L���� ����� � ���� ��� � � %S���� � �A���M�� 1��

���&��� �������� � ��� �� �� �� � � � %S��������������� ��� � �������� %�����

������ ���� ��� ���� ���� � � %�� � � � �J� � � � �� ���&��� ������������ � '�

� ���� �������������%��� � �� ����� �Q������ %��$����� � ����� �J�� � � ��

P�� %��$�P����% -��� �.A�������������� %����� �������������� ��

Page 132: Padroes de Design Hipermidia

����

F���&�� � ,�

o 1����������� ����%��D����� .���� �� ����� ������ �� ���� ����$�����

������ �����L�����������M�D��� ����� �������&% ��� ����������� ��� �

%�������� �$�������Q��

o 1�� % -� ��� ������ ��� ����� �� *� �� ��� � ����� %��� �� � � ���������

�� ����� ������������ ������ ����������%����� �������� �����$��

���������� ��� ���� �� %����� � � � �� � �� �� ��������� �� L��� � �

� ������������$�MQ�

o F������� ����$��� % �� ������ ���� ����$���� � �� ������������ �

�������������� ����������S���� �� �& ����� ������������� ������$��

������ ��������* �,������������������$����� ���$��� �����Q��

o F��������� ��� ������� �� ��������������������������%���� % ��� ��

����������������� ���������� ����%� �� ������������- ����/

���� ��*� �����/���� � ��������/��� L����� %����$�M� ��� � ������/����

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

��� ������ ��� % �������������� ��� ����$���� ���� ��� ��� ������ ����

����� � ��������� � � ��������� �� ��� *� � � � ����� � � ��� �� ��&���

�������?7�� ��� �������� ��� ������ �������%� �� �� �����-���� ��� � ����

J ����,� ��� ��� � ����'����� �� � � � � � �� � ������� � ��� �� � �� ����$�� ���

�0����

64 Lembremos que a unidade sendo analisada é a hipermídia e não a base de dados, que pode estar distribuída, descentralizada. Um sistema hipermídia pode ter complexidades estruturais e estar, por exemplo, distribuído em vários servidores de aplicativos e vários servidores de dados.

Page 133: Padroes de Design Hipermidia

����

��)"��

1������������ �����/�����'��� � ��� �� ��� ��*����� ����� ����������0������

� � ������ �� �� ����$�� � ���� �� � � � ��� ���� ��� ������� � ��� �� � ���

� � �����������0% ����$���*���� �������� ��� � ����� �����>�������� ��

�� ���� �� ����$�� �������������� �� � ��� �J��������*����� �A ���� �

���P�&���P��������������� ����0���� &������F��������������������������� ����$��

��� ������� � � �� � ��� L����� �� ��������� � � ��� � ��������� �� ��0����

*� �� �����M����� ���� ���� �����������S������� �������� ��������� ��

���$������ �������� � % ��������������������

3������0������$��'�� � �&% ���� % �� ��� � ����� ������������ ����� �

�#���)�$%��������������������� ��������� ���� ��� ����&�����> �� ����� ������

���I�� �$�� ��� ��������� ��� �� ������ � � �� ���� � � ���� �� � � �������$���

���'�� *�� ��� � ��� ���&���� ���� ��� ��A� �� � � � ������� � ����� � �$��

� ��� �� � �� �� ���� ������� ���� ��*������ �� *� � � � ��&% ��� ���

��� ���� ���

8�� ������ J ����/�% � ����������� �������� ��������� ������� ������

�� � �� ���� � ��� % ��� ���� �� �������� � � �������� �������%� �� ,� ��� ��� � � �

����$��� ��� ������� J ���������0����8 �����������0��������� ����������0�����

�������� ������� J ������ �������� V������ �� �& ���������������F�� �����

�$�� � �A����� �� �����'������ � � ���%'�� ������������������������ � � ��.�����

�J���D�������� ���� �� ����'���� �� � ������� ��������������14(�D����

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

���� � ��������%���� �����'����� ������� � J�*����� ������0�����

Page 134: Padroes de Design Hipermidia

��7�

�)�"����

3��P���� �P��� ���������� ��� � J��� ������������ ���������3�� ��������$��'�

������ ���������� ��������������� �� �� ����� �����3��������$�����S�������

����%�������� ��$��������� � �� ���*� ��������������������

2��������� J ����/�% ����A����� �����$������0���������$������

L������S� M� ��� �0���'�������� ��� ������������� ��������� �'�� ������� �� �

����-��� � � �� � �� ����$�� �� � '� ��� ��� ��� ����� P����$�� ���P�� 1��

� ���� � �� � ���� ��A�%������������� �J���L��� ���� ����������� �� �����

��� � ���M� ���� �� ����$�����S����� ���A% ����*�� ���� L �� � ���� /����

���� � �� M��F����� ����$��'����S��������� � ��A���. �������������������

��� � ����� C����� ����� '� ��*� ������� � ��������� ��� ���� ���� � �

��4��*��"$%��������� L��. ���� � J� �� ��� ���� J ������������ ��� � ����

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

F�� �'��� ������� ���� ����&������� � �������� �A���� � � � %��$���) � ��

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

�� ����������$��A�� ��������� �� ����$�� �� ������� ����� �� ��$��A�

������$��� �������

Page 135: Padroes de Design Hipermidia

��=�

������"1��

3�� ����� �� ���%��� ���� ���� -� ������� ��� �$�� ������� � �� � �������&�����

�� ������ ��� �� ����� �� � ������ �� �$�� ����A% ���� ��������� � ����-��� ��

� ���� ���� ��$���� �� ��������%���������

1����-������%� �� ��� J ��������A����� �����$������0���������0�����

�� ����$�� ��� �0��� '� ��� ����� � � ���� �� � � � ���J��� ������� � �� � ���

���� ���� ���� ����� �0������ � �������� �� � ���� �� �� � ������� ��� �����

�� ���%� �� ��� ����� � �������� ��� ����� �� � �� � �� �� ���� ����-�$���

��� �� � �$�� �������&���� ���� ��� � ��$�� ��� � ����� ���������� �� �������

��������������� ����� ��1�)�$%����������������� �� ����� ������� ?=��

����������������'�������� ��������� � ����$���

65 Segundo o Aurélio: "Precipitado alongado mineral, formado no solo duma caverna ou subterrâneo, e resultante dos respingos caídos do teto".

Page 136: Padroes de Design Hipermidia

��?�

�"�#�)����

!����� �������.����� ������������ ������������� � �� ����� ��� ��������� ��

����� ������ ����������� ����� ��� ����??��� ������*����� ���

3����� ������ �� �� � ���* �� �� ������� �����'�����*������$%����

�������FJ ������������� ������$����� %��$������ ���� �������$�������S�������>��

J ������% � ������$�� ��� �0���� ��� ���� �� ������ � ������� ������ ����'� �

��� ��� ��� ���� � ��� � ������� �����$������ ��� ������� *�J� L� ����� ��

������� �� ��7���������&% ��M������������������ �� ��������������%���$��

L� �������������� ��AJ���� ������������&% ��M���

��� ���� - �������������������� �� �������������*����� ������

���������� ������'������ ���� �� � ���� �������������� ���� �������.�����

�������� %��% ���/�������.�������������%������ �����

66 A previsão do tempo, por exemplo, trabalha dentro de um universo não exatamente finito, mas do altamente provável ou altamente improvável. Por exemplo: não é impossível, mas altamente improvável, que faça 0 graus em Salvador no verão. Por isso a observação "a rigor finita".

Page 137: Padroes de Design Hipermidia

��9�

��������(/"#�����"*���������J

���#����

*�����"!�!��!�)��"�

.��*)��"��#���$%���

��)��

��)"��

�������$����������� ������ ���.������:���$��� ������� �

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

�)�"��)�*� �����$������

�����

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

L J,�4A���� �8 � %��$�M�:���$��������S� �

������"1�

F%����$����������� F������� �� E���0�����������$��

�"�#�)��

� �����$����������� #����� ������E����������� �� % ��

����$���������

�"����@7,�8* ���������%������������ �����

Page 138: Padroes de Design Hipermidia

��B�

C;5�01�)���*)"#��"1��

3��&% ������������%�������� ��$������ ����$��������� ���� ��&���'���

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

���������������$��� ���� ����� ������$���� ��������� � �� J�*����������

�������� ����������*�������� �� �� ���������%'��� ����������� ��� �H� ��

� � �%��%�����D��� ���� ��%����� ������ ��� ������� �� ���� ��0������ ��E8�(�

��������� ��'�%���������� �����������A ������������� �� �� ����� ��� �� ��

� ��J����������� J������ ������ ��*��A���� ������'����� � ��U�����D�� ���

����� �����/� � P%�%��P�� �$�� � ��������� ��� � ��� � ���� � � ����� ����������

J� �����L������* ������S� ��������A ����M�����% �� ���/� �� ������������ ��

�� ����� �� ����� ����%��� <����&���� ���� ��� ������%��� � � �%��%����� ����

����� �������� ��� ��������$�������� �� �� �H� �� ������������� �� �����

� � ������ �� �� � ��* � �� � � ��$�� ��� � ��� ����� � � ��� � ���� �

� ������ ����� ��� � ���S���� � �� �� ����� � �� ��� � � ��� � ��� �� � ����

> �� ��&% ������������$������ ��&��������/� ���� ����� ���$��� � ������ �/

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

��� � � �L������������$������������� %������������� �������� M��'����

�� ��$���0������ ���������*� �� ������L��������-���� ����� ����������� �

�� � ���� � �������� � ���� �� �� � � ���� ��� ���&% �M�������������� �������� ���

� � �������$��� * �� ����� ��� �� �H� �� � � ������� ����� �� ��* ��� �� �

������� �� ����� ����� �� ������ �� � �'����� ����� ��� � � �A��� � � ����

������ �� ��'� �� �������������� ��$��� ������ ��$������ ��&�����

� �

Page 139: Padroes de Design Hipermidia

��;�

3��.����

T� �� ������� �� ������������������ ����%�����%�����-�$��� ����� ������ �

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

���*� �A���� ��� � ���� ���� � ��� � � �� ��- ���� � �� ��$�� ��� �� � ����� ���

���� ���� ��&������������ ���� ���� �����������% � �����������% ��� ��� �� ��

�� �H� ���*��������� ��&��� ����%��.� ���� ��*��� ��� ���������� �������

% - ���� �� ����� � �� ��� ��� �����0� ����&�>$���*���� �� �� ��������������

� % � � �� ������ ����� � �� � ����� �������� ���� �� �� �� ������� �� ��������

� ������ �H� ��� ���� ��$���� ��&������������ �� �� ���������&�

�� ���� �� � ����� ��� � �%��%����������������% - �������% ���� ��

��� ������ D� �� �� ���� ��� �� <�� �� �� FJ���� �� ��� ��> ���� �>%������ D�� �

.� �� �� � �� ��� ����� ����� ����� ������ � ��� ����� � ���� �� �$�� �� �� �

���� �� �� ����3�� ��� �� ��$�� &�� ��� � �� �� � ��� �� �H� ��� � � � �����- � ���

%�����-A/����� �����-A/����� ����A/���� L# ��� ���,� �@@��� ��� �@M�� 2������� �

� ���� �� �� J ����� � �J������� � ����� ��� � PF���9���'P� ��� �������� ������

�� � � ��� ��� ����&% �� ���A���� ���0�����"����� �� � ��� � *� � � � ����� � %��

�� ����$���� ���� � ����� �� �� ���������� ���� � � � ��� ��*� �� ������

�� ������� J���������%���F����������%��������� -����� ���� ���� �%������

������ �� &������ L�:����������!���>F:����������� ����M� �%������ �� �H� ��� �

�� � ���$��������� ����������������% �������/� ���������������������/

����-��������� �������(��� �� �� � ������� ������'��������%�����-�$��

��� ���� ����� �� �� �� �H� �� ��� �� � �� �������� � ������� � ���� �������

��� ��� ��� ������� �� � � ������ ������� ��� ����������� � ��� ��$��������

���� ������ ������������� �H� ������ ������ �������� �����������������

%�����-���$��'�����'��� �������% ��$���

3� ���A���� ���% �������� ��� �*� �� � ���'������ ��� ��� ��*���� ��A�

*������ �� ���������� <�� �� �� FJ���� �� � ��� � �� �� ���� ��� �� �����-� ��

> ���� � >%������ � ���� � �� ���%�� % ��� �� � � ���*�� ������ 1�� ��� ������

Page 140: Padroes de Design Hipermidia

�7@�

���� ��6RI������-�����-�������3� �����������������������������2��� �� ����

���� �� �H� �� D� �� ���� �� � �� <�� �� �� FJ���� �� ��������� �� D� � �����- �� ��

���% ������� ���� ����� �����%���� � �J����� ������� ��������%� � J������ �

�$��� ��� ��� ����� J���� ������������ ��� �����0������&������� ���(�� ���

���������������$���������������������������� ���L# ��� ������@@�M���

"�� �� � # ��� ���� � %��� � �������$�� ��� � ��� � &�� � � ��� � � ?B��

������������������%� �� ���� ��$����������� ��T�����������$�� �� ��������

� � � ��� �� � �� � ��� � ��� � � ��������$��� �$�� ��� ������ � ��� � �&��,�

�� ������ �� � ��� ����� ��� �*� �� � ���� ���� �&������ * �� � ������� ���

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

�� ���� ������� � ������������� ���� J$�� ��� ���������������� ��� ���&���

����� ��� ��� �����*����� �� � � �� ����-�$�� �� � ��� ��� ������ � ��� � �

��������$�� ��������� 1�� �� ��&��� L�������% � �� � ���� ����%�M� ��� � � ��

�� ����-�� �� �&��� ��� �� ��� :!/43��� !2!�� % ����� �� � � � %��$�� ��������

� ����������������>F:?;���

%�������� /�� ��������������� �������������,������B�������" ���

�� ���������� 7�������� �������������� ����� ��'������� �������

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

�� � ������, ���� ����������� � ������$����� ����� ���� ��������� ���

������&�L# ��� ������@@�M�

��<�� �� ����� �� �� �� ������� ������( %����%������������� � ���� ��

�� ������������������,����L���%�����@@�M������0���� ����������E8�(�'��� �

�� ���������������� ������-� ��������������%��� ���������� � � ��

67 A expressão geek refere-se ao usuário mais ferrenho do computador, aquele que conhece mais a fundo a máquina, seja em termos de software, seja em termos de hardware. 68 A discussão constituiu o tema e o conteúdo do website "Ceci n'est pas um nike", exposto na 25ª Bienal de São Paulo (2000). http://www.desvirtual.com/nike. 69 NEC é um mini-micro-computador utilizado para funções que necessitam grande input de texto e muita mobilidade, como por exemplo uma equipe de vendas. Tem cerca de 25 x 10 x 2 cm e opera com sistemas operacionais equivalentes ao PC, como o Microsoft Windows.

Page 141: Padroes de Design Hipermidia

�7��

��� ���� ����� �� �� �� P���.������� �� P�� � � ���% �������� � �� � ���� � �

����� � � ��� � � ��� �A���� � � ��%��� ���� ����� ���� ��� ��� � % � ����

���� �� ��� ��� � ��� � � �� � �� � ������ %�����-���� ��������� � � ��% ����

�������� ���� ����� ��� � � �� �H� �� �� ����%��� � � ��� ��$�� �� � � �������

E8�(� �� ���������� ������% ����������O *���

������ � � �� ��*� � � � � ����� � � � �� �����/� � ���� � ���������� ���

��� ��������� ��&��������������� ��� � � ������ ���������*� ������ ������ �

� ���� ���$�� �� � � �� ��&��� � ������ �&���� �� � ��� � � � ��� 1�� � �� ��

���� ��'�)�� ��������� �������������� ���������J50������������������

7�������� ��� �� ��������������� ���� � ������������&� <�� �������������

����� ��������������������������� ������������������������'�������� 3���� ��

�� �0 ������� L)�� ���� �@@7�� ��� �B@M��8�% -�� %���� �� ���� ���� �S��������� �

%��� � �� ��������� ��*� � ���� ���� ������ � �� ��� �� ��� ��� �������

� �� �������� ���� /�����L� � .��������$�M� �� ��� �����������S� ����'����

���� �� � � � �������� ��� ��� ���� � � *����� ������ � � �� � -� ��*� � �

� ���������$�� J�����0��� ���*% ���%��� ���������� ��&��������������

������������%�$��� ����0����� �� �� ��������A����������0���'�� � ��

��������'�� �� � J �������� ���*% �� ���������� �����% ������������&���� �

� ����� ������ � ���%�$���$����� ������ ��������������� ���� ���� ���%���

:����������� ���������� ���� �����������3�����O �� ������ ������������ ���

�� ��$�,�

o ��� �������������% ��$�� ���� U����� �)�C���������9������� �E�"��

O �����3�����O �� �� � ��-������� ����% ����������� ���% ��$��

�� ���������� ������ ��%� ��S����� ������ ��� ���%��� ���F�� ������

� �� ������ ���%����������&�L!���)�������@@7������M�

o ������������ ��.A������� ��E���5H�����O �� ����������J������N����

1��� �� ���* �������� ��� �� ��������%� �� ���������$��� �

���� ������ ��&���� ��* � �������� ����%�� ��� ������%�,��

Page 142: Padroes de Design Hipermidia

�7��

)�������������%�����B����������������� ����X:���- ��+� ��4+3

���"��"#��������������i&������E� ����A�.�����������/��������� �����

��� ��������X��%���������� Y�?��������������'���������������������

��������!�������� ,������� ���������&��L!���)�������@@7������M�

F�� �� J ������������������������� ����� �� � �%��%�� ����� ������%�

������ ������������������% ����� ������%��&����'�������� ��������� J��

���� ������ ��� � �$��'� �������������� �� ��* � ������� �������� �������

�&������������% ��� ��������%�� <���� � ��� � J���� � %�� ������ ��&���

��%A����� �� ������ ������.A������������ �� ����� �� ��1��� �� �� �� ������� �

*���� ���� ��� �����'�� ����������$������ *���������� �H� ��� ���� ��$��

������ � ���<�� �� ��������������������&�

3��������������% ���������� �������'�� �� ����% ��� �� ��� ������

��������� � ��&���� �� � � �� ������% -������� �����A% ���� ���� � � ����

��%� ���� � � ������ ������������� � ��� � ���* ���� � %����� ���� ��&����

���8 ��> ��������������� �����������'��4�

%�� ���� ��� ����������� ��� ������ �� ��������� ����

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

�������������������!������������� ����������������+��������&�

%�� ����������� ��$��� ��� ������� ������� ���� ����4�

��������� �� ����&� )� ��������� ���� ������������ ��� �� ��

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

���������0�� ������� ������ �� � 3�� � ����&� %� ����� ����

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

�����������������3�� �����&�) ����������������������������

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

���������&�L> ����������# ��� ������@@������?9M�

Page 143: Padroes de Design Hipermidia

�7��

������� ���� ��� �� �������� �������� � ���� ��� � ������� �� ������� ��� .A�

�� �������� �� ������ ���� � �� �� ���������� �� �H� �� ��� ��� ��$�� ���� �

<�� �� ��� FJ��� �� ������ ��������� ��*% ���%�� �� � ������� %�� ����� ���

��� � �� ��� ���$�� ���� �������� ������ F�� �� ��������� J�����0�����

������ ���������� ���-��� ��� �� � ���� ���� � ���������$�� ���� .��� �� �

� �A ���� ��� ��%��� ��� � ��� ��$�� �� <�� �� �� D� ���� ��� ���� ��������� ����

���� �� ����� > ������ # ��� ����� )����� #������ ��� � ������� D� ��%'�� � �

����������� ����%��� �������� ������������! ����� ������� ������� ���

� � �� * �� � J�������� � � ��� � �� � � ��������� � � ������ ����� � �

� �� � ���$�� � � � � ����������� �� � �������� ���� ������A������ �� ����

�� ����������������������<�� �� ���

) �� �������� J ������� ��� �H� ��D�.A��� ��$��� ���� �� ��� �� % �

������� ������� ������D��� ����%��,�

Page 144: Padroes de Design Hipermidia

�77�

o 4<38� LHHH�������������V������ � � ��I� >�� �M,� ���� � ��� ��

��� ������$��� ���������� ��� ���� � ��$��������� � �� �� ����

� ��������%'����� ���14(9@��>�� ������������% ������������

�� �� ���������/�� � �������/��%��� ����� ��� ���� �� �����

� ���� P����P�� �� ���� �� � � ��������� ����� ��� ����� ��

���� ����� ����������� .��� ��&�����

�"���� @<J !��������� �� ���.��� ����2 �� H�� �� "!���/�#�� ������"� �%�

#��*)�����!�� ��������������� �� �� *��#���� �� ��������4� �)�����"� ��

�)���!�������������"1��������#������"��)�Z!���,����

o #�#F(�LHHH�** ���I�� ���� �)�����#����M,��������� ��� �������

���$��� �����/�&���/��� ������������������ ��� �����! H 59����

����� ������� � � �� ����*������ ��� ����-��������J���

70 URL: Uniform Resource Locator é um endereço global que define a localização de documentos e outros recursos na World Wide Web. É composto do protocolo (p. ex. FTP, HTTP, ou HTTPS) seguido do IP ou domínio (www.seusite.com). Traduzido pelo autor a partir da definição disponível em: http://www.webopedia.com/TERM/U/URL.html, consultado em nov/04. 71 Em alusão ao significado de HTML: HiperText Markup Language. 72 Popular sistema taxonômico usado nas bibliotecas para classificar os livros e outras publicações. O sistema classifica as áreas do conhecimento em números, e o espaço entre cada área numerada é infinitamente divisível. Desta maneira temos um nível finito (que permite a navegação por parte do

Page 145: Padroes de Design Hipermidia

�7=�

�����V�� ������ ����� ���$�V J����*����� ��

��� ������V��� ��$�,��

W���������������� ��� ����6���������0����&�F��� ����'������������6����

���0����� �&�F�������� ��������� ������ �&&&� ������������� �����

�����'���������6������ ������������������ ���������� &&&���� ������

7����������������������$� ����������������&�L#�������@@7M�

o O����� #��H� �� LHHH�H����*��H� ������� �� ����� � � H */

�������63!<,�6���E ��I �I� �!��I�� ����M,� �'�� � � ����0

��� �������� ��� *���� �����$������������� ���������

��� ��� � � �����������;@�������� � J�* ����0�����E8�(�� ��

% -� ��� � ������� ���A% �� �� � �� � �0����� �����-��

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

�� ���"��������� ���L# ��� ������@@�M��

usuário do sistema) e um nível infinito (que permite sua expansibilidade). (BIGGS, Simon. Consultado em nov/04, disponível em http://hosted.simonbiggs.easynet.co.uk/babel/statement.htm).

�"����@>J-- �2���"��!-"���

Page 146: Padroes de Design Hipermidia

�7?�

���A��� �� �� ���� �H� �� ��������� ������� ��� � � �����������������

� %� � �� ����� � � �� �� ��������� �$�� � ���� ��� ����� ���0������ ��� ���

������������������.A��� ��$����� � � ��� �%�����-�$�������0�������� � � ����

�� ��&���������� � ���� ��������� �� ����%��� �������% ���� ������� � ��0����

J��������� ������� � � ����������� ��&���������� ������ �������� �� ����

� % �� �� ���������� ������%'��� ������� � � ������ ��� ���� ��������

�������>�� J ��������4���������������������� ����'�� ��������&��� ����� � � �

�����������������$������ ���������� �������3��� �� �� �������� �������'�

������� ����� ��� ����� ������������ ���� ��������S� ������� � � ������ �

��� � � ������� ����� �* ���� ����� � ����������� ��������&������� ���������

��� �*�������������� ����������� ��� ����� ������� ����� �������A������

O�����#��H� ���� ������ ���������$��� � ��� �����'�������� � �����0�����

E8�(� ���*% �� �������� ���$��� �� �������� � ������������ ������% �������

3� ��� � ���� ��� � � � �� ���� <� �� �-9��� � � 4 �� ��� ����� � � P� ����P� ���

����������%'��� � ��� ��� � � ��� ����.���g�(� � � � ��������C���I8�� ���

���� �� ��������� �I������������%&������ ��������������� ������ ��������

��������������L# ��� ������@@�M��

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

���� J ������ ��������� L������ �� %���� � � �������$�� ���!�� ����M�� �����

����� ��� �A����� E8�(� ���� �0������ $�� ����IQ� L�� ������� � � $�� �����

P�����5�*�ILMP������ J ������'��� ��� ���$�����*��$��� �P%����P�����������&�

������� H *� ���� ��� �����-�� ��� ���� �&����� ��� � ���� ����� ��� �*� �� �

��������&����N��� ��$�������� ������*������.� ����� ��������@@j���� �� �

�� �� ������ � �� ��0������ ��� � � �% ��$��� ������ �������% - ������ ��

� ���� ���������� �� ��� � ��� ������ � � ��� <�� �� �� FJ���� �� ��� > ���� �

73 www.influenza.etc.br 74 Javascript é uma linguagem de programação muito semelhante ao Visual Basic, utilizada para desenvolver funções, executada a partir de uma página convencional de HTML, cujo código pode ser inserido na própria página ou em arquivos externos com extensão *.js.

Page 147: Padroes de Design Hipermidia

�79�

>%������� ! ��� �� ���� �� � ���� �� � � P��%�P� ��� ���% ��� �� ��� ������ ����

�� �H� ���&� � ��� �� �������

3������������� ����*� �%�$��'��� �N��% - ����� ���� ��� ��� �� �J��� �

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

�� ������� ��� �������� � � ����� ���AJ�������% ���� ��� �����*����� �� � �� ��������

���� ��� ��% -�� �� �������������������� ����������AJ����� ���� �����

���������� F�� ���% ��� ���� # ��� "��� �* ���� �� ��-���� � � �����A% �� � ���

� ����9=�L�'�.� ����� ��@@=������������� � ���� ���%��M���1�������)��9?�� � �

� ������������� �� ��� ������� ����� �� � � �%��% �� ��� ��� ��� � � ���� �

� �� ��� � � ���� �� � � ���A����� ����������� �� � �����-%� � ���������

��������&������ � ����� �����-������� �������� J��� �� ��� � � ����� �� �

�������%����������A���� ���������$�� ���� �� ������ ���� �;Bj��� ������-%��

����*���$��<�� �� ��FJ���� ��W�O����H��;J99�������-�������AJ�������� �������

��� � ����� � � ����� � � ������ ����� ��� �j� � � ���A����� � � > ���� �� (���J��

�������� ��������L���� ������ ����� �� ���� ���������� ���$��� �����%�� �

� ���������� �� ������� � � �� �� ����� ��-%��� ���������������� �����

� � �� ���������*���$��� ����� ���� ������� ��������&�

:��� �� �� J ������������������ �J��������������$�� ��� ��������� �� �

%�����-�$���� �� ��� ����� ����� ���H� ��'��� �� �H� � ����� � ��� ��$��

���� � �� ��&��� ��������� ��� �� ����%��M� � � �� ��&��� �� ���� �� ���� ��

��������� � �� *� � � � ������ �� ������%��� � ��� � � � � �� ��� ������3����������

���� �� �� �����P�������P����������������� �� ���� ������� ��'����������

���� ������ ��� � �� ����� � ���������A% �� ��� ���� �� �� ��&���� G-� ��� � ��

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

��� � � �� ���� �� � �� J� ������� �� � � �� ��&��� ��� � ������������ ��

75 Recomendamos cuidado com uma distinção fundamental: na acepção que propomos de "designer", aquele que compõe plasticamente a interface (com um editor de imagens ou HTML) é o diretor de arte. O designer é o responsável pelo conjunto da obra e dialoga com o diretor de arte, bem como com os programadores e os produtores, podendo eventualmente ser realizador de alguma(s) dessas tarefas. 76 www.usinadosom.com.br – fora do ar no momento desta pesquisa. 77 Windows 95, 98 e outros derivados das respectivas linhas.

Page 148: Padroes de Design Hipermidia

�7B�

��� ������ 1�� % -��� � � ���� �� � ��� ����� � ��� � ����������� � � �$�� ����

�� ������ ������ �H� �� ���� ��$�����������$��� ����� ������*������ �$��

���� * ����� J� ��� ����L ����/�����M������� �������� %�����* ��� ��F���

����������� '� ������� *A����� ��� �� �� �� ������ *���� ��� ���� ������ �� �

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

Page 149: Padroes de Design Hipermidia

�7;�

���������

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

������ ��������A�� ��-�� ������% ��$���6A�%������� ���������������� �� �� ��

��� %�����-���� � ������ ��A� ���� ��� ��� ���������� ��������IU�� ��� �

��� � ������ �� � � �� �� J� ������� �� �����A���� ����� ��� ������ F��� ������

��� ����� �� �%����.� ��� ������������D�� ������ �������������� ����%��D�

��*� �� �������A����������� ����� ������$���� ��-������������ �H� �����

������� �� � ��* � � � � ��� ��� ���*���� � ������ ��*� �� �� �������

����� ��� � ������ ��� �� �� ��% ���� ���� ����� �������� ������������

�� �� � � � ��� N� ������ �� �� � '� �������*���-�� �� ���A���� ����� :�� ��� �

���� ��������&% �������������� ��&��������� �������� �� �������������� �� �

���� �������� � ������ ������ ��������������� �� �$���� � �������8���������

��A� ����&����� �� � ���� ���� ����� �� ���� � � ���������� �� � ������� ��

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

������ ��� � � �������$��� ��� ���� ��� ������� ���� ����J � ��0����� � ����

� ���� � ����� ��� � ���� � J�*����� �� %�*����� � ��� ������ � �� � � ����������

� ���� �������� � ��-�� � ���� ���� ����� ��� ��� ���� � � �*���� ���

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

������ � ������������� ��$��D������� � ��� ��������� ������D����������%�����

���� ���� ��&������������. ������

��� � � ���. ��� ��� �� ��&���� � ��� � ������ ������� ���� ������

���������������$���F�� �������� �$��� �� ���� � ����������� �������%'��� �

����� � ���� � � ���� ����$�� ���� ��� � ���� �� �H� �� ���������� ��*�

� ����� �� � ��� �� ���$�� � � ��$�� ��� � ����� *��A����� � ��. ���� � ��&% ���

! �� � ���E8�(� ����� �� �'� ��� ������%��&*����� ������*�&���� ������� �����

������ % - �� ��� ���� � � L��� � ��� � � M� �������*������ �� ������� ���� ��

�� ��&����������� ��$���� ���������������$����� �� ����� ��� �� �� ����

Page 150: Padroes de Design Hipermidia

�=@�

������ �H� ��"1<��� ��� �A�������&% ��� ��������$������ ��&���� ������

��� ��� ���� ��*� � �� ������� '� �� ����� ��� � ������$��� * �� ����� ��� �

�� ���$�����*���

>�� �*� �� � � � ������$�� � � �� ��&���� ��% ����� �� �H� �� %������ � �

���$��� �E8�(�� �����������*� ����'����������������� �������������0��������

����%��� ����-����� �� ������� %����� � ��-��� � ��� ������ ��� ���� � ���

���*� ��� ���� ������� ���� �� ������� �$�� ������� � ��-�� �� �� � ���. ����� ) ��

�* �� �� ������� ���� ��� �0������ ��� ����� �� �� ����$�� ���� ��*��������� ���

����� �� �� ��� ���� � �$�� �� ������ ��� ������ � ���� ��� � ���� �A�����

����� J��� �������� ��������� ����������� � �* ���L�*������������ �� �

�� ���� ���� % ��� �� � � E8�(� � ��������� �$�� J ������ � � � ������� �� �

�� � ������� ������ �� �������$��� ��� � ��� �����@@@� ��@@����*����������

� � �%��% ��� �������������� �� �� ����0�����E8�(���

���������$����*'����� � ������*���������� �H� ��"1<�� � ���$��

� ��0���������� ����� ��� �E8�(����� ������� ���� ��������$������%����

�����6%���E����)���:����G�������FJ��� ���'�� ������ �H� ��� � ���$��%�����

� � �A����� � � ������ ��� ��� ��� 3� ������%�� ��� � � �� ��������� ��*'�� ����

������ �� �H� �� P������P� D� ��������������� � ������������� ���������

�������%�� P ���P�� ������������������ J ��������E8�(����.���0����� ���

������&% �� �� ��� ����� D�� ��� ����� �� � ���� ��*'�� � ��� ��� ������ � ����

������� ��� F���� ������� �� ��� �� � � � � ����� ���� J ������ �� � �� ��

% �������� � ���� � ������� � � ������ �� ��� �������*����� � � � �������� ���$��

L�����*����� �� ���������$������������������ ��� ���� ����M������ � - ��

��� ��� � �� G��� ��� !�� ������ �*��� �� ��� �� ����� ��9;�� ���� J ������

� �� �/� ������������� ��������������������* ������������������� �"1<�

������� ���� �������L���� J �����������������������*��$����� ����������� ��

78 Provérbio italiano, que significa "Tradutor é traidor". 79 www.macromedia.com

Page 151: Padroes de Design Hipermidia

�=��

������� ���� �������O����H������������P*���� ����%�.� �P��P��%�� ����P��

������������ ���M���

1�� ���*� �� � ���� �� � ���� � � �%��% ��� �� � � E8�(� �� ��������� ��

��� ��� �� ��� �* ��� ��� �A����� E8�(�� 3�� � � �%��% ��� �� ��� �� �H� �

G�� H��I�B@� � ���*����� �� �� ������� ��� ������ ��� ���� � � �� ��J �� �� ���

�* ������������ ���V��������� ��� ��%� ��A% �� ����� ���/� ���� ����

�� �� �%���� ���$������� ���3��� .������ � �%��% ��� ��� ��% -�� �� �� �/

� �N��0���� ����0������ ������-��� ��� �����$�� �� �� � �� � P�����%���P�

��� ��� ����/�� �����%� �� �� F��� �����$�� P�����%���P� � �� � ����� ���

� �� �� � %����$�� ��� ���% ���� ��� ��� � � �� ��A ���� ���� ���� ����� ���� ��

�� ��$����� �������O *�������*�������� ���� ���%����������� �� �A ����%������

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

:���� ��� J ����� ��� G�� H��I��� ������ % - �� �� �� �� �H� �� ��*'��

� ���� �������������*����� ���� � �����% �����������% �� �� ���%�A% ���� ��

���� ������>$�� J��� ���'������ ���� ���� � ��� ������� �� ���*����� ����

�� �H� ��� �� ������� � ����� � ��������*����� �����G�������� ��$����� ��

������ �� �� ���� ����$�� ��A ��� ��� ������ ������ L������ � �����M�� 3�

!�� �������������% -��� ���� ���� ��� ����������A����L�����.����������M� �'����

�� �H� � � � ��� ���$�� � � �&����� �'�� � � � �� ��� ������ �� � � �������$��

%���� L���� ����� �� ��� �� ���������� �� J� �� �� M� � ��� *�*���� �� � �

P�������� ����P�L��������� �� ������������*. ���M��8�������!�� �����������

���G�������������������*���$��� ������ ��&��� ��:!/43�������� J ������

�$��'� � � ��A���� �� ���� � � ����������P� �� ������%�� ��� � � �� ������ � �� � ���

J ���A% �B��� ��� ��� ������$��� ����� ��$�������� � ���� �� �� ����������

�� �������$�� ��� ��0����� ������%�� L����� �� !�� ����� ������ �� G��� � ������

��� ����� � � �������*����� ��� ���� ��$�������� � �A�����������M���

80 www.macromedia.com 81 Um "executável" é um aplicativo que funciona no sistema operacional para o qual foi elaborado sem a necessidade de software, plug-in ou aplicativo adicional.

Page 152: Padroes de Design Hipermidia

�=��

<�� ����� ���� � ���� � � � � � �%��%�� ���� L��������� ��� ������� � �

���� �� ���M�'� �� ����������� ���� ��� ��� ��&����������%��� ����. �����

4 ������� �� �� �� ��� ������� � � ������� �������� ����� ���� ���� ��� � � ��

���� ���� ���������� �� �������� ����������� ������� ��� �����&�������*� �

������*������ ��� �H� ����� ���� ����� ��&����C� ���$�� ���% �� ������-���

���������� ����� �4))��� ���A�� ��������� ��@J�@��������� ����� ����� �

��� ������ �� � �$�� � �'�� �� � ��� ��� ���� �� ����� �� � � ��� ��� ����

�� ��� �� ������ � �%��% ��������� ���� ������ �� �� � �� ����*���

8���� ���� %��A% ���� ��������� � % �� � �� ������� �� �� ��&��� �

� % ��� ��� ���������� ���� ���� ���� �*����������. ���������� �� ���� �����

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

��� �����-�����AJ���������. ��� ������ ����� J� �������������A�������� ���� ��

� % �� �������&����� ���������*����� �� ������ ��� �������

� �

Page 153: Padroes de Design Hipermidia

�=��

C;C �01�) �� ��!F�#"��!�� � �!���*����$%� �� ����� � ���()"�� ��

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

F������� ��� % ���� ��� ���� ���$��� ������ �� � ���� ����� ���

� ����������������������������% ����������. �$������-������������ � ��T�

���� � ��� �� � ���� �% �$�� �%�/� ������. �$������-����������%����� �A���

��*����� �� ��� �$�� �� �'��� 3����� ��� � .� �� � � ��� �� ��������� % �� ���

��� ��� �$��% ���� ����2������� � ���� ��� � �� � � ��A� ��A� ��%���� � �

A����� �� �� ���*���������� � �'����"!���/�#���� �� ���� ���&�� � �� � ��%�

����������F��% -�� �% �������'������.� ������-���� ����������%�/� �� ���

��� ��$�� ����� ����%� � �� �� ����,� ��-� � ���*��� �� ��-� ��� ���� ����� �

��� �� �� ����� � � �����*�����%����� �A������. �����*� ��� ����������

������������� ��� ������������� ���������� ���� ���� �% .���������� �� �� ��

������������ �� �U� ��� �� %����$�� �� A���� F�� �� ���� �U� ��� �$��

��� ��� � ��%���������� ����������� ���� ���������� ��������������������

���� ���3��� .�������� ��P��-/�� � /�� �P� ��� � ������ ����$���� ���

���� ��P��-/�� �P��$�� ��� � ������� � �� ��� ��� &������� �� � ���� ��$����

��-����� � �� � � � �� �� � ����� ���� ��� ��������$������ ��� ��� � �

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

�����*������ � � ����� � � ��� ��%�"!/����$%�� D� ��%�� ���� � � ����� ����� � �

� � ������������*�����N����� ��D��� ������������&���������#�!F�#"��!���

D� %����$��� �A��� �� ���$����������D���������� �*���$���������%�����

������$���������� ������� ��%���������� ���������������� ���

>��� ������ � <�� ��������:��� ����%� ���������� ������� �� �����%'��� �

����'�����������0����� �LP��� ��$��� �����PM�������-�/� �� ���������

� � � ��� ��� ���� � � ���� �� D������ ����������� �'������ � ���&�������� � � ��

� ������ � �� �� ��� ��� �� ��� A�%�� �� � � ����� � � � ���$�� � ������� D� ���

� � ���� ��� ������ ���*� ��� �� �� � � � �� ����� � �� ��� ��� �� ��� ����

�� ����� �� �$�� ������&% ��� � ���� ��� D� ��� ���� ��� �����-�� ���� ���� ������

Page 154: Padroes de Design Hipermidia

�=7�

� ������ � ��� ������&% ���� �����J&������� ��� �������g ��J������ J ������

�����-������'����������� ��- �������������� ��� ���$��� ����� ��� ������-�$��

� ������A����������������� ��� ������� �� ���3����� �� ��$�� �%�� /

����N� ���� �� ����� ��$������� � �� �� ������� % ���%���������� �� �

�� ��� ������ F�� � ����� � � � ������ ��*'�� � �� ����� J� ���%� �� � �����-��� ��

� � ��$��� � ��� ������� J �������������� ����� ��� ���'����� ������* ������ �

� ������� � �����/� ����� ��� ��������� �����������A������������� �*� ��

%�������� � � ����B��� F�� �� �$�� ������ J ������ � � ��� ��� ��$�� � ���� � �

������

F�� �������������� ������� J ������� � �% � ��� ������������� � �����-�$��

���� � ������� � � �� �H� � �� � ��� ��� � �J����� �� �� �� � ������ � �% �����

� �������������� ��� �� � �� ��$������������ ��������� ��$�� ��� �������

J�����$�� � �� �� � ������� ��� �����-� � ������ � ��� ��� ���%� ��� �� ���

� % ����� �� ����� ����� � � �� ����� �� � � ����� ����� ���&% ��� ��%'�� ���

� � �%��%�� ���� � � ������%��� �� �� ����� %������ � ������� ��� ����� � ���

�� �������� � ��%�����-����� ������ �������%'������� � � ��

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

�&&&�b��������c��������, �������� ����� �+�������� ������'��������L� ��� ���V���

������;M��C���� ���������� �� ����*����!����2��������A�%�� ������ � ���

����� ���������� ������� �� ������� ����'*������C���� ��� �� � ���$��� �

��� ��� ����������������� �����������$��� ���%����� ��� ������������� ��$��'�

������������������ ��� ���� ������'������, ��������������� �������� ������ ��

��� *� �� ����������$�� � ��������$�� �0� ���� � ������ � � ���� ����� �� ��

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

82 AGOSTA, L. “The future of Data Mining – Predictive Analytics”, DMReview, Thomsom Media, ago/2004. Disponível em: http://www.dmreview.com/article_sub.cfm?articleId=1007209, consultado em nov/2004, e LIEBOWITZ, J. “Where is the ‘Intelligence’ behind ‘Business Inteligence’?”. Disponível em: http://www.businessintelligence.com/print_content.asp?code=128&pagenum=1, consultado em nov/2004. Os artigos e os respectivos sites contêm maiores informações e outros exemplos, além de outros artigos de importantes autores sobre Data Mining, Predictive Analytics, Business Intelligence e outros temas relacionados.

Page 155: Padroes de Design Hipermidia

�==�

:�� ��� � %������ ���� '� ����� �� ������ ����� ��A% �� ��� ����� ������ 3�

������� �� ��� �����-������� ������������� �� ��'����&% ����� � ��$����������

�� �� � �������� � �0��� �$�� ����������&% ���� �� ���� -� ��� ���� '� ���*0���� �

�������$�������������� ����� ������������<� ����$��'������ �������� �� .�

��� ��� ���� � ����� � � ��� � * ���� ��� ���A���� �� �& ���� �� �����&����

�������� ����� ��� �� �������������� ��������� � ��A�� ��������� ����

����� ���'�� ����� '� � � ��� �� � ����-&% �� � � ��� ������ ��������� � �

��� ��� ��������������� ������$���������������������� �� ����� ��� � ����

���'�� � ��������$�� �� �� ����$�� ����� � �A� ������ �� B��� � ���� � ��0�����

� ������ ������%�������,��

K������� �������� ����!�� �������� ��������� ��� ��� ��� ��

�������0���������$������������������������������ ���*. �������

����� ��(��� ��� �����������0��� �� �������������� ���� ��� ��!�� ���

�� ������������� ��������������� ��������L� ��� ���@@������97M�

1��������� �%����������������� ����$������$���� � �� ����������� J����

��������� �J�� �� ��������� �� �� ���������3���� ��� ����� ���� �����

� ���� ���� � � �� ����$��'� �*���� ������� � �������� �'� ������ �� �

��*. ��%�� �� ������������� �� ������������ ��%� �� ��'����*����$����� ������

� ������� ������������� � ��� J� ��� �����������'��L) �- ����@@�M��

3� ��� ��� ���� ��A� �� ��� � �� � � ������� ��$�� ��� � �� ������ ��

� �� � ���$��� �� ���� ��� �����0���� �� �����J������������� ��� ����'�

������� ����� ���� ���� ������$��� � �� �� �����������������%��� �������F��

83 A utopia da transparência como a perfeita imediação (Bolter, Grusin, 2000) existe há muito tempo. O significado da palavra "perspectiva", aplicada desde a Renascença à técnica de desenho em profundidade, foi apropriada do primeiro nome dado aos instrumentos de aproximação óticos (lunetas primitivas), dada a fidelidade que prometia a técnica da perspectiva aos olhos dos contemporâneos. A palavra original, em latim, perspectus, significa óptico.

Page 156: Padroes de Design Hipermidia

�=?�

#������ � � E ����� E �� B7�� �0�� ������ � �������$��� )����� "����

������/� ����� ��% ��� �����"�%������� �� ����������� � �� ����� � � /� �

�� ������� �����������������*'����������������)����� ��$��� ����� ��� �

�$��'�����&% ����������������������� ���������$��% ��� �� ������!�� ���

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

����������� � D� '� ��� ��'�� � � � % ����� L��� � �% ����M� �� *���� ���

��� ��� �����1���*. �����&��������� ���* ���� ����� ����� �� ���� ����� ����

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

���������� ������ ���$��� �� � ���� ��������,���%������� ����������������� ���

0������� ����� ���� ��� �� ����

��� ���� ��-����� � �� ��&���� �� ��� ��$�� �� �� ����$��� ����� �

� ��-�$��� �������� ��������- �� ���������������&% �������������� �� ���*����

��� �&����� ��� % ������,�

�� ���- �� ����� L�� � ������ �� � ��%��&% �� ��� ����� ���

��� ����MQ�

�� ���� ���� � ������� ���� ���� � ������� � �� ����$�� L� ���� � �

�$�� � � �$��� � ��� �� ��� ������������*����� ��� ��������*���-��

����������� �H� �/��� � � �� �%�����-�$�MQ�

�� :����� ��� ��� ���� L� ������ �� �������*���-�$�� � � �� ����� ��

����� ����%��� �����������-����������� ����M��

1�������� ������� ���� ����� � � �� ����$�� � � ���� ��������� ����

� ����� ������� ����� �$�� ���� ������ � �� � � � �� ���� � � ��� ���� ���

% ������� �� ����� ��� ���� � � ������� ���&������� �� *���� � � ���� �� � �

�������� ���� ������ *���0����� ��� ������ : ��� � � ��� �'����� ��A��� ���

� ��������� � ���% ����������&% ����A������ ������-���� ��� �������������

84 Romance com ares de epopéia de Hermann Hesse inspirado na vida do príncipe Siddhärta Gautama, que abdicou de suas posses para tornar-se Buda, o iluminado.

Page 157: Padroes de Design Hipermidia

�=9�

� �� �* �� � � ����� � ������� �� ����� �� ����$������ ����� �� ��E�. �� � ����

� ������� ��������� � ��$��� ������������������� ���� ����������������� �

�� �������� ��*� �� 0����� ��� �� � �� �� �� ���� �������/�� ��& ���B=�� �����

�$��� ����������$��� ��� ����$�� ��%� �� ���������� �����%���� ����� ��

��� �����-������ ��� ����� �� ���� ���� ������� J��� � ����������� ���� ���

����� ����'��������*�&�����������$������� ��������� �� ���A��� ��)$��

���� ������ 6A� ���� J ������ � ���0����� � ��� ��&���� � ��� � �$��� ��� �����

� ������� ���������� ��� �� � %S���� �������� ���������� �������� ����

����� ��$����� �A������������ � � ����� ��� �%������� � � ��������$��

��������1����� ���-�� �� � �%��%�� ����� ������� ��� ����� ��1�������)���

������ �- ��������������*�����A���� �������� ����� �� ��� �������� ��

��� � J���� *A������ � � P:���� � ���P� ��� P)�*� ���P�� 3� ��� ���%�� � � � ����� ��

�$�����%�� �����'�����$��� � J�����$���������%�����'������� �� �� �� �'��

8 ���� � � ���$�� � � ���� P.������ ��� ����� ���� ��� ��J�P� ������ ��� �����

������������������������� L��% ��� ������ ��$����� ���� �M��8 �����

����$��� � �����������������������% ��� � ������ ������������ � �����

����-�� ���J ���� � PJP�� ����������� P5P�� �����������������.������ ���J ���

� �A�� �� � ���������������������

FJ� ��� � �� �� � ���$�� �� � ������ ����� '� � ����$�� ���� ��0J��� ���

��� ��� ���� �� � � ���,� ��� � �� � ���$�� ���� �� � ������� L���������

����%����M�� ��� ���%�� ���S���� L�� �� ����� ��� �� �� � ������ �$�/

��� �� �� M�� �� �� ��&��� � �� ��� �����*����� � ��A����� �� � '� �

����%�����-�$�� �� J� �������� � � ����� � ������� �� � ��� ����%&���� �����

*����� ��� � ���*�� ����� � ������ ��� �� �� �� �� ��� ��� ���� �� � ��A�

� ����� �� � ��������&�������� �� �� �� ������ ���������-�$��� ���� � � ��

'� ��� ����� �������� � � �� � � �������.A��� ����� ������ ���� �� �� P����P� ���

(http://educaterra.terra.com.br/voltaire/cultura/2004/09/22/000.htm, consultado em fev/05). 85 Estão sendo analisadas as Séries Temporais do Rio Amazonas em função desses dados. Veja mais em www.cognitus.org.br.

Page 158: Padroes de Design Hipermidia

�=B�

���� ���� ���������%�� ���� �� � � �� �� ��� ���� ��% ����� ������ � � ���A������ ��

���� ��������� � �������� ��� 6I�*� >� �� ��� ������� � �� � �� �� � � ���� ����

��� � � ��� ��� �H� �� �� ��������B@������������� �������*���0������)���

������5�� ��B?�� ���� ��� ��� ���������*� ���*����� ��� ������������� ���

��� ���� ������������ ���������%� ����������-�$�� �� ��� ����������

� �B@j���������*����� ��� � ������� ��%�B9��<��������� ����� ���� ������������ �

���� ����������������$��� ���������� ��������������� ����� ����� �- �� ���

������ �� � � ���A������ �������� �� � � ������ �� � .� � �� � ����%� L�$��

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

�����������M�� 3������ � �������� ����� � �� �� ��� ��� �� �� � ��6���� ���� ����

%��������� ����� ������������������$����

! ������ ���� ����� %����$���������� ���� �� �� � ���$������A������

� % � ������ ��� � ������ � � � � ����� �� ���� ���� ���� ����S����� � �������

����� ��� �����-���� ��� % -� ���� � � �� ���� ��*. ��%�� ��*� � � ���� ���

P���� �P��$����������� ��������� ���� �����

86 www.sun.com 87 Apostila de curso Designing Web Usability.

Page 159: Padroes de Design Hipermidia

�=;�

C;P��A���' ��B ���� �� �&�� �'���?Q����� � ��'�

! � �%��%���� �� � �� � �� ����� ��� ��� �� � � ������ ���� �� �����

�� �������� ��� �������� ��� ���� ������� ����� ������,�

�"��!�+��

�"��3�"#��

�01�"�

���"��

�"#��

���#�*$%�

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

��)�$%�

��#�!�"����

�!���*����$%�

���#�"�"����

@;�!�������

������ ��$��

7� 2 ������

=� �������

?� !� ����

����<�� ��$��

7� (�� ��

=� E ��&�����

?� (�����

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

7� �������

=� 4 �������

?� :��*����%��

5;�!���/�#�

������A������

7� 8A����

=� ) �������

?� )��*0����

����8A����

7� F����$��

=� )�����$��

?� :��� ���$���

����:��'�����

7� F����� �����

=� !��S����

?� F%�����%�

C;�!/����$%�

����!����

=� )0�����

?� G������

9� <� ���%��

B� :�������

�����������%���

�����������

���W�������� ����:�� ��� ����

�"����@DJ'���"G����)F�������"��!�+�������"�!&"*���0�"�;�

Page 160: Padroes de Design Hipermidia

�?@�

���������? ������� ���

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

%��������� ���D���� ������� J�����0�������&��������� ��& ����D�������� ����� �

����������� ��� ������ ��&���N��A��� �� ���� ����������������� ����%��

��������% �������� ��&����) � ������������ ����� �� J ������������� � ��

��� �� � �� �� ��� ��� ��� �� � ��� �&% ��� � ���� � �� ���%��� ���*������ ��� ��� �

� .,�

�� !�� ��$�����<�� ����,�

• �������:�������%���

�� !�� ��$����<�� � � �

• :��������

• ��-������-���

• G���8 J��

�� !�� ��$����<� ����$��

• 8 �*5� ������

8�*'�� *���� ���� ������� �������%��� ����� � ���������

����� � ������� �������� ��������,�

7� :������%���

• 8���*���� �� �1�������)���

• 6** �H�I5����(�<�:�F�� �) � -����

F�� ��� J ����� J�������� �� ���� �&������ �� � %�� ����� ��� ���

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

� ����� �� ��� �A��� � ���� �A���� �� � �� ��� ���� � ��� ��� ���� � � ����� ��

������ ��� J ������� >�� � ���� �� ��� �A��� ��� ���� � ���� ����� �� � � ���

Page 161: Padroes de Design Hipermidia

�?��

� ������� � � � ��� ��� ���� ��� ��� ����� ���� � � � ����� ��&���� J������� � �

����� �$�/��� ��� �������%�� � �$�/ ����������� �� ����������� ��� �,����� � ���

��������� ���� ���� ��� �� ��&��� � � ��������� ���� ���� �- ���� �A��� ��

�������%�� ��� � �� ��&���� �� �� ������������ �� � ���� ������%�� � ���

� ����� ��������� �*. ��%��� �� � �� �� L��� ��� � �� ���� �������� � ������M�� ���

������������ �� �*. ��%�� � � �%��% ���� ������ �� �� � �� ��� � ������ ��

�U� ������ �����A������������ �� ��� � �� ���

Page 162: Padroes de Design Hipermidia

�?��

@; �"��!�%����!�������

�����"����*����"1��

1�� J �������������%������� � �� ����� ��� �� ������ ���� �� �������

����� ������� ������$������������� �:��� ����:�������%���L��::�M��3����::��

� �% ��� ���&�� � ������������ �������������� ��� ����L8 ���R�"�������

�@@������;�M��:�������������� ������������*. ��%����� ��� ������������� % �

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

������������� ��%��������A� ��� ������-����������� ����� ����������������

1�������*. ��%�������������� �� ���������'�� ������� ������% ���� �� �����-�$��

����*����$��� ����� ��������� .�� �%��% ������������-�$�� ����� �� ���%���

������A������ ���A����� ��� ���� ��� ��� � ������� � ��%����$�� � � ��� ��� �����

:�� ��� �8 ��� �"�����,�

<����$��������������������������������������E�JJ��Z������ �����

���CJ�b" ��$�� ���:�� ��� ���c�������� ���� ���� ������!������

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

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

��� ����������� �� ���������� ��������,���� ��� ������ ���� ,�� ����

���� � ������� �� ��� ������ �������&� L8 ��� R�"������� �@@��� ���

���/�M�

>� �������$�� ��� ������ �� � � ��::�� �����-�/� � �� � �� �� ��� �����

��� �� � � ���� ���� ��� ���� �� �� �� � � ������ ���� � %��$�� �� �����-�$���

� ���� ����������� ������� ��$����������-�$�� �����$��������� ��������A�����

�� � � �� F�� �� �� � �� �� ����� � � ��� ��� � � ������� � ����� �� ���A���� ��

��� ������� ��%������� � ����L�M�������������������� ���� � ����������� ��

� �� ���� ����� ���� �������� �������������� ���������-�$��������� ����

L�� ���� ���� ��% ��$�M����L�M���� �� �� ��������������������������������

��%�� �������� ��� �A������ ��� ������ ��� � � �������� �� ���� ���� �� � � �A�

Page 163: Padroes de Design Hipermidia

�?��

� � ����� �� ��*����� � ����� � � � � ������� �*. ��� L��� � � ���� ��������� � �

���� ���BB��������� ������� ��� ���Q� �� � � � ������� ����� ������� J ������

��� ��� ��� ��� � J���� ��� ������ ��� ����$��� ��� ������%�� � ����� ����

���� M���

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

��::�� ��� ������� � ��/� � ��%��% �� �� ���������*��A������� ���-� � �� ����

�������������������������������4���� �������%�������:���� - ����������� �

���A������������-�$�� �� �� ���������S����� �����A���� �������������A*����

���������X���� �������������� %����N���'���������-������'��� ������ �����

� ��� �� ���� ��� ����� � �� ������� � �� � ����%� �� � ��$�� � ��%��

��� ���� L8 ��� R� "������� �@@�M�� � ��� �� � � %���� � ������� ��� �������

� ����������� ���������� �����$�� � � ������� � ���� ��� ����� ��������� �

� �����$�� � � �� �� �������� ��� � ������� � �S������� �� �� �&����� � �

��� ���� �� ��$������� ������',������ ����� �� � �� ���� �� � � �� �����*����� �� � �

���*���$��� � � ����$�� � � ������� � � ��� ��� ���� ��� ������� � � �$�� ��% ��

�� ����� ����� ��%'�� � � � �������� � � J�������� ��� ����� ��� ���%����

� ���� ��� � ���� ��� ���� ���� �*. ��%��� � � ��� ��A����� A� ��� ���� �

�����*����� �� �� ��� ��� � �� ��*�����-�� L8 ���R�"��������@@�������?=/?M��

F�� � ���� ��� ���� �����%�$���������A������ �% ������ %A/�����������������

��� ������� ����� �% ���� �����-�� � ��� ��� �� ��������� �������������

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

����� �������� �������������� �����A� �� �����D� ���� ���� ������ J ������

� � ���������������%������ � ��� ����������-��������������I������ ��*�������

/���� � ������ ��� ���� ��� �� �������� �� � � �� � �������� � ����� ��

�����-�$��D���������A� �������D�����������%���������� ���������*������

������'�����������-��������� ������������� ����'���� �% ����� %������

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

���� �������

88 Este elemento tem diferentes nomes em diferentes plataformas: Gadget, Componente, Objeto etc.

Page 164: Padroes de Design Hipermidia

�?7�

3��&% ��� �� ������-�$�������������������� ��$������%������������A�����

� � ��� ������ ��������%�� ������ � ������ �� �� � ����$�� � � � � ��� � � ��� �����

� ������ ����'����� ������ �� �����-�$�� L� ������ �� ������ � ���� � � ��� ���

� � ��� ���U����/�����M�� ���������� ��� ��A���� �� � �����-� � �����-�$�� ��

�� ��&��� ����� � � �� �� ��� �*� �� �� � ����� ������&% ��� ��� ��� ����� � �

��������� � �� �����-�$��� � � ���� �� � �$�� � � � �� � ���� � ��� ���% ����

J� ���� � � �� ����� �� ��� � %�� �� ��� �� � � �� ��� ��� ���� �� � � ���

� � ��������%'�����������-�$�����������%��� ��� � ������ � �� ��� � ���� �

��� ����� �'�� � � �� ��� ���� �������-�� �� ����%������� � � � � � �� ��� �����

�� ����� �������������� ������ � � � %S����� %�� � ����� ���� ����$�����

� ���� ����� ��� ��������������F�� ����� ����� �� ������-�$��� ��������

��� ��$����� ��� ����� � ������������ ���������� �������� ��$���� �� ����$���

�� �� ���� ��� �� � ��-� � �� ���� N� ���� ����$�� �� ���� � ������� � � �

�� ����$�� ������&% �� ��� � � �� � ���� �����-�� �� �� ��� ��� ����� C�����

����� ��� � � � %S���� ��� �� ����� �� �������*���-��� ����� �� �� ���� ��

��� ��$�� �N� � ������-�$�� ��� ���� �������� � �A� �� ��� � �� � ��� ��� ����� ��

�����-�� � ��� ��� � �� �� ����� �� �������*���-���� � ����� ��*'�� �

���**����� �� ��� ����� ����� ��� .������ ������ ����� ��� �����

� �

Page 165: Padroes de Design Hipermidia

�?=�

5; �"��!�%����!���/�#�

���X������!"���DW

3���� �������. ����� ������ ���� � �%��%������������*. ��%�������A������ �

�����% �� ��"1�)��$%�2 ���!��!�"��!��� � �#�!#�"���$%�� ��� ���. ���� ���

������� ���� �*. ��%���� ��� � � ���� �� ��*����� ��� ��� � � � �������-�� ���� ��

���. ��� � �� � � ������� � �� ��� ����� � ���$�� � � ��� ��� �� �� � �� �������

L�% ��$��P�*0� P������ �$�;@M�����% �����%� � �� �� ������. ���� J��������

�� ���� ���� �� ���� �� �� A� �� � � ���� ����$�� �� � ��� � ���� �������� ����

�0����������� � ���*��-���� ��"�Z�"�����!"�"1�LG�����?M���

F��� P���S��� P�� �������� ���� ���S������� �.� �� ��� ������

�!"�����;���'� ��% ��� � ������ � � �% ��$������ A� � � ����� ����$�� � �

���� ����� ����*�������$��N��% ��$��� �A������ �N�� �� ��$�������&����F���

��� � � � � � ��� ���$�� ������� ��� ��� ��$�� ���� ��%� � ���� �� ��� ������ � �

�� ����� � � �� ����� ������������ �� ������ ������������. ���� ��� ����$�/

��� ������������ ����� ���S������� �� ��� ����� � �� � ���� ��� ��% ����� ������ � �

89 Extraído e adaptado de texto elaborado pelo autor para relatório anual de atividades do projeto Cognitus. 90 Por seção entende-se a estrutura taxonômica do menu: agenda, banco de dados, notícia etc.

�!"������k�[� ��� �

:��� ����$��

�"�;@WJ���S��� �:������%,�)�����J�(� ����

L�������

Page 166: Padroes de Design Hipermidia

�??�

���� ����� � �� � ��� % ���� ��� ��� ����� �� ���I� �'� ��� � � �� ��� ���%&� ���

��� �������� �� ���%��!"������ �����������$�������� ��

����� � � ����%������ ������ ��'��������%������ ��� %���/����� �� �� ���

J������ � ���S��� �� J�� �� � ��� ����'� ���� ����� �� � ���� ��%�� ��� � �

��� ����� �� ���. ����� �����,�����2#"3!#"�� �/")���/"�;�d�� ���� ���� � ��

��� ����� J������� � �� ������ ����� ���� ��� �� ����������� � �� ��A� ��

� ����� ����$��� � ���S��� ��������%� � � � % ��� J�*����� � * � -� L���M��� � � �

����� �������A��� �����������?������ ���� ��� ��������� ���������� ��

������������ �����'����������$��� ���� ������ � �� ����������������������

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

� � � �����%�����%������ ���� ���� ���� � � �� �% ������������������

� �����������. ���������% ������������$����������� ��$�������� ����� ����

���0��������!���� �� ��� ��$��� �� ���S���� %����� �� ��� � � � �� ������ ��

��� ��$�� ��� ���A���� ������� �� � ���� � � �% ���� �� � ���� � �� ���S��� � ��

���� ����%� �� �� � ����� �� �� �� �� � ����� �� �� ����� �� �������*���-����

����� �� �������������������. ����� � J�� ����� ���$�� ���� ��$�� ��� ���

����������� �� �� �� ������� � ����� ��� ��� � �% ���� � ��� � � �� �����% /� � ��

� �% ���������0��������. ����� ��������

�� ���$�� ���� � �� ���� ��� � � �� ������ �� � ��������� � ������� ���

�� �����$�� ���� � ��% ����� � � � ��*������ �� �� ���� ���� ��� ��*�����

������ ���� ������ � � %�� � ��� �� ���. ��� �� � '� � �������� � �� ��� ���� G���

�� �������� � ����������� � ����������� ���% - �������A� ����$������ ��

��� ����� ���� � � � �� �������� � �� ��� � �����-�� ��� � ��� ���% ������� ��.�

�� ��$�� ��� � �� �����3�� ��������S��� ���'��� �� �%���N�� � ��* ������

��� J� �������� ���� ��$������,��� �����3�� ��'���� J ������ ���� � � ��� �

������������*������������ ���� ���A������� % ����/���������� ����� ���� ��$��

� � ��� ���A��������� ��� ) �% � ��*'����� ���%���� �� ��� ����� � ������� ���

91 Como "unidade" nos referimos a cada triângulo que compõe a interface batizada como Pirâmide Cognitiva, conforme a Figura 16.

Page 167: Padroes de Design Hipermidia

�?9�

����� � � � ��$�� ������ � ��� ��� ��� ������� �$�/���% �������� �� � �� �� ��

��� � � ��

���"�Z�"�����!"�"1�� �� � ��� ����������� ������&% ��� �� ��� �������

� �� ��� ,�

• ���� ����� �L�&% ����"��� ������� ��$���� ��� � � M,�F��������� ����

���������������� ������������� ����� ��������S��� �� �����*. ��%��

� ��������� ����� ���������� ������� ���� % ������ ����%�� �

� �� �A/����8�������� � � ������������������ ��� ������ ���������

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

����� �� ��� ����� ��� J������ � ��� � � � L����� N� �� ��� ���$�� � �

������� �� � ��$�� N�� ���% ��� �M�� <� �� �� �� �� � ���� ����

� % ���� %���� ��� ������ J��������������� ������������� ���������

����Q� J����������������� �������������. ����� �������

• ) ������� ,� F�� �� �$�� ��� ���*����� �"����� �� ��� ��$�� �� ��� � � ��

��0�� ��� ���� ���� ��� ���� � � �����$��� �� %������ � ��� �� �

����������� ��� ��% ����� ������� �� � ������ ���&����� ��*� � �� ��� ��

� �� * ������ ������%�� ��������������� ��* � � ��� ��� �� ��� ����

� ������������ ������������� ��� � ����������������� ���*� ����

���S�������� � � ��$�� ��� � � ���S��� � � �� � ��� ���������� � � ����

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

���������������������������$�����*������� �� � �����������,�����"����

����� ��$������� � � ��

� ������ �� ��*.- �� �� ����� �������� ������� ������� ����% - ��

���� ������ L��������� � ���M�� ���� % - �� � ���� ������

L� % ����� ��� ������ ��������� ��������� ���� ����� ��

����� �M���

*� 3� �����0����� ��� � ��� ���������� P� �� P� &��� �� �� %A����

����� �������>����&�

Page 168: Padroes de Design Hipermidia

�?B�

�� 3� �����0����� ��� � ��� �� ���S��� �� �'�� � � � ������� �� �

���%������� ���� ����� �&��� ������� ������� ��������������

��������� ���� ��� ����� �� �������J�� �� J����

�� T��*� �%�����%�� �� �� � �� ������������� ����������

� �������S�������

• 8 �� ����� ,�1��% -� � �� *����� ���%������ ��&������ ���� ������� ���

��� � L�&% ����"��� �M�� � ������������� �����%�� ����� ������� � L�&% ��

�"�������%������ �� �� ���������� ������ ���� ��� �� ��� ������������� �

�� ��������� �� ����� ����������*�J��L�&% �� ����� �4�

� :�� �,� � ����� � % ���� � ������� �� � ��� ����� � ���

����� �� �� � J�������3��� ���AJ������ ������. ���� �� �

� ��� �� ���%� �� � N� ���S��� � ��� ��� � % ��,� � ���$��

��� ������������ � ���������������� ��� � ��� �� ����� � � ��% ����

A� ���������� ����� ������*�������� ��$��� � ��� ����

�������%�� ������ � �� ������ ��� �� �� ���� ���� ��

����� J��� � �� ��� ��$����U����� ���������-�$������

����������%��������#�����-U�����d�� ������ ��� ��� �����

%����� ��� ���� �������� � ��� ����� �� � � ��� %��

� % ������������������������ �� �N����� ��� ��� ����� ����

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

� ����� ����� �� ��� �����%�� � % ����/�� ��� ���� � ���� ��

�� �� ���% �����������$��� �������� ������%�� ��%����� ����

����� �� �������$�� �� �� � �� � �� ����� J������ � ���

��� ������ ���� J ������ � � �� ��� ����� � A� �=� ������ � ��

��� ����� J������� �7�� � ������ � ������ �� � � ��� � ��

� % ����� � ���� �� �������$�� � � �7V�=� � � ������������ :���

� .�� �����&���� ������� ��� ��%��� ������ ������� �B� ��� ������

� � ������������� �� �=@j�L�7V�BM���

Page 169: Padroes de Design Hipermidia

�?;�

*� 9����0����� ��� � ��� ���������,� �� ������ ���� ��� &��� �� ��

P:��P;��� ���������� �L���S�����M����������������0����� ��

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

� �$�� ��*� �� ���� �� F�� � �� �� ��� � � �� ��� ���&���� ���� ��

���� � �� .� ��*� � �� � �� ���, ��� ���� ��� �����������> �� �

����� �� � �$�� ���&���� �� ����� �� ����� �� �� �� � � ��

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

�� 9����0��������� ��������S��� ,���������������������*� ����

����� �L���S�����M���'��� �� ����$��� �&���������� ��$����

� ��� ����������� � �� ���� P:��K�P� �� ���� � � ��� � ��

����������� � ���� ����� ������� � �� ��������� ����$��

������� ���*� ��������� ��� �� ������J�� ��� ����� ��

�����������S��� �������������� ����� ���� ����� �,�

�� P� ����� � ���P,� ����� �������������� � � � ����� ���

��*����� � �� ��� �� ����� �� ! ������� %����� �� � �

P��������� P� ��� ���� ���� �� ����� � � ������ � � ���

&���� �%���������� � � ��

��� P� ���� ����P,������� �� �������������������������

� ���� ������ � ��A�� ����� �����L����*���-�����%'��

� � ��� ��6��� ��� ���������� ��� ���A���M�� � � ������ � �

� ����� ������� ���������%������N������ ��

���� P������� � � � �� ��P,� �� ��� ��� � � �� ��� ���������

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

�%� P����-�$�P,����������������-�$��������� ��

%� P�����P,� � ������� �� � �� ����� ��� ���� ���� L�����

����� ��� � �� ����$��� ��� � �� �� � �� �� � � �� ������

� .���� ��������%&� ������� � ���������&�����M�.A�

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

92 O logotipo do projeto COGNITUS simplificado.

Page 170: Padroes de Design Hipermidia

�9@�

� F�� ����� �� ���� � � ��������,� �� ����� �� ����� � � �����

��� ��������� �� ������ ���������*�������� ������� �� ��

�������$������� ���� �� ����������������� ��

*� 4����,�3�� �������������� ��� �����'� ���������������P�����P�

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

J������� ����� � ��� � �������� ��� ��� �� ��� ����� �$�� ����

%�%�� � ��� ������������ � � �� � � �� ����� �� � ����N�� ���

����� ���>�� ���� ���� ���� �������� � �� �� ��������� ��

����������%$��� ������������� �� �������������������

�$������ ������

) ��� � ����%��� � ��� �� �� � � �� � �� ��� ��� ���� ��� ��% ���� A� ��

����������� �*���$��� � ��� ������ ����� ������� � �U� ����������

#�����-U���������� �������. ���:�������� ���� � ����� ��� ���� ��������

�� ��� ����� � ���� � ��� � � %������ �� ��%��� �� � � ������ �� �������

����-�� ���� ��� ����� � � � ��� �����������. ��� �������� �����������

������

�� ��� � � � �� ���>����� � ������ � � :�������� '� �� ������� � �� �

���������� ����� �� � ���>�� �� #�������� ����� ��� � � ����� ��A������� �� � �

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

�������%� � �����0���� L� ������ ���� ����� %'���� �� � �A������ � ���� ��*��%��� �MQ�

����� �� ����� � �� ��� ���A���� ��0���� � � ������� ���� ����� ��� ���

�� ��&���� � �� � � J�� �� ����� ��� ������ � �� L������$�M�� � �� ��� �����

L ����$�MQ����>�� ������ ��� ���� ����� � � �� ���� ���� ��������� �� ��

��������������� ���� ��� ��� ������-������ � ���$�� �� ���$��������0�����

� � ��� ��$��������A����� �� ���$��������� ��������� ��� ������ �������� ���

������A� �������� ��F���� ������-�$�� ��� %�� �� �����0������� � � ���%'��

��� .���� ��� � ������ � � ���� ��� ����� ��� >$�� �*���� �� ��� �&% �� ��

Page 171: Padroes de Design Hipermidia

�9��

��� ��� ��$������� � � �� ��������� ��� ���A� �� %�����%������ ���� ���� �

���������$����� ����������� ����� ������� ������� � -����� � � �� ��� ���

%�����%� �� �� � ���� �� � �$�� .� ��� ��$�� ���� ���A����� b J� ��� �L�M�

�����������L �M��� ���� � L�M�����c��

Page 172: Padroes de Design Hipermidia

�9��

��G"!���G�!;�

�"���� 56J )�� � � � ��G"!� ��G�!,� � � �� �� ��&��� � � ��� ���. ��� ��� �������������

��������A�����������������

3���� ���-������-��� ������� *������������������� �������������������

6��'� O�� �� "���� �� � �� ���. ��� ��U����� ��������A����� L0� ��� ��%����

J�����$��� ��� � � ������� � ���*�� ����M�� > �� � ���� J���� � ��� � � � '� ���

J ��&����� ��� ��$��������� ����� ����E�"#��1�)�#"�!(�"��������������� � ����

���� ��-���� ��� � � �� %����� ����� ��� �*�� � � �� � �� ��A% �� �� ����

� ��0����� � ��� ��% ����� � ���*�� ����� ����A������� ��� � �������% �� ������%��

%�� ����������� ������������ ����� ���$�����������

>�� ��� �� �� ��� ����� � % � J������ � ��� � � � ��*����� ����� ������� �

����� � ��� ��� ������ ����������� -����������%�� ���� ������ �������� �D�

�&% ���"����D���� ����� ���� ���� ���� ��� ������������������ ����� ���� ������

93 www.aliveriver.com

Page 173: Padroes de Design Hipermidia

�9��

�� �� % ��&��� �;7�� % � �� �� �� � ����%���������� ������ �� �A��� � �����D�

�&% ����"��� ���3���� �'�� ���A� ���� ������� � �� ���&���������� ����������'��

��*'�� �� ����� �� � � ��A� �� �� ��& ���� D� ����� ����� �� ��*� � � � ���� ��

����������$��� ��0�������������-����� ������4�* ���������������<>�F;=�� ����

��� � � �� ��% ��$������ ��� ���� ���'��� �����-U������������-�� �� �

���� ���� � J������� ����A� ����&������������ � -������ �����"!��.�*��*�"��

����� ��� �� � ���. ���� �� ��'�� '� ����� ��� ����������� �'�����/���� ��

J� ������� � � �� ���$�� � ��� ��$��� ���� ����������� ������� ������������

�� ���"���� ������� �� ��������� ���� �'����(� �� � ������ ��� ����� ��%'�� � �

������ � � ���� ������������L!���)�������@@�������=�/�M&��

3���� ��� ����������*�&����������������� � � ��� ����� ��������-�� �

����� ������� L� J���� ��� �� ��A����� ��� �� �� ��%�� ���M� � ���� �����

L��&����� � � ��&% �M�� � � ����� �� ���� �'���� �� ����-��������� ��� ����� � �

�&��� ���� ��� ������� � �������%�� F��� � ���$�� �$�� '� %�� �� � ��� ��

��� ����Q� ��� �A� �� ���������� ��������$��������� ���� ������ �� ���. ����

��%'��� ����� �������� �� ������ ���$���� �����*���-������%�� ���������

����� �������� ��������������������,������� �� �� � � ������$�������������

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

��� � ��/���� ���>�� � �� ��������� ���������� �� ��$���� ����

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

�������������������������������� ������� ���������������������0��

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

���"����&�L�*���M��

94 Ícones no sentido convencionado a partir das GUI – Graphic User Interfaces – que significa pequenas imagens indiciais de baixa definição que remetem ao significado daquele diretório/software/outros através de metáforas, metonímias ou mesmo simples redução de escala. 95 INPE é o Instituto Nacional de Pesquisas Espaciais do Ministério da Ciência e Tecnologia – www.inpe.br.

Page 174: Padroes de Design Hipermidia

�97�

3��� .�� J��� ���� ��������� �� J��� �� ��� J��� ��0���������� ����� �����

�� ��� �'��� �� � �� � ����% ��A% ������������ ����� ����� ���%�� ����� �

�� .� � ������� ��$����������� *����� ��� ���� ����� ��� - �� ��� � ������

��*� ������� �������-U�������� J ������F�� ����� J��� ������� ������$��

��A� J��&���������� �������� ��� �����%�Q� � � ��A���������� ����� ��'�� �� �

������������%���������������� ���� � � � ���� �� J� �������������������

�� ����$�� ���� ����$�� ���������� ������ �������

>����� ���-������-������ ��� �����'���/���������%� �� ��� �������

� ���� ���� ������������� � � ��F� ��$��� ��� ����N� ���$��� ����� ��������

���*����.��������� ������ ��� ��������� � � ������ ��� � � �� ��� ���� ���� ���

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

���������������<����� ������������� ��������� J ������������ ������$��� ���

�� ��$�� ����� �� ��� ���� ��A� � ���� � ������� � � ����� ��*� � ���� � ��

����� ���� ���������� �� ���*� ������� ��$���>������� ���'������0�!������

��� � � �� �� ��� ���� ���� ��� � � � ������� � � %������ �� ��� �� �� � �����

���&��������<����� % ����������������� ������ ��������-�$���� J� ��������� �

�� � � ��� � � � �� �� ��� � � � � � ��-���� ��-��� '� �" ��� ��� �&% �� ��A�������

����������&% ���A���� ��������������&% �����'������8A��������� � -������ �&��� ��

� ��A ����� �� � ���%���� ���� � ��� �� � � ��� ��� ��$�� ���� � � �� ������

� �������� ������ ���% �������Q� ������ ����� � ��� ���� *��� ����� ��� ����

����&��������*� ���� ���$��� ������L ����������� �����$��� ��������� �M��

��� ����������� �� �� ���$��������A�����<������������������������� ���

��� ���$�� ��� � � � ��� �� �� � �� %����$���� ��� � � �� ��������� ��� ��$��

����%������ � ��� ��� ��� �� �� � �� ��� ����� � ��� �� ��� Q� ������ �� �� �����

��� � � �� �������� ��������������$������� � � � ��������-�$��� �� ���

�� ��������������������� �%���� ����� ������� � � ��������������� ����� � ����� ��

��� �������������. �����-������-����

� ��

Page 175: Padroes de Design Hipermidia

�9=�

�")���.�;?�

�"����5@J ��")���.�2��'��U���"U�2���"!���/�#���"�"!�)�*�������1E���

�������(�"#�*��*�"�2�)F�"������.�����H��)H���"�"���N�*���������#)����

��/��3!#"�����*"#��������#F"!����O;

��I��� ��I���*������������A������0���� ��� ��G���8 J��� ���� �

�� � ��� �� ��� ����� �� ��� ������ � � ������� �$�/���% ��������� � � � ��

��� ��� ����� �� �� ������3���$�,������� ����� ���� ���%��� ����������� �%����

��� ��������'��� �������� ������ �� ����� <�� ���%��� ���� �� �� �� �����

������ ��� ��$����� �� ���� ���%��� ���.��������� ������� �������� �� ��

�,����������� ����������'����������������� ���������� ����������������

M��������/ ���M������'��������������, ��������� �"�� ���L# ��� ������@@���

����M��F����������� ��&*������� �.����������������������L�� �� � � �����

���������� ��'��������� ������� �*��������������������� �������� J ����M� �

����� ����� L������ ��� ��������$�������0������� �H� �� ������������� ����

G��M�� �� ��I����� ��� ���� �� � � �% ��$�� ���� ����� ��� � ��� ��0�� ���

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

96 www.markamerika.com/filmtext

Page 176: Padroes de Design Hipermidia

�9?�

F�*��� � ��� � � � � .� �������� ��� ������ � �%����%����� � �����%� ���

� ���� ���� ���$�������������������� ������ ��� ������ ������� J��������� �

��� ����J � �� � ��� � � �� �� � � % � � �� �� ����� � ��� ��� ������ 3� ���� �����

���'���� �������A� ���� ������� � �� ���U������� ������� �� �� ���� ����� �

&�� ��� ���� ����� �����������������'������:����������������� .������� .�

����$��� � J���� � .� ����������� � �� ��� ���� � * ����� N� ��� ��� ��$���

���������� � ������$�� ���� ��� .���� � � ������ ��� ���� � ��� ���

� ��������&���� �������� �� � � ��������� ������ ���� ������ ��� &*������

������� �� � ���������� � ���� J����-����� F��� * ����� � � ��� ��� ��$�� '�

���� �&����� ���� ���*����� �" ����� �� ��� � � � ��� �&% ����A�������>���&% �� �A����� �

��� � � ������������������������������% �� �� ������� ������� ����'��� �

����*� ��� ������'�� �� � ����� ����3�� ��� ��0�� ������ �������'����

�������� ��� �� ��0������ F� � ����� ��� � ���� ������ �� � � % �� �� �� � A� � �

���� ���� �� � � ����������I�� ������ � � .� ������� ���� �� ������� � �� �

��U������ ��� ������� ?�� � ����������������- �� �������� �� � ��� � ��� ����

L)�� �����@@�M����* ������ ���� ��� ��$���$�� ����� �� ����� ������-�$��

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

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

Page 177: Padroes de Design Hipermidia

�99�

C; �"��!�%����!/����$%�

��!4[��!?HHH�� �*5� �������

�"����55J�!���/�#����"����!4[��!2#��*�����"!��"#���!���#���F���*��

���!������T!����

3����. ���8 ��*5�8 ��'�����������%��� �������%����������� ��� ����

�� ��� ��$�� �� �� ����$�� ��� � � � � % ��� ����� ��� ���� ���� � � ����$�� � �

�� ��&����:�� ��� �� ������� �� ����� �� �� �� ��� �'���� ����������������

�� � � � ��� ��� � � ��� ��� � ��%��/�% � � � ��� �� � � ������� � � ���&����

���������������� ������ ���������������� � � ���� ��$������ ��������������

���������0������ ��&���� �� �����'���������Q������� ����'���� � �� �� � �

� � ���J� �� ��� ��'�� � � ���������� � � ����� � � J�����T� ������� ��� ����

� � ��� ������8����> H������'���� �� ��������� ��� ����� ������������

� ��� ������ ����� ���������'��������I����� �� ��� �� � ��� ���� ��� �� �$��

��������������0������ � ��� ������������ ��*U���� � � ��1��% -���*�������

<�� �� ��� ��'����S����� ���� ������ ������ �� ��� � ��������� �������T�

����� � � ��� � ��� ������ ������ � ������ ��� ������� �� %�%�� �� � � �� �� � � �

��� ��� ��� �� � '� �����-���� ���� ���� ��� T� ������ J ����� � � ������

Page 178: Padroes de Design Hipermidia

�9B�

������������ �� ������ ������D�������� ��� ��� ���� �� �P���P������� ����

�$���� %�� �� �� � ���������

8��/� � � � ��� �� ��$�� � � �������$�� � ���� ����$�� � � ��%� � �

������ ����� ���� ���/���� �� ����'����!���0��� � ������/��� � � ��� ��%�

L�� ���M� ��� ��������� � �� � �$�� �����&�� �������� �� �� 3�� ����� ��$�� ���

*����� ������&% ��� �� � � � ��� � P�������$�� ��� %��P� ���� ��� � � � ����� ��

������������F�������� ���� ����'�������� ����$������ %����� �������� ������

������ ����� �� ���.����� � � ��0�� ��� ������ �� ���.����� � � .��������� �� �

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

�� � � ��� � ���� ����� � ������� � � ��� ���� ����$�� � ��L�M� ������%�L�M�� >��

���� J��� ��������'���� ���&���� F���@� *5��@�'���� � � � ������� J���� ����� �

� ����A� ��� �� ��%��� � ����� ������� � �� � ����%�� � � ��� � � ������

���� ���� ����� ���� 3� �� � �������� %��������0����&� �� ���������� ����

% &������� ����&���'����� ����� ������� ����@�*5��@���

1��������� ��� ��� ��������� ���/���������� �������.����&������%��������

������������/� �������������������������$��������-��@�J��@������ ���� �

������ �� ������*�����&���� � �����������*� �����������������6A�������0�����

������ ��� ����������A������� ����� ��������� ��� ��� �������� ����� ������

�/������ ����������������������� � ���� ��������������� �S� ��� ����� �

��������%� �� ������ ���� ������

Page 179: Padroes de Design Hipermidia

�9;�

P; ���*����"1�

���F"4��)�!��W>���"!������WD�

8���*���� �� �1�������)���������������� ����������%����� ���

�� �/ �������,� � �� 1���� ��� )���� 3� ����%�� ��������� � � �*��� '� �

�������*���-�$�� � � ��� *� � � � ����� � � ������� �� ���� � � �A����� ��� ��

��� ����� ��%��� � ��� ���������� ���� � ��� � � ��� J$�� ���� � <�� �� �� ����

� �� ���%��� ��� �����*���� ��� ������� ���������������� � �� ��� ����� ���

� �������������������* ������������ ������� ������������������ ��������� �����

� � ����&% ��� ��� � � �� � ������%��� ��� ���� ��� *� � � � ������ � � ��� �/

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

���%'�� � � � ������� � ��-��� � �� ������ 8� ��� :�������$�� ���

% ������������8���*� ��%����� ��������������������� ���� �� ����������

�� ������ �� ���������� �� �� � ���� � J�����%� �� ����� � � %���� ���

� ������ �� � � �� ���� J� �������� �A���������� ������������������

���0�����8���*���� �� ������� *�����������N���������0�������������*. ��%��

� ������������������% ����� ��������������� ����� �A���������������

��������� ��� ��� � *���� ���%�� ��������������� �� � ���%�������������� �

� �� �� �� ������� ��� ��� � �$�� �A����� �� ����%�� � � ������ ��� ������ �� ���

�* � � ������������P���������$���A�P���

3� ��� � ��� �������&��� ��*� � ����� �J��,� � ������ ����� �� ����$�� �

��� � ��� �����3���� �������� �� ������������ � * ����%��� ���� ����*� ���

� ��� �� P� �����P� � ��� �A������ �������� �� ����� �� ��*� � ����� � � A����� ��

�����>�� ����������� � ����������� ��$�����A������3���� ��������������� �����

� ���� ��%������ �$�� ��� � ��� ����� �� �� � ��A� ������� ��� �� �� � �� � Q� ���

������ ��� ���*. ��%������ ��'��� ����� ��A������������A������� ��������A������

������� �����. ����� ������%��������L�������� ����� �������M�� � �� %������

97 www.toshibaplanet.com.br 98 www.usinadosom.com.br

Page 180: Padroes de Design Hipermidia

�B@�

������������ ���������� ���� � ������������ � ����%��������A������!��������� �

%�����������%��� ��� ���� ���� ��-�� �� ��� �� ��� ��� ,� P2��% �� �� A����X�����

�� � ��� � ��X�! �J �������� �������%����� J������������� ������ ���������

�&��P��

��1�������)���'������ ��� �������������� ��� �� ���8���*���� ��������

�� � � ���������$�� �� ��� �� � �� ������ ���� ��� �� ������ L��� �������

�������� �%���������� ���� ��@@=������������������������� ������ �������

�� � ��� � ������� J��� ������� ��'���� L ��� ��������� ��� ��&���� � � �@@@M�� ����

������� ��$�� �� �%��A���� ���������������%� �� �������8���*���� ��

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

��P1���P�'������� � ���� ��� ��� ����� � �����A� �����������%����

����� � ������A������ ���� � ���� ��������������������� �� � ������������� �

��� ��� ���� � ����� � % � ������ (�� ��� �� �� �� ��� �������� ��� � ��0����

�A����� F� � '� �0����� �� �� ��&��� �� � ���� �� �� � ���� ���� ��� �����

����%����� �� � �� A� � � ������� � ������ � � ��� �������� L������%�M� � � � ���

� � ��0���� L����M� � �����&���� ������ � ������ ��� ��� ���� ��� EA� ������

���������� ��� ����� ����� ������ L� ������� �� ������ ���B����SS������������

�� �& ������� �� �% ������� J ����������� ��. ������ � ��A��� �� ����%���$��

������ � �� ��������%����������������� � �$��� ��������������������

��� ��� ��� ����� �*� �� � ��� ��� .���� ���S������� 8 ���� ��� J$�� ���� �

<�� �� �������A���� ��A��������$��'��� ������ %��������� ��������� ��A������

*�� ����� �������% ���

3� ��� � � ��%A��������� ����������� ���&�����% ��� � � �������� ������� ���

��6�� � ��� ���� ��%����� � ���� ��� �'�� � � � ���� �� � ��0����� ��� �� �� �

� �� �� � �� �������� � ��� � ����� �A��� � '� � ���$�� � � P���� �A���P�� F���

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

��������� ������ �� � � ��� �� ���A���� �������� L � � ������ � � �@@7� ��� �� �

99 www.winamp.com: software de edição de listas e reprodução de músicas, entre outras coisas.

Page 181: Padroes de Design Hipermidia

�B��

������ ��� ����� �� � �%���� ������ � � �� ���M� � ���� �� ��� �� � � �������� ��

��0������A������

>���&% ����"��� �� ��� � ������ � ��� � � ��� �� ����������*����� � � � �����

���*0������������$�� ���������� ���� �� ��������-�������� ������ �������� ��

��������� ���%������������� ���� ��� �� ����������� ��������$����*� �� �

������������$��� ��A���������%�������>���&% ���"������� ������� ����� ��������

���*������ � � J�� � � ��� � ����� �� � ����-� ��� � ��� � � � ���� �� ��� ����� ��

������� ��������� �H� �����������%����

>�� �&% �� ����� ��� �� � �����'� �� ������� � �� � ���S������ ����� � �� ����

�&% �� � � � ������-�$������'�������� � ������� ������� J��� �� �� �� � �� ��

�������������������� ������-�$������&% �� ����� ������ ������ ��� ��&����F���

� ������-�$�� � � � � � � ������ �� � �� ��� � � �� ��� ��� � � � ��� ���� �� ���

� ��� LP����� �A���P�� P ����� ���� �A���P�� P����� ����P�� P��%����� ���� �A���P� �

����� ���� ���� M��3�� � .�� ������ � �$�� � �� ��� �������%������ �������� ��

��������$�� �� ��� � � �� � � ������-�$�� ��� ��� � �� ���$�� � � ��� ��� �����

�� �& ������ ��������-�$����� �� ����� ����������������� ������- ���� �

A���� ��� ��� � ����������-�$�� ����� ������������� ��� ������-�$��'�

������-��� ������� � ����� ���� *�����L���A����������� �� ��$�/������ �M��

�$��� � � ����������*����� �� ��� ��� �� �� ������ ���������� ��������������

�������������*����� �� �����$��� ��A����� �������� ��������� �������� ���� �

������� ��&% ��� ��������-�$���������-�$������ ����$������&% �����A���,�

�� ��� ����� ���� �������������������� � ������������� �� % ������� �����

�A���� � ����� �������� 8����'�%��A% �� � �� � � ������� 3�� ���� ����� � ��� ��

������ � � �������� �� �� � � � � � ������ �� �������� �������% � ��� ����/�� �

� � ���������� �������� % ���� ���������������������� J��� �������� �&�����

%�����%� �� �����-�$�� ��� �� ����� ��� �������&�� �� ���*���$�� L�&% �� � �

������ ��������� ����&����� ����%M� � ���� ��� ���� �,� ��6�� �� ��� ������ ���

�������������%���������������������� ��� ����������� � ��������'�� �� �

����� �$�� ��� ���������� *� � �� �$�� ����%� ������ � � ���A������� �� ����

Page 182: Padroes de Design Hipermidia

�B��

��%��������� �� �� ���������� ������������������ �� %������ ������������'�� �

� ���������������� 6�������� ������

6A� �� ��� � 8���*� ��� �� � � � � ��� *���� �� ������ �� � �� � �� �

��*� � �� ��� ��� �� ��� ��� ����� � �� ��� � � �� ��� ���� �� ���� ��� 3� ����

�� ������� � � � � ������� � �������� �� ��� ��$�� ��A����� �� ��� � � � � �

�������*����� � � � ���$�� ��� �A����� �� ��� ������ �� � � ���� ��$�� ��

�� ��&��� � � � ��$�� � ��0������ � ��� ��� ���� �� ��* � � ������ �� ����

F��������1�������)���� ������� ������ �� ��$���*. ��%����� � J&% ����

�������$�� ��� ���� �� L����$�� � ���$�� � � �A������ ���� J ����M�� �� �� � ��

��� ������ % ���� ��� �����������������������J&��������� � � ����������������� �

�����-�� �� �� ����� �� � ������ � �� ��� � �� �� ��8���*���� �� �$�� � ����

� ��$�������� ������� ����� � � �� �� � ����� ���A������������AJ���� �����

�������A������ � ������<���� ���������� � �������������� �� ���� �� �� ����

� ��� � �A����� ��� ����'� �� �A���� � ��� ���� � � ���� � ��� � �A���� ����

� � �� �� �� ��� ��� � ���� � �� ��� � &�� � ��� ��� �� �� ��&���� ���%������ ��

��� ������ �� �����������&�3������� ���� ��$����������������*���'����� �� �

���������� ��%��� ���� ����������$�,��� ��� ��� �� � �$�� ��������$�����

���� ����1������������������ ����� �� �� ����� ������-�$�����8���*�

��� ������������ �8���*���� ��'� ����� �������� ����� ���� �� ��� ����

�'�� �� ��A�����������&% ������������� ��1����� ����� ��� ������� ����������

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

>���� ��$���� ��� � � ���'�����������$������&% ����"��� ���.A������������

��� ������� �&% ��� ��*'�� �� � ���� ����� �� � ����� >�� �&% �� �"����� �������

%����� �� � � 1���� -� ���� � � ���� ����� � � ���� ���$��� ��� 8���*� ��� �� �$��

��������� ����� � � ����� ����� � ��U������ � ��������������% �������������

����� �� � �� ��� � � �� ������ -;;�� �'�� � � ��� ���� ��� ��� ���� �&� �� ���

100 Scratching ("arranhamento") é o procedimento de tocar o disco LP manualmente para a frente e para trás, causando um som de disco arranhado. Stabbing é semelhante, porém mais incisivo, uma "facada". Ambos são recursos comuns nos ritmos musicais hip-hop e rap.

Page 183: Padroes de Design Hipermidia

�B��

� ��� �� � � ��� � ���� � � ������� �� ��������� ������ �� �� �A���������� ��

�*. ��%��� ������������*� �� ��� �� � �������% ���������������������

�� �����-�$�� �� �� ����$�� '� ����� ����� >$�� A� ����� �� �&% �� � �

* �����N���������$��������A���������Q������� ��'� ���� �����-�������

�=�������������������%�/ ��� �@���

����� � �� ��*���� �������� � �� ���� ��&������������&�����*� ����

� ���*� �� ������ ����� ����������%��� ������������������ ��� �����

� ����� � � �� ��&��� � � ��� �/� ������� � � �� ��� ����� � ��������� 8���*�

��� �� � � � � ��� *���� �� � ���� ��� ���%�� ���� �� ��� � � �� ��A� ��

��*�����A����� �� �� � �� ���J��� �� ���� � � ��������$�� ��A����� �����������

L���� ���� ���&���'�� ������� � �� �� �*. ��%�� � � � ��-���� ��� � �� �� ��� ����� �

��� �������� � ��������� � �������� ��� ��� �� ����� �������L������ ����� �

����� �� �� �� ���M��6A��1�������)���'������������ ���-������*� �� �� �

�*���� ���� �� ������-���������%������� ������-����������0�/� ����0�����A����

L���%A���M��F�� ������� � ��� ��$�� J�� ������������� �� ��$���������$����������

��� � ��� ��� ������1�� � �� � ��1���� ��� )��,� �� ��� � ��*'�� � � ��� �A�����

������� L� ������ �������� � ���� '����� ����� >��� � ���� >�%��� ��� �%���� � �

� �������� �S� �� ��������� �������� �� �������M�������� �������� ��� ����

��� ���� �������$��� ���� � ����� � �� ����������% - ����� ��������� � �� ��

L.������ ��� )������� ��� 7�������M� � ����� ���� ��� ����� �� �&������ ��%'�� ���

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

101 Chamamos "fonte" o arquivo original trabalhado no software autoral para gerar o aplicativo para o usuário final. Por exemplo: ainda que não haja sistema de gerenciamento de conteúdo, um site produzido em Flash é composto por arquivos do tipo Shockwave (extensão *.swf), não editáveis, mas existe um "fonte" original que pode ser editado (*.fla) com o próprio Flash em caso de atualização.

Page 184: Padroes de Design Hipermidia

�B7�

K�44��R�#U[2;�;��; ;�����G���

3���� �������$�� ��� ��������� ���S����� ��� � ���� ��� ���� �� � �� ��

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

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

������ � � ��% ����� J ������ � � J� ��������� � �� ��������� ������ �� � � �% ��

����� ���� � ����� � � ��� � � *����@�� ��� ����� �J���� �� �� � �%���� � �

� ���� ���� �� ����������� ��������%��@�� �'� J� ��� ����� �� <�� ��������

���� ����� %���� L����� ��� ��0����� ��*� � ��� ����� %���� ������� �M��

�� ��� ������ ���� � ������������� � � ������ ��� P��� ��� ���P� ��������� ����

������ �H� ��������������� � �� ��� ������ �* ������������ ��N�������*���$��

������ ������� �P���% ��P�������� ������

! �������� � ������6** �H�I5�@7�������*U��� �� � * � ����� ������ ��

������ � � ����� ���� ����� �� ��������� � �� � � �� )�� �������$�� � ���� � �

��� ���%��� � � ��� ������������� ���$���! ����� ���������0����������� �

��� ����������� ��%�� � ��� �������������O�I��L�������� ����� �� M�� ���� ���

���� �� '� *������ �� � * ���� � � � * � ������������� �� � ����� ��

���*���$��� � ��� ������� ���� �� ���� �� ,� ������� �� �� �� � � �$�� ����

����� ���A����������������0��������� ���� ���3��� �������� ���� ����������� ��

� � � ����� ������� 6� ��� ��*U�� ����������� �� � ������� �� � � � * � N�� ��0�����

� ��������

>�������� �������'���O�I�� �������� J ��������� ����� ���$���� ����

������ ��.�����* ��������*� ��������������� �������������*�������F�� � ��$��

��*� ��� % ��% ��$���� ����� �������������� ���������* ������������ ���*�

��������� ��� ��� � � � �� ����� �� ����/� ��� ��*����� ��T� ��� �U� ��� � �

102 www.colgatewhiteningcenter.com tem um sistema de Inteligência Artificial (chamado de "Colgate Whitening Advisor") que responde a questões sobre branqueamento de dentes, eventualmente fornecendo links para o próprio site ou para sites externos, todos, claro, da mesma empresa. 103 Um exemplo que pode ser considerado hipermídia é o atendimento automático por telefone a partir do input de voz, como o sistema de ajuda da Telefonica em São Paulo, o '102'. 104 www.jabberwacky.com

Page 185: Padroes de Design Hipermidia

�B=�

�� �H� � ��%� �� �0�/(���J�� �� �� � �� ��� ��� ���� '� ���*����� � �������&���

��� ��%� �� � ��� � ���

6** �H�I5����*������ ���;;9����� ������� ��� �� ����- ����F��������

� ��������*U� �� �� �� � ��������� �� ��� ����� ��@@��������������������

%�� �� ������ � ��� � �$��� ���� � � ������ � ������� � �������

�-�% �� �� � ��������� ����%����� ����P��������P������������� ���* ��

���� ���� ����A����� �� ����� �� ���������D���% -�.���� �� � �� �� .���

���� ��� C� �� �� ������X� >$�� ��� ��� ��� ������ 6** �H�I5� �� �� �� ���� �

P%��P�� �������� ������������ ���� ���� ,����� ��� ����� 6�-;G&� 3� ���� �� '�

���������� � ������ �� ���$��� ���� �� ����$����*� ����� ��� ����������

� � ���% �� � �� � ������� ��������� �� ��� ����� � ������� �� ��*� � �� � �� ��� ��

�������� � ����� ����� � �����*� �� �������

1����������������6** �H�I5� ���O�I�� ���'������� ��0���������

��(�<�:�F�������������4�����O��� �@?��������� ���������� ����0����*��-��

�<�(�L���� �����<�� ���� �� ���I���(���� M������������g�(�L g� ���*� ���I���

(���� M�@9���� ���� �� ���� �������������� ��� ������ ����� ����������

�����*U�� �� �� ���*�������<�� �� ����� ������ � ����%��L���� .��'��� �H� �

��%� M����� ����� �* ������������ ����������������(�<�:�F��'�* ����������� �

6** �H�I5,�������������% �����*���$�� ��� � �� ��������� ����������A� ��

��� ��� ���� - �� ��� ���� � ��� �� L ��$�M� � � ��*U��� ��� ���� ���� ���

�'���������� �J����� ��������� ����������� ���(�<�:�F������ ����������������

�� ����-;U�&�

��(�<�:�F�� '� ��� J ����� � � �� � �� ��� ��� �� ���� � �������� * �������

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

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

��������������F����(�<�:�F���� ����������&% ���� ������������ ��$�������� �����

105 http://www.jabberwacky.com/j2about 106 http://www.alicebot.org/history.html - consultado em fev/05. 107 Para mais informações sobre XML, acesse http://www.w3.org/XML/ . 108 "Professores indignos de confiança" (traduzido pelo autor).

Page 186: Padroes de Design Hipermidia

�B?�

� ����� ��&��,�����%����� �� ������� ��'�������D�� ����������������� ��

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

���� ���� � ����� � �����*����� � �� * ����� ��� ���� �� ��%'�� ��� � ������ ���

��� ��� ���� �� � ����������� � �� � ��� �� � �� � ������ ���� ����/��*U�� '�

�����������

1��� �� ���� J ������ ������� �������������������� �� ��A��������� .��

� ��� ���$�� �������� ��� � � ��0���� ��� ��0����� '� �� ���� �� � � �%��%���� � ��

��� �� *���� ��� <���� �@;���� � � � ��� � ���������� � � � ������� ���� %����� �

���� ������� ������������ ��%�� /�����F�� ��� ����� ���������� ���� �

� � � ���� �� � �����A% ��� ���� ������ �� � ������� � ����� � ������� ��� ��

�� ����� ��� ���� �� ��� ���� �� *� � � � ������ ��� ������ ��������� ����

��� ���� ���8��/� ������������ �������� ��� ��������������&�

� �

� �

109 www.insite.com.br. Um exemplo posto em operação foi a campanha da Setezoom, uma personagem virtual colocada no site da Close-up (www.setezoom.com.br, mas o chatbot original, ao final desta pesquisa, se encontrava fora do ar).

�"���� 5CJ F��� �� �0�����

�� �� ��$�� ��� ������

����G���

Page 187: Padroes de Design Hipermidia

�B9�

�"���� 5PJ �"�� �� ����G���2 ��������� ��*���� �)�����*2 ����!1�)1"�� *�)�

�!�"��N�/"����E�����S5665O

Page 188: Padroes de Design Hipermidia

�BB�

�?���������

F��� �������$�� '� �� �� ��� ���%���$�� �� � ��� �������$�� ��� � ������

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

J����� �� ���%�� ���%����%�� ��� �������� � � ���������-��� �� ����&% ��� ��� �

�� ��&�������������$��'��� �� �� ���������������0�� �������� �� � ��*������

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

������ ���� J��� �� �������-�� ����� ���-������% ������� ��� �����&��� ��

���� ������ � � � �� ������� ��� ����� �� ���% ���� � � ��� ��������� � ���� ��

� ��������� N� �� ��&��� � �� ���� ��� -� ��� �*. ��� � � �����$��� * �� �����

�����-�����%���*����������������� �� �������� ������%��� ��8��������� � ����

������ ��*� � � � ��� � % � � �� %�����%��� ���S������ ������ �� ���� � � ������

* �������%��������*���� ������ ���� ��� �� ������� �����

Page 189: Padroes de Design Hipermidia

�B;�

�"������&"*���0�"��%��"�������4�����

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

��� ����� � � �� � � �A������� � �� �������&��������� ������������������

J��������������������������*� �������"������ ��&���������������

���� J������ ��&��������.�� ���� ����� �$�����% -��������� �������������$��

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

�������$�� � � � ������� �� ��� ��� � � ��� J� �� ����� ���� ��� * ���� N�

��� ��$�� ���� ��� � �� ���%��� �0�� � � ����$�� ���� ������� ����� � �����

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

���� �� ���/������� ���� ���'��� ���� �����������&�������������� ����� �

��������� �� ��� ����� ������0�� ��� �� �� � L��� � ������ � �� ��� � � � ��� ���� ���

����� �� O�I�� ��M� ��� ����� �� �� � L���� J ����� 8 �� *5� 8 ��� :�������� �

��-������-��M�������� ������������������������ �� ������������ �� � �� ����

�������������� ��&��� ��������% ������� ��� ���

)� �H� �� � ���������������������� �Q� ������ �� � � .���� ���� ��� J$��

����� � ���������������%�� ��� ���'0W�'��E��#������77� �C���J���� ���� �

� ���� �.���������������.����� ��� ����������% �����*�J������� � ��������

���.�������6��������������������*������������� � �� ���� ��� ����M�L�������

�@@��� ��� �7/=MQ� 82�� �������� ��� ���%�� � ���� �� �� � �� ��� ����� �*� ��

�� ����� �� ��������� ��*� � ��� �������� L���$�� ���� ��� FD�� � � � �� �

�����-��� �%�����L���'����� � ��U�������������6�� ��� � �������� ���M���%'��� �

����� %�������� �'�� � � � ������� � � ��� ��$�� � ��������$�� ������S� � L�82M�

L:����� �@@��� ��� �@MQ� �� ���� � � !2!� ��� �� � �� ��� ������ N� � � � ���

����-�$�� � � �� ����� �Q� :!�� � � A����� �$�� � ���� � ����� � ����� � ������

����� ����� J�����%�� � ������� ��'����� L%�� � �� ������ P���� 4��P�� �� ������

��U�����@MQ� ����� ����������� ��� �� *�J������ �� ����� ���� ����� �

��*'��� � * ��� ��� ���� �� J��� �%����%��<�� �� �Q��!��������0% �������

Page 190: Padroes de Design Hipermidia

�;@�

������ �� ����� ���� � ��U������ �� ���U������ ��$�� J�����������% -�������

��� ����� ���������%�� � ��� ����� � � � � ��� �� ��� ������ ��� ������� ���

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

� �����

<����'������� �������"������������������������������������

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

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

�� ��������� �����������������������%��������������

�������&��

<����'����������������������������*�����������$����������

������ ������ ��������*���� �������$����&&&� L# ��� �����

�@@�������BM����

3� ���� J��� � ������� ������ ��������� ��� ��� � J������ � ����� ����

� ������� �� ���0����������� ���'�� ��*'�� �� ��� ��������� ��%'�� � ����

� � ��� )�*� �� � ������ � � %����� � � J������ � �� � � ��� � �� % � �� � �� � ��

���� ��$�� ���� � J���� �� ����� �� �&���� ����� ����� � ��� �� J������ ��

���� ����/� � ���� �� J������ ������N����� J� ����!�������� ��!�������

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

����������� ��* ������������ ���� ��&���� % �� ��������� �&�����

���� ������ �� � ������� ���������� % ��&% �� �.A� ��A�� ����������� �� �

�������������A*������ ���� ��$����������������� � ��

��������� �� � ��� ����� �� �� �� ��&��� �$�� �� �� ������ * ����� ����

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

��������� �� � � � J������ � �� � �� �� �� � ��� � ���������� ����������

���� �������� �����-����� ��� ��� ���� � ������ ���� ���� ����� �������%���

�� � �� ����� ����������������� ��� � �� ���&���� ��������� ����� ��0�����

110 "Maria Rita", Maria Rita, 2003, Warner Music Brasil Ltda. 111 Os grifos são nossos.

Page 191: Padroes de Design Hipermidia

�;��

� �� ���� % �� ������-�������� ����$���'������������ ���� �����A����������

�������'���������3��� .����������������� ��� % � ����� �����������0�����

������%�,����:!/43���� ��$��� ��* ����������� ��$�������� � �D������

�����-�$��� ������A������ �������������� �� ����������� � �� �� ��D��$��

� % �� �������� ������ ��&��Q����.������ ��$�������� ������-������%����

�������������������.�������� � ��$��� % �� �������� ������ ��&��Q� ������

�������� ��:����('%5�� ���,��)����� �������������V��" ���������������'���$����

��������!��� �������&�)������������� ��������� ���� �������$������� ��

���'�� /��� ������������������� ��P�L('%5���;;?�����7BM��

Page 192: Padroes de Design Hipermidia

�;��

�����"�!��$%�E��*�"!#0*"���F"*���0�"�

%� ���������� �����'�� ������ ��� ��� �3����� �'����������

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

��������������������� ���������������5���������������

� ����6������ � �����������7��� � ��������0���� ��

����������������������������������� L����� <��

!������ ����;;9������79M����

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

�� ��� ������ �&% ��� � � ��� ���%��� � ����� P�% ��$�P� �� � %$�� �'�� ����

���� ����� ����������� �� � ��� �� ��� ���� ���� ��� ���$�� � �� �� J������ ��

���%���������������� ������ � J������ ��% ���D�������� �� �������� ��

���� ����� ��������� ��� ������ ���� ������ �� � �� �������� �� <�� �� �� D� �����

�������$�� ��� �� �'�������� ������� ��� ��&����� � ���*������ ��� ��*0��

������� �� � � �� ��>������ ��������� ��� � ����� �� �� � %�� �U����� ��

������������ �� �� �������������� ��&��������� ��0��� ��� �����������#�� ��� ,�

�8�6��W�������M����>�������������������������������������������������������������

������ ��� ������������������ ������������������������L���%�����@@�������

�9@/�M��3����� ����� �5��L�>�������� ������ �����%���� �� 0������ ��&���" ���

(�%��I�� ��� % ������5��5�����(�%��I��� �����,��%��������' ���������������

��������� ����A�� L(�%��I���������%�����@@�������9�M������������� �������

�&�������5��5����'������������ � ������������0���������&�

F�� �������� ���� ��� ���� �� ���� �������� )�� ��� %��� � ����� ���

P�>�������������� ���� �&������ ������"���� �������� �� � � ��� �� ��� ����� ��

������ �� ���� �� ���/��� �� ��� �� ��� ��������������� ���� ����� ����

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

L)�� �����@@7������9BM��

112 O grifo é nosso.

Page 193: Padroes de Design Hipermidia

�;��

���������� � ������ �� ��� ���������� �� � �A ��� � � �% ��$��� ���

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

� ������� �P� ��$������%�$�PM���� �� ��� %����L�M����� ������ ������ ��$��

�� �� ��� ��$�/� ��� ��� ���������A���Q�L�M�N������S��������� ������ V���

�� ����J � �� �% ��$������ � � ������� �� � � ���� ���� ���� J ������ ��

��� �� �� � �� � ���� ��%�� ������ �� � � ���A����� �� �& ���� ��� ���

�% ��$��� �� � - �� � ������ ��� � ���� ��� �� � J�� �� ��� � �� �� ���� ���

��� ������ �$�� ��% ���%���� ���������� � ����� ��� �� ���-���� 3�� � .�� ��

��� ����� � �'�� �� ���� �� � ��� � ������� � � ��A����� � �� ��� �� �� ��� �

����� ��$������0������� � ������*��������� J ��&����L ����������� ����

� ���M� � � �������������� 6A� ��� � ����������� � �����S���� ��� � � � � % ��� ���

�&% ������A������ ���� ������ ������$������� ��* � � ���� ��$�� ��� ��������� ��

� �� ���%� �� ����$�� �� � � �� � ���� ��� � ���$�� �� � ���� ��� ��� ���� ���

��� ��$�� ��� � ����������� J���� �S����������� � � ����� ������ ��� %������

� ���� ��� �������� * ������������������ ���&% ��� J���������A������������

��� ��0��������������� � ����������� ����������� �� ��� ���������� ��

��)$������,����.�% ��� ����������������$���* ��� ����� ��� % �� ������ �

�� �� ���0�������&������ ������3��� .��������� ������� �� ����'J���� ��

����J ��� �������$������ ������� ������A������ �������

�� �� �������������� ��� �&% �� �� �����S���� ����A����� ��� � ��*'�� � ��

%��*����������� � ��0���������-�������������� ���� ����������� �����$����

��� � � ��� .����� � ��0�������*0���������'����������������������� ������� ��

����� ���� �&������ �� � �$�� �� .� �������� ��� � � ��0���� ��� ��� ����� �� �

������� �� ���� ��� > �� � ����� �� ���� �� ��� ��� � �� ��% ��A% �� ��%'�� � �

����� ����� � � ��������� ��� � �/��� � � Q� �$�� �*���� �� �* � � � � ���

���A�����> �� ��������� ��$������ �������������� �� ���������� � � ����

�� ��� ������ ) � ���� � ������� �$�� �����-���� ���� �� ����0����� � � ����� �� �

113 Existem comunidades como o Templo Zu-Lai, na Granja Viana, que incentivam essa prática, de forma a manter viva a cultura do país de origem.

Page 194: Padroes de Design Hipermidia

�;7�

� ����� ����� ��$�� � � �������� ����� � �� ������������� ��� ��������) ���

��� ��������� �������� ���������� �� ����&����� ����������.��� ���'����

���'���$����������������� �����������$������� �� ������ � � ���$������� ���

�� ���� ����������� ������� ������� ������������ �����"������������� ����/� ����

� ����� ������%��������A���������*� �� � �������� ��� � ��0��������A������

:���������,� � � �� � � ���� ��� �� ���� J ������ '� J�*���� �� ��� �*� �� � � �

�� ���� ��� ����� ����� ��������������0������ ����������$��� ��$�� �����

- ���� ���� � ��� ���*� �A����������� *���� ��� ���%% �� �� � ��'����� ��

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

6A����� ������������� ����� ��� � ������� � P�$�������A��PM���� ������ ��

������ � � � �� ��� �� �� � ���A����� ��� ���� � � ����� � � � �������� ��

� � ����� ������� �� � ��� �� ������ � ��� � � � �'�� ��� ��0����� ��� ������ ����

����,��������������������������Q���� ��$���������������� ���� �Q�� �� ��

��� ��� �� �������� ��� �*����� � - ������� ��� � �� �� �� ����� �� ��� �����

� ������ ���������������-�� ������ ���� ��� ����� ��%�Q� ����� ������������� �

��� ���� ��� ��� ��&������ ����� * ���F�� �� � � ��������� �� ���� �� ���

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

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

1��*��� J ���������� ��*����� �� ��� % ��'������ �����--Q�������� �

�� �������� � � ����������%����������������� �������������� *�J��� ����

��� � � ��$�/���% ���������$��� � � ��������� �����������*����� �� �������� ��

> �� � ����� � ���� � � ����� � � � ���� �� � ���'�� � �� ����� � �

���� %���*����� ���������� ������������%�� ������$���� %������� ������������� .��

'������ ��&����� �����������3���� ��������� ��������$��� ��������* ����

�� �%��A��� �������� �������� ���$�������� ���� ������������4� � �������

����$�����Q� � �� �P��% P������$���% ���3����� ��������������L�$������

���M�%���� ��� ����������6��������$������� ���� �������������� ��8���������

114 www.mouchette.org - premiado site anônimo de artista holandesa. Ou seria um site de uma artista holandesa anônima?

Page 195: Padroes de Design Hipermidia

�;=�

���������� ������ �������� ����� ���%'��� �� ������� �� �������� ����

� ����� �� ��� ���� ���A������ � ���� ������ ��������� ��'�����

% - ������ ���� ���������

3����� J �����'� �� ��*��� � �6��'�O�� ��"���� � ���� �� �$�/��� ��

��� ���%�� � �� ���%���@@25CJ��)�#"������ �#�*���3���*���������� � �����

���� �� � ����� ���� ��� � � � � ���� �� � ��%� � ��� ��� ��������� ��� �� � �

���.������� �� ���� �A������ �������� ��� ��������U������ ��� �������'����

� ����� ���� ��� .���������� �������% ������ ��� ��� �� ���������A/��

��0�*���������� �����'�� � �������� �������%'��� ������� � � ���� �� �����

L������������ ��� �������M�� ������ ����$�� J�*���� ��� ������� � �� � �

���������� ������*� �� ���� �� ��� ���%���F����$��������A�������� �������

� �� ��� �� ������� �&���� ��� � ������� �� � � � % �A�� ����� � � �������

� � ������� ��� ��$���� ��� � �� �������� �N���'������ �%&� ��'����� ��� ��

���� ������� �� �� �0����� >$�� �*���� �� ������*��� ��� � %����$�� ��� ������

�����������%�� �������*� �� ������������� ���T���������'���� �*� ���

A��������� � � �� * �� �� ��� ������ �������� ��� ���� �������� � �� * �

�� � ����%�� ���� ��������������.����� ��� �� ��������� � � � �� �� ����� ��

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

<�� ������� �� � ��� �$��� ��� �� ��&��� P����P� �� � � � � ��� � � �A� ��

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

�� � �$�� A� ������� � ��*� � ��� ���A������ C���� �� ��� ��� � � ����� ��� 6�$��N�

F��0��� D� � ����� �� � ��� �� � �� �� �������� %�% �� ��*� � ��� ��

����� ���U������ ������ �� � ����������� �� � ���� ����$��� � ����$�� ��� ��� �� � �

�� *��� ���U������ D� ��� �� �� � ���% � �� ��*������� � �� � �����$�� ��� � � ��

��*������ ��� ����$���

)��� ��� � � � ���� � ������� �� � ���� �� � ���� ���� �� � ����� � �

���*� �A����� ����� A� ����� ������� � ��*� � ��� ���A����� �� � %$�� � ���� �

�� ��&��Q� ��� ������� �� �����$�� ����� �� � �J������ �� �� � � � J�������

� �������� ��&�������������� �� ��A���. ���� ��� ��� ��� �����%��*��A����

Page 196: Padroes de Design Hipermidia

�;?�

������ ��������� �% ��� ������������������ ����������&% ���� J���������A������

� �S������ �� �� ���� �� �� ����A����� D� ��� ���� � � �������� �� ���� ���� � �

������$������� �����������$��� ���� ��� ����L#�����@@7M��

Page 197: Padroes de Design Hipermidia

�;9�

F"*���0�"� #�!�"#"�!� !�1�� /����� �� *����$%� �� #�!F�#"��!�� �

1������N�O/)�"���

>��� �������� ��������������� � �� ��������� � ��0����������� � �� ��

*���� ��� �� � ��$��N���������$��� � � ������ ������� � � % ������% ��� ��

%��� ��� �������*���� ��� � �� ��������� �� �� ���� ���� ����%��� ����*� ��

% ��� � � ��*� � �� �� � �'�� �� ��� ���� � � ��������� �� ���� � ����� �� �� � '�

% ��� � ����� �'���� ��� �����

�� ��� ��� � � *���� "���� ��=� '� ����� � � ��� �� ��$�� �A����� 1��

��A�������� �� ���*��������� J ��������� ������ ��� ������%����� ���� ��

�����������"���� ���� ������������ ����*� ��������� �� ����%��� ������� ��

� ������ �����������F�����A����'����� �������� �����&��� ������ ��������� �

�� � �$�� � ��� ���%'�*��� D�'� ������� ��'� ���--R�� �� ���� ��� 6** �H�I5�� ����

J ����,� P������P� �*�'��?��;@� � �������� �� ������� � P����-�P� �*�'��?�?�

L�������$�� � � ���J���� �� � �� ��� �@M� � � � ��� ���$�� ��� ���� �� ���

"���� � �� � ������ � �� ��� ����,� P2���� ����� ��- �� ������&� >�� ������� �� � �

�������������%������������������ ������� ������ �� ��� �������*� ��

����������������$�,��� �������� ����� �������A�8 �����BB� ��������������

�� �������� �7B������ ��������L�������$��� ������7M���

� ��� J� ��������������� %������ ��� ����*� ����� �'��% ��� ������ �

'����� ������������X�3��� ��� J� ���� ��������� ������������ ��������%'��

���������$��� ������������� ���&������L���� J ������"���� ����6** �H�I5M��

��-� � �� � % ��� X�( %��/� � ��*'�� ��� ��$�� �� �����,� �� ��'� ����X�3�

���� ��'� ����X�����'��'� ����X�:����"�� �� �# ��� ���� �� ����-,� �)�������

����������� ��������� ������ ��� �'������&&&�� L# ��� ����� �@@��� ��� �=M�� F���

�� ��$��'� J�������� � J������ ����3�����O �� �� ��L�����L6�--I�� ���� � ��

��� ����������'���� �������� �A��������� ������ ��� ������$��������N���&����� �

115 www.google.com 116 "A voz do povo é a voz de Deus."

Page 198: Padroes de Design Hipermidia

�;B�

�� �� � %������ � � �����,� ��'� �� � ������ ������ � �� � � � ���% ��� ����

�'���������$��� ������������X�C� ��� ������� ����������� �� � ��* � � ��

���� �'�����$������������������������������P% ��� ���PX�3��������������� ��

�� ��� ������� ����� ���- ������ �'��������X�3��� �� �� ��� ��'�����$��'����

����������������� ����A����������������,�

<���� ����������������"�� �� ���� �'������$������� �� ������ ���

��������������������������������������������� �� ,���P�����

��� ������� � �'����(� �������������������� ���� �� �������

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

������������� ����'��������������X������������������$����&�

)������ ��� ���� ����� ������ ��� ���� ������������ �3������� ��

��, ��������� ������/�������������/������������������������

������,��� �������� ����������� �� ���������� ���� �������� ����

���,������ ���� ��������� ������ ���� ���� � �������� � �"'��� ���

9�6���� W6����� ��� ���� ������������������ �*�������

�����2���&�L�����<��!������ ����;;9������7BM�

F��� ���� ���$�� � �% � ��� � ������������� �� ���� ���� � � ������'�

����� J�� ��������� ���� � � � ���� ����%���� ���� � �$�� ������ ����� ���

��� ��� P ������/� � ����P�� � �� � � ��������$��� � .� ����%� ��� �$��� ����

����� � ��� ���� � �� �� ��� 3�� ����� �$�� ���� ���� ������ ��� � � ��

����� ��������� ��* ����� ��� � ������� J� �������������$������$��* �/

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

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

��� ���� ������*������ .�����&% ���� J� ��� ���$����&������� .�����&% ����

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

*�����������3�I�����

117 Filme de Orson Welles de 1976.

Page 199: Padroes de Design Hipermidia

�;;�

�!����$%���������!���)�

�� ��� � � � ��� ���%� �� ����� � �$�� �� ����� � ���� ���� ��� � ���

��� ������T� �������� � �� � ������ ��� ��������$%�� �#�!���)���:������ � �0�'�

����&% ����%'������ ��� ��� ����������0��������%�� ������� ������� �� ����

� �� �� ��� ���� �� ��� ��� � ��� ��� ���� ��� ���% ���� ���*0����� ���% ��������

����� ������A���� �� %�� �� � �� ����� L �� �&% �� � � �� ��������� �&% �� ��

������&� 3�� ���� ��%'�� ��� � �� �� ���� ��� �0����� ��% ������ ������ ���

�������� ��� ��� � � ���������� ����� �� ����$�����*���L���F�'�� �)�!�� �

)�!������*������������$����� � � ��� ����� -� �����"���&�

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

�� ��&����������-�$����������������!��"�� ������ ����� ���������-�$��� �

� ������� � � ��� �� -�� �������*���-�$�� � � �����*����� �� � �������*����� ���

���������$����������* �������� ���� ��N���/��������� �� � ����� ���� �����

%����� ���S�������*����-�$��� J�����$�� � � ��������0������ ��������� �$�� � �������

�� � J��� �� ����� ���������� � %���/���� ��� ����� �� ��� ��� ����� � *������

��%�� ������ �� � �� ��$��� J�������� �� �� � ������ ���0�� �

���� ����������������!����$%�!%��"�!"/"#�#�!���)���

Page 200: Padroes de Design Hipermidia

�@@�

�!���!��2F�X�*�����"!�!����!��1��4�)���#�"��2�"����(*������

)"!������F04�"��;�

)�� ������� �� � ����� �� ��&��� ��� ��&���� � �� � ��*���� ����� � ����

� � ����� �� � ��� �&��� �� � � �� �� ��� % -� ����� ��� ���� ������

������� ��� %�����%�� FJ�������� �� ���� ���� � � ���� ����� � � 1�* ���� F����

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

�� ����-���� ����� �� ,����/��������������� ��� � ��$������ �� ����*�� �

��� � ��� �������� ��� �� ������ ���� ��.� �� ����-�$�� ���� ����� � � ���

����-�$��������S� �� ����%�������� ������ ���&�������

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

�'���������� ����>$��'����������:�� ��� ��������&����� �������������� �������

�� ���� ��&������ �A����� �&������� �� ������ � � ���� �� ����� ���� ��

����% - �����'���������%�% �������� ������ �� ��� ��A% ��� �� �������&�����

��� ��� �.A�%����� �������� J �������3���0��������� ����� �P�A���P���� ����- ���

������������������P�������P�����* ������ ������� �����A����� ���� �����A�������

<�� �� ��� F��������� � �A�������� � ���� ���� ��� �� � *'����� *����� � � �����

���� �� �������*���-���� ��*� � ���� � � � �������� � � �A������ �����%��

���� ����%���� ������� ������%���������� �������� ��������� ���%��� �� ����$��

�������������� J������ ������ ���� ������� ��������� ���������������'�

%�����������A����� ������%��� ��� �A �����<�� �� ��� �� �� ����������� �

�������'�����*�*���� ��� �*�*���� ��������������� ���%��������������� ��� ����

���% ������� ��� �����3�� ���B,��

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

����������� ����� ���� ���� ���� ���� ��� ���� �,������� �� ������

118 Paul Otlet foi responsável pelo aperfeiçoamento do sistema Dewey de classificação decimal e, juntamente com o arquiteto e também utopista Le Corbusier, concebeu diversas plantas e desenhos do que chamava a "Cidade Universal" ou "Mundaneum", sítio onde ficariam idealmente disponíveis todos os documentos existentes nas instituições do mundo (incluindo museus, bibliotecas e universidades) (www.mundaneum.be).

Page 201: Padroes de Design Hipermidia

�@��

��" ������ �,���� ��� ��� 3�� �� �� ����� ������� �� ������ �� �(� ��

����������%������-SHQ&�L#�����@@7�����7BM�

8�*���� J�����0����� ������ ��� %A���� ���%�� ��� � � ��� �A��� �

� � ������ �������������� �!%�� �$������� �� � J���� �� �,� L�M� ���&���� ����

���������� �������������� ���� �L�M��� ����%�� ����������%�� ���� �� ���

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

� �������� �� � �$�� ���� ����� � ����� J��� � �� �&��� �� � �� �� 3� ������

�� �� ��� �����/ ����� �� ��%� �&��� ��� ������ ���'������ ���� ����� ��

������ �� �� ���� ��� ���������� ������� ��� % ��� �� � �������3�� J ������

� � ��������� J�����0������ � ��� � � � � � )�!�� � )�!���� �� ��� � L�;;;M� � �

��*����$�� ���� ���%�8�����5���������8������ �# ��� ����L�@@�M��$�� J ������

��� ���� ����� 8 �� *5� 8 ��� ���� �� l ����;� � G���8 J��� * �� ����� ������ ��� ��

��� ������������1�������)��� ����� ������ ����%���L�@@�M��#��� �� �"������

L�@@@M��)�� ���L�@@�� ��@@7M� �6������L�@@�M��$�� J ���������� �������

#����� �������*������������ ������������� � ��� �� ��������������

������% - �� J�����0��������� ����>�� ������������ ������������ �� �%�����

� � � ����� � � � ������ ��A� ������� �� ������ ������ �� � � � ���� ��-� � ��

�����-�$�� � � ���� �� ����� �� � �������� ���� �� �*. ��%�� � � � � �� ���� �� �

� ��� ������� �� �������������-�����F������������'�� �������������%��������

��� � ��$�� ��� � P �������-�$�P� � ���������� ,� �J������� ������ ��� ���� ���

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

L���%�����@@������;�M��3������&������P�����������P����������� � �� ���� �

� ������ ��� �H� �L�� ���� �� �� �� ������������ ������ ��� ��&��M������� ���

� � � ���$�� � � � ����� ��������� ����������� �������� ���� �� � � � ����� ��

��� ��$�� � � <�� � � �� E����� :��������� L�*���M�� F�� �� �H� �� ��� ���

���� ����� ����������� ����������� J ������% �������P�&�����P�� ����� J�����

P�*���P��PF����P��PFJ�*��P� �P�.��P���'��� ����% ��� ��� �� ����������P:���W:P�

Page 202: Padroes de Design Hipermidia

�@��

L�����M�� P:���W2P� L����M� � P:���WgP� L� �����M�� >� �� ��&��� % ���� ����

� �������P�A����P������% ��$����� �����%'��� ��&���������������L���

������ P( �� ���P�� ��� ���% ��$�� ��� ���� ��� � ��� .����&������ ���� ����

LG� �� �� �@@�MMQ� � �����-�$�� � � &��� �� ���% �������� ����� P��P� ��� �������

�����0� ��Q���%��$��� �A� ��� �A����������� ���������� V������ �0������F�� ��

�$�� ������ J ������ � � �� ��$�� � � �*� �� �� ������������ � �� �����S���� � �

���� ������% ��������� �������������������� �&�������������"�!�"�4�)"#�� �

<�� � � ������&% ����A�������! ����������� ���� ���������������� �������� �

���"�!�"�4�)"#�� �% ���������� ��N��������� ��������. ������ ��&����

�� � � � � �� � ���� ��*���� ��� � ������ �� � L����� � J��� ��M�� �������

�� ���� �� � ��� ���� �� ��%�� ������ ����� ������ ��� ������ ��� ��� ����� ���

���� ���C���������0������ � J����� ���������� �X�C�������������� � � ������

���� � �%��%�� ����� ������%������� ���N������� ������%��&��X�

1�� ��� �� ������ �� � � J�� ��$�� ��%'�� ��� ������ ���'� ��������� �

�*� � ��� � � *���� � �� ����%������� �� � �� �� ����� � ��� ��� ������ ��

������������������� ����-�$��� ���� ��� ����%'�� � � ������A���� � �

�&�*����� ���% ��������� ����� � �&���� ��� ��� ������� ���� J ������ #�� ��

������ �� � P����� ������� �� ������ ��� �'������ ����� ����� ��� ���������� +��

��������������� � ����L#�� ����;9@M�������-��������������� ����������� ��

3� J ������� �#�� ��� ������'��� � � ���� ��*� ������������������������

��� ������� �%�� �*��� � � � �� �� ���'���� ����,� �� �� ��� ��%����� �

���� ��-�� ��� ���� ���� ��������� ����� ����������:��������� ������ � ����

��� � ��� ��� '� �� ����� %���� � � ��� � � �� ��� ���� ���� �� ���� ����

���������L#�� ����;9@���� A���M���

! ������������ � ������ ���� � � J���$��N� ��'�� � ����������� ������ ��

� �� ���� ���� � � ��� ���������� ��� ������ ��� L! ������ �;;;M�� �� � � ��A���

%���$��� �� ���� � � ���������� � �� � � � ��� �� � % � � ��� N� ����#�� �� � �

119 http://paisagem0.sescsp.org.br/, de Giselle Beiguelman (com Marcus Bastos e Rafael Marchetti), consultado em fev/05. Outros trabalhos da artista podem ser vistos em www.desvirtual.com.

Page 203: Padroes de Design Hipermidia

�@��

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

������ ��� ��� ���S���� � ��0���� �� ������ ����� �� ������ ��� !&� ��

������� � �*� � �� ����!����� ����������������������������� �������

������ � ���M����M������������������� �������������������������������

������ ������� ���� ��������� ����L#�� ����;9@M��#�� �� �� ��� ��� ���!���

�� ��� ����� � � �0����� � ���� �� � #�� �� � � � ��� ���� ����� �� �� � N�

��� ������ ������'���� � � � �����-� �� ���������� �����F�� � �U� ���� �������

���� #�� �� ����� !��� �� ���� � ���� ���%��� ����� ��� � ��$�� ��� �

������(� �� � ��� �������� �� ������$�� � � "1<K��� ��� � ���� %�� �� � �� ���

� ���� ���������$����%�����.������� ��'������� �� ��3�� ������ ���� ��%������

� �� ����� J������������������������ ������������������� ���� � �� ��� ��

������ ����� � ��� ���� ����� ����� �%���� � � �����-�� � � ��*���-� � ���� � �

��������� ��L������*� %�%M����� ��� � ��� ������������ ����L����� � �M��

3� ���������� ������� �� � � ����� � � � ���� ��� ���� � � �� ��� ��

�� �A������ � �����&���� ����� ��� J� ��$�� �� ��������� ��0����� F����

�� ��� �� ����� � ���-���� ����� �����������-����%��A% ��� �������� �

� �� ����-�$��L���� ���������0��!�������0��������'��� �� �� �� * ���� �

������� ������� �'�� ���� ���������� ����� ��� � * ��� ��������� ��� ���� � ��

����-����� ��� ������������� ��%'�� �����% ��$�� L���� ����� � � �������-�$�M�

�� �&��� �������� ��� ����0����� *��A����� >������ ��� � * ��� ��� �����-�� ���

����-� *��A��� � ����% ��$��� F��� ������ � �'����� -������� � �� � J��� ��� � �

���� ��� �&��� � ������ ��� �� �*� �� � �������� G����� ��� ���� ��$��

���J���,� ��� ���B�*����� ��� ����$��L�� ������- ���� ����M�� �����=?�

���� � ��� ��� �� N� ���%� ��������� �� �� ��� �� � ��� �� ��� ���� J ������ ���

���� � ������� * �����������������������������������1����� �������������

��J ����@�� �����������������&��� ����O����H���� �� % ���- ������'��� �

P��J ��P�����'����� ���� �� ��F�� ��*. ���� ���?������?���J �������� � ���%� �

120 Pixel é a unidade da tela do computador e depende da configuração, mais que do tamanho. As configurações mais comuns são 800 x 600 e 1024 x 768, qualquer que seja a dimensão física do monitor.

Page 204: Padroes de Design Hipermidia

�@7�

��������-�� ��=?������������'���������� �� ���������L��J ��M���� �����

�� ����$�� � � ���� L*����M� �� � ��� � %����� ��� �&������ ��� � �=?� ��� ��

L������ ����������$�����O����H��;BM��G- ��������� �� � ���������� ����

������%��P��J ��P��������� ���9;��*����� ������&��� � ���=?���� ���?=�=�?��

) ���% �����&��� ��� �% ��� ������� � �� ��� ����� ����� ���������� � �����

�����*����� �� ������-��P�� ��P���������&��������*����� ��� ����$��L�� � %���

���������*����� ��� ����*���$����� ���� ������� �������� �F����J������

���� ������ ����������&��� �� ��=?���J ����������������� ���� ������ ������ �

�'� ��@;;�=���?�9�99?� *�����3��� � ��- �� � �%&� ��� � ����� �� ��� ���%����� �

�'�� �� ��0���� �� ����$�� ���������%� L*���� � � ��� ��� � J��� ���M� ����� ��

�� ����� ������������� � ����� �� ���*� �� ��L�������%&� �� ������$�M�

� ���� ������� �� ����%�� �������� ������� �������$�� ��� ���� �� �*. ����

� ����������� ������� ������0����� ����

F��� ������ � � � �� � ���� *��A���� ���� ���� � ��������� �� �% ����

���� ����� ��� ��� � � *���� L*����M� ����� ������ � � �������-�$�� � � ��� ���

�����% �� �� ���� ������� ��� � � �� � � �� ����$�� � � �A����,� ����%� ���� �

����� ���$��� ���� �� �� �����-��� � �� ����$��� � ��� � �� ���� ������

������� ���� F������ 1������� �� �����&���� �� � � 0*%��,� ��� P�% ��P� ��� �

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

������� ���$������� ����������P�����!�� ���P��P:��� ������ ����$�P��P��� ���

��� ���� ������ ����5�O���� �����&����� �!����PX���'������ ����� ���

� ������������$��� �� �����&�������� ������ ������� � �������� ��� �� �� �

� �� � ���� ��� � J����� � ��%'�� � � ��%��/�% �� �&������ ������ � ���� �����

���A����� ������� ����� ����-����� �� ���� � � � J������ � ���� ��� ��� �����%��

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

>�� ���� ���� � � ��������$�� �� ������ �� ��� � ��� %����$�� ��� �

�������('%5�� ��� % ��� �������� ��������� �� ���� ���� ����� �������&����

��� S�*���� �� �� �� � ����� � � ���� � � �� � ������� � �� �� ���� ���� � � ���

121 Alguns sistemas aceitam ícones maiores, como por exemplo 32 pixels quadrados.

Page 205: Padroes de Design Hipermidia

�@=�

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

������������� ������������-::������� � ��� ��� �������������������� �������-��

������� ���� �������������������!������������� ����/� �����A������� �� ��

���� �� ����� �������� � � .�� � �����&���� ���AJ���� � � ��� ����� ��S����� �

� ���� /� � �� � ��� � ����� � .�� � �����-����� � � ������&% ��� �� ����������

������ �� �� ���� � � ���.������ � � A������ �� �� �* � � ���� � ��� ���A�����

� ������������� ���8���� ��������� ��� ����� ��S���� � ��%�� �����*���$��

��������� �� ��A��������*��� � ���������A�������&����L('%5���;;?������

B?/BBM��F�� ����� ����'�� � ����� ���� ���A�������� ��� �����0�����('%5,�

#�� ����������� ��� ���0�� ���� >� �� �����!� �� ������� �� ��� ���

��$����� �������� ��� ��$����� ��� ����� ������� �� ���� "������ ���

��������� ������������ �������� ��� ���O(� ���� ��� ����� ������

����������� ���� ����&� �&&&�)� ��������!���� �����������������

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

�������� �,������� ������������!���� ����&� .����� � ������ ���� ���

������ �� ���� ����� ����,������ ��(��� ��� ��� ������ ��� ��������� ���

���/��&� #�$� ���� ���� � �����!� �� ���� ���� ����� �������

���O(� �������!,���������������������� ��������&�L('%5���;;?��

���BBM�

4 �� ������ ��� ������ ��� � �����% � ������ � � ������� �� ���� ���� � �

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

������$������%�� ������'�� � *�������! ����������� ������ ��'���� �

)����� �� ���������� ��� ����������'����,��%����������������������!��������

�,������� ���� ������� �� ��� �� �� ������ �� ������ ��� �,������� ��� ������

��������������!��L�����0� � �������! �������;;;������9MQ������ � ����������

����$��� �)����� ,� �8,� ������ ������ ��������� ����������������������� ���P��

122 Partimos do pressuposto, compartilhado com Lévy (1996), de que todos os sons são, a rigor, como processo físico, intrinsecamente diferentes, ainda que semelhantes.

Page 206: Padroes de Design Hipermidia

�@?�

������-$��� �� ������� �������� �� � ����������������L)����� ������! ������

�;;;������9MQ��������4���� �,��)��� ��������������������������������������

L4���� ��� ���� ! ������ �;;;�� ��� 77M�� ! ����� ����� � ��� ��% ��$�� ��*� � �

� � *������ J$���� ������ ������������� ������ �������� ������� ����� �

� �� � ���$��� �������%���������4�

)���������������0�������������������������������������� ����

��� �� ������ ����0��� ���� ��� �� ������������ ���������� ���� ����

�������������������'�����������������&�E����� ���������� ����

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

����!������������� �����&�*�����$� �����������������������������

��� ��� ����0��� ��� ��"���&� V"� ������ " ��� �� �� ����� ���

������� ���������������������������������� ����&�*����"�����

��� ��� �������&�E���� �������� �����������������0��� ������ ���� ��

���� ���������������������� ��&�%������'������ �������������

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

����������-:H&�%��������������������������������������������

��� ���+�������������������� ����+������ �����������������

����!����������������(�&�L! �������;;;�����7=M�

�� ������$��� ���%�������� ������� � ��$��N���� � � �� �� � % �/� �

�������� ����� ��� ���� ���� ����&���� � � ��� ��$�� � �� ������� ����� ��� � �

������ �����������L����������� ��&����P�PM� ��������� ��� �� ����$������

�� �#��� �� �"������� ��� % ������������������ ���� ���� � J����������������

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

��������������%�� ������ �������� � ��������������������� ��

���� ���� �&������ ��0������ � �� ��&��� ���� � � �����/� � ��� ������� ���

��%�����$��� ������ ������� ������$������������������� ��� �.A� J����������

�� �����-�$�� � � � �� ���� ���� � �� ��������$�� � � ���� ��� � � �� ���� �

123 O grifo é nosso.

Page 207: Padroes de Design Hipermidia

�@9�

�� �����S���� � � � ������� ���*0������� ������-���� � ���% ��������� � ��� � ���

������*� �%�������� ������������ J��� ��������

�� ������ �� �� <�� �� ��� � %���� � ��� �� �'�������� �� �� ���� �

������ � L% ������ � J� ������� � m� ��J�M� � � ��������$�� � � ����� � ��

������ �� �� �'������ � � �������-�$��� ��&����� ����� � �����&���� �$�� � ����������

��� ���� � ��� � J���� ��������� ��$��� ���� �� ���U�����3� P �U� ���6I�*�

>� �� �P�� ���� J ������ � � ���J�� �� ����� J����>� �� ������ ��� �%������'����

������������ ��� ������������� ����� ���������<�� �� �� ��������-�$��� �

� ���� �� ����� �� �������� L>� �� ��� �@@@M�� !�� ������ � � %���� � � � �0������ �

�*. ��%��� �� ����*���� ��� % ���/� � ��-� ����� ������������� ���������

������ �� <�� �� �� ��� � �������� � ��� ������ !�� ������ � � %���� ��

��������$��� � � ��A� ��� ���%���� � ���� ��$�� ��� ������� � J���� ��

<�� �� ����*����������������� ������������ ����0�������� �����

�� �&��� <�� �� ��� �� � ��� ���� ��� �� �8Fg83� ���� ��� �� ��$�� �'������

���� ��A��� ��� � ���������� ��$��������A��������� ��$��� ������%�

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

����� ���� ��������� ����� � � �� � � ������� ��� � ���������� ���� ��*� � �

������$���� ��%�� ������� F�� � � ������� � �� ����� ��� ��*������� �

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

�� ��$����� �������������� ���T������� ������A�� ������ ������� ����

��������� ��� �.������ � �� *���� ��� � %��$����% �� �������%����'��� ���%�%�� �

��������S� ��� ����%�� �����������J� ��� � ����� � ��$��� � ��� ��� ��

� ����� ����'�����������������/� ��� �����������&�)0� ��%�� ��� ��� ������

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

E�. � � ���� ��� �� ��� ���������� ���� ��� ���� ��� ������ � �

� � ���� ���� �� � � ���� �� � ��� ��$�� � � ���������� �������� � � J�� � � ���

� � ����� ��� �� � �� ��� ����� ������� �� ��)$����� ������� ���&���� �������

� ���������� �������������� J ������� ��� ��&�����.������� ��'���� ����

���� ����� ��� �� ��� ������ ��� &*������ ���� % - �� ���/� � �$�� � � �������

Page 208: Padroes de Design Hipermidia

�@B�

���'����������� ��� ����&��� ������ ���������������*� ���$�����������-�$��

� �*��� ���F�� ��� ��������$������ ����������������� ����% - ���� ��0�����N�

������ ��% �*�� � �������

<���������������������� ��������� ��������$���@@j���� ������� �����

� � ����� ����� ��A% ���� F�� �� ������� �������� �� ����� � � ������ �� �� �

� � �%�������� � ���������� ���� ���������A����� ���� ����� ��������

� � ���� ���������� J ����������%�� ���������% �������L ��� ����������� �

���� ��*����� � �%��*��A���� ���%��M� �* � � ��������A����*���� � �&���� �

����'J���� ��%��A% ��� F� � ��%��'�� �� � ��$�� � � �� �*. ���� �&�*������� � �����

����������������$������������������ �"�����������������������, ������������

������ ��� ������� �� ���� ��$������� ���'���������� �,��� ������ �'���� ����

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

���������������������������� �� ��� ����������� ������$����� L)�� ���� �;B��� ���

?9M������P�*. ��P� �� ��������������� � � ��������� ��&����� ����������� ��

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

����� ��� 1�� ��%�� ��� �� � �� � ���� J���� � �� � ���� ��� ����� ���� L�����

��%'�� ��� ��� ,� P����� ������ P�� ��� �� � �����$��� ��� ���IM�� �� ����� ���

� ��$��L������&������� ���� �0����� ����������,�P.����P��P ����� �P��P���&���P� �

������������� M������ � � �������� ������$������� ��� ��� ��� �������� �

� ��-��L*��$��� �P �%��P� ����� �����A����� � /���������������,�P:���� �����

�� �� ���������� nPM�

F� ���,� �� �����-�����% ��� �� �� ��%�� ������� �� � ���� �� �$���� ����

������������% ������� ����� ��������� ��� �����.A��� �� ���� �������� ���

�'�� �� �� ������������ ���� J ����� � � ��� � � ���� ��� � � ��� ���� ��� �

�� �� ������� ��� ��� ����������% ���� � .A% ���������������3����,�

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

����3����� ������� ���� ��� ��� �� ��� ����� �� ��� ����� ���

���������� �� ������� �� �� ��� ������ �� &� 8�� �% ��

Page 209: Padroes de Design Hipermidia

�@;�

����������0��� ����$��� ����� �������� ����6$����� �

������-:Q�L3�������;;7,B?������#�����@@7������?M�

3�� � ���� �����$��� ��� ��$�����*. ����$������ �� ��&��� ��&���� ����

�&�*��������'�� ��A�����������N�� ������� �������� �������� ��%����� ��A�

��������������-:G�����!������ ���� �� �����L)�� �����@@�������;�M��

T� � ������&% �� �� A������� � ��� � � �� �������-��� L���� J ������������&�F� �

�$��'������ ��A% ��������� ���$����� ��� ���%�� ���������� ��������� ���������

���� ��� �������������%�� ������'����������� �� ��� ��� ���������� �����D�

��������� �����,� �� ���������� ������>���� ���������������� ���(� �����

��������������������� �� � �� � � ��� � ������ � ������'��� ������$��� �

���� �� ����� �� ��� �%��� ��� ���� ���� ��A ���� ��� �'� *� � <�� ���� ��� ����

L# ��� ����� �@@�M�� ������� � �� ���������$���� ������ ������������� �� �

������� %�� �� � ���� ���� ?@� � 9@�� �'� ���� � J�����$�����&��� ������ ����� ���

�'�����gg,����%��� �*����������� �������� ���� J���� ������� ���� ���

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

����� ����� *���� � � ������� � ������ � � ��� � ����� �� ����� �� � �����*����� �

����� ��$�������*. ��%,���� J���P�� P�L�� ���� �� �� ������� ��� � ������

%�� �� � ������A ��M�'����� ������������ � ��� �&% ���� � ���&��� � � � ���

��� L�� � ��� � � �� � � ���� � � ���� �A% ����� ���� � ������-��������� ��

J ����� ��� � � ��� ��� �$�M�� ��� /� � ������ �� ���� ���� � � ��� �� ���

��%���-�$�� �� � ����� �� ��0���� D����� *������ � ��������������� D� � ������

�������� ���*���A����������������� � ���������� % �� �� � �� � ����%�����

���� ����� �P��P��>�� ���������� � ����������A�� � ���� ���������

����������������������� � ���� �$��� �������$�������� ���� ���������$�����

� �� �� �� ��������� J��������������� �� ����� � ��0����%����� ����'�������

124 O grifo é nosso. 125 Sublinhamos "dominantemente" para ressaltar que as categorias de Peirce, insumo teórico de nosso argumento, são onipresentes, "sincrônica e simultaneamente presentes em todos os fenômenos" (Santaella, 2002, p. 193). O que ressaltamos é, portanto, a evidência, a dominância de uma ou outra categoria em determinados fenômenos.

Page 210: Padroes de Design Hipermidia

��@�

�� ��%��� ��� � ����� ��� � ���� '� ��� A������ ��� ������ �� � � � ��� �

�� ����� ��� ���������� ���� ������������� �����������)�*� ���� ��� ���%���

��%�� �� � � � �� ��� ������ �� 0���� ��� �� � ����� � � <E:��� �� ��&���

�������% �� >�� ������� �� �������� � ���� ��� ������ ��*�������� �� �� ��� ��

� ���� �� �� � '� �� � �� �� ���� ��-�� � ��� �� � � ����� ��� � �������?� �� �

� �%��$��� ����$������ �H� ������ �� ��������� ���� ��� � ����������

)��� � ��$������*� �A������ �� ��� ���$��� ������������� ������ ����� �����

�����������3���������� �� ���� ��� ��� ��� ���������� � ��$��� ��� �������

� �A� � �� � ����%�� ��� �*. ��� �� ���'� ��� ���� ������ � �� � ��� ��� �'�� � � �

��� � ��� �� � �S������� �� ���� �� � �� ���$�� ����� �� � � ���� � ��%��

�������� ������ ��&�� � ���������� ��������������&������� ��� % �������� �����

��� ���� �� ��%��/�% � � � ��� ��� �� ��'�� ������� �$�� ���� ��� �� �� �

� �����*����� � � �� ��*��� � � ��� ����� � �� �� ����� ��� �� � �� ���� ��

������� �A/���,��&&&����������������������������� �������������0 ������� ���64�

������� ����������&�J��������� ���������������������������������������������

L���%�����@@�M��� - ��������������� ����������%���� � /� �����F"/9��

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

����� ������ ����� � �J�������9�� ����� ���L� �������M��� �,���� �

� ��� J����%&� ������ ������������$������������ �������&*�������F�� �������

������������ �� ����� ���� ��$��� �$���������7��� ������ ������ �������� ���

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

��� ���� �� �� � ��� ���� F�� � ���� ���� '� �A����� N� � ���� � ���� �� � ������

�������������������� �,�����*. ���L�������������� �������&�������

�� ��&��M� '� � ������� ���� ��� ������� � ����� ��� ��� ��� ��� � �� � �� � ���

126 Metadados são dados que informam sobre os próprios dados. Alguns exemplos de categorias de metadados são palavras-chave, dados técnicos como autor, editora (no caso de um livro), data, local, tema. Uma modalidade informática de metadado é a codificação para compressão de um arquivo, como os formatos de compressão de imagens (gif, jpeg), vídeos (mpeg, real, quick time), áudio (mp3) e arquivos em geral (winzip, brazip). O princípio desses formatos é descartar informações que são comuns ao ambiente em que o arquivo será decodificado e reprocessado (seja sistema operacional, seja plataforma de visualização, software e assim por diante). Ou seja, são informações que o arquivo não precisa carregar consigo, ele recupera no ambiente.

Page 211: Padroes de Design Hipermidia

����

���'��� � �� ��� ��%�� �����,� �)� ������ �� ������� ���� �� �� ��� ������ ��� ����

��$����������!0����������������������������������� �����������!����� ���� ���

�������������L)�� �����;B�������=B/;M��F�� ���� ��� ��� ���������������%��������

� �������� �� ���� ���� ������� �� � ���� ��� % -� � �� � ��%� ��� �*. ���� 3��

���������$����� ��� ��� ���������������������*� ���� ��������%������������

��������������L�*. ������������������*� �������������*. ����� .����� ���

���� ����� ���� �L�������� ���� ����� �M� ��������� ���%� �� ��F���

� �� ��$�� � �% � ��� ������ � ��� �� � � ��� ��� ��$�� �� � � � � �� ��

� � � ��$��������������������������� ����� �����$���������������

��(�����-���� ����� ���� � ���������$�� �$�� J� ��� ������� ���3�

����������� �� � ��� � ������ ������ '� ��*'�� ��� � ��� � � ��������$��� � �

���J� � ��� �� ���%�� ����� ����� ������ �A������� ����A����� ��� �$��� ��

��%��� ��������������������� ��'��� �������������� ������ J� ��$����

����� ��$�� ����� ��� �� � �� �� �� � �� � � ���� �� ������ � �� � ������ ��

����������� ��� � ���������������������,����'� *����

9�� ����� �������������������� �������������� ���������������

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

J�������� ��������������������������������������������������� �����

���������������������� ����� &�5����6����������������������

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

��� ��� ������ ��� � ���������� ��� �� ��&� L)�� ���� ������ P8 �

���������� �� ����������� �� � *������� �PM�

3�������������� �� ��%������������� J� ��$������'� *������ ���� ��

�� �� ��-��� ����������� ��� ����� ���������� - ���A�������� �������� ���

� %&� ��� ��� ���� ���� � J���� 1�� ������ ���� ������'� � � ���� � ����� ����� � �

������ ��������������� ���� �����-�������� �����&���� �� � ������ ��A��� � �

���� ��� ���� � � ����� �� ���� ���� �� � '� ���� �� � L��� ��� �� M�

127 Taxonomia (ou taxinomia) é a ciência da classificação.

Page 212: Padroes de Design Hipermidia

����

������&% ����� �A��� � � � �������� ��%��� �� *���� � � ���� ��� � � � �������� � �

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

��A ����� �������� �� � �� � ���$�������� ���$�� �� �� ���A���� L��� ��� �� ���

�� �H� ����6��������:!/43�M��������������������������������������� ���� �� �

���� ��-����*����� �������� �� � �� �� �����&���� ������ ������3��� .�����

����� ������������A% ���������� ����� ���� ��&% ������ ����* ��'������

��� ��� � %����� ��� ��&����� <<<� �� ������� �� ��*� � �� �&% �� ��� ��� ���%�� ��

�� ����$�� ��� ���� �� �� ��&���� ('%5� �� ������ ����� � �$�� ���� ��%��

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

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

���� �������>�� 4�

E���������� �� ���� ������ ���$��������� �������!��0��� ���������

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

��� ������� ��� ��� �������� ���>�� �� ���� ������� ��� ���� �

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

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

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

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

���9���&�L('%5,��;;?M��B�

('%5�� * ����������%�������� ��$����� ��������������������

�A����� � � ������$�� �������� � �$�� � ��� ��� ��%� ���� � � �����-��� ���

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

J����������� �������������� ���������������������������

�����!�����'��������������� ��������������������'������������, ����

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

128 O grifo é nosso.

Page 213: Padroes de Design Hipermidia

����

�������� ��� ��$�� �� ��� ������� ��� ������ (������ �� ���� +�

��������������L('%5���;;?�����7�M��

*�� ��� ��� $���� � � ������� ������� �� ������� ��� ������ �����

���� ������� ���������� �������������� �����&�L���%�����@@���

�����=/?M�

3����������� �$��'�� ��������� �A����� � � � ������$����������� ��� � .��

��� J� ��$�� � � ������ �A������ L����� �� ������ � � � J���� ��� ��� ������ � �

��� ���� ���������� �������� ���M�� ��� � ������ ���������� 2�� %�� #���

�� ����-%������%�������� ����*��������� �����-��� ������0����������������

������� ��������&����������&������������� ����� ���� �A����,�

)���.�1�������-:S�������������������������������������� ����

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

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

���� ���������� � �����������������&�L#�����;7=M�

#��� ����� �� ��� ������ �� �� � #��� � 4� � �� L#���� �@@7�� ��� �7M�

� �� �,����� ���&������������ �� �A �����A�����N������N������ ��% -�� �

� �A ����� �� �� � ���$�������*� �� ��� �������� � � �������� ������� .��

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

���������������L4� � �������#�����@@7������7M��3� J ������� ��������

�������� '� ��� �������%�� ��� � � ��� � � � � � ��� ����� ��6�� � ���� � ���

���� ����� ��� ��� �� �� � �� �����%�� �*� �� �� ������ ��������� 3�� � .�� ����

���� �������� ���$�� ������*������� � ���� �� � ������� �����������������

#�����-������ � ��� ���0��� ��������'J���� ��������A����� �������?@�����

�� �,�

Page 214: Padroes de Design Hipermidia

��7�

B������������� �� 6������ ������������ ������������������

����� �� ���� ��� ���� ������ ����� ��� � ��� �� �����&� W��� ����

� ���������� � �������������6���6��� ����� �����&�L�*���M�

3���������� J� ���� � � � ����N� �� ����$��� %����� ����� ��$�� ��

�������*���� �� � ���%��,������������-��������� �� ���&% ����������� �

�� ��� � %�*���-�� � �0������ � ������ ������ � ���� ��� ��S�*����

�������������� ��� ��X�3�� ���� ���� ��G��/����������� ���

��� ��$�� ����� � ��� � ������ �� 0���� �� �� ��&��X� C��� � ���� �

��� ������� � � �� � � ��� �� � ������ ���� � ���*����� �� ���� ���� �����

��� �� �� ���������������������� ��������� ������$��� ���������������

� ������ ���/�� �������A/�X��

��������������������������� ����% ��$���� ������ % ������������� �

'� �� &���� ������� �� ���'����� ��� �������� � �� �� � ��/������ �� � ���� � �� �������

���'�� J��� � ����� ��� ��� *���� �� �� <�� �� ��� ����� ������ ��� ���

��� � � ��A��������� ���� � %�����%��� � �� ���������*����������� ��� � ���

�����*. ��%��������� � �������%��A% ����� �������%����������������� �������

� ���� �� � ����� � � ����� ��&���� <�������� ��� � J�������� �����$�� -�� �������

<������������ J��������� �������'������������ -����� ����

> �� ����� J��� ��$������������������������� ������� �� �������� �� ��

� ��,� ��*% �� ���� ��� � ������� N� ��'���� � ��0����� �� J������ � �&���

*������� ��%��� �������� �� � ���� ��� � ����� J��� � ��� ��%�� � ��� ��

����� � ���� �� � ��� P�% ��$�P� ���� ����� ����� � � � J���� ��� �$�/��� ��

������� ����� ��� �������'���� D� ������� � � ��������� ��E<�F4����A�����

&*���� �������������

<���� ���� ���� ������� � � *���� ������ �� ���������% ��� ���� �

�$�� ��� �����% �*���� ��%���� ����A���� ��� ������� ���� J ������ �����������

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

129 O grifo é nosso.

Page 215: Padroes de Design Hipermidia

��=�

� ������� �������������0������ ��$���% �*��L� �������������%��/�% ��

��� �� ����� ���M�� )�������� �� � �� ��� ���� � � �� � � � ��� ������ � �

��*������ ��� ��� - �� ���������� �����A �������������� �������� ��� �� �

� � ����������� ��� ������������ ��� ��$��� ��� ������������� ������ �

���� ���� ����� ���*���������� ����� �� � ����� ������ .������������

� �� ����� ��� - �� �� �� �� � � �A������ �������� �� � �� � � �� �����

�� �� �� �� �� � �� ��� ���� � ��� % ��� >��� ����'����� ��� ��� �� � ��� ����

�� ������ �� % -� � � �������� � ��� ��� � ��� ����� ������ � � ����� � J�����

���*0������ ��� ��� � �� ������ ��� *� � � � ����� ���� �� � ����� � � ���

��� ��� �� P ���������P� ��� *�� ��� %������� ������A% �� ��%'�� ��� ���� � ���

����� �� ������ ���������%��� ��� ���� � �� � ������ �� � ����� � � *������ ������

� ����������������� ��* ����������� � ��������������� ���'�� ���������� ���

� � ��� � ���� � �� ��� ����� �� �����3� ��� ����� ��� ��� ��$����� ����� ���

*���� � � ����� � � ��� ���� � � � ������ � ��� ���� ������ %&� ���� ���. �� ��

�����A ����������� ���&*������������ ���� � � ��� �� ���� � � ���� ������

��%'�� ��� ���� ��� 1�� ���� �� � � ��� � � � ��� ��� %������ � �� ��

HHH��5%�������� ���������� � ���� ������ ������ �������������� �� ����� �

���� �&������L� �� ������ ��* ����'�� ��� �����M����P% ����P������������

����� � � ����� �� � � � � � ��� *�� ��� ������ ��������T� ��� J� ��� ������ �

���%�������������� ������� ���.A��� �����������������*�� ����������N�

% ���� ���������0������ �����A*����� � J� ��� ��A/����������/� ���� �� ����

3��� � �%���� � �� � ��� � �� � ��� �-�A% �� �� ��� � � ���� ��A*����'�� ��� ���

� ����� ���������� ��� �� �*� �� � %������ �� ��.� ��0����&� 3� ��� ���� � � ���

���� ������� �� �� � �� � ������ �� ������������������� ��� ����%�����

�������� �� ������� �� �D��� ����� � ����� �� ����%�%��D�'����� � ����� ����

���A*�����8���������*���������� �������� ������������4� � �� �#������

*�� ���� �� � �������� �������� ��������'�������������$����������� ����

� � � ����� ����������� �� ��� ���� ����� 3�� � .�� � �� ��$�� '� � � � � �A ��� ���

Page 216: Padroes de Design Hipermidia

��?�

*�� ������*���-�������%���� �4� � ����������������������� ���� �������

�������������������������L4� � �������#�����@@7������7M���

F�� ����������� � � � � � ������� �� � ������� �� �0����� ��� � � ���

����� � ���� �� ��&����� � * ��-���� ������� �� �0����� % �*�� �������� ��� ���

% �����*����� �� � ����% ������� L�� ��* � � ����0��������������������

� ��� ����%��� ��������������������� �A�����M� ���������� �*������ �

��� � ��� A� � ��� �� ��. ���� � � ��� ������ ������ ��� � � ����� � � � ��A�

*������� �������P�IP��3�� �������%������ ����� �� � ����� �����������������

� ������� ����� ��$���*� �%������*����� ���� ������"���� ��@����� �*�����

� ���� ���L������ � �� �������- ������ ������ J��������%��/�% ���� �� �

����� ���� ����$�� �� �N��0����% �*��������%����M���

%�C�� ��� ���!� L���M� �� ��'��� �$ �����+� �� ���� ���� ������

�� �������!��������������� ���������������������� ����3�����

�� ��&� L8 J��� J��&��� ��� � ������� ���� � �� �� �� ��� ��� �

"���� Q��

���,VVHHH������ �����*�V����V��/#4V ��V �o��� �������

���������� ��.��V@�M�

����� J�������� �� �����*����� �� ��� S�*���� �� %������� �� ��� *���

J ���������� ��� ��������� ���0�����'� �� � ����/ ������ � � ���&��� �����-� ���

�����-�� ��� ��� ��������������� ������������������ ����� �����$��% �*�������

� � �$��� ����P� ��P�� �������L*���� ���*������ ����� �������� ��* �� ���M��

� � �� ���� ����� ��� G��I ��� ��� � � ������ ���� ��� � �0���� �� ���&���

�����-/� � ��$��� �� � ������ ��������%�������������-�� �� �����%���>��S�*������

�������� ���������������������� ���.����� ��$��� �*�������� �������� ���

���������� ���L�� �� ��� ���%� �� ��������M���������������� �����L�� �

� ���������� ����� �*������%'��� ���������� �� � J�����%�������M��

130 www.google.com

Page 217: Padroes de Design Hipermidia

��9�

�� ����� J��� � �� �������� � � ��� ��� � ��� �� ��� ����� �� � ��* � � �� N�

� ������ ��A����� ���� �0������ �� ���� �� ��������% ���� ������ J�����$��

���:4����� � � � ������-�$���� J� ������� ��� ��� �������������-�$��� ����

�� ��&������ �� ��� ���������������A�%�� ��������� ���������'����-������

���� �����> �� � � ������� ��������� � ���� ������������ L8 ��> ����M�� � % �� ��

�������������������-�$����-��A����� ��������� ������� � �����������

��� � � ��� � � *���� � �A������� � ����� ������ 3� ���A���� ��� ���� �� ��� ��

��� ��� �%��������������� ��� ��$���� �� ��� �������� ��� � ������������ ���

�����-�$�� ���� ������ �� ��������$�� �� ��� � � �� �� �������� � ���

� ������ ����������������� ������� �������������%�������������������� �����

��� ��� ���� �� ����� �� ������-�������� ���� ��� �������������$�������

����� �� � � ��� � � ��� ������ �� ���� �����.� ��� � � � � �A� ����-�� � � ������

���� ���� � ������� ��� ���������-�$�� � � ��� � � �� � � � ���� ��� �� ��� '� ���

���� ���� ������ � ����A� ����&�� ��� � ��� �&��� ��.� �����-�$�� � � �A�

�� ������� � �� � ��%'�� � � ���������%��� ����%������� F��� �������-�$��� ���

��������$��� % �� �� �� ������������ ��������� ���������� ���I ����,������

� � J������ ��������%&������ � ����� � ����� �� ������� ��� % �� ��*���A/����� �

� % ������% -������ � �������� � � *� � � � �����'��������&�� ������ � �

� � ���� ����A���� ����� � ���������A������ �/� ��������� ��� �� ����$����*� �

� ��F���%��$��%��� � �������������%��$������&������ �6����(�� ��L6�������

�@@��� ���� ���/�7;M���� � �� ���� � � ������-�$�� ���� ���� ����� �� � � �� ���

����� ��� � �� �� ��� ��� �� �� �� � P��%���P� � P�����P� � �$�� ��� ���A����

��%'�� �� �� ��� ���$�� � � ���� �� � ��������� ����� �����A� ����� ������

% -����� ��������� ��% -�� � - �� � ��� ���A������ ��� ������ �� �����

��'�� ������� �� �� �� � ��� � �� �� �� � �$�� �$�� � � ����0 ������� �� � � �

�� ����� ��� ��0������ � �� �� � ������� ��� �� ��� ����� ��� � � ������

����������� �������������� � �������� ���������% �� �� ��������� �A�������

����0 �������� ��$��'�� � ����� �� ��� ����������� ����N���������$��

131 Customer Relationship Management.

Page 218: Padroes de Design Hipermidia

��B�

������ ������F�� ������� ��$��� ���I �����'������$��� �������&�:����A���

� ���*���� ����������� ��$��'��� ������ ������ ��� ��� � ����% -�����

��* ��� � � � � ����� �� �� ���� ��� ��� ����������� �� �����*����� �� � � ����� �

������ ������������0����� �������� �� ����������� ����� ���������% - ��

��� ��� ����� ��� � �� ��� ��*� �� ��� ��� ���� �������������� ��� �% ��$���

��������������O�I�� ����F���������������� ����� ��� ��$�� ��A�� ��-����N�

��� � ������ ���%� �� �N� � � ��� � ��������� ����-� ��� ����,� � ���� �

���� ������ �����%����������� �������� ����� ��� �������� ������3��

� .�� -����������*���$���&�����������% - ����� �� ��&% ������� %����$�����

���� ���F���%��$��%��� � ���������������� ��� ��6�������� � � ������*� ��

���� ��$������&������ �(�� ���6��������� � ��� ������������������'�����

�&���� �������&�F���&�� � �����&���� ����������� ����$��% ���'������ ����� ��

������ � � ������ ����$��� � �������� ����� �%��������� �� ��� � ����J ��

�� ����$��� �% ��������� �L� ��� �������� ����������� M����� �����������

���� �������1���������2�M� �%������ ��� ����$�M��L6��������@@��������BMQ���

�&��� � � �������� �� ��� ����� '� �� �� %�� �'� � �� ����$��� 6������ � �� � �

� ����� �����$�,� �E�� ������ ��� ���� ������"����� ��������� ��� �����0

����������� ���� ��� ��� ������� �������� ��� ����� �&� �&&&� %� ���� ��� ������

�����������������������������������'���L6��������@@��������;M��

Page 219: Padroes de Design Hipermidia

��;�

���*��"$+��/"!�"���4���&"*���0�"�

� ��� ��� �� ���������� ��� � �A��� � ��� ������ � � � ������ � ��� �

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

�� ����� ������ � � *���� ��,� L�M� �����&������ ���������� � ���� ����� ��*� � �

�� ��&��Q�L�M��A��� ������ �������������������%���&���� �L�M���*����� ��� �

���� ������� ��������$������ ����������� � ��� ���������� �� �� ���

�� � ������ >� ���� ��� ���� ���������� ��� E��� ,����� ��� *���� 9,����� � �

���%���L�@@�M�����F�������V�����,�������E������J� ����������8������7��������� �

)�� ��� L�@@7M�� ��� F����� ��� E�� ����� � � F��� �� L�@@@M� � ��� E��� ,����� ��

J� ���,��� �����5��� ��V�����,���� ��U���������L�@@�M��>�� ���������� �

�A��� ��������� �� ���� ������$��6������L�@@�M��#��� �� �"������L�@@@M��('%5�

L�;;?� � �;;;M�� )�� ��� L�@@�� � ������M�� # ��� ���� L�@@�M�� F�� �� ���� ��

� �% �� ����� ��� �� � � ����� ��$�� ��� ������ ���� �� ���� �� � ��

�� ����$��� G���� �� �� ���� ������ ����� ���� �� ���� ���0��� ���$�� � �

� ����������� ���� ����>� �� ��L�@@@M� �8 ���R�"������L�@@�M��F�� ���$��

���� �� � ����� �*������ � ���� ���� �� � �� � �� ��$�� � �A��� � �%���� � ���

� ������� �� ���� J���� ������ ���� ����� �%������ � �� � J ��&���� � �������

��� ����� �������� �� ���� ����� ��������*. ���� � �����,���� ��&����

�� ���� ��� ������ �� � ���� ���� �� �� ��&��� � ��%�� � � ������

� ��� � ������� ������'������ -����� ���������� �� �� ,�����"��"�"��)��

F�� �� ���� � ������������������� �������� �&������������ �� ���� ���������

� J�� ��$�� �� �����A����� � ���������� �� � '� �� �*� �� � �% � ��� ��

� � �%��%�� ������������ ���� ��&�����

" ��� �(���H���������- ��������� ����$��� %������� ��������������

��������� � ������,��� ���� ��� � ��� �� ���� ���� ��������� �� ������"�� ��

L����������#����������#�����@@7�����=�M����������������� �� � ���������

�� ������ �� �� �����A���� �� ������ �&����� ����� �� � �� ������� �� �

� � ����� �� ��&������ %�% ������� ���� J ������ >$�� �*���� �� �� �� ���� �� �

Page 220: Padroes de Design Hipermidia

��@�

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

� � � % ������������ �&������ � � �����%�� ���� ��� � ������� �����������%��

���� ���$�� ������������ ������� � ��*���-����3��� .,��. ���������������� �

��% �������� �&���������� ��&��� ���������&������ ���� � � ����� ����

� ������*��H����F"*���0�"����*���.*+�� �������� �&�������3���%������ ��

� � ������� '� �� � � % �� �� � �������� � � ������ �� ������ �� ���� � ���� �� � ��

�� � � ���

6������ � ��� % � ��� �������� ������� �� � � %��$�� �� � ������� ��

��� ���� ���� �� ������ �� ������ ��� )$�� �������� �� � � ��������

����������� ����� ��� ��������� L6������� �@@��� ��� �=M�� 3� J� ���� � �

�� ����$�� �������� ��� �����A% ������������� ��� � %���%��� ������� ��

� ��% ����� ������ ���� � � � � %��$��� �������� ��*� � ��������� �� � � �

���� ������� ����������������� ���������������������� ����������?������

����������������������������L�*���������;M��3� �U� ����������� ��������'�

� � � ����� � � ������ ��� � � ���� ����� �'�� �� � �������N� P���� � �P� � �

�� ����$��� �������������N�������$�����������������82�.A�� � � �� J �������

����� ��� ��������������W����� ���W�������� �� � � ��� ��*� ���� ��� �� �� ��

�� � ��%�� ���������� ���� �� P� ��P� � � ������� ������ �� ������ �������

�� � ���������������������E������J������� ���� ����� � ��������� ��������

������� ��� � �����. ������� ��������� �A���������������% �*�� �� ����������

� �������������-����������� �%�� ����� ���������%���������'�� ���� �� �

������ ����� ������� � ������$�� ����������$��� � % � ���� �� ��$�,� �- ����

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

��� ���%� L%�� /���� � � � �� M��� � � ���%�9��8,� �� L�&������� �� � � �

����� ��� ��� ��$�������������� � ��� � ����� �� ��� � � ���� ��� ��������� �

132 Manovich defende que nos últimos séculos houve uma produção maciça de informação, de amostragem midiática, e hoje, especialmente com o advento e a convergência das mídias digitais, as novas linguagens se apropriam desse repertório, deixando de lado a criação de conteúdo original, em um processo que Manovich define como "Lógica da Seleção". O usuário não mais cria, romanticamente, do zero, mas sampleia, combina, reutiliza, deforma (Manovich, 2001. pp. 123-135). Seria uma era pós-

Page 221: Padroes de Design Hipermidia

����

�,� ��M�� 3�� �� ���� �������� � � ����� 6� �� � �� �� � ���������

� �� � ���� � ���� �� �� ���%�� .A� � �������� � � 6������ � � �� � �������

����������������������������,�������������,�� �����������������&&&�#���������

�� ����� ���������� ��������� ��/ � ��� L�*����� ��� �7M�� 3��� ���� ��* � ������

*����� ��� �������� � �$���* � �� ��� ��� ��$�� � ����0����� ���������0���

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

��.�� ��� �����'� ������� �� � �� ����� ��� �*� �� � ��������� �����A����� D�

�� � ���� ��� �*� �� � ����&���� D�� �� ��� � � � � � �� ����$�� � ���� ����

��� � � �� ��� ���%�� � � ���� %���� F�- ��* �� �� ���%� ���� ���� 9@,� �*����

�,���������7���?����� �������!�����������������������D�����9,����������

��������� �� �������� �� ����������� �� ��������� LF�- ��* �� ��� ���� ������

�@@�������?@M��

>$��� ����������������� ������� �&�������������� ������ ��&���

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

(���H� D� ��� ����� � �� �� J������ � �� �������'��� � � �$�/��� ���� � � �

:���-������� J ������3��� ����������'��� ���� ��&���� ������� �����������

� ��A*����� T� ���� ��� ��������� � ��&��� � � � % ��� � � % �� ������������ � ���

������ �� � �� �� �� ������� � ����� T� �� � ��� ��� ���� ��� � ����� ��� ��� � ������

���0������'���� ��� ���� ���� ��&��������������� ��������

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

��������� �$���*�������� �� � P����-&% ��P���� ���� �� �� ��� � .���� ����� �

�0�����*��A��������&% ��� �� �� � ���$��L �����-�$����������� �� �����&���

��%'��� � ���%� �� ��������������M� ��������$������&�����L��� ������� �

� � � �� ������A% �M� L���%���� �@@��� ���� �9/�@M�� F�� � '� ������ ���*���� �� � '�

���� ������������ ��$������ �������������� �� � ���$������� ���� �����0�����

��&%����� �� �0����� *��A����� � ���� � � ���� ����� ���-HH��F��� ����� �� ����� ��

� ����� � � ��%�� �&����� '� �����!��� ����� � �� ��� ������ �������� L���%����

indústria cultural, em consonância com as sociedades "pós-industriais, em que praticamente toda ação prática envolve a escolha a partir de algum menu, catálogo ou base de dados" (Manovich, 2001, p. 128).

Page 222: Padroes de Design Hipermidia

����

�@@��� ��� 79M���� ���% ������� � � ��A��� ��� ����� � ������������ � ��� � ���

��������0�'�����&% ����� ���� ���� ���$��� ����$��� � �%��%����� ���������

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

�� �������� ����� ����� �����:������ ������ ��������������� ���� ���� ���

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

����������������� >�� ��������������������������������'��������� �������

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

��� ������� L:������ <�� �� �� �� �;;9�� ��� 79M�� ��0�� �� ������ ���� ���� � �

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

������ � � ���� :������ � � ������!����� �� ��� � � ��� �� ��� ���� �� �

���� ������ ���� �� ��� �/� ��$�� ��� ���� ���� ������ �� �� �F"4�"��$%�

��)"!������2 ��� ���� ������ ���� ��&����� � ���������������� )�� ���

����� ����

3���������� �� �� ��%������ ����������'��1"����)"��������&������ �

� �������� ������������������ �P������ ���P������ ��&��� J��� �

������� ��������� � � �� ����-����%'��� ���������A���� �� �& �����������

���*������ � ��A��������� ��� ����%�� �� �� �����&% ���L�������@@�������B�M��

F�� �P������ ���P�'����% ��� �������� �� �����P���P������ .���%��$�,�

'����������)�"����);����"������������������� �����- ����'��� ���� ����

������ %&� ���� ����� ��� ����� � %����� N� ��� �� ���� � � � �� ��� �������,�

$����� 6�� L���������� �� � � .����M� � � * �� ������ � � ����� 6� �� � ��� - ��

�� � ��� �� �� ���� � � ���$�� �A���Q� ��� � � �� � � � ���� � %������ � � �� ��

��%�� �������* �������� ����� �������������� ��) ������������������,�

V�����,��� �� ��� ��� ����� ������/����� ����������� �� �����������

����� ��'����� ����� �� �� ���� ����"�� �� �� ��� ���������� ������

�� ��� ������ ��� ���� ����� �������,��� ��� �� �/������ ���� ������ ����

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

133 Traduzido pelo autor do termo "Transcoding" (Manovich, 2001).

Page 223: Padroes de Design Hipermidia

����

���������������"��������������������������&�*�������������

����� �����,������� �������,��� ����� � ������� ������� ��'���

�����0���������� �� ����� ��� ��'��������� ��� ��� ��$����� ��'���

���� $"� ��!� ������� ��� ��� �"���� ������ �������������� ��� ������� ��

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

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

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

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

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

��� �� �� ��� ��� ������������ ������&� L����� <�� !������ ���

�;;9�������7?/�79M�

��� )�� ���� ��� ������ $��������� � ��������� ��� �������'��� ���

������,����� �������� � ����� �����0��� ��� ������,���� L)�� ���� �@@7�� ���

7;M��6A� J�������� ��� ��$�� ����� �� J��� ��� �'����� ����� ���� �� ���� ���

� ���������'���������*����� �� �������� �� ����������� ���� ����������

��� ���� �� ����� 3� �� �� J��� '� ��� �� �� � ������� � � �0�� ��.�� ��� �����

0�����'� � � ���������������� � � � � ���� � � � ��� � ��8�*'��%������� � ���

���� ���� ��� � � �� �� ������ ����� ��� J���$�� ��� ���� ���� ��� ���� ��

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

���� ����������� ��� �� J����� �� .������������ �����N���� �% ��$�� J� ���

� N� ����� ������ ��� � J��� ���� ���� ������������ � ��� ������� �� ��� � � ��

� � �A�����D����� .������ ����� �� ���� ��� ��������� ����� �� � �$�������

� ���� � � �0������� F��� ���� �&����� -� ��*� ����� ��� ������ �� � �� �

������ ����� ���� �������� ��&������ �'������ ���� ��$�� ����������

�� � ����� ��� � � P�����&���� �� ��� ������� P� L������ �@@��� ���� �B@/�M�� ��

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

�� �����������M ���M�� L�*���M�� F���� �����$������ ���������� ��� �%������

� �� ���� � ������ � � �� ���� �� ������ ��� ���"�� �� �4������� � � ���

�� �� J������ ������ .��� �������� ��� ��� .������ ��$��N���� � � ��� .�����

Page 224: Padroes de Design Hipermidia

��7�

� ��$����������%���� .������ ��$������������ ���� ���������� ���F���

�� �� J������ ���� �� � �� �� ���������� ��$��� ����� ��������������$��� �

��%����0������� ����%���L���I�M��������� ��$������� � � � �������������� ����

�� ��&���'�����������* ��� �������� ������ .�L�M��������-�$��� �������

� �� ���� J��� ������� ��&���� ��������� ���� ���A% ��� �������������

����%�� ��� �� ���� ������ ������ ����� ����� ��� � �������� ������������&% �������

L�M� ����������$�����*����%� ��� %�����%� � � ��� *� � � � ����� �� ���� ���

�������������������� /�����&% ��������������� ��$����� ����������)�� �� ���*�

������������S�����D����� ����������� ���������� ��&��� ��� ���������� ��� � ��

���� * ����� ��� ���� �� D� ��� ���� ��� ���� � � �����$�� � � ('%5� ��*� � ��

��* � ����,��=���� ��������� �$�� ���������"���������������� �� �����(� ��

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

�� ���4��� �����������������L('%5���;;;�����77M���

���������� �������6�O������"�*���������* � �����'������������������

�"�� � ��� ����� ����,���� ���� �� ��� ��� ������ ��� ����������� ��� �������

������� L"�*����� �;B7�� ��� ?9M�� " ��� � (���H� � �� � �� �� �� J��� ����� ����

��'��� �������������'������� ��������������� �������"�� ������������������

��� ����� �������� ����������������� ��������3��������� ������ ��� ������� ���

��� ��� ���� � ��� ���:� L(���H�� ���� ������ �@@��� ���� �;�/�M�� 3���

(���H� ���� �� � � � �� '� ����� � ���� ����� �� �� � �0� '� ����&% �� ���� .�

* �����N���� � ������ J� ����$��� ���������$�������0��� �S�������� ��� �

��'�������� ��� ������ ��� %�����%�������� ��:��������A��������� ����� �� ��

������ �����A���� ��� �������&% �� �������������*����� ��� �� �������������

������ ���� ������������� �����:!/43��� ����� J$������� � �� ��������� �

����� � ��� ��� ������ ��� ��� ��� � ��A����� ��.� ������ '��� ���� �� ����� � ��

�� ��&��� � % � � � ���� � ��0���� ������ � ��� ��* � ������ � � �� ��� ������

�������������������������� �(���H���

F�� �&�� � �� ������������� ��� � � ����$�� ��� ��&���� � �� � ��*������ � �

�� ��&���'����"������4�������"�!����!�����G�F04�"��2����!"G���

Page 225: Padroes de Design Hipermidia

��=�

F"*����.���)��!�� �� ��"� �"�"��)2 H�� *���"�� � "!����$%� F�����

����/���(H�"!� � ���� �����4����!���2 #�!�#���� � ������ �"������

��)�"�0�"�����1E����������)��(�"#����#���!"#�$%����

F������ ��$�������0����0�"������ � �� �� ���������������*���� �

� ������ ��� ��&������ ��0�� � � ��-� ����� ������ ������&% ����������%��� �

���� ����� � ��0������ �� � ���������� � ��������N���-� �� ��������� �������� ��

������� ������� ���$���

Page 226: Padroes de Design Hipermidia

��?�

� � �A�����

�"3)8���(����P8 � ���� �� �!���������D��� �����% ����5����P��59��������8������� �������V�@@7��!�����&% �� �,�`���,VVHHH���� %� H����V����� o��*�� �X����� <�m�@@9�@;a������������ ��>�%V�@@7���441!���#������D� (��������"�������A��F"��D�F� ��������"� ������5�#������:�����F���������V@����p��7������7/=���1)8F4������L�;B=M��J��������D����&�<��)�F���� �����*���[��6��)$��������F������)�H��-���lF2F!3��O������L�;;?M��%���� ����������� ���)$������,�"��*��F�������#�48EF)��4�����L�;9@M��J�,�� ���D�����&�)$������,�� ��� ���%�/��� A�����#�1!4<((�4!��6��L�V�M��#���� ������#�������&�<��)�E�� ����������#���� ���������9/����#F<"1F(��>��"�� �� �L�@@�M��%�8�����5���������8������)$������,�� ��0�������#F>/��43>��!����.��������� ���\������B��!�������:��������� �����V�@@�� ���`�HHH����� ���a��#F>6��<>��O�� ��L�;;?M��P���*��� ��� ��� ����� �������*����� ��'����P��<��%����.� �������74�9 ����F� �� ��)������E��,�� ��)$������,�#����� �� ��#F4��>��6�����R�E�(#F4)8����)�� � ��"�� ���8�����J������ �4�7��������]�.0 ����� ��8�4�B����&�:��������� �� %V@=� ��`���,VVHHH�H *�H�����IV����@?���a���#F4>F4)/(FF��8����EF>!(F4��6� ���(�))<(���3���F���#����� �B��&�# ������� �)���� ����5��@@���!�����&% �� ��! -V@7� ��`���,VVHHH���������V����� �� �X����� <!m@@@7B�77/�@!�/�:9@/B7�;B@;F:=BBFG��a��#F88<��4 ����L�;;?M��P���U���P&�<�.� � �������.���������������#F88<��4 ����L�;;?M��P<�� ������������ ����P&�<�.� � �������.����������������#3(8F4��65�!��R�"41)<>��4������L�;;;M������������4�<���������� �*���9���&�:�*���� ���<8��� ����#34"F)��6��� �(��L�;=9M��.��)��������� ����,�F� �'�F����� ���#4�"����� J��� �)��L�@@7M�5��� �����7����� �4�)����� ����������� ������������(� ���������������������,����!��� ���$��� �� �������:�������$�� �) ��0������1:V)���#433+)��4��� 5����L�@@�M��L��������9 �����4�V����������B����J�� ��<�&�> H�]��I,���� ���#��I��������;9/��?��#1:+(�>!����� ���E���%������E����������7����������9� �������1��% ����� �� �# �I � 5������������ ��G %V@=� ��`���,VVHHH������* �I � 5� ��Vq*��I���V��� �����a��#1)E��2�� %���)������������6��F���)����� �9������&6�����;7=��`���,VVHHH�� ����������V��*����V ��*I�V������ �V*�� ���a�:3)8���4��L�@@�M��)�J������5� �����)$������,���*�� ����!�2F>�348��8����E��R�#F:+��6���:��F���)���������. �����4�<���������� ��������� ����� ���������������E�%���#���� ���)������� ����6�����@@���!F(F1lF��"��� ��R�"1�88�4<��G'��J�L�;;=M��9���E��@��?�J����������������!������&�2������)$������,�F�������7��!F(F1lF��"��� ��L�;;BM��L�� �����)$������,�#����� �� ��!F44<!���6�� ��L�;;;M��C������ ���)$������,�� ��� ���%��!3�<>"1F)��! ����"�����L�@@�M��%�<������9��"������J����� �����!��� ���$��� �� �������F������ �:�������$�� ���� ���1)�V)���!3)�)�>83)����� ���(��#��L�@@�M��B�������)�!�� �)�!��&�<��)�!�� �)�!���?�.����� �.���� ���"��&�3����-�$�,�6��'�O�� ��"�����%A��������� ���)$������,�(F�3)�F���������

Page 227: Padroes de Design Hipermidia

��9�

!3)�)�>83)�����(��#��L�@@7M�J������ ������� ��&�:��������� ��.��V@7� ��`���,VVHHH�� �� ���������*�V��*V�� �V%� H������X ���m��R�o���!��:��m�7=a��F:3��1�* ����L�@@@M��)�� �,��� �����7��� ����&�#����,�� ��� ���%��F>8(F4��4�������%�J������F��4�E���� ���������������J�����'�������7�������&�4 %������G����� �� �:�������$����G�����)$���������°�9������77/==���°�� � ��� �� ��@@@���F)�<>3)���#����L�;9�M��.���������f�F���$��������7����� �$��P3��� ����� �P��)$������,��*����:��������<������ ���� �� �� ������ ���������G4F<4F��������E�� � ����)�������4�#�������� ���"�����+���"�� ���� ���&�L�@@�M���f� ���$���)$������,��-� �8 ����G4F<4F��)���� ��.��������� ���J�������N������:��������� ��� �V�@@�������� ��`�HHH������H�����*��a��!�����&% �� ��>�%V@7���� �� � ����`����,VVHHH��� � ������*�V��� V�������:������X������m�9�R����m���a��"<#)3>��O������L�;B7M��*������ ��&��f� ���$����f�� ���� ��$���)$������,��� ���"1�8�4<��G'��J�L�;;�M��J��������)$������,�F�������7��"1((�4��G �� ���L�;;9M��J������7���������)$������,�6��'�3�&������E����>��4�*���L�;;?M�����!���^7�������&�1��% ����5�� �F�� J��F1���������&% �� ��) �V@�� ��`�HHH�������� ��������IV��-�� �����a��E3GG��>��F��8�����L�V�M��%�V�������)�����b)���,)���c��<#4<��<%�����L�;;�M��P3�<�� � ���������3����0����� ������-�F%����������P&�<��N/�����*�_�/�&�)$������,�� ��� ���%��<�F/1)���7�����������W� �����5������������������� ��L�$���� ��� �����M����������� ������� ���������� �<�������$���#����� �!�������<���������� ��� �A���� �F���&�������1)���L�V�M�������&% �� ��`���,VVHHH����� �*�VqI���V������/#!��� a������������ ��G %V@=��63E>)3>��)� % ��L�@@�M��J��������7����� ���4���� �6� ���,�6��� �l��F�������+�>!<>)+]��O����5�L�;;?M��5��.�����������)�����)$������,��������G��� ���+F4:+E32F��! ����I�! �L�;;9M��)�E������J�����&�(��*�,�4 �0�����K[����+<(<�>��:�H �����)��� ���B���B����� 4�J������� ������ " ��������������) ���A������� ���������8 ����:��H� ���-��)$������,��7/�=V@;V�@@���+1E>��8����L�@@@M��)������������������������ ����,�� ���)$������,�� ��� ���%��(T2]���� �� �L�;;?M��%���������������A��)$������,�F�������7��(T2]���� �� �L�;;;M��J���� �������)$������,�F�������7��(<F#3O<8l��65��PO � ����� �K<�� ���� �� K�* ����K#���� ���<�� ��� �� KXP�!�����&% �� �,�`���,VVHHH�*���� ����� ���� �� ����V�����o���� �����X��� m��BR�� ���m�a����������� ��>�%V�@@7��(34F>l��F�H���>��L�;;;M��F���.���� �����J���&�F1�,�1��% ����5�� �O���������� ����(1<><>"��� � ���7��������������9�� �����&�!�����&% �� ��� -V@7� ��`���,VV��-�� ����V��������-X�7��7a����:E�!3����������L�;;?M��9"�������7� ��"���4�%���������������� ���� ���/ � ����f� ���)$������,�F��������:E�!3����������L�;;9M��V�����,��4�%�8�������� ����9��"���&�<�,�!��!������ ��L����M��)�)�������#� ����`̀ 7&�)$������,�1� ������:E�!3����������L�@@�M��=�� ���.����� ���.��.����@�� &�<��#���L������������*����$��� � J�����$����U����� ��-�� ���������� �� ��� ��-�$�,�)���� ��:����������:E�!3����������L�@@�M��%�#�$��������J���������&�<�,�6�(���������L����M��J�,�� ����E�"�� ��9���"�� ��1���� �������������+�� ���� ������2&�)$������,�E�I ���F����� �����>32<:E��( %�L�@@�M��F���8� � �����*���9���&�F1�,�������� ���<������� �� �8 ������5��� ����

Page 228: Padroes de Design Hipermidia

��B�

��>32<:E��( %��C���������L�����!�����&% �� ��3��V�@@�� ��`�HHH����%���� ��a����>32<:E��( %�L�@@�M��PK� ������K�� ���� P����96�� �)������5�����&�> � �����,�2o����*������V>�<���*��� �����:(1E�>��������L�;;;M��%��9��������J����� ���� �����'������������������)$������,�:�����J���34<>�� F���� L�;B?M�� %� 9������ ?� H&� %� ���� ������� ��� ���� ������Z-�� �f� ���$���)$������,���*����� ��F����/��'������314����U�����L�@@�M�%�5��� �����V�����,����8 � �� �!���������:�������$�� �) ��0������1:V)���>F"43�3>8F��>������L�;;=M��W��� �5� �����>�%�]��I,��� � �����+��� ;>F83�����U����4��L�;;BM��)������C����4�)� ����� (� �����,������� ���� �&�)$������,��I����#��I���><F()F>��6I�*�L�@@@M��5��� ��� �B���<�������4�F����� �� ����������� �����<������F1�,�> H�4�� �����*��������3()F>��E ���I��W�� �� �������������� ����� �����'������������ ��������� ��?�V��������������� ���� ����������������C����& ���?�F�������� ��������� ���M�� ���������64�5���������� ���������������� �������������� ��������� �&�<��� �@B��3���* ���@@���!�����&% �� ��! -V@�� ��`���,VVHHH����������V���� �V@7o@����a����4F>8F������'�L����M�L�;;9M�7� ���?�9"����4�)��������� ���� ������������&�4���� �6� ���,�F�������7���F<4:F��:�� ��)��L�@@�M��#���/�� &��f� ���$����f�� ���� ��$���)$������,�F������� ��� ���%���F<4:F��:�� ��)��L�V�M��%��E����������)$������,��*����:���������4�g��6 �/]% ���F�����������N������ �4�)��'����(� ����� ������C���������J���� ������&�) ���A����<�� ��������D�O��I����2,�8 ��G�����<�� ��������+��)� I ��) �� ���)$������,�3��V�@@7��)[>!34�����I�L�@@�M��#���������������#��������������� �� ������� ����������������� �����&�E�������������&% �� ��`���,VVHHH�-�I��V���- I IV �VI�� � ���V�����@@�V���I����a����������� ��>�%V@���)�>8�F((���(����L�V�M��B���E��� �M��#������ ����������F���������J������ ����&�)$��������������&% �� ��6�V�@@�� ��`����,VVHHH�������*�Vq�*��V�a��)�>8�F((���(����L�V�M��F������ �������������������������� �������� �����&�)$��������������&% �� ��6�V�@@�� ��`����,VVHHH�������*�Vq�*��V�a��)�>8�F((���(����L�;B�M��%�������#���/�� &�:�� �$������ ������������)$������,�#����� �� ��)�>8�F((���(����L�;;�M��)�)�����������J����&�4���� �6� ���,�<��"3�F�������)�>8�F((���(����L�@@@M��V�����,��4�)����������� �����'���� �� �����&�<�,�)��#����� �(�:��� ��5��E�� �"�������V���/�����J�����&�:J������)��,F������)$������,�F��������I �-� ��)�>8�F((���(����L�@@�M��J����� ������E������4�E��$��������������������������&�)$������,�E�I ��F����� ���)�>8�F((���(����L�@@�M��9���!�����8�� � �����E��������&�)$������,�<��������,�2<<�D��?;/�BB��)�>8�F((���(�����%��#� ���� ����E� �"�� �����9���������#�������������E��� �&�J� ������?�����������L�������������������%V�@@���)$������,�F!1:��������)�>8�F((���(����L�@@7M��*�� �����J���������4�%�E������J� ����������8������7���������)$���������������)F8lF4��2�� ���O��L�@@�M��5���7�����������N������ �����J������� ���!�����&% �� ��`���,VVHHH��� �����*�Vq%H� �- �V���������a����������� ��.����� ��@@7��)<(2���������)��+��L�@@7M��)�)����������8,��������*%̀ ��D����������������&% �� ��*�V�@@7� ��`�HHH�%����%��������*�V����� J���V��@@@V ���������a��

Page 229: Padroes de Design Hipermidia

��;�

)<(2F<4���(����#��G��L�V�M��%��.��" ������E����������;��������� � ����� �������*�&��������������� ��������. ���:��������`�HHH��������������*��a� �����0������� �V�@@���)<(2F<4���(����#��G��L�V�M��%������0�����L��@����4�L����������������#���/�� ����E��� �&��������� � ����� �������*�&��������������� ��������. ���:��������`�HHH��������������*��a� �����0������� �V�@@���)<(2F<4���(����#��G��%��E���������E����������+�D�����&�J� ������?�����������L�������������������%V�@@���)$������,�F!1:��������)<(2F<4���(����#��G��)�J����� ����������E��������D����E� ��� ���&�J� ������?�����������L����������������b����c��)$������,�F!1:��������)8F<>F4��4���� �L�;;7M��)������.����� �#� �����C�����4�C������ ������� ������������������ ����&�)$������,���������0 ����)8318����5�L�;;?M��4 � ��� �OF<lF>#�1���6��L�;9?M�J��������E��������V���������&�!�����&% �� ��� �V�@@�� ��`�HHH��������� J�� ��Vq�������V����� �V� %� H�V�5����a��8F44���6��'�:��:�� �"34!3>��:���5�L�@@�M�E������J����������4�)�������������C���������J���� ���������f� ���$���)$������,�> �0����F�������8E3��)3>���6���#��L�;;=M��)�9,������9���������4�<���������� ������,��&�� ��0�������46,�2�- ���83GG(F4����%����E ����L�;;7M��J���������*���J�����!���4�)����,�� ������ �������&�8����$�,���* ����(�� ���=f� ���4���� �6� ���,�4 ������OF>"F4��F�� �� � �)>]!F4��O���������J��������������E� �� �4�F���%� ��!������L�������&�V�����W��������������4�$� ���/ % � �����@@@���� ���'� ���J������N���L�;7�M��!�� ���,�3�����O �� ���L�����L6��L�;9?M��!�� ���,�3�����O �� ���:;;-4�<��%����������.�����L�;?BM��!�� ���,�)��� 5�+�*���I��F���9���'�L�;;;M��!�� ��� �,�(��5� ����5�O��H�I���%�.�� �����N����V�����L�;B�M��!�� ���,�O �� ��E �-����8MV���������������� ���������������L�@@�M��!�� ���,�G������ �( %� �� ��� � RRR;�)"#�4��;����RRR;�)"1��"1��;#���RRR;#��!"���;���;4��RRR;#�)����RF"��!"!�#�!���;#���RRR;#[4��������*F[;����RRR;���1"����);#���RRR;��#����/R�4���"�!;����RRR;���G;����RRR;/�����/������;#���RRR;����)�;#���RRR;F*�;#��;4��RRR;"!/)��!G�;��#;4��RRR;"!�"��;#��;4��RRR;"���#�)����);���;4�S���������X� RRR;"���;#��;4��RRR;X�44��R�#U[;#���RRR;U"�;!���RRR;)"!U��"!;#��RRR;���U����"U�;#���

RRR;��!�1"#F;!���RRR;!������;!���RRR;��U��;#���RRR;*�"��R�4;#��;4��RRR;��*�����!!"!F�;#��;4� RRR;���F"4�*)�!��;#��;4��RRR;*�#�*;4��RRR;�����/����;#��;4��RRR;�F�4��"!;#���RRR;�F���)�!�"#;#���RRR;��"!������;#��;4� RRR;RC#;��� RRR;R�4)�R;#�;�U�RRR;R�4�*��"�;#���RRR;R"U"*��"�;����RRR;.�!���;!���RRR;G�U�;F�

Page 230: Padroes de Design Hipermidia

��@�