โครงงานฟีเจอร์แอพพลิเคชั่น

1 โครงงานคอมพิวเตอร์ การพัฒนาแอพพลิเคชั่นการประยุกต์ใช้งาน เรื่อง แอพพลิเคชั่นฟีเจอร์สารสนเทศโรงเรียนพัฒนาวิทยา (MISSTD Application) นางสาววิลดาน อับดุลลอฮ์หะซัน เลขที่ 4 นางสาวนูรฟาเดียร์ มะแซ เลขที่ 10 นางสาวอนิสวา เด ลีออน เลขที่ 15 นางสาวชาซีน หมัดนุ้ย เลขที่ 17 นางสาวอาทิตยา ตาเล๊ะ เลขที่ 24 ชั้นมัธยมศึกษาปีที่ 4/6 โครงงานคอมพิวเตอร์ฉบับนี้เป็นส่วนนึงของรายวิชาเทคโนโลยี (วิทยาการคำนวณ) รหัสวิชา ว 31104 โรงเรียนพัฒนาวิทยา ยะลา ภาคเรียนที่ 2 ปีการศึกษา 2566

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

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

4 สารบัญ เรื่อง หน้า บทคัดย่อ 2 กิตติกรรมประกาศ 3 สารบัญ 4-5 บทที่ 1 บทนำ 6 1.1 ความเป็นมาเเละความสำคัญ 6 1.2 วัตถุประสงค์โครงงาน 6 1.3 ขอบเขตการศึกษาค้นคว้า 6-7 1.4 ผลที่คาดว่าจะได้รับ 7 บทที่ 2 เอกสารที่เกี่ยวข้อง 8 2.1 ความสำคัญของระบบสารสนเทศ 8 2.2 ความหมายของระบบสารสนเทศ 8 2.3 ข้อมูลของระบบสารสนเทศโรงเรียนพัฒนาวิทยา(Misstd) 9-10 2.4 ข้อมูลของระบบรายรับ-รายจ่าย 10 2.5 โปรแกรมที่ใช้ในการดำเนินงาน 11-15 บทที่ 3 การดำเนินการและการศึกษา 16 3.1 วัสดุอุปกรณ์ เครื่องมือหรือโปรแกรมที่ใข้ในการพัฒนา 16 3.2 ขั้นตอนการทำงาน 16 3.2.1 ขั้นตอนการคัดเลือกหัวข้อโครงงาน 16 3.2.2 ขั้นตอนจากกราศึกษาค้นคว้าข้อมูล 16 3.2.3 ขั้นตอนจัดทำข้อเสนอ 16

5 3.2.4 ขั้นตอนการลงมือทําโครงาน 17 3.2.5 ขั้นตอนการเขียนโครงงาน 18 3.2.6 ขั้นตอนการนําเสนอโครงงาน 18 บทที่ 4 ผลการดำเนินงาน / ผลการศึกษา 19 4.1 ผลการพัฒนา 19-25 4.2 ผลการทดสอบ 26 4.3 ผลการประเมินประสิทธิภาพ 26 บทที่ 5 สรุปผลการดำเนินงาน 27 5.1 สรุปผลการพัฒนาโครงงาน 27 5.2 การทดสอบการพัฒนาโครงงาน 27 5.3การประเมินประสิทธิภาพ 27 5.4 อุปสรรคในการทำงาน 28 5.5 ข้อเสนอแนะในการพัฒนาต่อ 28 บรรณานุกรม 29 ภาคผนวก 30 ประวัติผู้จัดทำ 31-35

6 บทที่1 บทนำ 1. ที่มาและความสำคัญของโครงงาน ปัจจุบันนี้ทางโรงเรียนได้มีการพัฒนาแอพพลิเคชั่นสารสนเทศให้มีความก้าวหน้ามากยิ่งขึ้นก่อให้เกิด การ เปลี่ยนแปลง และกระบวนการเรียนรู้ที่จะเปลี่ยนไปตามกระบวนการด้วยการพัฒนาแอพพลิเคชั่น สารสนเทศ ให้มีความสำคัญ และความสนใจในการพัฒนาแอพพลิเคชั่นนี้ขึ้นมา ในที่นี้นั้นการพัฒ นา แอพพลิเคชั่นได้พัฒนาในการตรวจเช็ดดูคะแนนพฤติกรรม รายงานผลการเรียนประวัติผู้ใช้ และคะแนน พฤติกรรมของนักเรียนโดยเว็บไซต์มีชื่อว่า Misstd ทำให้เห็นว่า เว็บไซต์นี้มีความสำคัญต่อทางโรงเรียนเป็น อย่างมาก ทางคณะผู้จัดทำจึงได้คิดค้นในการพัฒนาเว็บไซต์มาเป็นแอพพลิเคชั่นจากการศึกษา และสำรวจ สภาพปัญหาในการใช้พบว่ายังต้องมีการพัฒนาขึ้นมาเพื่อประสิทธิภาพในการใช้งานอย่างสะดวกเพื่อแก้ปัญหา ดังกล่าวผู้วิจัยจึงได้วิเคราะห์การพัฒนาแอพพลิเคชั่นนี้ขึ้นมา แอพพลิเคชั่น (Misstd Application) หรือเรียก กันว่าแอพพลิเคชั่นสารสนเทศสำหรับโรงเรียนพัฒนาวิทยาที่ออกแบบมาให้ผู้ใช้งานได้ใช้ในการทำงานต่างๆ ฟังค์ชั่นที่อำนวยความสะดวกในการดูคะแนนพฤติกรรม คะแนนการมาเรียน และอื่นๆ รวมไปถึงการแสกน จ่ายเงินผ่านแอพพลิเคชั่นนี้เพื่อความสะดวกต่อผู้ใช้งาน และพัฒนาขึ้นมาเพื่อตอบสนองความต้องการของ ผู้ใช้งานได้อีกด้วยเช่นกัน ในแอพพลิเคชั่นนี้จะมีข้อมูลในด้านการศึกษา และด้านการจ่ายเงินผ่านเว็บไซต์ แอพพลิเคชั่นนี้ใช้ได้เฉพาะนักเรียน และบุคลากรของโรงเรียนพัฒนาวิทยาเท่านั้น ดังนั้นผู้พัฒนาโครงงานนี้มีความสนใจพัฒนาแอพพลิเคชั่นจัดการข้อมูลสารสนเทศเพื่อส่งเสริมการ ทำงาน โดยจะทำการจัดการข้อมูล และแสดงผลข้อมูลสารสนเทศผ่านทางแอพพลิเคชั่น รวบรวมข้อมูลต่างๆ ของผู้ใช้งาน และสามารถตรวจสอบข้อมูลของผู้ใช้งานได้ในระบบของแอพพลิเคชั่นนี้ 2. วัตถุประสงค์ของการศึกษา 2.1 เพื่อต้องการให้นักเรียนจัดการรายรับรายจ่ายได้เร็วมากขึ้น 2.2 เพื่อต้องการให้ผู้ใช้งานเข้าถึงการแจ้งเตือน ข่าวสาร จากทางโรงเรียนได้เร็วขึ้น 2.3 เพื่อต้องการพัฒนาแอพพลิเคชั่นให้มีประสิทธิภาพในการใช้งาน 3. ขอบเขตของการศึกษาค้นคว้า 3.1 ขอบเขตด้านเนื้อหา เบื้องต้นในส่วนของระบบแอพพลิเคชั่น Misstd เป็นแอพพลิเคชั่นเขียนด้วยภาษา PHP ฐานข้อมูล Mysql เป็นระบบสารสนเทศให้นักเรียน และผู้ปกครองได้ติดตามคะแนนการมาเรียน ผลการเรียนต่างๆ ได้ จากเว็บไซต์นี้

7 3.2 โปรแกรมที่ใช้ในการดำเนินการ ได้แก่ 3.2.1 โปรมแกรม Google Document ใช้ในการร่างข้อมูล 3.2.2 โปรแกรม Canva ใช้ในการทำสตอรี่บอร์ด (Story board) 3.2.3 โปรแกรม Microsoft Word ใช้ในการใส่ข้อมูลทั้งหมด 4. ผลที่คาดว่าจะได้รับ 4.1 เพื่อให้ทางโรงเรียนได้พัฒนาระบบ Misstd ให้มีประสิทธิภาพมากขึ้น 4.2 เพื่อความสะดวกในการใช้งานตัวระบบ Misstd 4.3 เพื่อให้โรงเรียนมีความก้าวหน้าทางด้านเทคโนโลยีมากขึ้น

8 บทที่ 2 เอกสารที่เกี่ยวข้อง ในการจัดทำโครงงานเเอพพลิเคชั่นมิสเอสทีดี (ระบบสารสนเทศโรงเรียนพัฒนาวิทยา) คณะผู้จัดทำ โครงงานได้ศึกษาเอกสารจากเว็บไซต์ต่าง ๆ ที่เกี่ยวข้องดังต่อไปนี้ 1 ความสำคัญของระบบสารสนเทศ 2 ความหมายของระบบสารสนเทศ 3 ข้อมูลของระบบสารสนเทศโรงเรียนพัฒนาวิทยา(Misstd) 4 ข้อมูลของระบบรายรับ-รายจ่าย 5 โปรเเกรมที่ใช้ในการดำเนินงาน 1)ความสำคัญของระบบสารสนเทศ ระบบสารสนเทศ มีความสำคัญต่อโรงเรียนในการให้นักเรียนได้ใช้งานในด้านต่าง ๆ เช่น ใช้ระบบ สารสนเทศในการตรวจสอบรายงานผลการเรียน ประวัติผู้ใช้ และคะแนนพฤติกรรมนักเรียน โดยระบบ สารสนเทศมีชื่อว่า มิสเอสทีดี ทางผู้พัฒนาจึงได้ต่อยอดระบบสารสนเทศนี้จนกลายมาเป็นเเอพพลิเคชั่นมิสเอ สทีดี 2)ความหมายของระบบสารสนเทศ ระบบสารสนเทศ (Information System) หมายถึงกระบวนการเก็บรวบรวมข้อมูล การประมวลผล ข้อมูลให้อยู่ในรูปเเบบสารสนเทศที่เป็นประโยชน์สูงสุดและการจัดเก็บรักษาอย่างเป็นระบบ จะสามารถนำไป สนับสนุนการบริหารและการตัดสินใจทั้งระดับบริหารและระดับปฏิบัติ ซึ่งประกอบด้วยข้อมูลและสารสนเทศ 2.1 ข้อมูล (Data) หมายถึง ข้อเท็จจริงต่าง ๆ ซึ่งอาจแสดงเป็นตัวเลข ตัวหนังสือ หรือสัญลักษณ์ ข้อเท็จจริง เหล่านี้เป็นสิ่งที่เก็บรวบรวมมาโดยยังไม่ผ่านการประมวลผลหรือการวิเคราะห์การจัดทำจึงทำให้ข้อมูลส่วน ใหญ่ไม่มีความหมายสมบูรณ์พอ ที่จะนำไปใช้ประกอบการตัดสินใจได้ 2.2 สารสนเทศ (Information) หมายถึง ข้อมูลที่ได้ผ่านการประมวลผลหรือการวิเคราะห์ด้วยวิธีการต่าง ๆ จน เป็นรูปแบบที่มีความหมาย สามารถนำไปใช้ประกอบการตัดสินใจหรือนำไปใช้ในเรื่องต่าง ๆ ได้ตาม วัตถุประสงค์ศูนย์การศึกษานอกระบบและการจัดการศึกษาตามอัธยาศัย

9 3)ข้อมูลของระบบสารสนเทศโรงเรียนพัฒนาวิทยา(Misstd) เดิมทีเเล้วเป็นเเค่ระบบสารสนเทศ เเต่ทางผู้พัฒนาได้พัฒนาให้ระบบสารสนเทศนี้กลายมาเป็นเเอพ พลิเคชั่นมิสเอสทีดีซึ่งในระบบสารสนเทศจะมีดังต่อไปนี้ 3.1การดูคะแนนพฤติกรรมของนักเรียน - การมาเรียน การลากิจลาป่วย การเเต่งตัวผิดระเบียบ เเละอื่น ๆ 3.2ข้อมูลของคุณครู - ชื่อ-สกุล - เบอร์โทร 3.3ปฏิทิน - ปฏิทินของโรงเรียนจะเเจ้งกำหนดการต่างๆ เช่น ปิดการเรียนสอน ปิดวันรัฐธรรมนูญ ประกาศรายชื่อนักเรียน ใหม่ เป็นต้น 3.4ข้อมูลพื้นฐาน - ข้อมูลพื้นฐานผู้เรียน ชื่อ-สกุล เลขประจำตัวบัตรประชาชน เลขประจำตัวนักเรียน ที่อยู่ วัน/เดือน/ปี เกิด เพศ ชั้นเรียน โปรเเกรม - ข้อมูลพื้นฐานผู้ปกครอง ชื่อบิดา-มารดา เบอร์โทรของทั้งสองเเละที่อยู่ 3.5ติดตามเวลาเรียน - บอกถึงการมาเรียนวันไหนไม่มาเรียน วันไหนลา 3.6คะเเนนในภาคเรียน - บอกถึงคะเเนนทั้งรายวิชาสามัญเเละรายวิชาศาสนา ในเเต่ละวิชา ว่าได้คะเเนนอะไรบ้าง เช่น สอบ เเบบฝึกหัด งานกลุ่ม เป็นต้น 3.7รายงานผลการเรียน - บอกถึงเกรดทั้งรายวิชาสามัญเเละรายวิชาศาสนา มีบอกว่าเกรดในเเต่ละวิชาได้เท่าไหร่ เช่น 4.0,3.5 เป็นต้น เเละมีบอกว่าหน่วยกิจในเเต่ละวิชามีกี่หน่วยกิจ เช่น 1.0,0.5 เป็นต้น

10 3.8ประเมินครูผู้สอน - ในรายวิชาต่าง ๆ ทั้งรายวิชาสามัญเเละรายวิชาศาสนา มีการประเมินครูผู้สอนทุก ๆ วิชา 3.9จ่ายเงิน - มีการดูยอดเงินที่ใช้ในเเต่ละวันได้ ว่าใช้ไปเเล้วเท่าไหร่ และสามารถเติมเงินได้ มีการเเจ้งเตือนข้อมูลต่าง ๆ เช่น ระบบขัดข้อง เป็นต้น เเละมีการ สรุปผลทั้ง รายเดือน,รายวันเเละรายสัปดาห์ เช่น รายเดือน มีการบอกว่า ในเเต่ละวันของเดือนนั้น ใช้จ่ายไปเท่าไหร่ สุดท้ายจะมีการสรุปผลรวมของทั้งหมดว่าจ่ายไปเท่าไหร่เเละยอด คงเหลือ เหลือเท่าไหร่ 3.10สะสม - มีบอกว่ายอด เงินในบัญชีเเละยอดเงินสะสมเหลือเท่าไหร่เเละสามารถโอนเงินเเละถอนเงินได้ สุดท้ายคือการ สรุปผล มีบอกถึงประวัติการฝากเเละการถอนว่าฝากไปเท่าไหร่ ถอนไปเท่าไหร่เเต่การถอนต้องมีการอนุมัติจาก ฝ่ายการเงินเท่านั้นเเละถ้าหากจะถอนเงินต้องเป็นกิจจำเป็น หรือถอนได้อีกทีคือจบการศึกษาเเล้ว 4)ข้อมูลของระบบรายรับ-รายจ่าย การบริหารเงินที่ดีถือเป็นปัจจัยขั้นพื้นฐานของการมีเงินออมที่มั่งคั่ง ดังนั้นการบริหารจัดการเงินที่เรา ได้มาในแต่ละเดือนนั้นสำคัญมาก ๆ การทำบัญชีรายรับรายจ่าย อาจเหมือนเรื่องที่ไกลตัวและดูยุ่งยาก แต่หาก ผู้ใช้งานสามารถควบคุมมันได้ดี แทนที่จะต้องไปกู้ธนาคาร นำเงินมาให้เกิดสภาพคล่องในธุรกิจ การทำบัญชี รายรับรายจ่าย ง่าย ๆ คือ การจดบันทึกข้อมูลการเงินของผู้ใช้งานในแต่ละวัน หรือ วางแผนการเงินล่วงหน้าที่ ผู้ใช้งานต้องจ่ายเงินมีอะไรบ้าง หากผู้ใช้งานทำได้อย่างมีประสิทธิภาพอาจพบว่าจริง ๆ แล้วผู้ใช้งานมีรายจ่ายที่ ไม่จำเป็นอยู่เยอะมากก็เป็นได้ ภาพที่ 1 ตัวอย่าง รายรับ-รายจ่าย

11 5)โปรเเกรมที่ใช้ในการดำเนินงาน 5.1 โปรเเกรม canva รู้จักเครื่องมือออกแบบกราฟิกออนไลน์บนแพลตฟอร์มที่กำลังได้รับความนิยมที่มาพร้อมกลยุทธ์ต่าง ๆ ให้เหมาะกับการนำไปใช้งาน ไม่ว่าจะออกแบบพรีเซเทชั่น ทำใบสมัครงาน หรือปรับแต่งวิดีโอ เพื่อโพสต์ลงบน สื่อโซเชียลมีเดียต่าง ๆ ผ่านโปรแกรม “Canva” ซึ่งโปรแกรมcanvaคืออะไร ประโยชน์ของแอพพลิเคชั่นมี อะไรบ้าง พร้อมข้อดีข้อเสียและวิธีการใช้งานเบื้องต้นเพื่อผู้ใช้งานไม่มีพื้นฐาน สามารถทำได้เอง ภาพที่ 2 ตัวอย่าง Program Canva โปรแกรม canva คือ แพลตฟอร์มที่ใช้ในการออกแบบกราฟิก (Graphic) ต่าง ๆ ซึ่งมีให้เลือกหลาย แบบ เช่น พรีเซนเทชั่น ไวท์บอร์ด โปสเตอร์ (แนวตั้ง แนวนอน) เอกสาร เรซูเม่ วิดีโอ ใบปลิว ใบประกาศ โลโก้ รวมไปถึงภาพเคลื่อนไหวเพื่อนำไปลงในสื่อโซเซียลมีเดียต่าง ๆ เช่น เฟสบุ๊ก ติ๊กต๊อก อินสตราแกรม ทวิตเตอร์ ไลน์ หรือแพลตฟอร์มอื่น ๆ ตามความต้องการของผู้ใช้งาน ประโยชน์ของแอพ Canva มีอะไรบ้าง ก่อนอื่นจะเล่าถึงประโยชน์ของโปรแกรม canva มีอะไรบ้าง โดยหลัก ๆ ก็จะใช้ประโยชน์ในการนำไปสามารถ สร้างรูปภาพ หรือวิดีโอที่สวยงามได้อย่างรวดเร็ว แม้ไม่มีพื้นฐาน ผู้ใช้งานสามารถใช้งานได้โดยแบ่งออกเป็น 4 แบบหลัก ๆ ดังนี้ ● Template ตัวช่วยประหยัดเวลาที่มีแบบเทมเพลตให้เลือกในการนำไปใช้งานแต่ละประเภทมากกว่า 60,000 เทมเพลตจากนักออกแบบมืออาชีพ ● Photo Tool เครื่องมือในการค้นหารูปภาพฟรี หรือสามารถนำรูปภาพของผู้ใช้งานมาปรับแต่ง ให้ดูสวยงาม เข้ากับข้อความได้อย่างลงตัว ● Text Tool ให้ผู้ใช้งานได้บอกเล่าเรื่องราวผ่านการจับคู่ภาพ + ข้อความที่สามารถจัดรูปแบบ เคลื่อนย้าย และตกแต่งข้อความให้เหมาะกับประเภทของสื่อต่าง ๆ ที่รองรับ Google Font

12 ● Teams ให้ผู้ใช้งานได้ทำงานร่วมกับผู้อื่น เนื่องจากสามารถสร้างทีมในการออกแบบชิ้นงานร่วมกันได้แบบ เรียลไทม์ที่สามารถแสดงความคิดเห็น ให้คำแนะนำได้ทันที นอกจากนี้ยังมีเงื่อนไขอื่น ๆ เช่นการใช้เพื่อการศึกษา หรือแบบไม่แสงวงหากำไรโดยสามารถดู รายละเอียดสิทธิ์การใช้งานของ Canva แต่ละรูปแบบเพิ่มเติมได้ที่ Canva ภาพที่ 3 Program Canva 5.2. โปรเเกรม google docs Google Documents หรือ Google Docs คือ เว็บไซต์ที่ให้บริการพิมพ์งานทางออนไลน์ ให้เรา สามารถจัดการเอกสารได้ฟรีไม่มีค่าใช้จ่ายใดๆทั้งสิ้น เพียงแค่มีบัญชี Google บัญชีเดียวก็สามารถใช้งาน บริการGoogle Docs ได้ โดยปัจจุบัน Google Docs มีโปรแกรมย่อยอยู่ 4 ตัว คือ Docs , Slide , Sheet , Forms แม้ว่า Google Docs หน้าตาและรูปแบบเหมือนทาง Microsoft Office แต่ Google Docs เป็นราย แรกที่ให้บริการ Office บนเว็บไซต์ และสามารถใช้งานได้แบบฟรี ๆ ไม่ต้องซื้อซอฟต์แวร์มาติดตั้ง ไม่ต้องดาวน์ โหลดโปรแกรม ใช้งานได้ทันทีบนเว็บเบราว์เซอร์ เพียงเข้าที่ docs.google.com แล้วเข้าทำการ sign in แค่นี้ ก็สามารถดูเอกสารที่อยู่บน Google Drive หรือ Google Docs พร้อมทั้ง สามารถสร้าง,แก้ไขเอกสาร และคลิก เปิดอ่านเอกสารได้ทันที รวมทั้งสามารถแก้ไขเอกสารพร้อมกัน ในหน้าเอกสารเดียวกันได้ด้วย เรียกกันว่าช่วยกันพิมพ์พร้อมกัน ได้เลย แม้อยู่สถานที่กันก็ทำงานพร้อมกันได้ โดยไม่ต้องเสียเวลา save และส่งไฟล์ไปมาโดยเราจะเห็นหน้าจอ เดียวกันว่า ผู้ใช้งานกำลังพิมพ์อะไรอยู่ในเอกสารเดียวกัน รวมทั้งการแชร์เอกสารก็สะดวกโดยการส่งลิงค์ หรือ แชร์กับผู้อื่นภายในกลุ่มได้ทันที โดยไม่จำเป็นต้องบันทึกลงบนคอมพิวเตอร์ Harddisk flashdrive เลยกว่าจะ มาเป็น Google Docs ในส่วนบริการ Docs ชื่อเดิมคือ Writely.com ซึ่งเป็นโปรแกรมแก้ไขเอกสารออนไลน์ สร้างโดยบริษัท Upstartle เมื่อเดือนสิงหาคม ปี2005 และในส่วนของ Sheet นั้น Google ก็เปิดตัว Google

13 Spreadsheet ที่มีคุณสมบัติเหมือนโปรแกรมตารางของ Microsoft อย่าง Excel เมื่อเดือนมิถุนายน 2006 ซึ่ง แต่เดิมพัฒนาจาก บริษัท 2Web Technologies ก่อนที่ Google ซื้อมาเป็นเจ้าของ เมื่อเดือนมิถุนายน 2005 และบริการ google docs เกิดขึ้น เมื่อ Google ซื้อกิจการ Upstartle ผู้พัฒนาโปรแกรมแก้ไขเอกสาร ออนไลน์ Writely.com เมื่อเดือนมีนาคม 2006 แล้วมาเปลี่ยนชื่อเป็น Google Docs มาจนถึงปัจจุบัน (หาก พิมพ์ writely.com ตอนนี้ก็จะเข้าสู่เว็บ google docs ) และสามารถทำงานร่วมกันกับ Google Spreadsheets ได้ด้วย ภาพที่ 4 Program Google docs 5.3. โปรแกรม Microsoft Word Microsoft Word (ไมโครซอฟท์ เวิร์ด) เป็นโปรแกรมประมวลผลคำเพื่องานการสร้างเอกสารได้อย่าง มีประสิทธิภาพ สะดวกและประหยัดเวลา เหมาะกับการพิมพ์เอกสารทุกประเภท เช่น จดหมาย ซองจดหมาย บันทึกข้อความ รายงาน บทความ ประวัติย่อและยังสามารถตรวจสอบ ทบทวน แก้ไข ปรับปรุง ความถูกต้องใน การพิมพ์เอกสารได้อย่างง่ายดาย สามารถตรวจสอบ สะกดคำ และหลักไวยากรณ์ เพิ่มตาราง เพิ่มกราฟฟิก ใน เอกสารได้อย่างง่ายดาย หรือเพิ่ม เติมข้อมูลได้ตลอดเวลา และยังสามารถตกแต่งเอกสารให้สวยงามได้ตามที่ ต้องการ ไมโครซอฟท์เวิร์ด (Microsoft Word) ยังมีเทคนิคในการใช้งานที่รวดเร็วโดยจำหลักที่สำคัญคืออยาก ทำสิ่งไหนกับอะไรให้เลือกสิ่งนั้นก่อนเสมอ เช่น การเพิ่ม ยัด ตัด ใส่ หรืออะไรที่ใช้บ่อย ๆ ส่วนใหญ่จะอยู่ที่เมนู Home หรือ Insert การปรับปรุง แก้ไข รูปแบบหน้า ใส่เลขหน้า จะอยู่ในเมนู Layout เป็นต้น และในเทคนิคนี้จะนำเสนอการสมมุติข้อมูลใน Microsoft Word (ไมโครซอฟท์ เวิร์ด) โดยใช้คำสั่ง Rand (Random) และการการจัดเยื้องหน้ากระดาษและการแบ่งคอลัมน์เอกสารที่ทุกท่านสามารถนำไปใช้

14 ปฏิบัติงานได้จริง สำหรับการสมมุติข้อมูลลงในเอกสารโดยใช้คำสั่ง =rand(3,5) หมายถึงจะมีจำนวนข้อมูล 3 Paragraph 5 บรรทัด ดังภาพ ภาพที่ 5 ตัวอย่าง Program Micrsoft word สำหรับการจัดย่อหน้าเอกสารให้ทำการพิมพ์เอกสารให้เรียบร้อยก่อนทั้งหมดแล้วค่อยมาจัด Format สำหรับการจัดย่อหน้าเอกสารให้ทำการเลือก หรือ Highlight ในส่วนที่ต้องการย่อหน้าทั้งหมดแล้วไปที่เมนูไม้ บรรทัดด้านบนของเอกสาร แล้วคลิกเมนูที่มีสัญลักษณ์ห้าเหลี่ยมหรือเครื่องมือ first line indent แล้วจัดย่อ หน้าตามที่ต้องการ ภาพที่6 ตัวอย่าง Program Micrsoft word การแบ่งคอลัมน์ในเอกสารให้ไปที่เมนู Layout เลือก Columns และ เลือก More Columns อีกครั้ง เพื่อทำการเลือกจำนวนคอลัมน์เอกสารตามที่ต้องการหลังจากนั้นเมนู Apply To เลือก This point forword ดังตัวอย่าง

15 ภาพที่ 7 ตัวอย่างProgram Micrsoft word จะเห็นได้ว่าโปรแกรม Microsoft Word (ไมโครซอฟท์ เวิร์ด) สามารถทำงานได้หลากหลาย เช่น เขียน จดหมาย ทำรายงาน หรือสร้างตารางต่าง ๆ ที่สะดวกและรวดเร็วตามที่ต้องการ จึงจัดเป็นอีกหนึ่งโปรแกรมที่ ทุกคนไม่ควรพลาดที่จะใช้งานโปรแกรม Microsoft Word (ไมโครซอฟท์ เวิร์ด) ภาพที่ 8 Program Micrsoft word

16 บทที่ 3 การดำเนินนการและะการศึกษา 1. เครื่องมือหรือโปรแกรมทีใช้ในการพัฒนา โปรแกรมมที่ใช้เป็นหลักก็จะมี sublime text และ โปรแกรม text editor และด้านภาษาที่ดึงข้อมูลจาก เว็บไซต์ HTML ย่อมาจาก Hyper Text Markup Language คือภาษาคอมพิวเตอร์ที่ใช้ในการแสดงผลของ เอกสารบน website หรือที่เราเรียกกันว่าเว็บเพจคือภาษาที่ดึงข้อมูลหน้าแอพพลิเคชั่น misstd และ MySQL คือ ระบบจัดการฐานข้อมูล หรือ Database Management System (DBMS) แบบข้อมูลเชิงสัมพันธ์ หรือ Relational Database Management System (RDBMS) ซึ่งเป็นระบบฐานข้อมูลที่จัดเก็บรวบรวมข้อมูลใน รูปแบบตาราง โดยมีการแบ่งข้อมูลออกเป็นแถว (Row) และในแต่ละแถวแบ่งออกเป็นคอลัมน์ (Column) เพื่อ เชื่อมโยงระหว่างข้อมูลในตารางกับข้อมูลในคอลัมน์ที่กำหนด 2.ชั้นตอนการดําเนินงาน 2.1 ขั้นตอนการคัดเลือกหัวข้อโครงงาน คิดหัวข้อโครงงานที่สนใจมานำเสอนอาจารย์ 2.2 ขั้นตอนจากกราศึกษาค้นคว้าข้อมูล ศึกษาข้อมูลที่เกี่ยวข้องที่ทำโครงงาน 2.3 ขั้นตอนจัดทำข้อเสนอ จัดทําโครงงาน

17 2.4 ขั้นตอนการลงมือทําโครงงาน ตารางการดำเนินงาน ภาพที่ 1 จากที่ตารางข้องต้นอธิบายได้ดังนี้ • เดือนมกราคม เริ่มต้นคิดหัวข้อ • เดือนกุมภาพันธ์รวมรวมข้อมูลในการทำการงาน • เดือนกุมภาพันธ์และมีนาคม ออกแบบหน้าตาของแอพพพลิเคชั่น • เดือนมีนาคมและเมษายน จัดโปรเจกต์โครงงาน • เดือนเมษายน ประเมินการทํางานโครงงาน • เดือนพฤษภาคม แก้ปัญหา • เดือนมิถุนายน สรุปโครงงาน

18 2.5 ขั้นตอนการเขียนโครงงาน 2.6 ขั้นตอนการนําเสนอโครงงาน นําเสอนโครงงานที่ทำมาทั้งหมด

19 บทที่ 4 ผลการดำเนินงาน / ผลการศึกษา 1.ผลการพัฒนา พัฒนาโครงงาน แอพพลิเคชั่นฟีเจอร์สารสนเทศ สำหรับนักเรียนโรงเรียนพัฒนา สะดวก รวดเร็ว และใช้งานง่าย โดยมีฟีเจอร์ใหม่ที่ที่ตอบโจทย์กับนักเรียน ใช้ได้ทั้ง IOS และ Android ภาพที่1 อธิบายได้ดังนี้ 1. หน้าต่างติดตั้ง 2. หน้าต่างหน้าหลัก

20 ภาพที่2 หน้าล็อกอิน ภาพที่3 หน้าโฮม

21 ภาพที่4 หน้ารายการ ภาพที่5 อธิบายได้ดังนี้ 1. รายการข้อมูลพื้นฐาน 2. หน้ารายการข้อมูลพื้นฐานของนักเรียน 3. หน้ารายการพื้นฐานของผู้ปกครอง

22 จากภาพที่6 อธิบายได้ดังนี้ 1. รายการติดตามเวลาเรียน 2. รายการติดตามเวลาเรียนรายวิชาสามัญ 3. รายการติดตามเวลาเรียนรายวิชาศาสนา จากภาพที่7 อธิบายได้ดังนี้ 1.รายการคะแนนในภาคเรียน 2.รายการคะแนนในภาคเรียรรายวิชาสามัญ 3.รายการคะแนนในภาคเรียนรายวิชาศาสนา

23 จากภาพที่8 อธิบายได้ดังนี้ 1.รายการรายงานผลการเรียน 2.รายการรายงานผลการเรียนรายวิขาสามัญ 3.รายการรายงานผลการเรียนรายวิชาศาสนา ภาพที่9 อธิบายได้ดังนี้ 1.รายการประเมินครูผู้สอน 2.รายการประเมินครูผู้สอนสามัญ 3.รายการประเมินครูผู้สอนศาสนา

24 ภาพที่10 อธิบายได้ดังนี้ 1.รายการจ่ายเงิน 2.รายการการจ่ายและยอดเงิน 3.รายการรายรับรายจ่าย ภาพที่11 อธิบายได้ดังนี้ 1.รายการสรุปผลรายรับ 2.รายการสรุปผลรายจ่าย 3.ประวัติรายรับรายจ่าย

25 จากภาพที่12 อธิบายได้ดังนี้ 1.รายการสะสม 2.หน้ายอดเงินสะสม 3.หน้าสรุปผลการฝาก การถอน

26 2.ผลการทดสอบ จากการพัฒนาแอพพลิเคชั่นเรื่อง ฟีเจอร์สารสนเทศโรงเรียนพัฒนาวิทนา (MISSTD Aplication) สำหรับนักเรียนโรงเรียนพัฒนาวิทยา ได้ทำการทดลองแอพพลิเคชั่น 3 ครั้งดังนี้ • ทดสอบครั้งที่ 1 ทดสอบการเก็บข้อมูลของผู้ใช้งานและรายการฝากถอน รายรับรายจ่าย ว่าขัดข้องหรือ ข้อมูลรั่วไหลหรือไม่ • ทดสอบครั้งที่ 2 ทดสอบล็อกข้อมูลของผู้ใช้งาน และแก้ไขรายการฝากถอน รายรับรายจ่าย ให้ชัดเเจ้งและ ข้อมูลถูกต้อง • ทดสอบครั้งที่ 3 ปรับปรุงและแก้ไขข้อบกพร่องส่วนสุดท้าย และเพิ่มความแน่นหนาของข้อมูลผู้ใช้งานมาก ขึ้นให้เรียบร้อยแล้ว 3.ผลการประเมินประสิทธิภาพ ผลการประเมินประสิทธิภาพของ การพัฒนาโครงงานคอมพิวเตอร์ เรื่องฟีเจอร์สารสนเทศโรงเรียนพัฒนา วิทยา(MISSTD Application)ทางคณะผู้จัดทำได้ทำแบบประเมินขึ้นมาเพื่อแก้ไขจุดบกพร่อง และประเมิน คุณภาพ ดังนี้ ตารางที่1 ผลการประเมินประสิทธิภาพของฟีเจอร์แอพพลิเคชั่น รายการประเมิน ดีมาก ดี พอใช้ ปรับปรุง 1.การล็อกอินเข้าสู่ระบบที่เร็ว และปลอดภัย / 2.การตรวจสอบรายการต่างๆได้ อย่างชัดเจน / 3.การได้รับข่าวสารผ่านทาง ฟีเจอร์ได้อย่างรวดเร็ว / 4.การสรุปผลรายรับรายจ่ายที่ แม่นย้ำ / 5.การสรุปผลรายการฝากและ ถอนเงิน / ผลการประเมินเฉลี่ยอยู่ในระดับ 79%

27 บทที่5 สรุปผลการดำเนินงาน การจัดทำโครงงานคอมพิวเตอร์เรื่อง แอพพลิเคชั่น Misstd (ระบบสารสนเทศ) เพื่อพัฒนาระบบงาน ผู้พัฒนาได้ผลิตขั้นตอนการดำเนินงานไปตามลำดับ จนกระทั่งเสร็จสิ้นกระบวนการทุกขั้นตอนสามารถสรุปผล การดำเนินงาน อภิปรายผล และข้อเสนอแนะดังรายละเอียดต่อไปนี้ 1.สรุปผลการพัฒนาโครงงาน จากการศึกษาโครงงานแอพพลิเคชั่น Misstd (ระบบสารสนเทศ) ที่พัฒนาขึ้นจากระบบสารสนเทศสู่ แอพพลิเคชั่นในครั้งนี้ ผู้พัฒนาได้ทำการออกแบบและพัฒนาเรื่อง ความสะดวกในการใช้งานแก่ผู้ใช้งาน และ จากการได้ทำการศึกษาถึงการทำงานของแอพพลิเคชั่น Misstd ก็ได้พบว่าเป็นระบบสารสนเทศที่ได้รับความ นิยมในหมู่นักเรียน ทั้งยังสะดวกต่อการใช้งานในหมู่นักเรียนเป็นอย่างมาก จากเหตุผลที่กล่าวมา ทำให้เราได้ คิดค้นวิธีเพื่อที่จะพัฒนาตัวแอพพลิเคชั่นขึ้น ผู้พัฒนาหวังว่าการศึกษาครั้งนี้จะสามารถอำนวยความสะดวกต่อ ผู้ใช้งาน ในการทดสอบการพัฒนาระบบสารสนเทศ Misstd ของโรงเรียนพัฒนาวิทยา ผู้พัฒนาได้ใช้วิธีการ ทดสอบ โดยผู้พัฒนาทดสอบการเลือกใช้เมนูต่างๆ การทำแบบทดสอบการศึกษาเนื้อหา ข้อมูลที่นำมาทดสอบ เป็นทั้งข้อมูลที่ถูกต้องและข้อมูลที่ผิดพลาด จากการทดสอบพบว่าระบบสารสนเทศ Misstd ที่ได้พัฒนาขึ้นนี้ สามารถทำงานได้ครบตามความต้องการของผู้ใช้ คือ ใช้งานได้สะดวกและรวดเร็วมากยิ่งขึ้น และผลการ ประเมินประสิทธิภาพของ การพัฒนาระบบสารสนเทศ Misstd มีค่าเฉลี่ย อยู่ในระดับดี จากการศึกษาโครงงาน แอพพลิเคชั่น Misstd ซึ่งพัฒนาจากระบบสารสนเทศ Misstd ผู้พัฒนาได้ประสบปัญหาและข้อบกพร่องบาง ประการในขณะดำเนินงานอย่างต่อเนื่อง 2.การทดสอบการพัฒนาโครงงาน จากการพัฒนาแอพพลิเคชั่นเรื่อง ฟีเจอร์สารสนเทศโรงเรียนพัฒนาวิทยา (MISSTD Application) สำหรับนักเรียนโรงเรียนพัฒนาวิทยา ได้ทำการทดลองแอพพลิเคชั่น 3 ครั้งดังนี้ • ทดสอบครั้งที่ 1 ทดสอบการเก็บข้อมูลของผู้ใช้งานและรายการฝากถอน รายรับรายจ่าย ว่าขัดข้อง หรือข้อมูลรั่วไหลหรือไม่ • ทดสอบครั้งที่ 2 ทดสอบล็อกข้อมูลของผู้ใช้งาน และแก้ไขรายการฝากถอน รายรับรายจ่าย ให้ชัดเเจ้ง และข้อมูลถูกต้อง

28 • ทดสอบครั้งที่ 3 ปรับปรุงและแก้ไขข้อบกพร่องส่วนสุดท้าย และเพิ่มความแน่นหนาของข้อมูลผู้ใช้งาน มากขึ้นให้เรียบร้อยแล้ว 3.การประเมินประสิทธิภาพ ผลการประเมินประสิทธิภาพของ การพัฒนาโครงงานคอมพิวเตอร์ เรื่องฟีเจอร์สารสนเทศโรงเรียน พัฒนาวิทยา (MISSTD Application) ทางคณะผู้จัดทำได้ทำแบบประเมินขึ้นมาเพื่อแก้ไขจุดบกพร่อง และ ประเมินคุณภาพ ผลการประเมินประสิทธิภาพของ การพัฒนาระบบสารสนเทศ Misstd มีค่าเฉลี่ย อยู่ในระดับ ดี 4.อุปสรรคในการทำงาน จากการศึกษาโครงงานแอพพลิเคชั่น Misstd ซึ่งพัฒนาจากระบบสารสนเทศ Misstd ผู้พัฒนาได้ ประสบปัญหาและข้อบกพร่องบางประการในขณะดำเนินงานดังนี้ 4.1) เวลาของผู้พัฒนาว่างไม่เหมือนกัน 4.2) เครือข่ายไวไฟมีปัญหา 4.3) ประชุมกันไม่ลงตัว 5.ข้อเสนอแนะแนวทางในการพัฒนาต่อ 5.1) วางแผนเวาลาการนัดประชุมให้ลงตัว 5.2) ควรมีการจัดทำเนื้อหาของโครงงานให้หลากหลาย 5.3) ควรมีการรับข้อเสนอแนะหลังจากการได้ใช้งานจริงของผู้ใช้

29 บรรณานุกรม Google docs https://sc2.kku.ac.th/office/sci-it/index.php/it10/27-google-docs.html Microsoft word https://golink.icu/jtISZjJ Canva https://zortout.com/blog/what-is-canva รายรับรายจ่าย https://www.fillgoods.co/payments/shop-payments-do-you-know-why-account-forrevenue-expense ความหมายระบบสารสนเทศ http://lpn.nfe.go.th/pranee/?name=news1&file=readnews&id=7

30 ภาคผนวก

31 ประวัติผู้จัดทำ ประวัติส่วนตัว ชื่อ วิลดาน อับดุลลอฮ์หะซัน เกิดวันที่ 27 เมษายน 2551 ที่อยู่ 82/2 หมู่6 ตำบลบาโงยซิแน อำเภอยะหา จังหวัดยะลา มีพี่น้องทั้งหมด 3 คน วิชาที่ถนัด อังกฤษ,ศิลปะ โปรแกรมห้องเรียน ILP ชั้นมัธยมศึกษาปีที่ 4/6 การศึกษา -ปี พ.ศ 2557 ประถมศึกษา โรงเรียนบ้านซีเยาะ -ปี พ.ศ 2563 มัธยมศึกษาตอนต้น โรงเรียนพัฒนาวิทยา -ปี พ.ศ 2566 มัธยมศึกษาตอนปลาย โรงเรียนพัฒนาวิทยา สิ่งที่วางแผนไว้ มีธุรกิจเป็นของตัวเอง,ศึกษาภาษาให้มากขึ้น คติประจำตัว Everyday is a second chance

32 ประวัติผู้จัดทำ ประวัติส่วนตัว ชื่อ นูรฟาเดียร์มะแซ เกิดวันที่ 29 กรกฎาคม 2550 ที่อยู่ 6 ผังเมือง 4 ซอย 6 ตำบลสะเตง อำเภอเมือง จังหสัดยะลา มีพี่น้องทั้งหมด 2 คน วิชาที่ถนัด อังกฤษ , สังคม โปรแกรมห้องเรียน ILP ชั้นมัธยมศึกษาปีที่ 4/6 การศึกษา - ปี พ.ศ 2557 ประถมศึกษา โรงเรียนรังสีอนุสรณ์ - ปี พ.ศ 2563 มัธยมศึกษาตอนต้น โรงเรียนพัฒนาวิทยา - ปี พ.ศ 2566 มัธยมศึกษาตอนปลาย โรงเรียนพัฒนาวิทยา สิ่งที่วางแผนไว้มีธุรกิจเป็นของตัวเอง คติประจำตัว Do your best untill you succeed

33 ประวัติผู้จัดทำ ประวัติส่วนตัว ชื่อ อานิสวา เด ลีออน เกิดวันที่ 14 มิถุนายน 2550 ที่อยู่ 30/2 ม.7 ต.วังพญา อ.รามัน จ.ยะลา มีพี่น้องทั้งหมด 3คน วิชาที่ถนัด ศิลปะ โปรแกรมห้องเรียน ILP ชั้นมัธยมศึกษาปีที่ 4/6 การศึกษา - ปี พ.ศ 2557 ประถมศึกษา โรงเรียนพัฒนาวิทยาแผนกสาธิต(ต้น) โรงเรียนศานติวิทยา(ปลาย) - ปี พ.ศ 2563 มัธยมศึกษาตอนต้น โรงเรียนศานติวิทยา - ปี พ.ศ 2566 มัธยมศึกษาตอนปลาย โรงเรียนพัฒนาวิทยา สิ่งที่วางแผนไว้ เปิดธุรกิจส่วนตัวก่อนเรียนจบ คติประจำตัว พรุ่งนี้จะดีได้ ทำวันนี้ให้ดีที่สุด

34 ประวัติผู้จัดทำ ประวัติส่วนตัว ชื่อ ชาซีน หมัดนุ้ย เกิดวันที่ 18 พฤษภาคม 2550 ที่อยู่ 32/15 หมู่6 ตำบลวิชิต อำเภอเมือง จังหวัดภูเก็ต มีพี่น้องทั้งหมด 3 คน วิชาที่ถนัด ศิลปะ โปรแกรมห้องเรียน ILP ชั้นมัธยมศึกษาปีที่ 4/6 การศึกษา - ปี พ.ศ 2557 ประถมศึกษา โรงเรียนมุสลิมวิทยาภูเก็ต - ปี พ.ศ 2563 มัธยมศึกษาตอนต้น โรงเรียนดารุลมาอาเรฟมูลนิธิ - ปี พ.ศ 2566 มัธยมศึกษาตอนปลาย โรงเรียนพัฒนาวิทยา สิ่งที่วางแผนไว้ หลังเรียนจบอยากมีร้านอาหารเล็กๆ คติประจำตัว ไม่มีใครสมบูรณ์แบบ และก็ไม่จำเป็นต้องสมบูรณ์แบบ

35 ประวัติผู้จัดทำ ประวัติส่วนตัว ชื่อ อาทิตยา ตาเล๊ะ เกิดวันที่ 23 มีนาคม 2551 ที่อยู่ ตําบลย่านซื่อ อําเภอควนโดน จังหวัดสตูล มีพี่น้องทั้งหมด 2 คน วิชาที่ถนัด คิลปะ โปรแกรมห้องเรียน ILP ชั้นมัธยมศึกษาปีที่ 4/6 การศึกษา - ปี พ.ศ 2557 ประถมศึกษา โรงเรียนโรงเรียนอนุบาลสตูล-โรงเรียนบ้านโคกประดู่ - ปี พ.ศ 2563 มัธยมศึกษาตอนต้น โรงเรียนดารุลมาอาเรฟมูลนิธิ - ปี พ.ศ 2566 มัธยมศึกษาตอนปลาย โรงเรียนพัฒนาวิทยา สิ่งที่วางแผนไว้ วางเเผนไว้ว่าเรียนจบจะต้องมีกิจการส่วนตัว คติประจำตัว ไม่ต้องทําวันนี้ให้ดีที่สุด เพราะเดื๋ยวพรุ่งนี้ไม่มีอะไรทํา