proposal ict2

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

ภาควชาวทยาการคอมพวเตอร

คณะวทยาศาสตร



หนาหลก ( เมอผานการ Login เรยบรอยแลว )

ภาพท 26 แสดงหนาหลก ทผานการ Login แลว

ผลงานวจยลาสด

ผลงานการแขงขนลาสด

เอกสารทเกยวของลาสด


ขอแนะน าการใชงาน




หนาผลงาน

ผลงานวจย

ผลงานการแขงขน

เอกสารทเกยวของ

ภาพท 27 แสดงหนาของผลงานตางๆ ทแบงเปนหมวดหมแลว



ผวจย

ผวจยรวม

ปทท าการวจย

ชวงระยะเวลาทท าวจย

ประเภท


Download File

หนาแสดงผลงาน

ภาพท 28 หนาแสดงผลงาน





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 หมวด คอ ผลงานการวจย ผลงานการแขงขน

และเอกสารอนๆ ทเกยวของ เพอสนบสนนใหเกดความสะดวกในการเขาถงผลงาน ท าใหผทสนใจสามารถ


























On Demand )















พรอมกน
















































































































































































































































3) Use case diagram







ผลงาน


ผลงาน




4) Activity diagram




































































User

Inter

face L

evel

Appli

catio

n Lev

el

Datab

ase L

evel














































ประเภท

















Username























ผวจย




ประเภท


Download File







Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท


























On Demand )















พรอมกน
















































































































































































































































3) Use case diagram







ผลงาน


ผลงาน




4) Activity diagram




































































User

Inter

face L

evel

Appli

catio

n Lev

el

Datab

ase L

evel














































ประเภท

















Username























ผวจย




ประเภท


Download File







Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท















พรอมกน
















































































































































































































































3) Use case diagram







ผลงาน


ผลงาน




4) Activity diagram




































































User

Inter

face L

evel

Appli

catio

n Lev

el

Datab

ase L

evel














































ประเภท

















Username























ผวจย




ประเภท


Download File







Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท




































































































































































































































3) Use case diagram







ผลงาน


ผลงาน




4) Activity diagram




































































User

Inter

face L

evel

Appli

catio

n Lev

el

Datab

ase L

evel














































ประเภท

















Username























ผวจย




ประเภท


Download File







Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท

4) Activity diagram




































































User

Inter

face L

evel

Appli

catio

n Lev

el

Datab

ase L

evel














































ประเภท

















Username























ผวจย




ประเภท


Download File







Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท

























































User

Inter

face L

evel

Appli

catio

n Lev

el

Datab

ase L

evel














































ประเภท

















Username























ผวจย




ประเภท


Download File







Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท












































ประเภท

















Username























ผวจย




ประเภท


Download File







Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท















Username























ผวจย




ประเภท


Download File







Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท



















ผวจย




ประเภท


Download File







Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท




Submit Cancel


ชอผวจย





ผวจย


ชอเรอง

ป พศ






















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
















ใชงาน







































วนท



วนท






















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
















ใชงาน







































วนท



วนท







































วนท



วนท

proposal ict2

Documents