ผลงานการออกแบบงานมหกรรมวิชาการมัธยมศึกษา(นครศรีธรรมราช)

ได้รับคำสั่งจากสพม.12 ให้ออกแบบกราฟิกในงานมหกรรมวิชาการมัธยมศึกษา ปีการศึกษา 2557
จังหวัดนครศรีธรรมราช  ระหว่างวันที่ 14-16 สิงหาคม 2557 ในส่วนของ หน้าแรกของเว็บไซต์    แบนเนอร์
บัตรประจำตัวการแข่งขันและเกียรติบัตร  ถือว่าได้รับเกียรติเป็นอย่างสูงที่ได้ออกแบบด้านกราฟิกในครั้งนี้
ได้เผยแพร่ผลงานไปยังโรงเรียนมัธยมศึกษาในจังหวัดนครศรีธรรมราช ประกอบด้วย ครู นักเรียน ผู้ปกครอง
และผู้ที่สนใจ

การออกแบบเน้นความเรียบง่าย ออกแบบเป็นแนวกราฟิกลายเส้น
โปรแกรมที่ใช้ ประกอบด้วย photoshop, CoreDRAW

โลโก้อันเก่า

โลโก้ที่จัดทำขึ้นมาใหม่

วิธีการสร้างตัวอักษรในโปรแกรม photoshop

 

 

 

 

คลิกเลือกปรับแต่งตามที่ต้องการ

การทำภาพ Layer mask

การทำภาพ Layer mask ในโปรแกรม Photostop
คือการนำภาพมาซ้อนกันหรือมาชนกัน โดยระหว่างภาพนั้นจะมีการผสานกันอย่างกลมกลืน

ตัวอย่างภาพที่ได้

วิธีที่ 1
นำภาพอย่างน้อยสองภาพมาวางทับซ้อนกัน

 

ถ้าต้องการให้ภาพกลับมาเหมือนเดิม

วิธีที่2

นำวีธีการทำทั้ง 2 วิธีมาผสมผสานกัน

ผลงานของ นางสาวมลิรัตน์ ภักดี ม.6/7 โรงเรียนปากพนัง
หัวข้อ : นครศรีธรรมราช

แหล่งเรียนรู้ในห้องเรียน

การสร้างแหล่งเรียนรู้ภายในห้องเรียนไว้สำหรับนักเรียนได้ศึกษาเพิ่มเติมแล้ว  ยังสามารถใช้สำหรับตกแต่งห้องเรียน
ให้ดูสวยงามน่าเรียนยิ่งขึ้น

โปรแกรมที่ใช้    CoreDRAW X6และ  Photoshop
พิมพ์บนวัสดุโฟมและไวนิล

ชิ้นงานติดตั้งในห้องเรียน  ขนาด 404  x 82 เซนติเมตร  พิมพ์บนแผ่นโฟม

ชิ้นนี้ติดตั้งหลังห้องเรียนขนาด กว้าง 7 00 X 300   เซนติเมตร พิมพ์บนไวนิล

การทำสไลด์ภาพโชว์หน้าเว็บ OBECLMS

การทำสไลด์ภาพโชว์หน้าเว็บ OBECLMS  ที่ผ่านใช้ภาพประเภท Gif โดยใช้โปรแกรม PhotoScape สร้างขึ้นมา
ปรากฎว่าใช้ได้แต่ไม่สวยงามเท่าที่ควร  แต่เมื่่อไปเห็นเว็บ   OBECLMC  http://www.obeclms.com/
และมีไฟล์  jsimgslider  ให้ดาวน์โหลด  ซึ่งผู้เขียนได้นำไปปรับแต่งลองผิดลองถูกผลลัพธ์ที่ได้เป็นที่น่า
พึงพอใจ
jsimgslider คือส่วนผสมระหว่าง  html กับ javascript

ผู้สนใจสามารถดาวน์โหลดได้      คลิกที่นี่

วิธีการทำ

1. อัพโหลดไฟล์  jsimgslider  ขึ้นบนเซริฟ์เวอร์  พร้อมแก้ไขภาพตามที่ต้องการ
2. ภาพตามไฟล์จะมีขนาด 490 x 230 pixels (ตามตัวอย่างจะมี 5 ภาพ)
3. คัดลอกสคริปต์(script)นำไปวางไว้บนหน้าเว็บไซต์ ดังภาพ

4. การทำควรใช้บราว์เซอร์ chrome หรือ Mozilla Firefox จะแสดงผลได้ดี

สามารถดูตัวอย่างจากเว็บไซต์  http://www.pakphanang.ac.th/

Pakphanang e-Learning

Pakphanang e-Learning  หรือ P่nLearning อีกชื่อหนึ่งคือ ปากพนังอีเลริน์นิ่ง การเรียนรู้ของนักเรียนโรงเรียนปากพนัง
เริ่มแรกในปีการศึกษา 2/2553  เปิดการเรียนการสอนจากรายวิชาคอมพิวเตอร์ก่อนและเห็นว่าเป็นประโยชน์แก่นักเรียน
และโรงเรียนให้การสนับสนุน ทางศูนย์คอมพิวเตอร์โรงเรียนปากพนังจึงมีโครงการอบรมรมเชิงปฏิบัติการ e-Learning
ด้วยโปรแกรม Moodle ซึ่งรับสมัครครูผู้สนใจปรากกฎว่าได้รับการตอบรับจากครูสมัครเข้าร่วมอบรมถึง 40 คน
ได้ทำการอบรมเมื่อวันที่ 25-26 มีนาคม 2556  ณ ศูนย์คอมพิวเตอร์โรงเรียนปากพนัง

InDesign จัดทำสิ่งพิมพ์ที่มากกว่าสิ่งพิมพ์

InDesignเป็นโปรแกรมจัดทำสิ่งพิมพ์ระดับมืออาชีพที่ีใช้กัน
เริ่มต้นที่ดูอาจจะใช้ยุ่งยากแต่เมื่อได้ใช้แล้วก็รู้สึกว่ามีขีดความสามารถที่มากมายเกินกว่าสิ่งพิมพ์

มาเรียน InDesign CS 5.5 ผ่านวิดีโอกัน
มีวีดิโอของคุณขจร  พีรกิจ แห่ง Adobe Community Professional มาแนะนำการใช้โปรแกรม InDesign
แหล่งที่มา…..http://www.indesignthai.com/

รับรางวัลเว็บไซต์สื่อการสอนรูปแบบอิเล็กทรอนิกส์ออนไลน์

เว็บไซต์โรงเรียนปากพนังได้รับรางวัลจากสำนักงานคณะกรรมการการศึกษาขั้นพื้นฐานจากโครงการเว็บไซต์ที่มี
รูปแบบสื่อการสอนรูปแบบอิเล็กทรอนิกส์ออนไลน์ (Web Media) ประเภทหน่วยงาน ประจำปีการศึกษา 2554
พร้อมรับเกียรติบัตรและเงินสนับสนุน 10,000 บาทจากท่านเลขาธิการ สพฐ.นายชินภัทร  ภูมิรัตน
เมื่อวันที่ 6 มีนาคม 2555  ณ  ห้องประชุมสำนักงานคณะกรรมการการศึกษาขั้นพื้นฐานกระทรวงศึกษาธิการ
จากผลสำเร็จดังกล่าวเกิดจากความร่วมมือหลายฝ่ายๆของโรงเรียน
เว็บไซต์โรงเรียนปากพนังนั้นได้รับการดูแลระบบจากศูนย์คอมพิวเตอร์  ข่าวประชาสัมพันธ์ต่างๆอยู่ใน
ความรับผิดชอบของงานประชาสัมพันธ์
นอกจากนั้นยังมีการเรียนการสอนผ่านเครือข่ายอินเทอร์เน็ต (e-Learning) ปากพนังอีเลริน์นิ่ง (Pakphanang e-Learning)
ปัจจุบันได้มีการเรียนการสอนในห้องเรียนเต็มรูปแบบระดับชั้นมัธยมศึกษาปีที่ 4 จำนวน 6 ห้องเรียน

การจัดทำเว็บไซต์โรงเรียนปากพนังต้องอาศัยโปรแกรมหลายตัวด้วยกัน
1. เว็บโรงเรียน ใช้  obeclms 3.2
2. ปากพนังอีเลริน์นิ่ง (Pakphanang e-Learning) ใช้ Moodle 1.9.1
3. กระดานสนทนาและสมุดเยี่ยม ใช้  ATOMYMAXSITE 2.5
4. เว็บศูนย์คอมพิวเตอร์ใช้ ATOMYMAXSITE 2.5
5. ประมวลภาพกิจกรรม 3.0.1

OBECLMS

OBECLMS คือระบบจัดการเรียนการสอนของสำนักเทคโนโลยีเพื่อการเรียนการสอน  สำนักงานคณะกรรมการการศึกษาขั้นพื้นฐานร่วมกับมหาวิทยาลัยเทคโนโลยีสุรนารีพัฒนาดัดแปลงจาก  Moodle    เพื่อปรับมาใช้ในโรงเรียนโดยเฉพาะสำนักเทคโนโลยีเพื่อการเรียนการสอน ได้จัดการฝึกอบรมแก่โรงเรียนโดยจัดการฝึกอบรมไปตามภาคต่างๆลักษณะของ OBECLMS เป็นโปรแกรม Open souse    ได้รับการพัฒนาจาก OBECLMS 2.3 จนถึง OBECLMS 2.7
ผู้เขียนและครูณปวร  คงทองได้เข้าร่วมการอบรมที่อ.หาดใหญ่ จ.สงขลา เมื่อ ปีพ.ศ.2553 และนำมาใช้กับโรงเรียนจนถึงปัจจุบัน

1.เว็บซต์สำเร็จรูป  โรงเรียนสามารถจัดการเป็นเว็บเซต์เป็นของโรงเรียนได้ โดยระบบได้ออกแบบให้แก้ไขส่วนต่างๆตั้งแต่ แบนเนอร์ข่าว   ภาพกิจกรรม
สมุดเยี่ยม กระดานสนทนา   ปฏิทินกิจกรรม   จนสามารถเรียกได้ว่าเป็น   CMS  ของระบบการศึกษาของโรงเรียนก็ว่าได้
2. ระบบ e-Learning  คือระบบการจัดการเรียนการสอนผ่านเครือข่ายอินเทอร์เน็ตหรือบางครั้งเรียกว่าเป็นห้องเรียนเสมือนจริง ไม่มีข้อจำกัดด้านสถานที่
เวลา เพียงแต่มีอินเทอร์เน็ตก็สามารถเข้าถึงบทเรียนได้

จากการใช้งานเว็บไซต์โรงเรียนปากพนังมาในระยะเวลาเกือบปีได้รับการตอบรับอย่างดีพอสรุปได้ดังนี้
1. การแก้ไขส่วนส่วนต่างๆได้สะดวก
2. สามารถแบ่งระดับการใช้ตั้งแต่ผู้ดูแลระบบ ได้แก่ศูนย์คอมพิวเตอร์  และการลงข่าว  ภาพประกอบ
ได้แบ่งหน้าที่ให้กับฝ่ายประชาสัมพันธ์เป็นฝ่ายรับผิดชอบทำให้เว็บโรงเรียนมีข่าวที่ทันเหตุการณ์อยู่เสมอเพราะฝ่ายประชาสัมพันธ์สามารถ ลงข่าวได้ทันทีเพียงมีกล้องดิจิทัลธรรมดาและเครือข่ายอินเทอร์เน็ตก็สามารถลงข่าวได้แล้ว
3. นอกจากนั้นได้จัดการอบรมการทำเว็บไซต์ย่อยให้กับกลุ่มสาระต่างๆ เพื่อเกลุ่มสาระจะได้ลงข่าวข้อมูลของกลุ่มสาระเอง
4. ด้านเทคนิคพื้นที่ของเว็บไซต์ เมื่อก่อนศูนย์คอมพิวเตอร์ได้ทำการตั้งเซริฟ์เวอร์เองแต่พอระยะหลังมีปัญหาพอสมควรเช่นไฟฟ้าตก   เซริฟ์เวอร์ขัดข้อง  หรือสภาพห้องไม่เอื้ออำนวย  จึงแก้ปัญหาโดยการเช่าพื้นที่จากบริษัทเอกชนซึ่งมีค่าใช้จ่ายไม่มากนักและเซริฟ์เวอร์มีเสถียรเพราะมีเจ้าหน้าที่ดูแลโดยเฉพาะตลอด 24 ชั่วโมง
4. ส่วนของ  e-Learning ได้ทดลองใช้กับการเรียนการสอนหนึ่งภาคเรียนก้พบกับปัญหาด้านเทคนิคกับระบบเครือข่ายอินเทอร์เน็ตของโรงเรียน
จึงได้หยุดใช้  ปัจจุบันจึงใช้เฉพาะส่วนของเว็บโรงเรียนเท่านั้น
5. โรงเรียนต่างๆควรนำไปใช้งานเป็นอย่างยิ่งเพราะมีการออกแบบมาโดยเฉพาะสำหรับโรงเรียน ไม่จำเป็นที่จะต้องความรู้ด้านการสร้างเว็บไซต์มากหรือต้องเขียนภาษา html หรือ php เป็น เพียงมีความรู้เกี่ยวกับการใช้อินเทอร์เน็ต   การตกแต่งภาพบ้า่ง ผู้เขียนคิดว่าการออกแบบ  การใช้งาน  การลงข่าวสารประชาสัมพันธ์
เหตุการณ์ต่างๆให้เป็นปัจจุบันเสมอ คือสิ่งที่จำเป็นมากที่สุด

ข้อเสนอแนะ
1. ไมีมีการติดตามผลการใช้งาน
2. เว็บไซ์ต์หลักของ OBECLMS คือ http://www.obeclms.com/obec/ ไม่มีการปรับข้อมูล  การแก้ปัญหาการใช้งานน้อย

สามารถคลิกเข้าไปชมดูตัวอย่างที่เว็บไซต์โรงเรียนปากพนัง   http://www.pakphanang.ac.th/

การทำโปสเตอร์แบบประหยัดด้วย CoreDRAW

การทำโปสเตอร์หรือป้ายนิเทศเพื่อเผยแพร่ความรู้ในโรงเรียนถ้ามีขนาดโตกว่า A4 จะเป็น
เรื่องที่ยุ่งยากมากต้องไปให้ร้านข้างนอกทำ
แต่มีวิธีการไม่ยากอันแรกต้องมีอุปกรณ์เหล่านี้เสียก่อน
1. ความคิดในการออกแบบ
2. โปรแกรม CoreDRAW
3. เครื่องพิมพ์แบบอิงค์เจ็ตถ้าเป็นแบบติดแทงค์ก็จะดีมาก
4. กระดาษพิมพ์ภาพเพื่อความคมชัดสวยงาม
ขั้นตอนการทำ
1. ควรออกแบบโครงร่างในกระดาษเสียก่อน
2. เตรียมทรัพยากร  ข้อมูล ภาพ ให้เรียบร้อย
3. รูปภาพอาจจจะต้องใช้โปรแกรม Phototshop ตกแต่งภาพเสียก่ิอนเช่น
การไดคัตภาพหรือการตัดฉากหลังของภาพออกจะทำให้การจัดองค์ประกอบดูสวยงาม
(การออกแบบแล้วแต่ความถนัดของแต่ละคน)
4. จัดการออกแบบในโปรแกรม C0reDRAW กำหนดขนาดเท่ากับงานจริง
ในตัวอย่างผู้เขียนใช้ขนาด 60 x 58 เซ็นติเมตร

5. เมื่อออกแบบเสร็จแล้วจึงกำหนดการสั่งพิมพ์
9. ไปที่เมนู File > Print Preview
10. เสร็จแล้วคลิกที่ปุ่ม Print Tiled Pages

11. จะปรากฎดังภาพด้านบนแสดงให้เห็นว่าต้องใช้กระดาษ A4 จำนวน 6 แผ่น
เมื่อสั่งพิมพ์เครื่องพิมพ์จะทยอยพิมพ์ตามลำดับจนครบ 6 แผ่น

12 ภาพที่ได้จะมีขอบกระดาษเว้นไว้เราสามารถนำมาต่อเรียงกัน
นำมาทาบแล้วทากาวตัดขอบกระดาษให้เสมอกัน
เท่านี้ก็จะได้โปสเตอร์หรือป้ายความรู้ที่เป็นฝีมือของเรา
อาจเพิ่มเติมนำแผ่นพลาสติกใสทับด้านบนยึดด้วยสกรูนำไปติดในห้องเรียน
เป็นการสร้างบรรยากาศการเรียนรู้อีกทางหนึ่ง

ผลงานที่เสร็จแล้วนำไปติดหลังห้องเรียน