¸£ูปเล่ม.pdf · - adobe dreamweaver cs5 - adobe photoshop ... appserv program ......

บทท 1

บทน ำ

1.1 ความส าคญและทมาของปญหา

ปจจบนธรกจมอยมากมายหลายรปแบบ ซงธรกจประเภทบรการไดมหลากหลายรปแบบ

โดยทธรกจเหลานจ าเปนตองมการเกบขอมลการใหบรการตางๆ จงควรมโปรแกรมทใชในการ

เกบขอมลการบรการตางๆเพอใหสะดวกตอผประกอบการหรอลกคาทเขารบบรการกบทางราน

และเนองจากทางสาขาระบบสารสนเทศคอมพวเตอรไดมการเขารวมโครงการ New Wave ซง

เปนโครงการอบรมสมมนาระหวางนกศกษาและผประกอบการ เพอท าเวบไซตในการประกอบ

ธรกจ และจากททางผจดท าไดไปสมมนากบผประกอบการแลว ทางผประกอบไดประกอบ

ธรกจดานบรการตดตง ของตกแตงภายในบาน เชน ผามาน พรม ฉากกนหอง วอลลเปเปอร และ

ทางผประกอบการมความตองการโปรแกรมทสามารถอ านวยความสะดวกและใชในการเกบ

ขอมลของลกคา จงไดเปนทมาของโปรเจคทจะสรางระบบการบรการลกคาใหกบผประกอบการ

เพออ านวยความสะดวกใหแกผประกอบการในการท างานตางๆ เพอน าไปใชงานตอไป

ทงนการเขยนโปรแกรมทมการพฒนาในรปแบบการใชงานเพอการบรการลกคาอยางระบบ

การบรการลกคา โดยสรางมาจาก Adobe Dreamweaver CS5 ดวยภาษา PHP ในระดบพนฐาน

เพอเปนแนวทางในการเขยนโปรแกรมเบองตนใหกบผทมความสนใจและมความตองการทจะ

เรยนรการเขยนโปรแกรมเบองตนไดน าไปใชในชวตประจ าวน และไดศกษาขอมลหรอคนควา

เพมเตม

1.2 วตถประสงค

1. เพอน าระบบนเขามาใชงานกบธรกจของผประกอบการ

2. เพออ านวยความสะดวกแกผใชงานระบบ เพอน าไปใชงานในดานประโยชนตางๆ

3. ใชเกบขอมลของลกคาในการเขารบบรการกบทางราน เพอลดความซ าซอนและความ

สะดวกสบายในการเรยกใชขอมลนนๆ

1.3 ขอบเขตของโครงงาน

ผดแลระบบ (Super Admin)

- สามารถเขาถงฐานขอมลได แกไขขอมล ลบขอมลหรอเพมขอมลได

ผใชงานระบบ (User)

- สามารถเขาใชงานระบบได สามารถดขอมลไดในรปแบบ Report

1.4 ประโยชนทคาดวาจะไดรบ

1. ความสะดวกสบายในการดขอมลตางๆ

2. การเกบขอมลตางๆ และการแกไขขอมลตางๆ สามารถท าไดอยางรวดเรว

3. ชวยลดภาระงานของพนกงานได

4. ท าใหการจดการรายละเอยดขอมลมความสะดวกและมประสทธภาพ

5. เกดความแมนย าของการท า Report การเกบรายละเอยดของขอมล

1.5 ผลทคาดวาจะไดรบเมอเสรจสนโครงการ

เมอระบบเสรจสน จะไดรบระบบการบรการลกคา ซงใชในการใหบรการลกคาในการด

ขอมลตางๆ เพอเปนประโยชนแกผประกอบการและลกคาของธรกจไดใชงานสะดวกสบาย เพอ

ใชประโยชนตางๆ ไดตรงตามความตองการของงานท าใหลดภาระในการเสยเวลาในการเกบ

ขอมลของการบรการลกคาแตละราย

1.6 ขนตอนการด าเนนงาน

ระยะเวลาการด าเนนงานในการพฒนาระบบการบรการลกคาของผประกอบการรวมทง

จดท าเอกสารประกอบการด าเนนงานเรมตงแตวนท 10 กรกฎาคม 2556 จนถงวนท 4 ตลาคม

ตารางแผนการด าเนนงาน

ระบบการบรการลกคา

รายละเอยดการด าเนนงาน ระยะเวลาการด าเนนงาน กรกฎาคม สงหาคม กนยายน ตลาคม 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1. ศกษาปญหาโอกาสและเปาหมาย ศกษาความเปนไปไดในการพฒนาระบบ ศกษารปแบบและขอบเขตของปญหา

2. รวบรวมขอมลและความตองการของผใช รวบรวมขอมลพนฐานของธรกจ รวบรวมขอมลและความตองการของผใช

3. วเคราะหระบบ วเคราะหงานและระบบ

4. ออกแบบระบบ Input/output design Fil and database design User Interface Design

5. พฒนาระบบ 6. ทดสอบระบบ 7. จดท าเอกสารโปรเจค

1.7 อปกรณทใชในกำรพฒนำระบบ

1. ดานฮารดแวร (Hardware)

- เครอง server

2. ดานซอฟตแวร (Software)

- Adobe Dreamweaver CS5

- Adobe Photoshop

- Photoscape

- Appserv

3. ดานเครอขาย (Network)

- Internet : ใชในการคนหาขอมล

4. ดานฐานขอมล (Database)

- Appserv : ใชเปนฐานขอมลในการจดการและเกบขอมล

บทท 2

ทฤษฏและโปรแกรมในกำรสรำงระบบบรกำรลกคำ

วธกำรศกษำ

Appserv Program

Appserv คอโปรแกรมทรวบรวมเอา Open Source Software หลาย ๆ อยางมารวมกนโดยม Package หลก

ดงน

-Apache -PHP

-MySQL -phpMyAdmin

จดประสงคหลกของการรวมรวบ Open Source Software เหลานเพอท าใหการตดตงโปรแกรมตาง

ๆ ทไดกลาวมาใหงายขน เพอลดขนตอนการตดตงทแสนจะยงยากและใชเวลานาน โดยผใชงานเพยงดบเบล

คลก Setup ภายในเวลา 1 นาท ทกอยางกตดตงเสรจสมบรณระบบตาง ๆ กพรอมทจะท างานไดทนททง

Web Server, Database Server เหตผลนจงเปนเหตผลหลกทหลาย ๆ คนทวโลกไดเลอกใชโปรแกรม

Appserv แทนการทจะตองมาตดตงโปรแกรมตาง ๆ ทละสวน

ค ำแนะน ำในกำรเลอกใชงำนโปรแกรม Appserv

แนะน าวาทานทตดตง Appserv ไมจ าเปนตองใชเวอรชนลาสดเสมอไป

ส าหรบผใชทใชงานระบบทไมมอะไรเปลยนแปลงมาก หรอไมไดตองการสงใหม ๆ แตตองการความเสถยร

เปนหลก ในการเลอกใช Appserv ใหทานเลอกใชเวอรชนทเหมาะสมกบระบบงานของทาน

เรมตนใชงำน phpMyAdmin

phpMyAdmin เปนโปรแกรมทมอยกบ Appserv เพอใชส าหรบจดการฐานขอมล เชน สรางและลบ

ฐานขอมล สรางและลบ ตาราง จดการฟลดตาง ๆ ของขอมล รวมถงการประมวลผลค าสง SQL เปนตน

เรมแรกกบการเขาใชงาน phpMyAdmin เปด IE แลวพมพ http://localhost:8080/ ในชอง Address จะปรากฏ

ไดตามรป ดงน

รปท 1.1

ตอมาเปนการ Login เขาส phpMyAdmin โดยจะกดไปท phpMyAdmin Database Manager

Version 2.10.3จะปรากฏไดตามรปดงน ซงเราตองพมพชอผใช และ รหสผาน ลงไป

รปท 1.2

จากรป คอ หนาแรกของ phpMyAdmin โดยจะแบงหลก ๆ เปน 2 สวนคอ

1. ฝงซายมอ จะเปนสวนส าหรบเมนระบบของ phpMyAdmin และส าหรบเลอกฐานขอมลและตาราง

2. ฝงขวามอ จะเปนสวนของการจดการฐานขอมลทงหมด ไดแก การสรางฐานขอมล สรางตาราง

เขยนโครงสรางตาราง ดขอมล คนหาขอมล การเพมและลบ แกไข ขอมล ฯลฯ

รปท 1.3

กำรสรำง Database และ Table ดวย phpMyAdmin

ขนแรก ใหสงเกตบรเวณฝงขวามอ หาสวนส าหรบการสรางฐานขอมลใหม ตามภาพ ใหเราตงชอ

ฐานขอมลทเราตองการ จากนนใหกดค าวา “สราง”

รปท 1.4

จากนนใหสงเกตดานซายมอของเราจะปรากฏชอฐานขอมลทเราสรางขนมา ตามตวอยางชอ

ฐานขอมล ชอวา jay หลงจากนนใหเราใสชอตารางทเราตองการและจ านวนฟลดทเราจะเกบขอมล จากนน

กดทปม “ลงมอ”

รปท 1.5

เมอกดค าวา ลงมอ แลวเราตองมาก าหนดชอฟลดขอมล ซงควรตงชอใหสอถงขอมลทเราจะท าการ

เกบ โดยใชชอเปนภาษาองกฤษโดยตวอกษรแรกมกจะใชเปนตวใหญ เมอก าหนดรายละเอยดเรยบรอยแลว

ใหกดปม “บนทก”

รปท 1.6

ผลลพธ ตารางจะปรากฏดานซายมอตามชอทไดสรางไว และเมอคลกท ชอตาราง กจะมรายละเอยด

โครงสรางตามทเราก าหนดไว

รปท 1.7

กำรแทรกขอมลเขำTable และกำเปดดขอมล โดยใช phpMyAdmin

เรมแรกใหเลอกฐานขอมลทเราตองการจะแทรกจากนนใหเราคลกทตารางทเราตองการแทรกขอมล

จากนนใหคลกค าวา “แทรก”

รปท 1.8

เมอเราคลกทค าวาแทรกแลว จะมหนาจอ Form ใหกรอกขอมลในแตละฟลด ใหท าการกรอกขอมล

ลงไปหลงจากนนใหกดปมค าวา”ลงมอ”

รปท 1.9

การดขอมลทถกเกบในแตละตาราง ไดโดยเลอกคลกทตาราง ทตองการด จากนนกดปม “เปดด”

รปท 1.10

กำรลบขอมลออกจำก Table โดยใช phpMyAdmin

วธการลบขอมลทมอยตางกท าไดงาย ๆ จดประสงคในการลบขอมลกมดวยกน 3 อยาง คอ

1. ลบขอมลใน Record ใด Record หนงทตองการโดยเฉพาะ ท าไดโดยกดปม กากบาท (X) ใน

ต าแหนงทตองการจะลบ Record นนออก

2. ลบขอมลใน Record ตงแต 2 Record ขนไป แตไมทงหมด ท าไดโดยการเลอก Record ทเราจะท า

การลบ จากนนใหกดปม กากบาท(X)

3. ลบขอมลในทก Record ใหคลกทค าวา เลอกทงหมด จากนนกดปม กากบาท(X)

รปท 1.11

ระบบจดเกบไฟล

ระบบการจดเกบไฟล Apache, PHP MySQL หลงจากการตดตงโปรแกรม appserv จะอยใน

โฟลเดอร WWW

รปท 2.1

โครงสรำงระบบกำรจดเกบไฟลของ Apache Web Server

apache/bin เปนทจดเกบโปรแกรมการท างานหลกของ Apache

apache/conf เปนทเกบคาคอนฟกระบบของ Apache

apache/error เปนทเกบการแจง Error Template (มเฉพาะ Apache 2)

apache/icons เปนทเกบไอคอนตาง ๆ

apache/logs เปนทเกบ Log การท างานของ Apache

apache/modules เปนทเกบโมดลเสรมของ Apache

โครงสรำงระบบกำรจดเกบไฟลของ MySQL Database

mysql/bin เปนทจดเกบโปรแกรมการท างานหลกของ MySQL

mysql/data เปนทเกบฐานขอมลตาง ๆ ของ MySQL โดยแตละ Table จะแยกเปน

Directory

mysql/share เปนทเกบ Error Message แยกตาม Charset

โครงสรำงระบบกำรจดเกบไฟลของ PHP

php เปนท php Command line Exeution และ DLL library

php/ext เปนทเกบ PECL PHP Extension ของ PHP (มเฉพาะ PHP 5)

php/extension เปนทเกบ PECL PHP Extension ของ PHP (มเฉพาะ PHP 4)

php/PEAR เปนทเกบ PEAR Framework components ของภาษา PHP

โครงสรำงระบบกำรจดเกบไฟลเวบไซตไดเรกทอร www

www เปน Directory Root ส าหรบเกบไฟลตาง ๆ ของเวบไซต

www/cgi-bin เปนทเกบไฟลโปรแกรมประเภท CGI

www/phpMyAdmin เปนทเกบโปรแกรม phpMyAdmin

www/appserv เปนทเกบไฟลของ appserv สามารถลบทงไดทนทหลงจากตดตงเสรจ

www/index.php ไฟลหนาแรกของเวบไซต โดยเมอตดตงโปรแกรม appserv เราสามารถลบไฟล

index.php นทงไดทนท

Adobe Macromedia Dreamweaver

(Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร (Macromedia Deraweaver) เปน

โปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส)

ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการ

พฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าใหดรมวฟเวอรเปนโปรแกรมทแตกตางจาก

โปรแกรมอน ๆ ในประเภทเดยวกน ในชวงปลายปทศวรรษ 2533 จนถงป 2544 ดรมวฟเวอรมสดสวนของ

ตลอดโปรแกรมแกไข HTML อยมากกวา70% ดรมวฟเวอรมท งในระบบปฏบตการแมคอนทอช และ

ไมโครซอฟท วนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลอง

อยาง WINE ได รนลาสดคอ ดรมวฟเวอร CS6

กำรท ำงำนกบภำษำตำงๆ

ดรมวฟเวอร สามารถท างานกบภาษาคอมพวเตอรในการเขยนเวบไซตแบบไดนามค ซงมการใช

HTML เปนตวแสดงผลของเอกสาร เชน ASP, .NET, PHP, JSP และ ColdFusion รวมถงการจดการ

ฐานขอมลตางๆ อกดวย และในเวอรชนลาสด ยงสามารถท างานรวมกบ XML และ CSS ไดอยางงายดาย

และมประสทธภาพ

สวนประกอบของ Dreamweaver

แถบค าสง (Menu Bar) เปนแถบทใชเกบค าสงทงหมดของโปรแกรม

แถบเครองมอ (Toolbar) รวบรวมปมค าสงทใชงานบอย

แถบวตถ (Object Palette) เปนกลมเครองมอตางๆ ทใชในการควบคมวตถบนชนงานเอกสาร

แถบควบคมการท างาน (Properties Palette) เปนรายการทปรบเปลยนได ตามลกษณะการเลอก

ขอมลเชน หากมการเลอกทจะพมพหรอแกไขเนอหารายการกจะเปนสวนท างานทเกยวกบอกษร,

การจดพารากราฟ

สวนของ Panel Group เปนกลมของแถบเครองมอทสามารถเรยกใชงานไดอยางรวดเรว เพอใหงาย

ในการสราง Application บนอนเทอรเนต เชนการแทรก Code ของ JavaScript ลงในเวบเพจได

อยางงาย

กำรใชงำนพนฐำน (สงทควรรเบองตน)

1. ภาษา HTML เปนภาษาทออกแบบส าหรบการแสดงผลเทานน ไมสามารถประมวลผลหรอ ใช

เขยนเวบแอพพลเคชนได

2.หากตองการเพมลกเลน หรอ เทคนคพเศษ เชน Effect ตางๆ ตองน าภาษา JavaScript มาเสรมใน

3. การจดรปแบบใน Code เชนการขนบรรทดใหมการเวนวรรคไมมผลตอการแสดงผลทาง

WebBrowser

4.การขนบรรทดใหมตองใช Tag <br>

5. การขนยอหนาใหมตองใช Tag <p>

6.หลกการอาน Tag ของภาษา HTML จะอานคาจาก Tag ทอยดานในกอน

7. ไฟล HTML และ Script ตางๆสามารถเปดแกไขในโปรแกรม Text Editor ทวๆไปได ไม

จ าเปนตองแกไขในโปรแกรม Dreamweaver เพยงอยางเดยว

8. การแทรกขอความและการปรบแตงคาตางๆใหคลกต าแหนงทตองการแลวพมพขอความตาม

ตองการหรอใหเลอกขอความเมอตองการก าหนดคาตางๆ เพมเตม

เบองตนเกยวกบ ภำษำ PHP

PHP ยอมาจาก Hybertext Processor เปนภาษาสครปตแบบเซรฟเวอรไซด(Server-side Scripting

language) หมายถง ภาษาทประมวลผลบนเครองแม หรอเซรฟเวอร (Server) โดยจะสงผลลพธจากการ

ประมวลผลกลบมาเปนภาษา HTML ใหกบเครองลก หรอไคลเอนต (Client) PHP เปนภาษาทใชส าหรบการ

พฒนาโปรแกรมการท างานบนเวบ(Web Programming) ทไดรบความนยมเปนอยางมาก เนองจากเปนภาษา

ทประสทธภาพสง ใชงานงายและรวดเรว สามารถเขาถงฐานขอมลไดหลากหลายประเภท อกทงยงเปน

โอเพนซอรส (Open Source) ทสามารถดาวนโหลดมาใชงานไดฟร PHP จะท างานรวมกบเอกสาร HTML

โดยสรางโคดแทรกระหวาง Tag HTML สรางไฟลเปนนามสกล .phpหรอ .html

ควำมสำมำรถของภำษำ PHP

ภาษาPHP ไดรบการพฒนาความสามารถขนมาเรอยๆ อยางตอเนอง ทงนเปนเพราะมการเปดเผย

ซอรสโคดของPHP สสาธารณะในลกษณะในลกษณะของ Open Source ท าใหมหนวยงานและองคกรตางๆ

เขามาชวยกนพฒนา

ความสามารถในการจดการกบตวแปรหลาย ประเภท เชน เลขจ านวนเตม(integer),เลขทศนยม

(float),สตรง(string),และอารเรย(array)เปนตน

ความสามารถในการรบขอมลจากฟอรมของ HTML

ความสามารถในการรบ – สง cookies

ความสามารถเกยวกบ Session (ตงแต PHP เวอรชน4 ขนไป)

ความสามารถทางดาน OOP (Object Oriented Programming) ซงรองรบการเขยนโปรแกรมเชง

วตถ

ความสามารถในการเรยกใช COM component

ความสามารถในการตดตอและจดการฐานขอมล

จดเดนของ PHP

1.ฟรไมเสยคาใชจาย

2. Speed เนองจาก PHP น าขอดของภาษาสครปตท เคยมในภาษา C , Perl และ Java รวมกน

ความเรวของ CGI น ามาพฒนาอยใน PHP

3.Open Source

4.Crossable Platform

5.Database Access

6.Protocol Support เนองจาก PHP สามารถสนบสนนโปรโตคอลหลายแบบ

7. Library เนองจาก PHP มไลบารรส าหรบการตดตอกบแอพพลเคชนไดมากมาย

8. Flexible ดวยเหตท PHP มความยดหยนตวสง ท าใหสามารถน าไปสรางแอพพลเคชนได

หลากหลาย

9. Easy เนองจาก PHP เปนภาษาสครปตภาษาหนง สามารถแทรกทต าแหนงใดกไดในแทกของ

กำรสรำงไซต (Site) งำน

1. ไปทเมน บารของโปรแกรม Dreamweaver CS5 แลวเลอกท Site จากนนเลอกไปทเมน New

Site ดงรป

รปท 2.2

2. จากนนจะปรากฏหนาตาง ทชอ Site Definition for project ขนมา ใหเลอกทแทบ Advance

จากนนใหก าหนดคาดงน

2.1 ทเมนดานซายมอตรงเมน Category เลอกท Local Info

- ทดานขวามอ ทชอง Site Name ใหตงชอ WebSite ของเรา (ตามทเราตองการ)

- ทชอง Local Root Folder ใหเราคลกทรปโฟลเดอร ทอยบรเวณดานขางของชอง แลวจากนนกจะปรากฏ

หนาตางเพอใหเราท าการเลอกโฟลเดอร ทตองการจะเกบ Site งาน WebSite ของเรา (ตามโครงสราง

AppServ เราตองไปสรางโฟลเดอร ทเลอกไวกอนในทนชอ โปรเจคของเราจงจะเลอกโฟลเดอร ไดดงภาพ )

รปท 2.3

- ท Default images folder ใหเราคลก ทรปโฟลเดอร ทอยบรเวณดานขางของชอง แลวจากนนกจะปรากฏ

หนาตางเพอใหเราท าการเลอกโฟลเดอร ทตองการจะเกบ รปภาพ ของเราไว ตามโครงสราง AppServ เรา

ตองไปสรางโฟลเดอร ทเลอกไวกอนในทนชอโปรเจค และในโฟลเดอรชอโปรเจคจะมโฟลเดอรยอยชอ

image เราจงจะเลอกโฟลเดอร ไดดงภาพ

รปท 2.4

-ท Links relative to ใหเราเลอก Site root

- ท HTTP address ใหเราก าหนดโฟลเดอร ทเกบงานไว

รปท 2.5

2.2 ทเมนดานซายมอตรงเมน Category เลอกท Remote Info

- ทดานขวามอ ทชอง Access ใหเลอกเปน Local/Network

- ท Remote Info ใหก าหนดโฟลเดอรทเกบงานเราดงรป

รปท 2.6

2.3 ทเมนดานซายมอตรงเมน Category เลอกท Testing Server

- ทดานขวามอ ทชอง Server model ใหเลอกเปน PHP MySQL

- ทชอง Access ใหเลอกเปน Local/Network

- ท Testing server folder ใหก าหนดโฟลเดอรทเกบงานเรา

- ท URL prefix ใหก าหนดโฟลเดอรทเกบงานเรา

รปท 2.7

เมอท าเสรจสนขนตอนแลว ก Click OK ทหนาตางน เปนอนเสรจสนการตง Site งานใหมในเครอง

เรมกำรเขยนสครปต PHP

1. เปดโปรแกรม Dreamweaver ขนมาแลวมาทหวขอ Create New คลกเลอกท PHP

รปท 3.1

2. Dreamweaver จะเปดหนา Editor ขนมาสงเกตวามนไดเขยนสครปตบางสวนไวใหแลว

รปท 3.2

3. เนองจาก Editor ของ Dreamweaver ยงไมสามารถแสดงผลเปนภาษาไทยได เราจงตองปรบแตงคา

โดยคลกเมน Edit > Preferences ………..

รปท 3.3

4. ปรบแตงตวเลอกทรายการ Fonts และ New Document ดงรายละเอยดในรป

รปท 3.4

รปท 3.5

5. พมพสครปตในภาษา PHP

6. บนทกไฟล โดยคลก File > Save as…

7. เลอกต าแหนงทจะบนทก ทโฟลเดอร C:\appserv\www\project

รปท 3.6

8. ทดสอบการท างานของสครปต PHP เลอกทไอคอนรปโลก แลวเลอก Preview in IExplore

รปท 3.7

9. browser กจะเรยกไฟล hello.php ขนมาท างาน

รปท 3.8

โคด PHP เบองตน

ค ำสง SELECT

จากฐานขอมลทสรางขนตองการน าเอาขอมลทอยในฐานขอมลมาโชว ใชค าสง SELECT ดงน

$serverName="localhost";

$databaseUserName ="root";

$databasePassword ="1234";

$databaseName = "jay";

$tableName="PRODUCT";

mysql_connect($serverName, $databaseUserName,$databasePassword) or die ("ตดตอฐานขอมล

ไมได");

mysql_select_db($databaseName);

mysql_query("SET NAMES UTF8");

<head>

$sqlCommand ="SELECT * FROM $tableName ";

$result = mysql_query($sqlCommand);

while($row = mysql_fetch_array($result)){

$Pro_id = $row['Pro_id'];

$Pro_name = $row['Pro_name'];

$Pro_price = $row['Pro_price'];

$Pro_stock = $row['Pro_stock'];

$Pro_address = $row['Pro_address'];

</table>

mysql_close();

</html>

ค ำสง INSERT

จากฐานขอมลทสรางขนตองการน าเอาขอมลลงในฐานขอมลใชค าสง INSERT ดงน

mysql_connect($serverName, $databaseUserName,$databasePassword)

or die ("ตดตอฐานขอมลไมได");

<head>

$Pro_id = $_POST['Pro_id'];

$Pro_name = $_POST['Pro_name'];

$Pro_price = $_POST['Pro_price'];

$Pro_stock = $_POST['Pro_stock'];

$Pro_address = $_POST['Pro_address'];

$sqlCommand = "insert into $tableName (Pro_id, Pro_name, Pro_price, Pro_stock, 'Pro_address') values

('$Pro_id', '$Pro_name', '$Pro_price', '$Pro_stock', '$Pro_address')";

mysql_close();

</html>

ค ำสง UPDATE

จากฐานขอมลทสรางขนตองการอพเดทขอมลลงในฐานขอมลใชค าสง UPDATE ดงน

mysql_connect($serverName, $databaseUserName, $databasePassword)

<head>

$Pro_id = $_POST['Pro_id'];

$Pro_name = $_POST['Pro_name'];

$Pro_price = $_POST['Pro_price'];

$Pro_stock = $_POST['Pro_stock'];

$Pro_address = $_POST['Pro_address'];

$sqlCommand = "update $tableName set Pro_name='$Pro_name', Pro_stock='$Pro_stock',

Pro_price='$Pro_price' , Pro_address='$Pro_address' where Pro_id='$Pro_id'";

$dbQuery = mysql_db_query($databaseName, $sqlCommand);

mysql_close();

</html>

ค ำสง DELETE

จากฐานขอมลทสรางขนตองการลบขอมลทอยในฐานขอมล ใชค าสง DELETE ดงน

mysql_connect($serverName, $databaseUserName, $databasePassword)

<?$sqlCommand = "delete from $tableName where Pro_id='$Pro_id'";

$dbQuery = mysql_db_query($databaseName, $sqlCommand);

mysql_close();

</html>

บทท 3

วธกำรด ำเนนงำน

ขนตอนกำรตดตงโปรแกรม Appserv

ดาวนโหลดโปรแกรม AppServ จากเวบไซต http://www.appservnetwork.com โดยเลอกเวอรชนทตองการตดตงระหวางเวอรชน 2.4.x และ 2.5.x โดยความแตกตางของ 2 เวอรชนนคอ 2.4.x คอเวอรชนทน า Package ทมความเสถยรเปนหลก เหมาะส าหรบผทตองการความมนคงของระบบโดยไมไดมงเนนทจะใชฟงกชนใหม 2.5.x คอเวอรชนทน า Package ใหมๆ น ามาใชงานโดยเฉพาะ เหมาะส าหรบนกพฒนาทตองการระบบใหมๆหรอตองการทดสอบ ทดลองใชงานฟงกชนใหม ซงอาจจะไมไดความเสถยรของระบบได 100%เนองจากวา Package จากนกพฒนานน ยงอยในชวงของขนทดสอบ ทดลองเพอหาขอผดพลาดอย ขนตอนกำรตดตง AppServ 1. ดบเบลคลกไฟล appserv-win32-x.x.x.exe เพอท าการตดตง จะปรากฏหนาจอตามรปท 1

รปท 4.1

2. เขาสขนตอนเงอนไขการใชงานโปรแกรม โดยโปรแกรม AppServ ไดแจกจายในรปแบบ GNU License หากผตดตง อานเงอนไขตางๆ เสรจสนแลว หากยอมรบเงอนไขใหกด Next เพอเขาสการตดตงในขนตอไป แตหากวาไมยอมรบเงอนไขใหกด Cancel เพอออกจากการตดตงโปรแกรม AppServ

รปท 4.2

3. เขาสขนตอนการเลอกปลายทางทตองการตดตงโดยคาเรมตนปลายทางทตดตงจะเปน

C:AppServ

หากตองการเปลยนปลายทางทตดตง ใหกด Browse แลวเลอกปลายทางทตองการ เมอเลอกปลายทาง

เสรจสนใหกดปม Next เพอเขาสขนตอนการตดตงขนตอไป

รปท 4.3

4. เลอก Package Components ทตองการตดตง โดยคาเรมตนนนจะใหเลอกลงทก Package แตหากวา

ผใชงาน ตองการเลอกลงเฉพาะบาง Package กสามารถเลอกตามขอทตองการออก โดยรายละเอยดแตละ

Package มดงน

- Apache HTTP Server คอ โปรแกรมทท าหนาเปน Web Server

- MySQL Database คอ โปรแกรมทท าหนาเปน Database Server

- PHP Hypertext Preprocessor คอ โปรแกรมทท าหนาประมวลผลการท างานของภาษา PHP

- phpMyAdmin คอ โปรแกรมทใชในการบรหารจดการฐานขอมล MySQL ผาน

เวบไซต เมอท าการเลอก Package เรยบรอยแลว ใหกด Next เพอเขาสขนตอนการตดตงตอไป

รปท 4.4

5. ก าหนดคาคอนฟกของ Apache Web Server มอยดวยกนทงหมด 3 สวน คอ

Server Name คอชองส าหรบปอนขอมลชอ Web Server ของทาน

เชน www.appservnetwork.com

Admin Email คอชองส าหรบปอนขอมล อเมลผดแลระบบ เชน root@appservnetwork.com

HTTP Port คอชองส าหรบระบ Port ทจะเรยกใชงาน Apache Web Server โดยทวไปแลว Protocol HTTP

นนจะมคาหลกคอ 80 หากวาทานตองการหลกเลยงการใช Port 80 กสามารถแกไขไดหากมการเปลยนแปลง

Port การเขาใชงาน Web Server แลว ทกครงทเรยกใชงานเวบไซตจ าเปนทตองระบหมายเลข Port ดวย เชน

หากเลอกใช Port 99 ในการเขาเวบไซตทกครงตองใช http://www.appservnetwork.com:99 จงจะสามารถ

เขาใชงานได

รปท 4.5

6. ก าหนดคาคอนฟกของ MySQL Database มอยดวยกนทงหมด 3 สวน คอ Root Password คอชองส าหรบปอน รหสผานการเขาใชงานฐานขอมลของ Root หรอผดแลระบบทกครงทเขาใชงานฐานขอมลในลกษณะทเปนผดแลระบบ ใหระบ user คอ root Character Sets ใชในการก าหนดคาระบบภาษาทใชในการจดเกบฐานขอมล, เรยงล าดบฐานขอมล,Import ฐานขอมล, Export ฐานขอมล, ตดตอฐานขอมล Old Password หากทานมปญหาเกยวกบการใชงาน PHP กบ MySQL API เวอรชนเกาโดยเจอ Error Client does not support authentication protocol requested by server; consider upgrading MySQL clientใหเลอกในสวนของ Old Password เพอหลกเลยงปญหาน Enable InnoDB หากทานตองการใชงานฐานขอมลในรปแบบ InnoDB ใหเลอกในสวนนดวย

รปท 4.6

7. สนสดขนตอนการตดตงโปรแกรม AppServ ส าหรบขนตอนสดทายนจะมใหเลอกวาตองการสงใหม

การรน Apache และ MySQL ทนทหรอไม จากนนกดปม Finish เพอเสรจสนการตดตงโปรแกรม AppServ

รปท 4.7

ขนตอนกำรตดตงโปรแกรม Dreamweaver

1. คลกทรปไอคอน Dreamweaver ทโหลดมา

2. อานรายละเอยดและกดยอมรบ (Accept)

รปท 5.1

3. เลอกพนทในดสกทตองการตดตงโปรแกรมแลวกด Next

รปท 5.2

4. โปรแกราจะสรปเพอเตรยมเขาสขนตอนการตดตง ใหอานรายละเอยด แลวกด Install >

รปท 5.3

5. ก าลงตดตงโปรแกรม

รปท 5.4

6. โปแกรมตดตงเสรจแลว กด Finish

รปท 5.5

ฐำนขอมลทน ำมำใชใน Project

ขนตอไปเลอก ตาราง ทจะน ามาใชใน Project ม Table ทน ามาใชดงน

Database Name sumetdesign

Table customer ใชเกบขอมลลกคา

รปท 6.1

Table customerservice ใชเกบขอมลลกคาทใชบรการ

รปท 6.2

Table evaluate เกบคะแนนการประเมนของลกคาแตละคน

รปท 6.3

Table question เกบค าถามการประเมน

รปท 6.4

Table service เกบจ านวนครงของการใหบรการแตละประเภท

รปท 6.5

Table login ใชเกบ username password ส าหรบเขาใชระบบ

รปท 6.6

กำรออกแบบหนำจอ

การออกแบบหนาจอ บอกใหถงหนาหลก ๆ ทส าคญและบอกรายละเอยดคราว ๆ ของหนาจอแตละ

หนา

กำรออกแบบหนำจอ

หนำ index.php เปนหนำทใชแสดงขอมลลกคำ

Username: Password:

Header

ล าดบ ชอ-นามสกล รายละเอยดการบรการ

ขอมล ขอมล ขอมล

Footer

รปท 7.1

หนำ admininde.php เปนหนำท admin ของระบบใชงำนหลงจำกท ำกำร login เขำสระบบแลว

Header

ดคะแนนประเมน | ดรายการบรการ | เปลยนค าถามประเมน | เพมลกคา

ล าดบ ชอ-นามสกล ทอย เบอรโทร รายละเอยดบรการ

ลบขอมล

ขอมล ขอมล ขอมล ขอมล คลกด คลกด

Footer

รปท 7.2

หนำ showservicecustomeradmin.php ใชแสดงรำยละเอยดกำรบรกำร

Header

รำยละเอยดกำรบรกำรลกคำ ขอมลลกคา

บรกำรทลกคำเลอกใช ขอมลการบรการ

แบบประเมนบรกำร

ค ำถำมแบบประเมน คะแนนกำรประเมน ค าถาม คะแนน

Footer

รปท 7.3

หนำ addcustomerservice.php ใชในกำรเพมกำรบรกำรลกคำ

Header

เพมการบรการลกคา ชอ นามสกล

หมายเลขโทรศพท อเมลล

รปแบบบรการ รหสบรการ การบรการ เลอกบรการทใช ขอมล ขอมล

แบบสอบถามประเมนการท างาน ค าถามแบบประเมน คะแนนการประเมน

ค าถาม 5

Footer

รปท 7.4

หนำ editquest.php เปนหนำทใชในกำรเปลยนค ำถำมแบบประเมน

Header

ค าถามท 1

Footer

รปท 7.5

ยนยนการเปลยนค าถาม

หนำ countserviceadmin.php เปนหนำทใชแสดงจ ำนวนครงของกำรใชบรกำรแตละประเภท

Header

บรการทลกคาเลอกใช

รหสการบรการ รปแบบบรการ จ านวนครงทลกคาใชบรการ

รปแสดงผลของ กรำฟ

Footer

รปท 7.6

หนำ showevaluatealladmin.php ใชในกำรดคะแนนกำรประเมนทงหมด

Header

คะแนนการประเมนทงสน ล าดบ ค าถามท1 ค าถามท2 ค าถามท3 ค าถามท4 ค าถามท5

คะแนนเฉลย

Footer

รปท 7.7

เรมเขยนโปรแกรม

หลงจากทสราง database และออกแบบหนาจอเรยบรอยแลว จะเรมเขยนโปรแกรมโดยการใช

Adobe Dreamweaver CS3 ดงน

เรมตนกำรเขยน

หนำ addcusservice.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname3 = "service";

$tblname4 = "customerservice";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////

include "connect.php";

////////////////////

$submit = $_POST[submit];

$cusid = $_POST[cusid];

$cusname = $_POST[cusname];

$cussurname = $_POST[cussurname];

$address = $_POST[address];

$tel = $_POST[tel];

$email = $_POST[email];

////////////////////

$serviceid1 = $_POST[serviceid1];

////////////////////

$evaid = $_POST[evaid];

$pointquestion1 = $_POST[pointquestion1];

//////////////////////////////////////////////////////////////////////////////////////////////////////

$sql = "insert into $tblname1 (cusid, cusname, cussurname, address, tel, email )

values

('$cusid', '$cusname', '$cussurname',

'$address', '$tel', '$email')";

$dbquery = mysql_db_query($dbname, $sql);

//////////////////////////////////////////////////////////////////////////////////////////////////////

$sql = "insert into $tblname2 (evaid, cusid, pointquestion1, pointquestion2, pointquestion3,

pointquestion4, pointquestion5)

values

('$evaid', '$cusid', '$pointquestion1',

'$pointquestion2', '$pointquestion3', '$pointquestion4', '$pointquestion5')";

//////////////////////////////////////////////////////////////////////////////////////////////////////

$sql = "insert into $tblname4 (cusid, serviceid1, serviceid2, serviceid3, serviceid4, evaid )

values

('$cusid', '$serviceid1', '$serviceid2',

'$serviceid3', '$serviceid4', '$evaid')";

//////////////////////////////////////////////////////////////////////////////////////////////////////

if($serviceid1 == 1){

$sql = "select * from $tblname3 where serviceid='$serviceid1'";

$row = mysql_fetch_array($dbquery);

$countservice = $row[countservice]+1;

$sql = "update $tblname3 set serviceid=serviceid, countservice='$countservice' where

serviceid=$serviceid1";

//////////////////////////////////////////////////////////////////////////////////////////////////////

echo "<meta http-equiv=\"refresh\"

content=\"1;URL=http://localhost:8080/sumetdesign/adminindex.php\">";

</body>

</html>

หนำ addcustomerservice.php

<? session_start();

if($_SESSION['logid'] != ""){

/////////////////////////////// ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>เพมขอมลลกคา</title>

</head>

<body>

$tblname5 = "question";

////////////////////

$sql = "select max(cusid) as customerid from $tblname1 ";

$dbquery = mysql_query($sql);

$cusid = $row["customerid"];

$customerid = $cusid+1;

///////////////////////////////////////////////

$sql = "select max(evaid) as evaluateid from $tblname2 ";

$dbquery = mysql_query($sql);

$evaid = $row["evaluateid"];

$evaluateid = $evaid+1;

///////////////////////////////////////////////////////ค าถาม 1

$sql = "select * from $tblname5";

$questiondetail1 = $row['questiondetail1'];

///////////////////////////////////////////////////////

<? include ("inc.header.php"); ?>

<h2>เพมการบรการของลกคา</h2>

<td colspan="4" align="left"><h2>รหสลกคา :<? echo " ".$customerid?></h2></td>

<td width="15%" align="left"><h3>นามสกล :</h3></td>

<td colspan="3" align="left"><textarea name="address" id="address" cols="50"

rows="3"></textarea></td>

<td align="right"><h3>หมายเลขโทรศพท :</h3></td>

<td align="right"><h3>Email :</h3></td>

</table>

รปแบบบรการ

<td>รหสบรการ</td>

<td>การบรการ</td>

<td>เลอกบรการทใช</td>

<td>ตดตงผามาน</td>

<td>ตดตงวอลลเปเปอร</td>

<td>ตดตงพรม</td>

<td>ตดตงฉากกนหอง</td>

</table><br>

แบบสอบถามประเมนการท างาน

<td width="72%">ค าถามแบบประเมน</td>

<td width="28%">คะแนนการประเมน 0-5 คะแนน</td>

</select>

</table>

</form>

<? include ("inc.backadmin.php") ?>

<? include ("inc.footer.php"); ?>

</table>

</body>

</html>

<? }else{ echo "<meta http-equiv=\"refresh\" content=\"0;URL=loginerror.php\" />"; } ?>

หนำ adminindex.php

<? session_start();

/////////////////////////////// ?>

<head>

<title>ยนดตอนรบ admin เขาสระบบจดการลกคา</title>

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

function confirmDelete(delUrl) {

if (confirm("คณตองการลบขอมลนหรอไม")) {

document.location = delUrl;

</script>

</head>

$tblname = "customer";

//////////////

//////////ท า next page //////////////////

$lpp = 10;

$p = $_GET['p'];

if (!$p)

$p = 1;

$result = mysql_query("SELECT COUNT(*) a FROM $tblname");

$object = mysql_fetch_object($result);

$allrec = $object->a;

@mysql_free_result($result);

unset($object);

unset($result);

$allpage = ceil($allrec/$lpp);

if ($p > $allpage)

$p = $allpage;

if ($p < 1)

$p = 1;

$startrec = ($p - 1) * $lpp;

<div align="right"><a href="logout.php" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('Image7','','images/logout2.png',1)"><img src="images/logout1.png"

alt="logout" name="Image7" width="50" height="50" border="0" id="Image7" /></a>

</div>

<h3>รายชอลกคาทใชบรการกบทางราน</h3>

<td width="50%" align="right"><a href="showevaluatealladmin.php"><img src="images/evaluate.jpg"

width="40" height="40" alt="ดคะแนนการประเมน"/><br>ดคะแนนการประเมน</a></td>

<td width="14%" align="right"><a href="countserviceadmin.php"><img src="images/Search-icon.png"

width="40" height="40" alt="ดรายการบรการ"/><br>ดรายการบรการ</a></td>

<td width="20%" align="right"><a href="editquest.php"><img src="images/editquest.jpg" width="40"

height="40" alt="เปลยนค าถามแบบประเมน"/><br>เปลยนค าถามแบบประเมน</a></td>

<td width="16%" align="right"><a href="addcustomerservice.php"><img src="images/addcus.png"

width="40" height="40" alt="เพมการบรการลกคา"/><br>

เพมการบรการลกคา</a></td>

</table><br>

<td width="22%">ชอ-นามสกล</td>

<td width="36%">ทอยลกคา</td>

<td width="11%">เบอรโทรศพท</td>

<td width="12%">รปแบบบรการ</td>

<td width="9%">ลบขอมล</td>

$i = 0;

$sql = "select * from $tblname ORDER BY cusid DESC LIMIT $startrec, $lpp";

$result = mysql_query($sql);

$cusid = $row['cusid'];

$cusname = $row['cusname'];

$cussurname = $row['cussurname'];

$address = $row['address'];

$tel = $row['tel'];

//////////////////////////////////

<td><A href="showservicecustomeradmin.php?cusid=<?=$cusid?>"><img src="images/lookservice.png"

width="40" height="40" alt="ดรายการใหบรการ"/><br></A></td>

<td><a href="javascript:confirmDelete('deletecus.php?cusid=<?=$cusid?>')"><img

src="images/deletecus.png" width="40" height="40" alt="ลบขอมลน"></a></td>

</table><br>

if ($p > 1)

echo "[<a href=$PHP_SELF?p=".($p-1).">prev</a>] ";

echo "[prev]";

for ($i = 1; $i <= $allpage; $i++) {

if ($i == $p)

echo " $i ";

echo "<a href=$PHP_SELF?p=".($i)."> $i </a>";

if ($p < $allpage)

echo "[<a href=$PHP_SELF?p=".($p+1).">next</a>] ";

echo "[next]";

</table>

</body>

</html>

หนำ check.php

session_start();

///////////////////////////////////////////

$tblname = "login"; //ชอตาราง

// ค าสง SQL และสงใหท างาน

$sql = "select * from $tblname where username='$username_log' and password='$password_log'"; //เชค

คาขอมลทสงมาจากฟอรม

$_SESSION["logid"] = $row["logid"];

// หาจ านวนเรกคอรดขอมล

$num_rows = mysql_num_rows($dbquery);

if($row['status'] == "ADMIN"){

header("location:http://localhost:8080/sumetdesign/adminindex.php"); //ไปไปตามหนาทคณตองการ

}else {

header("location: loginerror.php"); //ไมถกตองใหกบไปหนาเดม

/////////////////////////////////////////////////////////////////////////

หนำ connect.php

mysql_query("SET character_set_results=utf8");

mysql_query("SET character_set_client=utf8");

mysql_query("SET character_set_connection=utf8");

หนำ countservice.php

<head>

<title>แสดงรายการบรการลกคาทงสน</title>

</head>

<body>

////////////////////////////////////////////////////

include ("connect.php");

<h3>บรการทลกคาเลอกใช</h3>

<td><b>รหสการบรการ</b></td>

<td><b>รปแบบบรการ</b></td>

<td><b>จ านวนครงทลกคาใชบรการ</b></td>

while($row = mysql_fetch_array($dbquery)){

$serviceid = $row['serviceid'];

$servicedetail = $row['servicedetail'];

$countservice = $row['countservice'];

<? } ?>

</table>

<? include ("inc.back.php") ?>

</table>

</body>

</html>

หนำ countserviceadmin.php

<? session_start();

/////////////////////////////// ?>

<head>

<title>แสดงรายการบรการลกคาทงสน</title>

</head>

<body>

////////////////////////////////////////////////////

<td><b>รหสการบรการ</b></td>

<td><b>รปแบบบรการ</b></td>

<td><b>จ านวนครงทลกคาใชบรการ</b></td>

$serviceid = $row['serviceid'];

$servicedetail = $row['servicedetail'];

$countservice = $row['countservice'];

//////////////////////////////////////////

<? } ?>

</table>

</table>

</body>

</html>

หนำ deletecus.php

<head>

</head>

<body>

////////////////////////////////////////////////////

$sql = "delete from $tblname1 where cusid='$cusid'";

////////////////////////////////////////////////////

</body>

</html>

หนำ editquest.php

<? session_start();

/////////////////////////////// ?>

<head>

<title>แกไขค าถาม</title>

</head>

<body>

////////////////////

///////////////////////////////////////////////////////

$questionid = $row['questionid'];

///////////////////////////////////////////////////////

<h2>เปลยนค าถามแบบประเมน</h2><br><br><br>

<td align="right"><b>ค าถามท 1</b></td>

<input type="text" name="questiondetail1" id="questiondetail1" size="100"

value="<?=$questiondetail1?>">

</table>

</form>

</table>

</body>

</html>

หนำ graphservice.php

include ("jpgraph-3.5.0b1/src/jpgraph.php");

include ("jpgraph-3.5.0b1/src/jpgraph_bar.php");

////////////////////////////////////////////////////

$datay=array();

while($row = mysql_fetch_array($dbquery))

$datay[] = $row["countservice"];

// Create the graph.

$graph = new Graph(650,500);

$graph->SetScale("textlin");

$graph->xaxis->title->Set("Serviceid");

$graph->xaxis->title->SetFont(FF_ARIAL,FS_BOLD,15);

$graph->yaxis->title->Set("Count of Service");

$graph->yaxis->title->SetFont(FF_ARIAL,FS_BOLD,15);

$graph->SetMarginColor('navy:1.9');

$graph->SetBox();

$graph->title->Set('Show Service Coustomer');

$graph->title->SetFont(FF_ARIAL,FS_BOLD,20);

$graph->SetTitleBackground('lightblue:1.3',TITLEBKG_STYLE2,TITLEBKG_FRAME_BEVEL);

$graph->SetTitleBackgroundFillStyle(TITLEBKG_FILLSTYLE_HSTRIPED,'orange','yellow');

// Create a bar pot

$bplot = new BarPlot($datay);

$bplot->SetFillColor('black');

$bplot->SetWidth(0.6);

$graph->xaxis->SetFont(FF_ARIAL,FS_BOLD,20);

$graph->xaxis->SetLabelAngle(2);

$bplot->SetPattern(PATTERN_CROSS1,'navy');

$graph->Add($bplot);

$graph->Stroke();

หนำ inc.back.php

หนำ inc.backadmin.php

<a href="adminindex.php"><img src="images/home.jpg" width="40" height="40" alt="กลบสหนา

หลก"></a>

หนำ inc.header.php

หนำ inc.footer.php

หนำ index.php

<head>

<title>sumet-design บรการตกแตงภายในบาน</title>

</head>

<body>

$tblname = "customer";

//////////////

$lpp = 10;

$p = $_GET['p'];

if (!$p)

$p = 1;

$result = mysql_query("SELECT COUNT(*) a FROM $tblname");

$object = mysql_fetch_object($result);

$allrec = $object->a;

@mysql_free_result($result);

unset($object);

unset($result);

$allpage = ceil($allrec/$lpp);

if ($p > $allpage)

$p = $allpage;

if ($p < 1)

$p = 1;

$startrec = ($p - 1) * $lpp;

Username :

Password :

</form>

<td align="right"><a href="showevaluateall.php"><img src="images/evaluate.jpg" width="50"

height="50" alt="ดคะแนนการประเมน"/><br>ดคะแนนการประเมน</a></td>

<a href="countservice.php"><img src="images/Search-icon.png" width="50" height="50" alt="ดรายการ

บรการ"/><br>ดรายการบรการ</a>

</table>

<h3>รายชอลกคาทใชบรการกบทางราน</h3>

<td width="53%">ชอ-นามสกล</td>

<td width="27%">ดแบบประเมนความพงพอใจ</td>

$i = 0;

$sql = "select * from $tblname ORDER BY cusid DESC LIMIT $startrec, $lpp";

$result = mysql_query($sql);

$cusid = $row['cusid'];

//////////////////////////////////

<td><A href="showservicecustomer.php?cusid=<?=$cusid?>"><img src="images/lookservice.png"

width="40" height="40"></A></td>

</table><br>

if ($p > 1)

echo "[<a href=$PHP_SELF?p=".($p-1).">prev</a>] ";

echo "[prev]";

for ($i = 1; $i <= $allpage; $i++) {

if ($i == $p)

echo " $i ";

echo "<a href=$PHP_SELF?p=".($i)."> $i </a>";

if ($p < $allpage)

echo "[<a href=$PHP_SELF?p=".($p+1).">next</a>] ";

echo "[next]";

allowfullscreen></iframe>

</table>

</body>

</html>

หนำ loginerror.php

<head>

</head>

<body>

<h1>หนานใชไดเฉพาะ Admin เทานน<br><br>

</table>

</body>

</html>

หนำ logout.php

session_start();

session_destroy();

header("location:index.php");

หนำ showevaluateall.php

<head>

<title>แสดงคะแนนการประเมนทงหมด</title>

</head>

<body>

////////////////////////////////////////////////////

///////////////////////////////////////////////////////

<h2>คะแนนการประเมนทงสน</h2>

คะแนนเตม 5 คะแนน

<td><b><?=$questiondetail1?> / คะแนน</b></td>

$pointquestion1 = $row['pointquestion1'];

///////////////////////////////////////////////////////

$pointquestiontotal1 += $pointquestion1;

///////////////////////////////////////////////////////

$pointquestiontotals1 = $pointquestiontotal1/$i;

///////////////////////////////////////////////////////

$pointquestiontotals1 = number_format($pointquestiontotals1, 2, '.', '');

///////////////////////////////////////////////////////

<td><b>คะแนนเฉลย</b></td>

</table>

<? include ("inc.back.php"); ?>

</table>

</body>

</html>

หนำ showevaluatealladmin.php

<head>

<title>แสดงคะแนนการประเมนทงหมด</title>

</head>

<body>

////////////////////////////////////////////////////

///////////////////////////////////////////////////////

<h2>คะแนนการประเมนทงสน</h2>

คะแนนเตม 5 คะแนน

///////////////////////////////////////////////////////

<td><b>คะแนนเฉลย</b></td>

</table>

<? include ("inc.backadmin.php"); ?>

</table>

</body>

</html>

หนำ showservicecustomer.php

<head>

<title>รปแบบบรการ</title>

</head>

<body>

////////////////////

$sql = "select * from $tblname1 where cusid='$cusid'";

$tel = $row['tel'];

$email = $row['email'];

///////////////////////////////////////////////////////

$serviceid1 = $row['serviceid1'];

$evaid = $row['evaid'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname2 where evaid='$evaid'";

///////////////////////////////////////////////////////

$serviceid1 = $row['servicedetail'];

///////////////////////////////////////////////////////

<h2>รายละเอยดการบรการลกคา</h2>

ชอ - นามสกล

คณ<?=$cusname." "." ".$cussurname?>

ทอย

<?=$address?>

เบอรโทรศพท

<?=$tel?>

อเมล

<?=$email?>

</table>

<table>

<?=$serviceid1?>

<?=$serviceid2?>

<?=$serviceid3?>

<?=$serviceid4?>

</table>

<h2>แบบประเมนการบรการ</h2>

ค าถามแบบประเมน

คะแนนการประเมน

<?=$questiondetail1?>

<?=$pointquestion1?>

</table>

<? include ("inc.back.php") ?>

</table>

</body>

</html>

หนำ showservicecustomeradmin.php

<? session_start();

/////////////////////////////// ?>

<head>

<title>รปแบบบรการ</title>

</head>

<body>

////////////////////

$tel = $row['tel'];

$email = $row['email'];

///////////////////////////////////////////////////////

$evaid = $row['evaid'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname2 where evaid='$evaid'";

///////////////////////////////////////////////////////

<h2>รายละเอยดการบรการลกคา</h2>

ชอ - นามสกล

คณ<?=$cusname." "." ".$cussurname?>

ทอย

<?=$address?>

เบอรโทรศพท

<?=$tel?>

อเมล

<?=$email?>

</table>

<table>

<?=$serviceid1?>

<?=$serviceid2?>

<?=$serviceid3?>

<?=$serviceid4?>

</table>

<h2>แบบประเมนการบรการ</h2>

ค าถามแบบประเมน

คะแนนการประเมน

</table>

</table>

</body>

</html>

หนำ updatequest.php

<head>

</head>

<body>

////////////////////

$questionid = $_POST[questionid];

$questiondetail1 = $_POST[questiondetail1];

////////////////////////////////////////////////////////////////////////////////

$sql = "update $tblname1 set questionid=questionid, questiondetail1='$questiondetail1',

questiondetail2='$questiondetail2', questiondetail3='$questiondetail3', questiondetail4='$questiondetail4',

questiondetail5='$questiondetail5' where questionid=$questionid";

////////////////////////////////////////////////////////////////////////////////

</body>

</html>

บทท 4

ผลกำรด ำเนนงำน

ผลกำรศกษำ

จากการทไดท าการศกษาหาขอมลจากพ ๆ ทมความรมประสบการณภายในเขตอตสาหกรรม

ซอฟตแวรประเทศไทย และจากอาจารยทปรกษา รวมทงการหาขอมลตาง ๆ จากแหลงความร ท าใหไดรบ

ความรในดานการเขยนโปรแกรม จนสามารถสรางเปนระบบการบรการลกคาของทางรานสเมธดไซน

รวมถงไดใชเทคนคตาง ๆ เชนการตกแตงใหสวยงาม การเพมลกเลนโดยใชภาษา JavaScript ซงท าใหได

เทคนคเหลานนมาเพอชวยน ามาประยกตใชใหระบบมลกเลนและความสมบรณแบบ ดงตอไปน

หนา index.php

รปท 8.1

สวนทใช login เขาสระบบ

รปท 8.2

หนา adminindex.php

รปท 8.3

ป ม ดการบรการ

รปท 8.4

หนา showservicecustomeradmin.php

รปท 8.5

ป ม ดคะแนนการประเมน

รปท 8.6

หนา showevaluatealladmin.php

รปท 8.7

ป ม ลบขอมลลกคา

รปท 8.8

รปท 8.9

ป มเปลยนค าถามการประเมน

รปท 8.10

หนา editquest.php

รปท 8.11

ป ม ดรายการบรการทงหมด

รปท 8.12

หนา countserviceadmin.php

รปท 8.13

ป มเพมการบรการลกคา

รปท 8.14

หนา addcustomerservice.php

รปท 8.15

วเครำะหผลกำรศกษำ

ภาษา PHP นนไดรบการพฒนาและออกแบบมาเพอใหใชงานในการสรางเอกสารแบบ HTML โดย

สามารถสอดแทรกหรอแกไขเนอหาไดโดยอตโนมต เปนเครองมอทส าคญชนดหนง ทชวยใหสามารถสราง

เอกสารแบบ Dynamic HTML ไดอยางมประสทธภาพและมลกเลนมากขน และมสวนเชอมตอกบเครองมอ

ชนดอน เชน ตดตอกบคลงขอมลหรอ Database ดวยเหตผลทงหมดทกลาวมาจงท าใหภาษา PHP ไดรบ

ความนยมอยางแพรหลาย

จากการทขาพเจาไดจดท าระบบการบรการลกคาขนมานน เพอทจะเรมตนใหผใชงานเขาใจการ

ท างานของโปรแกรม Adobe Dreamweaver CS5 , Appserv และภาษา PHP สามารถตดตงโปรแกรม

ก าหนดคาของการใชงาน มความรความเขาใจในโคดตาง ๆ ดวยตนเอง โดยเรมจากการ เขยนโคด PHP

พนฐาน การหาขอมลและการศกษาของโคดเบองตนกอนการเขยนโคด PHP และ JavaScript ผทจะเรมใช

งานนนสามารถฝกเขยนโคดตาง ๆ ไดดวยตนเอง โดยเรมจากโคด PHP พนฐานและสงทส าคญอกยางหนง

คอ ความรความเขาใจเกยวกบฐานขอมล (Appserv) และโปรแกรม Adobe Dreamweaver ซงตองมทง 2 สง

นควบคกนไป

ซงผลของการศกษาน ท าใหขาพเจาไดเรยนรการท างานรวมกบผใชงานจรงและประสบการณจรง

ในการท าระบบนขนมา และ ท าใหขาพเจาสามารถน าความรทไดรบจากการท าโครงงานนสามารถน าความร

ทไดรบจากการฝกฝน ศกษาหาความรจากวธการใชโคด การใชโปรแกรมตาง ๆ เพอทจะน ามาใชสราง

ระบบตางๆ ไดอกมากมาย จากการศกษาในครงน ท าใหน าความรทไดมาใชใหเกดประโยชนในสวนของ

ความช านาญในการท างาน การใชโคดภาษาตาง ๆ ทเกยวกบการใชสรางระบบ อกทงยงสามารถน าความรท

ไดรบมานนมาใชในกาท างานจรง และ สามารถไปใชในชวตประจ าวนไดอกดวย

บทท 5

บทสรปผลและขอเสนอแนะ

สรปผลกำรศกษำ

จากการทขาพเจาไดสรางระบบบรการลกคาของรานผประกอบการขนมานน ท าใหขาพเจาไดเรยนรใน

กระบวนการท างานตาง ๆ ทไดเรยนและศกษามานน ไดน ามาประยกตใชในการสรางระบบ ตงแตในสวน

ของการวเคราะหและออกแบบ การเกบรวบรวมขอมล ความตองการของผใชงาน การออกแบบการจดการ

ฐานขอมล และการน าโคดภาษาตาง ๆ นนเขามาประยกตใชกบการสรางออกแบบระบบขน เพอใหเปน

ระบบทมประสทธภาพสามารถใหระบบนใชงานไดจรงและมความถกตองในการด าเนนการ ซงพอจะ

สรปผลการด าเนนการไดดงน

1. ระบบบรการลกคาสามารถลดภาระของพนกงานในการเกบขอมล

2. ระบบบรการลกคาสามารถชวยใหธรกจประหยดตนทนและเวลา

3. ระบบบรการลกคาสามารถชวยลดความผดพลาดทเกดขน

4. ระบบบรการลกคาใหความสะดวกในการเกบขอมล ของลกคาแตละคนไดอยางถกตองครบถวน

5. ไดรจกการใชโปรแกรม Adobe Dreamweaver , Appserv และภาษา PHP ไดอยางมประสทธภาพ

6. ไดเรยนรและมประสบการณจรงในการท างาน ไดรบประโยชนหลาย ๆ อยางจากการเขยน

โปรแกรมระบบบรการลกคา

ขอเสนอแนะ

จากการสรางระบบบรการลกคา ผพฒนามขอเสนอแนะ ดงน

1. การสรางระบบควรมการก าหนดจดประสงคใหแนนอนกอน

2. ผศกษาควรศกษาคนควา ท าความเขาใจกบวธการใชงานของโปรแกรมและโคดตาง ๆ เพอน ามา

พฒนาการเขยนโปรแกรมหรอเปนการตอยอดของโปรแกรมนน ๆ ตองหมนเรยนรและใหความ

สนใจในการใชโปรแกรมและการเขยนโคดเปนประจ าเพอใหเกดความช านาญและคนเคยกบ

โปรแกรมและโคดไดเปนอยางด

3. ผศกษาควรมการศกษาหาความรเพมเตมเกยวกบระบบทพฒนาอยสม าเสมอ

4. ควรมการเตรยมความพรอมในการเจอปญหาเฉพาะหนา เพราะการสรางหรอพฒนาระบบมาใหม

นนอาจจะเจอปญหาไมคาดคดได

5. ระบบจะมประสทธภาพมากทสด คอ ผใชงานระบบมความพงพอใจ มความงายตอการใชงานระบบ

ดงนนการพฒนาระบบจงตองวเคราะหความตองการของ ผใชงานโดยตรง

เอกสำรอำงอง

PHP MySQL

http://www.thaicreate.com

การตดตง Appserv

http://www.appservnetwork.com/modules.php?name=Content&pa=showpage&pid=4

การตดตง Dreamweaver

http://www.thaigoodview.com/library/contest2552/type2/tech04/47/page/2_setup.html

ภำคผนวก

คมอกำรใชงำนระบบเพมยอดขำยสนคำของผประกอบกำร

การใชงานระบบเพมยอดขายสนคามขนตอนตาง ๆ ดงน

1. Download Appservโดยเขาไปทเวบไซต http://www.appservnetwork.com ขนตอน Download และ

ตดตงไดกลาวไวหนา

2. มไฟลระบบขายสนคา ชอวา sumetdesign

3. Copy โฟลเดอร sumetdesign หลงจากนนเขาไปท Local Disk (C:) จะเจอโฟลเดอร Appservดบเบล

คลกเขาไป

รปท 9.1

4. จากนนดบเบลคลกไปทโฟลเดอร www

รปท 9.2

5. Past โฟลเดอร sumetdesign ลงไปยงโฟลเดอร www เสรจขนตอน

รปท 9.3

เขาไปดขอมลท

http://localhost:8080/phpMyAdmin/ ลอกอนเขาสระบบ username คอ root และ password คอ 1234

จะพบฐานขอมลทน าเขาไว ทชอ sumetdesign

รปท 9.4

เรมใชงานโปรแกรมโดยพมพ http://localhost:8080/sumetdesign/index.phpทชองโดเมนเนม จะไดระบบ

บรการลกคา พรอมใชงานทนท

รปท 9.5

ชนดของขอมลทเกบรายละเอยดอน ๆ ภายในโปรแกรม Appserv มดงน

ฟลดส าหรบใสชอฟลด

ชนดส าหรบเลอกชนดของขอมลทตองการเกบในฟลดนน

ความยาว/เชต ส าหรบก าหนดขนาดของขอมล

แอททรบวตส าหรบเลอกลกษณะเฉพาะของขอมลทจะเกบ

คาวางเปลา (Null) ส าหรบเลอกวาฟลดนนสามารถใสคาวางไดหรอไม

คาปรยาย ส าหรบก าหนดคาเรมตนของฟลด (Default)

เพมเตม ส าหรบก าหนดคาเพมเตม เชน กรณทฟลดเกบขอมลจ านวนตวเลขจ านวนเตม (Int)

สามารถเลอกใหเพมคาอตโนมต (Auto_increment) ไดเปนตน

ไพรมารเลอกเมอตองการก าหนดใหฟลดนนเปนฟลดหลก (Primary key)

ดชนเลอกเมอตองการสรางฟลดนนเปนดชน (index)

เอกลกษณเลอกเมอตองการใหฟลดนน (Unique)

ตอไปเปนค าอธบายของชนดขอมลแตละชนดทสามารถเลอกได

ประเภทขอมลจ ำนวนเตม

ประเภท ชวงขอมล การเกบ (ไบต) ค าอธบาย

TINYINT [(M)] -127..128

หรอ 0..255

1 จ านวนเตมขนาดเลกมาก

SMALLINT [(M)] -32768..32767

หรอ 0..65535

2 จ านวนเตมขนาดเลก

MEDIUMINT [(M)] -8388608.. 8388607

หรอ 0.. 16777215

3 จ านวนเตมขนาดกลาง

INT [(M)] -2 31 .. 2 31 -1

หรอ 0.. 2 32 -1

4 จ านวนเตมปกต

INTEGER [(M)] ชอเดยวกบ INT

BIGINT [(M)] -2 63 .. 2 63 -1

หรอ 0.. 2 64 -1

8 จ านวนเตมปกต

ประเภทขอมลทศนยม

ประเภท ชวงขอมล การเกบ (ไบต) ค าอธบาย

FLOAT ( precision) ขนกบ precision แปรผน สามารถระบเปน Single หรอ

Double

FLOAT [(M,D)] ?1.175494351E-38

?3.402823466E+38

4 ขนาด Single เทยบเทากบ

FLOAT (4) แตระบการแสดง

ความกวางและจ านวนทศนยม

DOUBLE [(M,D)] ?1.7976931348623157E+308

?2.2250738585072014E-308

8 ขนาด Double เทยบเทากบ

FLOAT (8) แตระบการแสดง

ความกวางและจ านวนทศนยม

DOUBLE

PRECISION [(M,D)]

เทากบ DOUBLE ชอเดยวกบ DOUBLE [(M,D)]

REAL [(M,D)] เทากบ DOUBLE ชอเดยวกบ DOUBLE [(M,D)]

DECIMAL[(M [,D])] แปรผน M+2 จ านวนทศนยมทจดเกบเปน

char ชวงขอมลขนกบ M และ

แสดงความกวาง

NUMERIC [(M,D)] เทากบ NUMERIC ชอเดยวกบ NUMERIC

ประเภทขอมลวนทและเวลำ

ประเภท ชวงขอมล ค าอธบาย

DATE 1000-01-01

9999-12-31

วนท แสดงเปน YYYY-MM-DD (ป เดอน วน)

TIME -838 :59:59

838 :59:59

เวลา แสดงเปน HH:MM:SS (ชวโมง นาท วนาท)

หมายเหต ชวงขอมลกวางกวาความตองการใช

DATETIME 1000-01-01 00 :00:00

9999-12-31 23:59:59

วนทและเวลา แสดงเปน YYYY-MM-DD

HH:MM:SS (ป เดอน วน ชวโมง นาท วนาท)

TIMESTAMP [(M)] 1970-01-01 00:00:00

บางกรณเปน 2037 timestamp

timestamp ใชกบรายงานทรานแซคชน รปแบบ

การแสดงขนกบคาของ M

ชวงขอมลดานบน ขนกบ UNIX

YEAR 70 – 69 (1970 – 2069)

1901 – 2155

ป สามารถระบเปนรปแบบ 2 หรอ 4 ต าแหนง แต

ละรปแบบมชวงขอมลตางกน

ประเภทขอควำมธรรมดำ

ประเภท ชวงขอมล ค าอธบาย

[NATIONAL]

CHAR (M) [BINARY]

1 ถง 255 ตวอกษร ความยาวตายตวตาม M โดย M อยระหวาง 1 ถง

255 คยเวรด NATIONAL ระบชดตวอกษรเรมตน

นเปนคาเรมตนใน MySQL แตรวมอยในมาตรฐาน

ANSI SQL คยเวรด BINARY ระบขอมลตอง

ไดรบการปฏบตเปนไมใช case sensitive (คา

เรมตนเปน case sensitive )

[NATIONAL]

VARCHAR (M)

[BINARY]

1 ถง 255 ตวอกษร เหมอนกบ CHAR ยกเวนความยาวแปรผน

ประเภทขอมล TEXT และ BLOB

ประเภท ชวงความยาวมากทสด (ตวอกษร) ค าอธบาย

TINYBLOB 2 8 -1 (คอ 255) ฟลด BLOB ขนาดเลก

TINYTEXT 2 8 -1 (คอ 255) ฟลด TEXT ขนาดเลก

BLOB 2 16 -1 (คอ 65,535) ฟลด BLOB ขนาดปกต

TEXT 2 16 -1 (คอ 65,535) ฟลด TEXT ขนาดปกต

MEDIUMBLOB 2 24 -1 (คอ 16,777,215) ฟลด BLOB ขนาดกลาง

MEDIUMTEXT 2 24 -1 (คอ 16,777,215) ฟลด TEXT ขนาดกลาง

LONGBLOB 2 32 -1 (คอ 4,294,967,295) ฟลด BLOB ขนาดใหญ

LONGTEXT 2 32 -1 (คอ 4,294,967,295) ฟลด TEXT ขนาดใหญ

ประเภทขอมล ENUM และ SET

ประเภท ชวงคามากทสดในชด ค าอธบาย

ENUM (‘value1', ‘value2',

65,535 คอลมนประเภทนสามารถเกบเพยงคา

เดยวของรายการ หรอคาวาง

SET (‘value1', ‘value2',

64 คอลมนประเภทนสามารถเกบชดของคาท

ระบ หรอคาวาง

¸£ูปเล่ม.pdf · - adobe dreamweaver cs5 - adobe photoshop ... appserv program ......

Documents

adobe dreamweaver cs5/ -...

adobe flash cs5

adobe fireworks cs5

adobe photoshop cs5 javascript reference · adobe photoshop...

adobe dreamweaver cs5

adobe effects cs5

using adobe premiere pro cs5 with canon digital...

adobe photoshop, adobe illustrator & adobe indesign cs5 ·...

adobe dreamweaver cs5 & cs5

adobe encore cs5

making a contact sheet using adobe...

©2008 prentice hall ©2011 prentice hall adobe illustrator...

formación universitaria - institución académica · adobe...

3ur vljqfxw h[sruw soxjlqv kwpo€¦ · adobe illustrator...

adobe® illustrator® cs5 -...

industry-leading performance with the mercury playback...

brochure - slinky.cl · conocimientos previos de...

adobe photoshop cs5 -...

adobe indesing cs5

ソフトウェゕインストール方法 - techsoup...