proposal ict2
TRANSCRIPT
ICT 2554 2 เคาโครงโครงงานคอมพวเตอร
ระบบการน าเสนอสออเลกทรอนกส
Electronic Media Presentation System
โดย
รหสประจ าตว 513020388-3 นางสาวกมลชนก สามคคมตร
รหสประจ าตว 513020399-8 นางสาวนสราวด โรปรมย
อาจารยทปรกษา รศ ดร สมจตร อาจอนทร
รายงานนเปนสวนหนงของการศกษาวชา 322 494 โครงงานคอมพวเตอร 1
ภาคเรยนท 1 ปการศกษา 2554
ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร
มหาวทยาลยขอนแกน
( เดอน กรกฎาคม พศ 2554 )
การเสนอเคาโครงโครงงานคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
ชอ นางสาวกมลชนก สามคคมตร รหสประจ าตว 513020388 - 3
นางสาวนสราวด โรปรมย รหสประจ าตว 513020399 - 8
นกศกษาระดบปรญญาตร หลกสตรวทยาศาสตรบณฑต สาขาเทคโนโลยสารสนเทศและการสอสาร
อาจารยทปรกษาโครงงาน รศดร สมจตร อาจอนทร
1 ชอหวขอโครงงาน
ภาษาไทย ระบบการน าเสนอสออเลกทรอนกส
ภาษาองกฤษ Electronic Media Presentation System
2 หลกการและเหตผล
การน าเสนอสออเลกทรอนกสเปนการน าเนอหาความรตางๆ มาแสดงผลดวยระบบคอมพวเตอร ท
สามารถพลกเปดอานไดเสมอนสอจรงพรอมทงภาพเคลอนไหวและเสยง อกทงยงสามารถเชอมไปยงเวบไซตได
ทนท จงชวยใหมความสะดวกและงายตอการน าไปเผยแพรทงในรปแบบของการสงทางอเมลหรอซดโดยสามารถ
สอความเขาใจไดงายยงขนจากรปแบบเดมนอกจากนรปแบบการน าเสนออเลกทรอนกสยงสามารถสอความใน
เรองเนอหาตางๆ ไดดเพอเปนแหลงทรวบรวมความร ประชาสมพนธ โฆษณาสออเลกทรอนกส และชวยเพม
ความบนเทง อกทงยงชวยประหยดเวลาในการท างาน ลดตนทนและปรมาณการใชสอสงพมพตางๆ รวมถงม
ความสะดวกในการเปดชมเมอไรกไดตามตองการ
ปจจบนภาควชาวทยาการคอมพวเตอรมผลงานมากมายไมวาจะเปนผลงานการวจย ผลงานการแขงขน
และเอกสารอนๆ ทเกยวของ ซงผลงานเหลานลวนมความส าคญตอการศกษาและการพฒนาผลงานใหมๆ ใน
อนาคต แตเนองจากการจดเกบรวบรวมและน าเสนอผลงานตางๆ ผานทางเครอขายอนเตอรเนตนนยงไมม
ประสทธภาพในการจดเกบและน าเสนอ ท าใหยากตอการคนหาผลงานและเอกสารตางๆทเกยวของ อกทง
รปแบบของการน าเสนอผลงานเหลานยงไมมการน าเสนอในรปแบบของหนงสออเลกทรอนกสหรอนตยสาร
อเลกทรอนกสเขามาประยกตใชมากนก สงผลใหผลงานตางๆไมเปนทนาสนใจตอผใชและผทสนใจศกษาผลงาน
ดงกลาว
ดวยเหตผลดงกลาวนผพฒนาจงไดท าการพฒนาระบบการน าเสนอสออเลกทรอนกสขน เพอจดเกบ
รวบรวมผลงานตางๆ โดยมการแบงแยกตามหมวดหมออกเปน 3 หมวด คอ ผลงานการวจย ผลงานการแขงขน
และเอกสารอนๆ ทเกยวของ เพอสนบสนนใหเกดความสะดวกในการเขาถงผลงาน ท าใหผทสนใจสามารถ
คนหาผลงานตางๆ ของภาควชาวทยาการคอมพวเตอรไดผลลพธทตรงกบความตองการมากขน รวมไปถงระบบม
การน าเสนอผลงานบนเวบไซต ทมรปแบบทแปลกใหมและนาสนใจ โดยการน ารปแบบการน าเสนอในลกษณะ
ของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกสเขามาประยกตใชรวมกบการน าเสนอผลงานตางๆ เหลาน
3 วตถประสงค
1 เพอพฒนาระบบจดการผลงานและเอกสารทเกยวของ เพอความสะดวกในการคนหาผลงาน ส าหรบ
ผทสนใจศกษาและคนควาผลงานวจยของภาควชาวทยาการคอมพวเตอร
2 เพอออกแบบและพฒนาระบบการน าเสนอสออเลกทรอนกสเพอใชส าหรบการน าเสนอผลงานและ
เอกสารทเกยวของ ของภาควชาวทยาการคอมพวเตอร โดยมงเนนการน าเสนอทมรปแบบทเหมาะสมกบผลงานท
จะเผยแพรและเพมความนาสนใจใหกบผลงาน
4 ทฤษฎและผลงานวจยทเกยวของ
41 ทฤษฎทเกยวของ
1) สออเลกทรอนกส [2]
สออเลกทรอนกสเปนสอการเรยนการสอนทเกดจากววฒนาการของเทคโนโลยสารสนเทศและการ
สอสารโทรคมนาคม การใชสออเลกทรอนกสในการเรยนการสอนจะออกมาในลกษณะของสอประสม หรอ
มลตมเดยแสดงผลออกมาหลายรปแบบตามทโปรแกรมไว เชน มเสยง เปนภาพเคลอนไหว สามารถใหผเรยน
มปฏสมพนธ ปจจบนสอประเภทนมหลายลกษณะ ดงน
11 ) บทเรยนคอมพวเตอรชวยสอน ( Computer Assisted Instruction CAI ) บทเรยน
คอมพวเตอรชวยสอน เปนซอฟแวรทางการศกษาชนดหนง เปนสอทสามารถชวยใหผเรยนสามารถเรยนร และ
มผลการตอบสนองไดรวดเรวกวาสอประเภทอน ยกเวนสอบคคล ลกษณะเปนบทเรยนทใชคอมพวเตอรเปนตว
น าเสนอเนอหาและกจกรรมการเรยน สวนใหญมงทจะใหผเรยนเรยนดวยตนเองเปนหลก มการโตตอบกน
ระหวางผเรยนกบเครองคอมพวเตอร ในแตละบทเรยนจะมตวอกษร ภาพกราฟก ภาพนง ภาพเคลอนไหวและม
เสยงประกอบ
12 ) สอการเรยนการสอนบนเครอขาย หรอ E ndash Learning เปนการเรยนผานชองทาง
อนเทอรเนต สอการเรยนการสอนบนเครอขายมการพฒนาหลายรปแบบ เชน ระบบการจดการเรยนการสอน
(Learning Management System LMS ) บทเรยนบนเครอขาย ( Web based course ) วดทศนตามสง ( Video
On Demand )
13 ) หนงสออเลกทรอนกส ( Electronics Books ) เปนหนงสอหรอเอกสารทถกดดแปลงอย
ในรปแบบทสามารถแสดงผลออกมาไดโดยเครองมออเลกทรอนกสผอานสามารถอานผานอปกรณอเลกทรอนกส
พกพา หรอทางอนเทอรเนตได ลกษณะพเศษทแตกตางจากหนงสอฉบบตพมพ คอ ความสะดวกและรวดเรว
ในการคนหาและการทผอานสามารถอานพรอมๆกนได
14 ) วารสารอเลกทรอนกส ( Electronics Journals ) เปนวารสารรปแบบใหมทมการจดเกบ
บนทก และเผยแพรในรปของแฟมคอมพวเตอร และสออเลกทรอนกส สามารถเขาถงหรอสบคนไดโดยการ
สงซอหรอบอกรบเปนสมาชกจากฐานขอมลออนไลนหรอเครอขายอนเทอรเนตหรอจากฐานขอมลซดรอม
15 ) ฐานขอมล ( Database ) เปนมวลสารสนเทศทมความเกยวเนองสมพนธกน มกจดเกบ
สะสมไวดวยระบบคอมพวเตอรในรปของแฟมขอมล มวตถประสงคเพอการใชงานไดหลายๆ ดาน โดยมชดค าสง
ระบบจดการฐานขอมล ท าหนาทควบคมการจดการและการใชฐานขอมล
หากพจารณาถง ขอด ndash ขอเสย ของสอประเภทนวา เปนอยางไรบางเพอจะไดเปนแนวทางในการน ามาใช
ในการออกแบบและสรางสอประเภทน ใหมประสทธภาพมากทสด โดยสรปไดดงน
ขอดของสออเลกทรอนกส [9]
- ขยายโอกาสทางการศกษาใหผเรยนรอบโลกในสถานศกษาตาง ๆ ทรวมมอกนไดมโอกาสเรยนร
พรอมกน
- ผเรยนควบคมการเรยนรตามความตองการ และความสามารถของตนอง
- การเรยนดวยสอหลายมตท าใหผเรยนสามารถเลอกเนอหาไดตามสะดวกโดยไมตองรยงล าดบกน
- ขอมลและเนอหาสามารถหาไดโดยงาย
- สงเสรมแนวคดในเรองของการเรยนรตลอดชวต เ นองจากเวบเปนแหลงความรทเปดกวางใหผท
ตองการศกษาในเรองใดเรองหนง สามารถเขามาคนควาหาความรไดอยางตอเนอง และตลอดเวลา การสอนบน
เวบตอบสนองตอผเรยนทมความใฝร รวมทงมทกษะในการตรวจสอบการเรยนรดวยตนเอง ( Meta - Cognitive
Skills ) ไดอยางมประสทธภาพ
- การเรยนรบนเวบเปนวธทดเยยมในการใหผเรยนไดประสบการณของสถานการณจ าลอง ทงนเพราะ
สามารถใชขอความ ภาพนง เสยง ภาพเคลอนไหว วดโอ ภาพ 3 มต ในลกษณะทใกลเคยงกบชวตจรงได
- ขยายขอบเขตของการเรยนรไดในทกหนทกแหง จากหองเรยนปกตไปยงบาน และทท างาน ท าใหไม
เสยเวลาในการเดนทาง
ขอจ ากดของสออเลกทรอนกส - การเขาถงสออเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ - หนวยความจ าทจ ากดและการตดตงโปรแกรมเปนอปสรรคหลก อปกรณแบบเคลอนท สวนมากมขนาดหนวยความจ ามความจนอยกวา คอมพวเตอรสวนบคคลทวไป ท าใหมขอจ ากดในการจดเกบไฟลประเภทมลตมเดย
2) นตยสารอเลกทรอนกส ( E ndash Magazine ) [4]
E ndash Magazine คอ นตยสารออนไลน ทมการน าเสนอขอมลทางอเลกทรอนกส ดงนนอปกรณ
อเลกทรอนกสจงเปนสงทมความส าคญอยางยงในการเขาถงขอมล คอมพวเตอรจงเปนอปกรณทคนสวนใหญจะ
นกถงเปนอนดบแรก เนองจากคอมพวเตอรสามารถรองรบเทคโนโลยตางๆไดอยางครบครน หากแตม
อนเตอรเนตกจะสามารถเชอมตอและเขาถง E ndash Magazine ไดทนท
E ndash Magazine ประกอบไปดวย เนอหา ขาวสาร รปภาพตางๆทงหมดทมอยในนตยสาร ถกยอสวนให
ลงมาไดไมแตกตางจากนตยสารทเปนรปเลม แตจะมความแตกตางกนในเรองของวธการและชองทางการรบสาร
รวมไปถงรปแบบทจะมความทนสมยมากยงขนสามารถน าเทคโนโลยตางๆ เขามาประยกตใชไดอยางหลากหลาย
อกทงวธการรบสารสะดวกสบายมากกวาการรบสารจากนตยสารในรปแบบเดม E ndash Magazine สามารถเปดหนา
หรอเลอนหนา ดวยเทคโนโลยดจตอลอนทนสมย ท าใหเปดหนาในรปแบบภาพ 3 มต จากหนาจอคอมพวเตอร
เสมอนวาก าลงเปดหนงสออย
นอกจากนแลวยงมเครองมอตาง ๆ ทชวยใหการรบสารมความสะดวกรวดเรวมากยงขน เชน การ
คนหาขอมลจากเนอหาภายในเลมสามารถคนหาไดอยางรวดเรว โดยการกดปมคนหา จากนนสามารถเลอนไปยง
หนาทตองการอานไดทนท สามารถยอหรอขยายการแสดงผลทงตวอกษรและภาพ เพอใหอานงาย และสบายตา
ยงขน สามารถก าหนดต าแหนงของไฟลบนเวบ คลกเพอเปดไปหนาเวบเพจตางๆ หรอเวบไซตทเกยวของกบ
เนอหา สามารถหาขอมลเพมเตมจากเวบไซตของผใหการสนบสนน รวมถงการพมพหนาทตองการ
ภาพท 1 ภาพแสดงสวนตางๆของนตยสารอเลกทรอนกส
ทมา httpwwwvcharkarncomvarticle41875
E ndash Magazine นน จะมลกษณะทแตกตางโดดเดนไปจากรปแบบสอโฆษณาทเราเคยพบเหนในนตยสาร
ทวไป ซงมประสทธภาพสงหรออาจจะน าเทคโนโลยเขามาประยกตใช สงผลใหผอานสามารถเขาถง และเขาใจ
วตถประสงคของโฆษณามากยงขน อกทงยงมลกเลนอนๆทหลากหลาย เชน การแสดงแบบภาพ 3 มต การ
แสดงภาพเคลอนไหว หรอภาพวดโอ การแสดงภาพดวยสสนทหลากหลาย เหลานจดไดวาเปนอกปจจยหนงท
จะท าใหขอมลตางๆ เขาถงผบรโภคไดงายมากยงขน และมงหวงใหเกดการตอบรบตอองคกรธรกจมากยงขน
ประโยชนของ E ndash Magazine
E-Magazine เปนสออกสอหนงทตองเกยวของกบผลประโยชนทางธรกจ ผประกอบการธรกจตางๆ
ทตองการพนทในการประชาสมพนธเพอใหเขาถงผบรโภค กลยทธทดอยางหนงคอ การโฆษณาประชาสมพนธ
ดงนนผประกอบการธรกจจ าเปนจะตองมพนทในการโฆษณา
E ndash magazine จงเปนสออกทางเลอกหนงทสามารถใชเปนชองทางในการประชาสมพนธได ดงนนจง
เกดการกระบวนการด าเนนการทางธรกจซงผลประโยชนกจะเกดขนเปนวฏจกร เปนการกระจายรายไดหมนเวยน
ในภาคธรกจกอใหเกดรายไดเกดผลประโยชนทางธรกจนนเอง
E ndash Magazine ยงสามารถชวยลดตนทนการผลต การสงพมพของนตยสารกระดาษทวไปได และมการ
คาดการณวาในอนาคตนตยสารสวนใหญจะปลอยใหมการดาวนโหลด E-Magazineของตนเองกอน เปนการปลอย
ตวอยางเนอหาบทความใหผบรโภคไดทดลองอานฟร เมอเกดความสนใจหรอมผลตอบรบทดสามารถสงซอนยต
สารทเปนรปเลมเตม หรอนตยสารท Print เปนรปเลมได โดยทางนตยสารอาจจะดจากยอดสงซอกอนการพมพ
เพอเปนการลดตนทนการผลตใหกบธรกจของตนอกดวย
จากการศกษาเกยวกบธรกจ E - Magazine พบวา E - Magazine เขามาแทรกแซง หรอ ทดแทน
นตยสารกระดาษ แตการเกดขนของ E ndash Magazine นน ถอเปนการเกดขนเพอตอบสนองความตองการของ
ผบรโภค ตอบสนองพฤตกรรมของผบรโภคทเปลยนแปลงไปจากเดม กลาวคอ ในอดตเทคโนโลยการสอสาร
ยงไมมความแพรหลาย การเขาใชบรการอนเตอรเนตยงอยในวงทแคบ ดงนนชองทางการเขาถงสอจงมนอย
แตเมอเขาสยคโลกาภวตนสงผลใหเกดการเปลยนแปลงหลายสงหลายอยาง เทคโนโลยจงเขามามบทบาทมาก
ยงขน สงผลใหผบรโภคมทางเลอกในการเขาถงสอเพมมากขนอกทงรปแบบการด าเนนชวตของคนในสงคม
เปลยนแปลงไป เขาสสงคมแหงการแขงขน เรงรบ ไมหยดนง สงผลใหเกดการพงพาเทคโนโลย เพออ านวยความ
สะดวกในชวตประจ าของคนในสงคม
ธรกจ E - Magazine เปนธรกจทเกดในยคโลกาภวฒนสงผลใหเกดการเปลยนแปลงหลายอยางท าให
เทคโนโลยเขามามบทบาทมากยงขน แตอยางไรกตามไมจ าเปนทจะตองทงรากฐานเดมเพยงแตตงรบกบสงใหมท
เขามาและเรยนรทจะอยกบสงนนอยางสมดล ถงแมวา E- Magazine จะเขามามบทบาทในสงคมมากยงขน
สบเนองมาจากการเปดรบเทคโนโลยทมากขน กมไดสงผลใหธรกจนตยสารกระดาษมบทบาทนอยลง เพราะตาง
กมเอกลกษณในการคงอยทตางกน ดงนนธรกจทงสองนจะสามารถด ารงอยควบคกนได ไมมสงใดสามารถ
แทรกแซงหรอทดแทนกนได แตจะเปนการเสรมสรางใหผบรโภคตระหนกถงการด ารงอยของนตยสารไมวาจะ
เปนในรปแบบใดกตามเพอเสรมฐานการตลาดของธรกจสงพมพใหประสทธภาพมากยงขน
3) หนงสออเลกทรอนกส ( Electronic ndash Book ) [36]
E ndash Book เปนหนงสอทสรางขนดวยโปรแกรมคอมพวเตอรมลกษณะเปนเอกสารอเลกทรอนกส
โดยปกตมกจะเปนแฟมขอมลทสามารถอานเอกสารผานทางหนาจอคอมพวเตอรท งในระบบออฟไลนและ
ออนไลน โดยเปนหนงสออเลกทรอนกส ทสามารถอานผานทางอนเทอรเนต หรอ อปกรณอเลกทรอนกสพกพา
อนๆไดส าหรบหนงสออเลกทรอนกสน จะมความหมายรวมถงเนอหาทถกดดแปลงอยในรปแบบทสามารถ
แสดงผลออกมาได โดยเครองมออเลกทรอนกส แตกใหมลกษณะการน าเสนอทสอดคลองและคลายคลงกบการ
อานหนงสอทวๆไปในชวตประจ าวน แตจะมลกษณะพเศษ คอ สะดวกและรวดเรว ในการคนหา และผอาน
สามารถอาน พรอมๆ กนไดโดยไมตองรอใหอกฝายสงคนหองสมด เชนเดยวกบหนงสอในหองสมดทวไป
คณลกษณะของหนงสออเลกทรอนกสสามารถเชอมโยงจดไปยงสวนตางๆ ของหนงสอ เวบไซตตางๆ
ตลอดจนมปฏสมพนธและโตตอบกบผเรยนได นอกจากนนหนงสออเลกทรอนกสสามารถแทรกภาพ เสยง
ภาพเคลอนไหว แบบทดสอบ และสามารถสงพมพเอกสารทตองการออกทางเครองพมพได อกประการหนงท
ส าคญกคอ หนงสออเลกทรอนกสสามารถปรบปรงขอมลใหทนสมยไดตลอดเวลา ซงคณสมบตเหลานจะไมม
ในหนงสอธรรมดาทวไป
ภาพท 2 ภาพหนงสออเลกทรอนกส
ทมา httpsivaporn94blogspotcom201102e-bookhtml
ขอดของหนงสออเลกทรอนกส [9]
- เปนสอทรวมเอาจดเดนของสอแบบตางๆ มารวมอยในสอตวเดยว คอ สามารถแสดงภาพ แสง เสยง
ภาพเคลอนไหว และการมปฏสมพนธกบผใช
- ชวยใหผเรยนเกดพฒนาการเรยนรและเขาใจเนอหาวชาไดเรวขน
- ครสามารถใชหนงสออเลกทรอนกสในการชกจงผเรยนในการอาน การเขยน การฟงและการพดได
- มความสามารถในการออนไลนผานเครอขาย และเชอมโยงไปสโฮมเพจและเวบไซตตางๆอกทงยง
สามารถอางองในเชงวชาการได
- หากหนงสออเลกทรอนกสออนไลนผานเครอขายอนเตอรเนตหรออนทราเนตจะท าใหการกระจายสอ
ท าไดอยางรวดเรว และกวางขวางกวาสอทอยในรปสงพมพ
- สนบสนนการเรยนการสอนแบบหองเรยนเสมอนหองสมดและหองสมดอเลกทรอนกส
- มลกษณะไมตายตว สามารถแกไขปรบปรงเปลยนแปลงไดตลอดเวลา อกทงยงสามารถเชอมโยงไปส
ขอมลทเกยวของไดโดยใชความสามารถของไฮเปอรเทกซ
- ในการสอนหรออบรมนอกสถานท การใชหนงสออเลกทรอนกส จะชวยใหเกดความคลองตวยงขน
เนองจากสอสามารถสรางเกบไวในแผนซดได
- การพมพท าไดรวดเรวกวาแบบใชกระดาษ สามารถท าส าเนาไดเทาทตองการประหยดวสดในการ
สรางสอ อกทงยงชวยอนรกษสงแวดลอมอกดวย
- มความทนทาน และสะดวกตอการเกบบ ารงรกษา ลดปญหาการจดเกบเอกสารยอนหลงซงตองใชเนอ
ทหรอบรเวณกวางกวาในการจดเกบ รกษาหนงสอหายากและตนฉบบเขยนไมใหเสอมคณภาพ
- ชวยใหนกวชาการและนกเขยนสามารถเผยแพรผลงานเขยนไดอยางรวดเรว
- ผใชสามารถตดตามอานวารสารไดอยางรวดเรว ทนททวารสารมการจดพมพ เนองจากส านกพมพจด
พมพแบบอเลกทรอนกส จงท าใหเผยแพรสผอานไดอยางรวดเรว
- ผอานสามารถเขาถงวารสารไดอยางสะดวก รวดเรว โดยไมจ ากดเวลา โอกาส และ สถานท
- ประหยดคาใชจายในการเยบเลมวารสาร การเสยแรงงานบคลากรในการเตรยมวารสารกอนสงเยบเลม
และ หลงการเยบเลม
- ชวยแกปญหาการไดรบวารสารไมครบ วารสารถกฉกขาด
- ชวยแกปญหาสถานทเกบ ไมมปญหาการเพมน าหนกพนทของหองสมด
ขอจ ากดของหนงสออเลกทรอนกส
- คนไทยสวนใหญยงคงชนอยกบสอทอยในรปกระดาษมากกวา อกทงหนงสออเลกทรอนกสยงไม
สามารถใชงานไดงายเมอเทยบกบสอสงพมพ และความสะดวกในการอานกยงนอยกวามาก
- หากโปรแกรมสอมขนาดไฟลใหญมากๆ จะท าใหการเปลยนหนาจอมความลาชา
- การสรางหนงสออเลกทรอนกสเพอใหไดประสทธภาพทด ผสรางตองมความร และความช านาญใน
การใชโปรแกรมคอมพวเตอร
- ผใชสออาจจะไมใชผสรางสอฉะนนการปรบปรงสอจงท าไดยากหากผสอนไมมความรดานโปรแกรม
คอมพวเตอร
- ใชเวลาในการออกแบบมาก เพราะตองใชทกษะในการออกแบบเปนอยางด เพอใหไดสอทมคณภาพ
- คาใชจายในการบอกรบ แตละส านกพมพจะก าหนดคาบอกรบแตกตางกน เชน บางส านกพมพเมอ
บอกรบวารสารฉบบพมพจะใหสทธสามารถเขาถงขอมลได บางส านกพมพแยกราคากนระหวางฉบบพมพกบ
วารสารอเลกทรอนกส
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ
- วารสารยอนหลง การจดเกบวารสารอเลกทรอนกสฉบบยอนหลงยงไมมรปแบบทชดเจน หองสมดท
บอกรบหารปแบบ วธการจดเกบเอง หรอบรษทเปนผจดท า
- การเขาถงวารสารอเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร
ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
4) ระบบจดการฐานขอมล MySQL [10]
ภาพท 3 ภาพสญลกษณของ MySQL ทมา httpwwwpangpondblogcomtagsmysql
SQL มาจากค าวา Structured Query Language เปนภาษาทถกพฒนาขนโดยบรษท IBM ซงปจจบนเปนทนยมใชกนเปนอยางมากในวงการฐานขอมล ( Database ) กลมบคคล ทใชกนกไดแก Database Programmer DBA Database Administration เปนตน
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
การเสนอเคาโครงโครงงานคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
ชอ นางสาวกมลชนก สามคคมตร รหสประจ าตว 513020388 - 3
นางสาวนสราวด โรปรมย รหสประจ าตว 513020399 - 8
นกศกษาระดบปรญญาตร หลกสตรวทยาศาสตรบณฑต สาขาเทคโนโลยสารสนเทศและการสอสาร
อาจารยทปรกษาโครงงาน รศดร สมจตร อาจอนทร
1 ชอหวขอโครงงาน
ภาษาไทย ระบบการน าเสนอสออเลกทรอนกส
ภาษาองกฤษ Electronic Media Presentation System
2 หลกการและเหตผล
การน าเสนอสออเลกทรอนกสเปนการน าเนอหาความรตางๆ มาแสดงผลดวยระบบคอมพวเตอร ท
สามารถพลกเปดอานไดเสมอนสอจรงพรอมทงภาพเคลอนไหวและเสยง อกทงยงสามารถเชอมไปยงเวบไซตได
ทนท จงชวยใหมความสะดวกและงายตอการน าไปเผยแพรทงในรปแบบของการสงทางอเมลหรอซดโดยสามารถ
สอความเขาใจไดงายยงขนจากรปแบบเดมนอกจากนรปแบบการน าเสนออเลกทรอนกสยงสามารถสอความใน
เรองเนอหาตางๆ ไดดเพอเปนแหลงทรวบรวมความร ประชาสมพนธ โฆษณาสออเลกทรอนกส และชวยเพม
ความบนเทง อกทงยงชวยประหยดเวลาในการท างาน ลดตนทนและปรมาณการใชสอสงพมพตางๆ รวมถงม
ความสะดวกในการเปดชมเมอไรกไดตามตองการ
ปจจบนภาควชาวทยาการคอมพวเตอรมผลงานมากมายไมวาจะเปนผลงานการวจย ผลงานการแขงขน
และเอกสารอนๆ ทเกยวของ ซงผลงานเหลานลวนมความส าคญตอการศกษาและการพฒนาผลงานใหมๆ ใน
อนาคต แตเนองจากการจดเกบรวบรวมและน าเสนอผลงานตางๆ ผานทางเครอขายอนเตอรเนตนนยงไมม
ประสทธภาพในการจดเกบและน าเสนอ ท าใหยากตอการคนหาผลงานและเอกสารตางๆทเกยวของ อกทง
รปแบบของการน าเสนอผลงานเหลานยงไมมการน าเสนอในรปแบบของหนงสออเลกทรอนกสหรอนตยสาร
อเลกทรอนกสเขามาประยกตใชมากนก สงผลใหผลงานตางๆไมเปนทนาสนใจตอผใชและผทสนใจศกษาผลงาน
ดงกลาว
ดวยเหตผลดงกลาวนผพฒนาจงไดท าการพฒนาระบบการน าเสนอสออเลกทรอนกสขน เพอจดเกบ
รวบรวมผลงานตางๆ โดยมการแบงแยกตามหมวดหมออกเปน 3 หมวด คอ ผลงานการวจย ผลงานการแขงขน
และเอกสารอนๆ ทเกยวของ เพอสนบสนนใหเกดความสะดวกในการเขาถงผลงาน ท าใหผทสนใจสามารถ
คนหาผลงานตางๆ ของภาควชาวทยาการคอมพวเตอรไดผลลพธทตรงกบความตองการมากขน รวมไปถงระบบม
การน าเสนอผลงานบนเวบไซต ทมรปแบบทแปลกใหมและนาสนใจ โดยการน ารปแบบการน าเสนอในลกษณะ
ของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกสเขามาประยกตใชรวมกบการน าเสนอผลงานตางๆ เหลาน
3 วตถประสงค
1 เพอพฒนาระบบจดการผลงานและเอกสารทเกยวของ เพอความสะดวกในการคนหาผลงาน ส าหรบ
ผทสนใจศกษาและคนควาผลงานวจยของภาควชาวทยาการคอมพวเตอร
2 เพอออกแบบและพฒนาระบบการน าเสนอสออเลกทรอนกสเพอใชส าหรบการน าเสนอผลงานและ
เอกสารทเกยวของ ของภาควชาวทยาการคอมพวเตอร โดยมงเนนการน าเสนอทมรปแบบทเหมาะสมกบผลงานท
จะเผยแพรและเพมความนาสนใจใหกบผลงาน
4 ทฤษฎและผลงานวจยทเกยวของ
41 ทฤษฎทเกยวของ
1) สออเลกทรอนกส [2]
สออเลกทรอนกสเปนสอการเรยนการสอนทเกดจากววฒนาการของเทคโนโลยสารสนเทศและการ
สอสารโทรคมนาคม การใชสออเลกทรอนกสในการเรยนการสอนจะออกมาในลกษณะของสอประสม หรอ
มลตมเดยแสดงผลออกมาหลายรปแบบตามทโปรแกรมไว เชน มเสยง เปนภาพเคลอนไหว สามารถใหผเรยน
มปฏสมพนธ ปจจบนสอประเภทนมหลายลกษณะ ดงน
11 ) บทเรยนคอมพวเตอรชวยสอน ( Computer Assisted Instruction CAI ) บทเรยน
คอมพวเตอรชวยสอน เปนซอฟแวรทางการศกษาชนดหนง เปนสอทสามารถชวยใหผเรยนสามารถเรยนร และ
มผลการตอบสนองไดรวดเรวกวาสอประเภทอน ยกเวนสอบคคล ลกษณะเปนบทเรยนทใชคอมพวเตอรเปนตว
น าเสนอเนอหาและกจกรรมการเรยน สวนใหญมงทจะใหผเรยนเรยนดวยตนเองเปนหลก มการโตตอบกน
ระหวางผเรยนกบเครองคอมพวเตอร ในแตละบทเรยนจะมตวอกษร ภาพกราฟก ภาพนง ภาพเคลอนไหวและม
เสยงประกอบ
12 ) สอการเรยนการสอนบนเครอขาย หรอ E ndash Learning เปนการเรยนผานชองทาง
อนเทอรเนต สอการเรยนการสอนบนเครอขายมการพฒนาหลายรปแบบ เชน ระบบการจดการเรยนการสอน
(Learning Management System LMS ) บทเรยนบนเครอขาย ( Web based course ) วดทศนตามสง ( Video
On Demand )
13 ) หนงสออเลกทรอนกส ( Electronics Books ) เปนหนงสอหรอเอกสารทถกดดแปลงอย
ในรปแบบทสามารถแสดงผลออกมาไดโดยเครองมออเลกทรอนกสผอานสามารถอานผานอปกรณอเลกทรอนกส
พกพา หรอทางอนเทอรเนตได ลกษณะพเศษทแตกตางจากหนงสอฉบบตพมพ คอ ความสะดวกและรวดเรว
ในการคนหาและการทผอานสามารถอานพรอมๆกนได
14 ) วารสารอเลกทรอนกส ( Electronics Journals ) เปนวารสารรปแบบใหมทมการจดเกบ
บนทก และเผยแพรในรปของแฟมคอมพวเตอร และสออเลกทรอนกส สามารถเขาถงหรอสบคนไดโดยการ
สงซอหรอบอกรบเปนสมาชกจากฐานขอมลออนไลนหรอเครอขายอนเทอรเนตหรอจากฐานขอมลซดรอม
15 ) ฐานขอมล ( Database ) เปนมวลสารสนเทศทมความเกยวเนองสมพนธกน มกจดเกบ
สะสมไวดวยระบบคอมพวเตอรในรปของแฟมขอมล มวตถประสงคเพอการใชงานไดหลายๆ ดาน โดยมชดค าสง
ระบบจดการฐานขอมล ท าหนาทควบคมการจดการและการใชฐานขอมล
หากพจารณาถง ขอด ndash ขอเสย ของสอประเภทนวา เปนอยางไรบางเพอจะไดเปนแนวทางในการน ามาใช
ในการออกแบบและสรางสอประเภทน ใหมประสทธภาพมากทสด โดยสรปไดดงน
ขอดของสออเลกทรอนกส [9]
- ขยายโอกาสทางการศกษาใหผเรยนรอบโลกในสถานศกษาตาง ๆ ทรวมมอกนไดมโอกาสเรยนร
พรอมกน
- ผเรยนควบคมการเรยนรตามความตองการ และความสามารถของตนอง
- การเรยนดวยสอหลายมตท าใหผเรยนสามารถเลอกเนอหาไดตามสะดวกโดยไมตองรยงล าดบกน
- ขอมลและเนอหาสามารถหาไดโดยงาย
- สงเสรมแนวคดในเรองของการเรยนรตลอดชวต เ นองจากเวบเปนแหลงความรทเปดกวางใหผท
ตองการศกษาในเรองใดเรองหนง สามารถเขามาคนควาหาความรไดอยางตอเนอง และตลอดเวลา การสอนบน
เวบตอบสนองตอผเรยนทมความใฝร รวมทงมทกษะในการตรวจสอบการเรยนรดวยตนเอง ( Meta - Cognitive
Skills ) ไดอยางมประสทธภาพ
- การเรยนรบนเวบเปนวธทดเยยมในการใหผเรยนไดประสบการณของสถานการณจ าลอง ทงนเพราะ
สามารถใชขอความ ภาพนง เสยง ภาพเคลอนไหว วดโอ ภาพ 3 มต ในลกษณะทใกลเคยงกบชวตจรงได
- ขยายขอบเขตของการเรยนรไดในทกหนทกแหง จากหองเรยนปกตไปยงบาน และทท างาน ท าใหไม
เสยเวลาในการเดนทาง
ขอจ ากดของสออเลกทรอนกส - การเขาถงสออเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ - หนวยความจ าทจ ากดและการตดตงโปรแกรมเปนอปสรรคหลก อปกรณแบบเคลอนท สวนมากมขนาดหนวยความจ ามความจนอยกวา คอมพวเตอรสวนบคคลทวไป ท าใหมขอจ ากดในการจดเกบไฟลประเภทมลตมเดย
2) นตยสารอเลกทรอนกส ( E ndash Magazine ) [4]
E ndash Magazine คอ นตยสารออนไลน ทมการน าเสนอขอมลทางอเลกทรอนกส ดงนนอปกรณ
อเลกทรอนกสจงเปนสงทมความส าคญอยางยงในการเขาถงขอมล คอมพวเตอรจงเปนอปกรณทคนสวนใหญจะ
นกถงเปนอนดบแรก เนองจากคอมพวเตอรสามารถรองรบเทคโนโลยตางๆไดอยางครบครน หากแตม
อนเตอรเนตกจะสามารถเชอมตอและเขาถง E ndash Magazine ไดทนท
E ndash Magazine ประกอบไปดวย เนอหา ขาวสาร รปภาพตางๆทงหมดทมอยในนตยสาร ถกยอสวนให
ลงมาไดไมแตกตางจากนตยสารทเปนรปเลม แตจะมความแตกตางกนในเรองของวธการและชองทางการรบสาร
รวมไปถงรปแบบทจะมความทนสมยมากยงขนสามารถน าเทคโนโลยตางๆ เขามาประยกตใชไดอยางหลากหลาย
อกทงวธการรบสารสะดวกสบายมากกวาการรบสารจากนตยสารในรปแบบเดม E ndash Magazine สามารถเปดหนา
หรอเลอนหนา ดวยเทคโนโลยดจตอลอนทนสมย ท าใหเปดหนาในรปแบบภาพ 3 มต จากหนาจอคอมพวเตอร
เสมอนวาก าลงเปดหนงสออย
นอกจากนแลวยงมเครองมอตาง ๆ ทชวยใหการรบสารมความสะดวกรวดเรวมากยงขน เชน การ
คนหาขอมลจากเนอหาภายในเลมสามารถคนหาไดอยางรวดเรว โดยการกดปมคนหา จากนนสามารถเลอนไปยง
หนาทตองการอานไดทนท สามารถยอหรอขยายการแสดงผลทงตวอกษรและภาพ เพอใหอานงาย และสบายตา
ยงขน สามารถก าหนดต าแหนงของไฟลบนเวบ คลกเพอเปดไปหนาเวบเพจตางๆ หรอเวบไซตทเกยวของกบ
เนอหา สามารถหาขอมลเพมเตมจากเวบไซตของผใหการสนบสนน รวมถงการพมพหนาทตองการ
ภาพท 1 ภาพแสดงสวนตางๆของนตยสารอเลกทรอนกส
ทมา httpwwwvcharkarncomvarticle41875
E ndash Magazine นน จะมลกษณะทแตกตางโดดเดนไปจากรปแบบสอโฆษณาทเราเคยพบเหนในนตยสาร
ทวไป ซงมประสทธภาพสงหรออาจจะน าเทคโนโลยเขามาประยกตใช สงผลใหผอานสามารถเขาถง และเขาใจ
วตถประสงคของโฆษณามากยงขน อกทงยงมลกเลนอนๆทหลากหลาย เชน การแสดงแบบภาพ 3 มต การ
แสดงภาพเคลอนไหว หรอภาพวดโอ การแสดงภาพดวยสสนทหลากหลาย เหลานจดไดวาเปนอกปจจยหนงท
จะท าใหขอมลตางๆ เขาถงผบรโภคไดงายมากยงขน และมงหวงใหเกดการตอบรบตอองคกรธรกจมากยงขน
ประโยชนของ E ndash Magazine
E-Magazine เปนสออกสอหนงทตองเกยวของกบผลประโยชนทางธรกจ ผประกอบการธรกจตางๆ
ทตองการพนทในการประชาสมพนธเพอใหเขาถงผบรโภค กลยทธทดอยางหนงคอ การโฆษณาประชาสมพนธ
ดงนนผประกอบการธรกจจ าเปนจะตองมพนทในการโฆษณา
E ndash magazine จงเปนสออกทางเลอกหนงทสามารถใชเปนชองทางในการประชาสมพนธได ดงนนจง
เกดการกระบวนการด าเนนการทางธรกจซงผลประโยชนกจะเกดขนเปนวฏจกร เปนการกระจายรายไดหมนเวยน
ในภาคธรกจกอใหเกดรายไดเกดผลประโยชนทางธรกจนนเอง
E ndash Magazine ยงสามารถชวยลดตนทนการผลต การสงพมพของนตยสารกระดาษทวไปได และมการ
คาดการณวาในอนาคตนตยสารสวนใหญจะปลอยใหมการดาวนโหลด E-Magazineของตนเองกอน เปนการปลอย
ตวอยางเนอหาบทความใหผบรโภคไดทดลองอานฟร เมอเกดความสนใจหรอมผลตอบรบทดสามารถสงซอนยต
สารทเปนรปเลมเตม หรอนตยสารท Print เปนรปเลมได โดยทางนตยสารอาจจะดจากยอดสงซอกอนการพมพ
เพอเปนการลดตนทนการผลตใหกบธรกจของตนอกดวย
จากการศกษาเกยวกบธรกจ E - Magazine พบวา E - Magazine เขามาแทรกแซง หรอ ทดแทน
นตยสารกระดาษ แตการเกดขนของ E ndash Magazine นน ถอเปนการเกดขนเพอตอบสนองความตองการของ
ผบรโภค ตอบสนองพฤตกรรมของผบรโภคทเปลยนแปลงไปจากเดม กลาวคอ ในอดตเทคโนโลยการสอสาร
ยงไมมความแพรหลาย การเขาใชบรการอนเตอรเนตยงอยในวงทแคบ ดงนนชองทางการเขาถงสอจงมนอย
แตเมอเขาสยคโลกาภวตนสงผลใหเกดการเปลยนแปลงหลายสงหลายอยาง เทคโนโลยจงเขามามบทบาทมาก
ยงขน สงผลใหผบรโภคมทางเลอกในการเขาถงสอเพมมากขนอกทงรปแบบการด าเนนชวตของคนในสงคม
เปลยนแปลงไป เขาสสงคมแหงการแขงขน เรงรบ ไมหยดนง สงผลใหเกดการพงพาเทคโนโลย เพออ านวยความ
สะดวกในชวตประจ าของคนในสงคม
ธรกจ E - Magazine เปนธรกจทเกดในยคโลกาภวฒนสงผลใหเกดการเปลยนแปลงหลายอยางท าให
เทคโนโลยเขามามบทบาทมากยงขน แตอยางไรกตามไมจ าเปนทจะตองทงรากฐานเดมเพยงแตตงรบกบสงใหมท
เขามาและเรยนรทจะอยกบสงนนอยางสมดล ถงแมวา E- Magazine จะเขามามบทบาทในสงคมมากยงขน
สบเนองมาจากการเปดรบเทคโนโลยทมากขน กมไดสงผลใหธรกจนตยสารกระดาษมบทบาทนอยลง เพราะตาง
กมเอกลกษณในการคงอยทตางกน ดงนนธรกจทงสองนจะสามารถด ารงอยควบคกนได ไมมสงใดสามารถ
แทรกแซงหรอทดแทนกนได แตจะเปนการเสรมสรางใหผบรโภคตระหนกถงการด ารงอยของนตยสารไมวาจะ
เปนในรปแบบใดกตามเพอเสรมฐานการตลาดของธรกจสงพมพใหประสทธภาพมากยงขน
3) หนงสออเลกทรอนกส ( Electronic ndash Book ) [36]
E ndash Book เปนหนงสอทสรางขนดวยโปรแกรมคอมพวเตอรมลกษณะเปนเอกสารอเลกทรอนกส
โดยปกตมกจะเปนแฟมขอมลทสามารถอานเอกสารผานทางหนาจอคอมพวเตอรท งในระบบออฟไลนและ
ออนไลน โดยเปนหนงสออเลกทรอนกส ทสามารถอานผานทางอนเทอรเนต หรอ อปกรณอเลกทรอนกสพกพา
อนๆไดส าหรบหนงสออเลกทรอนกสน จะมความหมายรวมถงเนอหาทถกดดแปลงอยในรปแบบทสามารถ
แสดงผลออกมาได โดยเครองมออเลกทรอนกส แตกใหมลกษณะการน าเสนอทสอดคลองและคลายคลงกบการ
อานหนงสอทวๆไปในชวตประจ าวน แตจะมลกษณะพเศษ คอ สะดวกและรวดเรว ในการคนหา และผอาน
สามารถอาน พรอมๆ กนไดโดยไมตองรอใหอกฝายสงคนหองสมด เชนเดยวกบหนงสอในหองสมดทวไป
คณลกษณะของหนงสออเลกทรอนกสสามารถเชอมโยงจดไปยงสวนตางๆ ของหนงสอ เวบไซตตางๆ
ตลอดจนมปฏสมพนธและโตตอบกบผเรยนได นอกจากนนหนงสออเลกทรอนกสสามารถแทรกภาพ เสยง
ภาพเคลอนไหว แบบทดสอบ และสามารถสงพมพเอกสารทตองการออกทางเครองพมพได อกประการหนงท
ส าคญกคอ หนงสออเลกทรอนกสสามารถปรบปรงขอมลใหทนสมยไดตลอดเวลา ซงคณสมบตเหลานจะไมม
ในหนงสอธรรมดาทวไป
ภาพท 2 ภาพหนงสออเลกทรอนกส
ทมา httpsivaporn94blogspotcom201102e-bookhtml
ขอดของหนงสออเลกทรอนกส [9]
- เปนสอทรวมเอาจดเดนของสอแบบตางๆ มารวมอยในสอตวเดยว คอ สามารถแสดงภาพ แสง เสยง
ภาพเคลอนไหว และการมปฏสมพนธกบผใช
- ชวยใหผเรยนเกดพฒนาการเรยนรและเขาใจเนอหาวชาไดเรวขน
- ครสามารถใชหนงสออเลกทรอนกสในการชกจงผเรยนในการอาน การเขยน การฟงและการพดได
- มความสามารถในการออนไลนผานเครอขาย และเชอมโยงไปสโฮมเพจและเวบไซตตางๆอกทงยง
สามารถอางองในเชงวชาการได
- หากหนงสออเลกทรอนกสออนไลนผานเครอขายอนเตอรเนตหรออนทราเนตจะท าใหการกระจายสอ
ท าไดอยางรวดเรว และกวางขวางกวาสอทอยในรปสงพมพ
- สนบสนนการเรยนการสอนแบบหองเรยนเสมอนหองสมดและหองสมดอเลกทรอนกส
- มลกษณะไมตายตว สามารถแกไขปรบปรงเปลยนแปลงไดตลอดเวลา อกทงยงสามารถเชอมโยงไปส
ขอมลทเกยวของไดโดยใชความสามารถของไฮเปอรเทกซ
- ในการสอนหรออบรมนอกสถานท การใชหนงสออเลกทรอนกส จะชวยใหเกดความคลองตวยงขน
เนองจากสอสามารถสรางเกบไวในแผนซดได
- การพมพท าไดรวดเรวกวาแบบใชกระดาษ สามารถท าส าเนาไดเทาทตองการประหยดวสดในการ
สรางสอ อกทงยงชวยอนรกษสงแวดลอมอกดวย
- มความทนทาน และสะดวกตอการเกบบ ารงรกษา ลดปญหาการจดเกบเอกสารยอนหลงซงตองใชเนอ
ทหรอบรเวณกวางกวาในการจดเกบ รกษาหนงสอหายากและตนฉบบเขยนไมใหเสอมคณภาพ
- ชวยใหนกวชาการและนกเขยนสามารถเผยแพรผลงานเขยนไดอยางรวดเรว
- ผใชสามารถตดตามอานวารสารไดอยางรวดเรว ทนททวารสารมการจดพมพ เนองจากส านกพมพจด
พมพแบบอเลกทรอนกส จงท าใหเผยแพรสผอานไดอยางรวดเรว
- ผอานสามารถเขาถงวารสารไดอยางสะดวก รวดเรว โดยไมจ ากดเวลา โอกาส และ สถานท
- ประหยดคาใชจายในการเยบเลมวารสาร การเสยแรงงานบคลากรในการเตรยมวารสารกอนสงเยบเลม
และ หลงการเยบเลม
- ชวยแกปญหาการไดรบวารสารไมครบ วารสารถกฉกขาด
- ชวยแกปญหาสถานทเกบ ไมมปญหาการเพมน าหนกพนทของหองสมด
ขอจ ากดของหนงสออเลกทรอนกส
- คนไทยสวนใหญยงคงชนอยกบสอทอยในรปกระดาษมากกวา อกทงหนงสออเลกทรอนกสยงไม
สามารถใชงานไดงายเมอเทยบกบสอสงพมพ และความสะดวกในการอานกยงนอยกวามาก
- หากโปรแกรมสอมขนาดไฟลใหญมากๆ จะท าใหการเปลยนหนาจอมความลาชา
- การสรางหนงสออเลกทรอนกสเพอใหไดประสทธภาพทด ผสรางตองมความร และความช านาญใน
การใชโปรแกรมคอมพวเตอร
- ผใชสออาจจะไมใชผสรางสอฉะนนการปรบปรงสอจงท าไดยากหากผสอนไมมความรดานโปรแกรม
คอมพวเตอร
- ใชเวลาในการออกแบบมาก เพราะตองใชทกษะในการออกแบบเปนอยางด เพอใหไดสอทมคณภาพ
- คาใชจายในการบอกรบ แตละส านกพมพจะก าหนดคาบอกรบแตกตางกน เชน บางส านกพมพเมอ
บอกรบวารสารฉบบพมพจะใหสทธสามารถเขาถงขอมลได บางส านกพมพแยกราคากนระหวางฉบบพมพกบ
วารสารอเลกทรอนกส
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ
- วารสารยอนหลง การจดเกบวารสารอเลกทรอนกสฉบบยอนหลงยงไมมรปแบบทชดเจน หองสมดท
บอกรบหารปแบบ วธการจดเกบเอง หรอบรษทเปนผจดท า
- การเขาถงวารสารอเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร
ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
4) ระบบจดการฐานขอมล MySQL [10]
ภาพท 3 ภาพสญลกษณของ MySQL ทมา httpwwwpangpondblogcomtagsmysql
SQL มาจากค าวา Structured Query Language เปนภาษาทถกพฒนาขนโดยบรษท IBM ซงปจจบนเปนทนยมใชกนเปนอยางมากในวงการฐานขอมล ( Database ) กลมบคคล ทใชกนกไดแก Database Programmer DBA Database Administration เปนตน
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
คนหาผลงานตางๆ ของภาควชาวทยาการคอมพวเตอรไดผลลพธทตรงกบความตองการมากขน รวมไปถงระบบม
การน าเสนอผลงานบนเวบไซต ทมรปแบบทแปลกใหมและนาสนใจ โดยการน ารปแบบการน าเสนอในลกษณะ
ของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกสเขามาประยกตใชรวมกบการน าเสนอผลงานตางๆ เหลาน
3 วตถประสงค
1 เพอพฒนาระบบจดการผลงานและเอกสารทเกยวของ เพอความสะดวกในการคนหาผลงาน ส าหรบ
ผทสนใจศกษาและคนควาผลงานวจยของภาควชาวทยาการคอมพวเตอร
2 เพอออกแบบและพฒนาระบบการน าเสนอสออเลกทรอนกสเพอใชส าหรบการน าเสนอผลงานและ
เอกสารทเกยวของ ของภาควชาวทยาการคอมพวเตอร โดยมงเนนการน าเสนอทมรปแบบทเหมาะสมกบผลงานท
จะเผยแพรและเพมความนาสนใจใหกบผลงาน
4 ทฤษฎและผลงานวจยทเกยวของ
41 ทฤษฎทเกยวของ
1) สออเลกทรอนกส [2]
สออเลกทรอนกสเปนสอการเรยนการสอนทเกดจากววฒนาการของเทคโนโลยสารสนเทศและการ
สอสารโทรคมนาคม การใชสออเลกทรอนกสในการเรยนการสอนจะออกมาในลกษณะของสอประสม หรอ
มลตมเดยแสดงผลออกมาหลายรปแบบตามทโปรแกรมไว เชน มเสยง เปนภาพเคลอนไหว สามารถใหผเรยน
มปฏสมพนธ ปจจบนสอประเภทนมหลายลกษณะ ดงน
11 ) บทเรยนคอมพวเตอรชวยสอน ( Computer Assisted Instruction CAI ) บทเรยน
คอมพวเตอรชวยสอน เปนซอฟแวรทางการศกษาชนดหนง เปนสอทสามารถชวยใหผเรยนสามารถเรยนร และ
มผลการตอบสนองไดรวดเรวกวาสอประเภทอน ยกเวนสอบคคล ลกษณะเปนบทเรยนทใชคอมพวเตอรเปนตว
น าเสนอเนอหาและกจกรรมการเรยน สวนใหญมงทจะใหผเรยนเรยนดวยตนเองเปนหลก มการโตตอบกน
ระหวางผเรยนกบเครองคอมพวเตอร ในแตละบทเรยนจะมตวอกษร ภาพกราฟก ภาพนง ภาพเคลอนไหวและม
เสยงประกอบ
12 ) สอการเรยนการสอนบนเครอขาย หรอ E ndash Learning เปนการเรยนผานชองทาง
อนเทอรเนต สอการเรยนการสอนบนเครอขายมการพฒนาหลายรปแบบ เชน ระบบการจดการเรยนการสอน
(Learning Management System LMS ) บทเรยนบนเครอขาย ( Web based course ) วดทศนตามสง ( Video
On Demand )
13 ) หนงสออเลกทรอนกส ( Electronics Books ) เปนหนงสอหรอเอกสารทถกดดแปลงอย
ในรปแบบทสามารถแสดงผลออกมาไดโดยเครองมออเลกทรอนกสผอานสามารถอานผานอปกรณอเลกทรอนกส
พกพา หรอทางอนเทอรเนตได ลกษณะพเศษทแตกตางจากหนงสอฉบบตพมพ คอ ความสะดวกและรวดเรว
ในการคนหาและการทผอานสามารถอานพรอมๆกนได
14 ) วารสารอเลกทรอนกส ( Electronics Journals ) เปนวารสารรปแบบใหมทมการจดเกบ
บนทก และเผยแพรในรปของแฟมคอมพวเตอร และสออเลกทรอนกส สามารถเขาถงหรอสบคนไดโดยการ
สงซอหรอบอกรบเปนสมาชกจากฐานขอมลออนไลนหรอเครอขายอนเทอรเนตหรอจากฐานขอมลซดรอม
15 ) ฐานขอมล ( Database ) เปนมวลสารสนเทศทมความเกยวเนองสมพนธกน มกจดเกบ
สะสมไวดวยระบบคอมพวเตอรในรปของแฟมขอมล มวตถประสงคเพอการใชงานไดหลายๆ ดาน โดยมชดค าสง
ระบบจดการฐานขอมล ท าหนาทควบคมการจดการและการใชฐานขอมล
หากพจารณาถง ขอด ndash ขอเสย ของสอประเภทนวา เปนอยางไรบางเพอจะไดเปนแนวทางในการน ามาใช
ในการออกแบบและสรางสอประเภทน ใหมประสทธภาพมากทสด โดยสรปไดดงน
ขอดของสออเลกทรอนกส [9]
- ขยายโอกาสทางการศกษาใหผเรยนรอบโลกในสถานศกษาตาง ๆ ทรวมมอกนไดมโอกาสเรยนร
พรอมกน
- ผเรยนควบคมการเรยนรตามความตองการ และความสามารถของตนอง
- การเรยนดวยสอหลายมตท าใหผเรยนสามารถเลอกเนอหาไดตามสะดวกโดยไมตองรยงล าดบกน
- ขอมลและเนอหาสามารถหาไดโดยงาย
- สงเสรมแนวคดในเรองของการเรยนรตลอดชวต เ นองจากเวบเปนแหลงความรทเปดกวางใหผท
ตองการศกษาในเรองใดเรองหนง สามารถเขามาคนควาหาความรไดอยางตอเนอง และตลอดเวลา การสอนบน
เวบตอบสนองตอผเรยนทมความใฝร รวมทงมทกษะในการตรวจสอบการเรยนรดวยตนเอง ( Meta - Cognitive
Skills ) ไดอยางมประสทธภาพ
- การเรยนรบนเวบเปนวธทดเยยมในการใหผเรยนไดประสบการณของสถานการณจ าลอง ทงนเพราะ
สามารถใชขอความ ภาพนง เสยง ภาพเคลอนไหว วดโอ ภาพ 3 มต ในลกษณะทใกลเคยงกบชวตจรงได
- ขยายขอบเขตของการเรยนรไดในทกหนทกแหง จากหองเรยนปกตไปยงบาน และทท างาน ท าใหไม
เสยเวลาในการเดนทาง
ขอจ ากดของสออเลกทรอนกส - การเขาถงสออเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ - หนวยความจ าทจ ากดและการตดตงโปรแกรมเปนอปสรรคหลก อปกรณแบบเคลอนท สวนมากมขนาดหนวยความจ ามความจนอยกวา คอมพวเตอรสวนบคคลทวไป ท าใหมขอจ ากดในการจดเกบไฟลประเภทมลตมเดย
2) นตยสารอเลกทรอนกส ( E ndash Magazine ) [4]
E ndash Magazine คอ นตยสารออนไลน ทมการน าเสนอขอมลทางอเลกทรอนกส ดงนนอปกรณ
อเลกทรอนกสจงเปนสงทมความส าคญอยางยงในการเขาถงขอมล คอมพวเตอรจงเปนอปกรณทคนสวนใหญจะ
นกถงเปนอนดบแรก เนองจากคอมพวเตอรสามารถรองรบเทคโนโลยตางๆไดอยางครบครน หากแตม
อนเตอรเนตกจะสามารถเชอมตอและเขาถง E ndash Magazine ไดทนท
E ndash Magazine ประกอบไปดวย เนอหา ขาวสาร รปภาพตางๆทงหมดทมอยในนตยสาร ถกยอสวนให
ลงมาไดไมแตกตางจากนตยสารทเปนรปเลม แตจะมความแตกตางกนในเรองของวธการและชองทางการรบสาร
รวมไปถงรปแบบทจะมความทนสมยมากยงขนสามารถน าเทคโนโลยตางๆ เขามาประยกตใชไดอยางหลากหลาย
อกทงวธการรบสารสะดวกสบายมากกวาการรบสารจากนตยสารในรปแบบเดม E ndash Magazine สามารถเปดหนา
หรอเลอนหนา ดวยเทคโนโลยดจตอลอนทนสมย ท าใหเปดหนาในรปแบบภาพ 3 มต จากหนาจอคอมพวเตอร
เสมอนวาก าลงเปดหนงสออย
นอกจากนแลวยงมเครองมอตาง ๆ ทชวยใหการรบสารมความสะดวกรวดเรวมากยงขน เชน การ
คนหาขอมลจากเนอหาภายในเลมสามารถคนหาไดอยางรวดเรว โดยการกดปมคนหา จากนนสามารถเลอนไปยง
หนาทตองการอานไดทนท สามารถยอหรอขยายการแสดงผลทงตวอกษรและภาพ เพอใหอานงาย และสบายตา
ยงขน สามารถก าหนดต าแหนงของไฟลบนเวบ คลกเพอเปดไปหนาเวบเพจตางๆ หรอเวบไซตทเกยวของกบ
เนอหา สามารถหาขอมลเพมเตมจากเวบไซตของผใหการสนบสนน รวมถงการพมพหนาทตองการ
ภาพท 1 ภาพแสดงสวนตางๆของนตยสารอเลกทรอนกส
ทมา httpwwwvcharkarncomvarticle41875
E ndash Magazine นน จะมลกษณะทแตกตางโดดเดนไปจากรปแบบสอโฆษณาทเราเคยพบเหนในนตยสาร
ทวไป ซงมประสทธภาพสงหรออาจจะน าเทคโนโลยเขามาประยกตใช สงผลใหผอานสามารถเขาถง และเขาใจ
วตถประสงคของโฆษณามากยงขน อกทงยงมลกเลนอนๆทหลากหลาย เชน การแสดงแบบภาพ 3 มต การ
แสดงภาพเคลอนไหว หรอภาพวดโอ การแสดงภาพดวยสสนทหลากหลาย เหลานจดไดวาเปนอกปจจยหนงท
จะท าใหขอมลตางๆ เขาถงผบรโภคไดงายมากยงขน และมงหวงใหเกดการตอบรบตอองคกรธรกจมากยงขน
ประโยชนของ E ndash Magazine
E-Magazine เปนสออกสอหนงทตองเกยวของกบผลประโยชนทางธรกจ ผประกอบการธรกจตางๆ
ทตองการพนทในการประชาสมพนธเพอใหเขาถงผบรโภค กลยทธทดอยางหนงคอ การโฆษณาประชาสมพนธ
ดงนนผประกอบการธรกจจ าเปนจะตองมพนทในการโฆษณา
E ndash magazine จงเปนสออกทางเลอกหนงทสามารถใชเปนชองทางในการประชาสมพนธได ดงนนจง
เกดการกระบวนการด าเนนการทางธรกจซงผลประโยชนกจะเกดขนเปนวฏจกร เปนการกระจายรายไดหมนเวยน
ในภาคธรกจกอใหเกดรายไดเกดผลประโยชนทางธรกจนนเอง
E ndash Magazine ยงสามารถชวยลดตนทนการผลต การสงพมพของนตยสารกระดาษทวไปได และมการ
คาดการณวาในอนาคตนตยสารสวนใหญจะปลอยใหมการดาวนโหลด E-Magazineของตนเองกอน เปนการปลอย
ตวอยางเนอหาบทความใหผบรโภคไดทดลองอานฟร เมอเกดความสนใจหรอมผลตอบรบทดสามารถสงซอนยต
สารทเปนรปเลมเตม หรอนตยสารท Print เปนรปเลมได โดยทางนตยสารอาจจะดจากยอดสงซอกอนการพมพ
เพอเปนการลดตนทนการผลตใหกบธรกจของตนอกดวย
จากการศกษาเกยวกบธรกจ E - Magazine พบวา E - Magazine เขามาแทรกแซง หรอ ทดแทน
นตยสารกระดาษ แตการเกดขนของ E ndash Magazine นน ถอเปนการเกดขนเพอตอบสนองความตองการของ
ผบรโภค ตอบสนองพฤตกรรมของผบรโภคทเปลยนแปลงไปจากเดม กลาวคอ ในอดตเทคโนโลยการสอสาร
ยงไมมความแพรหลาย การเขาใชบรการอนเตอรเนตยงอยในวงทแคบ ดงนนชองทางการเขาถงสอจงมนอย
แตเมอเขาสยคโลกาภวตนสงผลใหเกดการเปลยนแปลงหลายสงหลายอยาง เทคโนโลยจงเขามามบทบาทมาก
ยงขน สงผลใหผบรโภคมทางเลอกในการเขาถงสอเพมมากขนอกทงรปแบบการด าเนนชวตของคนในสงคม
เปลยนแปลงไป เขาสสงคมแหงการแขงขน เรงรบ ไมหยดนง สงผลใหเกดการพงพาเทคโนโลย เพออ านวยความ
สะดวกในชวตประจ าของคนในสงคม
ธรกจ E - Magazine เปนธรกจทเกดในยคโลกาภวฒนสงผลใหเกดการเปลยนแปลงหลายอยางท าให
เทคโนโลยเขามามบทบาทมากยงขน แตอยางไรกตามไมจ าเปนทจะตองทงรากฐานเดมเพยงแตตงรบกบสงใหมท
เขามาและเรยนรทจะอยกบสงนนอยางสมดล ถงแมวา E- Magazine จะเขามามบทบาทในสงคมมากยงขน
สบเนองมาจากการเปดรบเทคโนโลยทมากขน กมไดสงผลใหธรกจนตยสารกระดาษมบทบาทนอยลง เพราะตาง
กมเอกลกษณในการคงอยทตางกน ดงนนธรกจทงสองนจะสามารถด ารงอยควบคกนได ไมมสงใดสามารถ
แทรกแซงหรอทดแทนกนได แตจะเปนการเสรมสรางใหผบรโภคตระหนกถงการด ารงอยของนตยสารไมวาจะ
เปนในรปแบบใดกตามเพอเสรมฐานการตลาดของธรกจสงพมพใหประสทธภาพมากยงขน
3) หนงสออเลกทรอนกส ( Electronic ndash Book ) [36]
E ndash Book เปนหนงสอทสรางขนดวยโปรแกรมคอมพวเตอรมลกษณะเปนเอกสารอเลกทรอนกส
โดยปกตมกจะเปนแฟมขอมลทสามารถอานเอกสารผานทางหนาจอคอมพวเตอรท งในระบบออฟไลนและ
ออนไลน โดยเปนหนงสออเลกทรอนกส ทสามารถอานผานทางอนเทอรเนต หรอ อปกรณอเลกทรอนกสพกพา
อนๆไดส าหรบหนงสออเลกทรอนกสน จะมความหมายรวมถงเนอหาทถกดดแปลงอยในรปแบบทสามารถ
แสดงผลออกมาได โดยเครองมออเลกทรอนกส แตกใหมลกษณะการน าเสนอทสอดคลองและคลายคลงกบการ
อานหนงสอทวๆไปในชวตประจ าวน แตจะมลกษณะพเศษ คอ สะดวกและรวดเรว ในการคนหา และผอาน
สามารถอาน พรอมๆ กนไดโดยไมตองรอใหอกฝายสงคนหองสมด เชนเดยวกบหนงสอในหองสมดทวไป
คณลกษณะของหนงสออเลกทรอนกสสามารถเชอมโยงจดไปยงสวนตางๆ ของหนงสอ เวบไซตตางๆ
ตลอดจนมปฏสมพนธและโตตอบกบผเรยนได นอกจากนนหนงสออเลกทรอนกสสามารถแทรกภาพ เสยง
ภาพเคลอนไหว แบบทดสอบ และสามารถสงพมพเอกสารทตองการออกทางเครองพมพได อกประการหนงท
ส าคญกคอ หนงสออเลกทรอนกสสามารถปรบปรงขอมลใหทนสมยไดตลอดเวลา ซงคณสมบตเหลานจะไมม
ในหนงสอธรรมดาทวไป
ภาพท 2 ภาพหนงสออเลกทรอนกส
ทมา httpsivaporn94blogspotcom201102e-bookhtml
ขอดของหนงสออเลกทรอนกส [9]
- เปนสอทรวมเอาจดเดนของสอแบบตางๆ มารวมอยในสอตวเดยว คอ สามารถแสดงภาพ แสง เสยง
ภาพเคลอนไหว และการมปฏสมพนธกบผใช
- ชวยใหผเรยนเกดพฒนาการเรยนรและเขาใจเนอหาวชาไดเรวขน
- ครสามารถใชหนงสออเลกทรอนกสในการชกจงผเรยนในการอาน การเขยน การฟงและการพดได
- มความสามารถในการออนไลนผานเครอขาย และเชอมโยงไปสโฮมเพจและเวบไซตตางๆอกทงยง
สามารถอางองในเชงวชาการได
- หากหนงสออเลกทรอนกสออนไลนผานเครอขายอนเตอรเนตหรออนทราเนตจะท าใหการกระจายสอ
ท าไดอยางรวดเรว และกวางขวางกวาสอทอยในรปสงพมพ
- สนบสนนการเรยนการสอนแบบหองเรยนเสมอนหองสมดและหองสมดอเลกทรอนกส
- มลกษณะไมตายตว สามารถแกไขปรบปรงเปลยนแปลงไดตลอดเวลา อกทงยงสามารถเชอมโยงไปส
ขอมลทเกยวของไดโดยใชความสามารถของไฮเปอรเทกซ
- ในการสอนหรออบรมนอกสถานท การใชหนงสออเลกทรอนกส จะชวยใหเกดความคลองตวยงขน
เนองจากสอสามารถสรางเกบไวในแผนซดได
- การพมพท าไดรวดเรวกวาแบบใชกระดาษ สามารถท าส าเนาไดเทาทตองการประหยดวสดในการ
สรางสอ อกทงยงชวยอนรกษสงแวดลอมอกดวย
- มความทนทาน และสะดวกตอการเกบบ ารงรกษา ลดปญหาการจดเกบเอกสารยอนหลงซงตองใชเนอ
ทหรอบรเวณกวางกวาในการจดเกบ รกษาหนงสอหายากและตนฉบบเขยนไมใหเสอมคณภาพ
- ชวยใหนกวชาการและนกเขยนสามารถเผยแพรผลงานเขยนไดอยางรวดเรว
- ผใชสามารถตดตามอานวารสารไดอยางรวดเรว ทนททวารสารมการจดพมพ เนองจากส านกพมพจด
พมพแบบอเลกทรอนกส จงท าใหเผยแพรสผอานไดอยางรวดเรว
- ผอานสามารถเขาถงวารสารไดอยางสะดวก รวดเรว โดยไมจ ากดเวลา โอกาส และ สถานท
- ประหยดคาใชจายในการเยบเลมวารสาร การเสยแรงงานบคลากรในการเตรยมวารสารกอนสงเยบเลม
และ หลงการเยบเลม
- ชวยแกปญหาการไดรบวารสารไมครบ วารสารถกฉกขาด
- ชวยแกปญหาสถานทเกบ ไมมปญหาการเพมน าหนกพนทของหองสมด
ขอจ ากดของหนงสออเลกทรอนกส
- คนไทยสวนใหญยงคงชนอยกบสอทอยในรปกระดาษมากกวา อกทงหนงสออเลกทรอนกสยงไม
สามารถใชงานไดงายเมอเทยบกบสอสงพมพ และความสะดวกในการอานกยงนอยกวามาก
- หากโปรแกรมสอมขนาดไฟลใหญมากๆ จะท าใหการเปลยนหนาจอมความลาชา
- การสรางหนงสออเลกทรอนกสเพอใหไดประสทธภาพทด ผสรางตองมความร และความช านาญใน
การใชโปรแกรมคอมพวเตอร
- ผใชสออาจจะไมใชผสรางสอฉะนนการปรบปรงสอจงท าไดยากหากผสอนไมมความรดานโปรแกรม
คอมพวเตอร
- ใชเวลาในการออกแบบมาก เพราะตองใชทกษะในการออกแบบเปนอยางด เพอใหไดสอทมคณภาพ
- คาใชจายในการบอกรบ แตละส านกพมพจะก าหนดคาบอกรบแตกตางกน เชน บางส านกพมพเมอ
บอกรบวารสารฉบบพมพจะใหสทธสามารถเขาถงขอมลได บางส านกพมพแยกราคากนระหวางฉบบพมพกบ
วารสารอเลกทรอนกส
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ
- วารสารยอนหลง การจดเกบวารสารอเลกทรอนกสฉบบยอนหลงยงไมมรปแบบทชดเจน หองสมดท
บอกรบหารปแบบ วธการจดเกบเอง หรอบรษทเปนผจดท า
- การเขาถงวารสารอเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร
ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
4) ระบบจดการฐานขอมล MySQL [10]
ภาพท 3 ภาพสญลกษณของ MySQL ทมา httpwwwpangpondblogcomtagsmysql
SQL มาจากค าวา Structured Query Language เปนภาษาทถกพฒนาขนโดยบรษท IBM ซงปจจบนเปนทนยมใชกนเปนอยางมากในวงการฐานขอมล ( Database ) กลมบคคล ทใชกนกไดแก Database Programmer DBA Database Administration เปนตน
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
13 ) หนงสออเลกทรอนกส ( Electronics Books ) เปนหนงสอหรอเอกสารทถกดดแปลงอย
ในรปแบบทสามารถแสดงผลออกมาไดโดยเครองมออเลกทรอนกสผอานสามารถอานผานอปกรณอเลกทรอนกส
พกพา หรอทางอนเทอรเนตได ลกษณะพเศษทแตกตางจากหนงสอฉบบตพมพ คอ ความสะดวกและรวดเรว
ในการคนหาและการทผอานสามารถอานพรอมๆกนได
14 ) วารสารอเลกทรอนกส ( Electronics Journals ) เปนวารสารรปแบบใหมทมการจดเกบ
บนทก และเผยแพรในรปของแฟมคอมพวเตอร และสออเลกทรอนกส สามารถเขาถงหรอสบคนไดโดยการ
สงซอหรอบอกรบเปนสมาชกจากฐานขอมลออนไลนหรอเครอขายอนเทอรเนตหรอจากฐานขอมลซดรอม
15 ) ฐานขอมล ( Database ) เปนมวลสารสนเทศทมความเกยวเนองสมพนธกน มกจดเกบ
สะสมไวดวยระบบคอมพวเตอรในรปของแฟมขอมล มวตถประสงคเพอการใชงานไดหลายๆ ดาน โดยมชดค าสง
ระบบจดการฐานขอมล ท าหนาทควบคมการจดการและการใชฐานขอมล
หากพจารณาถง ขอด ndash ขอเสย ของสอประเภทนวา เปนอยางไรบางเพอจะไดเปนแนวทางในการน ามาใช
ในการออกแบบและสรางสอประเภทน ใหมประสทธภาพมากทสด โดยสรปไดดงน
ขอดของสออเลกทรอนกส [9]
- ขยายโอกาสทางการศกษาใหผเรยนรอบโลกในสถานศกษาตาง ๆ ทรวมมอกนไดมโอกาสเรยนร
พรอมกน
- ผเรยนควบคมการเรยนรตามความตองการ และความสามารถของตนอง
- การเรยนดวยสอหลายมตท าใหผเรยนสามารถเลอกเนอหาไดตามสะดวกโดยไมตองรยงล าดบกน
- ขอมลและเนอหาสามารถหาไดโดยงาย
- สงเสรมแนวคดในเรองของการเรยนรตลอดชวต เ นองจากเวบเปนแหลงความรทเปดกวางใหผท
ตองการศกษาในเรองใดเรองหนง สามารถเขามาคนควาหาความรไดอยางตอเนอง และตลอดเวลา การสอนบน
เวบตอบสนองตอผเรยนทมความใฝร รวมทงมทกษะในการตรวจสอบการเรยนรดวยตนเอง ( Meta - Cognitive
Skills ) ไดอยางมประสทธภาพ
- การเรยนรบนเวบเปนวธทดเยยมในการใหผเรยนไดประสบการณของสถานการณจ าลอง ทงนเพราะ
สามารถใชขอความ ภาพนง เสยง ภาพเคลอนไหว วดโอ ภาพ 3 มต ในลกษณะทใกลเคยงกบชวตจรงได
- ขยายขอบเขตของการเรยนรไดในทกหนทกแหง จากหองเรยนปกตไปยงบาน และทท างาน ท าใหไม
เสยเวลาในการเดนทาง
ขอจ ากดของสออเลกทรอนกส - การเขาถงสออเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ - หนวยความจ าทจ ากดและการตดตงโปรแกรมเปนอปสรรคหลก อปกรณแบบเคลอนท สวนมากมขนาดหนวยความจ ามความจนอยกวา คอมพวเตอรสวนบคคลทวไป ท าใหมขอจ ากดในการจดเกบไฟลประเภทมลตมเดย
2) นตยสารอเลกทรอนกส ( E ndash Magazine ) [4]
E ndash Magazine คอ นตยสารออนไลน ทมการน าเสนอขอมลทางอเลกทรอนกส ดงนนอปกรณ
อเลกทรอนกสจงเปนสงทมความส าคญอยางยงในการเขาถงขอมล คอมพวเตอรจงเปนอปกรณทคนสวนใหญจะ
นกถงเปนอนดบแรก เนองจากคอมพวเตอรสามารถรองรบเทคโนโลยตางๆไดอยางครบครน หากแตม
อนเตอรเนตกจะสามารถเชอมตอและเขาถง E ndash Magazine ไดทนท
E ndash Magazine ประกอบไปดวย เนอหา ขาวสาร รปภาพตางๆทงหมดทมอยในนตยสาร ถกยอสวนให
ลงมาไดไมแตกตางจากนตยสารทเปนรปเลม แตจะมความแตกตางกนในเรองของวธการและชองทางการรบสาร
รวมไปถงรปแบบทจะมความทนสมยมากยงขนสามารถน าเทคโนโลยตางๆ เขามาประยกตใชไดอยางหลากหลาย
อกทงวธการรบสารสะดวกสบายมากกวาการรบสารจากนตยสารในรปแบบเดม E ndash Magazine สามารถเปดหนา
หรอเลอนหนา ดวยเทคโนโลยดจตอลอนทนสมย ท าใหเปดหนาในรปแบบภาพ 3 มต จากหนาจอคอมพวเตอร
เสมอนวาก าลงเปดหนงสออย
นอกจากนแลวยงมเครองมอตาง ๆ ทชวยใหการรบสารมความสะดวกรวดเรวมากยงขน เชน การ
คนหาขอมลจากเนอหาภายในเลมสามารถคนหาไดอยางรวดเรว โดยการกดปมคนหา จากนนสามารถเลอนไปยง
หนาทตองการอานไดทนท สามารถยอหรอขยายการแสดงผลทงตวอกษรและภาพ เพอใหอานงาย และสบายตา
ยงขน สามารถก าหนดต าแหนงของไฟลบนเวบ คลกเพอเปดไปหนาเวบเพจตางๆ หรอเวบไซตทเกยวของกบ
เนอหา สามารถหาขอมลเพมเตมจากเวบไซตของผใหการสนบสนน รวมถงการพมพหนาทตองการ
ภาพท 1 ภาพแสดงสวนตางๆของนตยสารอเลกทรอนกส
ทมา httpwwwvcharkarncomvarticle41875
E ndash Magazine นน จะมลกษณะทแตกตางโดดเดนไปจากรปแบบสอโฆษณาทเราเคยพบเหนในนตยสาร
ทวไป ซงมประสทธภาพสงหรออาจจะน าเทคโนโลยเขามาประยกตใช สงผลใหผอานสามารถเขาถง และเขาใจ
วตถประสงคของโฆษณามากยงขน อกทงยงมลกเลนอนๆทหลากหลาย เชน การแสดงแบบภาพ 3 มต การ
แสดงภาพเคลอนไหว หรอภาพวดโอ การแสดงภาพดวยสสนทหลากหลาย เหลานจดไดวาเปนอกปจจยหนงท
จะท าใหขอมลตางๆ เขาถงผบรโภคไดงายมากยงขน และมงหวงใหเกดการตอบรบตอองคกรธรกจมากยงขน
ประโยชนของ E ndash Magazine
E-Magazine เปนสออกสอหนงทตองเกยวของกบผลประโยชนทางธรกจ ผประกอบการธรกจตางๆ
ทตองการพนทในการประชาสมพนธเพอใหเขาถงผบรโภค กลยทธทดอยางหนงคอ การโฆษณาประชาสมพนธ
ดงนนผประกอบการธรกจจ าเปนจะตองมพนทในการโฆษณา
E ndash magazine จงเปนสออกทางเลอกหนงทสามารถใชเปนชองทางในการประชาสมพนธได ดงนนจง
เกดการกระบวนการด าเนนการทางธรกจซงผลประโยชนกจะเกดขนเปนวฏจกร เปนการกระจายรายไดหมนเวยน
ในภาคธรกจกอใหเกดรายไดเกดผลประโยชนทางธรกจนนเอง
E ndash Magazine ยงสามารถชวยลดตนทนการผลต การสงพมพของนตยสารกระดาษทวไปได และมการ
คาดการณวาในอนาคตนตยสารสวนใหญจะปลอยใหมการดาวนโหลด E-Magazineของตนเองกอน เปนการปลอย
ตวอยางเนอหาบทความใหผบรโภคไดทดลองอานฟร เมอเกดความสนใจหรอมผลตอบรบทดสามารถสงซอนยต
สารทเปนรปเลมเตม หรอนตยสารท Print เปนรปเลมได โดยทางนตยสารอาจจะดจากยอดสงซอกอนการพมพ
เพอเปนการลดตนทนการผลตใหกบธรกจของตนอกดวย
จากการศกษาเกยวกบธรกจ E - Magazine พบวา E - Magazine เขามาแทรกแซง หรอ ทดแทน
นตยสารกระดาษ แตการเกดขนของ E ndash Magazine นน ถอเปนการเกดขนเพอตอบสนองความตองการของ
ผบรโภค ตอบสนองพฤตกรรมของผบรโภคทเปลยนแปลงไปจากเดม กลาวคอ ในอดตเทคโนโลยการสอสาร
ยงไมมความแพรหลาย การเขาใชบรการอนเตอรเนตยงอยในวงทแคบ ดงนนชองทางการเขาถงสอจงมนอย
แตเมอเขาสยคโลกาภวตนสงผลใหเกดการเปลยนแปลงหลายสงหลายอยาง เทคโนโลยจงเขามามบทบาทมาก
ยงขน สงผลใหผบรโภคมทางเลอกในการเขาถงสอเพมมากขนอกทงรปแบบการด าเนนชวตของคนในสงคม
เปลยนแปลงไป เขาสสงคมแหงการแขงขน เรงรบ ไมหยดนง สงผลใหเกดการพงพาเทคโนโลย เพออ านวยความ
สะดวกในชวตประจ าของคนในสงคม
ธรกจ E - Magazine เปนธรกจทเกดในยคโลกาภวฒนสงผลใหเกดการเปลยนแปลงหลายอยางท าให
เทคโนโลยเขามามบทบาทมากยงขน แตอยางไรกตามไมจ าเปนทจะตองทงรากฐานเดมเพยงแตตงรบกบสงใหมท
เขามาและเรยนรทจะอยกบสงนนอยางสมดล ถงแมวา E- Magazine จะเขามามบทบาทในสงคมมากยงขน
สบเนองมาจากการเปดรบเทคโนโลยทมากขน กมไดสงผลใหธรกจนตยสารกระดาษมบทบาทนอยลง เพราะตาง
กมเอกลกษณในการคงอยทตางกน ดงนนธรกจทงสองนจะสามารถด ารงอยควบคกนได ไมมสงใดสามารถ
แทรกแซงหรอทดแทนกนได แตจะเปนการเสรมสรางใหผบรโภคตระหนกถงการด ารงอยของนตยสารไมวาจะ
เปนในรปแบบใดกตามเพอเสรมฐานการตลาดของธรกจสงพมพใหประสทธภาพมากยงขน
3) หนงสออเลกทรอนกส ( Electronic ndash Book ) [36]
E ndash Book เปนหนงสอทสรางขนดวยโปรแกรมคอมพวเตอรมลกษณะเปนเอกสารอเลกทรอนกส
โดยปกตมกจะเปนแฟมขอมลทสามารถอานเอกสารผานทางหนาจอคอมพวเตอรท งในระบบออฟไลนและ
ออนไลน โดยเปนหนงสออเลกทรอนกส ทสามารถอานผานทางอนเทอรเนต หรอ อปกรณอเลกทรอนกสพกพา
อนๆไดส าหรบหนงสออเลกทรอนกสน จะมความหมายรวมถงเนอหาทถกดดแปลงอยในรปแบบทสามารถ
แสดงผลออกมาได โดยเครองมออเลกทรอนกส แตกใหมลกษณะการน าเสนอทสอดคลองและคลายคลงกบการ
อานหนงสอทวๆไปในชวตประจ าวน แตจะมลกษณะพเศษ คอ สะดวกและรวดเรว ในการคนหา และผอาน
สามารถอาน พรอมๆ กนไดโดยไมตองรอใหอกฝายสงคนหองสมด เชนเดยวกบหนงสอในหองสมดทวไป
คณลกษณะของหนงสออเลกทรอนกสสามารถเชอมโยงจดไปยงสวนตางๆ ของหนงสอ เวบไซตตางๆ
ตลอดจนมปฏสมพนธและโตตอบกบผเรยนได นอกจากนนหนงสออเลกทรอนกสสามารถแทรกภาพ เสยง
ภาพเคลอนไหว แบบทดสอบ และสามารถสงพมพเอกสารทตองการออกทางเครองพมพได อกประการหนงท
ส าคญกคอ หนงสออเลกทรอนกสสามารถปรบปรงขอมลใหทนสมยไดตลอดเวลา ซงคณสมบตเหลานจะไมม
ในหนงสอธรรมดาทวไป
ภาพท 2 ภาพหนงสออเลกทรอนกส
ทมา httpsivaporn94blogspotcom201102e-bookhtml
ขอดของหนงสออเลกทรอนกส [9]
- เปนสอทรวมเอาจดเดนของสอแบบตางๆ มารวมอยในสอตวเดยว คอ สามารถแสดงภาพ แสง เสยง
ภาพเคลอนไหว และการมปฏสมพนธกบผใช
- ชวยใหผเรยนเกดพฒนาการเรยนรและเขาใจเนอหาวชาไดเรวขน
- ครสามารถใชหนงสออเลกทรอนกสในการชกจงผเรยนในการอาน การเขยน การฟงและการพดได
- มความสามารถในการออนไลนผานเครอขาย และเชอมโยงไปสโฮมเพจและเวบไซตตางๆอกทงยง
สามารถอางองในเชงวชาการได
- หากหนงสออเลกทรอนกสออนไลนผานเครอขายอนเตอรเนตหรออนทราเนตจะท าใหการกระจายสอ
ท าไดอยางรวดเรว และกวางขวางกวาสอทอยในรปสงพมพ
- สนบสนนการเรยนการสอนแบบหองเรยนเสมอนหองสมดและหองสมดอเลกทรอนกส
- มลกษณะไมตายตว สามารถแกไขปรบปรงเปลยนแปลงไดตลอดเวลา อกทงยงสามารถเชอมโยงไปส
ขอมลทเกยวของไดโดยใชความสามารถของไฮเปอรเทกซ
- ในการสอนหรออบรมนอกสถานท การใชหนงสออเลกทรอนกส จะชวยใหเกดความคลองตวยงขน
เนองจากสอสามารถสรางเกบไวในแผนซดได
- การพมพท าไดรวดเรวกวาแบบใชกระดาษ สามารถท าส าเนาไดเทาทตองการประหยดวสดในการ
สรางสอ อกทงยงชวยอนรกษสงแวดลอมอกดวย
- มความทนทาน และสะดวกตอการเกบบ ารงรกษา ลดปญหาการจดเกบเอกสารยอนหลงซงตองใชเนอ
ทหรอบรเวณกวางกวาในการจดเกบ รกษาหนงสอหายากและตนฉบบเขยนไมใหเสอมคณภาพ
- ชวยใหนกวชาการและนกเขยนสามารถเผยแพรผลงานเขยนไดอยางรวดเรว
- ผใชสามารถตดตามอานวารสารไดอยางรวดเรว ทนททวารสารมการจดพมพ เนองจากส านกพมพจด
พมพแบบอเลกทรอนกส จงท าใหเผยแพรสผอานไดอยางรวดเรว
- ผอานสามารถเขาถงวารสารไดอยางสะดวก รวดเรว โดยไมจ ากดเวลา โอกาส และ สถานท
- ประหยดคาใชจายในการเยบเลมวารสาร การเสยแรงงานบคลากรในการเตรยมวารสารกอนสงเยบเลม
และ หลงการเยบเลม
- ชวยแกปญหาการไดรบวารสารไมครบ วารสารถกฉกขาด
- ชวยแกปญหาสถานทเกบ ไมมปญหาการเพมน าหนกพนทของหองสมด
ขอจ ากดของหนงสออเลกทรอนกส
- คนไทยสวนใหญยงคงชนอยกบสอทอยในรปกระดาษมากกวา อกทงหนงสออเลกทรอนกสยงไม
สามารถใชงานไดงายเมอเทยบกบสอสงพมพ และความสะดวกในการอานกยงนอยกวามาก
- หากโปรแกรมสอมขนาดไฟลใหญมากๆ จะท าใหการเปลยนหนาจอมความลาชา
- การสรางหนงสออเลกทรอนกสเพอใหไดประสทธภาพทด ผสรางตองมความร และความช านาญใน
การใชโปรแกรมคอมพวเตอร
- ผใชสออาจจะไมใชผสรางสอฉะนนการปรบปรงสอจงท าไดยากหากผสอนไมมความรดานโปรแกรม
คอมพวเตอร
- ใชเวลาในการออกแบบมาก เพราะตองใชทกษะในการออกแบบเปนอยางด เพอใหไดสอทมคณภาพ
- คาใชจายในการบอกรบ แตละส านกพมพจะก าหนดคาบอกรบแตกตางกน เชน บางส านกพมพเมอ
บอกรบวารสารฉบบพมพจะใหสทธสามารถเขาถงขอมลได บางส านกพมพแยกราคากนระหวางฉบบพมพกบ
วารสารอเลกทรอนกส
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ
- วารสารยอนหลง การจดเกบวารสารอเลกทรอนกสฉบบยอนหลงยงไมมรปแบบทชดเจน หองสมดท
บอกรบหารปแบบ วธการจดเกบเอง หรอบรษทเปนผจดท า
- การเขาถงวารสารอเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร
ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
4) ระบบจดการฐานขอมล MySQL [10]
ภาพท 3 ภาพสญลกษณของ MySQL ทมา httpwwwpangpondblogcomtagsmysql
SQL มาจากค าวา Structured Query Language เปนภาษาทถกพฒนาขนโดยบรษท IBM ซงปจจบนเปนทนยมใชกนเปนอยางมากในวงการฐานขอมล ( Database ) กลมบคคล ทใชกนกไดแก Database Programmer DBA Database Administration เปนตน
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ - หนวยความจ าทจ ากดและการตดตงโปรแกรมเปนอปสรรคหลก อปกรณแบบเคลอนท สวนมากมขนาดหนวยความจ ามความจนอยกวา คอมพวเตอรสวนบคคลทวไป ท าใหมขอจ ากดในการจดเกบไฟลประเภทมลตมเดย
2) นตยสารอเลกทรอนกส ( E ndash Magazine ) [4]
E ndash Magazine คอ นตยสารออนไลน ทมการน าเสนอขอมลทางอเลกทรอนกส ดงนนอปกรณ
อเลกทรอนกสจงเปนสงทมความส าคญอยางยงในการเขาถงขอมล คอมพวเตอรจงเปนอปกรณทคนสวนใหญจะ
นกถงเปนอนดบแรก เนองจากคอมพวเตอรสามารถรองรบเทคโนโลยตางๆไดอยางครบครน หากแตม
อนเตอรเนตกจะสามารถเชอมตอและเขาถง E ndash Magazine ไดทนท
E ndash Magazine ประกอบไปดวย เนอหา ขาวสาร รปภาพตางๆทงหมดทมอยในนตยสาร ถกยอสวนให
ลงมาไดไมแตกตางจากนตยสารทเปนรปเลม แตจะมความแตกตางกนในเรองของวธการและชองทางการรบสาร
รวมไปถงรปแบบทจะมความทนสมยมากยงขนสามารถน าเทคโนโลยตางๆ เขามาประยกตใชไดอยางหลากหลาย
อกทงวธการรบสารสะดวกสบายมากกวาการรบสารจากนตยสารในรปแบบเดม E ndash Magazine สามารถเปดหนา
หรอเลอนหนา ดวยเทคโนโลยดจตอลอนทนสมย ท าใหเปดหนาในรปแบบภาพ 3 มต จากหนาจอคอมพวเตอร
เสมอนวาก าลงเปดหนงสออย
นอกจากนแลวยงมเครองมอตาง ๆ ทชวยใหการรบสารมความสะดวกรวดเรวมากยงขน เชน การ
คนหาขอมลจากเนอหาภายในเลมสามารถคนหาไดอยางรวดเรว โดยการกดปมคนหา จากนนสามารถเลอนไปยง
หนาทตองการอานไดทนท สามารถยอหรอขยายการแสดงผลทงตวอกษรและภาพ เพอใหอานงาย และสบายตา
ยงขน สามารถก าหนดต าแหนงของไฟลบนเวบ คลกเพอเปดไปหนาเวบเพจตางๆ หรอเวบไซตทเกยวของกบ
เนอหา สามารถหาขอมลเพมเตมจากเวบไซตของผใหการสนบสนน รวมถงการพมพหนาทตองการ
ภาพท 1 ภาพแสดงสวนตางๆของนตยสารอเลกทรอนกส
ทมา httpwwwvcharkarncomvarticle41875
E ndash Magazine นน จะมลกษณะทแตกตางโดดเดนไปจากรปแบบสอโฆษณาทเราเคยพบเหนในนตยสาร
ทวไป ซงมประสทธภาพสงหรออาจจะน าเทคโนโลยเขามาประยกตใช สงผลใหผอานสามารถเขาถง และเขาใจ
วตถประสงคของโฆษณามากยงขน อกทงยงมลกเลนอนๆทหลากหลาย เชน การแสดงแบบภาพ 3 มต การ
แสดงภาพเคลอนไหว หรอภาพวดโอ การแสดงภาพดวยสสนทหลากหลาย เหลานจดไดวาเปนอกปจจยหนงท
จะท าใหขอมลตางๆ เขาถงผบรโภคไดงายมากยงขน และมงหวงใหเกดการตอบรบตอองคกรธรกจมากยงขน
ประโยชนของ E ndash Magazine
E-Magazine เปนสออกสอหนงทตองเกยวของกบผลประโยชนทางธรกจ ผประกอบการธรกจตางๆ
ทตองการพนทในการประชาสมพนธเพอใหเขาถงผบรโภค กลยทธทดอยางหนงคอ การโฆษณาประชาสมพนธ
ดงนนผประกอบการธรกจจ าเปนจะตองมพนทในการโฆษณา
E ndash magazine จงเปนสออกทางเลอกหนงทสามารถใชเปนชองทางในการประชาสมพนธได ดงนนจง
เกดการกระบวนการด าเนนการทางธรกจซงผลประโยชนกจะเกดขนเปนวฏจกร เปนการกระจายรายไดหมนเวยน
ในภาคธรกจกอใหเกดรายไดเกดผลประโยชนทางธรกจนนเอง
E ndash Magazine ยงสามารถชวยลดตนทนการผลต การสงพมพของนตยสารกระดาษทวไปได และมการ
คาดการณวาในอนาคตนตยสารสวนใหญจะปลอยใหมการดาวนโหลด E-Magazineของตนเองกอน เปนการปลอย
ตวอยางเนอหาบทความใหผบรโภคไดทดลองอานฟร เมอเกดความสนใจหรอมผลตอบรบทดสามารถสงซอนยต
สารทเปนรปเลมเตม หรอนตยสารท Print เปนรปเลมได โดยทางนตยสารอาจจะดจากยอดสงซอกอนการพมพ
เพอเปนการลดตนทนการผลตใหกบธรกจของตนอกดวย
จากการศกษาเกยวกบธรกจ E - Magazine พบวา E - Magazine เขามาแทรกแซง หรอ ทดแทน
นตยสารกระดาษ แตการเกดขนของ E ndash Magazine นน ถอเปนการเกดขนเพอตอบสนองความตองการของ
ผบรโภค ตอบสนองพฤตกรรมของผบรโภคทเปลยนแปลงไปจากเดม กลาวคอ ในอดตเทคโนโลยการสอสาร
ยงไมมความแพรหลาย การเขาใชบรการอนเตอรเนตยงอยในวงทแคบ ดงนนชองทางการเขาถงสอจงมนอย
แตเมอเขาสยคโลกาภวตนสงผลใหเกดการเปลยนแปลงหลายสงหลายอยาง เทคโนโลยจงเขามามบทบาทมาก
ยงขน สงผลใหผบรโภคมทางเลอกในการเขาถงสอเพมมากขนอกทงรปแบบการด าเนนชวตของคนในสงคม
เปลยนแปลงไป เขาสสงคมแหงการแขงขน เรงรบ ไมหยดนง สงผลใหเกดการพงพาเทคโนโลย เพออ านวยความ
สะดวกในชวตประจ าของคนในสงคม
ธรกจ E - Magazine เปนธรกจทเกดในยคโลกาภวฒนสงผลใหเกดการเปลยนแปลงหลายอยางท าให
เทคโนโลยเขามามบทบาทมากยงขน แตอยางไรกตามไมจ าเปนทจะตองทงรากฐานเดมเพยงแตตงรบกบสงใหมท
เขามาและเรยนรทจะอยกบสงนนอยางสมดล ถงแมวา E- Magazine จะเขามามบทบาทในสงคมมากยงขน
สบเนองมาจากการเปดรบเทคโนโลยทมากขน กมไดสงผลใหธรกจนตยสารกระดาษมบทบาทนอยลง เพราะตาง
กมเอกลกษณในการคงอยทตางกน ดงนนธรกจทงสองนจะสามารถด ารงอยควบคกนได ไมมสงใดสามารถ
แทรกแซงหรอทดแทนกนได แตจะเปนการเสรมสรางใหผบรโภคตระหนกถงการด ารงอยของนตยสารไมวาจะ
เปนในรปแบบใดกตามเพอเสรมฐานการตลาดของธรกจสงพมพใหประสทธภาพมากยงขน
3) หนงสออเลกทรอนกส ( Electronic ndash Book ) [36]
E ndash Book เปนหนงสอทสรางขนดวยโปรแกรมคอมพวเตอรมลกษณะเปนเอกสารอเลกทรอนกส
โดยปกตมกจะเปนแฟมขอมลทสามารถอานเอกสารผานทางหนาจอคอมพวเตอรท งในระบบออฟไลนและ
ออนไลน โดยเปนหนงสออเลกทรอนกส ทสามารถอานผานทางอนเทอรเนต หรอ อปกรณอเลกทรอนกสพกพา
อนๆไดส าหรบหนงสออเลกทรอนกสน จะมความหมายรวมถงเนอหาทถกดดแปลงอยในรปแบบทสามารถ
แสดงผลออกมาได โดยเครองมออเลกทรอนกส แตกใหมลกษณะการน าเสนอทสอดคลองและคลายคลงกบการ
อานหนงสอทวๆไปในชวตประจ าวน แตจะมลกษณะพเศษ คอ สะดวกและรวดเรว ในการคนหา และผอาน
สามารถอาน พรอมๆ กนไดโดยไมตองรอใหอกฝายสงคนหองสมด เชนเดยวกบหนงสอในหองสมดทวไป
คณลกษณะของหนงสออเลกทรอนกสสามารถเชอมโยงจดไปยงสวนตางๆ ของหนงสอ เวบไซตตางๆ
ตลอดจนมปฏสมพนธและโตตอบกบผเรยนได นอกจากนนหนงสออเลกทรอนกสสามารถแทรกภาพ เสยง
ภาพเคลอนไหว แบบทดสอบ และสามารถสงพมพเอกสารทตองการออกทางเครองพมพได อกประการหนงท
ส าคญกคอ หนงสออเลกทรอนกสสามารถปรบปรงขอมลใหทนสมยไดตลอดเวลา ซงคณสมบตเหลานจะไมม
ในหนงสอธรรมดาทวไป
ภาพท 2 ภาพหนงสออเลกทรอนกส
ทมา httpsivaporn94blogspotcom201102e-bookhtml
ขอดของหนงสออเลกทรอนกส [9]
- เปนสอทรวมเอาจดเดนของสอแบบตางๆ มารวมอยในสอตวเดยว คอ สามารถแสดงภาพ แสง เสยง
ภาพเคลอนไหว และการมปฏสมพนธกบผใช
- ชวยใหผเรยนเกดพฒนาการเรยนรและเขาใจเนอหาวชาไดเรวขน
- ครสามารถใชหนงสออเลกทรอนกสในการชกจงผเรยนในการอาน การเขยน การฟงและการพดได
- มความสามารถในการออนไลนผานเครอขาย และเชอมโยงไปสโฮมเพจและเวบไซตตางๆอกทงยง
สามารถอางองในเชงวชาการได
- หากหนงสออเลกทรอนกสออนไลนผานเครอขายอนเตอรเนตหรออนทราเนตจะท าใหการกระจายสอ
ท าไดอยางรวดเรว และกวางขวางกวาสอทอยในรปสงพมพ
- สนบสนนการเรยนการสอนแบบหองเรยนเสมอนหองสมดและหองสมดอเลกทรอนกส
- มลกษณะไมตายตว สามารถแกไขปรบปรงเปลยนแปลงไดตลอดเวลา อกทงยงสามารถเชอมโยงไปส
ขอมลทเกยวของไดโดยใชความสามารถของไฮเปอรเทกซ
- ในการสอนหรออบรมนอกสถานท การใชหนงสออเลกทรอนกส จะชวยใหเกดความคลองตวยงขน
เนองจากสอสามารถสรางเกบไวในแผนซดได
- การพมพท าไดรวดเรวกวาแบบใชกระดาษ สามารถท าส าเนาไดเทาทตองการประหยดวสดในการ
สรางสอ อกทงยงชวยอนรกษสงแวดลอมอกดวย
- มความทนทาน และสะดวกตอการเกบบ ารงรกษา ลดปญหาการจดเกบเอกสารยอนหลงซงตองใชเนอ
ทหรอบรเวณกวางกวาในการจดเกบ รกษาหนงสอหายากและตนฉบบเขยนไมใหเสอมคณภาพ
- ชวยใหนกวชาการและนกเขยนสามารถเผยแพรผลงานเขยนไดอยางรวดเรว
- ผใชสามารถตดตามอานวารสารไดอยางรวดเรว ทนททวารสารมการจดพมพ เนองจากส านกพมพจด
พมพแบบอเลกทรอนกส จงท าใหเผยแพรสผอานไดอยางรวดเรว
- ผอานสามารถเขาถงวารสารไดอยางสะดวก รวดเรว โดยไมจ ากดเวลา โอกาส และ สถานท
- ประหยดคาใชจายในการเยบเลมวารสาร การเสยแรงงานบคลากรในการเตรยมวารสารกอนสงเยบเลม
และ หลงการเยบเลม
- ชวยแกปญหาการไดรบวารสารไมครบ วารสารถกฉกขาด
- ชวยแกปญหาสถานทเกบ ไมมปญหาการเพมน าหนกพนทของหองสมด
ขอจ ากดของหนงสออเลกทรอนกส
- คนไทยสวนใหญยงคงชนอยกบสอทอยในรปกระดาษมากกวา อกทงหนงสออเลกทรอนกสยงไม
สามารถใชงานไดงายเมอเทยบกบสอสงพมพ และความสะดวกในการอานกยงนอยกวามาก
- หากโปรแกรมสอมขนาดไฟลใหญมากๆ จะท าใหการเปลยนหนาจอมความลาชา
- การสรางหนงสออเลกทรอนกสเพอใหไดประสทธภาพทด ผสรางตองมความร และความช านาญใน
การใชโปรแกรมคอมพวเตอร
- ผใชสออาจจะไมใชผสรางสอฉะนนการปรบปรงสอจงท าไดยากหากผสอนไมมความรดานโปรแกรม
คอมพวเตอร
- ใชเวลาในการออกแบบมาก เพราะตองใชทกษะในการออกแบบเปนอยางด เพอใหไดสอทมคณภาพ
- คาใชจายในการบอกรบ แตละส านกพมพจะก าหนดคาบอกรบแตกตางกน เชน บางส านกพมพเมอ
บอกรบวารสารฉบบพมพจะใหสทธสามารถเขาถงขอมลได บางส านกพมพแยกราคากนระหวางฉบบพมพกบ
วารสารอเลกทรอนกส
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ
- วารสารยอนหลง การจดเกบวารสารอเลกทรอนกสฉบบยอนหลงยงไมมรปแบบทชดเจน หองสมดท
บอกรบหารปแบบ วธการจดเกบเอง หรอบรษทเปนผจดท า
- การเขาถงวารสารอเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร
ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
4) ระบบจดการฐานขอมล MySQL [10]
ภาพท 3 ภาพสญลกษณของ MySQL ทมา httpwwwpangpondblogcomtagsmysql
SQL มาจากค าวา Structured Query Language เปนภาษาทถกพฒนาขนโดยบรษท IBM ซงปจจบนเปนทนยมใชกนเปนอยางมากในวงการฐานขอมล ( Database ) กลมบคคล ทใชกนกไดแก Database Programmer DBA Database Administration เปนตน
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
E ndash Magazine นน จะมลกษณะทแตกตางโดดเดนไปจากรปแบบสอโฆษณาทเราเคยพบเหนในนตยสาร
ทวไป ซงมประสทธภาพสงหรออาจจะน าเทคโนโลยเขามาประยกตใช สงผลใหผอานสามารถเขาถง และเขาใจ
วตถประสงคของโฆษณามากยงขน อกทงยงมลกเลนอนๆทหลากหลาย เชน การแสดงแบบภาพ 3 มต การ
แสดงภาพเคลอนไหว หรอภาพวดโอ การแสดงภาพดวยสสนทหลากหลาย เหลานจดไดวาเปนอกปจจยหนงท
จะท าใหขอมลตางๆ เขาถงผบรโภคไดงายมากยงขน และมงหวงใหเกดการตอบรบตอองคกรธรกจมากยงขน
ประโยชนของ E ndash Magazine
E-Magazine เปนสออกสอหนงทตองเกยวของกบผลประโยชนทางธรกจ ผประกอบการธรกจตางๆ
ทตองการพนทในการประชาสมพนธเพอใหเขาถงผบรโภค กลยทธทดอยางหนงคอ การโฆษณาประชาสมพนธ
ดงนนผประกอบการธรกจจ าเปนจะตองมพนทในการโฆษณา
E ndash magazine จงเปนสออกทางเลอกหนงทสามารถใชเปนชองทางในการประชาสมพนธได ดงนนจง
เกดการกระบวนการด าเนนการทางธรกจซงผลประโยชนกจะเกดขนเปนวฏจกร เปนการกระจายรายไดหมนเวยน
ในภาคธรกจกอใหเกดรายไดเกดผลประโยชนทางธรกจนนเอง
E ndash Magazine ยงสามารถชวยลดตนทนการผลต การสงพมพของนตยสารกระดาษทวไปได และมการ
คาดการณวาในอนาคตนตยสารสวนใหญจะปลอยใหมการดาวนโหลด E-Magazineของตนเองกอน เปนการปลอย
ตวอยางเนอหาบทความใหผบรโภคไดทดลองอานฟร เมอเกดความสนใจหรอมผลตอบรบทดสามารถสงซอนยต
สารทเปนรปเลมเตม หรอนตยสารท Print เปนรปเลมได โดยทางนตยสารอาจจะดจากยอดสงซอกอนการพมพ
เพอเปนการลดตนทนการผลตใหกบธรกจของตนอกดวย
จากการศกษาเกยวกบธรกจ E - Magazine พบวา E - Magazine เขามาแทรกแซง หรอ ทดแทน
นตยสารกระดาษ แตการเกดขนของ E ndash Magazine นน ถอเปนการเกดขนเพอตอบสนองความตองการของ
ผบรโภค ตอบสนองพฤตกรรมของผบรโภคทเปลยนแปลงไปจากเดม กลาวคอ ในอดตเทคโนโลยการสอสาร
ยงไมมความแพรหลาย การเขาใชบรการอนเตอรเนตยงอยในวงทแคบ ดงนนชองทางการเขาถงสอจงมนอย
แตเมอเขาสยคโลกาภวตนสงผลใหเกดการเปลยนแปลงหลายสงหลายอยาง เทคโนโลยจงเขามามบทบาทมาก
ยงขน สงผลใหผบรโภคมทางเลอกในการเขาถงสอเพมมากขนอกทงรปแบบการด าเนนชวตของคนในสงคม
เปลยนแปลงไป เขาสสงคมแหงการแขงขน เรงรบ ไมหยดนง สงผลใหเกดการพงพาเทคโนโลย เพออ านวยความ
สะดวกในชวตประจ าของคนในสงคม
ธรกจ E - Magazine เปนธรกจทเกดในยคโลกาภวฒนสงผลใหเกดการเปลยนแปลงหลายอยางท าให
เทคโนโลยเขามามบทบาทมากยงขน แตอยางไรกตามไมจ าเปนทจะตองทงรากฐานเดมเพยงแตตงรบกบสงใหมท
เขามาและเรยนรทจะอยกบสงนนอยางสมดล ถงแมวา E- Magazine จะเขามามบทบาทในสงคมมากยงขน
สบเนองมาจากการเปดรบเทคโนโลยทมากขน กมไดสงผลใหธรกจนตยสารกระดาษมบทบาทนอยลง เพราะตาง
กมเอกลกษณในการคงอยทตางกน ดงนนธรกจทงสองนจะสามารถด ารงอยควบคกนได ไมมสงใดสามารถ
แทรกแซงหรอทดแทนกนได แตจะเปนการเสรมสรางใหผบรโภคตระหนกถงการด ารงอยของนตยสารไมวาจะ
เปนในรปแบบใดกตามเพอเสรมฐานการตลาดของธรกจสงพมพใหประสทธภาพมากยงขน
3) หนงสออเลกทรอนกส ( Electronic ndash Book ) [36]
E ndash Book เปนหนงสอทสรางขนดวยโปรแกรมคอมพวเตอรมลกษณะเปนเอกสารอเลกทรอนกส
โดยปกตมกจะเปนแฟมขอมลทสามารถอานเอกสารผานทางหนาจอคอมพวเตอรท งในระบบออฟไลนและ
ออนไลน โดยเปนหนงสออเลกทรอนกส ทสามารถอานผานทางอนเทอรเนต หรอ อปกรณอเลกทรอนกสพกพา
อนๆไดส าหรบหนงสออเลกทรอนกสน จะมความหมายรวมถงเนอหาทถกดดแปลงอยในรปแบบทสามารถ
แสดงผลออกมาได โดยเครองมออเลกทรอนกส แตกใหมลกษณะการน าเสนอทสอดคลองและคลายคลงกบการ
อานหนงสอทวๆไปในชวตประจ าวน แตจะมลกษณะพเศษ คอ สะดวกและรวดเรว ในการคนหา และผอาน
สามารถอาน พรอมๆ กนไดโดยไมตองรอใหอกฝายสงคนหองสมด เชนเดยวกบหนงสอในหองสมดทวไป
คณลกษณะของหนงสออเลกทรอนกสสามารถเชอมโยงจดไปยงสวนตางๆ ของหนงสอ เวบไซตตางๆ
ตลอดจนมปฏสมพนธและโตตอบกบผเรยนได นอกจากนนหนงสออเลกทรอนกสสามารถแทรกภาพ เสยง
ภาพเคลอนไหว แบบทดสอบ และสามารถสงพมพเอกสารทตองการออกทางเครองพมพได อกประการหนงท
ส าคญกคอ หนงสออเลกทรอนกสสามารถปรบปรงขอมลใหทนสมยไดตลอดเวลา ซงคณสมบตเหลานจะไมม
ในหนงสอธรรมดาทวไป
ภาพท 2 ภาพหนงสออเลกทรอนกส
ทมา httpsivaporn94blogspotcom201102e-bookhtml
ขอดของหนงสออเลกทรอนกส [9]
- เปนสอทรวมเอาจดเดนของสอแบบตางๆ มารวมอยในสอตวเดยว คอ สามารถแสดงภาพ แสง เสยง
ภาพเคลอนไหว และการมปฏสมพนธกบผใช
- ชวยใหผเรยนเกดพฒนาการเรยนรและเขาใจเนอหาวชาไดเรวขน
- ครสามารถใชหนงสออเลกทรอนกสในการชกจงผเรยนในการอาน การเขยน การฟงและการพดได
- มความสามารถในการออนไลนผานเครอขาย และเชอมโยงไปสโฮมเพจและเวบไซตตางๆอกทงยง
สามารถอางองในเชงวชาการได
- หากหนงสออเลกทรอนกสออนไลนผานเครอขายอนเตอรเนตหรออนทราเนตจะท าใหการกระจายสอ
ท าไดอยางรวดเรว และกวางขวางกวาสอทอยในรปสงพมพ
- สนบสนนการเรยนการสอนแบบหองเรยนเสมอนหองสมดและหองสมดอเลกทรอนกส
- มลกษณะไมตายตว สามารถแกไขปรบปรงเปลยนแปลงไดตลอดเวลา อกทงยงสามารถเชอมโยงไปส
ขอมลทเกยวของไดโดยใชความสามารถของไฮเปอรเทกซ
- ในการสอนหรออบรมนอกสถานท การใชหนงสออเลกทรอนกส จะชวยใหเกดความคลองตวยงขน
เนองจากสอสามารถสรางเกบไวในแผนซดได
- การพมพท าไดรวดเรวกวาแบบใชกระดาษ สามารถท าส าเนาไดเทาทตองการประหยดวสดในการ
สรางสอ อกทงยงชวยอนรกษสงแวดลอมอกดวย
- มความทนทาน และสะดวกตอการเกบบ ารงรกษา ลดปญหาการจดเกบเอกสารยอนหลงซงตองใชเนอ
ทหรอบรเวณกวางกวาในการจดเกบ รกษาหนงสอหายากและตนฉบบเขยนไมใหเสอมคณภาพ
- ชวยใหนกวชาการและนกเขยนสามารถเผยแพรผลงานเขยนไดอยางรวดเรว
- ผใชสามารถตดตามอานวารสารไดอยางรวดเรว ทนททวารสารมการจดพมพ เนองจากส านกพมพจด
พมพแบบอเลกทรอนกส จงท าใหเผยแพรสผอานไดอยางรวดเรว
- ผอานสามารถเขาถงวารสารไดอยางสะดวก รวดเรว โดยไมจ ากดเวลา โอกาส และ สถานท
- ประหยดคาใชจายในการเยบเลมวารสาร การเสยแรงงานบคลากรในการเตรยมวารสารกอนสงเยบเลม
และ หลงการเยบเลม
- ชวยแกปญหาการไดรบวารสารไมครบ วารสารถกฉกขาด
- ชวยแกปญหาสถานทเกบ ไมมปญหาการเพมน าหนกพนทของหองสมด
ขอจ ากดของหนงสออเลกทรอนกส
- คนไทยสวนใหญยงคงชนอยกบสอทอยในรปกระดาษมากกวา อกทงหนงสออเลกทรอนกสยงไม
สามารถใชงานไดงายเมอเทยบกบสอสงพมพ และความสะดวกในการอานกยงนอยกวามาก
- หากโปรแกรมสอมขนาดไฟลใหญมากๆ จะท าใหการเปลยนหนาจอมความลาชา
- การสรางหนงสออเลกทรอนกสเพอใหไดประสทธภาพทด ผสรางตองมความร และความช านาญใน
การใชโปรแกรมคอมพวเตอร
- ผใชสออาจจะไมใชผสรางสอฉะนนการปรบปรงสอจงท าไดยากหากผสอนไมมความรดานโปรแกรม
คอมพวเตอร
- ใชเวลาในการออกแบบมาก เพราะตองใชทกษะในการออกแบบเปนอยางด เพอใหไดสอทมคณภาพ
- คาใชจายในการบอกรบ แตละส านกพมพจะก าหนดคาบอกรบแตกตางกน เชน บางส านกพมพเมอ
บอกรบวารสารฉบบพมพจะใหสทธสามารถเขาถงขอมลได บางส านกพมพแยกราคากนระหวางฉบบพมพกบ
วารสารอเลกทรอนกส
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ
- วารสารยอนหลง การจดเกบวารสารอเลกทรอนกสฉบบยอนหลงยงไมมรปแบบทชดเจน หองสมดท
บอกรบหารปแบบ วธการจดเกบเอง หรอบรษทเปนผจดท า
- การเขาถงวารสารอเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร
ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
4) ระบบจดการฐานขอมล MySQL [10]
ภาพท 3 ภาพสญลกษณของ MySQL ทมา httpwwwpangpondblogcomtagsmysql
SQL มาจากค าวา Structured Query Language เปนภาษาทถกพฒนาขนโดยบรษท IBM ซงปจจบนเปนทนยมใชกนเปนอยางมากในวงการฐานขอมล ( Database ) กลมบคคล ทใชกนกไดแก Database Programmer DBA Database Administration เปนตน
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
กมเอกลกษณในการคงอยทตางกน ดงนนธรกจทงสองนจะสามารถด ารงอยควบคกนได ไมมสงใดสามารถ
แทรกแซงหรอทดแทนกนได แตจะเปนการเสรมสรางใหผบรโภคตระหนกถงการด ารงอยของนตยสารไมวาจะ
เปนในรปแบบใดกตามเพอเสรมฐานการตลาดของธรกจสงพมพใหประสทธภาพมากยงขน
3) หนงสออเลกทรอนกส ( Electronic ndash Book ) [36]
E ndash Book เปนหนงสอทสรางขนดวยโปรแกรมคอมพวเตอรมลกษณะเปนเอกสารอเลกทรอนกส
โดยปกตมกจะเปนแฟมขอมลทสามารถอานเอกสารผานทางหนาจอคอมพวเตอรท งในระบบออฟไลนและ
ออนไลน โดยเปนหนงสออเลกทรอนกส ทสามารถอานผานทางอนเทอรเนต หรอ อปกรณอเลกทรอนกสพกพา
อนๆไดส าหรบหนงสออเลกทรอนกสน จะมความหมายรวมถงเนอหาทถกดดแปลงอยในรปแบบทสามารถ
แสดงผลออกมาได โดยเครองมออเลกทรอนกส แตกใหมลกษณะการน าเสนอทสอดคลองและคลายคลงกบการ
อานหนงสอทวๆไปในชวตประจ าวน แตจะมลกษณะพเศษ คอ สะดวกและรวดเรว ในการคนหา และผอาน
สามารถอาน พรอมๆ กนไดโดยไมตองรอใหอกฝายสงคนหองสมด เชนเดยวกบหนงสอในหองสมดทวไป
คณลกษณะของหนงสออเลกทรอนกสสามารถเชอมโยงจดไปยงสวนตางๆ ของหนงสอ เวบไซตตางๆ
ตลอดจนมปฏสมพนธและโตตอบกบผเรยนได นอกจากนนหนงสออเลกทรอนกสสามารถแทรกภาพ เสยง
ภาพเคลอนไหว แบบทดสอบ และสามารถสงพมพเอกสารทตองการออกทางเครองพมพได อกประการหนงท
ส าคญกคอ หนงสออเลกทรอนกสสามารถปรบปรงขอมลใหทนสมยไดตลอดเวลา ซงคณสมบตเหลานจะไมม
ในหนงสอธรรมดาทวไป
ภาพท 2 ภาพหนงสออเลกทรอนกส
ทมา httpsivaporn94blogspotcom201102e-bookhtml
ขอดของหนงสออเลกทรอนกส [9]
- เปนสอทรวมเอาจดเดนของสอแบบตางๆ มารวมอยในสอตวเดยว คอ สามารถแสดงภาพ แสง เสยง
ภาพเคลอนไหว และการมปฏสมพนธกบผใช
- ชวยใหผเรยนเกดพฒนาการเรยนรและเขาใจเนอหาวชาไดเรวขน
- ครสามารถใชหนงสออเลกทรอนกสในการชกจงผเรยนในการอาน การเขยน การฟงและการพดได
- มความสามารถในการออนไลนผานเครอขาย และเชอมโยงไปสโฮมเพจและเวบไซตตางๆอกทงยง
สามารถอางองในเชงวชาการได
- หากหนงสออเลกทรอนกสออนไลนผานเครอขายอนเตอรเนตหรออนทราเนตจะท าใหการกระจายสอ
ท าไดอยางรวดเรว และกวางขวางกวาสอทอยในรปสงพมพ
- สนบสนนการเรยนการสอนแบบหองเรยนเสมอนหองสมดและหองสมดอเลกทรอนกส
- มลกษณะไมตายตว สามารถแกไขปรบปรงเปลยนแปลงไดตลอดเวลา อกทงยงสามารถเชอมโยงไปส
ขอมลทเกยวของไดโดยใชความสามารถของไฮเปอรเทกซ
- ในการสอนหรออบรมนอกสถานท การใชหนงสออเลกทรอนกส จะชวยใหเกดความคลองตวยงขน
เนองจากสอสามารถสรางเกบไวในแผนซดได
- การพมพท าไดรวดเรวกวาแบบใชกระดาษ สามารถท าส าเนาไดเทาทตองการประหยดวสดในการ
สรางสอ อกทงยงชวยอนรกษสงแวดลอมอกดวย
- มความทนทาน และสะดวกตอการเกบบ ารงรกษา ลดปญหาการจดเกบเอกสารยอนหลงซงตองใชเนอ
ทหรอบรเวณกวางกวาในการจดเกบ รกษาหนงสอหายากและตนฉบบเขยนไมใหเสอมคณภาพ
- ชวยใหนกวชาการและนกเขยนสามารถเผยแพรผลงานเขยนไดอยางรวดเรว
- ผใชสามารถตดตามอานวารสารไดอยางรวดเรว ทนททวารสารมการจดพมพ เนองจากส านกพมพจด
พมพแบบอเลกทรอนกส จงท าใหเผยแพรสผอานไดอยางรวดเรว
- ผอานสามารถเขาถงวารสารไดอยางสะดวก รวดเรว โดยไมจ ากดเวลา โอกาส และ สถานท
- ประหยดคาใชจายในการเยบเลมวารสาร การเสยแรงงานบคลากรในการเตรยมวารสารกอนสงเยบเลม
และ หลงการเยบเลม
- ชวยแกปญหาการไดรบวารสารไมครบ วารสารถกฉกขาด
- ชวยแกปญหาสถานทเกบ ไมมปญหาการเพมน าหนกพนทของหองสมด
ขอจ ากดของหนงสออเลกทรอนกส
- คนไทยสวนใหญยงคงชนอยกบสอทอยในรปกระดาษมากกวา อกทงหนงสออเลกทรอนกสยงไม
สามารถใชงานไดงายเมอเทยบกบสอสงพมพ และความสะดวกในการอานกยงนอยกวามาก
- หากโปรแกรมสอมขนาดไฟลใหญมากๆ จะท าใหการเปลยนหนาจอมความลาชา
- การสรางหนงสออเลกทรอนกสเพอใหไดประสทธภาพทด ผสรางตองมความร และความช านาญใน
การใชโปรแกรมคอมพวเตอร
- ผใชสออาจจะไมใชผสรางสอฉะนนการปรบปรงสอจงท าไดยากหากผสอนไมมความรดานโปรแกรม
คอมพวเตอร
- ใชเวลาในการออกแบบมาก เพราะตองใชทกษะในการออกแบบเปนอยางด เพอใหไดสอทมคณภาพ
- คาใชจายในการบอกรบ แตละส านกพมพจะก าหนดคาบอกรบแตกตางกน เชน บางส านกพมพเมอ
บอกรบวารสารฉบบพมพจะใหสทธสามารถเขาถงขอมลได บางส านกพมพแยกราคากนระหวางฉบบพมพกบ
วารสารอเลกทรอนกส
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ
- วารสารยอนหลง การจดเกบวารสารอเลกทรอนกสฉบบยอนหลงยงไมมรปแบบทชดเจน หองสมดท
บอกรบหารปแบบ วธการจดเกบเอง หรอบรษทเปนผจดท า
- การเขาถงวารสารอเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร
ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
4) ระบบจดการฐานขอมล MySQL [10]
ภาพท 3 ภาพสญลกษณของ MySQL ทมา httpwwwpangpondblogcomtagsmysql
SQL มาจากค าวา Structured Query Language เปนภาษาทถกพฒนาขนโดยบรษท IBM ซงปจจบนเปนทนยมใชกนเปนอยางมากในวงการฐานขอมล ( Database ) กลมบคคล ทใชกนกไดแก Database Programmer DBA Database Administration เปนตน
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ขอดของหนงสออเลกทรอนกส [9]
- เปนสอทรวมเอาจดเดนของสอแบบตางๆ มารวมอยในสอตวเดยว คอ สามารถแสดงภาพ แสง เสยง
ภาพเคลอนไหว และการมปฏสมพนธกบผใช
- ชวยใหผเรยนเกดพฒนาการเรยนรและเขาใจเนอหาวชาไดเรวขน
- ครสามารถใชหนงสออเลกทรอนกสในการชกจงผเรยนในการอาน การเขยน การฟงและการพดได
- มความสามารถในการออนไลนผานเครอขาย และเชอมโยงไปสโฮมเพจและเวบไซตตางๆอกทงยง
สามารถอางองในเชงวชาการได
- หากหนงสออเลกทรอนกสออนไลนผานเครอขายอนเตอรเนตหรออนทราเนตจะท าใหการกระจายสอ
ท าไดอยางรวดเรว และกวางขวางกวาสอทอยในรปสงพมพ
- สนบสนนการเรยนการสอนแบบหองเรยนเสมอนหองสมดและหองสมดอเลกทรอนกส
- มลกษณะไมตายตว สามารถแกไขปรบปรงเปลยนแปลงไดตลอดเวลา อกทงยงสามารถเชอมโยงไปส
ขอมลทเกยวของไดโดยใชความสามารถของไฮเปอรเทกซ
- ในการสอนหรออบรมนอกสถานท การใชหนงสออเลกทรอนกส จะชวยใหเกดความคลองตวยงขน
เนองจากสอสามารถสรางเกบไวในแผนซดได
- การพมพท าไดรวดเรวกวาแบบใชกระดาษ สามารถท าส าเนาไดเทาทตองการประหยดวสดในการ
สรางสอ อกทงยงชวยอนรกษสงแวดลอมอกดวย
- มความทนทาน และสะดวกตอการเกบบ ารงรกษา ลดปญหาการจดเกบเอกสารยอนหลงซงตองใชเนอ
ทหรอบรเวณกวางกวาในการจดเกบ รกษาหนงสอหายากและตนฉบบเขยนไมใหเสอมคณภาพ
- ชวยใหนกวชาการและนกเขยนสามารถเผยแพรผลงานเขยนไดอยางรวดเรว
- ผใชสามารถตดตามอานวารสารไดอยางรวดเรว ทนททวารสารมการจดพมพ เนองจากส านกพมพจด
พมพแบบอเลกทรอนกส จงท าใหเผยแพรสผอานไดอยางรวดเรว
- ผอานสามารถเขาถงวารสารไดอยางสะดวก รวดเรว โดยไมจ ากดเวลา โอกาส และ สถานท
- ประหยดคาใชจายในการเยบเลมวารสาร การเสยแรงงานบคลากรในการเตรยมวารสารกอนสงเยบเลม
และ หลงการเยบเลม
- ชวยแกปญหาการไดรบวารสารไมครบ วารสารถกฉกขาด
- ชวยแกปญหาสถานทเกบ ไมมปญหาการเพมน าหนกพนทของหองสมด
ขอจ ากดของหนงสออเลกทรอนกส
- คนไทยสวนใหญยงคงชนอยกบสอทอยในรปกระดาษมากกวา อกทงหนงสออเลกทรอนกสยงไม
สามารถใชงานไดงายเมอเทยบกบสอสงพมพ และความสะดวกในการอานกยงนอยกวามาก
- หากโปรแกรมสอมขนาดไฟลใหญมากๆ จะท าใหการเปลยนหนาจอมความลาชา
- การสรางหนงสออเลกทรอนกสเพอใหไดประสทธภาพทด ผสรางตองมความร และความช านาญใน
การใชโปรแกรมคอมพวเตอร
- ผใชสออาจจะไมใชผสรางสอฉะนนการปรบปรงสอจงท าไดยากหากผสอนไมมความรดานโปรแกรม
คอมพวเตอร
- ใชเวลาในการออกแบบมาก เพราะตองใชทกษะในการออกแบบเปนอยางด เพอใหไดสอทมคณภาพ
- คาใชจายในการบอกรบ แตละส านกพมพจะก าหนดคาบอกรบแตกตางกน เชน บางส านกพมพเมอ
บอกรบวารสารฉบบพมพจะใหสทธสามารถเขาถงขอมลได บางส านกพมพแยกราคากนระหวางฉบบพมพกบ
วารสารอเลกทรอนกส
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ
- วารสารยอนหลง การจดเกบวารสารอเลกทรอนกสฉบบยอนหลงยงไมมรปแบบทชดเจน หองสมดท
บอกรบหารปแบบ วธการจดเกบเอง หรอบรษทเปนผจดท า
- การเขาถงวารสารอเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร
ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
4) ระบบจดการฐานขอมล MySQL [10]
ภาพท 3 ภาพสญลกษณของ MySQL ทมา httpwwwpangpondblogcomtagsmysql
SQL มาจากค าวา Structured Query Language เปนภาษาทถกพฒนาขนโดยบรษท IBM ซงปจจบนเปนทนยมใชกนเปนอยางมากในวงการฐานขอมล ( Database ) กลมบคคล ทใชกนกไดแก Database Programmer DBA Database Administration เปนตน
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
- หากโปรแกรมสอมขนาดไฟลใหญมากๆ จะท าใหการเปลยนหนาจอมความลาชา
- การสรางหนงสออเลกทรอนกสเพอใหไดประสทธภาพทด ผสรางตองมความร และความช านาญใน
การใชโปรแกรมคอมพวเตอร
- ผใชสออาจจะไมใชผสรางสอฉะนนการปรบปรงสอจงท าไดยากหากผสอนไมมความรดานโปรแกรม
คอมพวเตอร
- ใชเวลาในการออกแบบมาก เพราะตองใชทกษะในการออกแบบเปนอยางด เพอใหไดสอทมคณภาพ
- คาใชจายในการบอกรบ แตละส านกพมพจะก าหนดคาบอกรบแตกตางกน เชน บางส านกพมพเมอ
บอกรบวารสารฉบบพมพจะใหสทธสามารถเขาถงขอมลได บางส านกพมพแยกราคากนระหวางฉบบพมพกบ
วารสารอเลกทรอนกส
- ลขสทธในรปสออเลกทรอนกสยงไมชดเจน เชนกฎหมายลขสทธของสงพมพ
- วารสารยอนหลง การจดเกบวารสารอเลกทรอนกสฉบบยอนหลงยงไมมรปแบบทชดเจน หองสมดท
บอกรบหารปแบบ วธการจดเกบเอง หรอบรษทเปนผจดท า
- การเขาถงวารสารอเลกทรอนกส ปญหาส าคญประการหนงกคอ ความลาชาของเครอขายคอมพวเตอร
ผใชขาดความเขาใจในวธการสบคนขอมล ตลอดจนปญหาของขอมลทอยในรปแบบทแตกตางกน
4) ระบบจดการฐานขอมล MySQL [10]
ภาพท 3 ภาพสญลกษณของ MySQL ทมา httpwwwpangpondblogcomtagsmysql
SQL มาจากค าวา Structured Query Language เปนภาษาทถกพฒนาขนโดยบรษท IBM ซงปจจบนเปนทนยมใชกนเปนอยางมากในวงการฐานขอมล ( Database ) กลมบคคล ทใชกนกไดแก Database Programmer DBA Database Administration เปนตน
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
SQL Language เปนภาษาทใชในการจดการฐานขอมลเชงสมพนธ ( Relational Database ) ซงปจจบนโปรแกรมทน ามาพฒนา Application ทางดาน Database สวนใหญนน จะตองใชภาษา SQL ดวยกนทงสน เพอความสะดวกรวดเรวในการจดการกบฐานขอมล ไมวาจะเปน Visual Basic Delphi Power Builder เปนตน หรอ จะเปนทางดาน Script กจะเปนพวก ASP PHP Perl CGI และ JSP เปนตน
ค าสงประเภทตาง ๆ ของ ภาษา SQL - Query ใชในการกรองขอมลจากฐานขอมล - Data Manipulation เปนตวด าเนนการขอมล เชน Insert Update Delete ขอมลในฐานขอมล - Data Definition ใชในการก าหนด View Tables และ Indexes ในฐานขอมล - Data Control การปองกนระบบรกษาความปลอดภยของขอมล จากกลมผใช
42) เทคโนโลยทเกยวของ โปรแกรม Flip Album [15]
สอน าเสนอในปจจบนไดมการพฒนารปแบบใหมความโดดเดน นาสนใจ ดวยเทคโนโลยมลตมเดย
( Multimedia ) การน าเสนอขอความหรอเนอหาปรมาณมากๆ ในลกษณะของสงพมพหรอ หนงสออเลกทรอนกส
( E - Book ) กมการปรบเปลยนรปแบบจากสงพมพหรอหนงสอทเปนไฟลเนอหาเพยง อยางเดยว ตองดดวย
เทคนคการเลอนจอภาพไปเปนเทคนคการน าเสนอทมลกษณะการเปดหนาหนงสอแบบเสมอน เนอหาทน าเสนอ
เปนไดทงขอความ ภาพนง ภาพเคลอนไหว วดทศน และเสยง อนเปนการใชความสามารถของเทคโนโลย
มลตมเดยมาผสมผสานกบ E - Book ไดอยางลงตว เปนสอทไดรบความนยมสงอยางมากในปจจบนภายใตชอ
เรยกวา Multimedia E - Book
การพฒนา Multimedia E - Book มซอฟตแวรชวยหลายตว โดยซอฟตแวรทโดดเดนตวหนงคอ Flip
Album ซงปจจบนไดพฒนามาเปน Flip Album 60 โดยความสามารถของโปรแกรมทท าใหการน าเสนอสอ
ออกมาในรปแบบ 3D Page ndash Flipping Interface และมชอเรยกเฉพาะวา Flip Book ผลงานทไดนสามารถ
น าเสนอไดทงแบบ Offline ดวยความสามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผล
เฉพาะ Flip Viewer
ขนตอนการสรางหนงสออเลกทรอนกสดวยโปรแกรม Flip Album
เปดโปรแกรม Flip Album จากเมนค าสง Start Program E - Book Systems flip Album 6 Pro Flip
Album Pro จะปรากฏจอภาพท างาน โดยสวนส าคญของการสราง E - Book อยางงายและเรวนคอจอภาพ
Quick Start ( ถาไมปรากฏใหเลอกค าสง File Start Wizard )
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
จากภาพดงกลาวม ขนตอนการท างาน 3 ขนตอนดงน
1 คลกรายการ Open Folder แลวเลอกโฟลเดอรทเตรยมภาพไว ( ตวอยางคอโฟลเดอร Graffiti )
ภาพท 4 แสดงการเลอกโฟลเดอรทเตรยมภาพไว
2 คลกรายการ Page Layout เพอเลอกรปแบบของสอ ทงนรปแบบ Single image per page เปนลกษณะ
การน าเสนอภาพแยกเปน 2 หนากระดาษ และรปแบบ Centerfold page เ ปนลกษณะการน าเสนอภาพ
บนกระดาษแผนใหญแผนเดยว เมอคลกเลอกจะปรากฏ Effect รอบรปแบบทเลอก
ภาพท 5 แสดงการเลอกรปแบบของสอ
3 คลกเลอก Themes เพอเลอกลกษณะปก และพนหนงสอ
ภาพท 6 แสดงการเลอกลกษณะปกและพนหนงสอ
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
4 เมอครบทง 3 ขนตอนกคลกปม Finish โปรแกรมจะน าทกภาพในโฟลเดอรทระบมาสรางเปน e-Book
ใหอตโนมต
การเลอนหนากระดาษ
- คลกบนหนากระดาษดานขวาเพอดหนาถดไป
- คลกบนหนากระดาษดานซายเพอยอนกลบ
- เลอนเมาสไปชทขอบหนงสอดานซายหรอขวามอเพอเลอกหนาทจะเปด
- คลกปมขวาของเมาสบนหนากระดาษ แลวคลกค าสง Flip To
- Front Cover คอปกหนา
- Back Cover คอปกหลง
- Overview คอหนาสรปรวมเนอหา
- Contents คอหนาสารบญ โปรแกรมจะน าชอไฟลภาพหรอสอมาเปนรายการสารบญ ซง
สามารถปรบเปลยนแกไขไดตามตองการ แตหามใชสญลกษณพเศษใดๆ
ภาพท 7 แสดงการเลอนหนากระดาษดวยค าสง Flip To
การปรบแตง เพมเตมขอความ
- การปรบแตงแกไขขอความใน E - Book ท าไดโดยการดบเบลคลกกทขอความเดม ซงจะปรากฏเปน
กรอบขอความ และแถบเครองมอการปรบแตงขอความ
- การเพมขอความ ตองตรวจสอบกอนวาขอความนนจะเพมในหนาซาย หรอหนาขวาไดหรอไม โดย
สงเกตจากปมเครองมอ Insert Annotation ซงจะถกแบงครง ครงซายคอการเพมขอความในกระดาษหนา
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ซาย และครงขวาคอการเพมขอความในกระดาษหนาขวา หากปมเครองมอ Insert Annotation ไมสามารถคลก
ได แสดงวาหนากระดาษทปรากฏไมสามารถปอนขอความได จะตองเพมหนากระดาษทสามารถปอนขอความ
ไดดวยค าสง Edit Insert Page Left Page หรอ Right Page กอน
การปรบแตงรปภาพ
- การยอ ขยายรปภาพ สามารถท าไดหลากหลายวธ ไดแก
- การยอ ขยายดวย Handle
- การยอ ขยายดวยเมนค าสงทละภาพ
- การยอ ขยายแบบ Batch ซงใหผลพรอมกนหลายๆ ภาพ
- การหมนภาพ ภาพทน าเขามาบางภาพอาจจะมแนวการแสดงผลไมเหมาะสม ซงสามารถหมนภาพให
เหมาะสมไดโดยคลกขวาทภาพ แลวเลอกค าสง Rotate จะปรากฏค าสงยอย ดงน
- Left by 90 หมนไปทางซาย 90 องศา
- Right by 90 หมนไปทางขวา 90 องศา
- By 180 หมน 180 องศา
- By Other Angles หมนโดยก าหนดมมอสระ
ภาพท 8 แสดงการขนตอนในการหมนภาพ
- การแสดงภาพดวย Effect พเศษ โดยคลกขวาทภาพ แลวเลอกค าสง Effects จะปรากฏค าสงยอย ดงน - Transparent ท าใหพนของภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดด ใหคลก ในต าแหนงสทตองการท าใหเปนสโปรงใส - 3D ท าใหภาพมลกษณะนนแบบ 3 มต - Shadow ท าใหภาพมเงา - Select Crop Shape เลอกรปทรงพเศษ จากนนกด OK ภาพดงกลาวจะแสดงผลเหมอนรปแบบทเลอกไวนนเอง
- การเพมรปภาพ การเพมรปภาพใน E - Book ท าไดโดยคลกปมเครองมอ Insert Multi - media
Objects หรอ คลกขวาทหนาเอกสารทตองการเพมรปภาพเลอก Multi - media Objects
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ภาพท 9 แสดงการขนตอนการเพมรป
จากนนเลอกไดรฟ และโฟลเดอรทตองการเลอกรปภาพ กรณทไมปรากฏภาพตวอยางใหคลกท
ปม จากนนเลอกภาพทตองการแลวลากมาวางในหนากระดาษ
การใสไฟลวดโอ และไฟลเสยงลงในอลบม
นอกจากขอความและภาพนง โปรแกรมยงสนบสนนการน าเสนอสอมลตมเดยรปแบบตางๆ เชน เสยง วดทศน และภาพเคลอนไหว เชน Gif Animation โดยใชเทคนคการน าเขา เชนเดยวกบรปภาพ คอใชปมเครองมอ Insert Multi - media Objects แลวลากไฟลสอทตองการมาวางบนหนากระดาษ
การท าจดเชอมโยง ( Link ) การท าจดเชอม ดวยขอความหรอวตถตางๆ ไปยงต าแหนงตางๆ หรอเรยกวาเวบไซต กเปนฟงกชนหนงทขาดไมไดของ E - Book ดงนน Flip Album จงเตรยมค าสงเพอใหสามารถท างานไดสะดวก โดยเลอกกรอบขอความ รปภาพแลวคลกขวา จากนนเลอกค าสง Set Link
ดวยความสามารถและขนตอนการสรางของโปรแกรม Flip Album จะชวยใหการน าเสนอสอออกมา
ในรปแบบ 3D Page ndash Flipping interface และผลงานทไดนสามารถน าเสนอไดทงแบบ Offline ดวยความ
สามารถ Auto Run อตโนมต และ Online ผานโปรแกรมแสดงผลเฉพาะ Flip Viewer ซงเมอน ามาประยกต
ใชรวมกบระบบทจะพฒนาจะชวยใหการน าเสนอผลงานมความนาสนใจ และมรปแบบการน าเสนอเนอหาท
หลากหลายมากขน
43) ผลงานวจยทเกยวของ
ผลงานวจยของ [8] ไดศกษาประสทธภาพของหนงสออเลกทรอนกส เรองการสรางหนงสออเลกทรอนกส
ทเขยนจากโปรแกรม Adobe Acrobat โดยมกลมตวอยางเปนครผสอนโรงเรยนชลบรสขบท อ าเภอเมอง
จงหวดชลบร จ านวน 45 คน โดยใหกลมตวอยางท าแบบทดสอบกอนเรยน แลวเรยนจากหนงสออเลกทรอนกส
จากนนใหท าแบบทดสอบหลงเรยน ผลการวจยพบวา ผเรยนมผลสมฤทธหลงเรยนสงกวากอนเรยนอยางม
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
นยส าคญทางสถต ดงนนจากการน าหนงสออเลกทรอนกสเขามาเปนเครองมอทชวยในการน าเสนอสงผลใหม
ประสทธภาพตอการเรยนรมากขน
ผลงานวจยของ [7] ไดท าการวจยเรองการผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
โดยไดมรวบรวมขอมลทไดจากการส ารวจความพงพอใจในการใชสอและความพงพอใจดานเนอหาของหนงสอ
อเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา ผลการวจยพบวาการใชหนงสออเลกทรอนกสแบบการด าเนน
เรองแบบสาขาเขามาชวยในการน าเสนอเนอหาตางๆ ใหมประสทธภาพและใหมผลในการจงใจในอยากอานมาก
ขน ซงเปนทางเลอกใหมในการน าแนวคดนไปประยกตใชเพอน าเสนอสารสนเทศอนๆ ตอไป
ผลงานวจยของ [11] ไดท าการวจยและพฒนาระบบ Education Research เพอจดเกบและรวบรวม
ผลงานการวจยตางๆ ทางการศกษา ศาสนา และวฒนธรรม ซงมการออกแบบระบบทจะพฒนาแบงออกเปน 3
สวนหลกๆ คอ สวนของนกวจย สวนของผลงานวจย และสวนของบทความวจย จากการจดแบงออกเปนสวน
หลกๆ ดงกลาว สงผลใหผทเขามาศกษาและคนควางานวจยนนไมเสยเวลาในการคนหาผลงานวจยนน และจาก
การศกษาผลงานวจยดงกลาว พบวา การแบงหมวดหมของผลงานวจยนน มผลชวยใหผใชงานมการคนหาผลงาน
ไดอยางรวดเรวและงายตอการใชงาน
ผลงานวจยของ [12] ไดท าการพฒนาระบบจดเกบรวบรวมขอมลงานวจย โดยงานวจยนถอเปนตวชวด
หนงทส าคญของงานประกนคณภาพการศกษาของมหาวทยาลยบรพา ซงเนนการผลตบณฑตและการวจย ซง
ปญหาทส าคญอยางหนงเกยวกบตวชวดน คอ การไดมาซงขอมลเกยวกบงานวจยของบคลากรภายในหนวยงาน
ตาง ๆ ทสวนมากเกบขอมลทถกตองและครบถวนไวกบตวบคคลในรปแบบโปรแกรมประมวลค า หรอโปรแกรม
ตารางค านวณเปนหลก ดงนนการเกบรวมรวมขอมลงานวจยจากแหลงทนตาง มาจดเกบในระบบ จะสงผลใหม
ขอมลทถกตองและครบถวน สามารถน าไปใชประโยชนไดในหลาย ๆ ดาน ตลอดจนสามารถสอบถามขอมล
เกยวกบงานวจย แหลงทน หรอผท างานวจย ไดโดยผานเครอขายอนเตอรเนต ซงจากการน าระบบไปใช พบวา
ประโยชนทผใชจะไดรบคอการบรการทสะดวก ตลอดเวลา และทกสถานทโดยไมตองเสยเวลามาตดตอดวย
ตนเอง และยงสามารถตอบสนองความตองการในดานขอมลไดอยางรวดเรว เพอใหเกดความพงพอใจ และ เปน
การเพมประสทธภาพในการท างาน
จากผลงานการวจยทงหมดนน ท าใหผพฒนาสนใจทจะพฒนาระบบการน าเสนอสออเลกทรอนกสทม
อยมากมาย เพอรวบรวมสออเลกทรอนกสตางๆ ดวยความคาดหวงวาจะมสวนชวยกระตน และสรางแรงจงใจ
ใหกบผทตองการศกษา ผลงานตางๆ ของภาควชาวทยาการคอมพวเตอร เกดความสนใจทจะศกษา คนควา
ผลงานดงกลาวมากยงขน
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
5 วธด าเนนการวจย
51 ศกษาคนควาขอมลทฤษฎและงานวจยทเกยวของ
ศกษาคนควาทฤษฎและงานวจยทเกยวของกบการพฒนาระบบการน าเสนอสออเลกทรอนกส โดยศกษารปแบบการน าเสนอขอมลในลกษณะของหนงสออเลกทรอนกสหรอนตยสารอเลกทรอนกส นอกจากนยงศกษารปแบบการน าเสนอจากระบบการน าเสนอในเวบไซตตางๆ ทมการน าเสนอทหลากหลายและแตกตางกน เพอคนหารปแบบการน าเสนอทเหมาะสมและน ามาพฒนาเปนระบบการน าเสนอสออเลกทรอนกส
52 กรอบงานวจย ( Framework ) 1) ระบบจดการฐานขอมล - สามารถจดเกบผลงานลงในฐานขอมลได - สามารถเรยกใชขอมลในฐานขอมลมาแสดงในระบบได
- สามารถตดตอระหวางระบบและฐานขอมลไดอยางถกตอง เพอสามารถน ามาใชในการ
เรยกดและคนหาขอมลในระบบ
2) ระบบน าเสนอผลงาน - ระบบมการแบงการน าเสนอผลงานออกเปน 3 หมวดหม คอ ผลงานการแขงขน ผลงานการวจย และเอกสารอนๆ ทเกยวของ
- น าเสนอผลงานในรปแบบของหนงสออเลกทรอนกส ทสามารถเปดอานเนอหาไดสะดวก - สามารถแสดงขอมลพนฐานในระบบไดอยางเหมาะสมและนาสนใจ
3) Use case diagram
ระบบการน าเสนอสออเลกทรอนกส
คนหาผลงาน
เรยกดผลงาน
น าผลงานออก
น าผลงานเขา
ปรบปรงขอมล
ผลงาน
ดาวนโหลดไฟล
ผลงาน
ผใชงานทวไป
ผดแลระบบ
ภาพท 10 แสดง Use case diagram ของระบบการน าเสนอสออเลกทรอนกส
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
4) Activity diagram
ระบบการน าเสนอสออเลกทรอนกส ( การดาวนโหลดไฟลผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการ
ดาวนโหลด คนหาไฟลผลงาน
ยนยนการดาวนโหลด แสดงขอความยนยน
การดาวนโหลด
เรมดาวนโหลดไฟล
เสรจสนการดาวนโหลดไฟล
ภาพท 11 แสดง Activity diagram ของการดาวนโหลดไฟลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ระบบการน าเสนอสออเลกทรอนกส ( การเรยกดผลงาน )
ผใชงานทวไป ระบบ
ภาพท 12 แสดง Activity diagram ของการเรยกดผลงาน
เขาสหนาผลงาน แสดงรายการผลงาน
แตละประเภท
เลอกผลงานทตองการอาน แสดงรายละเอยดผลงาน
เสรจสนการเรยกดผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ระบบการน าเสนอสออเลกทรอนกส ( การคนหาผลงาน )
ผใชงานทวไป ระบบ
เขาสหนาคนหา แสดงแบบฟอรมการ
คนหาผลงาน
เลอก Keyword
กรอกขอมลทตองการคนหา คนหาผลงาน
แสดงรายการผลงาน
เสรจสนการคนหา
ภาพท 13 แสดง Activity diagram ของการคนหาผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ระบบการน าเสนอสออเลกทรอนกส ( การปรบปรงขอมลผลงาน )
ผดแลระบบ ระบบ
เขาสหนาปรบปรงขอมลผลงาน แสดงหนาปรบปรงผลงาน
เลอกผลงานทตองการปรบปรง แสดงแบบฟอรมปรบปรงผลงาน
กรอกรายละเอยดผลงาน
ปรบปรงขอมลผลงาน บนทกการปรบปรง
เสรจสนการปรบปรง
ภาพท 14 แสดง Activity diagram ของการปรบปรงขอมลผลงาน
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานเขา )
ผดแลระบบ ระบบ
เขาสหนา Upload ผลงาน แสดงแบบฟอรมเพมขอมล
และแนบไฟลผลงาน
กรอกรายละเอยดผลงาน
ตรวจสอบไฟลผลงาน
ยนยนการน าเขาผลงาน Upload ไฟล
เพมขอมลและไฟลผลงาน
แนบไฟลผลงาน
เสรจสนการน าผลงานเขา
ภาพท 15 แสดง Activity diagram ของการน าผลงานเขา
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ระบบการน าเสนอสออเลกทรอนกส ( การน าผลงานออก )
ผดแลระบบ ระบบ
เขาสหนาน าผลงานออก แสดงหนาน าผลงานออก
เลอกผลงานทตองการน าออก แสดงขอความยนยน
การน าออก
ลบขอมลและไฟลผลงาน ยนยนการน าผลงานออก
เสรจสนการน าผลงานออก
ภาพท 16 แสดง Activity diagram ของการน าผลงานออก
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
53 ก าหนดขอบเขตและเปาหมายของงานวจย
531 ขอบเขตของงานวจย ขอบเขตของระบบการน าเสนอสออเลกทรอนกส คอ สามารถจดเกบผลงานตางๆ ลงในระบบทมการ
แบงเปนหมวดหมอยางชดเจนท าใหคนหาผลงานตางๆ ไดสะดวกและรวดเรว และมการน าเสนอผลงานดวย
รปแบบทนาสนใจ ระบบสามารถแบงออกเปน 2 สวนดงน
1 สวนหนาจอทเกยวของกบผเขาใชระบบทวไป
- หนา Login เพอก าหนดสทธการเขาถงผลงานตางๆ - หนาคนหาผลงานตางๆ จะชวยเพมความสะดวกใหกบผใชงานระบบ - หนาแสดงผลงาน โดยจะแบงออกเปน 3 ประเภทคอ ผลงานวจย ผลงานการแขงขน และ เอกสารอนๆ ซงผใชสามารถแสดงความคดเหนเกยวกบผลงานตางๆได - หนาผลงานลาสด เปนสวนทแสดงผลงานลาสดทเจาของระบบไดท าการเพมลงในระบบ - หนาเกยวกบเรา เปนสวนทแสดงขอมลของภาควทยาวทยาการคอมพวเตอร - หนาตดตอเรา เปนสวนทแสดงขอมลของผพฒนาระบบ โดยผใชสามารถตดตอกบผพฒนาได หากเกดปญหา หรอขอสงสยในการเขาใชงานระบบ
2 สวนหนาจอทเกยวของกบการจดการระบบ เปนผทดแลระบบเทานน ซงสามารถเพมและลบผลงานตางๆ ไดรวมทงยงสามารถแกไข ขอมลตางๆ ไดอกดวย - หนา Upload ผลงานตางๆ ลงในระบบ - หนาลบผลงานตางๆ ทอยบนระบบ - หนาแกไขการจดเรยงผลงานตางๆ บนระบบ
532 เปาหมายของงานวจย เปาหมายของการพฒนาการน าเสนอสออเลกทรอนกสเพอทจะชวยใหรปแบบการน าเสนอผลงานการวจยและผลงานการแขงขน รวมทงเอกสารอนๆ ทเกยวของใหมความนาสนใจมากขน อกทงมการคนหาและเรยกใชงานเปนไปดวยความสะดวก ประหยดทรพยากร และงายในการจดเกบขอมล
54 การออกแบบระบบ
551 ในสวนของ Interface ทใชตดตอกบผใชงานนน จะออกแบบใหผใชสามารถใชงานงาย ไมมความซบซอนท าใหผใชงานสามารถใชงานไดอยางสะดวก
552 ออกแบบโครงสรางระบบเพอก าหนดขอบเขตการใชงานระบบของผใชแตละกลม
553 ออกแบบระบบฐานขอมลเพอใหสามารถจดเกบขอมลทเกยวกบผลงานตางๆ ซงสามารถคนหาผลงานและเอกสารอนๆทถกจดเกบไดอยางรวดเรว
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ภาพท 17 ออกแบบสถาปตยกรรมระบบ
User
Inter
face L
evel
Appli
catio
n Lev
el
Datab
ase L
evel
ภาพท 18 Network Diagram
ผดแลระบบ ผใชงานทวไป
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
55 การพฒนาระบบ พฒนาระบบการน าเสนอสออเลกทรอนกส ตามทไดออกแบบไวเพอพฒนารปแบบการน าเสนอผลงาน
ตางๆและใชระบบการจดการฐานขอมลมาชวยจดเกบขอมลผลงาน
56 การทดสอบระบบ เมอท าการพฒนาระบบเสรจแลว ตองทดสอบใชงานระบบเพอตรวจสอบหาขอผดพลาดทอาจเกดขนจาก
การใชงาน และทดสอบวาระบบทสรางขนนนบรรลเปาหมายหรอไม หากพบขอผดพลาดจะตองท าการแกไข
57 จดท ารายงานและคมอการใชงาน
เขยนรายงานเพอน าเสนอโครงงาน โดยมเนอหารายละเอยดเกยวกบโครงงานทท า ทงทฤษฎตางๆ ท
เกยวของ วธการออกแบบ วธการการพฒนา และปญหาในการท างาน รวมไปถงคมอในการใชงานของระบบดวย
58 ตวอยางระบบ ( Prototype )
1 สวนการจดการระบบ Back Office ประกอบดวยสวนตางๆ ดงน
- เขาสระบบ Back Office เพอแสดงสทธในการเขาใชระบบ ดงภาพท 19 โดยตองใสชอ และ
รหส ของผใชงาน ซงสทธในการเขาใชระบบคอ ผดแลระบบ เทานน
ภาพท 19 แสดงหนาเขาสระบบของสวนการจดการ
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
เมอเขาสระบบแลว ระบบจะแสดงหนาหลก โดยมเมนใหผดแลระบบไดเลอกวาจะดผลงานทงหมด Upload ผลงาน บนทก ลบ แกไขขอมลของผลงานตางๆ ดงภาพท 20
ภาพท 20 แสดงหนาหลกของระบบ Back office หลงจากเขาสระบบแลว
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนรายชอผลงานทงหมด ดงภาพท 21
ภาพท 21 แสดงหนาเมนรายชอผลงานทงหมด
ออกจากระบบ
แกไขลบขอมลผลงาน Upload ผลงาน Delete ผลงานออก รายชอผลงานทงหมด
ออกจากระบบ
รายชอผลงานทงหมด
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมนแกไขขอมลผลงาน ดงภาพท 22
ภาพท 22 แสดงหนาเมนแกไขขอมลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Upload ผลงาน ดงภาพท 23
ภาพท 23 แสดงหนาเมน Upload ผลงาน
ออกจากระบบ
แกไขขอมลผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค
การวจยการตลาดและ
ระบบสารสนเทศ
ออกจากระบบ
Upload ผลงาน
ชอผลงาน
ชอผวจย ชอผวจยรวม
ปทท าการวจย ระยะเวลาท าการวจย
ประเภท
วตถประสงค
แนบไฟลผลงาน
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ตวอยางการแสดงหนาเวบแอพพลเคชนของสวนเมน Delete ผลงานออกจากระบบ ดงภาพท 24
ภาพท 24 แสดงหนาเมน Delete ผลงานออกจากระบบ
ออกจากระบบ
Delete ผลงาน
ระบบสารสนเทศ
ทางภมศาสตร
วารสาวจย มข โครงการวจยระบบการ
เงนระดบจลภาค การวจยการตลาดและ
ระบบสารสนเทศ
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
2 Front Office ประกอบดวยสวนตางๆ ดงน
หนาแรกผใชทวไปตองท าการ Login เขาสระบบเปนอนดบแรก
ภาพท 25 แสดงหนาแรกของสวน Front Office
ภาควชาวทยาการคอมพวเตอร มหาวทยาลยขอนแกน Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Username
Password Submit Forget Password
ภาควชาวทยาการคอมพวเตอร
คณะวทยาศาสตร
มหาวทยาลยขอนแกน
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
Electronic Media Presentation System
หนาหลก ( เมอผานการ Login เรยบรอยแลว )
ภาพท 26 แสดงหนาหลก ทผานการ Login แลว
ผลงานวจยลาสด
ผลงานการแขงขนลาสด
เอกสารทเกยวของลาสด
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
หนาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของ
ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
Electronic Media Presentation System
ชอผลงาน
ผวจย
ผวจยรวม
ปทท าการวจย
ชวงระยะเวลาทท าวจย
ประเภท
วตถประสงค
Download File
หนาแสดงผลงาน
ภาพท 28 หนาแสดงผลงาน
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
Electronic Media Presentation System
หนาแรก เกยวกบเรา ผลงาน ผวจย คนหา ตดตอเรา
ขอแนะน าการใชงาน
Submit Cancel
หนาคนหาผลงานตางๆ
ชอผวจย
ภาพท 29 แสดงหนาการคนหาผลงาน
ผลงานวจย
ผลงานการแขงขน
เอกสารทเกยวของตางๆ
ผวจย
คนหาผลงาน
ชอเรอง
ป พศ
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
6 ขอจ ากดของการวจย
- สามารถเกบผลงานลงฐานขอมลไดอยางสะดวกดวยการกรอกขอมลผานฟอรมรบขอมลตางๆ
- User Interface เปนภาษาไทย
- ปรบแตงโมดลใหผใชสามารถใชงานระบบไดงาย
- แบงสดสวนการท างานโดยแบงตามผใชงาน
7 สถานทท าวจย หองปฏบตการคอมพวเตอร ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน
8 ประโยชนทคาดวาจะไดรบ
1 เรยนรถงวธการพฒนาการน าเสนอใหอยในลกษณะการน าเสนอแบบสออเลกทรอนกส เพอใชเพม
ประสทธภาพการน าเสนอใหดยงขน
2 สามารถน าระบบทพฒนาขนไปประยกตใชในการน าเสนอผลงานการวจยและผลงานการแขงขน
รวมทงเอกสารอนๆ ทเกยวของกบภาควชาวทยาการคอมพวเตอรได เพอเพมประสทธภาพและความนาสนใจ
ใหกบรปแบบการน าเสนอมากยงขน
3ในดานการคนหาผลงานและเอกสารอนๆ ทเกยวของ มความสะดวกรวดเรวมากขน
9 แผนและระยะเวลาด าเนนงาน
ในการด าเนนการวจยระบบงาน มขนตอนการท างานดงตอไปน 1) ปรกษาเรองหวขอในการท าโครงงาน 2) รวบรวมขอมล
- ศกษาปญหาตางๆ ของระบบทตองการน ามาพฒนา - วตถประสงคของการพฒนาระบบ - ประโยชนทจะไดจากระบบทพฒนาขนมา
3) น าเสนอหวขอโครงงาน 4) ศกษาทฤษฏแบะงานวจยทเกยวของในการท าโครงงาน 5) ศกษาเทคโนโลยและเครองมอทน ามาใชในการท าโครงงาน 6) วเคราะหรายละเอยดของระบบตามความตองการของผใช
- วเคราะหความตองการของผใชระบบและขอบเขตของระบบ - วเคราะหรปแบบการน าเสนอ
7) ออกแบบโครงสรางของระบบและฐานขอมล - ออกแบบระบบตามความตองการของผใช - ออกแบบฐานขอมลของระบบ
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
8) ออกแบบในสวนของ Interface ของระบบทสวนตดตอกบผใช 9) สรางเวบแอพพลเคชนในสวนของระบบตางๆ ตามทไดออกแบบไว 10) ทดสอบความถกตองของระบบ 11) ปรบปรงและเพมเตมในสวนทยงไมสมบรณ 12) จดท าเอกสารเปนคมอประกอบการใชงาน
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
ขนตอนการท างาน
2554 2555
มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม มกราคม กมภาพนธ
1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-30 1-15 16-31 1-15 16-31 1-15 16-29
ปรกษาเรองหวขอ
รวบรวมขอมล
น าเสนอหวขอโครงงาน
ศกษาทฤษฏและงานวจยทเกยวของ
ศกษาเทคโนโลยและเครองมอ
วเคราะหรายละเอยดของระบบตาม
ความตองการของผใช
ออกแบบโครงสรางและฐานขอมล
ออกแบบในสวนของ Interface ทเปน
สวนตดตอกบผใช
สรางเวบแอพพลเคชนในสวนของ
ระบบตามทไดออกแบบ
ทดสอบความถกตองของระบบ
ปรบปรงในสวนทยงไมสมบรณ
จดท าเอกสารเปนคมอประกอบการ
ใชงาน
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
10 งบประมาณ
หมวดอปกรณ
คาวสดส านกงาน ( กระดาษ ปากกา และอนๆ ) 500 บาท
คาหนงสอศกษาเพมเตม 1000 บาท
คาวสดคอมพวเตอร ( แผนดสก ซด และอนๆ ) 1000 บาท
หมวดคาใชสอย
คาจดรปเลม 1000 บาท
คาถายเอกสาร 1000 บาท
คา Print เอกสาร 1000 บาท
รวมทงหมด 5500 บาท
11 เอกสารอางอง
[1] คลงหนงสออเลกทรอนกสประเทศไทย (มมป) ระบบของ ebooksinth ท างานอยางไร คนขอมล 9 มถนายน 2554 จาก httpwwwebooksinthhowitworkshtml
[2] มหาวทยาลยมหาสารคาม (2551) สออเลกทรอนกส(Electronics media) คนขอมล 27 มถนายน 2554 จาก httpelearningmsuacthgege510012003docdocd02d02_3doc
[3] วงศกร กลาโชตพวง (2554) e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogkaka2011462832
[4] เศรษฐพงศ มะลสวรรณ (2553) E-magazine คนขอมล 16 มถนายน 2554 จาก httpwwwvcharkarncomvarticle41875
[5] เสาวลกษณ ญาณสมบต (2545) การพฒนาหนงสออเลกทรอนกส เรองนวตกรรมการสอนทยดผเรยนเปนส าคญ วทยานพนธศกษาศาสตรมหาบณฑต สาขาเทคโนโลยการศกษามหาวทยาลยเกษตรศาสตร
[6] S rattana (2551) กรณศกษา e-book คนขอมล 8 มถนายน 2554 จาก httpwwwlearnersinthblogcom4ed1066128785
[7] สทธลกษณ สงหางหวา (2551) การผลตหนงสออเลกทรอนกสโดยใชการด าเนนเรองแบบสาขา
วทยานพนธ ศกษาศาสตรมหาบณฑต สาขาวชาเทคโนโลยการศกษา บณฑตวทยาลย
มหาวทยาลยขอนแกน
[8] สภาภรณ สปปเวสม (2545) การสรางหนงสออเลกทรอนกสทเขยนจากโปรแกรม Adobe Acrobat
คณะเทคโนโลย มหาวทยาลยเชยงใหม ฐานขอมลเอกสารฉบบเตมในรปอเลกทรอนกส
(มหาวทยาลยเชยงใหม)
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท
[9] วรรณา ณาโฉมฉน (2553) ขอดและขอจ ากดของสอ คนขอมล 27 มถนายน 2554 จาก
httpwwwlearnersinthblogwannabu00363588
[10] ldquoA Development of E-Book Writer Programrdquo (2554) คนขอมล 4 กรกฎาคม 2554 จาก
httpresearch-allblogspotcom201101development-of-e-book-writer-program-1html
[11] ส านกงานเลขาธการสภาการศกษา (2550) ฐานขอมลการวจย คนขอมล 4 กรกฎาคม 2554 จาก
httpwwwthaiedresearchorgthaied
[12] มหาวทยาลยบรพา (2551) หลกการและเหตผล คนขอมล 4 กรกฎาคม 2554 จากhttpe-
researchbuuacthcodereasonphp
[13] ศวพร ชงสจจา (2554) E-book คนขอมล 6 กรกฎาคม 2554 จาก
httpsivaporn94blogspotcom201102e-bookhtml
[14] โรงเรยนเทศบาลวดทาสะตอย (2552) การสรางหนงสออเลกทรอนกส คนขอมล 6 กรกฎาคม 2554 จากhttpwwwthaigoodviewcomnode47994
[15] บญเลศ อรณพบลย (2550) Multimedia e-Book ดวย Flip Album 60 คนขอมล 19 กรกฎาคม 2554 จาก httpwwwoknationnetblogfreeday88820090908entry-1
ลงชอผท าโครงงาน
( นางสาวกมลชนก สามคคมตร )
( นางสาวนสราวด โรปรมย )
วนท
ลงชออาจารยทปรกษาโครงงาน
( รศดร สมจตร อาจอนทร )
วนท