สารบัญ (ต่อ)เรื่อง หน้า 3.5 การทดล

สารบัญ (ต่อ)
เรื่อง หน้า
3.5 การทดลองใช้งาน 34
3.6 การทดสอบความถูกต้อง 34
3.7 การนำไปใช้จริง 35
บทที่ 4 ผลการวิจัย 37
4.1 ผลของการพัฒนาเว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อและแผนกสโตร์ 37
4.2 ผลการประเมินความพึงพอใจและประสิทธิภาพของผู้ตอบแบบประเมิน 42
บทที่ 5 สรุปผล อภิปรายผลและข้อเสนอแนะ 46
5.1 สรุปผลการวิจัย 46
5.2 อภิปรายผล 47
5.3 ข้อเสนอแนะสำหรับการวิจัยครั้งต่อไป 47
บรรณานุกรม
ภาคผนวก ก. แบบประเมินความพึงพอใจและประสิทธิภาพ
ภาคผนวก ข. คู่มือการใช้เว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อและแผนกสโตร์
ภาคผนวก ค. ประวัติผู้จัดทำ
ภาคผนวก ง. รายชื่อผู้เชี่ยวชาญ
ภาคผนวก จ. การเก็บข้อมูล
ภาคผนวก ฉ. ใบคำขอร้องเสนอโครงการ
ภาคผนวก ช. ความก้าวหน้าของโครงการ

สารบัญตาราง
ตารางที่ หน้า
4-1 ข้อมูลทั่วไปของผู้ตอบแบบประเมิน 41
4-2 ความพึงพอใจต่อระบบการออกเว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อ และ แผนกสโตร์ 42
4-3 ประสิทธิภาพต่อระบบการออกเว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อ และ แผนกสโตร์ 43
ด้าน Unit Test
4-4 ประสิทธิภาพต่อระบบการออกเว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อ และ แผนกสโตร์ 43
ด้าน Integration Test
4-5 ประสิทธิภาพต่อระบบการออกเว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อ และ แผนกสโตร์ 44
ด้าน Usability Test
4-6 ประสิทธิภาพต่อระบบการออกเว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อ และ แผนกสโตร์ 44
ด้าน Performance Test
4-7 ประสิทธิภาพต่อระบบการออกเว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อ และ แผนกสโตร์ 45
ด้าน Security Test
4-8 ประสิทธิภาพต่อระบบการออกเว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อ และ แผนกสโตร์โดยรวม 45











สารบัญภาพ
ภาพที่ หน้า
ภาพที่ 2-1 แสดงรายละเอียดผลิตภัณฑ์โปรแกรม Adobe Dreamweaver CS6 12
ภาพที่ 2–2 แสดงการเริ่มต้น Setup Program Adobe Dreamweaver CS6 12
ภาพที่ 2-3 ภาพแสดงการเริ่มต้นการตรวจสอบความพร้อมของเครื่องคอมพิวเตอร์ 13
ภาพที่ 2-4 ภาพแสดงการ Install Program Adobe Dreamweaver CS6 13
ภาพที่ 2-5 ภาพแสดงการยอมรับการติดตั้ง Program Adobe Dreamweaver CS6 14
ภาพที่ 2-6 ภาพแสดงการเลือกไดเรกทอรี่ ที่จะติดตั้ง Program Adobe Dreamweaver CS6 14
ภาพที่ 2-7 ภาพแสดงเริ่มการติดตั้ง Program Adobe Dreamweaver CS6 15
ภาพที่ 2-8 ภาพแสดงการเสร็จสิ้นการติดตั้ง Program Adobe Dreamweaver CS6 15
ภาพที่ 2-9 ภาพแสดงการทดลองเข้า Program Adobe Dreamweaver CS6 16
ภาพที่ 2-10 ภาพแสดงการเริ่มต้นการแก้ไข Program Adobe Dreamweaver CS6 16
ภาพที่ 2-11 ภาพแสดงการเริ่มต้นการใช้งาน Program Adobe Dreamweaver CS6 17
ภาพที่ 3-1 แผนภาพแสดงการออกแบบเว็บไซต์ประชาสัมพันธ์ แผนกจัดซื้อ และ แผนกสโตร์ 23
ภาพที่ 3-2 แสดงหน้าจอส่วนประกอบของโปรแกรม Adobe Dreamweaver CS6 24
การสร้างเว็บไซต์ Dreamweaver Site
ภาพที่ 3-3 แสดงหน้าจอการสร้าง New Site 24
ภาพที่ 3-4 แสดงหน้าจอการตั้งชื่อของเว็บไซต์ที่ต้องการ 25
ภาพที่ 3-5 แสดงหน้าจอ Site Setup for Intranet 25
ภาพที่ 3-6 แสดงหน้าจอการกำหนดค่าต่างๆ 26
ภาพที่ 3-7 แสดงหน้าจอและการทดสอบระบบ 26
ภาพที่ 3-8 แสดงหน้าจอกำหนดค่า Detault Images Folder ให้ระบุ Directory 27
ที่ใช้สำหรับเก็บรูปภาพกำหนดค่า Web URL ให้ตรงกับที่เราได้กำหนดไว้ใน Site
ภาพที่ 3-9 แสดงหน้าจอการสร้างเว็บเปล่า 27
ภาพที่ 3-10 แสดงหน้าจอการสร้างเว็บชนิดต่างๆ 28
ภาพที่ 3-11 แสดงหน้าจอการสร้างเว็บเพจจากรูปแบบโครงสร้าง CSS 28
ภาพที่ 3-12 แสดงหน้าจอการสร้างเว็บชนิดต่างๆที่ต้องการ 29
ภาพที่ 3-13 แสดงหน้าจอการสร้างเว็บเพจใหม่จากไฟล์ตัวอย่าง 29

สารบัญภาพ(ต่อ)
ภาพที่ หน้า
ภาพที่ 3-14 แสดงหน้าจอการเลือก Sample Folder ชนิดของเว็บเพจ 30
ภาพที่ 3-15 แสดงหน้าจอการพิมพ์ข้อความ 30
ภาพที่ 3-16 แสดงหน้าจอการกำหนดสีของตัวอักษร, ขนาด, ชนิดของตัวอักษร, ลักษณะแบบ 31
ตัวหนาตัวเอียง ตลอดจนการจัดตำแหน่งและคุณสมบัติของย่อหน้าภายในเว็บเพจ
ภาพที่ 3-17 แสดงหน้าจอการกำหนดประเภทของสไตล์ CSS 33
ภาพที่ 4–1 หน้าแรกของเว็บไซต์ประชาสัมพันธ์แผนกจัดซื้อ และ แผนกสโตร์ 37
ภาพที่ 4–2 หน้าเว็บไซต์แผนกจัดซื้อ เป็นหน้าจอแสดงรายละเอียดเกี่ยวกับแผนกจัดซื้อ 38
ภาพที่ 4–3 หน้าจอรายละเอียดแผนกจัดซื้อ 38
ภาพที่ 4–4 หน้าจอรายละเอียดแผนกสโตร์ 39
ภาพที่ 4–5 หน้าจอแสดงข้อมูลเกี่ยวกับบริษัท 39
ภาพที่ 4–6 หน้าจอแสดงข้อมูลเกี่ยวกับบริษัท 40
ภาพที่ 4–7 หน้าจอรายละเอียดการติดต่อสอบถาม 40

ผลลัพธ์ (อังกฤษ) 1:

Table of contents (continued)Story page. 3.5 trial 34 3.6 accuracy tests 343.7 actual implementation 35Chapter 4 performance research, 37 4.1 effects of PR website development, Purchasing Department and department store 37. 4.2 assessment of performance and satisfaction measurement 42 respondentsChapter 5 Summary Discuss the results and recommendations 46 5.1 Summary research 46 Performance discussion 5.2 47 5.3 recommendations for future research, 47BibliographyAppendix g-evaluation of customer satisfaction and performance Appendix ข. Guide to using the site and the Purchasing Department public relations department store. Appendix C., who made history. Appendix Discography. List of experts Appendix, storage Appendix f. The project proposal requestAppendix h. The progress of the project. Table of contents table.The table page.4-1 General information the respondent's assessment 41.4-2 satisfaction per system, leaving public relations website, Purchasing Department and department store 42.4-3 the issuance system performance website, public relations department, and the Department store 43. The Unit Test 4-4 performance per issuance systems website releases the Purchasing Department and department store 43. The Integration Test4-5 efficient issuance systems website releases the Purchasing Department and department store 44. The Usability Test 4-6 performance against issuance systems website releases the Purchasing Department and department store 44. The Performance Test4-7 performance per issuance systems website releases the Purchasing Department and department store 45. The Security Test 4-8 the performance per issuance systems website releases the Purchasing Department, and overall department store 45. The table of figures.The image page.Figure 2-1 shows the product details Adobe Dreamweaver CS6 12.Figure 2 – 2 Displays the default Setup Program Adobe Dreamweaver CS6 12Figure 2-image 3 shows the beginning of monitoring 13 computers.Figure 2-4 shows the Install Program Adobe Dreamweaver CS6 13.Figure 2-5 shows the image accepted to install Program Adobe Dreamweaver CS6 14.Figure 2-6 shows the selected photo weaving directory memory to install Program Adobe Dreamweaver CS6 14.Figure 2-7 shows the image, start the installation Program Adobe Dreamweaver CS6 15.Figure 2-8 shows the photo to finish the Install Program Adobe Dreamweaver CS6 15.Figure 2-9 shows the Visual observing Program Adobe Dreamweaver CS6 16.Figure 2-10 showing Adobe Dreamweaver Program begin editing CS6 16.Figure 2-11 shows the image to get started Program Adobe Dreamweaver CS6 17.Figure 3-1 shows a diagram of PR website design. The Purchasing Department, and the Department store 23Figure 3-2 shows the screen elements of a program Dreamweaver Adobe CS6 24. Creating a Dreamweaver Site Web site. Figure 3-3 shows the screen for creating New Site 24.Figure 3-4 shows the screen name of a Web site that requires 25.Figure 3-5 shows the screen Setup for Intranet Site 25.Figure 3-6 shows the configuration screen 26Figure 3-7 shows the screen and system test 26.Figure 3-8 shows the Detault configuration screen Images Folder, specify the Directory 27. Used for storing images, configure the Web URL to match that we have defined in Site. Figure 3-9 shows the screen for creating an empty site 27.Figure 3-10 shows the screen for creating different types of Web-28.Figure 3-11 shows the screen for creating Web pages from CSS layout 28.Figure 3-12 shows the different types of website creation screen to 29.Figure 3-13 shows the screen for creating a new Web page from a file, for example, 29. Visual table of contents (continued)The image page.Figure 3-14 shows the Sample Folder selection screen, the type of Web page 30.Figure 3-15 shows the screen print text 30.Figure 3-16 shows the screen font size, colors, font type, style 31. Bold, italic, as well as align and Indent properties within a Web page. Figure 3-17 shows the screen to determine what kind of CSS style 33.Figure 4 – 1 The first page of a Web site public relations department and the purchasing department store 37.Figure 4 – 2 The Procurement Division Web site homepage as the screen details about purchasing department 38.Figure 4 – 3 Purchasing Department details screen 38Figure 4 – 4 The detail screen of the Department store 39Figure 4 – 5 The company information screen 39Figure 4 – 6 Monitor information about 40 companies.Figure 4 – 7 Contact details screen: 40 queries.

ผลลัพธ์ (อังกฤษ) 2:

Table of Contents (continued)
on page
3.5 of the trial, 34
3.6 Test accuracy 34
3.7 Implementation 35
Chapter 4 Results 37
4.1 Effect of Developing Public Procurement Office and Department Store 37
4.2 Assessment. satisfaction and performance evaluation of those 42
Chapter 5 Summary of Conclusions and Recommendations 46
5.1 Conclusions 46
5.2 Conclusions 47
5.3 Recommendations for further research. 47
Bibliography
Appendix. The satisfaction and performance
Appendix. Manual web publishing purchasing department and the department store
Appendix. Scholar
annex. List expert
Appendix E. The storage.
Appendix F., leaves the request proposed
Appendix G. The progress in the List of Tables Table Page 4-1 Overview of respondents rated 41 4-2 satisfaction with the purchasing department, and the department issued press release sites. Store 42 4-3 effective web publishing system, the purchasing department, and the department store 43 in Unit Test 4-4 effective web publishing system for the purchasing department, and the department store 43 The Integration Test 4-5 performance against the system. Public Procurement department store sites and 44 of Usability Test 4-6 performance at the release site to the purchasing department and the department store 44 the Performance Test 4-7 performance at the release site to the purchasing department and the department store 45 side. Test security system 4-8 performance at the release site, the purchasing department and the department store as a whole. 45 List of Figures Figure Page Figure 2-1 shows detailed product applications Adobe Dreamweaver CS6 12 Figure 2-2 shows the default Setup Program Adobe Dreamweaver CS6 12 Figure 2-3 shows the default image check availability. PC 13 images 2-4 show the Install Program Adobe Dreamweaver CS6 13 images 2-5 Illustration of the installation Program Adobe Dreamweaver CS6 14 images 2-6 Illustration of a directory to install the Program. Adobe Dreamweaver CS6 14 Figure 2-7 show the installation Program Adobe Dreamweaver CS6 15 Figure 2-8 Illustration of the completion of the installation Program Adobe Dreamweaver CS6 15 Figure 2-9 Illustration of Trial Program Adobe. Dreamweaver CS6 16 Figure 2-10 shows the default image editing Program Adobe Dreamweaver CS6 16 Figure 2-11 shows the image from the Program Adobe Dreamweaver CS6 17 Figure 3-1 Diagram Design publicity department. Purchasing and department stores 23 Figure 3-2 shows the components of the program Adobe Dreamweaver CS6 24 building sites Dreamweaver Site Figure 3-3 shows the creation of New Site 24 Figure 3-4 display name. The website needs 25 Figure 3-5 shows the Site Setup for Intranet 25 Figure 3-6 display configurations 26 Figure 3-7 shows the screen and the system 26 Figure 3-8 shows. Detault Images Folder configuration screen, specify Directory 27 is used for storing photos, customize Web URL to match that we have defined in Site Figure 3-9 shows a blank screen to create 27 images page 3-10. the creation of over 28 images 3-11 display the structure created by the CSS 28 Figure 3-12 shows the creation of the required 29 Figure 3-13 shows the building. sample file from a web page 29 Figures (Continued) Pictures Pictures 3-14 display a selection of web pages Sample Folder 30 images 3-15 display the text 30 images 3-16 to determine the color of the display. font size, font type, style 31 bold italic. The alignment of paragraphs and pages within a 3-17 display the type of style CSS 33 Figure 4-1 homepage Public Procurement and department stores 37 Figure 4-2 pages. Purchasing Department The screen shows details on purchasing 38 images 4-3 Screen purchasing 38 Figure 4-4 Screen department store 39 images 4-5 screen displays information about the company 39. Figure 4-6 shows the information about the company 40 Figure 4-7 Screen details contact 40.

ผลลัพธ์ (อังกฤษ) 3:

Table of contents (per)

3.5 face trial run 34
3.6 verification 34
3.7 to actual application 35
Chapter 4 Results 37
4.1 effect of website development public procurement department and department store. 37
4.2 Effect Assessment of satisfaction and efficiency of the evaluation 42
Chapter 5 conclusion. Discuss the effect and suggestions 46
5.1 summary of research. 46
5.2 discuss the effect 47
5.3 for further research 47

bibliography Appendix A.Assessment of satisfaction and performance
Annex B. the public relations website procurement department and department store
Appendix C. history of providers.
appendix. List of experts in data collection

appendix appendix F.Application project
Annex B. the progress of the project



table table of contents page 4-1 general data of the respondents evaluated. 41
4-2 satisfied with the system out of public relations website purchasing department and department store 42
.4-3 efficiency on system design of public relations website purchasing department and department store 43
the Unit Test
4-4 efficiency on system design of public relations website purchasing department. And department store in Integration Test 43

.4-5 efficiency on system design of public relations website purchasing department and department store 44
the Usability Test
4-6 efficiency on system design of public relations website purchasing department. And department store in Performance Test 44

.4-7 efficiency on system design of public relations website purchasing department and department store 45
the Security Test
4-8 efficiency on system design of public relations website purchasing department. Department store and the overall 45












P. Figures Image
.Image display program 2-1 product details Adobe Dreamweaver CS6 12
image 2 - 2 initial showing Setup Program Adobe Dreamweaver. CS6 12
image 2-3 pictures show start to check the availability of computers 13
.Image 2-4 images show Install Program Adobe Dreamweaver CS6 13
image 2-5 pictures show the acceptance of installation Program Adobe Dreamweaver. CS6 14
image 2-6 images show the directory to install Program Adobe Dreamweaver CS6 14
.Image display 2-7 started installing Program Adobe Dreamweaver CS6 15
image 2-8 images show the installation finishes Program Adobe. Dreamweaver CS6 15
image 2-9 images show trials in Program Adobe Dreamweaver CS6 16
image display 2-10 start editing. Program Adobe Dreamweaver CS6 16
.Image 2-11 images show started Program Adobe Dreamweaver CS6 17
image 3-1 diagram design website, public relations Purchasing department and department store 23
image 3-2 display screen component of the program Adobe Dreamweaver CS6 24
.Creating a website Dreamweaver Site
image 3-3 display screen to create New Site 24
image 3-4 display screen name of the site required. 25
image 3-5 display screen Site Setup for Intranet 25
image display configuration 3-6 various 26
.Image 3-7 display screen and system testing 26
image 3-8 display screen configure Detault Images Folder to enter Directory 27
, used to store the image set. Web URL to match that we have defined in Site
image 3-9 display screen web building no 27
.Image display 3-10 Web building various kinds 28
image 3-11 display screen creating web pages from the model structure CSS 28
image 3-12 display screen web building types required. 29
.Image display 3-13 creating web pages from the new sample files 29

figures (Continued)

image face image 3 -14 display screen selection. Sample Folder types of webpages 30
image 3-15 display screen printing text 30
.Image 3-16 display the font color, size, type of character, the 31
Bold Italic As well as the position and properties of the paragraph within a web page
image 3-17 display screen defining the type of style CSS 33
.Image 4 - home of the public relations website 1 purchasing department and department store 37
image 4 - 2 site purchasing department. A screen displays details about purchasing department 38
image 4 - 3 screen details purchasing department 38
.Image 4 - 4 screen details department store 39
image 4 - 5 displays information about the company 39
image 4 - 6 front screen display information about the company. 40
image 4 - 7 screen information inquiring 40

.