21

37202360 Tutorial Hacer Componentes Joomla

Embed Size (px)

Citation preview

Page 1: 37202360 Tutorial Hacer Componentes Joomla

c�

��������������� ��������� �� �� ����������������������������������� ����� �������������������������� �������� �� ��������� �������������� ����������� �� !��������������� ����������"�� ��� ��#���� �������� �� �� �$�������� � �����������%� "�&�� �����������������������&�� ����� ������������������������������ ���� '����"����� ������ ������� ��� �� �������� �������� ���� � ��� ��� ��� ����������� �� ������������� ������ ������ ��� �������� � � ���������������������� �� ��������������������������� ��������!������������������ ���������������������������"��!��!�� !���� ���#��� �������������������������������!��!�� !���� ���������������������������$�������� �� ������������������������%�� �����"���������������!������ ��� ����������&������������� ���������������'�(������������ ������"��)����*��'����+������,����� ��+���)����*��+���"����)�"�*�����-����������������"������������������������� �������������� ����� ���������������������������� ���� ������&���������������� �������� ������������������ ����.�������������&������� ��������������������������� ������������������� � ������� ��/�$���������� ��/������������ ��������������� ������� �� ��������������������������������������"�� ���� ������������������������������������ ������������������������������������������ ��������� ��������$���� ����/������ ��������������� ������ ������������� ������������������ ������$������������������������� ��������!�����0��������������������� ���������%�������������������������������������1������������������������������� ����������������������������������� �� ����������� �������� ������� �� �� ��������������� /���������������������� � �������� �����������!� ������������������������������������������������������ ������ ��� ����"�����$����������� ������������������ �� ������������������������������������� ���� ��������������������������������� �������� ��� �����(��� � ��������� ������ ���������c")��$��������2��������������"���0�����������������������������������������0������ ����0���� �������� �������������������� ����� ��������������������������$�������� �� �������� ��'����������������������� ���������������������"����� ����� ������������� ���������� �� �������"������������������ ���������������+��������'+,��$������� ������������������������ �������������3����������������'������ ��� ������������ ����� ���"���� �� ��� ���������� ���� �������� ������ ����� ����� �� ������� ���� ��������� ����������� ���� '������ ��� �� ������ ������������ ��� ������� ���� ��� ������� ���� ��� �� �� �� ��"���� ��� ������������ ������������2��������������������������������� ����������������������� ����� ����������������� ���������������'�������������!����������������4�������"�����������!��� �������������� ������������������ �� ����5�� ������(5�� �1��������������������� �!� ���������� � ������� ��/���� ����5�� ���������(5�� ��,����5�� /���� ����5�� ������������� ��������������������������������������������� ����������������&����+���������%�� �� ��"������� ������ �� ��� ��������� 6� ��/����� �� ����78���������8� 9:� ��� ��� ���������� +�� � ���� ������ ��� ���������� ��� ��� ��������������������� ������ ��� �������������������� ��'��������;��(5�� �/������������� ����������������������������!����� �������������������������� �������� ������$�����������������������!� �� �����"������������� ��� ����������������� ������(5�� ��$������������������������� �����(5�� ������������ �� ����5�� ���� � ���������+���� ���� ������������������������� ��������������������� ������ ��� ����������� ������������

������ ��� �������������������� ��'��������$����� ����������� ��� ���������� ����������������������� ������ ������� ��������� �����(5�� ��� ��� �� ����5�� ������ ��� ����������� ����������$����������� �����(5�� ������%��������������� ��������������������� ����������������������������4����0���������

������ �� ����5�� ������ �������������!�����������������������"�������� ����� �������������� �����(5�� ��<��� ��������� �� ����� ������ ��� ����������� ����� ���������� ���������� $�� ��� ������ �� ���(5�� � ��� ������������� �2�������������� ���������������������������������������� �������������������������������������2������-���������������

Page 2: 37202360 Tutorial Hacer Componentes Joomla

ü�

�� ����5�� ������������������������������������ �������� �� �������������������������������� ����������� ����4������������������������������������������������ ��� �������� ����� �2�������������������������� ����$�� ���������������������"��"���� ����������������������������������������� �� ����5�� ������(5�� ����'��������.�����%������ � �������� ������%��������������������������������������� ����������(���������������������������� �� ������ � ����������c")�*������ �����������"��+������ �������������������������������������������������������������������������������������������$����������� �������������������� ������������������� ���������� ����2�� ����������������������������������� �����������������������������"����������!��������������������������� ��'���������������������� ���&����4������ ��������������������%������ ���������������������=����������� ������ ��� �����������#������������ ��������������������%����������� ���$���������������������������������'������/�������������������� ����� ��������������� ���������������������������%���������������� �� ���������� ��� ������������ ���� �������� ����� ��� ����������� ������� ����������������)����� �������� ��� �������� �� ��� ������ ��� ���������"������������������������*�<��� ��� ������ �������� ��� ���������� ������ ��� ��������������������� ��� ������������������������ �� ��������� �������������������������������������"����'����������������������"�����"������"��� �������������������������������������������� �� ������������ $���� ��� ��� ������ �� ����� �� ��� ������������ �������� ��� ��"��������������� ������ ��� ���������� �� �� �������� ��� ������� ��� �������<��� �"���� ����� �������� ����� �� ��� ����������� ��� ������������ ����������������������������"�������������������� ���������������0����� ��������������������>"�������������������������� ������������������������������������������� ����������������������������� ���������������������������������������������������4������ ��� �������������&���"���������������� ���������������� ������������� ������������������������������������ ����������?��������� ����������������� ������ ��� ����������������4������ ��� ������������������������������ �������������������2���� �� ��������� ��!�������������� ������������$��������������� ��"���� �������������������!�������������� �����!��� ��������#������0��������������� ��"������������������������������������ ��"���� �����0����������������>"������������ ��"�������������� ������ ���� �����@������������������������!����� �����������������������3�����"���������� ��� ��� �����

Page 3: 37202360 Tutorial Hacer Componentes Joomla

��

����� �� �!�� ��������� ����� ���� ��� ����������� ��!� ������ �� ��� ���������������� ����������� ��� ��������� ������ ��� ����������������������������� ������������"��������������������'�����������������0����������������������������������������������������������� �������������������!������A�����8�� ��� ����� �������� ��� ������� ��� ����������� �� �������� $�� ������ ��������� ����� ������� �� �������� ����������� ������������� ��������� ��� ������� ��� .B�� ����� �� �������� �����������������������$���� �������� ��� ������� ���������� ������������������������������ � ���������������������������������������� ������������������ ��������������������������A������8������ ���������������������������������������������� ������� ������������������������������������ ������� �����!� �� ����������������������������������� ��������������������������� ������������������ ���������������� ������� �� ���������������/�� � ��� )�CD'$E$�C�*���� ��)�CB�������� �������C�*?���������D����)�'<>FGD�=�<=1$1F�4+�C������������"�C�*?���� )H�����������7�'B������//���I�� )C����������C**�J�����H���"�7�'<>FGD�=�<=1$1F�4+�C�����������C�4+�H�����������C��"�C?�� �) ���D�#����)H���"**�J����������������D�����H���"?�����K������J���������H�����������7�CC?�����K�K���H�������������7�C����������������C�H����������?�H�������������7�� +�H���������)�*?���H����������5:�#�����)�'B������//������)�C���(C�*�*?���H����������5:�� �����)*?���������������������������������� ���������������/���� �������� �2���� ���������� ��� ����� � ��� �� ��� ��������� AD'$E$�8�� �� ��� ��� ����� � ��� �� ��� �������� ��� �������� ����������������������� ��������� ������A ��8��$������������� � �� �������� � ���������������������� ����������'����������������������� ��������������� ���������������"�������"����������������������������������������������������������� ���������������� ����������������"������������������������������ �������� � ����������������� ��'�������+���� ��������������������� ��"������������������ �� ������������������������������������ �!������������ ����'<>FGD�=�<=1$1F� �� 4+� ���� ����������� ���� � ���� ��� ������ �� �������� �� '������� �� ���� ���������� ��� ���"� �������������� ��� ��� �������� �� ��� ������ ��� �� ����������� � ���� �� ����� ��� �������� ���� ��� ����� �����%�� ��� AL8� �����I�� �&���� A98� ����� ��������� .��#�� .����%��� ������ ����������� ���� ���������� ��� �������� �!�� � ������� �� "��!� ������������������������������������ ���� ������� ���������� ����� �� ��������0�������%�� ���4����0�� �� ��������� ��� �������� ���� ��� ���������� ��� �#����� ��� ���!��������������������� ��� ������ �������� �� ��� �#������������������������������"���'<>FGD�=�<=1$1F9�����������9H������������"��������������"��������������������� �����"������������������������ ���������������� ������������������������������3����������������������������1�����������"��������� �������������������������������� ������������������������������������ ��������������0�������� ������������������������ ��������������������!���������������3��������!�����������������������������%���������������������4����0�� �� ��������� ��� ��"���� ��������� ������ �� �������� �������� ���� ��� ������������� �� ����������� ����0�� ��� ����� ��� �������� ���� �� ��� �������� ��������!������ ������������ ��������� ��� ������ ��� ���!�������������"���������������� ��������������������4����0�� ������������������������� ���������� � ����������� ���������� ����!���� ����� ������������������������ ���� ������ � �����������!�� ��������� ������������� � �� �� �� ����

©� +���������������������������!����������������������������������%�������������� ����������������������������� ��"������������������� ����

©� +����������������������� ����©� +��������������0�� ��� ����� ����������� ����©� +��������������0�� ���������� ����������� ����

4����0�� ����������������������� ���������������������� ���� ����������� ���������������� ����������������������� ��"������������ �"�,���������������������������� ���/�� � ��� )�CD'$E$�C�*���� ��)�CB�������� �������C�*?�

Page 4: 37202360 Tutorial Hacer Componentes Joomla

±�

�������)C���������������������������������������C*?�������������������������� #� ����'�����������J� �� -�������� ������)*�� J� �� � ������// ������)*?�� K�K��$������%����3���������"�����"��"������������������������"��!���� ������ ���������� ����������%�� �������.� �, � � �� �u�����������G����� ������������ ������� ���������� ����� ��� 3����� ���� "������� ��� ��������� ������� �� ������� �� ����������� ������� �����������!�������������"��������� ���$�����������������!������������������ ����������������!!������� "��������2����������� ���������������������������������������� �������������$���������� ��� ��������������������������� ���������������������������������������������������+�������� �������� �����������������������������������!� �����������������������!���������������������������� ��������������%� ������������������� � ���������������������������� ����� �����������������������������A��������8��"�������������������������������������/����� ���������������������#���������������������������� ��"���������������!�����������������������������������������"��2�����2������������������������ ����������������������� ��� ����������� ������������� ������� � �����������������������4����0�� ������������������������ ������������������������������������������ ��"����������������������� ����������������������������������������������� ���/�� � ��� )�CD'$E$�C*���� ��)�CB�������� �������C*?��������)�C��������������������������������&C*?������������������&������� #� ����'���&�����J�� -�������� ������)H����7�����*�� ����J�� � H�� ���7M�H�"��5:����� ��)*?�� � H��������7�H�� ��5:����������)*?�� � H�"��5:������B� )C�������C�H�������*?���� � ������// ������)H���*?�� K�������K��=������� ��� � ������� �� ������������������ ������������ ���������������������������������������������������� ���"�����������2���������"������� ������������"������� ����������������������������������� ����������'�������������������������������������������������� ��������������������������������� �� �����&�������� �� ���������� ����������/�-�����������������-������ ���$����������������������������������0������������ �������� ���� ������ �� "����� ��� ����� ����� ��� ������������� ��� �0�� ����������� �����%�������$�%������ ������ �� ��������� ���������%��!����A������8��������������2���� ����0�� ���������������������� �����'����������������� ��������������&�����'����&������ ��� ��������������������������3�����!����������� ��������'����� �����������������+�����"���0���������� ������������ �����3���� ������������!�����������"������� ������������� ���������� ��� ���.�����%� ������������� �������������������0�� ����'���(�� ������������ �����������������$������������ ������������������������ ���������� ����������$�%��,���������� ��� �������� ����0�� ��������� �� ��� ������ �� ���� ��� ����� ��� ��� ��� �� ������ ����� ���!������ ��� ������� �������������������������������%�����������������������������������������������������%��!������������������������%������������������ ��"����������������������%����������$�������!�������������������������%�������� � �����������������������>�� ���������������� ���/�6":���,�����"��H�"��5:����������69":�=������� ���� ���������� ���� �������� ���� "����� ������ �� ������ �� ����������$�%� ������������� �������� ����� ������������������� �����������"���@��"��������������� ��������������������������� ����������� ������ ����"����������������������

Page 5: 37202360 Tutorial Hacer Componentes Joomla

)�

+����������� ���������������� ����������������������0�� ����'���(�)*�����"�������� ��������������������������������������������������� ��"�������������������������������������� ����/��� � ��� )CD'$E$�C*���� ��)N������ �������N*?��������)C������������������������������� ��C*?����������������� ��������� #� ����'�� ���J���� -������������������)*J�� � �������NG������������������ ����������������� ���N?�� K�K�$��� ����"���������������������������������������"�� �������������� ���� ����#��������������� � �������������������������!������������������ �������2�������� ���������� �� ����������� �� �������������)��������@�����!� �����%� ������������� ���������������<���������������� ����������������������������������������������������� ��� ������������ �� '������ ��� �������!� ���� ���������� ����� ��� ������� '������ ���� �� �!� �������� ��� �����������������!�����������������������>�2���� ��2���������������� �� ������������������������� �� ����5�� � ������������������ ��'������/�

�$���������� ������������������������ �� �������� ����0�� ������� ����������������� ������ ��������"���/99�����"���9����*�����9�� �#��"�O������7���D���������� ����2�������������� �� ��"�� � ������� /� AG���������������������"�� ������������� ���8���

Page 6: 37202360 Tutorial Hacer Componentes Joomla

]�

G���#����� ������"�������������� �� ����5�� � ���������������� ��'���������������� �����(5�� ���� ���������� ������ ����� ��������� ����� ����� ��� ���������������������������� ��� �������� �� ����������� �� '�������� �!�� � ������� ����#������0�� ��2� ����� �������� ��� ���� ������������ �� ������� �� ����� ���� ����� ��� ><�� �� '�������� ���� ���� �"�����!�����"����������������������!������������������������������������� ����������� �� !��������������� ����������"��$�������������������� ������������ ������������������� �����������������'������������������� ���������"�����������,����������������������������� ������� ��������� ����&��(� ��'��������������(�����!��������������������������"����0���������� ���!��� ���������<���� ��� ������ �� ���(5�� �� ��� �������� ��� ��� ������� ��� 3����� ���� ��������� �� ������� ��� ����������� ��� ��� ��������� �����������9����������� �� $�� ������� ��� ����������� ��� ���� ��� .B��-��+����9� �����������9�� �#��"�O������7���D����������$������ ��'������������������ ��������������������2 ����������������� ���������� �� �����+����������������� ������������ ���������������������������������� ����������� �������������������� ��������� �������������������"�������������><�� ��'�������"�������"�������������� ��������������������������������������+����������%���������-�$���������������������������������������� ������������ �� �������������� ��������� ���������������������� ������������ ��'����������������������������� ���������� ������������%��������������� ����� ���� ������� ���$������������������������������������������� �������� <��� ��� ������ ���� ������� �� ��� �� ������ ��� .B�� -9� �����������9�� �#O������7���D�������� 1�������������������������������/�������������������������������������#�������������� ���������� ������� ������ �� ������������������������������������ ����#���������������������������� �����������>�������������� ������������������ ����������������� ���������� �� ���������"��������� ��������������������������������������������������������������������� ����������������������� �������� ����������� ����������������� ����������������������������������� �� ���������������������������+P���������"����� �/���B$>F$�F>;�$�C���D������C�)�Q� Q��1F�1=F�1.���>.F=D�1�B$�$1F�<B��>B@�R$@���Q�������Q��>B�G>B)�ST�*�1=F�1.���4$,>.�F�C�������C�*�$1U�1$�7����� �?������ ��� ��� ��������� ���� ��� ������?� ���� ������ ���� �������� ������ �� ������ ��� ����������� ���������� �� ����������������������������������������������������������� � �����0�������������%���������������������������� ���������������������/�

Page 7: 37202360 Tutorial Hacer Componentes Joomla

ë�

>���������������� ��������������� �������� �������������������������������/��

�����������<������> ����������������������������� � ���������������������������������������"��!��������� �� ���� �������������������� �������������� �� ����������� ������� �0����������������� ���������������������� ���1�������$���������������� ���1��������������������� ����������������������� ����#������������� ����������$���������� ����������� ������ ��� ���(� ����� ������������ �� �� ����� ��������� ��� �������� ��� ��� ����� �� ����� �� �� ����������� �� ��� ������<�����> ���� ������������������������������� ����������������������� �������� ����������� ����������������� ���������������������������������� ����� �����������������������<�����> ����� �������� ������������� ����� �� ������������"���������������������> �����"���� ������ ����������"����������������������������������������� ������$���� �������������������������� ������� ����� ���������� �� ������� �������������������������������� ���������������4������ ��������������� ������������ ��"����������> �����"����4������������������������������ ��������������������������������� ����� ������������$����������� ��������"����� �/�� � ��� )CD'$E$�C*���� ��)*?��������)�C������������������������������� ��C�*?�������<�����> ����� ��<�����> �����#��� ��'�� ���J�����H ����?� �����������4���)*�����J�� �)�����)�H�"��5: �����**���������J�������������H������7�C�+$�$�F�V�C���������������C�,B=��WDD�������C?��������������H�"��5: �����7�H�"��5:D�������)�H������*?�K���������H�"��5: ����?�����K�

Page 8: 37202360 Tutorial Hacer Componentes Joomla

Õ�

�K���������������������������2����"�������������������������������������������� ��� �� �� ��'�����������������"����� ������������ ��������������� � �� �������� � � ���� ����������������������������������� ���2������������%����� �������������� ������� ��'������������� ������������������������������������������� ������=������������������������������������������ �������/��1������ ����������X��� ���X�1������ ����� �����>��������������������������������� ���<�����> ���������������� ������� ��� �������������������0�� ��� ��������� ��������� ���������4���)*��������������������������H ������������������������������������������������������������� ����� ��������������D����������������������<��������������%��������� ���������)*����$�����0�� �����"��� � ������ ����������� ����� �������"������� ������������ ������ �������������� ����������� ��� �� ��������������� ��������� ��������������� �!�������������� � �������������������������������������� ��<���������������������������H ���������������������������� ������������������������� ��� ���������������������������������������������� �����������������<�����> ����������� ������������������ ���������� ��"�������&�9������> ���9���&�"�����"��/�� � ��� )�CD'$E$�C�*���� ��)�CB�������� �������C�*?��������)�C��������������������������������&C*?�������<�����> ������&<������ �����#��� ��'���&�J� �������� ������)H����7�����*�����J�H�� ���7M�H�"��5:����� ��)*?���������H �����7�H�� ��5:���4���)*?���������H�"��5:������B� )�C��������C�� H �����*?�������// ������)H���*?�����K�K����� �������������2����������������������#��������������������������� �������������������������� ����������+������������������0�� �� ������)*������������������������������ ��������������������������� �������� �����"���� ����������� ��������������� ����� �����������0�� ������� ��)*���>�������������� ������������H ����� ��������� �������������� ������������0�� ������"��������� ������������������������ ��������������������������������� ����������0�� ��������B� ���� ������������������� � ������"�� �����������/��6�����������7N� �������N:�6�"�� :�6��:�6�"�&� �"7N�N:�4�69�":�6�":��������69�":�69��:�69�"�� :�6��� �:�

Page 9: 37202360 Tutorial Hacer Componentes Joomla

Ú�

6O�"������H��7�����)�H�"��5:���������*?� ���)H�7T?�H��6�H�?�H�YY*�����J���������H��&�7M�H�"��5:��������ZH�[?���������O:��6��:�6� :6O�"����"��H��&5:� ?�O:69� :�6� :6O�"����"��H��&5:�������?�O:69� :�69��:��6O�"�������K�O:�6��:�6� :MW\T?69� :�6� :6�� "�� 7N6O�"�� ��"�� '.B�//����)*?O:� �� �#��"�O������7���D������M���&7����� ���1����N:1����� ��������69�:69� :�69��:�69��� �:�69�����:�B���������� ��� ������ �� �������� N��������N� �� �������� ��� ��������� N��N� ���� �� �� ��������� �������� ���� ������������ ��� ���� ��������� � � � ����������� ���� ��������� �� ��� ����������������������������"���#����� ����������������������������� � ������������������������������� �� ����������������>�� ����� ������������"�������� ������������������ ���������������������������������������������������!������ �����������������������$���0�� �����!�����'.B�//����)*� �������������������� ��������������������%����������������������������������� ������������ ����������������������������������� �� ���������������������������������������������������� ���1������������ ��� ���������� ����� ���1����� ������ �� ��� �������� ���&�� �� ����� ��� ���������� ����� �� ���� ���"����� ���&�"�����"�� ������9 � ������"����������� ��������������� ������������������ ����������&�"�����"�/�� � ��� )�CD'$E$�C�*���� ��)�CB�������� �������C�*?��������)�C��������������������������������&C*?�������<�����> ������&����� ���1������#��� ��'���&�J� �������� ������)H����7�����*�����J�������// ������)H���*?�����K�K�1����������%������3����������� ����� �� ���������������������������0�� �� ������)*�������������%����� ����������� � �����)A����9 � ������"�8*������������������ �����������"�� ����������������������������"���#����� ����������������/��1�����������������X����&�X�1������ ��������������>"�������������������� ���� ����������/��6 ����������7N�� �#��"�N����"� 7N����N:��6��������� ��7NTN:�6��� �:�6��:�

Page 10: 37202360 Tutorial Hacer Componentes Joomla

c/�

6� :�469� :�6� :�������69� :�69��:�6��:�6� :6������ ������ ���%�7NSN�����7N� N�9:69� :�6� :6��������#�����"7NSTN���%�7NSTN�����7N�������N�9:69� :�69��:�6��:�6� :MW\T?69� :�6� :6����������7N������N������7N$�����N�9:69� :�69��:�69��� �:�69�����:�6����������7N"� ��N������7N���D������N�����7N������N�9:�6����������7N"� ��N������7N����� ����������N�����7N���(N�9:��69 ���:��������� �������������"������ ����� �����������������2������� ������������ �#��"����������"������������������ ����#������������� �������������������������������� ����� ���� ������������������ ������������������ ����������������������������������������������� �������!��������������������� �� �������$���� �� �������� ��� ������ ���� ��������� ��� ���(� ����� ����������� �� ��� ����� �� �� ����� ���� ��� �� �������� "�� �� ����������� ��������������(���������� ����������� �������"� ��������������������������������(���������������������������� ������(����� ����������������������� �����������$���������������� �������"� ����������� ��������������������� �������'�����������������(�������������� ������ �����������������D�������������������� ������������������� ����� �������� ������������������� ������������� �������������������������� ������������� ���������������������������(������ �����������/��$������������������� ���<�����> ������������������ �����"��������� ��������������������� ������������������0�� �/�� ������������� ����������)*J��� H�������7�'B������//����� )C������C*?�� H�� ����7�H�"��5:����� ��)C������> ���C*?�� �H����7�H�� ���5:����� ���)'B������//���)C����C**?�� � )H����77�*J�� � H�"��5:����������)C������������� ��� ��C*?�� H�"��5:���B� �����)C�� �#��"�O������7C���H��������CM���&7������> ���C*?�� K����J�� � H�"��5:����������)C$������������� �����C*?�� H�"��5:���B� �����)C�� �#��"�O������7C���H��������CM���&7$����C*?�� �K�K�>�� ������� ������� ��� ��� ���������� ��������� �� ���� ����� ���� ����� ��� �� �� �#��"��� ��� ������ �� �������� '������� ���� �������!������� �� ����� �� �� ������� ���� "��� ��� ���!������ ���� �� ���� ��� ����������� �� ������� �� ��� ��������������D�������������� ������������������������ ��� ������������#�����������!������ ���(����������!���������������!��������������� ���� ��� ���� ��� '������� ����� ��������� ��������� �� ������������ '������� �������� ��� ��� ������ �������� ��� ������� ����������������������������������������� ������!���������(����������� ����������������$������������������������ ����0�� ��"�� �������� ����������������� ������(������������������� �����������+����� ���������� ���(]�����0�� ��� � ���������������������� ����� ���������������������������$�� ����� ���(� ��������� �� �����%��� ���><�� �� '������� ����� ���� ��� �� ������ ����� ��� ����� ����� ������ �� ����� ��� �������'F���������������� ����� �������

Page 11: 37202360 Tutorial Hacer Componentes Joomla

cc�

<� �2����� �����%��� ��������� ����� �����D�����)*� ����� �����%��� ���������� �� ����� ������� �� �� ����� ���� �������� ������ ��������� ���� ���� � 2������ �� ��������� ���������� �� �������������� �� ��������� +P�� �� �������������� ���� �������"������ �������� � ����� �����������������������+P���������� ��������$��><�� ��'�����������������������������'F�������������������������������%���������������������� ���������������������������������������� ������ ��������������������������"��������������"����$��������� ������"������ �������������������������� �����������'F���������� ��������������"�����������������������"������������������������F��������������+��������"������2��'���������� ���������������������������������������'F������������ ������������������ �������������"���/�� � ��� )�CD'$E$�C�*���� ��)�CB�������� �������C�*?�������F��������������#��� ��'F�����J�� ����H� �7�����?�� ����H��������7�����?� ��������DD���������)MH �*���J�����������//DD���������)�CWDD������C��C� C��H ��*?���K�K�+�� �������� ������� ������ � ��� ����� ������� ������ ��� ������ ������ ��� ���� ��� ������� ���������� ��� ������� �� ���������� � ��� ���������������������������� ���������������$�������������������������������������������!���������������� ���������������������� �����!����������������������������� ��� ������� ���!������ ��� �� �������� ��� ������� ����� �� ����� ��� ������ �� �������� '�������� ��� ������� �� ����� ����������!�������������������������@�� ������������������'F�������������������������%��� �� ������� ����������> ��������� ��� ���������� �������������������(� ����� ������������ ��� ������������ ��� �� ���� ������> ���� �� ��� ���������� ��� �0�� �� ����� ���� �� ������ $�� ��� ����0�� ������� ���� ����� ����������> ���� �� �������������������'F������������������ ����������������������������������0�� ������� ���� ����� ����������> ����������� ������������������0�� ���������� ���/�� ������������� ���)H����*J����H��&�7M�'F����//�����������)C��������C��CF����C*?�� � �)�H��&5:��� )H����**�J�� �������'$����//�����I������)�TT��H��&5:���$����)**?�� K�� � �)�H��&5:�����)**�J�� �������'$����//�����I������)�TT��H��&5:���$����)**?�� K��������?�����K�=��������������������������!����������������������������������H�������$�� ����� ��������� �������������� ��� �������� ������� ���� ������������ "����� ������ �� ��� ��� �������� ��� �� ������ ��������������/�'B������//���)]����]*��$���� ����������� ������� ���� ���!������� �� ����� �� �� ��� ��������� ��� ����� ���� ��� ��� ������ HD<=+F� �� �"��� ������� ���������><�� ��'�������������������������� ���������������������������� ��� ��������-��

Page 12: 37202360 Tutorial Hacer Componentes Joomla

cü�

$���������������������������������������������������� ���������!�������������� ����������������'B������� �� ����������������� ��� ���� ��� �������� ���� ���� �������� �� �� ���� ������� ��� ������� 'F����� ��� �������!� ���� ���!������� �������������� ���������!������������������������������������������ ���������������$��������������2���� ����0�� ��������������������������� ����������F�����������������"��������� ���������������������������������������������������������������!�������������4����0�� ��� �������� ����0�� �� ���)*� ��� ������� F������������� ���� ��� ���� "���� ��� ������� ��� ���� ���!������� ����� ������� �� ���!������� ���� ��������� ������� ���� ���� ������� �� ��� �������� ����%������� ���� ���� ��� ����������� ���� ��� ��� ����������"����������������������������������������� ���������������>��������� �����������������0�� �������)*� �� ���������������� �������� �� ����� ���� ������������������ ��� �����������;���������������������������������#����������������������������������������������������������������������� ������������������������ ���������������������������������������������������+��������� �������� ����0�� ���������������������������������� ���%���������������0�� ���� ���������� ���� /� �������'$����//�����I������)�TT��H��&5:���$����)**����4���������������(������ �������������������������� ��������� ������� ������� ������������������������������ ����/��� )H����77�*J�� � H�"��5:����������)C������������� ��� ��C*?�� H�"��5:���B� �����)C�� �#��"�O������7C���H��������CM���&7������> ���C*?�� K����J�� � H�"��5:����������)C$������������� �����C*?�� H�"��5:���B� �����)C�� �#��"�O������7C���H��������CM���&7$����C*?�� �K�$����� ����������"���������� ��� �����������������(������ �������������+�� �� �� "�� ������� �� �������������� �� ��� �� �������� �� ��� ������ ������> ���� �� ������ ��� �0�� �� �� �������� ������B� �����)*���������������������!�������������� ����������������������� �������������������������������������������+����������� ����������������������������������������������������������������������� ���������������� ���� ���������$���0�� �� ����������� �������������)*����������������������������������!�����������������������%����� �� ������������������ � �������� �� ������� � ��� ����������������� �����(5�� ����"������������������������������ ����/���

Page 13: 37202360 Tutorial Hacer Componentes Joomla

c��

�+��"������ ���� �����"�����������<��#���������"�����0��������������������� �����&���&��� ��'�����������������������>'>E��������������������������������0��U�������������F����0����������0������ ��� ��������� ��� ��#���� �������� �� �� �$�������� � �����������%� "��G����� �"���� "��2����� ������ ����� "����� ���� ������������� ������ ��� ������ �� ���(�� �� ����� ��� �� ������ �� ����� ���"��2��������������������������������������������������� ��������������������� �������� ������������ ����������� �� ������������ ��� ���#���������� ��'���������<���������������������"������������������ ��"����E����������������������� �����������������������������������#������������ ������������2 �������������������� ��������%����$����%������!���������������������������������������� ��"����E���������������������� ������������6O#����������78�T^����� ���78�� 5_^O:�6�4=�F@<$���������+@+F$��A"���/99 �������������9#��9��9���������5�������� � 8:�6������������78���������8��������78���TA:�6����:�=�D<B.$;>69����:�6�X�����������������������������������������X:�6��������4���:`TTa�T�a69��������4���:�6���"��:4��� 69���"��:�6���"��$����: ��� b�������� �������69���"��$����:�6���"��.��:"���/99&&&��������� �������69���"��.��:�6�������"�:�������"���� �69�������"�:�6�������:���������� �69�������:�6�X��$������ ��������������� ������������� �� �����X:�6�������:������������������+�����69�������:�

Page 14: 37202360 Tutorial Hacer Componentes Joomla

c±�

6�X���� ����������������������������� � ������������������ ��������������X:�6 ����������:4���������� ��������������-69 ����������:�6�X�+�������"�����������%� �����������������!������������������X:�6������� ���:���������"�69������� ���:�6�X�+�������"�����������%� �����������������!������� ��������������X:�6��������� ���:�����������"�69��������� ���:�6�X�+�������+P�������������������������������������X:�6�������:�6���:�6 ���� �����78�����8��"�����78�� _A:���������������� _����69 ���:�6 ���� �����78�����A:������������������� _����69 ���:�69���:�69�������:�6�X+�������+P�����������������!�������� ������������X:�6���������:�6���:�6 ���� �����78�����8��"�����78�� _A:������������������ _����69 ���:�6 ���� �����78�����A:��������������������� _����69 ���:�69���:�69���������:��6�X� ,��"����� �� ��� ������ �� ����5�� � ��� ������������ �������� ���2� �� ��� ���� ��"����� ��� ������������ ������ ��� �������������������� ���������-�X:��6 ����:�6 �������:�� �#�"���69 �������:�6�c$�������� ������� ����������������"�� �����������������������������X:�6 �����������������78��������"�8:��������"�69 �������:�69 ����:��6�X�,��"����� ��������������������������X:��6���������:�6������������78��5U;A:��5U;����D����������69��������:�6������������78 �54$A: �54$����D����������69��������:�6������������78��51�A:��51�����D����������69��������:�69���������:��6�X�,��"������������ �����������������X:�6�� ��� ����������78���D����A:�6 �������:���������69 �������:�6 �������: ���"��& 69 �������:�69�� ��:��6� ������������:�6�X�+������������������� ���;��(5$� �X:�6��������78����������9���D����9������9����5\����A:$���������69����:�6�������:��6�X�4��������������� �� ��� ����M������������� �����M���?������������� ��"����E������� ��������������������� ������������ ���������������� ���X:�6��������(78������7���D"����&��� M���?���(7"����M���?&"�7&��� 8�:��G�����I��� ��69����:��6�X�<�� ��������� �����������(����������������������������� �����.B���� ��� ��������������������X:�6��������78����8����(78"����8�����������78%8����&78�8�������78�8����78�A:G�����>�����69����:�6��������&78������8�������78 ��A:F�������,���������69����:�69�������:�

Page 15: 37202360 Tutorial Hacer Componentes Joomla

c)�

6�X�,��"����� ����������� ��> �����������X:�6�X$����������� �� ��������� ��������������� �� �� �� �����!������� ������� ��"��������������������� �#�"���������!������ �� ������ ������������������ ���9�� �#�"����X:��6 ����� �� ��78� ���A:�6 �������:�� �#�"���69 �������:�6�c$�������� ������� ����������������"�� �����������������������������X:�6 �����������������78� ������������"�8:�� ������������"�69 �������:�69 ����:��6�X�,��"����� ����������� ����������� ��> ������������X:�6���������� �� ��78� ���A:�6������������78��5U;A:��5U;����D����������69��������:�6������������78 �54$A: �54$����D����������69��������:�6������������78��51�A:��51�����D����������69��������:�69���������:���6�X,��"������������ ��� ����������� ��> �����������X:�6�� ��� �� ��78� ���8� ����������78���D������A:�6 �������:� ���5���������69 �������:�6 �������:� ���5 ���"��& 69 �������:�69�� ��:��69� ������������:��69�������:��$���� ��"���� ���!� ��2 �� ���� ��� ������� ��� �� '������� �� �� ���2� ������� ��� �� �������� ����� ����� ��� �� ��������� ���������������+����� ��"����������� ���������������������� �!����������� ���� �����!������������������2��������������������� ���������� ���������E������������������������ �� ��������������������������2�������� ��������������������������������������������������������������� ��� ������ ��� ��"���������������������� ���� �������� ��"���� ����������"���� ������ �� ����� ������������� ������ ��'����������� ��� ��������������������������������������������&�� ������������������������>���������� �����#�����������#��������� ��'������ ��� �������� ����������� ��������2�� �� �����������"�������������������������������������������������������������������� ���������������� ��������������������� ��������������������"����������������������������2������������� ���"�������������@����������������������������������"�������$������������������������������������������� ��������������������������� �� ������������������������� ���������2�������������������������������������������G��������� ����������"���!�������������������������������4�� "��"�� ���� � ����� ���!�� ����� ��� ����� �������� ����� ����������� ����� ��������� ������� ���� ����� �� �������������3�����-�����������"������������������������������������������� �� ������������ ������������������������ ��������� ������������ ����� ������ ��� ���������� ������������� ��'�������������� ��� ����"���������������������������� D������ ���� �������1�������� ������������������������������������������������� ���� �������������!��� D��������������������� ������ ���������������������������� ��"�����"������������������������������ ������������������������� ������� ������������!������������ ���� �������� ���������������� ����

Page 16: 37202360 Tutorial Hacer Componentes Joomla

c]�

<��������������������� ��������������������"������ �����������"���������������������������������������� ����������� ������� ����� �������� � ���� ��� ��!� �!�� �� ��� ��� �� ��������� ��� ������ "������ ��� ���������� ��� ��� ��"���� �� �������"�������"����������2%� ��� ���������� ���� �������4�� ���� D������"������������������� ��������� �����������"����������������������!� �����������0�� ������!����������� ����������������� � ������� ������������������������ ������ ��'�������<����������������������������������������������������������� ������ ������������������ ����������� ����������������� �������������������������������� ���������������� ��������������� � ������"������������������������ � �����������������'����������������� ����������������������

��<���� ��� ������ �� ;��(5$� � ���������� ��� ��"���� �� D�����#��� �� �� �� � ��������� ���� ���!������� ��� � ���� ���� ���������������� ���������������%�������� ���������"�������������� ������������������%����������������������� ���� ���������������� ������� �/��6O�"���99����������� ������� � ��� )�CD'$E$�C�*���� ��)�CB�������� �������C�*?��99������������"���������� �������!����� �����������������%��������D����)� ������)DD,��$DD*�4+�C"�������"�C�*?��H����������7��� >���G�����//���>��������)�H�������*?��������)�'�� ���G�����//���������<��")�C�� D>���C�C � ����C*�*?�O:�������������2����������������������"������������#������������'���������������2���� ���������������������������������������������� ��� ������� �������������� ��'���������������� ���2��������������� ��"���� �����������"������� �� ����������������������� �����������$�� ��� �������� �2����� ����������� ��� ������ ���>��������)*� �� �������� "������ ���� �������� ���� ������ �� �������� ���� ����������� ��� ��������������+P����

Page 17: 37202360 Tutorial Hacer Componentes Joomla

cë�

<��� 3������� "������� ��� �������� ��� �������� ���� ��� �������� ��� ������ � ����� �� ��� "������� ���� �� ��� �0�� �����������<��"� �� ��� ������ '�� ���G������� ���� �������� ��� ����� ��� ������� ���!� ���� ����� ���!������ ��� ������� ���� ���������������� ������������$�� ��� "������ ������������ ��������� ���������� �� �� ���� ����� �� ����� ����� ���������� ��� ������ �� ���2������ ���� ���������������"���"����������������������������� ���/��6O�"���������� >���G������J� �����������>��������)�H�������*�J�� � �������)C����������������� ���C*?�� � H���&�7���&�'4���)*?�� � H��&�7�H���&5:����+P�)*?���� � H ��7�M',������//���4;=)*?�� � H��������� 7� N������� ������� � ���� WDD�������� &"���� ��� � )� WDD�������������� �� CN�H��&�NC� *� 7� S\�� ������T�STN?�� � H �5:���P����)H��������*?�� � H�����������7�H �5:��� =���������)*?�� � �������H �5:��� =���������)*?�K�K�O:���� ������ "������ "�� �� ��������� ���� ��� ������� ����� ���� ���� AD8� ����� �� �� "������� ��� ������ ��� �������� ����� �������� ����G���������� ���������������������������� ��"���������������������������������������� �������'4������'�������� �������������!������������������������������A���(���8� �� �������������������������$�������������������������������� �������������������������������������3��������!����� �������������"��������� ������������� ������/��4����0�� �������� ��� �0�� �� ���>��������� ���� ���!� ��� ���� �������� ���� ������ �� ���2������ ���� ������� ��� ���� �������d� � ���.����%��������������� �� �����'4������������������%��� �������������� ����0������������������������ ��� ������ ������������ ����������0�� ����� =�������������$��������� ���������������������������������+P��� �� ����������%����� ������ ��� � �����������������������2�������������������d� � � ��S\�� 2����,���������������������������������������������������������GF������������������������2�������������������������"����������S\�� 2��/��6O�"��� )H������5:���)C����������C**J�H����7�H������5:���)C�����C*?�K���O:�6���6O�"��� )�����)H����**J���"��C�����7NC�H����CNC?K�O::�6O�"�� �����"�)H�������������H��������*�J�� � ��"��C�6��:6��"�� 7N�� �#��"�O������7���D�������M���?� 7C�H��������5N:� �C:C��H��������5:�������C69�:69��:�C?�� K�O:�69��:��

Page 18: 37202360 Tutorial Hacer Componentes Joomla

cÕ�

,2������������������ ������������!������� ��� ��"������ D�����#�����������%��H������5:���)*����$��������!���������� � ����������������������� ��"����#��������������������� ������6O#����������7N�TN����� ���7N�� 5_NO:�6������������7N�� ���N��������7N���TN:�6����:G���"����������69����:�6���"��:4��� �1������69���"��:�6�������:���T69�������:�6��������4���:ST�Ta�`TT\69��������4���:�6 ����������:�� ���������������������2������ ������ ��������"��������"����������69 ����������:�6���"��$����: ��� b�������� �������69���"��$����:�6 ����:�� 6 ���������� ���7N�� D����N:�� D������"�69 �������:�� 6 �������:"�������"�69 �������:�� � 6 �������:�� D�����#��69 �������:�� 6 �������:����9 � ������"�69 �������:�� 6 �������:����9�� �#�"���69 �������:�69 ����:�6������:�6����������7N�����N�����7N��#�N� � ����7N�� D����N�� � � �����7N��������������������N�� � � � ����������7N������������������������������N�9:�6����������7N����������N�����7N�� ��N� � ����7NN������7N���������N� ����������7N4��������������� �����������������������������N:�6������������7NTN:1�69������:�6������������7NN:+�69������:�69�����:�69������:�69�������:�<���� �����%����������� ���������� �������������%����������������������� ��� ��'����������&�� ����� �����������������@�� "����� ������ ����� "����� ������������ �� ����� "����� � ����� ��� '������� ��� �� "����� ������ ���� ��� ��� �� ���������� �����������������"������������ ���������!����� ���������������������������������� ������������������������������� �������� � ��������������������������!� ��� ��'���������� ��� ��������������������������������� ��� �������������������������� ������������ ����0�� ��������������������������� ����������������������������������������<������������������ ������������������������ �������������������������"��������������������������������������������%� �������� �� �� �� ���������� �� ��� ���� �� ��� ��� ��� �������� ������������ ������� ���� ������ �� ����� ��� ������ �� �������� )"��(�*� � ��� ������������������������"�����������������������������������$#������������� ������ �� ��������� ���� �� �� ����� �� ������� �#����� ��� ���������� ������ ��� ���������� ��������� ���� ��� ����������������� �����������������9������������������������� �������������������2������� �������������$#�����������������������������������������������������������������������.�������������������������� ������ �����������'<�������$����������������������0�� ��� � ��� ���������������"���)"��(�*��������0����������� �2��������������������������������������������� ������������������ ������ ����������� ������������������������ ��������������������������� �������������"�������������������������������������� �������2���<��� ��������� ��� ��������������� ����0�� �� �������.���� �� ����������� ���� ��������� ������� ���� ����0� ��� ������ �� ��������������� ���������������������� � ���� ����� ������������������� ����%����������������"���� �����������0����������������������������� ���� �����������"�������� ����������"������

Page 19: 37202360 Tutorial Hacer Componentes Joomla

cÚ�

$���� ��� ������������ ��� ��������� ��� ���� �� ����������� �� ������ ��3���� "����� ���� ����� ��2�� � ��!�� �� ������� �� ����������������������������� ���� ������� ���������� �� ������ ��� ������� ��������� ���� ��� ��� �� ������� G������ �� �� ���� ��� �� ��������� ���� ���������� ������ �� ���� ����������������������� ��������������������������������������� ��� ������������!������� �������������������!������� ������������� ���������������������'���������� ��������� ��"����#��� ����� �����������$�������������������� �����������������/��

��<���������������������� ��"����#��� ����� �������������������� � ��������������������!��������6O#����������78�T^����� ���78�� 5_^�O:�6���������������78��^�����78������8������78�������8:�6����:��������X�G������� �69����:�6���"��:4��� �1������69���"��:�6��������4���:�5T`5`TT_69��������4���:�6���"��$����: ��� b�������� �������69���"��$����:�6���"��.��:&&&��������� �������69���"��.��:�6�������:�T69�������:�6 ����������:������������������������� �������������������� ��69 ����������:�6 ����:�6 ��������������78G������ �8:G������ ���"�69 �������:�6 �������:G������ ��#��69 �������:�69 ����:�6������:�6����������78�������8�����78��#�8���%�78�T^� � ����78G��������������4��� 8������78����� ��������������������������� �����2�/8� ����������78����������������������!������� ���������� �89:�69������:�69�������:���������� ������������������������ ����� ����'�������������������������������� �����!������� ��������������������� ����#��� ���T� �����"��� �� ���� ������������ ���������������������������������������������@����"����� ��"��������� ��"���� �� ����������������������������G������ ���"����������������������������������/�� � ��� )�CD'$E$�C�*���� ��)�C>������B�������� �C�*?��������)�C��������������������C�*?������������������G������ ���#��� ��'<������J�� ������������������G������ �)�MH��������*�J�� ������//DD���������)�H��������*?�K�

Page 20: 37202360 Tutorial Hacer Componentes Joomla

ü/�

� ����������;� ���4�������������)MH���������MH��������H����������7T*�J��� H�������7M�'<�����G�����//���<�����)C�������C��CG������ �C*?�� H������<������7���&�'<��������)�H������5:�������*?�� H��������7�NN?��� H��������7�H������<�����5:���)C�������C��CG������� �C*?��� H���� �<��������7�C�6"`:C���H����������C69"`:��C?��� �������H���� �<�������?�� K��K�O:�$��'������������"������� ��� ������������ ����� ��"�������������������!��������� ��������������<���� ���� �������� ������ ��������� ��� ��� ��"���� G������ ���"�� ��� ������ ���� ������ ��� ������ ����������G������ �� �� ����������� ������ ��'<��������$��������� ���������������������������������������������������� ��������!���4����0��������������������������� ������������������������������������������ ������������� �����$�� ������������ "�� �� �������� ���� ���� ������ �� ������ ������� ���� ��� ������� ��� ���� ��� ��� "������� ���� ��� �0�� ��DD���������� ���"���������!�����������������"�e���$�������"����������������������� �����������������4����0������������������� ����;� ���4���������������� �� ������� ������������� �������������������������������������� ����������������������+�� ��� "��� ��� ��� ��� �0�� �� � ����� ����� ���!������ ���� ���������� H��������� H������� �� H������������ $���� � ������� �����!������������� ����������"���������������$�� ������� �� ��� ��������� ��� ��������� ��� H�������5:��#��� ��� ������ ���� ��� ��������� �� � ����� ����� ��� ��� ������� �� ������������� ����������� � �����H�������5:��#�������������������������� ����� ������/������������� �����<������ ��'<�����G�������������������������������� ������������!�������������������������������������� �����4����0�����������������H������<�������������������������������� ����������'<���������������������������������������������!��������������� � �������� ���������������������������������"����������� ����>��������� �����������������������������H��������������!������f�������]�����"����� � ��� �������� ��"����#����������� �������������������������� ��;��(5$� � ��'���������<���3���������������������������������H���� �<��������������������������������������������� �������������������� ��������� ��������������������� ��������������������%����������� ��� ��"������������!������������������� ��� ���#���������� ��'�������� ����0���������<�������������������2���������2������0���� �!���������������������������������������������������$����������������� �/�

Page 21: 37202360 Tutorial Hacer Componentes Joomla

üc�

��<�� ������������� ������������ �������������� ��� ������������� ������ ��'����������������������� �������������������������0����� �������������������������� ��"������#�������"�������#������ ������ ���� �� ���������� ������� ������������� ����������������9�����������������9�����-�$���� ��"���������� �����������������������������"���� ������������������