electronic media presentation system

36
ผผผผผผผผผผผผผ : ผผผผผผผผผผผผ ผผผผผผผผผผผ ผผผผ 513020388- 3 ผผผผผ ผผผผผผผผผ ผผผผผผผผ ผผผผ 513020399-8 ผผผผผผผผผผผผผผผผผผผผผผผผผผผผผผผผผผ ผผผผผผผผผผผผผผ ผผผผผผผผผผผผผผผผผผ ผผผผผผผผผผผผผผผผ : ผผ.ผผ. ผผผผผผ ผผผผผผผผผ

Upload: mekwang-kreng

Post on 18-Dec-2014

780 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Electronic media presentation system

ผู้��ดำ��เนินิก�ร : นิ�งส�วกมลชนิก ส�ม�คค�มตร รหั�ส 513020388-3 นิ�งส�วนิสร�วดำ� โรปร�มย์� รหั�ส 513020399-8ส�ข�เทคโนิโลย์�ส�รสนิเทศและก�รส!"อส�ร คณะวทย์�ศ�สตร� มหั�วทย์�ล�ย์ขอนิแก%นิอ�จ�รย์�ท�"ปร'กษ� : รศ.ดำร . สมจตร อ�จอนิทร�

Page 2: Electronic media presentation system
Page 3: Electronic media presentation system

ภาควิ�ชาวิ�ทยาการคอมพิ�วิเตอร�ม�ผลงานมากมาย ได้�แก� ผลงานการวิ�จั�ย ผลงานการแข่�งข่�นและเอกสารอ!"นๆ ท�"เก�"ยวิข่�อง แต�เน!"องจัากผลงานด้�งกล�าวิม�การจั�ด้เก%บท�"ไม�เป็(นระบบ ท)าให้�ยากต�อการค�นห้า

ร,ป็แบบการน)าเสนอผลงานย�งเป็(นร,ป็แบบการน)าเสนอแบบเด้�มท�"ย�งไม�ม�เทคโนโลย�ส!"ออ�เล%กทรอน�กส�เข่�ามาช�วิยมากน�ก

Page 4: Electronic media presentation system

แนิวท�งแก�ไขป*ญหั�

o ภาควิ�ชาวิ�ทยาการคอมพิ�วิเตอร�สามารถน)าระบบท�"พิ�ฒนามาจั�ด้การก�บ ผลงานต�างๆ อย�างไร เพิ!"อท)าให้�ม�การค�นห้าผลงานได้�อย�างสะด้วิกo สามารถน)าระบบมาช�วิยส)าห้ร�บการน)าเสนอผลงานต�างๆ ให้�ม�ควิาม น�าสนใจัได้�อย�างไรo ใช�ระบบจั�ด้การฐานข่�อม,ลในการจั�ด้เก%บและการจั�ด้การก�บข่�อม,ลข่องผลงานo ใช�โป็รแกรม Flip Album ในสร�างผลงานต�างๆ เพิ!"อใช�ในการน)าเสนอผลงาน

ป*ญหั�

Page 5: Electronic media presentation system

ว�ตถุ-ประสงค�1. เพิ!"อพิ�ฒนาระบบจั�ด้การผลงานต�างๆ ให้�ม�ควิามสะด้วิกในการค�นห้า ส)าห้ร�บผ,�ท�"สนใจัศึ2กษาและค�นควิ�าผลงานต�างๆ 2. เพิ!"อออกแบบและพิ�ฒนาระบบการน)าเสนอส!"ออ�เล%กทรอน�กส�เพิ!"อใช� ส)าห้ร�บการน)าเสนอผลงานต�างๆ ข่องภาควิ�ชาวิ�ทยาการคอมพิ�วิเตอร� โด้ยม4�งเน�นการน)าเสนอท�"ม�ร,ป็แบบท�"เห้มาะสมและเพิ�"มควิามน�าสนใจั ให้�ก�บผลงานท�"จัะเผยแพิร�

Page 6: Electronic media presentation system

1. พั�ฒนิ�ส%วนิก�รจ�ดำก�รระบบ (Back Office )

• จั�ด้การข่�อม,ลพิ!5นฐาน• Upload file ผลงานต�างๆ ลงในระบบ• บ�นท2ก ลบ แก�ไข่ข่�อม,ลและรายละเอ�ยด้ต�างๆ ข่องผลงาน

• อ�านเน!5อห้าห้ร!อข่�อม,ลข่องผลงานต�างๆ• ค�นห้าข่�อม,ล• ด้าวิน�โห้ลด้ผลงานต�างๆ

2. พั�ฒนิ�ส%วนิหันิ��จอผู้��ใช�ง�นิท�"วไป (Front Office )

Page 7: Electronic media presentation system

2. สามารถน)าระบบท�"พิ�ฒนาไป็ป็ระย4กต�ใช�น)าเสนอผลงานต�างๆ ข่อง ภาควิ�ชาวิ�ทยาการคอมพิ�วิเตอร�ได้� เพิ!"อเพิ�"มป็ระส�ทธิ�ภาพิและควิาม น�าสนใจัให้�ก�บร,ป็แบบการน)าเสนอ 3. ในด้�านการค�นห้าผลงานต�างๆ ม�ควิามสะด้วิกรวิด้เร%วิมากข่25น

1. เร�ยนร, �ถ2งวิ�ธิ�การพิ�ฒนาการน)าเสนอให้�อย,�ในล�กษณะส!"ออ�เล%กทรอน�กส� เพิ!"อใช�เพิ�"มป็ระส�ทธิ�ภาพิการน)าเสนอให้�ด้�ย�"งข่25น

Page 8: Electronic media presentation system

ส!"ออเล2กทรอนิกส�เป็(นส!"อท�"ม�ล�กษณะข่องส!"อ

ป็ระสม ห้ร!อม�ลต�ม�เด้�ยท�"สามารถแสด้งผลออกมาห้ลายร,ป็แบบ เช�น ม�เส�ยง เป็(นภาพิเคล!"อนไห้วิ เป็(นต�น

เม!"อน)ามาใช�เร�ยนร, �บนเวิ%บไซต�จั2งกลายแห้ล�งควิามร, �ท�"เป็9ด้กวิ�างให้�ผ,�ท�"ต�องการศึ2กษาในเร!"องใด้เร!"องห้น2"ง สามารถเข่�ามาค�นควิ�าห้าควิามร, �ได้�อย�างต�อเน!"อง และตลอด้เวิลา

Page 9: Electronic media presentation system

นิตย์ส�รอเล2กทรอนิกส�เป็(นการน)าเสนอข่�อม,ลทาง

อ�เล%กทรอน�กส�ท�"ม�ล�กษณะแตกต�างจัากร,ป็แบบส!"อโฆษณาในน�ตยสารท�"วิไป็ ซ2"งม�ป็ระส�ทธิ�ภาพิส,งและม�ล,กเล�นท�"ห้ลากห้ลาย - การแสด้งแบบภาพิ 3 ม�ต�

-ภาพิเคล!"อนไห้วิห้ร!อวิ�ด้�โอ-การแสด้งภาพิด้�วิยส�ส�นท�"

ห้ลากห้ลาย

ส�งผลให้�ผ,�อ�านสามารถเข่�าถ2งและเข่�าใจัวิ�ตถ4ป็ระสงค�ข่องโฆษณามากย�"งข่25น

Page 10: Electronic media presentation system

หันิ�งส!ออเล2กทรอนิกส�เป็(นห้น�งส!อท�"สร�างข่25นด้�วิยโป็รแกรมคอมพิ�วิเตอร� ม�ล�กษณะพิ�เศึษ ค!อ - สะด้วิกรวิด้เร%วิในการค�นห้า - สามารถเช!"อมโยงไป็ย�งส�วินต�างๆ ข่องห้น�งส!อ - สามารถแทรกภาพิ - แทรกเส�ยง - แทรกภาพิเคล!"อนไห้วิ - สามารถส�"งพิ�มพิ�เอกสารท�"ต�องการได้�

Page 11: Electronic media presentation system

ระบบจ�ดำก�รฐ�นิข�อม�ล MySQL เป็(นภาษาท�"ใช�ในการจั�ด้การ

ฐานข่�อม,ลเช�งส�มพิ�นธิ� เพิ!"อควิามสะด้วิกรวิด้เร%วิในการจั�ด้การก�บฐานข่�อม,ล เช�น - Visual Basic - Delphi - Power Builder ห้ร!อเป็(นทางด้�าน Script เช�น ASP , PHP , Perl , CGI และ JSP เป็(นต�น

Page 12: Electronic media presentation system

โปรแกรม Flip Album

เป็(นโป็รแกรมท�"ม�ควิามสามารถในการน)าเสนอส!"อออกมาในร,ป็แบบ 3D Page - Flipping interface สามารถน)าเสนอได้�สองร,ป็แบบค!อ - แบบ Offline ด้�วิยควิามสามารถ Auto Run อ�ตโนม�ต� - แบบ Online ผ�านโป็รแกรมแสด้งผลเฉพิาะ Flip Viewer

Page 13: Electronic media presentation system
Page 14: Electronic media presentation system

o ก�รสร��งหันิ�งส!ออเล2กทรอนิกส�ท�"เข�ย์นิจ�กโปรแกรม Adobe Acrobat ผลการวิ�จั�ยพิบวิ�าผ,�เร�ยนม�ผลส�มฤทธิ�>ห้ล�งเร�ยนส,งกวิ�าก�อนเร�ยนo ก�รผู้ลตหันิ�งส!ออเล2กทรอนิกส�โดำย์ใช�ก�รดำ��เนินิเร!"องแบบส�ข� ผลการวิ�จั�ยพิบวิ�าการใช�ห้น�งส!ออ�เล%กทรอน�กส�แบบการด้)าเน�นเร!"องแบบสาข่าเข่�ามาช�วิยในการน)าเสนอเน!5อห้าต�างๆ ให้�ม�ป็ระส�ทธิ�ภาพิและให้�ม�ผลในการจั,งใจัในอยากอ�านมากข่25น

Page 15: Electronic media presentation system

o ระบบ Education Research เพั!"อจ�ดำเก2บและรวบรวมผู้ลง�นิก�รวจ�ย์ต%�งๆ ท�งก�รศ'กษ� ศ�สนิ� และว�ฒนิธรรม ส�งผลให้�ผ,�ท�"เข่�ามาศึ2กษาและค�นควิ�างานวิ�จั�ยน�5นไม�เส�ยเวิลาในการค�นห้าผลงานวิ�จั�ยน�5นม�ผลช�วิยให้�ผ,�ใช�งานม�การค�นห้าผลงานได้�อย�างรวิด้เร%วิและง�ายต�อการใช�งานo ระบบจ�ดำเก2บรวบรวมข�อม�ลก�รวจ�ย์ ผลการวิ�จั�ยพิบวิ�าการใช�ระบบการจั�ด้การข่�อม,ลมาช�วิยในการจั�ด้เก%บ ท)าให้�ผ,�ใช�ได้�ร�บการตอบสนองควิามต�องการในด้�านข่�อม,ลได้�อย�างรวิด้เร%วิในการเร�ยกใช�ข่�อม,ล เพิ!"อให้�เก�ด้ควิามพิ2งพิอใจั และ เป็(นการเพิ�"มป็ระส�ทธิ�ภาพิในการท)างาน

Page 16: Electronic media presentation system
Page 17: Electronic media presentation system
Page 18: Electronic media presentation system
Page 19: Electronic media presentation system

ระบบก�รนิ��เสนิอส!"ออเล2กทรอนิกส�

ค�นห้าผลงาน

เร�ยกด้,ผลงาน

น)าผลงานออก

น)าผลงานเข่�า

ป็ร�บป็ร4งข่�อม,ลผลงาน

ด้าวิน�โห้ลด้ไฟล�

ผลงาน

ผ,�ใช�งานท�"วิไป็

ผ,�ด้,แลระบบ

Page 20: Electronic media presentation system

ระบบก�รนิ��เสนิอส!"ออเล2กทรอนิกส� (ก�รเร�ย์กดำ�ผู้ลง�นิ)

ผ,�ใช�งานท�"วิไป็ ระบบ

เข่�าส,�ห้น�าผลงานแสด้งรายการผลงานแต�ละ

ป็ระเภท

เล!อกผลงานท�"ต�องการอ�าน แสด้งรายละเอ�ยด้

ผลงาน

เสร%จัส�5นการเร�ยกด้,ผลงาน

Page 21: Electronic media presentation system

ระบบก�รนิ��เสนิอส!"ออเล2กทรอนิกส� (ก�รค�นิหั�ผู้ลง�นิ)

ผ,�ใช�งานท�"วิไป็ ระบบ

เข่�าส,�ห้น�าค�นห้า แสด้งแบบฟอร�มการ

ค�นห้าผลงาน

เล!อก Keyword

กรอกข่�อม,ลท�"ต�องการค�นห้า

ค�นห้าผลงาน

แสด้งรายการผลงาน

เสร%จัส�5นการค�นห้า

Page 22: Electronic media presentation system

ระบบก�รนิ��เสนิอส!"ออเล2กทรอนิกส� (ก�รดำ�วนิ�โหัลดำผู้ลง�นิ)

ผ,�ใช�งานท�"วิไป็ ระบบ

เข่�าส,�ห้น�าผลงาน

แสด้งรายการผลงานแต�ละ

ป็ระเภท

เล!อกผลงานท�"ต�องการ

ด้าวิน�โห้ลด้ค�นห้าไฟล�ผล

งาน

ย!นย�นการด้าวิน�โห้ลด้

แสด้งข่�อควิามย!นย�นการด้าวิน�โห้ลด้

เร�"มด้าวิน�โห้ลด้ไฟล�

เสร%จัส�5นการด้าวิน�โห้ลด้ไฟล�

Page 23: Electronic media presentation system

ระบบก�รนิ��เสนิอส!"ออเล2กทรอนิกส� (ก�รปร�บปร-งข�อม�ลผู้ลง�นิ)

ผ,�ด้,แลระบบ ระบบ

เข่�าส,�ห้น�าป็ร�บป็ร4งข่�อม,ลผลงาน

แสด้งห้น�าป็ร�บป็ร4งผลงาน

เล!อกผลงานท�"ต�องการป็ร�บป็ร4ง

แสด้งแบบฟอร�มป็ร�บป็ร4งผลงาน

กรอกรายละเอ�ยด้ผลงาน

ป็ร�บป็ร4งข่�อม,ลผลงาน

บ�นท2กการป็ร�บป็ร4ง

เสร%จัส�5นการป็ร�บป็ร4ง

Page 24: Electronic media presentation system

ระบบก�รนิ��เสนิอส!"ออเล2กทรอนิกส� (ก�รนิ��ผู้ลง�นิเข��)ผ,�ด้,แลระบบ ระบบ

เข่�าส,�ห้น�า Upload ผลงาน

แสด้งแบบฟอร�มเพิ�"มข่�อม,ลและแนบ

ไฟล�ผลงาน

กรอกรายละเอ�ยด้ผลงาน

ตรวิจัสอบไฟล�ผลงาน

ย!นย�นการน)าเข่�าผลงาน

Upload ไฟล�

เพิ�"มข่�อม,ลและไฟล�ผลงาน

แนบไฟล�ผลงาน

เสร%จัส�5นการน)าผลงานเข่�า

Page 25: Electronic media presentation system

ระบบก�รนิ��เสนิอส!"ออเล2กทรอนิกส� (ก�รนิ��ผู้ลง�นิออก)

ผ,�ด้,แลระบบ ระบบ

เข่�าส,�ห้น�า Upload ผลงาน

แสด้งแบบฟอร�มเพิ�"มข่�อม,ลและแนบ

ไฟล�ผลงาน

กรอกรายละเอ�ยด้ผลงาน

ตรวิจัสอบไฟล�ผลงาน

ย!นย�นการน)าเข่�าผลงาน

Upload ไฟล�

เพิ�"มข่�อม,ลและไฟล�ผลงาน

แนบไฟล�ผลงาน

เสร%จัส�5นการน)าผลงานเข่�า

Page 26: Electronic media presentation system

เข่�าส,�ระบบ Back Office เพิ!"อแสด้งส�ทธิ�ในการเข่�าใช�ระบบ

Page 27: Electronic media presentation system

ออกจ�กระบบ

รายช!"อผลงานท�5งห้มด้

รายช!"อผลงานท�5งห้มด้ แก�ไข่/ลบข่�อม,ล

ผลงาน

แก�ไข่/ลบข่�อม,ลผลงาน Upload ผล

งาน

Upload ผลงาน

Delete ผลงานออก

เม!"อเข่�าส,�ระบบแล�วิ ระบบจัะแสด้งห้น�าห้ล�ก โด้ยม�เมน,ให้�ผ,�ด้,แลระบบได้�เล!อก

Page 28: Electronic media presentation system

ออกจ�กระบบ

ร�ย์ช!"อผู้ลง�นิท�6งหัมดำ

ร�ย์ช!"อผู้ลง�นิท�6งหัมดำ

การวิ�จั�ยการตลาด้และระบบสารสนเทศึ

วิารสาวิ�จั�ย มข่.ระบบสารสนเทศึทางภ,ม�ศึาสตร�

โครงการวิ�จั�ยระบบการเง�นระด้�บจั4ลภาค

ต�วิอย�างห้น�าเวิ%บแอพิพิล�เคช�"นข่องส�วินเมน,รายช!"อผลงานท�5งห้มด้

Page 29: Electronic media presentation system

ออกจ�กระบบ

แก�ไขข�อม�ลผู้ลง�นิ

แก�ไขข�อม�ลผู้ลง�นิ

ต�วิอย�างห้น�าเวิ%บแอพิพิล�เคช�"นข่องส�วินเมน,แก�ไข่ป็ร�บป็ร4งข่�อม,ลผลงาน

Page 30: Electronic media presentation system

Upload ผู้ลง�นิ

Upload ผู้ลง�นิ

ช!"อผลงานช!"อผ,�วิ�จั�ยป็@ท�"ท)าการวิ�จั�ยวิ�ตถ4ป็ระสงค�แนบไฟล�ผลงาน

ป็ระเภท

ช!"อผ,�วิ�จั�ยร�วิม

ระยะเวิลาท)าการวิ�จั�ย

ออกจ�กระบบ

ต�วิอย�างห้น�าเวิ%บแอพิพิล�เคช�"นข่องส�วินเมน,เพิ�"มข่�อม,ลและแนบไฟล�ผลงาน

Page 31: Electronic media presentation system

ออกจ�กระบบ

Delete ผู้ลง�นิออก

Delete ผู้ลง�นิออก

ต�วิอย�างห้น�าเวิ%บแอพิพิล�เคช�"นข่องส�วินเมน,การลบข่�อม,ลและไฟล�ผลงานออกจัากระบบ

Page 32: Electronic media presentation system

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

คณะวิ�ทยาศึาสตร�มห้าวิ�ทยาล�ยข่อนแก�น

Electronic Media Presentation System

ผู้ลง�นิวจ�ย์ล%�ส-ดำ

ผู้ลง�นิก�รแข%งข�นิล%�ส-ดำ

หันิ��แรก เก�"ย์วก�บเร� ผู้ลง�นิ ผู้��วจ�ย์ ค�นิหั� ตดำต%อเร� ข�อแนิะนิ��

ก�รใช�ง�นิข�อแนิะนิ��ก�รใช�ง�นิ

Page 33: Electronic media presentation system

Electronic Media Presentation System

หันิ��แรก เก�"ย์วก�บเร� ผู้ลง�นิ ผู้��วจ�ย์ ค�นิหั� ตดำต%อเร� ข�อแนิะนิ��

ก�รใช�ง�นิข�อแนิะนิ��ก�รใช�ง�นิ

ผู้ลง�นิวจ�ย์

ผู้ลง�นิก�รแข%งข�นิ

เอกส�รท�"เก�"ย์วข�อง

Electronic Media Presentation System

หันิ��แรก เก�"ย์วก�บเร� ผู้ลง�นิ ผู้��วจ�ย์ ค�นิหั� ตดำต%อเร�

ช!"อผลงานผ,�วิ�จั�ย

ผ,�วิ�จั�ยร�วิมป็@ท�"ท)าการวิ�จั�ยช�วิงระยะเวิลาท�"

ท)าวิ�จั�ยป็ระเภท

วิ�ตถ4ป็ระสงค�Download

File

Page 34: Electronic media presentation system

Electronic Media Presentation System

หันิ��แรก เก�"ย์วก�บเร� ผู้ลง�นิ ผู้��วจ�ย์ ค�นิหั� ตดำต%อเร� ข�อแนิะนิ��

ก�รใช�ง�นิข�อแนิะนิ��ก�รใช�ง�นิ

ผลงานวิ�จั�ยผลงานการแข่�งข่�นเอกสารท�"เก�"ยวิข่�อง

ต�างๆผ,�วิ�จั�ย

ค�นิหั�ผู้ลง�นิ

ค�นิหั�ผู้ลง�นิ

ช!"อเร!"องช!"อเร!"อง

ป7 พั.ศ.ป7 พั.ศ.

ช!"อผู้��วจ�ย์ช!"อผู้��วจ�ย์

SubmitSubmit

CancelCancel

Page 35: Electronic media presentation system

ข�6นิตอนิก�รท��ง�นิ

2554 2555ม�ถ4นายน กรกฎาค

มส�งห้าคม ก�นยายน ต4ลาคม พิฤศึจั�กา

ยนธิ�นวิาคม มกราคม ก4มภาพิ�นธิ�

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

ป็ร2กษาเร!"องห้�วิข่�อรวิบรวิมข่�อม,ลน)าเสนอห้�วิข่�อโครงงานศึ2กษาทฤษฏี�และงานวิ�จั�ยท�"เก�"ยวิข่�องศึ2กษาเทคโนโลย�และเคร!"องม!อวิ�เคราะห้�รายละเอ�ยด้ข่องระบบออกแบบโครงสร�างและฐานข่�อม,ลออกแบบในส�วินข่อง Interface ท�"เป็(นส�วินต�ด้ต�อก�บผ,�ใช�สร�างเวิ%บแอพิพิล�เคช�"นข่องระบบตามท�"ได้�ออกแบบทด้สอบควิามถ,กต�องข่องระบบป็ร�บป็ร4งส�วินท�"ไม�สมบ,รณ�จั�ด้ท)าเอกสารค,�ม!อการใช�งาน

Page 36: Electronic media presentation system