outline

วทิ ยาลยั การอาชีพปตั ตานี แบบเสนอโครงร่าง โครงการเทคโนโลยีสารสนเทศผู้จัดทา ต่วนมฮู าหมัด ปาแซ 6039010002ชอื่ โครงการ แอพพลเิ คชน่ั จองยานพาหนะวทิ ยาลัยการอาชพี ปัตตานี Application Vehicle Booking Pattani Industrial and Community Educationความเปน็ มาและความสาคญั ปจั จบุ ันเทคโนโลยีและสารสนเทศ มคี วามสาคญั ต่อการทางานและกิจกรรมตา่ งๆในชวี ิตประจาวนั ของมนุษยใ์ นทกุ ๆดา้ น โดยการนาเทคโนโลยแี ละสารสนเทศมาใช้ กอ่ ให้เกดิ การทางานที่ถกู ต้อง รวดเรว็ และมคี วามน่าเชอื่ ถือมากขึ้น โดยสามารถนาเทคโนโลยีและสารสนเทศประยุกต์ใช้ในการทางานให้เหมาะสมไดต้ ามความต้องการ ในโลกปัจจบุ นั ระบบเทคโนโลยสี ารสนเทศได้เปน็ ท่ีนิยมเปน็ อยา่ งมาก ไม่วา่ จะเป็นในองค์กร หา้ งรา้ น รวมทง้ั หน่วยงานราชการ เพราะระบบเทคโนโลยสี ารสนเทศชว่ ยทาให้งานทย่ี ุ่งยาก ซบั ซอ้ นทาได้เรว็ มากย่งิ ขึ้น ซงึ่ ในการทาหนงั สอื ขอใชย้ านพาหนะของ วิทยาลัยการอาชีพปัตตานยี ังไมไ่ ด้นาแอพพลเิ คชน่ั เข้ามาใช้งาน โดยยงั บันทึกขอ้ มูลโดยใชก้ ระดาษ ทาใหย้ ุ่งยากในการ จัดเก็บและรักษาข้อมลู อีกทง้ั ยังสนิ้ เปลอื งทรพั ยากรอกี ด้วย ในการจองยานพาหนะของวิทยาลัยการอาชีพปัตตานนี ้นั ผู้อานวยการ อาจารย์ และบคุ ลากรจะต้องไปดาเนนิ การตดิ ต่อด้วยตนเอง เพอื่ ให้ ทราบวา่ ตารางการจองนนั้ รถว่าง หรือมพี นกั งานขบัรถหรอื ไม่ หากในบางครั้งท่เี จ้าหน้าท่ไี ม่อย่กู ็ไม่สามารถติดตอ่ เพ่ือจอง รถได้ ซงึ่ ทาใหล้ ่าช้าในการติดต่อขอจองรถ ปจั จบุ ันไดม้ กี ารนาแอพพลเิ คชัน่ และอินเตอร์เนต็ เข้ามามบี ทบาทในการ ทางาน เปน็ ชอ่ งทางในการตดิ ต่อสอื่ สารกันมากขน้ึ จนสามารถทาใหข้ ้นั ตอนในการทาส่งิ ตา่ ง ๆ สะดวก รวดเรว็ และทาให้ผู้อานวยการ อาจารย์ และบคุ ลากรท่จี ะขอใชร้ ถของวิทยาลัยการอาชีพปตั ตานี สามารถวางแผนการติดต่อจองตามกาหนดการได้งา่ ย และสะดวก ย่ิงข้นึ จากปัญหาท่พี บ เพ่ือเปน็ การแก้ไขปญั หาทตี่ ้นเหตุ ดังนนั้ ผู้วจิ ยั จึงออกแบบและพัฒนาแอพพลิเคชัน่ จองยานพาหนะวิทยาลยั การอาชีพปตั ตานีข้ึน โดยพัฒนาดว้ ย Ionic Framework และใชโ้ ปรแกรมจดั การฐานข้อมูล MySQL ซง่ึ จะชว่ ยให้ผอู้ านวยการ อาจารย์ และบุคลากรของวทิ ยาลยั การอาชพี ปตั ตานแี ละผทู้ ข่ี อใชย้ านพาหนะ สามารถจองใหพ้ ร้อมกบั วันเวลาในการเดนิ ทางไดส้ ะดวกขนึ้

ส่ิงที่ระบบตอ้ งการ -HTML -TypeSCRIPT -SQL -SCSS -PHP -AngularJS -Ionic -Cordova -NodeJSประโยชน์ทไี่ ด้รบั จากโครงการ 1. เพือ่ ให้ อาจารยแ์ ละบคุ ลากรสารมารถจองยานพาหนะไดส้ ะดวกมากข้นึ 2. ทาใหผ้ ูท้ ่จี องยานพาหนะประหยดั เวลา ไมต่ ้องติดตอ่ ด้วยตัวเอง 3. เพิม่ ความเป็นระเบียบเรียบรอ้ ยในการจองรถของวิทยาลยั การอาชีพปัตตานีทฤษฎีและผลงานท่ีเกีย่ วขอ้ ง HTML คือ ภาษาหลักทใี่ ชใ้ นการเขียนเวบ็ เพจ โดยใช้ Tag ในการกาหนดการแสดงผลHTML ย่อมาจากคาวา่ Hypertext Markup Language โดย Hypertext หมายถึง ข้อความทเ่ี ช่อื มต่อกนัผา่ นล้ิง (Hyperlink) Markup language หมายถงึ ภาษาทใ่ี ช้ Tag ในการกาหนดการแสดงผลสง่ิ ตา่ งๆท่ีแสดงอยู่บนเว็บเพจ ดังนนั้ HTML จึงหมายถงึ ภาษาท่ีใช้ Tag ในการกาหนดการแสดงผลเว็บเพจท่ีตา่ งก็เชอ่ื มถงึ กันใน Hyperspace ผ่าน Hyperlink TypeScript เป็นภาษาโปรแกรมท่ีรวมความสามารถที่ ES2015 เองมอี ยู่ สิ่งท่ีเพิ่มข้ึนมาคือสนับสนนุ Type System รวมถงึ คุณสมบตั ิอ่นื ๆทเ่ี พ่ิมมากขึ้น เชน่ Enum และความสามารถทีเ่ พม่ิ ข้ึนของการโปรแกรมเชงิ วัตถุ TypeScript นน้ั เปน็ transpiler เหมือน Babel นน่ั หมายความวา่ ตวั แปลภาษาของ TypeScript จะแปลโค๊ดทีเ่ ราเขยี นใหเ้ ป็น JavaScript อีกทนี งึ จงึ มน่ั ใจไดว้ า่ ผลลพั ธ์สดุ ท้ายจะสามารถใชง้ านไดบ้ นเว็บเบราเซอรท์ ว่ั ไป SQL ยอ่ มาจากคาวา่ Structured Query Language เป็นภาษามาตรฐานในการเข้าถึงฐานข้อมูล เราสามารถใช้งานภาษา SQL ไดจ้ ากโปรแกรมตา่ งๆ ทต่ี ้องทาการกบั ระบบฐานข้อมลู เชน่ ใช้SQL ในการทาการดงึ ข้อมลู (Retrieve Data) จากฐานข้อมลู และมนั เป็นมาตรฐานกลางท่ีใชใ้ นระบบฐานขอ้ มูลต่างๆ โดยเปน็ มาตรฐานของ ANSI (American National Standard Institute) SCSS หรอื SASS นน้ั เปน็ CSS Preprocessor จะวา่ งา่ ยๆก็คอื ภาษาโปรแกรมสาหรับเขยี น CSS น่นั เอง SCSS สามารถทาให้เราเขยี น CSS ในรปู แบบฟงั กช์ ่ัน ได้ แปลวา่ เราสามารถสรา้ งต้นแบบ สาหรบั CSS ไดแ้ ทนทีจ่ ะต้อง กอ็ บ-วาง แบบเม่ือก่อน สามารถใช้ Loop, if else หรือ เกบ็ คา่ต่างๆไวใ้ นตัวแปร แล้วนามาคานวณคา่ เพ่ือความสะดวกรวดเรว็ ในการใชง้ าน

PHP คอื ภาษาคอมพวิ เตอร์ในลกั ษณะเซริ ฟ์ เวอร์-ไซด์ สครปิ ต์ โดยลขิ สิทธอิ์ ยใู่ นลกั ษณะโอเพนซอร์ส ภาษาพีเอชพีใช้สาหรบั จัดทาเวบ็ ไซต์ และแสดงผลออกมาในรูปแบบ HTML โดยมรี ากฐานโครงสรา้ งคาสัง่ มาจากภาษา ภาษาซี ภาษาจาวา และ ภาษาเพริ ์ล ซึ่ง ภาษาพีเอชพี น้ันงา่ ยตอ่ การเรียนรู้ซงึ่ เป้าหมายหลักของภาษาน้ี คอื ใหน้ ักพัฒนาเวบ็ ไซตส์ ามารถเขยี น เว็บเพจ ทม่ี กี ารตอบโต้ได้อยา่ งรวดเร็ว AngularJS เป็น JavaScript Framework ท่ีพฒั นาโดย Google เพ่อื ลดการใช้งานของขอ้ มูลในเคร่อื งแม่ข่าย (Server) ใช้ในการพฒั นาเวบ็ แอปพลเิ คช่ันแบบ single-page application และยงัสามารถรองรบั การใช้งานกบั ภาษาทางด้านโปรแกรมอ่นื ๆได้หลากหลาย โดยการสร้าง Single-PageApplication Ionic Framework คือเครื่องมอื ในการสร้าง HTML , CSS และ JavaScript เพ่ือใช้ในการสรา้ ง Mobile Application ซ่งึ สามารถใช้งานไดค้ อ่ นข้างง่าย Ionic Framework เป็นเครือ่ งมือสร้างแอพมือถอื ที่สามารถสรา้ งทเี ดยี ว สามารถใชง้ านได้บนระบบปฏบิ ัตกิ าร iOS, Android และ Windows ซึ่งก็จะใช้งานร่วมกบั Framework ตัวอ่นื ๆ ได้ คอื Angular และ Apache Cordova ในตอนสดุ ทา้ ยเพ่ือให้ทัง้ แอพทเ่ี ขยี นมาใช้ได้กับทกุ ระบบปฏิบัตกิ ารนน้ั เอง Cordova คือ platform ตัวนง่ึ ครบั ท่ีรับหน้าที่ สรา้ ง application โดยใช้ภาษา HTML CSS3และ JSขนั้ ตอนและระยะเวลา 1. ขนั้ ตอนและวิธีการในการเกบ็ รวบรวมขอ้ มลู 1.1 ศกึ ษาข้อมลู จากเว็บไซต์ 1.2 ศึกษาขอ้ มลู จากสือ่ และแหลง่ การเรียนรู้ทหี่ ลากหลาย 2. ระยะเวลาในการดาเนินงาน ภาคเรียนท่ี 1 ปีการศกึ ษา 2561 กจิ กรรม พฤษภาคม มิถุนายน ปกี ารศกึ ษา 2561 สิงหาคม กันยายน กรกฎาคม1.คน้ ควา้ และเลือกหัวขอ้2.โครงร่าง 16 23 30 6 13 20 27 4 11 18 25 1 8 15 22 29 5 123.นาเสนอ4.บทที่ 15.บทท่ี 26.บทที่ 37.รวบรวบเอกสาร

ขอบเขตของโครงการ 1.ครูและบคุ ลากรทางการศกึ ษา 1.1 สามารถเขา้ สรู่ ะบบได้ 1.2 สามารถทาการจองยานพาหนะล่วงหนา้ ได้ 1.3 สามารถตรวจสอบการจองล่วงหนา้ ได้ 1.4 สามารถรบั รูร้ ายชอ่ื การจองลว่ งหนา้ ได้ 1.5 สามารถรเู้ วลาเข้า-ออกของยานพาหนะได้ฮารด์ แวร์ทใี่ ช้ เครือ่ งคอมพิวเตอร์ จานวน ๑ เคร่ือง มคี ณุ ลักษณะดังนี้ - CPU Intel Core I5 3.2 GHz - RAM DDR3 8 GB - Hard Disk 500 GBซอฟต์แวร์ 1. Adobe Photoshop 2. Visual Studio Code 3. Google chrome 4. Microsoft word 5. Android SDK 6. Xampp 6.1 PHP 6.2 MySql 6.3 Apche 6.4 HTML 6.5 CSS 6.6 JavaScriptนยิ ามศัพท์เฉพาะ Application คอื โปรแกรมประเภทหนึง่ ท่ีเราเรยี กวา่ โปรแกรมประยุกต์ โปรแกรมเหล่านี้จะถกู ออกแบบมาให้ทางานเฉพาะดา้ น เช่น พิมพเ์ อกสาร, คานวณ, ตกแตง่ รปู ภาพ เปน็ ต้น จากอดตี นัน้โปรแกรมเหล่านท้ี างานบนเครื่องคอมพวิ เตอรเ์ พยี งอย่างเดียว เราจึงมกั เรยี กชื่อเต็ม ๆ วา่ Application แต่เมอ่ื มีการพฒั นา Smartphone ข้ึนมา Application กไ็ ด้พัฒนา และไปใชง้ านบนโทรศัพทม์ อื ถอื ได้อกี ดว้ ยและนิยมเรียกกันสัน้ ๆ วา่ \"App\" น่นั เอง ยานพาหนะ คือวตั ถหุ รอื สง่ิ ประดิษฐ์ท่ไี มใ่ ชส่ งิ่ มีชีวติ ซง่ึ สามารถเคลื่อนยา้ ยขนส่งไปได้ยานพาหนะส่วนใหญส่ ร้างข้นึ โดยมนุษย์ อาทิ จกั รยาน รถยนต์ จกั รยานยนต์ รถไฟ เรอื และเคร่อื งบนิ เปน็ตน้ หรือไม่ได้สร้างข้นึ โดยมนษุ ยแ์ ต่สามารถเคลอ่ื นยา้ ยขนสง่ ไปได้ เชน่ ภเู ขานา้ แขง็ หรอื ทอ่ นซุงลอยนา้เปน็ ต้น ยานพาหนะสามารถชักจงู โดยสตั ว์ เชน่ รถมา้ หรอื เกวียนเทยี มววั อย่างไรกต็ ามตวั สตั ว์เองนนั้ ก็

ไม่ไดเ้ รยี กวา่ เป็นยานพาหนะ ซ่งึ รวมไปถงึ มนุษย์ทเี่ คล่ือนย้ายขนส่งมนษุ ยด์ ว้ ยกันเอง (คนอ้มุ คน) กไ็ ม่ได้เรียกวา่ เปน็ ยานพาหนะ แตส่ ตั วแ์ ละมนุษยเ์ หล่านั้นจะเรยี กวา่ เป็น พาหนะ NPM ย่อมาจาก Node Package Manager เปน็ Software (ซอฟต์แวร์) ที่มาพรอ้ มกับPackaged Node ,Node เป็นสว่ นแยกตา่ งหากของซอฟตแ์ วร์ Node is the runtime for Java scriptNPM เปน็ ซอฟตแ์ วร์แยกตา่ งหากท่ีช่วยใหค้ ุณสามารถนาเข้าโมดูลภายใน Node และใชง้ านได้สถานท่ดี าเนนิ การ - ห้องปฏิบตั ิคอมพิวเตอร์ 1206 แผนกวชิ า เทคโนโลยีสารสนเทศ ณ วิทยาลยั การอาชพี ปตั ตานีครูท่ีปรกึ ษา/สอนรายวชิ า บินกาเซ็ม ตาแหนง่ ครู คศ.2 เปาะวอ ตาแหนง่ พนกั งานราชการครู 1.นายธีระ 2.นางสาวการียะความคดิ เหน็ คณะครูท่ีปรกึ ษา .................................................................................................................................................................................................................................................................................................................................... ลงชื่อ........................................กรรมการคนที่ 1 .................................................................................................................................................................................................................................................................................................................................... ลงชอื่ ........................................กรรมการคนที่ 2 .................................................................................................................................................................................................................................................................................................................................... ลงชื่อ........................................กรรมการคนที่ 3