3 3-1 ˘ ˇ ˆ˙ ˆbc.msu.ac.th/project_file/chapter3(75).pdf · 32 12 3 F ? ˛ / - ˜ 3-8 ˙1 F ?...
Transcript of 3 3-1 ˘ ˇ ˆ˙ ˆbc.msu.ac.th/project_file/chapter3(75).pdf · 32 12 3 F ? ˛ / - ˜ 3-8 ˙1 F ?...
����� 3 ����� ���������
�������� 3-1 �����������
������������� ������������� � ������! Adobe Flash CS3 ����������� !"#�$!��%�� � $�!&"'
#()�*�+#,'� -.� !��+�,'��!,���'�.!�(�!/"�/��������,'�
Adobe Photoshop CS3 ������34)�*/���5/ ��!��6����"�������34-%�.#���34��
Micromedia Dream Weaver 8 �����. ����@��*A B&��� �C�� #(!��+�,'��!,���'�.!�(�!/"�/��������,'�
FastStone Capture �" �F/��%�G�#(�" �F/����� B&��� �C�� #(!��+�,'��!,���'�.!�(�!/"�/��������,'�
Sound Forge 8.0 �"%�C������#(��%�G� B&��� �C�� #(!��+�,'��!,���'�.!�(�!/"�/��������,'�
23
3.1. Flow Chart 3.1.1 ��������,���!��
-����� 3-1 �%�/���K��� L���(��
������������ ���������������������������� username ��� password�������� ������������� ��������������� !�"���#��$�%�"����������&�� !�"���#�� ���%��������������"���#�������&���������#�� '%���#������%��$�������������������������������(������������� &�� ��������� !�")����������������������#���������%��$����#����������������������������������������(�������������
24
.1.2 ����������������� ���� ����
-����� 3-2 �%�/���K��� L���(��#��(���� ����
�������������������������#���#�� ��� ��"���#�������#���#����������� ��������������#���#��&�� YES ���������#���������������������������*�������"������#���������������&�� ��������������#������ !� NO �������������
25
3.1.3 ��������,���!���,�����/�
-����� 3-3 �%�/���K��� L���(���L��.�������
��������������������������$����#����� ��������������#������������%�����#�� ������#���%��$�+����#���������������
26
3.1.4 ��������,�������/���12��,��34� 4� �!��
-����� 3-4. �%�/���K��� L�������� B �C� L��R3�%3#�(��
����������������"������������� ����� ���������#������������%�� ��� �)����#�������'��$�%���$�%����,������������������������*����������#��$��� ��� �)��������������
27
3.1.5 ��������,���!����/���
-����� 3-5 �%�/���K��� �C� L���(�������
����������������������� ������������������#���������� ������� ��������� ������'�'(�������������#��$�%�,��&�� YES ���%���������������#�������� �������������#�������������&�� NO �����������������
28
����� 3-2 story Board ��������� 1 �:;��<�:������ &,'�R3�A"%�K� �34)�*R3�A"%�K� �����$� 1(.URL xxx) 2.(. "��,�xxx)
1.1 ."�L���C��B ��,'����' 1
1.2 ."�L���C��B ��,'����' 1
1.3 ."�L���C��B ��,'����' 1
1.4 ."�L���C��B ��,'����' 1
1.5 ."�L���C��B ��,'����' 1
1.6 VDO ��_4 / Flash
Banner
��������� 2 �:;�����/�:���=< &,'�R3�A"%�K� �34)�*R3�A"%�K� �����$� 1(.URL xxx) 2.(. "��,�xxx)
2.1 ."�L���C��B ��,'����' 1
2.2 ."�L���C��B ��,'����' 1
2.3 ."�L���C��B ��,'����' 1
2.4 ."�L���C��B ��,'����' 1
2.5 ."�L���C��B ��,'����' 1
2.6 VDO ��_4 / Flash
Banner
��������� 3 ���>�?�>����/��������4�/���2�@���� !34�/�A� &,'�R3�A"%�K� �34)�*R3�A"%�K� �����$� 1(.URL xxx)
3.1 ."�L���C��B ��,'����' 1
3.2 ."�L���C��B ��,'����' 1
3.3 ."�L���C��B ��,'����' 1
Banner
29
2.(. "��,�xxx) 3.4 ."�L���C��B ��,'����' 1
3.5 ."�L���C��B ��,'����' 1
3.6 VDO ��_4 / Flash ��������� 4 ������:;��,��B�����/� &,'�R3�A"%�K� �34)�*R3�A"%�K� �����$� 1(.URL xxx) 2.(. "��,�xxx)
4.1 ."�L���C��B ��,'����' 1
4.2 ."�L���C��B ��,'����' 1
4.3 ."�L���C��B ��,'����' 1
4.4 ."�L���C��B ��,'����' 1
4.5 ."�L���C��B ��,'����' 1
4.6 VDO ��_4 / Flash
Banner
��������� 5 �:C����� &,'�R3�A"%�K� �34)�*R3�A"%�K� �����$� 1(URL xxx) 2.(. "��,� xxx)
5.1 ."�L���C��B ��,'����' 1
5.2 ."�L���C��B ��,'����' 1
5.3 ."�L���C��B ��,'����' 1
5.4 ."�L���C��B ��,'����' 1
5.5 ."�L���C��B ��,'����' 1
5.6 VDO ��_4 / Flash
Banner
30
?�� ,��?:�,����� 1 ������:;��<�:������
12����� 1
-����� 3-6 �1 �?����,��142�����/� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� �L���3C������ )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������% ���4�(/�� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c
31
12����� 2 ?:�,��������:;��<�:������
-����� 3-7 �1 �?:�,��,�����F�?� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������C� B.��#,�/."�L����'����/������ ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.��%�L��+��! #(�34)�* /�����G��/"�R3����� �!,'��#,�/."�L����'����/��fF/g�A(�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%� /��#$�+ �,' d <<...Home /#"�. ���/
32
12����� 3 ���F�?��������/�
-����� 3-8 �1 ����F�?� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������j$���� ,c�.� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.� �%�L��+��!#(�34)�* /��+��+_!/���K��� /�����G��/"�R3����� �!,'�/%4_e!�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%�/��#$�+
33
?�� ,��?:�,���� 2 �:;�����/�:���=<
12�����1 ?����,��142�����/�
-����� 3-9 ?����,��142�����/� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� �L���3C������ )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������% ���4�(/�� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c
34
12����� 2 �1 �?:�,��,�������/�
-����� 3-10 �1 �?:�,�� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������C� B.��#,�/."�L����'����/������ ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.��%�L��+��! #(�34)�* /�����G��/"�R3����� �!,'��#,�/."�L����'����/��fF/g�A(�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%� /��#$�+ �,' d <<...Home /#"�. ���/
35
12����� 3 �1 ����F�?�,�������/�
-�����3-11 �1 ����F�?� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������j$���� ,c�.� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.� �%�L��+��!#(�34)�* /��+��+_!/���K��� /�����G��/"�R3����� �!,'�/%4_e!�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%�/��#$�+
36
?�� ,��?:�,���� 3 ���>�?�>����/��������4�/���2�@���� !34�/�A� 12�����1 �1 �?����,��142�����/�
-����� 3-12 ?����,��142�����/� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� �L���3C������ )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������% ���4�(/�� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c
37
12����� 2 �1 �?:�,��,�������/�
-����� 3-13 �1 �?:�,�� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������C� B.��#,�/."�L����'����/������ ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.��%�L��+��! #(�34)�* /�����G��/"�R3����� �!,'��#,�/."�L����'����/��fF/g�A(�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%� /��#$�+ �,' d <<...Home /#"�. ���/
38
12����� 3 �1 ����F�?�,�������/�
-����� 3-14 ?������F�?� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������j$���� ,c�.� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.� �%�L��+��!#(�34)�* /��+��+_!/���K��� /�����G��/"�R3����� �!,'�/%4_e!�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%�/��#$�+
39
?�� ,��?:�,���� 4 �:C����� 12����� 1 �1 �?����,��142�����/�
-����� 3-15 ?����,��142�����/� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� �L���3C������ )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������% ���4�(/�� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c
40
12����� 2 �1 �?:�,��,�������/�
-�����3-16 ?���?:�,�� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������C� B.��#,�/."�L����'����/������ ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.��%�L��+��! #(�34)�* /�����G��/"�R3����� �!,'��#,�/."�L����'����/��fF/g�A(�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%� /��#$�+ �,' d <<...Home /#"�. ���/
41
12����� 3 �1 ����F�?�,�������/�
-����� 3-17 ?������F�?� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������j$���� ,c�.� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.� �%�L��+��!#(�34)�* /��+��+_!/���K��� /�����G��/"�R3����� �!,'�/%4_e!�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%�/��#$�+
42
?�� ,��?:�,���� 5 ������:;��,��B�����/� 12����� 1 �1 �?����,��142�����/�
-����� 3-18 ?����,��142�����/� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� �L���3C������ )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������% ���4�(/�� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c
43
12����� 2 �1 �?:�,��,�������/�
-����� 3-19 �1 ����F�?� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������C� B.��#,�/."�L����'����/������ ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.��%�L��+��! #(�34)�* /�����G��/"�R3����� �!,'��#,�/."�L����'����/��fF/g�A(�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%� /��#$�+ �,' d <<...Home /#"�. ���/
44
12����� 3 �1 ����F�?�,�������/�
-����� 3-20 �1 ����F�?� #K�%"��.�_/��b �%�."�L��#(#$�+L��+��!� ,c�.� )�*/L��+��! L��+��!)�*A"%��!. ��A� �����/�$%�G� ������j$���� ,c�.� ��,'� -L%�� G4�/�! -!CB.�L��!-4. ���,' d A /�C�A(/%4_e!&,'��! 3 ��C� "c /$A/��!L��R3����� %�� � ,c�.� �%�L��+��!#(�34)�* /��+��+_!/���K��� /�����G��/"�R3����� �!,'�/%4_e!�%�. ����@��*A "c LFc !�#(�#,�/�! 3A(�%�/��#$�+
45
3. 4 �������J��,���4 k� L��!3#4�(/��-4%��������%"��C�-4 �c 3.4.1 ����� content �1 �,���4 ,�����F�?�
&,'��5#% & $%L��!3# +K��j$��� +��
Id Int(11) #K�%"�� ,c�.� Primary key
User Int(11) R3�B&�
Name Varchar(225) &,'�� ,c�.�
Content Longtext � ,c�.�
Update Varchar(10) /�-L� ,c�.�
View int(11) 3.4.2 ����� member �%�L��!3#L���!�&$/ &,'��5#% & $%L��!3# +K��)$��� +��
Id Int(11) #K�%"���' Primary key Level Int(11) �(%"� User varchar(50) R3�B&� Password varchar(50) *#����$�% Email varchar (50) ���!##�!�&$/ Name varchar(50) &,'� Sex Varchar(10) �*f Telephone Varchar(10) G�f"*� 3.4.3 ����� �%�L��!3#L������ /��L������ &,'��5#% & $%L��!3# +K��j$��� +��
Id Int(11) #K�%"���' Primary key
User Int(11) R3�B&�
Date Varchar(20) �" ��'