โครงงาน สื่อการเรียนการสอนโปรมเเกรมฐานข้อมูล

โครงงานสื่อการเรียนการสอนโปรแกรมฐานข้อมูล Programming And Database Fafeatures นายชาครีย์ ธูปหอม นายกรประเสริฐ รัศมี นายธงชัย ไชยวงศ์ โครงการนี้เป็นส่วนหนึ่งของการเรียนตามหลักสูตรประกาศนียบัตรวิชาชีพ สาขาวิชาคอมพิวเตอร์ธุรกิจ วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ ปีการศึกษา 2565

ก ชื่อโครงการภาษาไทย ระบบสื่อการเรียนการสอนออนไลน์ วิชาโปรแกรมฐานข้อมูล ชื่อโครงการภาษาอังกฤษ E-Learning for Database program โดย 1. นายชาครีย์ ธูปหอม รหัสนักศึกษา 42789 ระดับ ปวช. 3/4 2. นายกรประเสริฐ รัศมี รหัสนักศึกษา 42736 ระดับ ปวช. 3/4 3. นายธงชัย ไชยวงศ์ รหัสนักศึกษา 42778 ระดับ ปวช. 3/4 คณะกรรมการอนุมัติให้เอกสารโครงการฉบับนี้เป็นส่วนหนึ่งของการศึกษา วิชาโครงการตาม หลักสูตรประกาศนียบัตรวิชาชีพ (ปวช.) สาขาวิชาคอมพิวเตอร์ธุรกิจ วิทยาลัยเทคโนโลยี อรรถวิทย์พณิชยการ (ATC) ............................................................ (อาจารย์ดิฐประพจน์สุวรรณศาสตร์) อาจารย์ที่ปรึกษาหลัก ............................................................ (อาจารย์นราภรณ์ เจริญชัย) อาจารย์ที่ปรึกษาร่วม ............................................................ (อาจารย์นราภรณ์ เจริญชัย) หัวหน้าสาขาวิชาเทคโนโลยีธุรกิจดิจิทัล

ข บทคัดย่อ หัวข้อโครงการ สื่อการเรียนการสอยวิชาโปรแกรมฐานข้อมูล E-Learning for Database program ผู้จัดทำโครงการ นายกรประเสริฐ รัศมี นายชาครีย์ ธูปหอม นายธงชัย ไชยวงค์ อาจารย์ที่ปรึกษา อาจารย์ดิฐประพจน์ สุวรรณศาสตร์ อาจารย์ที่ปรึกษาร่วม อาจารย์นราภรณ์ เจริญชัย สาขาวิชา สาขาวิชาคอมพิวเตอร์ธุรกิจ สถาบัน วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ ปีการศึกษา 2565 ------------------------------------------------------------------------------------------------------------------------ บทคัดย่อ โปรแกรมฐานข้อมูลที่อำนวยความสะดวกในเรื่องของการจัดเก็บข้อมูลที่มีความสัมพันธ์กัน หลาย ๆ ข้อมูลซึ่งสามารถลบ เพิ่ม และแก้ไขข้อมูลได้ช่วยลดความยุ่งยากที่เกิดขึ้นของเอกสาร เพราะมีข้อมูลเพิ่มขึ้นก็ยิ่งมีเอกสารมากขึ้น จึงนำโปรแกรมฐานข้อมูลเข้ามาช่วยจัดเก็บข้อมูลให้อยู่ ภายในคอมพิวเตอร์เครื่องเดียว ในปัจจุบันระบบสารสนเทศมีความสำคัญและความจำเป็นอย่างยิ่งในการดำเนินงานของ หน่วยงาน ๆ ไม่ว่าจะเป็นหน่วยงานรัฐหรือเอกชนเทคโนโลยีสารสนเทศเข้ามาบทบาทในงานธุรกิจ และเทคโนโลยีก็มีบทบาทสำคัญของมนุษย์มากขึ้นทุกวัน คณะผู้จัดทำจึงอยากให้ความรู้และ นวัตกรรมที่มีปะโยชน์ในอนาคต เพื่อเป็นส่วนหนึ่งของการศึกษาเรื่องต่าง ๆ เพื่อให้ผู้เรียนเข้าใจ ถึง ความสำคัญของเทคโนโลยีสารสนเทศและการสื่อสารเพื่อนำไปใช้ในการเรียนการสอน และให้ผู้เรียน ได้สืบค้นข้อมูลและรวบรวม ประวัติความเป็นมาของอินเทอร์เน็ตรวมถึงความสำคัญ, ประโยชน์ และ โทษของอินเทอร์เน็ต , จริยธรรม และจรรยาบรรณในการใช้งานคอมคอมพิวเตอร์และเครือข่าย และ ยังบอกถึงเครือข่าย สังคมออนไลน์ ที่มนุษย์สามารถเชื่อมโยงถึงกัน ทำความรู้จักกัน สื่อสารถึงกันได้ ผ่านทางระบบ อินเทอร์เน็ตในรูปแบบใด และบริการผ่านรูปแบบใด ผู้เข้าชมสื่อการเรียนการสอนผ่านเว็บไซต์วิชาการวิเคราะห์และออกแบบระบบ จะได้รับ ความรู้เกี่ยวกับการวิเคราะห์และออกแบบระบบ อย่างถูกต้องและสามารถทดสอบความรู้ที่รับชมมา ด้วยระบบ แบบฝึกหัดได้และผู้เข้าชมสามารถนำข้อมูลในเว็บไซต์เพื่อทำรายงานได้อีกด้วย

ค กิตติกรรมประกาศ โครงการระบบฐานข้อมูล (ATC.) ฉบับนี้ได้จัดทำขึ้นมาด้วยความ ตั้งใจและความพยายาม เป็นอย่างมากโดยได้รับความร่วมมือเป็นอย่างดีจากทุกท่านที่เกี่ยวข้องกับ โครงการฉบับนี้ไม่ว่าจะเป็น อาจารย์ทุกท่านรวมถึงเพื่อนๆและผู้ที่มีส่วนร่วมในโครงการฉบับนี้ขอขอบพระคุณอาจารย์นราภรณ์ บัวนุช ที่ปรึกษาโครงการ และผู้ที่มีส่วน ร่วมในโครงการฉบับนี้ ขอขอบพระคุณอาจารย์ดิฐประพจน์สุวรรณศาสตร์ที่ปรึกษาร่วมโครงการที่ได้ให้การ สนับสนุนให้ความช่วยเหลือรวมทั้งคำปรึกษา คำแนะนำและแก้ไขข้อผิดพลาดของโครงการตลอดการ ทำโครงการนี้ ขอขอบคุณวิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการที่ได้เอื้อเฟื้อตำราและหนังสือจาก ห้องสมุดที่เกี่ยวกับโครงการพร้อมทั้ง ขอบพระคุณท่านคณะกรรมการในการสอบโครงการที่ให้คำติชม ในการสอบวิชาโครงการเพื่อที่คณะ ผู้จัดทำได้นำไปปรับปรุง แก้ในส่วนที่บกพร่องให้ดีขึ้น และพัฒนา โครงการในครั้งนี้ที่จะได้ออกมา สมบูรณ์ ขอขอบพระคุณพ่อแม่ บุคคลภายในครอบครัวทุกท่านที่คอยให้กำลังใจและให้โอกาสใน การศึกษาที่วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ รวมทั้งเพื่อน ๆ ทุกคนที่คอยช่วยให้คำปรึกษา ร่วมทุกข์ร่วมสุขและอุปสรรคต่าง ๆ ไปด้วยกันจนทำให้การดำเนินการวิชาโครงการนี้ได้ลุล่วงและผ่าน ไปด้วยดี นายกรประเสริฐ รัศมี นายชาครีย์ ธูปหอม นายธงชัย ไชยวงค์

ง คำนำ การจัดทำโครงงานนี้เป็นส่วนหนึ่งของวิชาโครงงาน 1 (20204-8502) และ โครงงาน 2 (20204-8503) หลักสูตรประกาศนียบัตรวิชาชีพ สาขาวิชาคอมพิวเตอร์ธุรกิจ โดยคณะผู้จัดทำได้ จัดทำโครงงานเรื่อง ระบบฐานข้อมูล ATC ประเภท E-Learning โดยมีการสร้างระบบฐานข้อมูลเพื่อ นำเสนอผลงานแก่ผู้ที่สนใจในการจัดเก็บข้อมูลในฐานข้อมูล ระบบฐานข้อมูลที่ทำงคณะผู้จัดทำได้จัดทำนั้น ประกอบไปด้วย สื่อการเรียนการสอน โปรแกรมฐานข้อมูล ยังสามารถนำความรู้ที่ได้จากการศึกษาไปประยุกต์ใน ชีวิตประจำวันหรือนำไป ประกอบอาชีพได้เพื่อหารายได้อีกด้วย หากโครงการนี้มีข้อผิดพลาดประการใด ทางคณะผู้จัดทำ ขออภัยไว้ ณ ที่นี้และจะ ดำเนินการพัฒนาผลงานทางด้านคอมพิวเตอร์ให้พัฒนาให้ดีขึ้นไป คณะผู้จัดทำ 5 กุมภาพันธ์2566

จ สารบัญ หน้า หน้าอนุมัติ ก บทคัดย่อ ข กิตติกรรมประกาศ ค คำนำ ง สารบัญ จ สารบัญรูป ช สารบัญตาราง ญ บทที่ 1 บทนำ 1.1 ภูมิหลังและความเป็นมา 1 1.2 วัตถุประสงค์โครงการ 2 1.3 ขอบเขตการศึกษา 2 1.4 ประโยชน์ที่คาดว่าจะได้รับ 2 1.5 แผนการดำเนินงาน 3 1.6 เครื่องมือที่ใช้พัฒนาโปรแกรม 4 1.7 งบประมาณการดำเนินงาน 5 บทที่ 2 ระบบงานสื่อการเรียนการสอนและทฤษฎีที่เกี่ยวข้อง 2.1 ระบบงานในปัจจุบัน 6 2.2 ปัญหาระบบงานในปัจจุบัน 6 2.3 ทฤษฎีระบบปฏิบัติการ Android 6 2.4 หลักการใช้สี 11 บทที่ 3 การออกแบบระบบงานด้วยคอมพิวเตอร์ 3.1 การออกแบบโครงสร้างเว็บไซต์ 14 3.2 การออกแบบแผนภาพแนวความคิด 15 3.3 การออกแบบสิ่งนำเข้า 20 3.4 การออกแบบสิ่งนำออก 21

ฉ สารบัญ (ต่อ) บทที่ 4 การพัฒนาสื่อการเรียนการสอนโปรแกรมฐานข้อมูล หน้า 4.1 เครื่องมือและอุปกรณ์ที่ใช้ 4.2 โปรแกรมที่ใช้ในการพัฒนา 22 22 4.3 การติดตั้งโปรแกรมและระบบ 23 4.4 วิธีการนำไปใช้งาน 26 บทที่ 5 สรุปผลการทำโครงการ 5.1 สรุปผลโครงการ 30 5.2 ปัญหาและอุปสรรคในการดำเนินงาน 5.3 สรุปเวลาการทงานจริง 5.4 สรุปค่าใช้จ่ายในการดำเนินงานจริง บรรณานุกรม ภาคผนวก - ใบขอเสนออนุมัติโครงการระบบคอมพิวเตอร์ (ATC.01) - ใบขอเสนออาจารย์ที่ปรึกษาร่วมโครงการ (ATC.02) - ใบขอสอบโครงการระบบคอมพิวเตอร์ธุรกิจ (ATC.03) - ใบรายงานความคืบหน้าโครงการระบบคอมพิวเตอร์ธุรกิจ (ATC.04) - ใบบันทึกการเข้าพบที่ปรึกษาโครงการ (ATC.05) - ใบขออนุญาตอาจารย์ที่ปรึกษาร่วมจัดทำ เอกสารบทที่ 4-5 (ATC.06) - ใบรับรองการนำไปใช้ประโยชน์ได้จริง (ATC.07) ประวัติผู้จัดทำโครงการ 30 31 33 35 36 37 38 39 40 41 42 46

ช สารบัญรูป หน้า รูปที่ 2.1 แสดงสถาปัตยกรรมแอนดรอยด์ 7 รูปที่ 2.2 แสดงตัวอย่างแอพพลิเคชั่น 8 รูปที่ 2.3 แสดงวงจรชีวิตการทําางานของแอนดรอยด์ รูปที่ 2.4 โปรแกรม Dog DressUp คือโปรแกรมการแต่งตัวสุนัข 9 10 รูปที่ 3.1 การออกแบบโครงสร้างเว็บไซต์ (Site map) 14 รูปที่ 3.3 แสดงหน้า Home 15 รูปที่ 3.4 แสดงหน้าคำอธิบายรายวิชา 16 รูปที่ 3.5 แสดงหน้าสมรรถนะรายวิชา 16 รูปที่ 3.6 แสดงหน้าจุดประสงค์รายวิชา 17 รูปที่ 3.7 แสดงหน้าเนื้อหา บทที่ 1 17 รูปที่ 3.8 แสดงหน้าเนื้อหา บทที่ 2 18 รูปที่ 3.9 แสดงหน้าเนื้อหา บทที่ 3 18 รูปที่ 3.10 แสดงหน้าเนื้อหา บทที่ 4 19 รูปที่ 3.11 แสดงหน้าเนื้อหา บทที่ 5 19 รูปที่ 3.12 แสดงหน้าผู้จัดทำ 20 รูปที่ 4. 1 หน้าจอโทรศัพท์มือถือ 23 รูปที่ 4. 2 ข้อความ G -Mail กดดาวโหลดไฟล์apk แอปพลิเคชั่น 23 รูปที่ 4. 3 หน้าลิ้งค์ดาวน์โหลดกดอนุญาตเพื่อติดตั้งแอปพลิเคชั่น 24 รูปที่ 4. 4 หน้าอนุญาตการเข้าถึงข้อมูลกดติดตั้งแอปพลิเคชั่น 24 รูปที่ 4. 5 หน้าติดตั้งแอปพลิเคชั่น 25 รูปที่ 4. 6 หน้ากำลังติดตั้งแอปพลิเคชั่นกดเปิดแอปพลิเคชั่น 25 รูปที่ 4.7 หน้าติดตั้งแอปพลิเคชั่นเสร็จเรียบร้อย 26 รูปที่ 4. 8 หน้า Login รูปที่ 4.9 โปรแกรม รูปที่ 4.10 หน้าสารบัญ รูปที่ 4.11 เนื้อหาบทที่ 1 26 27 27 28

ฌ สารบัญตาราง หน้า ตารางที่ 1.5 แผนการดำเนินงาน (Gantt Chart) 3 ตารางที่ 1.7 งบประมาณการดำเนินงาน 5 ตารางที่ 3.1 การออกแบบโครงสร้างเว็บไซต์ (Site map) 14 ตารางที่ 5.1 แสดงขนาดไฟล์แอปพลิเคชั่น ตารางที่ 5.3 สรุปเวลาการทงานจริง ตารางที่ 5.4 สรุปค่าใช้จ่ายในการดำเนินงานจริง 29 30 32

บทที่ 1 บทนำ 1.1 ภูมิหลังและความเป็นมา ปัจจุบันระบบฐานข้อมูลและคอมพิวเตอร์มีความสำคัญในการดำรงชีวิตของสังคมเป็นอย่าง มาก เมื่อได้นําคอมพิวเตอร์กับระบบงานฐานข้อมูลมาประยุกต์ใช้งานในด้านการบริหารจัดการ ฐานข้อมูล ผ่านระบบคอมพิวเตอร์แทนการบันทึกข้อมูลต่าง ๆ ลงบนกระดาษและเก็บรักษาเอาไว้เมื่อ เวลาผ่านไปนานเข้า ก็ทำให้ มีเอกสารเพิ่มขึ้นมากขึ้น ส่งผลให้สิ้นเปลืองพื้นที่จัดเก็บ การสืบค้นเกิด ความล่าช้า บางครั้งเอกสาร สูญหาย หรือ เสื่อมสภาพไปตามกาลเวลา ส่งผลให้เกิดปัญหาตามมาซึ่ง การใช้ระบบฐานข้อมูลนั้นจะสามารถช่วยให้ข้อมูลมีความถูกต้อง ปลอดภัยมีความน่าเชื่อถือ ลดความ ซ้ำซ้อนกันของข้อมูลและทำให้ผู้ใช้งานสามารถใช้ข้อมูลระบบงานต่าง ๆ รวมกันได้ ระบบฐานข้อมูล และเทคโนโลยีคอมพิวเตอร์ได้เข้ามามีบทบาทใน ชีวิตประจําวันเสมือนเป็นปัจจัยสําคัญในการทํางาน การติดต่อสื่อสาร รวมถึงการทําธุรกิจในองค์กรต่าง ๆ อย่างหลีกเลี่ยงไม่ได้ จะเห็นว่าเทคโนโลยี คอมพิวเตอร์สามารถใช้งานต่าง ๆ ได้อย่างมีประสิทธิภาพเกิดความคล่องตัว สะดวก และรวดเร็วมาก ขึ้น โดยจะเน้นไปทํางานด้านการสร้างแอพพลิเคชันเพื่อการเรียนการสอนในหัวข้อที่เกี่ยวข้องกับ โปรแกรมจัดการฐานข้อมูล ซึ่งการสร้างแอพพลิเคชันด้วยThunkableนั้น สามารถติดตั้งบนสมาร์ต โฟนที่ใช้ระบบปฏิบัติการ Android, iOS โดยเครื่องมือที่ใช้ในการสร้างนั้นนอกจากเครื่องมือพื้นฐาน แล้ว ยังมีการเชื่อมต่อไปยังผลิตภัณฑ์จาก Google , Twitter และ Microsoft โดยชุดคําสั่งหลังจากที่ ออกแบบหน้าจอด้วยเครื่องมือต่าง ๆ Thunkable ที่ให้เราสามารถ สร้างโมบายแอปพลิเคชัน สวยๆ ใช้งานได้ และมีประโยชน์ไม่ว่าจะเป็น นักเรียน นิสิต นักศึกษา หรือ ผู้ที่ประกอบอาชีพต่าง ๆ และไม่ ซับซ้อนจนเกินไปสําหรับผู้เริ่มต้นใช้งาน ดังนั้น ในโครงงานนี้จึงได้มีแนวความคิดที่จะจัดทําสื่อการเรียนการสอนในด้าน โปรแกรม ระบบฐานข้อมูลเพื่อช่วยให้ผู้ที่ต้องการรับความรู้ความเข้าใจเกี่ยวกับคอมพิวเตอร์และข้อมูลเชิงลึก ต่างๆ เกี่ยวกับระบบโปรแกรมฐานข้อมูลมีปริมาณเพิ่มขึ้นหรือไม่น้อยไปกว่าเดิมอาทิเช่นความ หมายความเป็นมาระบบการทํางานและองค์ประกอบของโปรแกรมฐานข้อมูล และหวังเป็นอย่างยิ่งว่า ผู้ศึกษาจะสามารถนําความรู้ที่ได้รับไปปรับใช้ในชีวิตประจําวันได้เป็นอย่างดี

2 1.2 วัตถุประสงค์โครงการ 1. เพื่อพัฒนาความรู้ความสามารถของผู้จัดทําโครงการในการใช้โปรแกรม 2. เพื่อส่งเสริมความรู้ความเข้าใจเกี่ยวกับคอมพิวเตอร์และข้อมูลเชิงลึกต่างๆ 3. เพื่อให้ผู้จัดทําโครงการนําความรู้จากการศึกษาในหลักสูตรของประกาศณียบัตรวิชาชีพ สาขาวิชา คอมพิวเตอร์ธุรกิจมาใช้ในการสร้างงานแอพพลิเคชัน 4. เพื่อส่งเสริมการเรียนรู้และการใช้เทคโนโลยีที่หลากหลาย 5. เพื่อให้ฐานข้อมูลมีความเป็นระเบียบไม่ให้เกิดความซ้ำซ้อน 1.3 ขอบเขตการศึกษา 1. มีการสมัครสมาชิกเพื่อเข้าสู่บทเรียน 2. ใช้Thunkable สร้างแอพพลิเคชันสื่อการเรียนการสอนการใช้งาน Canva 3. มีระบบ login เพื่อเข้าสู่บทเรียน 4. มีเมนู บทเรียนทั้งหมด 5 บทเรียน 1.4 ประโยชน์ที่คาดว่าจะได้รับ 1. สามารถสร้างเอกสารหรือการนําเสนอข้อมูลด้วยภาพที่เข้าใจง่าย 2. เรียนรู้ได้สะดวกและรวดเร็วขึ้น มีหลักสูตรใหม่ๆ อัปเดตเสมอประหยัดค่าใช้จ่าย 3. ได้ความความรู้ด้านโปรแกรมฐานข้อมูลต่างๆ 4. ผู้ใช้งานสามารถทบทวนบทเรียนได้ตลอดเวลา บริหารเวลาเรียนได้ตามความสะดวก 5. นํานวัตกรรมมาใช้เพื่อการเรียนรู้อย่างเต็มประสิทธิภาพ

3 1.5 แผนการดำเนินงาน (Gantt Chart) ตารางที่ 1.1 แผนการดำเนินงาน รายการ ภาคเรียนที่ 1 มิถุนายน 65 กรกฎาคม 65 สิงหาคม 65 กันยายน 65 ระยะเวลา 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 เสนอหัวข้อ ATC.01 5-10 มิ.ย. 65 ประกาศผลรอบที่ 1 13 มิ.ย. 65 เสนอหัวข้อ รอบที่ 2 14-16 มิ.ย. 65 ประกาศผล รอบที่ 2 17 มิ.ย. 65 เสนออาจารย์ที่ปรึกษา ร่วม ATC.02 13 - 30 มิถุนายน 65 ส่งเอกสารบทที่ 1 สมบูรณ์ 14 มิ.ย. 65 ถึง 8 ก.ค. 65 ส่งเอกสารบทที่ 2 สมบูรณ์ 9-31 ก.ค. 65 ส่งเอกสาร บทที่ 3 สมบูรณ์ 1-31 ส.ค. 65 สอบนำเสนอโครงงาน ATC.03 ครั้งที่ 1 5-23 ก.ย. 65 ส่งเอกสารโครงงาน ปก ,บทที่ 1-3 บรรณานุกรม ATC 01-05 26 - 30 กันยายน 65 ติดตามความคืบหน้าโปรแกรม อาจารย์ที่ปรึกษาร่วม ตุลาคม 65 รายละเอียดในการเข้าพบที่ปรึกษาร่วม 1 2 3 4 ส่งความคืบหน้าโปรแกรม 20 % โครงร่างชิ้นงาน ออกแบบโลโก้ชื่อแบรนด์ 3-9 ต.ค. 65 ส่งความคืบหน้าโปรแกรม 40 % การลงเนื้อหา จัดวางรูปภาพ สีที่ใช้ 10-16 ต.ค. 65 ส่งความคืบหน้าโปรแกรม 60 % การเชื่อมโยง การตั้งชื่อ 17-23 ต.ค. 65 ส่งความคืบหน้าโปรแกรม 80 % ระบบเริ่มใช้งานได้ 24-31 ต.ค. 65

4 ตารางที่ 1.1 แผนการดำเนินงาน(ต่อ) 1.6 เครื่องมือที่ใช้พัฒนาโปรแกรม 1. โปรแกรม Thunkable ในการสร้างแอพพลิเคชัน 2. โปรแกรม Adobe Photoshop CC 2018 มาช่วยในการออกแบบ รายการ ภาคเรียนที่ 2 พฤศจิกายน 65 ธันวาคม 65 มกราคม 66 กุมภาพันธ์ 66 ระยะเวลา 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 ส่งความคืบหน้าโปรแกรม 100 % 1-7 พ.ย. 65 สอบนำเสนอโครงงาน ระดับปวส.2 - ปวช.3 ATC.03 ครั้งที่ 2 26 พ.ย. 65 ส่ง ATC.06 1-16 ธ.ค. 65 ส่ง ATC.07 1-30 ม.ค. 66 ส่งเอกสาร บทที่ 4 สมบูรณ์ 20 ธ.ค. - 23 ม.ค. 66 ส่งเอกสาร บทที่ 5 สมบูรณ์ 31 มกราคม 2566 บทคัดย่อ กิตติกรรมประกาศ คำนำ 1-7 ก.พ.66 สารบัญ สารบัญรูป สารบัญตาราง 8-14 ก.พ.66 ประวัติผู้จัดทำ หน้าอนุมัติ 15-19 ก.พ.66 ภาคผนวก ATC.04-05 20-27 ก.พ.66 ส่งเล่มโครงงาน 28 ก.พ.66 ส่งไฟล์เอกสาร Word PDF โปรแกรม ไฟลรวม PDF ไม่เกิน 10 มีนาคม 2566

5 1.7 งบประมาณการดำเนินงาน ลำดับ รายการ จำนวน ราคา (บาท) 1 กระดาษ A4 3 รีม 380 2 ค่าหมึกพิมพ์เอกสาร 1 ตลับ 1,530 3 ค่าเข้าเล่ม 1 เล่ม 200 รวมเป็นเงิน 2,110 ตารางที่ 1.2 งบประมาณการดำเนินงาน

บทที่ 2 ระบบงานสื่อการเรียนการสอนและทฤษฎีที่เกี่ยวข้อง 2.1 ระบบงานในปัจจุบัน ปัจจุบันระบบฐานข้อมูลและคอมพิวเตอร์มีความสำคัญในการดำรงชีวิตของสังคมเป็นอย่าง มาก เมื่อได้นําคอมพิวเตอร์กับระบบงานฐานข้อมูลมาประยุกต์ใช้งานในด้านการบริหารจัดการ ฐานข้อมูล ผ่านระบบคอมพิวเตอร์แทนการบันทึกข้อมูลต่าง ๆ ลงบนกระดาษและเก็บรักษาเอาไว้เมื่อ เวลาผ่านไปนานเข้า ก็ทำให้ มีเอกสารเพิ่มขึ้นมากขึ้น ส่งผลให้สิ้นเปลืองพื้นที่จัดเก็บ การสืบค้นเกิด ความล่าช้า บางครั้งเอกสาร สูญหาย หรือ เสื่อมสภาพไปตามกาลเวลา ส่งผลให้เกิดปัญหาตามมาซึ่ง การใช้ระบบฐานข้อมูลนั้นจะสามารถช่วยให้ข้อมูลมีความถูกต้อง ปลอดภัยมีความน่าเชื่อถือ ลดความ ซ้ำซ้อนกันของข้อมูลและทำให้ผู้ใช้งานสามารถใช้ข้อมูลระบบงานต่าง ๆ รวมกันได้ ระบบฐานข้อมูล และเทคโนโลยีคอมพิวเตอร์ได้เข้ามามีบทบาทใน ชีวิตประจําวันเสมือนเป็นปัจจัยสําคัญในการทํางาน การติดต่อสื่อสาร รวมถึงการทําธุรกิจในองค์กรต่าง ๆ อย่างหลีกเลี่ยงไม่ได้ จะเห็นว่าเทคโนโลยี คอมพิวเตอร์สามารถใช้งานต่าง ๆ ได้อย่างมีประสิทธิภาพเกิดความคล่องตัว สะดวก และรวดเร็วมาก ขึ้น 2.2 ปัญหาระบบงานในปัจจุบัน 1. ผู้คนในยุคปัจจุบันส่วนมากต้องการใช้โปรแกรมกราฟิกต่าง ๆ ในการแก้ไขตกแต่งรูปภาพ ให้ตรงตามความต้องการของตนเอง 2. ในการศึกษาขั้นตอนวิธีการแก้ไขตกแต่งรูปภาพและเทคนิคต่าง ๆ ต้องเข้าใจความหมาย ซึ่งเป็นเรื่องที่ไม่ง่ายนัก 3. ในปัจจุบันเริ่มใช้ภาพกราฟิกในการทำธุรกิจต่าง ๆ จึงต้องใช้โปรแกรมแก้ไขตกแต่งรูปภาพ ให้งานเกิดความน่าสนใจ ประทับใจแก่ผู้พบเห็นมากที่สุด 2.3 ทฤษฎีระบบปฏิบัติการ Android กูเกิลแอนดรอยด์ (Google Android) คือระบบปฏิบัติการที่เป็นซอฟต์แวร์แพลตฟอร์มบน มือถือสร้าง ขึ้นมาจากระบบปฏิบัติการลีนุกซ์(PoweredbytheLinuxkernel) พัฒนาขึ้นมาโดยกูเกิลกู เกิลแอนดรอยด์นั้นได้เปิดให้นักพัฒนาสามารถเข้ามาจัดการเขียนโน๊ตต่างๆได้ด้วยภาษาจาวาและ เขียนควบคุมอุปกรณ์ต่างๆผ่านทํางานจาวาไลบลารี่ที่ทํางานกูเกิลพัฒนาขึ้นโดยเฉพาะ(GoogledevelopedJavalibraries) โปรแกรมต่างๆที่รันบนกูเกิลแอนดรอย์สามารถเขียนได้ด้วยภาษาซี (C)และภาษาอื่นส่วนการพัฒนาผ่าน การคอมไพล์ด้วยสถาปัตยกรรมแบบARMNativeCode(32bit) นั้นยังไม่ได้รับการสนับสนุนจากทางกูเกิลแต่อย่างใดกูเกิลแอนดรอยด์ได้เปิดตัวเป็นครั้งแรกในวันที่ 5

7 พฤศจิกายนพ.ศ. 2550 โดยทางกูเกิลได้ประกาศก่อตั้งOpenHandsetAllianceกลุ่มบริษัทฮาร์ดแวร์, ซอฟต์แวร์และการสื่อสาร 48 แห่งและได้ออกมาให้ในโฉมตัวจริงกันในช่วงปี 2551 ที่ผ่านมาลิขสิทธิ์ ของกูเกิลแอนดรอยด์นั้นจะอยู่ในลักษณะของฟรีซอฟต์แวร์และโอเพ็นซอร์จโดยอยู่ภายใต้สิทธิบัตร ของครีเอทีพคอมมอนส์แอทรีบิว 2.5 ซึ่งทําให้ผู้ใช้นั้นสามารถดาวโหลดซอฟต์แวร์ของกูเกิลแอน ดรอยด์ไปใช้ได้ฟรีและยังสามารถนําซอฟต์แวร์ที่ได้ไปแชร์แจกต่อได้แต่ไม่อนุญาตให้แก้ใขโดยการ นําเอาชื่อผู้เขียนซอฟต์แวร์หรือรายการสิทธิบัตรของซอฟต์แวร์นั้น ออกตัวโปรแกรม Android คือ สถาปัตยกรรมของระบบแอนดรอยด์ (โครงสร้างของระบบแอนดรอยด์) เบื้องต้น แอนดรอยด์เป็นซอฟต์แวร์ที่มีโครงสร้างแบบเรียงทับซ้อนหรือแบบสแต็ก (Stack) ซึ่งรวมเอา ระบบปฏิบัติการ (Operating System), มิดเดิลแวร์ (Middleware) และแอปพลิเคชันที่สำคัญเข้าไว้ ด้วยกันเพื่อใช้สำหรับทํางานบนอุปกรณ์พกพาเคลื่อนที่ (Mobile Devices) เช่นโทรศัพท์มือถือเป็น ต้น การทํางานของแอนดรอยด์มีพื้นฐานอยู่บนระบบลีนุกซ์เคอร์เนล (LinuxKernel) ซึ่งใช้Android SDK (Software Development Kit) เป็ น เค รื่อ งมื อ ส าห รับ ก ารพั ฒ น าแ อ ป พ ลิ เค ชั น บ น ระบบปฏิบัติการ Android และใช้ภาษา Java ในการพัฒนาสถาปัตยกรรมของแอนดรอยด์ (Android Architecture) นั้นถูกแบ่งออกเป็นลําดับชั้น ออกเป็น 4 ชั้นหลักๆ รูปที่2.1 แสดงสถาปัตยกรรมแอนดรอยด์

8 ชั้นแอพพลิเคชัน (Application) ชั้นนี้จะเป็นชั้นที่อยู่บนสุดของโครงสร้างสถาปัตยกรรม Android ซึ่งเป็นส่วนของแอปพลิเค ชันที่พัฒนา ขึ้นมาใช้งานเช่นแอปพลิเคชันรับ/ส่งอีเมล์, SMS, ปฏิทิน, แผนที่, เว็บเบราเซอร์, รายชื่อ ผู้ติดต่อเป็นต้นซึ่ง แอปพลิเคชันจะอยู่ในรูปแบบของไฟล์ .apk รูปที่2.2 แสดงตัวอย่างอพพลิเคชั่น ชั้นแอพพลิเคชันเฟรมเวิร์ค (Application Framework) ในชั้นนี้จะอนุญาตให้นักพัฒนาสามารถเข้าเรียกใช้งานโดยผ่าน API ซึ่ง Android ได้ ออกแบบไว้เพื่อลดความช้า ซ้อนในการใช้งาน application component โดยในชั้นนี้ประกอบด้วย แอปพลิเคชันเฟรมเวิร์คดังนี้ View System เป็นส่วน ที่ใช้ในการควบคุมการทํางานสาหรับ การสร้าง แอป พ ลิเคชัน เช่น lists, grids, textboxes, buttons และembeddable browser Location Managerเป็นส่วนที่จัดการเกี่ยวกับค่าตำแหน่งของเครื่อง อุปกรณ์พกพาเคลื่อนที่ Content Provider เป็นส่วนที่ใช้ควบคุมการเข้าถึงข้อมูลที่มีการใช้งานร่วมกัน (Share data) ระหว่างแอป พลิเคชันที่แตกต่าง กันเช่นข้อมูลผู้ติดต่อ (Contact) Resource Managerเป็นส่วนที่จัดการข้อมูล ต่างๆที่ไม่ใช้ส่วนของโค๊ด โปรแกรมเช่นรูปภาพ, localized strings, layout ซึ่งจะอยู่ในไดเร็คทอรี res/ Notification Manager เป็นส่วนที่ควบคุมอีเวนต์ (Event) ต่างๆที่แสดงบนแถบสถานะ (Status bar) เช่นในกรณีที่ได้รับข้อความ หรือสายที่ไม่ได้รับและการแจ้งเตือนอื่นๆเป็นต้น Activity Managerเป็นส่วนควบคุมLifecycleของแอป พลิเคชัน

9 ชั้นไลบรารี(Library) Android ได้รวบรวมกลุ่มของไลบรารีต่างๆที่สาคัญและมีความจำเป็นเอาไว้มากมายเพื่ออำนวยความ สะดวกให้กับนักพัฒนาและง่ายต่อการพัฒนาโปรแกรมโดยตัวอย่างของไลบรารีที่สาคัญเช่น System C library เป็นกลุ่มของไลบรารีมาตรฐานที่อยู่บนพื้นฐานของภาษา C ไลบรารี (libc) สาหรับembedded systemที่มีพื้นฐานมาจาก Linux Media Libraries เป็นกลุ่มการทํางานมัลติมีเดียเช่น MPEG4, H.264, MP3, AAC, AMR, JPG, และ PNG Surface Manager เป็นกลุ่มการจัดการรูปแบบหน้าจอการวาดหน้าจอ 2D/3D library เป็นกลุ่มของกราฟแบบ 2 มิติหรือ (ScalableGraphicsLibrary) (SGL) และแบบ 3 มิติหรือ OpenGL Free Type เป็นกลุ่มของบิตแมป (Bitmap) และเวคเตอร์ (Vector) สาหรับการ เรนเดอร์ (Render) ภาพ SQLite เป็นกลุ่มของฐานข้อมูลโดยนักพัฒนาสามารถใช้ฐานข้อมูลนี้เก็บข้อมูลแอป พลิเคชันต่างๆได Browser Engine เป็นกลุ่มของการแสดงผลบนเว็บเบราเซอร์โดยอยู่บนพื้นฐานของ Web kit รูปที่ 2.3 แสดงวงจรชีวิตการทําางานของแอนดรอยด์

10 จากรูปที่ 2.3 onCreate (Bundle) จะถูกเรียกเมื่อ Activity มีการสร้างตัวเองครั้งแรกเป็น method สาคัญในสร้างหน้าจอการทางานต่างๆหรือกาหนดสถานะต่างๆของ control ที่จะใช้งาน (onRestart) จะถูกเรียกหลังจากที่ Activity กลับมาจากสถานะ Stop เพื่อเริ่มทางานใหม่อีกครั้ง (onStart) จะถูกเรียก เมื่อ Activity เริ่มแสดงให้ผู้ใช้งานเห็น (onResume) จะถูกเรียกเมื่อ Activity สามารถที่จะโต้ตอบกับผู้ใช้งานได้(onPause) จะถูกเรียกเมื่อมี Activity อื่นกาลังทางานเป็น method สาคัญในการเก็บข้อมูลที่ สาคัญหรือทาการปล่อยหน่วยความจาเพื่อให้ Activity อื่นได้ใช้ งาน (onStop) จะถูกเรียกเมื่อ Activity ไม่ปรากฏบนหน้าจอแล้วจะเข้าสู่สถานะ Stop on Destro จะถู กเรียก เมื่ อ Activity ก าลั งจะถูก ท า ล ายแ ล ะยั งมี method ที ส าคั ญ อี ก 2 ตั วคื อ onSaveInstanceState (Bundle) จะถูกเรียกก่อน (onPause) เพื่อเก็บสถานะต่างๆของ Activity ไว้ใช้เมื่อ Activity นี่ได้กลับมาทางานอีกครั้ง onRestoreInstanceState (Bundle) จะถูกเรียกก่อน onResume() เพื่อนาสถานะต่างๆของ Activity ที่เก็บไว้มาใช้งาน งานวิจัยที่เกี่ยวข้อง เนื่องจากปัจจุบันระบบปฏิบัติการ Android มีผู้นิยมใช้เป็นจำนวนมากและ สามารถพัฒนา โปรแกรมได้อย่างอิสระและมีประสิทธิภาพสูงมากบางครั้งจึงลืมนึกถึงความสะดวกสบายใน การใช้ งานเป็นหลักเช่นมีปุ่มฟังก์ชั่นย่อยมากเกินไปจึงอาจเกิดปัญหาติดขัดในการใช้งานได้เช่น รูปที่ 2.4 โปรแกรม Dog DressUp คือโปรแกรมการแต่งตัวสุนัข

11 2.4 หลักการใช้สี การใช้สีกับงานออกมานั้น อยู่ที่นักออกแบบมีจุดมุ่งหมายใด ที่จะสร้างความสนใจ ความ เร้า ใจต่อผู้ดู เพื่อให้เข้าถึง จุดหมายที่ตนต้องการ หลักของการใช้มีดังนี้2.3.1 การใช้สีวรรณะเดียว ความหมายของสีวรรณะเดียว คือกลุ่มสีที่แบ่งออกเป็นวงล้อของสีเป็น 2 วรรณะ คือ วรรณะร้อนwarm tone ซึ่งประกอบด้วย สีเหลือง สีส้ม สีแดง สีม่วง สีเหล่านี้ให้อิทธิพล ต่อความรู้สึก ตื่นเต้น เร้า ใจ กระฉับกระเฉง ถือว่าเป็นวรรณะร้อน วรรณะเย็น cool tone ประกอบด้วย สีเหลือง สีเขียว สีน้ำเงิน สีม่วง สีเหล่านี้ดู เย็นตา ให้ความรู้สึก สงบ สดชื่น การใช้สีแต่ละครั้งควรใช้สีวรรณะเดียวใน ภาพทั้งหมดเพราะจะทาให้ภาพ ความเป็นอันหนึ่งอันเดียว การใช้สีต่างวรรณะ หลักการทั่วไป ใช้อัตราส่วน 80% ต่อ 20% ของวรรณะสีคือ ถ้าใช้สีวรรณะร้อน 80% สี วรรณะเย็นก็ 20% เป็นต้น ซึ่งการใช้แบบนี้สร้างจุดสนใจของผู้ดู ไม่ควรใช้อัตราส่วนที่เท่ากันเพราะ จะ ทาให้ไม่มีสีใดเดิน ไม่น่าสนใจ 2.3.1.2 การใช้สีตรงกันข้าม สีตรงข้ามจะทาให้ความรู้สึกที่ตัดกัน รุนแรง สร้างความเดิน และเร้าใจได้มากแต่ หากใช้ไม่ถูกหลัก หรือ ไม่เหมาะสม หรือใช้จานวนสีมาก สีจนเกินไป ก็จะทาให้ความรู้สึกพร้ามัว ลายตา ขัดแย้ง ควรใช้สีตรงข้าม ในอัตราส่วน 80% ต่อ20% หรือหากมีพื้นที่เท่ากันที่จาเป็นต้องใช้ ควรนาสีขาว หรือสีดา เข้ามาเสริม เพื่อ ตัดเส้นให้แยกออก จาก กันหรืออีกวิธีหนึ่งคือการลดความสดของสีตรงข้ามให้หม่นลงไป สีตรง ข้ามมี 6 คู่ได้แก่ รูปที่ 2.5 วงล้อสี

12 จากรูปที่ 2.5 โทนร้อน นับจากโทนสีเหลือง ชมพู แดง ส้ม ม่วง น้ำตาล สีเหล่านี้ให้ ความหมายที่เร้าร้อน ก้าวร้าว มีอิทธิพลต่อการดึงดูดและกระตุ้นอารมณ์ได้ มากมายกว่าโทนสีอื่นๆ สีเหล่านี้จะใช้มากกับงานประเภท หัวหนังสือ นิตยา สาร แคตตาล็อก ตลอดจนป้ายโฆษณาต่างๆซึ่ง จะกระตุ้นความสนใจต่อผู้พบเห็นได้เร็วสีเย็น Cool Colors เริ่มจากสีเทา ฟ้า น้ำเงิน เขียว สีโทนนี้จัด อยู่ในสีโทนเย็น ให้ อารมณ์ความรู้สึก สงบ สะอาด เย็นสบาย สีขาว White คือสีแห่งความ สะอาด บริสุทธิ์ ไร้เดียงสา สีดา Black คือ สัญลักษณ์แห่งความโศกเศร้าและความตาย และบางความหมาย ใช้แทนความ หลักการออกแบบแอพพลิเคชัน แนวทางการออกแบบแอพพลิเคชันแอนดรอยด์ การออกแบบและพัฒนาแอพพลิเคชันสา หรับอุปกรณ์เคลื่อนที่ นั้น ผู้พัฒนาจาเป็นต้องศึกษาคุณสมบัติของอุปกรณ์ในแต่ละประเภท ไม่ว่าจะ เป็นขนาดตัวเครื่อง ขนาดหน้าจอ หน่วย ประมวลผล หน่วยเก็บข้อมูล คุณสมบัติด้านมัลติมีเดียและ การเชื่อมต่อแบบต่างๆภายในเครื่อง ขนาด (Size) ขนาดของที่เหมาะสมนั้นควรจะมีขนาดไม่เกินฝ่ามือของผู้ใช้ รูปทรงเหมาะแก่การพกพา น้ำหนักต้องเบา โดยเฉพาะผู้ใช้ที่ต้องใช้งานอยู่ตลอดนั้นจะได้มีความคล่องตัวเวลาใช้งานน้ำหนัก ถือ เป็นปัจจัยหลักที่ต้องคำนึงถึงเนื่องจากโดยทั่วไปแล้วเรามักจะถือใช้งานเป็นส่วนใหญ่ เช่นแท็บเล็ตที่มี น้ำหนักประมาณ 700 กรัม สา หรับผู้ใหญ่เองจะถือได้ไม่นานเท่าไรนัก และต้องอาศัยการวางบนโต๊ะ สลับกับถือเป็นระยะๆ แทน สาหรับการใช้งาน ของเด็กควรมีน้ำที่เบาสามารถจับถือได้เป็นเวลานาน หน่วยประมวลผล (CPU) หน่วยประมวลผลนั้นมีส่วนสำคัญเป็นอย่างมากสำหรับเครื่อง PDA เพราะมันจะ เปรียบเสมือนกับสมองของคนเรา หน่วยประมวลผลที่เร็วนั้นจะสามารถตอบสนองงานได้เร็วขึ้น และ ผิดพลาด น้อยลง แต่ความสิ้นเปลืองพลังงาน (แบตเตอรี่) ก็จะมากขึ้นด้วย หน่วยความจำ (Memory) หน่วยความจาจะแสดงถึงเครื่องนั้นๆ สามารถรองรับโปรแกรมได้มากแค่ไหน และ สามารถ บันทึกข้อมูลได้มากเพียงใดด้วย เป็นพื้นที่เก็บข้อมูลภายใน มีให้เลือกด้วยกันหลายรุ่น หลายขนาด ได้แก่ 16GB/32GB/64GB แต่ราคาก็จะสูงขึ้นไปเรื่อยๆ อย่างไรก็ตามแท็บเล็ตบางรุ่นจะมีส่วนเก็บ ข้อมูลเพิ่มเติมเข้ามา

13 จอภาพ(Screen) Tablet PC นั้นต่างจากDesktop PC, NotebookPC และ Smartphone ตรงที่ใช้จอภาพ แบบ Touchscreen ในการสั่งงานและป้อนข้อมูลเป็นหลัก โดยอาจจะใช้Virtual keyboards หรือ เป็นแบบ Finger Base สาหรับป้อนข้อมูลแทน Keyboard ปกติหรือใช้ handwriting recognition แปลงการเขียนลายเส้นแทน Keyboard ระบบปฏิบัติการ (Operating System) ระบบปฏิบัติการหลักที่เรารู้จักกันทั่วไปก็คือซิมเบียนซึ่งส่วนใหญ่จะ ใช่ในค่ายโนเกีย วินโดวส์ โมบาย จะใช้กับโทรศัพท์มือถือที่เป็น PDA (Personal digital assistants) ไอโอเอส (ios) ใช้เฉพาะ ใน ไอโฟน ไอแพด และ ไอพอดทัช BlackBerry OS (BB) แอนดรอยด์ จากทาง google เว็บโอเอส (webOS) มีโก (MeeGo) จากทางโนเกีย(nokia) PC2002 ซึ่งแต่ระบบจะมีคุณ สมบัติและ ความสามารถที่แตกต่าง กัน

14

14 บทที่ 3 การออกแบบระบบงานด้วยคอมพิวเตอร์ 3.1 การออกแบบโครงสร้างเว็บไซต์ (Site map) รูปที่ 3.1 การออกแบบโครงสร้างเว็บไซต์ (Site map)

15 3.2 การออกแบบแผนภาพแนวความคิด (Story Board Design) รูปที่ 3.2 การออกแบบแผนแนวคิด รูปที่ 3.3 แสดงหน้า Home

16 รูปที่ 3.4 แสดงหน้าคำอธิบายรายวิชา รูปที่ 3.5 แสดงหน้าสมรรถนะรายวิชา

17 รูปที่ 3.6 แสดงหน้าจุดประสงค์รายวิชา รูปที่ 3.7 แสดงหน้าเนื้อหา บทที่ 1

18 รูปที่ 3.8 แสดงหน้าเนื้อหา บทที่ 2 รูปที่ 3.9 แสดงหน้าเนื้อหา บทที่ 3

19 รูปที่ 3.10 แสดงหน้าเนื้อหา บทที่ 4 รูปที่ 3.11 แสดงหน้าเนื้อหา บทที่ 5

20 รูปที่ 3.12 แสดงหน้าผู้จัดทำ 3.3 การออกแบบสิ่งนำเข้า (Input Design) 1. หน้า Index 2. หน้า Home 3. หน้าคำอธิบายรายวิชา 3.1 หัวข้อที่ 1 3.2 หัวข้อที่ 2 3.3 หัวข้อที่ 3 3.4 หัวข้อที่ 4 3.5 หัวข้อที่ 5 4. หน้าสมรรถนะรายวิชา 4.1 หัวข้อที่ 1 4.2 หัวข้อที่ 2 4.3 หัวข้อที่ 3 4.4 หัวข้อที่ 4 4.5 หัวข้อที่ 5 5. หน้าจุดหระสงค์รายวิชา 5.1 หัวข้อที่ 1 5.2 หัวข้อที่ 2 5.3 หัวข้อที่ 3

21 5.4 หัวข้อที่ 4 5.5 หัวข้อที่ 5 6. หน้าบทที่ 1 6.1 เนื้อหา บทที่ 1 7. หน้าบทที่ 2 7.1 เนื้อหา บทที่ 2 8. หน้าบทที่ 3 8.1 เนื้อหา บทที่ 3 9. หน้าบทที่ 4 9.1 เนื้อหา บทที่ 4 10. หน้าบทที่ 5 10.1 เนื้อหา บทที่ 5 12. ผู้จัดทำ 12.1 สมาชิกที่ 1 12.2 สมาชิกที่ 2 12.3 สมาชิกที่ 3 3.4 การออกแบบสิ่งนำออก (Output Design) 1. การนำเสนอผ่านทางเครื่อง Printer คือ การจัดทำเอกสาร 2. การแสดงออกผ่านทางมือถือ คือ รูปแบบการเรียนออนไลน์ 3. การแสดงออกผ่านทางคอมพิวเตอร์ คือ รูปแบบการทำสไลด์ 4. การแสดงออกผ่านทางเครื่องฉายโปรเจคเตอร์ คือ การนำเสนอวิชาโครงงาน

บทที่ 4 การพัฒนาสื่อการเรียนการสอนโปรแกรมฐานข้อมูล 4.1 เครื่องมือและอุปกรณ์ที่ใช้ 1. Notebook DEL 2. Mouse 3. Flash drive 16GB 4. Printer canon 4.2 โปรแกรมที่ใช้ในการพัฒนา 1. โปรแกรม Microsoft Word 2016 ใช้ในการพิมพ์เอกสาร 2. โปรแกรม Microsoft PowerPoint 2016 ใช้ในการนำเสนองาน 3. โปรแกรม Canva ใช้ในการออกแบบหน้าแอปพลิเคชั่น 4. โปรแกรม Thunkable ใช้ในการออกแบบโครงสร้างแอปพลิเคชั่น

23 4.3 การติดตั้งโปรแกรมและระบบ 1.ไปที่ G-Mail 2.ไฟล์apk แอปพลิเคชั่นจะถูกส่งไปที่ G-Mail รูปที่ 4.1 หน้าจอโทรศัพท์มือถือ รูปที่ 4.2 ข้อความ G-Mail กดดาวโหลดไฟล์apk แอปพลิเคชั่น

24 รูปที่ 4.3 หน้าลิ้งค์ดาวน์โหลดกดอนุญาตเพื่อติดตั้งแอปพลิเคชั่น รูปที่ 4.4 หน้าอนุญาตการเข้าถึงข้อมูลกดติดตั้งแอปพลิเคชั่น

25 รูปที่ 4.5 หน้าติดตั้งแอปพลิเคชั่น รูปที่ 4.6 หน้ากำลังติดตั้งแอปพลิเคชั่นกดเปิดแอปพลิเคชั่น

26 รูปที่ 4.7 หน้าติดตั้งแอปพลิเคชั่นเสร็จเรียบร้อย 4.4 วิธีการนำไปใช้ การใช้งานแอปพลิเคชั่น สื่อการเรียนการสอน เรียนรู้ง่าย ๆ ไปกับ MS Access รูปที่ 4.8 หน้า Login

27 รูปที่ 4.9 โปรแกรม รูปที่ 4.10 หน้าสารบัญ

28 รูปที่ 4.11 หน้าเนื้อหา บทที่ 1 รูปที่ 4.12 หน้าเนื้อหา 2

29 รูปที่ 4.13 หน้าเนื้อหา 3 รูปที่ 4.14 หน้าเนื้อหา4

30 บทที่ 5 สรุปผลการทำโครงการ 5.1 สรุปผลโครงการ 1. เพื่อสร้างสื่อการเรียนการสอน การใช้งาน Thunkable ง่าย ๆ 2. เพื่อออกแบบสื่อการเรียนการสอน การใช้งาน Thunkable ง่าย ๆ 3. เพื่อทดสอบระบบสื่อการเรียนการสอน การใช้งาน Thunkable ง่าย ๆ 5.1.1 ขนาดโปรแกรมของแต่ละไฟล์ ที่ ชื่อไฟล์ ขนาดของไฟล์ หมายเหตุ 1 Thunkable 130000 KB ไฟล์งานแอปพลิเคชั่น ตารางที่ 5.1 แสดงขนาดไฟล์ของแอปพลิเคชั่น 5.1.2 ข้อผิดพลาดที่มีต่อการออกแบบระบบงาน 1. การออกแอปพลิเคชั่นไม่ตรงตามที่คิดไว้ 2. การอัพโหลดรูปภาพลงบนแอปพลิเคชั่นไม่ตรงตามที่คิดไว้ 3. การปรับขนาดรูปภาพไม่ตรงตามที่ตั้งใจไว้ 5.1.3 ข้อผิดพลาดที่มีในโปรแกรม 1. เกิดข้อผิดพลาดเกี่ยวกับการอัพโหลดรูปภาพขึ้นไปยังแอปพลิเคชั่น 2. เกิดข้อผิดพลาดเกี่ยวกับการปรับขนาดรูปภาพที่ใหญ่เกินไป 3. เกิดข้อผิดพลาดเกี่ยวกับการวางรูปภาพไม่ตรงจุดที่ต้องการ 4. การสร้างแอปพลิเคชั่นเกิดการล่าช้า เพราะยังไม่มีความชำนาญในการเขียนโค้ด 5.2 ปัญหาและอุปสรรคในการดำเนินงาน 1. การเขียนโปรแกรม และการทำงานเกี่ยวกับเอกสารในแต่ละบทต้องเปลี่ยน เครื่องคอมพิวเตอร์หลายเครื่องทำให้โปรแกรมและเอกสารคลาดเคลื่อน 2. การดำเนินงานโครงการและระยะเวลาที่กำหนดส่งเอกสารมีการขาดการวางแผนจึงทำให้ เกิดข้อผิดพลาดในการดำเนินงาน 3. สมาชิกในกลุ่มมีเวลาในการทำงานไม่ตรงกันทำให้การทำงานในกลุ่มล่าช้า

31 5.3 สรุปเวลาการทำงานจริง (Gantt Chart) ตารางที่ 5.2 สรุปเวลาการดำเนินงานจริง รายการ ภาคเรียนที่ 1 มิถุนายน 65 กรกฎาคม 65 สิงหาคม 65 กันยายน 65 ระยะเวลา 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 เสนอหัวข้อ ATC.01 5-10 มิ.ย. 65 ประกาศผลรอบที่ 1 13 มิ.ย. 65 เสนอหัวข้อ รอบที่ 2 14-16 มิ.ย 65 ประกาศผล รอบที่ 2 17 มิ.ย. 65 เสนออาจารย์ที่ปรึกษาร่วม ATC.02 13 -30 มิถุนายน 65 ส่งเอกสารบทที่ 1 สมบูรณ์ 14- มิ.ย. 65 ถึง 8 ก.ค. 65 ส่งเอกสารบทที่ 2 สมบูรณ์ 9-31 ก.ค. 65 ส่งเอกสาร บทที่ 3 สมบูรณ์ 1-31 ส.ค. 65 สอบนำเสนอโครงงาน ATC.03 ครั้งที่ 1 5-23 ก.ย. 65 ส่งเอกสารโครงงาน ปก ,บทที่ 1-3 บรรณานุกรม ATC 01-05 26-30 ก.ย. 65 ติดตามความคืบหน้าโปรแกรม อาจารย์ที่ปรึกษาร่วม ตุลาคม 65 รายละเอียดในการเข้าพบที่ปรึกษาร่วม 1 2 3 4 ส่งความคืบหน้าโปรแกรม 20 % โครงร่างชิ้นงาน ออกแบบโลโก้ ชื่อแบรนด์ 3-9 ต.ค. 65 ส่งความคืบหน้าโปรแกรม 40 % การลงเนื้อหา จัดวางรูปภาพ สีที่ใช้ 10-16 ต.ค. 65 ส่งความคืบหน้าโปรแกรม 60 % การเชื่อมโยง การตั้งชื่อ 17-23 ต.ค. 65 ส่งความคืบหน้าโปรแกรม 80 % ระบบเริ่มใช้งานได้ 24-31 ต.ค. 65

32 ตารางที่ 5.2 สรุปเวลาการดำเนินงานจจริง (ต่อ) หมายเหตุ เส้นสีดํา คือ ระยะเวลาที่กําหนด เส้นสีแดง คือ ระยะเวลาการดำเนินงานจริง รายการ ภาคเรียนที่ 2 พฤศจิกายน 65 ธันวาคม 65 มกราคม 66 กุมภาพันธ์ 66 ระยะเวลา 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 ส่งความคืบหน้าโปรแกรม 100 % 1-7 พ.ย. 65 สอบนำเสนอโครงงาน ระดับปวส.2 - ปวช.3 ATC.03 ครั้งที่ 2 26 พ.ย. 65 ส่ง ATC.06 1-16 ธ.ค. 65 ส่ง ATC.07 1-30 ม.ค. 66 ส่งเอกสาร บทที่ 4 สมบูรณ์ 20 ธ.ค. - 23 ม.ค. 66 ส่งเอกสาร บทที่ 5 สมบูรณ์ 31 มกราคม 2566 บทคัดย่อ กิตติกรรมประกาศ คำนำ 1-7 ก.พ.66 สารบัญ สารบัญรูป สารบัญตาราง 8-14 ก.พ.66 ประวัติผู้จัดทำ หน้าอนุมัติ 15-19 ก.พ.66 ภาคผนวก ATC.04-05 20-27 ก.พ.66 ส่งเล่มโครงงาน 28 ก.พ.66 ส่งไฟล์เอกสาร Word PDF โปรแกรม ไฟลรวม PDF ไม่เกิน 10 มีนาคม 2566

33 5.4 สรุปค่าใช้จ่ายในการดําเนินการจริง ตารางที่ 5.3 สรุปค่าใช้จ่ายในการดําเนินงานจริง ลำดับ รายการ จำนวน ราคา (บาท) 1 กระดาษ A4 2 รีม 1000 2 ตลับหมึกพิมพ์ 1 ตลับ 800 3 ค่าเข้าเล่ม 1 เล่ม 400 4 ค่าแฟลชไดรฟ์ 1 อัน 400 5 ค่าซองใส่เอกสาร 2 ครั้ง 1000 6 ค่าซองใส่เอกสาร 1 ซอง 20 รวมเป็นเงิน 3620

34 บรรณานุกรม จอมพล ประทีปรัมย์ และคณะ. (2564). ระบบฐานข้อมูลร้านเจ๊เล็กข้าวต้มป้อมปีกกา. หลักสูตร ประกาศนียบัตรวิชาชีพ สาขาวิชาคอมพิวเตอร์ธุรกิจ, วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ. ชัฐพงศ์พร้อมเจริญ และคณะ. (2564). ระบบฐานข้อมูลอพาร์ทเม้นท์ทีแมนชั่น. หลักสูตร ประกาศนียบัตรวิชาชีพ สาขาวิชาคอมพิวเตอร์ธุรกิจ, วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ. ธนพัทธ์ ผ่านกระโทก และคณะ. (2564). ระบบฐานข้อมูล ประเภทการเช่าที่จอดรถ. หลักสูตร ประกาศนียบัตรวิชาชีพ สาขาวิชาคอมพิวเตอร์ธุรกิจ, วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ. นฤเบศ ก้านดอกไม้. (2559). ส่วนประกอบต่าง ๆ ของโปรแกรม Photoshop CS6. ค้นข้อมูล 15 มิถุนายน 2565, จาก https://sites.google.com/site/computeronlineinth/neuxha- bth-reiyn/-photoshop-cs5/---photoshop-cs3 บริษัท ไทยโซลเดอร์ อินดัสตรี จำกัด. (2565). ข้อมูลรายละเอียดโรงงาน. ค้นข้อมูล 15 มิถุนายน 2565, จาก http://www.thaisolder.co.th ปิยะดนัย วิเคียน. (2558). ระบบฐานข้อมูล. ค้นข้อมูล 15 มิถุนายน 2565, จาก https://krupiyadanai.wordpress.com/learn_program/ มณีรัตน์ สว่างจิตร์, ปัทมาภรณ์ คล้ายแจ้ง และกมลวรรณ สารสม. (2558). คุณสมบัติพื้นฐานของ โปรแกรม Adobe Photoshop. ค้นข้อมูล 15 มิถุนายน 2565, จาก https://sites.google.com/site/khwamruphunthanphotoshopcs6/1-khunsmbati- phun-than-khxng-porkaerm วิทยาลัยการอาชีพบ้านลาด. (2562). ความรู้ทั่วไปเกี่ยวกับฐานข้อมูล. ค้นข้อมูล 15 มิถุนายน 2565, จาก https://sites.google.com/a/bicec.ac.th/e-learning/pla-hnwy1 วิศรุต ทรัพย์ศรีอาริยะ. (2558). คุณสมบัติเครื่องมือและองค์ประกอบของโปรแกรม Adobe Photoshop CS6. ค้นข้อมูล 15 มิถุนายน 2565, จากhttps://sites.google.com/site/ reasononlineforstudent/configuration ศิวัช กาญจนชุม และวิชาญ หงส์บิน. (2558). ระบบจัดการฐานข้อมูลและการออกแบบ. กรุงเทพมหานคร : พัฒนาวิชาการ.

35 ภาคผนวก - ใบเสนอขออนุมัติการทำโครงการระบบคอมพิวเตอร์ธุรกิจ (ATC.01) - ใบเสนออาจารย์ที่ปรึกษาร่วมโครงการ (ATC.02) - ใบขอสอบป้องกันโครงการระบบคอมพิวเตอร์ธุรกิจ (ATC.03) - ใบบันทึกรายงานความคืบหน้า อาจารย์ที่ปรึกษาหลัก และอาจารย์ที่ปรึกษาร่วม (ATC.04) - ใบบันทึกการเข้าพบอาจารย์ที่ปรึกษาโครงการ (ATC.05) - ใบขออนุญาตอาจารย์ที่ปรึกษาร่วมจัดทำเอกสารบทที่ 4-5 (ATC.06) - ใบรับรองการนำไปใช้ประโยชน์ได้จริง (ATC.07)

36 ATC.01 ขอเสนออนุมัติทำโครงงานระบบคอมพิวเตอร์ สาขาวิชาคอมพิวเตอร์ธุรกิจ วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ วันที่ 2 เดือน กรกฎาคม พ.ศ. 2565 เรื่อง ขอเสนออนุมัติทำโครงงานระบบคอมพิวเตอร์ธุรกิจ เรียน ประธานกรรมการพิจารณาอนุมัติทำโครงงานระบบคอมพิวเตอร์ธุรกิจ ข้าพเจ้า 1. นายชาครีย์ ธูปหอม รหัสนักศึกษา 42789 ระดับ ปวช. 3/4 เลขที่ 40 2. นายกรประเสริฐ รัศมี รหัสนักศึกษา 42736 ระดับ ปวช. 3/4 เลขที่ 37 3. นายธงชัย ไชยวงศ์ รหัสนักศึกษา 42778 ระดับ ปวช. 3/4 เลขที่ 38 มีความประสงค์ทำโครงงานระบบคอมพิวเตอร์ธุรกิจ ประเภท E-Learning ชื่อโครงงานภาษาไทย ระบบสื่อการเรียนการสอนออนไลน์ วิชาโปรแกรมฐานข้อมูล ชื่อโครงงานภาษาอังกฤษ E-Learning for Database program โดยมี อาจารย์ที่ปรึกษาหลัก คือ อาจารย์ดิฐประพจน์ สุวรรณศาสตร์ พร้อมนี้ได้แนบเอกสารประกอบงานขอเสนอโครงงานระบบคอมพิวเตอร์ บทที่ 1 จำนวน 1 ชุด จึงเรียนมาเพื่อโปรดพิจารณาอนุมัติ ลายมือชื่อ..........................................นักศึกษา (นายกรประเสริฐ รัศมี) หัวหน้ากลุ่มโครงงาน ผ่าน ไม่ผ่าน ความคิดเห็นคณะกรรมการ ............................................................................................................................. ................................... ............................................................................................... ................................................................. ลงชื่อ ........................................ ลงชื่อ ........................................ คณะกรรมการ คณะกรรมการ

37 ATC.02 เสนออาจารย์ที่ปรึกษาร่วมโครงการ สาขาวิชาคอมพิวเตอร์ธุรกิจ วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ วันที่ 26 เดือน กรกฎาคม พ.ศ. 2565 เรื่อง ขอเรียนเชิญอาจารย์เป็นที่ปรึกษาร่วมโครงการ เรียน อาจารย์นราภรณ์ เจริญชัย ข้าพเจ้า 1. นายชาครีย์ ธูปหอม รหัสนักศึกษา 42789 ระดับ ปวช. 3/4 เลขที่ 40 2. นายกรประเสริฐ รัศมี รหัสนักศึกษา 42797 ระดับ ปวช. 3/4 เลขที่ 37 3. นายธงชัย ไชยวงศ์ รหัสนักศึกษา 4778 ระดับ ปวช. 3/4 เลขที่ 38 มีความประสงค์จะขอเรียนเชิญ อาจารย์นราภรณ์ เจริญชัย มาเป็นที่ปรึกษาร่วมโครงการ ของกลุ่มข้าพเจ้า ซึ่งได้จัดทำโครงการประเภท E-Learning ชื่อโครงการภาษาไทย “สื่อการเรียนการสอนโปรแกรมฐานข้อมมูล” พร้อมนี้ได้แนบเอกสารประกอบการเสนอหัวข้อโครงการมาด้วย จึงเรียนมาเพื่อโปรดพิจารณาอนุมัติ ลายมือชื่อ...........................................นักศึกษา ลายมือชื่อ...........................................นักศึกษา (นายชาครีย์ ธูปหอม) (นายกรประเสริฐ รัศมี) ลายมือชื่อ................................................นักศึกษา (นายธงชัย ไชยวงศ์) ลายมือชื่อ................................................อาจารย์ที่ปรึกษาร่วม (อาจารย์นราภรณ์ เจริญชัย)

38 ATC.03 ขอสอบโครงการระบบคอมพิวเตอร์ สาขาวิชาคอมพิวเตอร์ธุรกิจ วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ วันที่ 15 เดือน กันยายน พ.ศ. 2565 เรื่อง ขอสอบโครงการระบบคอมพิวเตอร์ธุรกิจ (ครั้งที่ 1) เรียน คณะกรรมการพิจารณาการสอบป้องกันโครงการระบบคอมพิวเตอร์ธุรกิจ ข้าพเจ้า 1. นายชาครีย์ ธูปหอม รหัสนักศึกษา 42789 ระดับ ปวช. 3/4 เลขที่ 40 2. นายกรประเสริฐ รัศมี รหัสนักศึกษา 42736 ระดับ ปวช. 3/4 เลขที่ 37 3. นายธงชัย ไชยวงศ์ รหัสนักศึกษา 42778 ระดับ ปวช. 3/4 เลขที่ 38 มีความประสงค์ทำโครงการระบบคอมพิวเตอร์ธุรกิจ ประเภท E-Learning ชื่อภาษาไทย สื่อการเรียนการสอนโปรแกรมฐานข้อมูล ชื่อภาษาอังกฤษ E-Learning for Database program โดยมี อาจารย์ที่ปรึกษาหลัก คือ อาจารย์ดิฐประพจน์ สุวรรณศาสตร อาจารย์ที่ปรึกษาร่วม คือ อาจารย์นราภรณ์ เจริญชัย พร้อมนี้ได้แนบเอกสารประกอบการขอสอบโครงการระบบคอมพิวเตอร์ โปรแกรมระบบคอมพิวเตอร์ (Software) จำนวน 1 ชุด โครงการระบบคอมพิวเตอร์ธุรกิจ (เอกสารบทที่ 1-3) จำนวน 1 ชุด จึงเรียนมาเพื่อโปรดพิจารณาอนุมัติ ลายมือชื่อ...........................................นักศึกษา ลายมือชื่อ...........................................นักศึกษา (นายชาครีย์ ธูปหอม) (นายกรประเสริฐ รัศมี) ลายมือชื่อ................................................นักศึกษา (นายธงชัย ไชยวงศ์)

39 ATC.04 ภาคเรียนที่ 1/2565 ใบบันทึกรายงานความคืบหน้า อาจารย์ที่ปรึกษาหลัก และอาจารย์ที่ปรึกษาร่วม ชื่อโครงการภาษาไทย สื่อการเรียนการสอนโปรแกรมฐานข้อมูล ชื่อโครงการภาษาอังกฤษ E-Learning for Database program อาจารย์ที่ปรึกษาหลัก อาจารย์ดิฐประพจน์ สุวรรณศาสตร์ อาจารย์ที่ปรึกษาร่วม อาจารย์นราภรณ์ เจริญชัย สาขาวิชา คอมพิวเตอร์ธุรกิจ ระดับชั้น ปวช.3/4 สมาชิกในกลุ่ม 1. นายชาครีย์ ธูปหอม เลขที่ 40 2. นายกรประเสริฐ รัศมี เลขที่ 37 3. นายธงชัย ไชยวงศ์ เลขที่ 38 ลำดับ รายการ วัน/เดือน/ปี ตรงตามกำหนด ใส่เครื่องหมายถูก หมายเหตุ 1 ATC.01 ....../....../...... 2 ATC.02 ....../....../...... 3 บทที่ 1 ....../....../...... 4 บทที่ 2 ....../....../...... 5 บทที่ 3 ....../....../...... 6 ATC.03 ครั้งที่ 1 ....../....../...... 7 บรรณานุกรม ....../....../...... 8 ATC.04 ....../....../...... 9 ATC.05 ....../....../...... 10 ส่งรูปเล่มบทที่ 1-3 ATC.01-05 ....../....../...... 11 โปรแกร 50 % ....../....../...... ลายมือชื่อ................................................ ลายมือชื่อ................................................ (อาจารย์ดิฐประพจน์ สุวรรณศาสตร์) (อาจารย์นราภรณ์ เจริญชัย) อาจารย์ที่ปรึกษาหลัก อาจารย์ที่ปรึกษาร่วม

40 ATC.05 ใบบันทึกการเข้าพบอาจารย์ที่ปรึกษา สาขาวิชาธุรกิจคอมพิวเตอร์ วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ แผ่นที่ 1 ข้าพเจ้า 1.นายชาครีย์ ธูปหอม รหัสนักศึกษา 42789 ระดับ ปวช. 3/4 2.นายกรประเสริฐ รัศมี รหัสนักศึกษา 42736 ระดับ ปวช. 3/4 3.นายธงชัย ไชยวงศ์ รหัสนักศึกษา 42778 ระดับ ปวช. 3/4 โครงการระบบคอมพิวเตอร์ธุรกิจ ประเภท E-Learning ชื่อภาษาไทย สื่อการเรียนการสอนโปรแกรมฐานข้อมูล ชื่อภาษาอังกฤษ E-Learning for Database program โดยมี อาจารย์ที่ปรึกษาหลัก คือ อาจารย์ดิฐประพจน์ สุวรรณศาสตร์ อาจารย์ที่ปรึกษาร่วม คือ อาจารย์นราภรณ์ เจริญชัย ครั้งที่ วันที่ หัวข้อการเข้าพบ ลายเซ็น หมายเหตุ