1. แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
รายวิชา การสร้างและออกแบบเว็บไซต์ (ง30242)
กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยี (คอมพิวเตอร์)
ปีการศึกษา 2554
----------------------------------------------------
1. ชื่อโครงงาน การพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress เรื่อง กราฟฟิค
2. ประเภทของโครงงาน (เลือก 1 โครงงาน)
โครงงานพัฒนาสื่อเพื่อการศึกษา
โครงงานพัฒนาเครื่องมือ
โครงงานประเภทการทดลองทฤษฎี
โครงงานประเภทการประยุกต์ใช้งาน
โครงงานพัฒนาเกม
3. ชื่อ สกุลผู้เสนอโครงงาน
นาย กิตติธัช สาลาด ชั้น ม.5/1 เลขที่ 6
4. ชื่อครูที่ปรึกษาโครงงาน
นางสมร ตาระพันธ์ ตาแหน่ง ครูชานาญการพิเศษ
5. ชื่อครูที่ปรึกษาโครงงานร่วม (ถ้ามี)
-
6. แนวคิด ที่มา และความสาคัญ
งานกราฟิกที่ดจะต้องทาให้เห็นถึงความคิดในการออกแบบเป็นเลิศ มีคุณค่าและความสาคัญใน
ี
ตัวเองที่แสดงออกได้ ดังนี้
1. เป็นสื่อกลางในการสื่อความหมายให้เกิดความเข้าใจตรงกัน ถูกต้องและชัดเจน
2. สามารถทาหน้าที่เป็นสื่อเพือให้เกิดการเรียนรู้ได้เป็นอย่างดี
่
3. ช่วยทาให้งานเกิดความน่าสนใจ ประทับใจ และน่าเชื่อถือแก่ผู้พบเห็น
4. ช่วยให้เกิดการกระตุ้นทางความคิด และการตัดสินใจได้อย่างรวดเร็ว
5. ช่วยสร้างสรรค์งานสัญลักษณ์ทางสังคม และพัฒนาระบบการสื่อสารให้มีประสิทธิภาพยิ่งขึ้น

2. ที่มา
งานกราฟิกมีบทบาทต่อการดาเนินชีวิตของมนุษย์มาตั้งแต่สมัยโบราณ ดังตัวอย่างทีพบ คือ ภาพวาด
่
บนผนังถ้าของมนุษย์โบราณ ที่แสดงออกถึงพิธีกรรมหรือกิจกรรมต่าง ๆ เช่น การล่าสัตว์ การ
บวงสรวง จานวนและชนิดของสัตว์ ในปัจจุบนสังคมมนุษย์ได้ใช้งานกราฟิกในเกือบทุกกิจกรรม เช่น
ั
การศึกษา การออกแบบการทดลอง การนาเสนอข้อมูลการแสดงออกทางศิลปะ การโฆษณา
ผลิตภัณฑ์ ภาพยนตร์และด้วยความเจริญก้าวหน้าทางเทคโนโลยีคอมพิวเตอร์มผลทาให้การสร้าง
ี
และใช้งานกราฟิกสามารถดาเนินการได้อย่างมีประสิทธิภาพมาก งานกราฟิกจึงมีความสาคัญและมี
บทบาทเพิมขึ้นอย่างมากต่อการดาเนินชีวิตของมนุษย์การสือความหมายระหว่างมนุษย์เป็นกิจกรรม
่ ่
ทางสังคมของมนุษย์มาตั้งแต่สมัยดึกดาบรรพ์ มนุษย์รู้จักใช้เครื่องมือที่เป็นสัญลักษณ์สอความหมาย
ื่
และมีความแตกต่างกันตามความเจริญของสังคมมนุษย์ในแต่ละยุคสมัยมนุษย์ยุคเริ่มแรกยังไม่มี
ภาษาและสัญลักษณ์จึงใช้ของจริงและสภาวะจริงรอบตัวในการสื่อความหมายต่อกันเช่น
การบอกแหล่งอาศัยของสัตว์ จะใช้วธีวิ่งนาหน้าเพื่อนไปยังแหล่งทีมีสัตว์อยูแล้วชีให้เห็นวิธีการนี้จะ
ิ ่ ่ ้
ยุ่งยากและเยินเย้อ เพราะไม่มีสัญลักษณ์หรือเครื่องมือช่วยย่อให้กระบวนการสื่อความหมายสันและ
่ ้
กระชับจากหลักฐานทางประวัติศาสตร์ พบว่า เมื่อประมาณล้านปีมาแล้ว มนุษย์โฮโมอีเร็คทุส (Homo
Erectus) ซึ่งจัดอยู่ในประเภทสัตว์ลาตัวตั้งตรง ยังไม่มภาษาใช้ ได้ใช้ท่าทางและสิ่งของตาม
ี
ธรรมชาติ เช่น ก้อนหิน กิ่งไม้ และกระดูกสัตว์ต่าง ๆ เป็นสัญลักษณ์สื่อความหมายต่อกัน เช่น
การสื่อความหมายถึงแหล่งล่าสัตว์ชนิดใดจะทาโดยการยกชูกระดูกของสัตว์ชนิดนัน แล้วชี้ไปยัง
้
ทิศทางที่มีสัตว์ชนิดนันอาศัยอยู่
้
ความหมายของคอมพิวเตอร์กราฟิก
คอมพิวเตอร์กราฟิก (Computer Graphics) หมายถึง การสร้าง การจัดการ การใช้
คอมพิวเตอร์ในการสร้างภาพกราฟิก โดยการนาข้อมูลมาสร้างเป็นภาพ เส้นกราฟ แผนภาพ
แผนภูมิ หรืออาจนาภาพมาจากสื่ออื่น ๆ เช่น ภาพจากเครื่องกราดตรวจ จากกล้องดิจิทัล จากวีดิ
ทัศน์หรือจากภาพยนต์ มาทาการตัดต่อให้เป็นไปตามต้องการ หรือตกแต่งภาพให้ดีขึ้น ภาพกราฟิก
เหล่านี้จะประกอบด้วย เส้น สี แสง และเงาต่าง ๆ สามารถแสดงออกมาทางจอภาพหรือพิมพ์ออกมา
ทางอุปกรณ์ เช่น เครื่องพิมพ์ได้
นอกจากนี้ยังใช้ในความหมายอื่น เช่น คอมพิวเตอร์วาดภาพ ซึ่งหมายถึง การใช้ซอฟต์แวร์เกี่ยวกับ
การวาดภาพสาหรับวาดภาพต่างๆ ในคอมพิวเตอร์

3. เป็นความสนใจส่วนตัวที่อยากจะศึกษาเรื่องราว เกี่ยวกับ กราฟฟิค ซึ่งมีเนื้อหากราฟิก
และโปรแกรมวาดภาพ
โปรแกรมเพนต์ เป็นโปรแกรมที่จัดอยู่ในกลุ่มของโปรแกรมวาดภาพ ซึ่งเป็นโปรแกรม
ที่สนับสนุนเพิ่มเติมของระบบปฏิบัติการวินโดวส์ทุกรุ่นไม่ว่าจะเป็นวินโดวส์ 95/98/ME/2000/XP
โปรแกรมเพนต์เป็นโปรแกรมใช้สาหรับวาดภาพที่ทาให้ผู้ใช้สามารถวาดภาพง่าย ๆ หรือนาภาพที่มี
อยู่แล้วไม่ว่าจะได้มากจากดาวน์โหลด หรือการสแกนมาตกแต่งใหม่ให้สวยงาม โดยใช้เครื่องมือ
วาดและการระบายสีต่าง ๆ ที่โปรแกรมเพนต์เตรียมไว้ให้ รวมทั้งการวาดรูปทรงเรขาคณิตต่าง ๆ
ภาพที่วาดหรือตกแต่งเสร็จแล้วสามารถนาไปประกอบเอกสารอื่น ๆ ได้ เช่น Word, Excel,
PowerPoint และยังสามารถนาไปประยุกต์ใช้กับการสร้างงานศิลปะอื่น ๆ โปรแกรมเพนต์มี
ความสามารถในการสร้างภาพอย่างง่าย ไม่ค่อยจะมีรายละเอียดซับซ้อนมากนัก ซึ่งถือได้ว่าเป็น
โปรแกรมพื้นฐานสาหรับการวาดภาพ หรือการออกแบบกราฟิกบนคอมพิวเตอร์ที่ผู้เริ่มใช้
คอมพิวเตอร์ควรจะได้ศึกษา ทาความเข้าใจและฝึกใช้งานให้เป็นเบื้องต้น
คอมพิวเตอร์เข้ามามีบทบาทสาคัญในการออกแบบกราฟิกมากกว่าเครื่องมือชนิดอื่น ๆ
ตั้งแต่ได้มีการประดิษฐ์เครื่องพิมพ์ (Printing Process) เนื่องจากขั้นตอนสุดท้ายในการออกแบบ
จะต้องมีการแสดงชิ้นงานออกมาในรูปแบบของการพิมพ์ เช่น ข้อความโฆษณาต่าง ๆ หน้าปก
นิตยสาร และอื่น ๆ นักออกแบบจึงเริ่มเปลี่ยนวิธีการทางาน จากการสเกตซ์ภาพบนแผ่นกระดาษ
ด้วยดินสอสี หรือปากกา กลายเป็นการสร้างชิ้นงานออกมาทางหน้าจอคอมพิวเตอร์
การใช้คอมพิวเตอร์ช่วยในการออกแบบ สร้างความคิดใหม่ๆ รูปแบบและสีต่างๆ ทาให้
การทางานสะดวกรวดเร็วขึ้น มีการใช้ซอฟต์แวร์ช่วยในการระบายสีและวาดภาพ ซึ่งชื่อของ
ซอฟต์แวร์ต่างๆ มักบอกลักษณะการทางานของซอฟต์แวร์นั้นๆ เช่น เพนต์บรัช (Paintbrush) โพ
โตชอป (Photoshop) เพนต์ชอฟโปร (Paintshop Pro) เป็นโปรแกรมระบายสี (Paint Program)
ใช้สาหรับตกแต่งภาพ ระบายสีภาพ ซึ่งโปรแกรมประเภทนี้เหมาะกับการใช้งานกับภาพชนิดบิต
แมบ
ส่วนคอเรลดรอว์ (Corel Draw) อโดบี อลาสเตรเตอร์ (Adobe Illustrator) แมคโครมีเดีย
ฟรีแฮนด์ (Macromedia Freehand) เป็นโปรแกรมวาดภาพ (Draw Program) ใช้ในการสร้างภาพ
หรือวาดภาพในลักษณะภาพลายเส้น เหมาะกับการใช้งานกับภาพชนิดเวคเตอร์
ระบบคอมพิวเตอร์สาหรับงานกราฟิกสามารถใช้ระบบคอมพิวเตอร์ส่วนบุคคลโดยทั่วไป
ได้ โดยมีการเพิ่มเติมอุปกรณ์บางประการให้กับระบบคอมพิวเตอร์เพื่อเพิ่มประสิทธิภาพในการ
ประมวลผล การนาเข้าข้อมูล การแสดงผลข้อมูลแบบกราฟิ

4. ดังนั้น ผู้จัดทาจึงได้มีความคิดที่จะนาเอารูปแบบของ WebBlog ด้วยเว็บไซต์ Wordpress
มาใช้ในการเผยแพร่ข้อมูลที่เกี่ยวข้องกับเรื่องกราฟฟิคศึกษา เผยแพร่ความรู้ดังกล่าวสู่ผู้สนใจต่อไป
7. วัตถุประสงค์
7.1 เพื่อศึกษาและพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress เรื่องกราฟฟิค
7.2 เพื่อศึกษาค้นคว้าเรื่องที่สนใจเกี่ยวกับ กราฟฟิค
7.3เพื่อจะได้รู้ว่ากราฟฟิคจะต้องใช้ทาอะไร และประวัติของกราฟฟิค
7.4 เพื่อจะได้รู้ว่างานกราฟิกสามารถดาเนินการได้อย่างมีประสิทธิภาพได้อย่างไร
8. หลักการและทฤษฎี
การออกแบบกราฟิกและสื่อเป็นขั้นตอนหนึ่งของการสร้างสรรค์งานที่เกี่ยวข้องกับ
กระบวนการงานกราฟิก งานทางด้านสิ่งพิมพ์ โดยมีหลักการคิดและวิธีการดาเนินการที่ต้องอาศัย
แนวคิดเกี่ยวกับกระบวนการสื่อความหมาย หลักการทางศิลปะประยุกต์และทฤษฎีการรับรู้ทาง
จิตวิทยา การออกแบบงานกราฟิกจึงต้องกระทาอยู่บนพื้นฐานขององค์ประกอบต่าง ๆ ที่เกี่ยวข้อง
ดังนี้
การออกแบบงานกราฟิกและสื่อ ควรจะต้องคานึงถึงหลักการ ดังนี้
1. ความมีเอกภาพ (unity)
2. ความกลมกลืน (harmony)
3. ความมีสัดส่วนที่สวยงาม (propertion)
4. ความมีสมดุล (balance)
5. ความมีจุดเด่น (emphasis)
(เนื้อหาสั้นๆ ตรงนี้ให้ไปค้นคว้าในเว็บไซต์ค่ะ อย่าลืมบอกแหล่งที่มาในส่วนอ้างอิงของแบบเสนอ
โครงร่างด้วยนะคะ)

5. 9. ขอบเขตของโครงงาน
(ให้ระบุอุปกรณ์ที่ต้องใช้ ระบุวัสดุอุปกรณ์ที่จาเป็นต้องใช้มีอะไรบ้าง วัสดุอุปกรณ์
เหล่านั้นอยู่ที่ใด และมีชิ้นใดบ้างที่ต้องจัดซื้อหรือหยิบยกมาจากที่ต่าง ๆ - กาหนดคุณลักษณะของ
ผลงาน และเทคนิคที่ใช้ในการพัฒนา - แนวทางการศึกษาค้นคว้าและพัฒนา อธิบายถึงกระบวนการ
แก้ปัญหาที่ออกแบบไว้ และการเก็บข้อมูล การวิเคราะห์ การพัฒนา การทดสอบ และการนาเสนอ
ผลงาน – งบประมาณที่ใช้)
1. จัดทาโครงงานคอมพิวเตอร์ การพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress
เรื่อง กราฟฟิค
2. วัสดุ อุปกรณ์ เครื่องมือหรือโปรแกรมหรือที่ใช้ในการพัฒนา ได้แก่
2.1 เครื่องคอมพิวเตอร์ และอุปกรณ์ต่างที่ใช้ในการทากราฟฟิค
2.2 โปรแกรมทากราฟฟิคและตกแต่งรูปภาพ เช่นAdobe Photoshop CS4 และ
PhotoScape2.0
10. ขั้นตอนและแผนดาเนินงาน
ระยะเวลาดาเนินงาน
เดือนสิงหาคม เดือนกันยายน
ที่ ขั้นตอนการดาเนินงาน
สัปดาห์ที่ สัปดาห์ที่
1 2 3 4 1 2
1 คิดหัวข้อโครงงาน 
2 ศึกษาและค้นคว้าข้อมูล 
3 จัดทาโครงร่างเพื่อนาเสนอ 
4 ปฏิบัติการจัดทาโครงงาน 
นาเสนอรายงานความก้าวหน้า
5 
ของโครงงานครั้งที่ 1
นาเสนอรายงานความก้าวหน้า 
6
ของโครงงานครั้งที่ 2

6. 7 ปรับปรุง ทดสอบ 
6 จัดทาเอกสารรายงานโครงงาน 
8 ประเมินผลงาน 
9 นาเสนอโครงงานผ่านเว็บ blog 
10. สถานที่ดาเนินงาน
ห้องเรียนคอมพิวเตอร์ ICT โรงเรียนเลยอนุกูลวิทยา อาเภอเมือง จังหวัดเลย
11. ผลที่คาดว่าจะได้รับ
12. เอกสารอ้างอิง
ชื่อเว็บไซต์ต่างๆ ที่เราจะสร้างนาเนื้อหามาสร้างเป็นบทเรียนในเว็บบล็อกของเรา และ
เว็บไซต์ที่เกี่ยวข้องกับเรื่องของ Social Media (ซึ่งใช้เขียนแนวคิด ที่มา และความสาคัญ และ
หลักการและทฤษฎีต่างๆ)
ลงชื่อ กิตติธัช สาลาด
(นายกิตติธัช สาลาด )
ผู้เสนอโครงงาน
ลงชื่อ.............................................
(นางสมร ตาระพันธ์)
ครูที่ปรึกษาโครงงาน