a development of a web application for listening to...
TRANSCRIPT
โครงงานสถต Senior Project
สาขา เทคโนโลยสารสนเทศเพอธรกจ
ภาควชาสถต คณะพาณชยศาสตรและการบญช จฬาลงกรณมหาวทยาลย
เรอง
51B09 การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง
A Development of a Web Application for Listening to Radio Station Broadcasting on Demand
โดย
484 20226 26 นางสาวณฐณ เจรญสขสมบรณ
อาจารยทปรกษา คณะกรรมการ อ.ดร. จนทรเจา มงคลนาวน รศ. ศรชย พงษวชย
ผศ.ดร. ชชพงศ ตงมณ
ปการศกษา 2551
โครงงานสถต Senior Project
สาขา เทคโนโลยสารสนเทศเพอธรกจ
ภาควชาสถต คณะพาณชยศาสตรและการบญช จฬาลงกรณมหาวทยาลย
เรอง
51B09 การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง
A Development of a Web Application for Listening to Radio Station Broadcasting on Demand
โดย
484 20226 26 นางสาวณฐณ เจรญสขสมบรณ
อาจารยทปรกษา คณะกรรมการ อ.ดร. จนทรเจา มงคลนาวน รศ. ศรชย พงษวชย
ผศ.ดร. ชชพงศ ตงมณ
ปการศกษา 2551
i
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
บทคดยอ
บทคดยอ
สถานวทยจานวนมากใหความสนใจกบการกระจายเสยงผานทางระบบอนเตอรเนต เพราะสถานวทยจะเปนลกษณะสถานวทยทองถน ทผฟงจะฟงไดแตเฉพาะพนททมอยในรศมการสงสญญาณเทานน กลมคนฟงมแตคนทอยอาศยในทองถนเดยวกน ซงการกระจายเสยงผานระบบอนเตอรเนตจะทาใหสามารถกระจายเสยงสกลมผฟงไดมากขน
โลกของอนเตอรเนต ทาใหสงตางๆทวทกมมโลกเหมอนมาอยใกลกนมากขน ไมวาผคนจากประเทศหรอทวปไหนในโลกตางกมการใชระบบอนเตอรเนตเปนสอกลางในการแลกเปลยนขอมล ขาวสาร พดคยกน ทาใหชวตประจาวนของคนสมยนจาตองผกตดกบอนเตอรเนตมากขน การทสถานวทยนาเสนออกหนงชองทางในการเลอกฟงใหกบผฟงทจะเขาไปฟงผานระบบอนเตอรเนต กจะทาใหการกระจายเสยงมประสทธภาพครอบคลมถงผฟงมากขน ทงยงอานวยความสะดวกตอผฟงทอยไกลจากรศมการสงสญญาณ แตตองการจะฟงรายการของสถานวทยดวย อกทงการออกอากาศผานอนเตอรเนตนนกมตนทนดาเนนการทไมสง
อยางไรกตาม การใหผฟงไดรบฟงแตการออกอากาศสดอยางเดยวคงไมพอ การเพมบรการทใหผฟงเลอกไดวาตองการจะฟงรายการทออกอากาศไปแลว โดยทาเปนระบบใหฟงยอนหลง สามารถเลอกไดวาจะฟงวนไหน เวลาไหน จะเปนการกระจายเสยงทมประสทธภาพขนไปอก การทใหผฟงสามารถเลอกฟงรายการไดตามความความตองการของตนคงไมสามารถกระทาไดผานการกระจาบเสยงวทยแบบปกต แตเนองมาจากระบบอนเตอรเนตมเทคโนโลยตางๆ มากมายทเขามารองรบ ทงยงสามารถลดขอจากดของการกระจายเสยงในอดต ทนยมมากในปจจบนจะเปนในสวนของเวบไซตทเปดใหสามารถเขาไปชมรายการของสถานโทรทศนยอนหลงได อยางไรกตามวงการวทยยงนามาใชกนไมมาก แตผฟงวทยกไมตางจากผชมรายการโทรทศนทอาจจะอยากดหรอฟงรายการโปรด แตวาพลาดไปเพราะตดภาระกจอน ดงนนผพฒนาระบบจงคดทาเวบแอปพลเคชนทสามารถรบฟงรายการยอนหลงได
โครงงานนไดใชเทคโนโลยของภาษา PHP และ MySQL เขามาพฒนาในสวนของเวบแอปพลเคชน เพราะเนองมาจากหาดาวนโหลดไดงาย และสามารถคนหาคมอมากมายไดทางอนเตอรเนต และมการใชซอฟตแวรอนๆเขามาชวยในการจดการสวนทเปนการกระจายสญญาณเสยงจากสถาน ไปยงเครอขายอนเตอรเ นต และใชซอฟตแวรชวยในการบนทกเสยงตามเวลาทกาหนดได ผประกอบการของสถานวทยสามารถนาไปปรบปรงใชเพอการกระจายเสยงผานระบบอนเตอรเนตทมประสทธภาพและตอบสนองความตองการของผฟงรปแบบตางๆไดมากยงขน
ii
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สารบญ
กตตกรรมประกาศ
โครงงานนจะสาเรจลลวงไปดวยด ตองขอขอบพระคณบคคลตางๆมา ณ โอกาสน
• ขอขอบพระคณ อาจารยดร. จนทรเจา มงคลนาวน อาจารยทปรกษาในโครงงาน ทกรณาใหคาแนะนาตางๆทดตอการพฒนาโครงงาน และชวยผลกดนใหงานสามารถสาเรจลลวงไปดวยด
• ขอขอบพระคณรองศาตราจารยศรชย พงศวชย และผชวยศาสตราจารยดร. ชชพงศ ตงมณ คณะกรรมการสอบโครงงาน ทใหขอเสนอแนะ และตชม ซงมประโยชนในการทาใหโครงงานฉบบนสมบรณมากยงขน
• ขอขอบพระคณ คณพอคณแม ทคอยเปนหวง ดแลเอาใจใสและถามถงความเปนไปของโครงการ และใหกาลงใจเสมอมา
• ขอขอบพระคณคณาจารยภาควชาสถต และคณาจารยผสอนทกทาน ทไดอบรม สงสอนความรมาตลอด 4 ป
• ขอขอบคณพเปล ทอนญาตใหใชสถานวทยในการทาโครงงาน
• ขอขอบคณดเจและทมงานทกๆทานในสถานวทย ทคอยชวยเหลอและใหความรวมมอในการทาโครงงานครงน
• ขอขอบคณพปอ ทคอยชวยเหลอและใหคาปรกษาในการทาสถานวทยออนไลน
• ขอขอบคณสณ ทชวยใหการหาโปรแกรมอดเสยงสาเรจลลวงไปดวยด
• ขอขอบคณปลา แอน สาหรบการชวยเหลอเกยวกบการทาเวบแอพพลเคชน
• ขอขอบคณเพอนๆใน BIT และ STAT 38 ทกคน ทเรยนดวยกนมาตลอด 4 ป คอยเปนหวงเปนใยความคบหนาของโครงงาน ชวยเหลอ และใหกาลงใจกนเสมอ โดยเฉพาะดว เบน และพยยทอยดวยกนมาตลอดเวลา
• ขอขอบคณเพอนในกลม ไมวาจะเปนโบ ศร ตอง จน ออ เอ ขวญ และเมย ถงแมวาจะแยกมาเรยน BIT คนเดยวแตเพอนๆกใหกาลงใจกนมาตลอด
• และขอขอบคณทมสวนชวยเหลอในโครงงานฉบบน ทไมไดกลาวถงไวกอนหนา ดวยความชวยเหลอและกาลงใจของทกคนทาใหสาเรจลลวงไปไดดวยด
บรรณานกรม 76
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
บรรณานกรม
กตศกด เจรญโภคานนท. คมอการเขยนเวบอคอมเมรซดวย PHP 5. พมพครงท 1. กรงเทพฯ : ซคเซส
มเดย, 2550
ชนวฒน ศรสอาน และสทธชย มณรตนรงโรจน, เอกสารประกอบการบรรยาย : การสอสารทางไกลและ
เครอขาย, มหาวทยาลยเทคโนโลยสรนาร . นครราชสมา: 2542
อาไพ พรประเสรฐกล. การวเคราะหและออกแบบระบบ. พพมครงท 3. กรงเทพฯ : ศนยหนงสอ
อเลคทรอนคและคอมพวเตอรแหงชาต, 2540
กระแสทศน. “ธรกจวทย การแขงขนสง ในขณะทกตกายงไมมความชดเจน.” เศรษฐวเคราะห 11, 7
(2548)
“การ convert รหส UTF-8 และรหส TIS-620 กลบไปกลบมาในPHP.” [ออนไลน]. เขาถงไดจาก:
http://www.expert2you.com/view_article.php?art_id=1397 2547
“จดการขอมลดวยการ Edit และ Delete ในภาษา PHP.” [ออนไลน]. เขาถงไดจาก:
http://www.arip.co.th/2006/mag_list.php?g3=3&ofsy=2002&ofsm=9&id=CTM&g3s=3&halfm
onth=1&mag_no=198&element_id=405551 2545
“เทคโนโลยการสอสารขอมล.” [ออนไลน] เขาถงไดจาก:
http://www.hs1an.org/index.php?option=com_content&task=view&id=551&Itemid=31 2550
“รจก Streaming Media Technology.” [ออนไลน]. เขาถงไดจาก:
http://www.nextproject.net/contents/default.aspx?00036
“สอนภาษา PHP” [ออนไลน] เขาถงไดจาก:
http://www.webthaidd.com/php/ 2551
“PHP Documentary” [Online]. Available:
http://www.php.net/docs.php
“SimpleCast Documentary.” [Online]. Available:
http://support.spacialaudio.com/wiki/SimpleCast
iii
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สารบญ
สารบญ
บทท 1 บทนา 1
1.1 ความสาคญและทมาของโครงการ 1
1.2 วตถประสงคโครงงาน 2
1.3 ขอบเขตของการศกษา 2
1.4 วธการศกษา 2
1.5 ประโยชนทคาดวาจะไดรบ 3
บทท 2 การกระจายเสยงของสถานวทย 4
2.1 การสอสารโดยใชคลนวทย 4
2.2 บทบาทของอนเตอรเนตในการกระจายเสยงของสถานวทย 7
2.3 Streaming Media Technology 11
2.3.1 การ Streaming โดยใช Web Server 12
2.3.2 การ Streaming โดยใช Streaming Media Server 12
2.3.3 Streaming Media Software 13
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 17
3.1 เครองมอทใชในการกระจายเสยง17
3.1.1 เปรยบเทยบคณสมบตของโปรแกรมทใชในการกระจายเสยง 17
3.1.2 การใชงานโปรแกรม SimpleCast : การตงคา 21
iv
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สารบญ
3.2 เครองมอสาหรบการบนทกเสยงตามวนและเวลาทกาหนด 27
3.2.1 เปรยบเทยบคณสมบตของโปรแกรมสาหรบการบนทกเสยงตาม
วนและเวลาทกาหนด 27
3.2.2 ความรเบองตนเกยวกบ Batch File 30
3.3.3 การใชงานโปรแกรม Simple Recorder and Scheduler :
การตงเวลาในการบนทก 32
3.3 เครองมอทใชในการจดการในสวนของอนเตอรเฟสและฐานขอมลของ
เวบแอปพลเคชน 40
3.1.1 AppServ 2.5.10 40
3.1.1 Macromedia Dreamweaver 8 45
บทท 4 การออกแบบและพฒนาระบบ 47
4.1 การวเคราะหความตองการของระบบ 47
4.1.1 สวนของผใชเวบแอปพลเคชน 47
4.1.2 สวนของผจดการระบบของเวบแอปพลเคชน 47
4.2 ขอจากดของระบบ 48
4.3 การออกแบบเวบแอปพลเคชน 49
4.3.1 โครงสรางเมนหลกภายในเวบไซต 49
4.3.2 โครงสรางหนาเวบ 50
4.4 การทางานของฟงกชนในเวบแอปพลเคชน 51
4.4.1 สวนของผใชเวบแอปพลเคชน 51
v
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สารบญ
4.4.2 สวนของผจดการระบบ 55
4.5 การทางานของเวบแอปพลเคชน 60
4.5.1 สวนของผใชเวบแอปพลเคชน 60
4.5.2 สวนของผจดการระบบ 67
บทท 5 บทสรปและขอเสนอแนะ 72
5.1 บทสรปจากการพฒนาโครงการ 72
5.2 ปญหา อปสรรค และขอจากดของระบบ 74
5.3 ขอเสนอแนะและแนวทางการพฒนาโปรแกรม 75
บรรณานกรม 76
ภาคผนวก 77
ก. การตดตงและใชงานโปรแกรม 77
ข. Entity Relationship Diagram 87
ค. Data Dictionary 89
ง. คาอธบายศพทเฉพาะ 92
vi
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สารบญรปภาพ
สารบญรปภาพ
รปท 2-1 แสดงการสอสารขอมลทศทางเดยว 4 รปท 2-2 แสดงการสอสารขอมลสองทศทางสลบกน 4 รปท 2-3 แสดงการสอสารขอมลสองทศทางพรอมกน 5 รปท 2-4 แสดงกระบวนการสงสญญาณวทย 5 รปท 2-5 แสดงกระบวนการททาใหสญญาณวทยสงไดไกลขน 6 รปท 2-5 แสดงหนาจอของ www.thisisclick.com 6 รปท 2-6 แสดงหนาจอการฟงสถานวทยออนไลนของ www.thisisclick.com 8 รปท 2-7 แสดงหนาจอการฟงสถานวทยออนไลนของ www.curadio.chula.ac.th 8 รปท 2-8 แสดงเวบเพจของ www.live365.com 10 รปท 2-9 แสดงหนาจอการฟงสถานวทยออนไลนของ www.live365.com 10 รปท 2-10 แสดงหนาจอการรบชมรายการโทรทศนยอนหลงของ www.me.in.th/live 11 รปท 2-11 แสดงการทางานของ Windows Media Services 14 รปท 2-12 แสดงการทางานของ Real Server 15 รปท 3-1 แสดงภาพตารางการเปรยบเทยบราคาและคณสมบตของแตละแพกเกจในสวน ของ personal Station 19 รปท 3-2 แสดงหนาจอการตงคาโปรแกรมSimpleCast (1) 21 รปท 3-3 แสดงหนาจอการตงคาโปรแกรมSimpleCast (2) 22 รปท 3-4 แสดงหนาจอการตงคาโปรแกรมSimpleCast (3) 23 รปท 3-5 แสดงหนาจอการตงคาโปรแกรมSimpleCast (4) 23 รปท 3-6 แสดงหนาจอการตงคาโปรแกรมSimpleCast (5) 24 รปท 3-7 แสดงหนาจอการตงคาโปรแกรมSimpleCast (6) 25 รปท 3-8 แสดงหนาจอการตงคาโปรแกรมSimpleCast (7) 26 รปท 3-9 แสดงหนาจอโปรแกรม SimpleCast ขณะใชงาน 27 รปท 3-10 แสดงการเขยน Batch File (1) 31 รปท 3-11 แสดงการเขยน Batch File (2) 31 รปท 3-12 แสดงการเขยน Batch File (3) 32 รปท 3-13 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (1) 32 รปท 3-14 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (2) 33 รปท 3-15 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (3) 34 รปท 3-16 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (4) 35 รปท 3-17 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (5) 36 รปท 3-18 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (6) 37
vii
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สารบญรปภาพ
รปท 3-19 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (7) 37 รปท 3-20 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (8) 38 รปท 3-21 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (9) 38 รปท 3-22 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (10) 39 รปท 3-23 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (11) 40 รปท 3-24 แสดงBrowser เพอแสดงการเรยกใช AppServ 41 รปท 3-25 แสดงแผนภาพการทางานรวมกนระหวาง Web Server และ Database Server 44 รปท 3-26 แสดงBrowser เพอแสดงการเรยกใช phpMyAdmin 45 รปท 3-27 แสดงหนาจอโปรแกรม Macromadia Dreamweaver 8 56 รปท 4-1 แสดงโครงสรางเมนหลกภายในเวบไซต 49 รปท 4-2 แสดงโครงสรางหนาเวบ 50 รปท 4-3 แสดง Data Flow Diagram สวนของผใชเวบแอปพลเคชน 51 รปท 4-4 แสดง Data Flow Diagram สวนของผใชเวบแอปพลเคชน : การฟงรายการสด 52 รปท 4-5 แสดง Data Flow Diagram สวนของผใชเวบแอปพลเคชน : การฟงรายการ ยอนหลง 53 รปท 4-6 แสดง Data Flow Diagram สวนของผใชเวบแอปพลเคชน : เวบบอรด 54 รปท 4-7 แสดง Data Flow Diagram สวนของผจดการระบบ 55 รปท 4-8 แสดง Data Flow Diagram สวนของผจดการระบบ : การจดการสวนดเจ 56 รปท 4-9 แสดง Data Flow Diagram สวนของผจดการระบบ : การจดการสวนผงรายการ57 รปท 4-10 แสดง Data Flow Diagram สวนของผจดการระบบ : การจดการสวนไฟลทบนทก 58 รปท 4-11 แสดง Data Flow Diagram สวนของผจดการระบบ : การจดการสวนเวบบอรด 59 รปท 4-12 แสดงหนา Home Page ของเวบแอปพลเคชน 60 รปท 4-13 แสดงหนา Radio Online 60 รปท 4-14 แสดงหนา DJ Profile 61 รปท 4-15 แสดงหนาผงรายการ 61 รปท 4-16 แสดงหนาทฟงรายการวทยออนไลน 62 รปท 4-17 แสดงการทางานของการฟงรายการวทยยอนหลง (1) 62 รปท 4-18 แสดงการทางานของการฟงรายการวทยยอนหลง (2) 63 รปท 4-19 แสดงการทางานของการฟงรายการวทยยอนหลง (3) 63 รปท 4-20 แสดงการทางานของการฟงรายการวทยยอนหลง (4) 64 รปท 4-21 แสดงการทางานของการฟงรายการวทยยอนหลง (5) 64 รปท 4-22 แสดงการทางานของการฟงรายการวทยยอนหลง (6) 65 รปท 4-23 แสดงการทางานของการฟงรายการวทยยอนหลง (7) 65
viii
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สารบญรปภาพ
รปท 4-24 แสดงการทางานของการฟงรายการวทยยอนหลง (8) 66 รปท 4-25 แสดงเมนทางเขาของผดแลระบบ 67 รปท 4-26 แสดงหนาจอการกรอก username และ password 67 รปท 4-27 แสดงหนาจอเมนของผดแลลระบบ 68 รปท 4-28 แสดงการจดการในสวนของดเจของผดแลระบบ (1) 68 รปท 4-29 แสดงการจดการในสวนของดเจของผดแลระบบ (2) 69 รปท 4-30 แสดงการจดการในสวนของผงรายการของผดแลระบบ (1) 69 รปท 4-31 แสดงการจดการในสวนของผงรายการของผดแลระบบ (2) 70 รปท 4-32 แสดงการจดการในสวนของไฟลทบนทกของผดแลระบบ (1) 70 รปท 4-33 แสดงการจดการในสวนของไฟลทบนทกของผดแลระบบ (2) 71 รปท ก-1 แสดงBrowser เพอแสดงการเรยกใช AppServ 77 รปท ก-2 แสดงBrowser เพอแสดงการเรยกใช AppServ 78 รปท ก-3 แสดงBrowser เพอแสดงการเรยกใช phpMyAdmin 79 รปท ก-4 แสดงBrowser ในการสรางและจดการ phpMyAdmin (2) 79 รปท ก-5 แสดงBrowser ในการสรางและจดการ phpMyAdmin (3) 80 รปท ก-6 แสดงBrowser ในการสรางและจดการ phpMyAdmin (4) 80 รปท ก-7 แสดงBrowser ในการสรางและจดการ phpMyAdmin (5) 81 รปท ก-8 แสดงหนาจอตดตงโปรแกรมSimpleCast (1) 81 รปท ก-9 แสดงหนาจอตดตงโปรแกรมSimpleCast (2) 82 รปท ก-10 แสดงหนาจอตดตงโปรแกรมSimpleCast (3) 82 รปท ก-11 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (1) 83 รปท ก-12 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (2) 83 รปท ก-13 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (3) 84 รปท ก-14 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (4) 84 รปท ก-15 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (5) 85 รปท ก-16 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (6) 85 รปท ก-17 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (7) 86 รปท ข-1 โครงสรางขอมลผงรายการ 87 รปท ข-2 โครงสรางขอมลไฟลทบนทกไว 87 รปท ข-3 แสดงโครงสรางขอมลเวบบอรด 88
ix
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สารบญตาราง
สารบญตาราง ตารางท ค-1 แสดง Data Dictionary ของตาราง time 89 ตารางท ค-2 แสดง Data Dictionary ของตาราง dj 89 ตารางท ค-3 แสดง Data Dictionary ของตาราง daily_schedule 90 ตารางท ค-4 แสดง Data Dictionary ของตาราง recording 90 ตารางท ค-5 แสดง Data Dictionary ของตาราง topic 91 ตารางท ค-6 แสดง Data Dictionary ของตาราง answer 91
1
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
บทท 1 บทนา
บทท 1
บทนา
1.1 ความสาคญและทมาของโครงการ
การกระจายเสยงทางวทยเปนการสอสารทมอายมายาวนาน เทคโนโลยทางดานสอวทยมการพฒนามาเรอยๆ ในประเทศไทยมสถานวทยอยไมตากวา 500 สถาน(สานกงานคณะกรรมการกจการโทรคมนาคมแหงชาต, 2548: ระบบออนไลน) การแขงขนกนระหวางผผลตสถานในแตละทองถนนนกสงตามไปดวย สถานวทยตางๆจงจาเปนจะตองมกลยทธแตกตางกนออกไปเพอใหสามารถดงกลมคนฟงไดมาก และมผลตอการขายโฆษณาของสถานอกดวย
อนเตอรเนตเปนอกชองทางหนงทจะทาใหการกระจายเสยงของสถานวทยครอบคลมและมประสทธภาพขน แนวโนมของคนปจจบนจะหนมาใชอนเตอรเนตมากขน และขณะเดยวกนการฟงวทยกนอยลงดวย(สานกงานคณะกรรมการกจการโทรคมนาคมแหงชาต, 2548: ระบบออนไลน) แตดวยเทคโนโลยบนโลกอนเตอรเนตกสามารถทาใหสถานวทยสามารถกระจายเสยงผานอนเตอรเนตได โดยไมจาเปนตองกระจายผานคลนวทยเพยงอยางเดยว จงเหนไดวาในปจจบนมสถานวทยจานวนมากทหนมาใชอนเตอรเนตเปนอกชองทางหนงในการออกอากาศ และสามารถเขาถงกลมคนฟงชาวเนตไดงายขนอกดวย
เนองมาจากวาการกระจายเสยงผานอนเตอรเนตนน จะเขาถงกลมผฟงไดงาย จงเปนการอานวยความสะดวกใหแกผฟงดวย โดยเฉพาะในกรณทผฟงอยตางประเทศ แตตองการฟงรายการวทยในเมองไทย กจะสามารถเขามาฟงออนไลนบนเวบไดเลย ในบางครง ผทฟงรายการเปนประจา อาจจะไมสะดวกทฟงรายการในวนนน การบรการรายการสถานวทยตามคาสง (Radio on Demand) จงเขามามบทบาทในจดน
ผพฒนามความเหนวา ปจจบนมเวบไซตเปนจานวนมากทเปดใหดรายการโทรทศนยอนหลงได หรอทางเวบไซตของชองนนๆกจะมบรการใหดยอนหลงเชนนอยดวย แตการฟงรายการยอนหลงของสถานวทยไมคอยเปนทนยมนก ทงนเนองมาจากสถานวทยนนมเปนจานวนมาก ทาใหการจดการในเรองของขนาดไฟลกยอมลาบากตามไปดวยหากเปนระบบทสามารถใหฟงยอนหลงไดหลายสถาน แตกยงมผฟงอกมาก ทยงตองการฟงวทยยอนหลงเปนบางครง เชน ในกรณทรายการของสถานวทยเชญแขกรบเชญทผฟงสนใจไปรวมพดคย หรออาจจะตองการทราบชอเพลงทออกในชวงเวลานนๆ เปนตน หากทางผประกอบสถานเองมการจดการในเรองของการฟงยอนหลง กจะทาใหสามารถตอบสนองผฟงในสวนน
2
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
บทท 1 บทนา
1.2 วตถประสงคโครงงาน
1. ศกษาการกระจายเสยงของสถานวทยออนไลนผานระบบอนเตอรเนต 2. ศกษาวธการตางๆ ทใชในการทาระบบการฟงวทยยอนหลงตามคาสง (Radio on Demand)
ผานระบบอนเตอรเนต 3. ศกษาการเขยนเวบแอปพลเคชนโดยใชภาษา PHP 5 และ MySQL 5.0 4. พฒนาเวบแอปพลเคชนสาหรบสถานวทยโดยใชภาษา PHP 5 และ MySQL 5.0
1.3 ขอบเขตของการศกษา
เปนการศกษาและพฒนาเวบไซตสาหรบสถานวทย FM ทองถน 94 MHz ประจาจงหวดสตล ม
การใชงานตางๆ ภายในเวบทเออประโยชนใหกลมผฟงมากขน โดยมฟงกชนภายในเวบไซตดงตอไปน
เปนอยางนอย
• การฟงวทยออนไลน
• การฟงวทยยอนหลงตามคาสง
• เวบบอรด
1.4 วธการศกษา 1. ศกษาการกระจายเสยงออนไลนของสถานวทยอนๆ 2. ศกษาวธการทสถานวทยจะนามาใชกระจายเสยงผานอนเตอรเนต 3. ศกษาคณสมบตและวธการของโปรแกรมทใชกระจายเสยง 4. ศกษาโปรแกรมทใชในการอดเสยงตามตารางเวลา (Schedule Recording) 5. ศกษาและเปรยบเทยบวธการตางๆทสามารถนาไฟลเสยงขนไปไวบนเซอรเวอร(server)ไดโดย
อตโนมต 6. ศกษาภาษา PHP 5 โดยใช Apache Software เปนเวบเซอรเวอร (Web Server) 7. ศกษาโปรแกรม PHP Interpreter 8. ศกษาวธการใชงานโปรแกรม MySQL 5.0 Community Server เพอใชในการการจดการ
ฐานขอมล 9. วเคราะหและออกแบบระบบการการฟงวทยยอนหลงตามคาสง 10. พฒนาเวบแอปพลเคชนในสวนของการฟงวทยยอนหลงตามคาสง 11. เกบรวมรวมขอมลทจาเปนเพอใชในสวนเนอหาของเวบไซต 12. ออกแบบทกสวนในเวบไซตของสถานวทย
3
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
บทท 1 บทนา
13. พฒนาเวบไซตโดยใชภาษา PHP 5 และ MySQL 5.0 เปนหลก 14. ทดลองใชเวบไซต เพอทาการประเมนขอดขอเสย และทาการปรบปรง 15. จดทาเอกสารเพอนาเสนอโครงงาน
1.5 ประโยชนทคาดวาจะไดรบ :
สาหรบผจดทา
1. ไดรบความรเกยวกบวธการทสถานวทยใชในการกระจายเสยงออนไลนและการรบฟงยอนหลงตามคาสง
2. ไดรบความรการพฒนาเวบแอปพลเคชนโดยใชภาษา PHP 5.0 และ MySQL 5.0 ซงสามารถนาไปใชพฒนาเวบแอปพลเคชนอนๆได
สาหรบผใช (ธรกจสถานวทย)
ธรกจสถานวทยสามารถนาไปใชเพอพฒนาเวบไซตของสถานใหมความทนสมยและ
เขาถงกลมผฟงมากขน
บทท 2 การะกระจายเสยงของสถานวทย 4
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
บทท 2
การกระจายเสยงของสถานวทย
2.1 การสอสารโดยใชคลนวทย
วทยเปนการสอสารแบบไรสายอกประเภทหนง ซงการสอสารในระบบสอสารไรสาย จาแนก
ตามรปแบบการใชพาหะในการสอสาร ม 2 รปแบบ ดงน
1) ระบบทใชคลนวทยเปนพาหะ (Radio Base Systems) ไดแก ระบบโทรศพทเคลอนท ระบบ
วทยตดตามตว ระบบสอสารผานดาวเทยม ระบบวทยกระจายเสยง และระบบคลนไมโครเวฟ
2) ระบบทใชคลนแสงเปนพาหะ (Light Base Systems) ไดแก ระบบสอขอมลผานแสง
อนฟราเรดทนาไปประยกตใช เชน ระบบเครอขาย LAN ไรสาย ระบบสอสารผานระบบแสดงเลเซอร
อนฟราเรด
สาหรบการกระจายเสยงของสถานวทย FM (Frequency Modulation) ถกจดใหเปนคลนความถ
ชนด Very High Frequency (VHF) อยในชวงคลนความถ 30MHz-300MHz เปนความถทใชในการ
สอสารวทยของการบน และวทยสมครเลนอกดวย ชวงความถทใชกนในสถานวทยปจจบนจะมคา
ตงแต 88 MHz จนถง 108 MHz
ในแงของการสอสารขอมลระหวางผสงกบผรบสามารถแบงไดเปน 3 ประเภทดงน
1. การสอสารขอมลทศทางเดยว (Simplex Transmission) เปนการตดตอสอสารเพยงทศทางเดยว คอผสงจะสงขอมลเพยงฝ งเดยวและโดยฝ งรบไมมการตอบกลบ เชน การกระจายเสยงของสถานวทย การสง e-mail เปนตน แสดงดงรปท 2-1
รปท 2-1 แสดงการสอสารขอมลทศทางเดยว
บทท 2 การะกระจายเสยงของสถานวทย 5
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
2. การสอสารขอมลสองทศทางสลบกน (Half Duplex Transmission) เปนการสอสาร 2 ทศทางแตคนละเวลากน เชน วทยสอสาร เปนตน แสดงดงรปท 2-2
รปท 2-2 แสดงการสอสารขอมลสองทศทางสลบกน
3. การสอสารขอมลสองทศทางพรอมกน (Full Duplex Transmission) เปนการสอสาร 2 ทศทาง โดยสามารถสงขอมลในเวลาเดยวกนได เชน การคยโทรศพท การแชท MSN เปนตน แสดงดงรปท 2-3
รปท 2-3 แสดงการสอสารขอมลสองทศทางพรอมกน
2.1.1 กระบวนการสงสญญาณวทย
กระบวนการในการสงสญญาณวทยตามรปท 2-4 อนเตอรเฟซคอมพวเตอร (Interface
Computer) จะทาหนาทรวบรวมขอมลจากคอมพวเตอรกลางมาทาเปนแพกเกต และสงขอมลตดตอกน
ระหวางสถานดวยกฎเกณฑทแนนอน สาหรบโมเดมรบสงขอมล (transmit/receive data modem) เปน
เครองมอทแปลงสญญาณดจตอลใหเปนสญญาณไฟฟาแอนะลอก เพอสงผานเครองรบสงเปนคลนวทย
แพรออกไป
บทท 2 การะกระจายเสยงของสถานวทย 6
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท 2-4 แสดงกระบวนการสงสญญาณวทย
(ชนวฒน ศรสอาน และสทธชย มณรตนรงโรจน, 2542)
วทยสามารถสงไดไกลดวยการการสงสญญาณตอทอดกนตอไป โดยทสถาน B C และ
ดาวเทยมนน ทาหนาทเปนสถานสงไปยงสถานรบ A D E F ดงแสดงในรป 2-5
รปท 2-5 แสดงกระบวนการททาใหสญญาณวทยสงไดไกลขน
(ชนวฒน ศรสอาน และสทธชย มณรตนรงโรจน, 2542)
บทท 2 การะกระจายเสยงของสถานวทย 7
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
2.2 บทบาทของอนเตอรเนตในการกระจายเสยงของสถานวทย FM
ถงแมวาการกระจายเสยงของวทยจะสามารถสงไปไดไกล แตกยงมขดจากดในเรองตางๆ การ
กระจายเสยงวทยยงสามารถกระจายเสยงไปไดในเฉพาะจงหวด หรอแคจงหวดใกลเคยงเทานน ผฟง
ทอาศยอยในกรงเทพมหานครกไมสามารถรบฟงสถานทอยทางภาคเหนอหรอใตได การทจะทาให
คลนวทยออกอากาศไปไดไกลนนจาเปนจะตองใชสถานรบและสงมากขน จงทาใหสถานรายการวทย
FM มกจะสามารถฟงไดในเฉพาะพนทจงหวดหนงๆ
ในบางกรณทผฟงวทยตองการจะฟงรายการ แต ณ เวลาทรายการทตองการฟงกาลง
ออกอากาศอยนน ผฟงไมสามารถจะอยฟงรายการได อาจจะตองการเขามาฟงรายการยอนหลง หรอ
ตองการทจะฟงชวงรายกรนนอกรอบหนง เทคโนโลยของเครองรบวทยทใชตามบานนนยงไมสามารถ
จะตอบสนองความตองการตรงนได
เนองดวยเทคโนโลยอนเตอรเนตในปจจบน เปดโอกาสใหผคนสามารถทาสงตางๆไดงายและ
รวดเรวขน ไมวาจะเปนการสงจดหมาย การสนทนาผานหนาจอ การจองตวเครองบน การซอสนคา
การเขารวมประมล เปนตน จะเหนไดวาชองทางทางอนเตอรเนตจะทาใหผประกอบการกบผบรโภคม
ความสะดวกขนทงสองฝาย ในการซอสนคาผบรโภคไมจาเปนตองไปซอถงรานคา เพยงแคอยใน
บานและมอนเตอรเนต กสามารถซอสนคาไดในเวลาไมกนาท ผประกอบการกไมจาเปนตองเสย
งบประมาณในการจดหนารานหรอจางพนกงานมาดแลราน หรอในกรณของผทตองการเดนทางไป
ตางประเทศ และจะซอตวเครองบน ไมจาเปนตองโทรศพทไปจองหรอไปซอดวยตวเองทสายการบน
และทางสายการบนจะสามารถลดจานวนพนกงาน Call Center ได ปจจบนนสายการบนจานวนมากให
ความสนใจในการจองตวออนไลนหรอ e-ticket มาก มการรณรงคใหคนจองตวโดยใช e-ticket ผจอง
แคจารหสทไดจากการจองผาน e-ticket ไปบอกพนกงานในวนทรบตว ไมจาเปนตองใชหลกฐานเปน
กระดาษใดๆ ทาใหประหยดทรพยากรกระดาษและลดตนทนสวนนไปไดมาก
สถานวทยจานวนมากทหนมาใชเทคโนโลยของอนเตอรเนตมาชวยใหการกระจายเสยงของวทย
เขาถงกลมผฟงมากขน โลกของอนเตอรเนตทาใหการกระจายเสยงของสถานวทยไรขดจากดมากขน
เนองมาจากอนเตอรเนตเปนเครอขายทเชอมโยงกนทวโลก ดงนนอนเตอรเนตจงทาใหสถานวทย
สามารถตอบรบความตองการของผฟงทอยหางไกลออกไป และทาใหสถานสามารถเขาถงกลมผฟงได
หลากหลายกลมและปนจานวนมากขนดวย
บทท 2 การะกระจายเสยงของสถานวทย 8
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สถานวทยบนโลกอนเตอรเนตในปจจบนมทงสถานวทยทปกตจะกระจายเสยงผานทางคลนวทยอย
แลว หรอเปนสถานทเปดขนมาบนอนเตอรเนตโดยเฉพาะ ตวอยางของสถานทปกตกระจายเสยง
ผานทางคลนวทย และยงมการใชอนเตอรเนตเปนชองทางในการกระจายเสยงดวย มดงน
- www.thisisclick.com : เปนบรษทผผลตรายการวทยทงหมด 3 คลนความถดวยกน กระจาย
เสยงเฉพาะในกรงเทพและปรมณฑล
รปท 2-5 แสดงหนาจอของ www.thisisclick.com
รปท 2-6 แสดงหนาจอการฟงสถานวทยออนไลนของ www.thisisclick.com
บทท 2 การะกระจายเสยงของสถานวทย 9
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
- www.curadio.chula.ac.th : เปนสถานวทยแหงจฬาลงกรณมหาวทยาลย
รปท 2-7 แสดงหนาจอการฟงสถานวทยออนไลนของ www.curadio.chula.ac.th
ตวอยางของสถานวทยทเปดขนเพอใหฟงบนอนเตอรเนตเทานน ปจจบนมเปนจานวนมาก
เพราะผจดไมจาเปนตองหาซออปกรณในการสงคลนวทยออกไป ซงมผใหบรการเซอรเวอรสาหรบการ
กระจายเสยงผานทางอนเตอรเนตเปนจานวนมากเชนกน ตวอยางของสถานวทยทต งขนมาบน
อนเตอรเนตเทานน มดงน
www.live365.com : เปนเครอขายสถานวทยบนอนเตอรเนตทมขนาดใหญ ณ ขณะน ม
สถานมากกวา 1,000 สถานภายในเวบ ผใชสามารถเปดสถานเปนของตวเองและจดเพลงตามท
ตนเองชอบได ผฟงกจะเลอกฟงจากประเภทของเพลงทสนใจได ทาใหผฟงมโอกาสเลอกทจะฟง
รายการวทยไดหลากหลายขน
บทท 2 การะกระจายเสยงของสถานวทย 10
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท 2-8 แสดงเวบเพจของ www.live365.com
รปท 2-9 แสดงหนาจอการฟงสถานวทยออนไลนของ www.live365.com
บทท 2 การะกระจายเสยงของสถานวทย 11
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
การบรการบนอนเตอรเนตอกรปแบบทปจจบนนยมมากคอ การรบชมรายการยอนหลง โดยใช
การเลอกตามคาสง (On Demand) มเวบไซตจานวนไมนอยทสามารถใหเขาไปฟงหรอรายการ
ยอนหลงไดตามเวลาทตองการ ตวอยางเชน
www.me.in.th/live : เปนเวบไซตของโครงการประเมนคณภาพสอ โดยกระทรวงวฒนธรรม
รปท 2-10 แสดงหนาจอการรบชมรายการโทรทศนยอนหลงของ www.me.in.th/live
2.3 Streaming Media Technology
ในการเปดไฟลMultimediaบนเครองคอมพวเตอรโดยไมตองมการดาวนโหลดจากอนเตอรเนต
ทาใหสามารถแสดงผลขอมลไดกอนทไฟลทงหมดจะถกสงผานเขามายงเครองคอมพวเตอรโดยตรง ใน
ลกษณะนเรยกวา การ “Streaming” ในการทาใหเทคนค Streaming สามารถเลนไฟลMultimediaได
อยางสมบรณนน เครองคอมพวเตอรทใชจะตองมการประมวลผลทเรวพอ เนองจากขอมลทถกสงเขา
มายงเครองจะถกจดเกบไวในหนวยความจาบฟเฟอร และยงตองมการแปลงขอมลเหลานน เพอนาไป
แสดงผลในรปแบบของเสยงหรอวดโอ ซงถาขนตอนใดขนตอนหนงลาชา จะสามารถสงเกตเหนไดทนท
วา เสยง หรอคลปวดโอทกาลงชมอยจะมการกระตก หรอหยดนงเปนระยะ
การ Streaming ผานเวบเซอรเวอร จะสามารถแบงเซอรเวอรออกเปน 2 ประเภทไดแก 1)
Web Server และ 2) Streaming Media Server
บทท 2 การะกระจายเสยงของสถานวทย 12
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
2.3.1 การ Streaming โดยใช Web Server
การใชงาน : การใชงาน Multimedia file บน Web Server เรมจากทาการแปลง Audio/Video
ใหอยในรปแบบสอทเหมาะสมสาหรบการสงขอมลบน internet โดยพจารณาจาก Bandwidth เชน
28.8,33.6,56.6 Kbps สาหรบ Modem ทวไป
ทาการ upload แฟมMultimediaไปยง Web Server และสรางเวปเพจทระบ URL ของแฟม
Multimediaนนๆ เมอมการเรยกใชงานแฟมMultimedia โปรแกรมสาหรบการเลนไฟล Multimedia
ของฝ ง Client (Client-side player) จะทางานและเรมดาวนโหลดแฟม Multimedia เมอแฟมทงหมด
ดาวนโหลดเสรจสนแลวจงทาการเลนไฟลนนๆ
การสงขอมล : Web Server ใชการตดตอผาน HyperText Transport Protocol (HTTP) ใน
การตดตอระหวาง server และ client ซง HTTP จะควบคม Transmission Control Protocol (TCP) ซง
จะจดการเกยวกบการสงขอมลทงหมด
จดเดนของการใช Web Server เปนผใหบรการ : จดเดนของการใช Web Server คอการท
สามารถใชทรพยากรทมอยแลวในการนาเสนอไดทนท แตงานทเพมใหแก Web Server อาจทา
ใหบรการของ Web Server ทมอยเดม ทางานไดประสทธภาพตาลง
2.3.2 การ Streaming โดยใช Streaming Media Server
การใชงาน : ขนตอนเบองตนของการเตรยมแฟมMultimedia จะเหมอนกบการเตรยมสาหรบใช
บน Web Server แตจะแตกตางตรงทวาแฟมทไดจะอพโหลด ไปยง Streaming Media Server ซง
Streaming Media Server และ Web Server อาจจะอยบนเครองเซอรเวอรทใหบรการตวเดยวกนกได
เมอแฟม Multimedia ถกเรยกใชงาน Web Browser จะสงไฟลขนาดเลกทเรยกวา Meta File
ไปยง Client Player ซงใน Meta File นจะระบปลายทางไปยง Streaming Media Server หลงจากนน
Client Player จะตดตอกบStreaming Media Server โดยตรงโดยไมผาน Web Browser อก
การสงขอมล : ถงแมวา Streaming Media Server สามารถทจะใช HTTP/TCP เหมอนกบ
Web Server ได แตกสามารถใช protocol อนๆเพอเพมประสทธภาพได เชน User Datagram Protocol
(UDP) ซงมจดเดนทความเรว ขนาดเลก และไมมการทางานเกยวการสงขอมลซาหรอคานวณอตราการ
บทท 2 การะกระจายเสยงของสถานวทย 13
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สงขอมล ซงจะเหมาะกบการสงขอมลแบบ Real Time ซงขอมลทสญหายบางสวนหรอขอมลทเกด
delay จะถกละความสนใจไป
นอกจากน อาจมการใชงาน Protocol เฉพาะสาหรบการ Streaming Media เลยกไดเชน
Realtime Streaming Protocol (RTSP)
จดเดนของการใช Streaming Media Server เปนผใหบรการ :
1. ใช Protocol ซงเหมาะสมกบการนาเสนอ Real Time Audio/Video ซงกคอ UDP
2. ถกออกแบบเพอใหบรการแกผใชจานวนมาก
3. สามารถเพมบรการพเศษตางๆไดเชน pay-per-view หรอการตดโฆษณา
4. สามารถปรบเปลยน การสงขอมลใหเหมาะสมสาหรบ client แตละรายไดด
5. สามารถควบคมการนาเสนอได เชนควบคมใหดไดเฉพาะกลม หรอชวงเวลา
2.3.3 Streaming Media Software
ปจจบน software สาหรบใหบรการ Streaming Mediaจะมาจาก 2 บรษทใหญคอ
Microsoft Corporation และ RealNetworks Inc.
1) Microsoft Corporation
Microsoft Corporation ม software ทเกยวกบการ Streaming Media หลายตว แต
ละตวมกจะมจดเดนในการใชงานตางกนเชน Microsoft Media Service ทจะใชไดดใน internet หรอ
Netshow Theater ทตองการ Bandwidth สงและเหมาะกบ intranet อยางไรกตาม software ของ
microsoft มกจะสนบสนนเฉพาะ win32 platform เทานน
Windows Media Services เปนซอฟทแวรทใหบรการสอMultimediaผาน
อนเตอรเนต โดยทสามารถใชไฟลทมนามสกลเปน ASF, WAV, AVI, MOV, MIDI, AU และMP3
โปรโตคอลทใชคอ MMS Protocol , MSBD Protocol และ HTTP
บทท 2 การะกระจายเสยงของสถานวทย 14
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
การทางานของ Windows Media Services
รปท 2-11 แสดงการทางานของ Windows Media Services
จากรปท 2-11 รปแบบของไฟลทใชสงจากผสง (Author) ไปยงผรบ (Client) จะเปน
การสงไฟลทมรปแบบนามสกลเปน ASF โดยจะมทงในรปแบบทสงเปน Unicast ทผสงและผรบจะ
ตดตอกนหนงตอหนง และการตดตอระหวางผสงและผรบจะตองมการตดตอกนตลอดเวลาระหวางการ
สงขอมล และรปแบบการสงอกลกษณะหนงคอ Multicast จะเปนการสงจากผสงไปบงผรบจานวนมาก
ซงผรบทจะสามารถรบไดจะตองมโปรแกรม Microsoft Windows Media Player
2) RealNetworks Inc.
ซอฟทแวรจะแบงเปนการใชงานแตละดานเชน Streaming Audio / Streaming Video
และซอฟทแวร จะแบงขดความสามารถการใชงานผาน license ทไดขอซอใชงานซอฟทแวร จะ
สนบสนน platform ทมเกอบทงหมดเชน Unix Solaris ฯลฯ
ในทนจะขอกลาวถง Real Server เปนซอฟทแวรอกตวหนงทเปนทนยมใชในการ
เผยแพรสอMultimediaในระบบเนตเวรคทงอนเตอรเนตและอนทราเนต โดยทสามารถใชไฟลทม
บทท 2 การะกระจายเสยงของสถานวทย 15
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
นามสกลเปน RM, RA, RV, WAV, AVI, MOV, MIDI, AU และ MP3 โปรโตคอลทใชคอ RTSP
Protocol , PNA Protocol และ HTTP
การทางานของ real server
รปท 2-12 แสดงการทางานของ Real Server
จากรปท 2-12 การตดตอผาน Real Server ผรบจะสามารถรบไดโดยตรงโดยใช
โปรแกรม Realplayer หรอถาตองมการตดตอผาน Web Browser กบ Real Server เมอ Web
Browser สงคาขอไป Real Server จะสงเปน Meta File กลบมา และ Web Browser จะสง Meta
File ไปยง Real Player
บทท 2 การะกระจายเสยงของสถานวทย 16
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
เปรยบเทยบขอแตกตางระหวาง Windows Media Service และ Real Server
เปรยบเทยบ Windows Media Service Real Server
Multimedia File Advance Streaming Format (ASF) - รปแบบการ Codec ซงกคอหลก
Algorithm ทใชในการบนทกสอวดโอหรอเสยง ซงในแตละ Algorithm จะมความแตกตางกนทงในรปแบบการจดเกบ ขนาดทบบอดได และคณภาพของสอ โดยท ASF ใกลเคยงกบ Multimedia file ทวไป
- มประสทธภาพในการนาเสนอผานระบบเครอขายทวไป ภาพไมกระตก
- มขนาดใหญหากตองการสอคณภาพสง
Real Media (RM) - เปนสอMultimediaทเปน
ลกษณะเฉพาะของ real - ขนาดเลกแตมประสทธภาพดในการ
นาเสนอผาน internet - จาเปนตองดดวย real player
เทานน
Multimedia Player Windows Media Player - สนบสนน multimedia file หลายชนด - มความสามารถอนๆเชน เปน mini
browser , สามารถ search หา site ท broadcast เพลงได ฯลฯ
- player มสาหรบ win32 , macintosh
Real Player Plus G2 - สนบสนนเฉพาะไฟลของ real
media แตสามารถเพม plug-in สาหรบเลนสอ multimedia อนๆได
- สามารถ search หา site ทออกอากาศได , ทา link และ bookmard ได
- player มสาหรบ operating หลายตวเชน win32,macintosh,linux
OS OS ของ Microsoft win32 , unix , solaris , linux
License สามารถ download จาก www.microsoft.com ไดฟร
ความสามารถของ software มหลายระดบ ขนอยกบ license ทซอจากบรษท
ตาราง 1-1 แสดงการเปรยบเทยบขอแตกตางระหวาง Windows Media Service และ Real Server
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 17
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
บทท 3
เครองมอสาหรบการพฒนาเวบแอปพลเคชน
เครองมอสาหรบการพฒนาเวบแอปพลเคชนสาหรบการรบฟงรายการของสถานวทยทงแบบ
รายการสด และรายการยอนหลง จาเปนตองมเครองมอหลากหลายประเภทเขามาชวย ไมวาจะเปน
เครองมอสาหรบการกระจายเสยง เครองมอสาหรบบนทกเสยงตามวนและเวลาทกาหนด และ
เครองมอทใชในการจดการในสวนของอนเตอรเฟสและฐานขอมลของเวบไซต
3.1 เครองมอทใชในการกระจายเสยง
3.1.1 เปรยบเทยบคณสมบตของโปรแกรมทใชในการกระจายเสยง
โปรแกรมทใชกระจายเสยงผานระบบอนเตอรเนตในปจจบนมมากมาย มทงทเปนรปแบบทให
นา Software ไปใชและตงคาเซอรเวอร หรอใหบรการเปนเซอรเวอรดวย ในทนผพฒนาจะขอเลอก
โปรแกรมทเปนทนยมและมความนาเชอถอในปจจบนมาเปรยบเทยบ ซงโปรแกรมดงกลาว ไดแก 1)
SimpleCast 2) Live365 และ 3) ShoutCast
1) SimpleCast 2.5.3
โปรแกรมสาหรบการกระจายเสยงแบบ Streaming พฒนาโดยบรษท Spacial Audio
Solutions เปนการนาเสยงออกจากSoundcard และกระจายไปยงบนอนเตอรเนต ผาน Port ของ
Server เปนโปรแกรมทใชงานงาย สามารถใชMetadata สงตอขอมลไปยงโปรแกรมอนๆได มการ
บอกจานวนผฟงทฟงอยขณะนน และบอก Log ในการเปดเพลงตางๆ SimpleCast สามารถใช
กระจายเสยงไดทงการพากยกฬา คอนเสรต ปารตสวนตว หรอเลนเพลงตางๆโดนทไมตองผาน
อนเตอรเนตไดเชนเดยวกบโปรแกรมเลนเพลงทวไป
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 18
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• ขอด
การใชงานทงาย มขนตอนไมยงยากสาหรบการตดตงและตงคาใหโปรแกรมสามารถทางาน
เนองมาจากวาโปรแกรม Simple Cast จะเปนการกระจายเสยงทงหมดทอยบน Soundcard ในเครอง
ไมไดมาจากโปรแกรมใดโปรแกรมหนง เพราะฉะนนจงสามารถใชงานไดสะดวกหากผจดรายการ
จาเปนจะตองใชเสยงจากหลายโปรแกรมพรอมกน
• ขอเสย
ราคาของโปรแกรมนคอ 139 ดอลลาร หรอประมาณ 4,800 บาท ซงถอวาเปนคาใชจายท
คอนขางสง และโปรแกรมยงม Error ในกรณใหโปรแกรมเรมกระจายเสยงในขณะทยงไมมการตงคา
ใดๆเลย จะทาใหโปรแกรมคางและไมสามารถใชงานได
2) Live 365
Live365 เปนระบบเครอขายทใหบรการวทยออนไลนทมขนาดใหญ และมสมาชกเปนจานวน
มาก สมาชกในเครอขายสามารถจะสรางสถานออกอากาศเปนของตนเองหรอจะฟงรายการจากสถาน
ของสมาชกคนอน ๆ กได
สมาชกทสมครเพอทจะฟงรายการจากสมาชกคนอนมนทงแบบทสมครฟร และตองเสยคารรม
เนยม ดงนนจะมสมาชกอย 3 ประเภทไดแก 1) Basic Listeners เปนสมาชกทไมตองเสยคาใชจาย
จะมการจากด Bandwidth และฟงเพลงไดอยางเดยว ไมสามารถฟงสถานทมผจดรายการดวยได 2)
Live Listeners สามารถฟงรายการทออกอากาศสด โดยทผจดรายการจะสามารถพดแทรกระหวาง
เพลงได 3) VIP Listeners เปนผฟงทสามารถฟงรายการไดทกประเภท บางกรณทบางสถานอาจจะม
ผฟงเขามาฟงเปนจานวนสงสดแลว และไมสามารถเปดใหฟงไดอก แตสาหรบ VIP Listeners แลวจะ
ยงสามารถฟงไดอย
สาหรบผทตองการจะสรางสถานเปนของตนเองจะตองเสยคาธรรมเนยมเปนรายเดอน แบง
ออกเปน 2 ลกษณะ คอ 1) การจดรายการแบบทเปดไฟล MP3 ออกอากาศอยางเดยว และ 2) การจด
รายการแบบเปดไฟล MP3 และใหผจดรายการสามารถพดออกอากาศได
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 19
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
แพกเกจจะมระดบราคาตางกนไปขนอยกบขนาดของดสก ชวโมงรวมทงหมดของผทเขามาฟง
และ จานวนผเขามาฟงพรอมกนในเวลาเดยวกน สามารถแบงประเภทของแพกเกจเปน 2 ประเภท
ไดแก 1) Personal Station จะเหาะสาหรบการกระจายเสยงของสถานสวนตว 2) Pro Station เหมาะ
สาหรบผประกอบการธรกจไมวาจะเปนสถานวทย ทมกฬา หรอองคกรการศกษาตาง ๆ สามารถเลอก
ไดวาจะตองการใหมผฟงมากนอยขนาดไหน มการรายงานสถตและรายละเอยดของผทเขามาฟงสถาน
ทงน คะรรมเนยมจะขนอยกบวาผประกอบการตองการใหมอะไรมากนอยแคไหน
รปท 3-1 แสดงภาพตารางการเปรยบเทยบราคาและคณสมบตของแตละแพกเกจในสวนของ
Personal Station
จากรปท 3-1 เปนตารางการเปรยบเทยบราคาและคณสมบตของแตละแพกเกจในสวนของ
Personal Station จะเหนไดวาราคาตาสดกบสงสดนนมราคาตางกนคอนมาก และคณสมบตกตางกน
มากเชน ซงราคาตาสด คอ 9.95 ดอลลาร มผฟงแบบ Basic Listeners ไดไมเกน 5 คน และ Live
Listener ไมเกน 3 คน ในขณะทราคาสงสดเปน 99.95 ดอลลาร มผฟงแบบ Basic Listeners ได
ถง 100 คน และ Live Listener ถง 6 คน
• ขอด
ขอดทสาคญของ Live 365 คอ เปนลกษณะ One Stop Shop คอ มทง Software ทใชในการ
กระจายเสยง มบรการ Bandwidth รายงาน และบรการหลงการขาย มแพกเกจใหเลอกตามความ
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 20
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ตองการของแตละคน เรยกไดวาเปนระบบทสมบรณแบบสาหรบผทตองการจะกระจายเสยงผานทาง
ระบบอนเตอรเนต
• ขอเสยหรอขอจากดในการเลอกใช
เนองจากไดกลาวไวแลววา Live 365 เปนลกษณะ One Stop Shop ทาใหไมสามารถเลอก
Server หรออะไรไดเอง ซงสงท Live 365 จดใหมาใน Package นนอาจจะมบางสงทอาจจะไมดตามท
ตองการ และกไมสามารถเปลยนไปใชอยางอนได
3) SHOUTcast
ShoutCast เปน Server สาหรบการกระจายเสยง สามารถกระจายเสยงเพลงประเภท MP 3
โดยผานโปรแกรม WinAmp ในลกษณะทเปนการใส Plug-in เขาไปในตวโปรแกรม มทงกระจาย
เสยงผานระบบอนเตอรเนตและระบบ LAN และยงสามารถตงใหเรองคอมพวเตอรมลกษณะเปนเซอร
เวอรทสามารถกระจายเสยงไดจากเครองคอมพวเตอรของผกระจายเสยงเลย เพยงแตวาเครอง
คอมพวเตอรนนจะตองมประสทธภาพทคอนขางสง
สวนผฟงสามารถเลอกฟงไดจากหลายโปรแกรมไมวาจะเปน Windows Media Player,
WinAmp, Real Player และ iTune
• ขอด
โปรแกรม ShoutCast สามารถดาวนโหลดไดเลย โดยทไมตองเสยคาใชจาย ใชงานและตงคา
ตาง ๆ งาย
• ขอเสยหรอขอจากดในการเลอกใช
ไมสามารถรองรบ connection จานวนมากๆใน channel เดยวได Software ยงมชองโหว
ดงนนจงอาจจะมการเจาะระบบจากผไมประสงคดได และยงมปญหาในเรองเสยง คอ ไมสามารถ
ออกอากาศเสยงพดได เสยงทออกไป จะเปนแคเพลงทมาจากโปรแกรม WinAmp เทานน
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 21
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
สาเหตทผพฒนาเลอกใชโปรแกรม SimpleCast ในการออกอากาศ
เนองจากผพฒนาไดเลอกทจะเชาเซอรเวอรเพอการออกอากาศผานอนเตอรเนต มคาใชจายตอ
เดอนอยท 1,000 บาท ผใหบรการไดแนะนาใหใชโปรแกรม SimpleCast สาหรบออกอากาศ แตไม
จาเปนตองซอในราคา 4,800 บาท เพราะทางผใหบรการไดใหโปรแกรมมาใหตดตงไดเลย แตทงน
ทงนน เนองมาจากวาผพฒนาไมไดทดลองใชทกโปรแกรม เปนการศกษาจากคณสมบตเพยงเทานน
จงอาจจะยงมขอดและขอเสยอน ๆ ของแตละตวมากกวาน
3.1.2 การใชงานโปรแกรม SimpleCast : การตงคา
ขนตอนท 1
เปดโปรแกรม Simplecast ขนมา จะไดหนาตางดงภาพ
รปท 3-2 แสดงหนาจอการตงคาโปรแกรมSimpleCast (1)
ซงจะสวนควบคมหลกๆดงน (ในทนจะกลาวถงเฉพาะสวนทจาเปนตองใชในการตงคา)
• ปม POWER ใชสาหรบเปดปดโปรแกรม SimpleCast (เปรยบเสมอนปม X ของหนาตาง
โปรแกรมทวไป)
• ปม HIDE ใชสาหรบยอหนาตางหลก SimpleCast ไปไวท Traybar ซงหลงจากยองไปแลว
จะเปน Icon รปจานดาวเทยมสเขยวเลกๆทมมจอขวาลาง
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 22
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• ปม Start ใชสาหรบการเรมสงสญญาณเสยงเขาส Server
• ปม Encoders ใชสาหรบเปดหนาตางควบคมการเขารหส (Encoder Window) ออกมา
• ปม Config ใชสาหรบปรบแตงคาตางๆของโปรแกรม
• แถบแนวตงทางดานขวามอ จะแสดงระดบเสยงทเขาสโปรแกรม
ขนตอนท 2
ปรบแตงคาทสาคญของโปรแกรม โดยคลกทปม Config จะปรากฏหนาตางดงรป
รปท 3-3 แสดงหนาจอการตงคาโปรแกรมSimpleCast (2)
หนาตางนจะประกอบดวยสวนสาคญ 2 สวน คอ เมนควบคมดานซาย และสวนปรบแตง
ดานขวา โดยตองปรบแตงสวนทจาเปน ดงน
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 23
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• เลอกเมน General Options และคลกเลอกเครองหมายถกท Automatically Start Onload
จากนนในตวเลอก Capture Sound Devices ใหเลอกซาวดการดในเครองทไดตอสญญาณเสยง
เขาไวแลว
• เลอกเมน Registration Key กรอกคยในชองกาหนด
รปท 3-4 แสดงหนาจอการตงคาโปรแกรมSimpleCast (3)
ขนตอนท 3
1. การปรบแตงการเขารหสเสยง จะปรบโดยการทคลกปม Encoder ทหนาตางหลก เพอเปด
หนาตางการควบคมรหสเสยง
รปท 3-5 แสดงหนาจอการตงคาโปรแกรมSimpleCast (4)
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 24
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
2. คลกทปมเครองหมาย + เพอเพมรายการเขารหส จะปรากฏหนาตางเลกดงรปท 3-21
รปท 3-6 แสดงหนาจอการตงคาโปรแกรมSimpleCast (5)
มรปแบบไฟลเสยงใหเลอกทงหมด 4 แบบดวยกนไดแก
• MP3 and MP3 PRO เปนรปแบบของไฟลเสยงนามสกล MP3 ทสามารถใชใน Server ไดเตม
ประสทธภาพ
• WMA (V9 advanced) WMA ยอมาจาก Windows Media Audio เปนนามสกลของไฟลเสยงท
ใหคณภาพของเสยงสงใน Bitrate ทตา
• Legacy MP3 เปนรปแบบของไฟลเสยงนามสกล MP3 รนแรกๆ
• Ogg (Vorbis) เปนรปแบบของไฟลเสยงนามสกล Ogg
ทงนการเลอกขนอยกบขอกาหนดท Server ทเราใชบรการอยนนกาหนดมา ซงในระบบน
เลอกใชแบบ WMA (V9 advanced)
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 25
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3. เมอเลอกรปแบบไฟลเสยง WMA (V9 advanced) แลวคลก OK จะปรากฏตวเลอกใหมใหเลอก
บทเรททตองการใหสอดคลองกบความเรวอนเตอรเนตทใช (เชนความเรวอนเตอรเนตท
1024/512 kbps สามารถใชความเรวสงสดได 128 kbps)
รปท 3-7 แสดงหนาจอการตงคาโปรแกรมSimpleCast (6)
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 26
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
4. เปดทแทบ Stream Options และคลกเลอกเครองหมายถกท Auto Start Encoder ตามดวยคลก
เลอกตวเลอกตรงกลางไปท Use PUSH Distribution จะปรากฏหนาตาง พรอมชองใสคาตางๆ
ดงรป
รปท 3-8 แสดงหนาจอการตงคาโปรแกรมSimpleCast (7)
5. กรอกขอมลตางๆดงน
• ชอง Media Server Host/IP ใหปอนหมายเลข IP ของ Server ทใชบรการอย
• ชอง Publishing Point ใหใสชอของสถานวทยลงไป
• คลกเลอกเครองหมายถกท Automatically destroy publishing point after disconnect
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 27
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• ตวเลอกอน ๆ นนใหคงคาไวดงเดม
6. คลกเลอก OK เพอกลบสหนาหลก และปดโปรแกรมกอนเปดใหม 1 ครง เพอใหโปรแกรม
จดจาคาทต งไว (มเชนนน การตงคาโปรแกรมอาจจะสญหายได)
รปท 3-9 แสดงหนาจอโปรแกรม SimpleCast ขณะใชงาน
จากรปท 3-24 จะเหนการทางานของโปรแกรม SimpleCast ซงจะแสดงจานวนผฟงทกาลงฟง
อย ณ เวลาน (Current listeners)
3.2 เครองมอสาหรบการบนทกเสยงตามวนและเวลาทกาหนด
3.2.1 เปรยบเทยบคณสมบตของโปรแกรมสาหรบการบนทกเสยงตามวนและเวลา
ทกาหนด
โปรแกรมสาหรบการบนทกเสยงตามวนเวลาทกาหนดมอยมากมายในปจจบน ในทนจะ
กลาวถงขอดและขอเสยของโปรแกรมดงน 1) Simple Radio Recorder and Scheduler 2) Easy Hi-Q
Recorder และ 3) Loop Recorder
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 28
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
1) Simple Radio Recorder and Scheduler 1.2.2
เปนโปรแกรม Free Ware ทพฒนาขนโดย Dannis Babkin ใชบนทกเสยงตามเวลาทกาหนด
ได สามารถดาวนโหลดไดทเวบไซต http://www.dennisbabkin.com/php/download.php?what=srr
ขอด
เปนโปรแกรมทสามารถดาวนโหลดไปใชไดฟร ม Option หลายอยางเชน การมรหสใหตงชอ
ไฟลตามวนทและเวลาได ทาใหสะดวกในเรองของการบนทกทตองอาศยชอของไฟลตามวนและเวลาท
อดไว
ขอเสยหรอขอจากดในการเลอกใช
การตงคาคอนขางยงยาก เนองมาจากการทจะใหโปรแกรมสามารถอดรายการตอเนองกนนน
ตองอาศย Batch ไฟลเขามาชวย จงตองศกษาเพมเตมเรองน
2) Easy Hi-Q Recorder
Easy Hi-Q Recorder เปนโปรแกรมทสามารถอดเสยงแบบกาหนดเวลาได แตจะเปนใน
ลกษณะการแบงการบนทก (Split) ออกเปนตามระยะเวลาทกาหนด สามารถดาวนโหลดไดท
http://www.roemersoftware.com/#Easy_Hi-Q_Recorder
ขอด
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 29
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
การตงคาในการบนทกเสยงทาไดคอนขางงาย เพราะใชวธอดครงเดยว แตแบงไฟลออกเปน
ชวงๆตามเวลา
ขอเสยหรอขอจากดในการเลอกใช
มคาใชจายในการซอโปรแกรมประมาณ 1,000 บาท
3) Loop Recorder
การใช Loop Recorder จะตองมการใช Schedule Task มาชวยในการบนทกเสยงตามเวลาท
กาหนด และยงม Option พเศษอนๆอกเชน สามารถนาไฟลเพลงออกมาจาก Audio CD ได เปนตน
สามารถดาวนโหลดไดท http://www.looprecorder.de
ขอด
ถงแมวาจะตองมการใช Schedule Task แตกถอวา Loop Recorder ยงมการใชงานทไมยาก
มากนก
ขอเสยหรอขอจากดในการเลอกใช
มคาใชจายในการซอโปรแกรมประมาณ 800 บาท
สาเหตทผพฒนาเลอกใชโปรแกรม Simple Recorder and Scheduler
สาหรบการการบนทกเสยงตามวนเวลาทกาหนด
ผพฒนาไดเลอกใช Simple Recorder and Scheduler เนองมาจากวา ไมมคาใชจายสาหรบ
การใชโปรแกรม ถงแมวาจะมข นตอนการตงคาใหบนทกรายการตามวนและเวลาทกาหนดทยงยาก
แตกสามารถศกษาเพมเตมได แตทงนทงนน เนองมาจากวาผพฒนาไมไดทดลองใชทกโปรแกรม
เปนการศกษาจากคณสมบตเพยงเทานน จงอาจจะยงมขอดและขอเสยอน ๆ ของแตละตวมากกวาน
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 30
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3.2.2 ความรเบองตนเกยวกบ Batch File
เนองจากการใชโปรแกรม Simple Radio Recorder and Scheduler จาเปนจะตองใชความร
เบองตนในเรอง Batch File เพอทจะสามารถใหโปรแกรมมการบนทกเสยงแยกเปนชวงเวลา และ
บนทกตอเนองตลอดทงวนได
ความหมายของ Batch File
.BAT file 2550. < http://www.expert2you.com/view_question2.php?q_id=6353> Batch File เปนการเปดชองทางการ Interface ระหวาง ผใชงาน ( Peopleware ) กบระบบ
คอมพวเตอร อยางชาญฉลาดของผสรางระบบปฏบตการ DOS
โดยปกตคาสงทใชกบระบบคอมพวเตอรโดยเฉพาะ OS ทเปน DOS จะมคาสงทสามารถสงให
คอมพวเตอรทางานไดอย 3 ประเภท คอ 1) Command File ( .com ) , 2) Execute File ( .exe ) และ
3) Batch File ( .bat )
Command File และ Execute File เปน File ทบรรจคาสงทเปนรหสเลขฐานสอง หรอ เรยกกน
วา ภาษาเครอง ( Machine Code ) ซงผใชงาน ไมสามารถอานไดเขาใจ หรอ รเรองได
Batch File เปน File ทรวบรวมและเรยบเรยงชดคาสง ภายใน และ ภายนอก ทส งให
คอมพวเตอรทางานตามทตองการ ซงใชรหส ASCII ทเปนภาษาธรรมดาทผใชสามารถอานไดเขาใจ
โดยผใชสามารถเขยน Batch File เพอสรางชดคาสงทตองการไดตามประสงค เพยงแตเรยนรหลกการ
เขยน และ คาสงทสามารถใชได ใน Batch File โดย File ทถกสรางขนมาจะม นามสกลของไฟล ( File
Extension ) เปน " .bat " โดยท Batch File นสามารถตดตอกบ Batch File อน หรอ รบ-สง ตวแปร
เขาส หรอ ออกจาก Batch File ได เชนเดยวกนกบแนวคดของการเขยนโปรแกรมทกประการ เพยงแต
โปรแกรมทเปน Batch File น ระบบคอมพวเตอรสามารถประมวลผลคาสงทบรรจอยใน Batch File นได
ทนทโดยไมตองมการแปล ( Compile ) ไปเปนภาษาเครองอก เนองจากเปนคาสงท ระบบปฎบตการ
รจกอยแลว
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 31
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
การเขยน Batch File
วธการเขยน Bach File จะเปนการเขยนคาสงใน Notepad และบนทกชอไฟลเปนนามสกล bat
ดงเชนในตวอยางการเขยน Batch File เพอเรยกโปรแกรม Explorer ขนมาใชงาน และใหเรยกหนาเวบ
ของ www.google.com
ขนตอนท 1 เขยนคาสงใน Notepad ดงน
explorer http://www.google.com
รปท 3-10 แสดงการเขยน Batch File (1)
ขนตอนท 2 บนทกไฟลเปนนามสกล .bat
รปท 3-11 แสดงการเขยน Batch File (2)
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 32
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ขนตอนท 3 เปด Directory ของไฟลทบนทกไว Double Click ท Batch File จะ
ปรากฏหนา Browser ทมการเรยกเปดเวบไซต www.google.com
รปท 3-12 แสดงการเขยน Batch File (3)
3.3.3 การใชงานโปรแกรม Simple Recorder and Scheduler : การตงเวลาใน
การบนทก
การตงเวลาในการอดของโปรแกรมนจะใช Batch File มาชวยทาใหโปรแกรมสามารถ
บนทกเสยงไดตามเวลาทตองการ
ขนตอนท 1
เปดโปรแกรมจะไดหนาตางตามภาพดานลาง หลงจากนนคลกท “SET..”
รปท 3-13 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (1)
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 33
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ขนตอนท 2
รปท 3-14 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (2)
ตงคาตางๆดงน
• คลกเลอกท At specified date & time
• เอาเครองหมายถกทชอง Date ออก เพอทจะไมระบวนท
• ในชอง Time ตงเวลาเรมตน
• เลอกเครองหมายถกทชอง Begin Recording
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 34
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• การตง Title และ File Name จะสามารถกาหนดชอไฟลใหเปนไปตามทตองการได ดวยการใส
รหสดงน
รปท 3-15 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (3)
ตวอยางเชน ตงคาเปน “My Rec #DATE #TIME” จะไดไฟลทชอ “My Rec 12/25/2008
12:00:00 am” ในกรณทเวลาปจจบนคอ วนท 25 ธนวาคม ค.ศ. 2008 เวลา 24.00 น.
• คลก Next
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 35
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ขนตอนท 3
ตงคาตางๆดงน
• เลอก After specified time period (from wake-up moment) และตงคาความยาวของเวลาท
ตองการอด (ในทนเลอกเปน 30 นาท)
• ในตวเลอก Operation เลอก Exit immediately
รปท 3-16 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (4)
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 36
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ขนตอนท 4
(เปนการตง Batch File)
1. คลก More… หลงจากนนเลอก Save as…
2. ตงชอไฟล และเลอก Save เปนแบบ Command Batch File (*.bat) และปดโปรแกรม
รปท 3-17 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (5)
3. เปด Directory ท Save ไว คลกขวาทไฟลและเลอก Edit เพอเปดหนาตางโปรแกรม
Notepad
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 37
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท 3-18 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (6)
4. ในบรรทด REM id=”1” ใหแกเปนตวเลขอน เชน REM id=”123” เปนตน
รปท 3-19 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (7)
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 38
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท 3-20 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (8)
5. คลก File และ Save
6. ตง Batch File ของชวงเวลาถดมา โดยเรมจากขนตอนท 1 ใหม
7. กลบไปท Directory ใน Windows Explorer และดบเบลคลก Batch File อนแรกขนมา จะได
หนาตางดงภาพ
รปท 3-21 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (9)
8. เลอก Edit…
9. ในหวขอ Additional After That คลกเลอก Run the following file/program/web page: และ
ใส path ของ Batch File ทตงคาไวจะบนทกในชวงเวลาถดไป ซงวธการตง Batch File อน
ใหมนจะทาวธเดยวกบขนตอนขางตน และสาหรบไฟลถดไปกทาลกษณะนไปเรอยๆ
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 39
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท 3-22 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (10)
10. ในกรณทตองการใหโปรแกรมเปดโดยอตโนมตทนททเปดเครอง ใหคดลอก Batch File ของ
ชวงเวลาแรกสดไปใสไวในโฟลเดอร Startup
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 40
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท 3-23 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (11)
3.3 เครองมอทใชในการจดการในสวนของอนเตอรเฟสและฐานขอมลของ
เวบแอปพลเคชน
3.1.1 AppServ 2.5.10
AppServ คอชด Software ทรวมเอา Apache, PHP, MySQL และ phpMyAdmin มาไวในแพก
เกจเดยวกน โดยAppServจะตดตงระบบเวบเซรฟเวอรขนมาอยางรวดเรว โดย AppServ จะตดตง
โปรแกรมเหลานพรอมทงกาหนดคา Configuration File ของแตละโปรแกรมใหโดยอตโนมต จงชวย
ลดขนตอนและเวลาในการตดตงลงไดมากเมอเทยบกบการตดตงและกาหนดเองทละโปรแกรม
สามารถดาวนโหลดไดจาก http://www.appservnetwork.com/
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 41
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท 3-24 แสดงBrowser เพอแสดงการเรยกใช AppServ
1) Apache Web Server
เปนโปรแกรมททาให PC สามารถจาลองตวเปนเซอรเวอรทสามารถจะประมวลผลภาษา PHP
ได ซงเครองจะมความสามารถเปนทงClientและServer ไปในตว นยมใชมากในปจจบน เพราะ
สามารถใชไดกบระบบปฏบตการทหลากหลาย เชน Windows, Linux, UNIX เปนตน ถาหากทาการ
ตดตงแยกจะตองตดตง Apache กอน จงคอยทาการตดตง PHP และ MySQL ตามลาดบ
2) PHP 5.2.6
PHP เปน ภาษาโปรแกรม (Programming Language) ซงไมเหมอนกบ HTML ทเปนเพยง
ภาษาสาหรบอธบายหนาเอกสาร โดยท PHP Interpreter ซงทางานอยในเครองเซอรเวอรนน จะทา
การประมวลผลคาสงทเขยนดวยภาษ PHP แลวทางานตามคาสงเหลานน PHP จะเปนภาษาใน
ลกษณะ Server-Side Script แบบทเปนลกษณะ Open Source ผลลพธทไดจากการประมวลผลโดย
ภาษา PHP นน จะเปนภาษา HTML ทสามารถใช Web Browser ตางๆเปดดได เชน Internet
Explorer, Fire Fox, Opera เปนตน ภาษาพเอชพ ในชอภาษาองกฤษวา PHP ซงใชเปนคายอแบบ
กลาวซา จากคาวา PHP Hypertext Preprocessor หรอชอเดม Personal Home Page
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 42
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
คณสมบตของ PHP
• การแสดงผลของพเอชพ จะปรากฏในลกษณะ HTML ซงจะไมแสดงคาสงทผใชเขยน
• ภาษาทเรยนรและเรมตนไดไมยาก โดยมเครองมอชวยเหลอและคมอทสามารถหาอานไดฟรบน
อนเทอรเนต
• ความสามารถการประมวลผลหลกของพเอชพ ทางานเชนเดยวกบโปรแกรมในลกษณะ CGI
• การประมวลผลตามบรรทดคาสง (command line scripting) ทาใหผเขยนโปรแกรมสรางสครปต
พเอชพ ทางานผานพเอชพ พารเซอร (PHP parser) โดยไมตองผานเซรฟเวอรหรอเบราวเซอร
ซงมลกษณะเหมอนกบ Cron (ใน ยนกซหรอลนกซ) หรอ Task Scheduler (ในวนโดวส)
สครปตเหลานสามารถนาไปใชในแบบ Simple text processing tasks ได
• สามารถสราง XHTML หรอ XML
• สามารถทางานรวมกบคาสงเสรมตางๆ ซงสามารถแสดงผลขอมลหลก PDF แฟลช
• พเอชพในการทาอคอมเมรซ สามารถทางานรวมกบโปรแกรมอน เชน Cybercash payment,
CyberMUT, VeriSign Payflow Pro และ CCVS functions เพอใชในการสรางโปรแกรมทา
ธรกรรมทางการเงน
ตวอยางการเขยนคาสงในภาษา PHP
ภาษาพเอชพ จะเปนสวนประกอบภายในเวบเพจ โดยคาสงจะปรากฏระหวาง <?php ... ?>
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 43
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3) phpMyAdmin 2.10.3
phpMyAdmin เปนเครองมอตวหนงทชวยใหการบรหารฐานขอมล MySQL (MySQL Database
Server) ทาไดงายและสะดวกขน พฒนาโดยใชภาษา PHP ซงกหมายความวา phpMyAdmin คอแอป
พลเคชนการจดการฐานขอมล MySQL ทเขยนขนโดย PHP การใชงานจะเปนการใชงานผาน Web
Browser ไดทกชนด
MySQL คอ โปรแกรมระบบจดการฐานขอมล มหนาทเกบขอมลอยางเปนระบบ พฒนาโดย
บรษท MySQL AB ในประเทศสวเดน มทงแบบใชฟร และเชงธรกจ รองรบคาสงเอสควแอล (SQL =
Structured Query Language) เปนเครองมอสาหรบเกบขอมล ทตองใชรวมกบเครองมอหรอโปรแกรม
อนอยางบรณาการ เพอใหไดระบบงานทรองรบความตองการของผใช เชนทางานรวมกบเครองบรการ
เวบ (Web Server) เพอใหบรการแกภาษาสครปตททางานฝ งเครองบรการ (Server-Side Script) เชน
ภาษาพเอชพ ภาษาเอเอสพ หรอภาษาเจเอสพ เปนตน หรอทางานรวมกบโปรแกรมประยกต
(Application Program) เชน ภาษาวชวลเบสก ภาษาจาวา หรอภาษาซ เปนตน
<?php echo "Hello, World!"; ?> <? echo “Hello World.”; ?> <SCRIPT LANGUAGE = ‘php‘> echo “Hello World.”; </SCRIPT> <% echo “Hello World.”; %>
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 44
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
Web Client Web Server Database Server
ฐานขอมล
ดสก
Apache
PHP
MySQL ServerWeb Browser
Request
ResponseRequest
Response
รปท 3-25 แสดงแผนภาพการทางานรวมกนระหวาง Web Server และ Database Server
จากรปท 3-25 Web Client หรอผใช จะเรยกใชงานผานทาง Web Server โดยสงคาขอ
(Request) ไปท Apache Web Server และ Apache Web Server จะทาหนาทแปลภาษา PHP และสง
คาขอตอไปยง MySQL Database Server เพอตดตอกบฐานขอมลทเกบไว หลงจากนนจะสงผลตอบ
รบ (Response) ทไดจากทง Database และ Web Server กลบไปยง Browser ของ Web Client
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 45
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท 3-26 แสดงBrowser เพอแสดงการเรยกใช phpMyAdmin
3.1.1 Macromedia Dreamweaver 8
Dreamweaver เปนโปรแกรมสาเรจรปทชวยใหการสรางเวบเพจเปนไปไดงายขน จากทตอง
พมพใน Notepad เพยงอยางเดยว แต Dreamweaver จะม Tool Box ตางๆ ทเขามาชวยผท
ตองการออกแบบเวบไซตใหสามารถออกแบบไดสะดวกและรวดเรวยงขน
นอกจากนยงสามารถใชการพมพโคด รวมกบการสรางในหนา Design ได จงนามาใชรวมกบ
การพฒนาเวบแอปพลเคชนโดยภาษา PHP จะไดทาใหการสรางเวบเพจทาไดงายขน
ตวอยางหนาตางการใชโปรแกรม Dreamweaver ทมการพมพโคดรวมกบหนา Design
บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 46
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท 3-27 แสดงหนาจอโปรแกรม Macromadia Dreamweaver 8
บทท 4 การออกแบบและพฒนาระบบ 47
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
บทท 4
การออกแบบและพฒนาระบบ
4.1 การวเคราะหความตองการของระบบ
เนองจากเวบแอปพลเคชนทพฒนาขนมา มจดประสงคหลกเพอใหสามารถฟงวทยออนไลน และ
ฟงรายการของสถานวทยยอนหลงได จงแบงความตองการของระบบเปน 2 สวน ไดแก
4.1.1 สวนของผใชเวบแอปพลเคชน
• สามารถรบฟงรายการวทยผานทางอนเตอรเนต
• สามารถรบฟงรายการยอนหลงไดโดยเลอกจากการระบวนและเวลาทแนนอน และ
รบทราบไดวาวนและเวลาทเลอกจะฟงยอนหลงนนชอชวงอะไรและดเจคนไหนเปนคนจด
• สามารถรบฟงรายการยอนหลงไดโดยเลอกจากการกาหนดชอดเจทตองการ และ
รบทราบไดวาดเจทเลอกจะฟงยอนหลงนนมการจดรายการในชวงไหนแลวบาง
• สามารถรบรขอมลขาวสารของสถานได
• สามารถพดคยกบผฟงทานอนๆ หรอ ดเจผานทางเวบบอรด
4.1.2 สวนของผจดการระบบของเวบแอปพลเคชน
• สามารถเปลยนแปลงขอมลของดเจแตละคน
• สามารถระบสถานะไดเมอดเจคนนนไมไดจดรายการแลว แตขอมลในการบนทกจะ
ยงคงอย
• สามารถเพมขอมลของดเจขนมาใหม
• สามารถเปลยนแปลงขอมลของผงรายการ
• สามารถเพมขอมลของผงรายการ
บทท 4 การออกแบบและพฒนาระบบ 48
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• สามารถสถานะขอมลของผงรายการไดวาถกยกเลกไปแลว แลว แตขอมลในการบนทก
จะยงคงอย
• สามารถเปลยนแปลงขอมลของรายละเอยดไฟลทไดบนทกไว (Recording)
• สามารถเพมขอมลของรายละเอยดไฟลทไดบนทกไว (Recording)
• สามารถลบขอมลของรายละเอยดไฟลทไดบนทกไว (Recording)
4.2 ขอจากดของระบบ
1. ระบบสามารถกาหนดใหฟงรายการยอนหลงได 3 วน เนองมาจาก เนอททจะตองใช
บนทก ไฟลจะตองมขนาดใหญมาก ไฟลรายการทบนทกในเวลา 30 นาท จะมเนอท
ประมาณ 13 Mb ซงในการบนทกรายการตลอดทงวนจะมไฟลทเกดขนจากการบนทก
ประมาณ 35 ไฟล ซงรวมแลวใชเนอทประมาณ 500 Mbตอวน
2. เนองจากวาไมสามารถอพโหลดไฟล และฐานขอมลไดโดยอตโนมต ผจดการระบบในทก
วนจะตองอพโหลดไฟลรายการทบนทกและเพมฐานขอมลในสวนของรายการทบนทก
และในขณะเดยวกน ผจดการระบบกลบไฟล และจดการเปลยนแปลงฐานขอมลทกวนอก
ดวย
บทท 4 การออกแบบและพฒนาระบบ 49
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
4.3 การออกแบบเวบแอปพลเคชน
4.3.1 โครงสรางเมนหลกภายในเวบไซต
รบฟงวทยออนไลน(Radio Online)
ดเจ(DJ Profile)
ผงรายการ(Time Schedule)
กระดานสนทนา(Web Board)
Administrator
รบฟงรายการสด(Radio Broadcasting)
รบฟงรายการยอนหลง(Radio on Demand)
การจดการสวนขอมลดเจ
การจดการสวนขอมลผงรายการ
การจดการสวนขอมลไฟลรายการทบนทกไว
การจดการสวนเวบบอรด
รปท 4-1 แสดงโครงสรางเมนหลกภายในเวบไซต
จากรปท 4-1 เปนแผนผงโครงสรางเมนหลกภายในเวบไซต ซงมทงหมด 5 เมนดวยกนไดแก
1) การรบฟงวทยออนไลน แบงเปน รบฟงรายการสด (Radio Broadcasting) และรบฟงรายการ
ยอนหลง (Radio on Demand) 2) ดเจ 3) ผงรายการ 4) กระดานสนทนา และ 5) Administrator
แบงเปน การจดการสวนขอมลดเจ การจดการสวนขอมลผงรายการ การจดการสวนขอมลของไฟลท
บนทกไว และการจดการสวนเวบบอรด
บทท 4 การออกแบบและพฒนาระบบ 50
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
4.3.2 โครงสรางหนาเวบ
รปท 4-2 แสดงโครงสรางหนาเวบ
บทท 4 การออกแบบและพฒนาระบบ 51
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
4.4 การทางานของฟงกชนในเวบแอปพลเคชน
การทางานของฟงกชนในเวบแอปพลเคชนแบงออกเปน 2 สวน ไดแก สวนของผใชเวบแอป
พลเคชน และสวนของผจดการระบบ มรายละเอยดดงตอไปน
4.4.1 สวนของผใชเวบแอปพลเคชน
1) Data Flow Diagram สวนของผใชเวบแอปพลเคชน
1.1การฟงรายการสด
ผใช(User)
1.2การฟงรายการยอนหลง
1.3Web Baord
Recording
DJ
Topic
Answer
ผใหบรการการฟงวทย
ออนไลน (Server)
รายการสดจากสถาน
ขอมลการเลอกฟง
รายการสดจากสถาน
ขอมลการเลอกฟงยอนหลง /ขอมลการเลอกรปแบบการฟง /
วนท/เวลา / ชอดเจ /ขอมลของไฟล
ผลการเลอกรปแบบการฟง/ ขอมลดเจ / ขอมลRecording
ขอมลทผใชกรอก
ผลการตงกระท / ผลการตอบกระท
ขอมลRecording
ขอมลดเจ
ขอมลการตงกระท
ผลการตงกระท
ขอมลการตอบกระท
ผลการตอบกระท
รปท 4-3 แสดง Data Flow Diagram สวนของผใชเวบแอปพลเคชน
บทท 4 การออกแบบและพฒนาระบบ 52
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
จากรปท 4-3 มระบบยอย 3 ระบบ ไดแก 1) การฟงรายการสด 2) การฟงรายการยอนหลง 3)
Webboard มการตดตอกบระบภายนอกไดแก ผใช และ ผใหบรการการฟงวทยออนไลน
2) Data Flow Diagram สวนของผใชเวบแอปพลเคชน : การฟงรายการสด
รปท 4-4 แสดง Data Flow Diagram สวนของผใชเวบแอปพลเคชน : การฟงรายการสด
จากรปท 4-4 ผใชจะตองมการเลอกฟงรายการสด จะเปนการเปดโปรแกรมการฟงสดใหผฟง
จากผใหบรการฟงวทยออนไลน
บทท 4 การออกแบบและพฒนาระบบ 53
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3) Data Flow Diagram สวนของผใชเวบแอปพลเคชน : การฟงรายการยอนหลง
1.2.1การเลอกการฟงยอนหลง
1.2.5การแสดงชอดเจ
1.2.4การเลอกฟงแบบชอดเจ
1.2.7การแสดงขอมลของRecordingทเลอก
1.2.3การเลอกฟงแบบกาหนด
วนทและเวลา
1.2.2การแสดงหนาจอใหเลอก
รปแบบการฟง
1.2.8การเลอกเลนRecording
ผใช(User)
ผใช(User)
DJ
Recording
ขอมลการเลอกฟงยอนหลง
ขอมลการเลอกฟงยอนหลง
ขอมลการเลอกรปแบบการฟง
ขอมลการเลอกรปแบบการฟง
ขอมลการเลอกรปแบบการฟง
วนท/เวลา
ขอมลดเจ
ขอมลRecording
1.2.6การเลอกชอดเจ
ขอมลดเจ
ขอมลRecording
ขอมลดเจ
ผลการเลอกรปแบบการฟง
ขอมลการเลอกรปแบบการฟง
วนท/เวลา
ขอมลดเจ
ขอมลRecording
ชอดเจ
ผใช(User)
ขอมลRecording
ขอมลการเลอกรปแบบการฟง
รปท 4-5 แสดง Data Flow Diagram สวนของผใชเวบแอปพลเคชน : การฟงรายการยอนหลง
บทท 4 การออกแบบและพฒนาระบบ 54
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
จากรปท 4-5 ผใชตองเลอกวาจะใชการคนหาแบบเลอกฟงตามวนและเวลา หรอ เลอกฟงตาม
ชอดเจ ในกรณทเลอกฟงแบบกาหนดวนและเวลา ผใชตองระบคาวนททตองการ ระบบจะเรยก
ขอมลมาจากฐานขอมล Recording ระบบจะแสดงรายละเอยดของรายการทตองการฟง ผใชจะเลอกกด
ฟงรายการทตองการได สวนกรณทเลอกฟงจากชอดเจ ระบบจะดงขอมลจากฐานขอมล DJ ผใช
เลอกชอดเจทตองการ หลงจากนนระบบจะแสดงระบบจะแสดงรายละเอยดของรายการทตองการฟง
ผใชจะเลอกกดฟงรายการทตองการไดเชนเดยวกบการฟงแบบกาหนดวนทและเวลา
4) Data Flow Diagram สวนของผใชเวบแอปพลเคชน : เวบบอรด
1.3.1การตงกระท
ผใช(User)
ขอมลทผใชกรอก
1.3.2การตอบกระท
ขอมลทผใชกรอก
Topic
Answer
ผลการตงกระท
ขอมลการตงกระท
ขอมลการตอบกระท
ผลการตอบกระท
ผลการตงกระท
ผลการตอบกระท
รปท 4-6 แสดง Data Flow Diagram สวนของผใชเวบแอปพลเคชน : เวบบอรด
จากรปท 4-6 เวบบอรดแบงออกเปน 1) การตงกระท และ 2) ตอบกระท
บทท 4 การออกแบบและพฒนาระบบ 55
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
4.4.2 สวนของผจดการระบบ
1) Data Flow Diagram สวนของผจดการระบบ
รปท 4-7 แสดง Data Flow Diagram สวนของผจดการระบบ
บทท 4 การออกแบบและพฒนาระบบ 56
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
จากรปท 4-7 สวนของผจดการระบบ แบงออกเปน 1) การจดการระบบในสวนของดเจ 2) การ
จดการระบบในสวนของฟงรายการ 3) การจดการระบบในสวนของไฟลทบนทก และ 4) การจดการ
ระบบในสวนของเวบบอรด
2) Data Flow Diagram สวนของผจดการระบบ : การจดการสวนดเจ
รปท 4-8 แสดง Data Flow Diagram สวนของผจดการระบบ : การจดการสวนดเจ
จากรปท 4-8 การจดการระบบในสวนของดเจ แบงออกเปน 1) เพมขอมลดเจ 3) ลบขอมลด
เจ และ 3) เปลยนแปลงขอมล มสวนการใชฐานขอมล DJ
บทท 4 การออกแบบและพฒนาระบบ 57
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3) Data Flow Diagram สวนของผจดการระบบ : การจดการสวน ผงรายการ
2.2.1เพมขอมลผงรายการ
Daily Scheduleผดแลระบบ(Administrator)
2.2.2ลบขอมลผงรายการ
2.2.3เปลยนแปลงขอมล
ผงรายการ
ขอมลผงรายการ
ขอมลผงรายการ
ขอมลผงรายการ
ขอมลผงรายการ
ผลการบนทก
ขอมลผงรายการ
ผลการบนทก
ขอมลผงรายการ
ผลการบนทก
รปท 4-9 แสดง Data Flow Diagram สวนของผจดการระบบ : การจดการสวนผงรายการ
จากรปท 4-9 การจดการระบบในสวนของผงรายการ แบงออกเปน 1) เพมขอมลผงรายการ
3) ลบขอมลผงรายการ และ 3) เปลยนแปลงผงรายการ มสวนการใชฐานขอมล Daily Schedule
บทท 4 การออกแบบและพฒนาระบบ 58
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
4) Data Flow Diagram สวนของผจดการระบบ : การจดการสวนไฟลทบนทก
2.3.1เพมขอมลไฟลทบนทก
Daily Schedule
ผดแลระบบ(Administrator)
2.3.2ลบขอมล
ไฟลทบนทก
2.3.3เปลยนแปลงขอมล
ไฟลทบนทก
ขอมลผไฟลทบนทก
ขอมลไฟลทบนทก
ขอมลไฟลทบนทก
ขอมลไฟลทบนทก
ผลการบนทก
ขอมลไฟลทบนทก
ผลการบนทก
ขอมลไฟลทบนทก
ผลการบนทก
รปท 4-10 แสดง Data Flow Diagram สวนของผจดการระบบ : การจดการสวนไฟลทบนทก
จากรปท 4-10 การจดการระบบในสวนของไฟลทบนทก แบงออกเปน 1) เพมขอมลไฟลท
บนทก 3) ลบขอมลไฟลทบนทก และ 3) เปลยนแปลงไฟลทบนทก มสวนการใชฐานขอมล Daily
Schedule
บทท 4 การออกแบบและพฒนาระบบ 59
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
5) Data Flow Diagram สวนของผจดการระบบ : การจดการสวนเวบบอรด
2.4.1ลบหวขอกระท
Topicผดแลระบบ(Administrator)
2.4.2เปลยนแปลงหวขอ
กระท
ขอมลหวขอกระท
ขอมลหวขอกระท
ขอมลหวขอกระท
ผลการบนทก
ขอมลหวขอกระท
ผลการบนทก
2.4.3ลบคาตอบ
Answerผดแลระบบ(Administrator)
2.4.4เปลยนแปลงคาตอบ
ขอมลคาตอบ
ขอมลคาตอบ
ขอมลคาตอบ
ผลการบนทก
ขอมลคาตอบ
ผลการบนทก
รปท 4-11 แสดง Data Flow Diagram สวนของผจดการระบบ : การจดการสวนเวบบอรด
จากรปท 4-11s การจดการระบบในสวนของดเจ แบงออกเปน 1) การลบกระท 2)
เปลยนแปลงหวขอ 3) ลบคาตอบ และ 4) เปลยนแปลงคาตอบ มสวนการใชฐานขอมล Topic และ
Answer
บทท 4 การออกแบบและพฒนาระบบ 60
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
4.5 การทางานของเวบแอปพลเคชน
4.5.1 สวนของผใชเวบแอปพลเคชน
1) หนาแรกของเวบแอปพลเคชน
รปท 4-12 แสดงหนา Home Page ของเวบแอปพลเคชน
2) หนา Radio Online
รปท 4-13 แสดงหนา Radio Online
บทท 4 การออกแบบและพฒนาระบบ 61
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3) หนา DJ Profile
รปท 4-14 แสดงหนา DJ Profile
4) หนาผงรายการ
รปท 4-15 แสดงหนาผงรายการ
บทท 4 การออกแบบและพฒนาระบบ 62
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
5) หนาการเขาฟงรายการวทยทกาลงออกอากาศอย
รปท 4-16 แสดงหนาทฟงรายการวทยออนไลน
6) การเลอกฟงสถานวทยยอนหลง ทาไดดงน
• เขาเมนในสวนของ Radio Online และคลกเลอก
• จะขนเปนหนาตาง pop up
รปท 4-17 แสดงการทางานของการฟงรายการวทยยอนหลง (1)
บทท 4 การออกแบบและพฒนาระบบ 63
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• ในกรณทเลอกคนหาจากวนท / เวลา จะกลายเปนแบบฟอรมใหเลอกวนท เดอน และป
รปท 4-18 แสดงการทางานของการฟงรายการวทยยอนหลง (2)
• กดปม รบฟงรายการ จะพบกบตารางแสดงรายละเอยดของรายการทตองการฟง
รปท 4-19 แสดงการทางานของการฟงรายการวทยยอนหลง (3)
• กดปม เพอเรมเลน
บทท 4 การออกแบบและพฒนาระบบ 64
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• ในกรณทเลอกการฟงเปนการ Search จากชอดเจ จะปรากฏหนาตางใหเลอกชอดเจ
รปท 4-20 แสดงการทางานของการฟงรายการวทยยอนหลง (4)
• กดปม รบฟงรายการ จะปรากฏตารางแสดงรายละเอยดของรายการทไดบนทกไวตาม
ชอดเจทเลอก
รปท 4-21 แสดงการทางานของการฟงรายการวทยยอนหลง (5)
บทท 4 การออกแบบและพฒนาระบบ 65
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
7) ในกรณทไมม Record ตามทคนหา จะมการแจงใหทราบวาไมมผลลพธจากการ
คนหาคาดงกลาว
รปท 4-22 แสดงการทางานของการฟงรายการวทยยอนหลง (6)
8) ในกรณทดเจลาออกไป จะมการแจงใหทราบวาดเจทไดทาการคนหาไปนน
ลาออกไปแลว
รปท 4-23 แสดงการทางานของการฟงรายการวทยยอนหลง (7)
เนองมาจากในกรณทดเจลาออกไปแลว แตการบนทกยงคงมขอมลยอนหลงอย ถา
หากใหลบขอมลดเจไปกจะทาใหรายละเอยดของไฟลทบนทกนนหายไป จงตองมการกาหนดสถานะ
วาดเจคนนนยงคงอยหรอวาลาออกไปแลว
บทท 4 การออกแบบและพฒนาระบบ 66
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
9) ในกรณทรายการถกถอดออกจากผง จะมการแจงใหทราบวารายการนนไดถก
ออกจากผงไปแลวเมอคนหา
รปท 4-24 แสดงการทางานของการฟงรายการวทยยอนหลง (8)
เนองมาจากในกรณทรายการถกถอดจากผงแลว แตการบนทกยงคงมขอมลยอนหลงอย ถา
หากใหลบขอมลรายการไปกจะทาใหรายละเอยดของไฟลทบนทกนนหายไป จงตองมการกาหนด
สถานะวารายการนนยงคงอยในผงหรอถกถอดจากผงไปแลว
บทท 4 การออกแบบและพฒนาระบบ 67
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
4.5.2 สวนของผจดการระบบ
1. สวนของผจดการระบบสามารถเขาถงไดโดยคลกทคาวา Administrator ตรงมมขวาลางของ
เวบเพจ
รปท 4-25 แสดงเมนทางเขาของผดแลระบบ
2. กรอก username และ password (ในทนคอ password) และกด Submit
รปท 4-26 แสดงหนาจอการกรอก username และ password
บทท 4 การออกแบบและพฒนาระบบ 68
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ปรกอบดวยเมน 4 เมน ไดแก 1) ออกจากระบบ 2) การจดการขอมลสวนดเจ 3) การจดการ
ขอมลสวนผงรายการ และ 4) การจดขอมลสวนรายละเอยดไฟลรายการทบนทกไว
รปท 4-27 แสดงหนาจอเมนของผดแลลระบบ
3. การจดการในสวนของดเจ
รปท 4-28 แสดงการจดการในสวนของดเจของผดแลระบบ (1)
บทท 4 การออกแบบและพฒนาระบบ 69
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• ในการแกไขรายการใหเลอก “edit” และ ตองการเพมรายการเลอก “เพม”
รปท 4-29 แสดงการจดการในสวนของดเจของผดแลระบบ (2)
• ในชองสถานะ “0” หมายถง ลาออกไปแลว และ “1” หมายถง ดเจทยงคงอย
4. การจดการในสวนของผงรายการ
รปท 4-30 แสดงการจดการในสวนของผงรายการของผดแลระบบ (1)
บทท 4 การออกแบบและพฒนาระบบ 70
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
• ในการแกไขรายการใหเลอก “edit” และ ตองการเพมรายการเลอก “เพม”
รปท 4-31 แสดงการจดการในสวนของผงรายการของผดแลระบบ (2)
• ในชองสถานะของผงรายการ “0” หมายถง ผงรายการนถกถอดไปแลว และ “1”
หมายถง ผงรายการทยงคงอย
5. การจดการในสวนของไฟลทบนทกไว
รปท 4-32 แสดงการจดการในสวนของไฟลทบนทกของผดแลระบบ (1)
บทท 4 การออกแบบและพฒนาระบบ 71
การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ผดแลระบบจาเปนจะตองลบไฟลเกาออก และเพมไฟลใหมทกวน โดยผานทางโปรแกรมอพ
โหลดประเภท FTP เพอความรวดเรวในการอพโหลดไฟล และตองเพมขอมลเกา และลบขอมลใหม
ของไฟลรายการทบนทกไว
• ในการลบขอมลของไฟลรายการทบนทกไว ใหเลอก “delete” ตองการเพมรายการ
เลอก “เพม” และตองการลบ ใหเลอก “delete”
รปท 4-33 แสดงการจดการในสวนของไฟลทบนทกของผดแลระบบ (2)
• กรอกวนทในชองวนทตามฟอรม ป-เดอน-วน
• เลอกผงทตองการ
• ชอง URL ใสทอยของไฟลทอพโหลดไว
บทท 5 บทสรปและขอเสนอแนะ 72
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
บทท 5
บทสรปและขอเสนอแนะ
ในการทาโครงงานชนนทาใหมความรและเขาใจในเรองของการกระจายเสยงผานอนเตอรเนต
และการเขยนเวบแอพพลเคชนโดยใชภาษา PHP และ MySQL มากขน จงมขอสรปและเสนอแนะ
ดงตอไปน
5.1 บทสรปจากการพฒนาโครงการ
จากการทไดวางวตถประสงคไวตงแตเรมโครงการ และไดพฒนาเวบแอพพลเคชนการฟง
รายการของสถานวทยตามคาสง ไดขอสรปดงน
1) การกระจายเสยงของสถานวทยออนไลนผานระบบอนเตอรเนต
ทาใหผพฒนาสามารถทราบวธการสงสญญาณเสยงจากสถานวทยไปสเซอรเวอร และจากเซอร
เวอรไปยงผฟง ทราบถงขอจากดตางๆในการกระจายเสยงผานระบบอนเตอรเนต ซงการกระจาย
เสยงผานทางระบบอนเตอรเนตจงเปนประโยชนกบทงผฟงรายการทสามารถฟงรายการจากทใดกไดทม
อนเตอรเนต ไมจาเปนวาจะตองอยในทองถนเดยวกบสถาน และสถานกสามารถใชชองทางนเขาถง
กลมผฟงไดหลากหลายและกวางขวางมากขน
มซอฟตแวรและผใหบรการจานวนมากทใหบรการวทยออนไลน ซงผพฒนาเลอกใชซอฟตแวร
ทชอ SimpleCast เนองจากมฟงกชนการใชงานทคอนขางงาย ถงแมจะตองเสยคาใชจายในการซอ
ซอฟตแวร แตสามารถรองรบผฟงไดมาก เมอเทยบกบการใชซอฟตแวรกระจายเสยงแบบอนๆ ทจะ
จากดจานวนผฟงไวนอย จงตองเลอกใชซอฟตแวรน เพราะจาเปนทจะตองนกถงจานวนผฟงทมากขน
ในอนาคต
บทท 5 บทสรปและขอเสนอแนะ 73
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
2) วธการตางๆ ทใชในการทาระบบการฟงวทยยอนหลงตามคาสง (Radio on Demand)
การจะทาระบบการฟงยอนหลงนนจาเปนตองมซอฟตแวรทมคณสมบตทสามารถบนทกเสยง
และทางานตามเวลาได และตองมการแบงสวนของการบนทกดวย เนองจากไฟลเสยงเปนไฟลทม
ขนาดใหญ จงตองมการจดการทรพยากรในเครองทใชในการบนทกใหดอกดวย
3) การเขยนเวบแอพลเคชนโดยใชภาษา PHP 5 และ MySQL 5.0
จากการทไดโครงงานนทาใหเขาใจการเขยนเวบแอพลเคชนโดยใชภาษา PHP 5 และ MySQL
5.0 มากยงขน สามารถเขาใจกระบวนการของภาษา PHP และการจดการระบบในMySQL ซงระบบ
ททาอาจจะไมใชระบบอะไรทใหญมากนก แตการใช MySQL กทาใหการทา Database มความสะดวก
มากขน และเนองมาจากวาจะตองใช PHP ใหสามารถเรยกใชคาสงใหฟงเพลงออกมาได จงตองม
ความรในเรองของการสงผานตวแปรระหวางกนของภาษา PHP และโปรแกรม Windows Media Player
ทใชในการเปดฟงสถานผานหนาเวบไซตดวย
4) พฒนาเวบแอพลเคชนสาหรบสถานวทยโดยใชภาษา PHP 5 และ MySQL 5.0
สามารถพฒนาเวบแอพพลเคชนสาหรบสถานวทยได การกระจายเสยงผานทางอนเตอรเนต
และการมระบบการฟงรายการของสถานวทยตามคาสงทสามารถฟงยอนหลงได และยงมฟงกชนเสรม
อนๆเชน เวบบอรด สามารถทาใหการออกอากาศของสถานวทยมประสทธภาพ และสรางภาพลกษณ
ทดใหกบสถานดวย
5.2 ปญหา อปสรรค และขอจากดของระบบ
จากการพฒนาโปรแกรมมา ไดพบกบปญหา อปสรรค และรวมไปถงขอจากดของระบบ
ดงตอไปน
1. เนองจากผพฒนาไมมความรเกยวกบเครองมอทนามาใช จงคอนขางใชเวลานานทจะศกษาเรอง
น และตองคอยถามผร และศกษาดวยตนเองเพมเตม
2. ซอฟทแวรทสามารถบนทกเสยงตามเวลา และสามารถตงเวลาใหบนทกตามทต งนน คอนขาง
หายาก ในชวงแรกจงใชเวลาหาซอฟทแวรทมคณสมบตอยางนอย และซอฟตแวรทใชกยง
ไมถอวาสะดวกมากนก เพราะมข นตอนการตงคาทคอนขางยงยาก
บทท 5 บทสรปและขอเสนอแนะ 74
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3. ขนาดของไฟลรายการทอดไวมขนาดคอนขางใหญ สาหรบรายการวทยความยาว 30 นาท จะ
ใชเนอทประมาณ 13 Mb จะเปนอปสรรคตอทงพนท Hosting และ Bandwidth ทสถานจะตอง
เลอกใช และเปนบญหากบผฟงในกรณทความเรวของอนเตอรเนตไมสงพอ ไฟลทฟงกอาจจะ
กระตกได และถาหากตงคาใหม Bit Rate นอยเกนไป กจะทาใหเสยงทออกมาไมไพเราะ
เทาไหร ซงการอดรายการ 1 วน จะไดไฟลมขนาดประมาณ 500 Mb ดงนนจงตองดความ
เหมาะสมของ Server ทสถานใชอยวาจะมการกาหนดใหเกบอพโหลดไดไมเกนกวน หรอ ก
อาทตย แตในทนกาหนดไวใหไมเกน 3 วน
4. ภาษา PHP ทผพฒนาระบบเลอกทาน เปนการทา Coding ดวยการพมพทงหมด ถงแมจะม
การใช Dreamweaver เขามาชวยบาง แตเนองมาจากผพฒนายงไมมความเชยวชาญพอ จง
ทาใหการตกแตงหนาเวบไมสวยงามเทาไรนก หากเลอกใชเครองมออนๆทมการจดรปแบบให
อยแลว เชน Visual Studio หรอ เชนนกจะทาใหการตกแตงเปนไปไดงายขน
5. ระบบทพฒนามาไมสามารถจะอพโหลดไฟลทบนทกรายการและบนทกขอมลการบนทกไวขน
ไปบน Server ไดโดยอตโนมต จงตองใหผดแลระบบตองจดการอพโหลดไฟลไปไวบน
Server และตองอพเดทฐานขอมล MySQL ในสวนของไฟลรายการทอดไวทกวน เนองจาก
ผพฒนาไดมการคนหาโปรแกรมสาหรบการอพโหลดไฟล และไมสามารถหาโปรแกรมท
สามารถทาไดทงการเพมและลบไฟลอตโนมต และไมตองเสยคาใชจายในการซอ อยางไรก
ตามยงมโปรแกรมทชอ Fling FTP ทสามารถอพโหลดไฟลโดยอตโนมต แตยงไมม
ความสามารถในการลบไฟลออก
6. การทใหผฟงสามารถฟงไดอยางเดยว แตไมสามารถดาวนโหลดไดนน เนองจากผพฒนาระบบ
เกรงวาอาจมปญหาดานลขสทธ อยางไรกตาม การใหฟงยอนหลงนนไมถอวาเปนการละเมด
ลขสทธ
5.3 ขอเสนอแนะและแนวทางการพฒนาโปรแกรม
เวบแอพพลเคชนสามารถเพมเตมฟงกชนตางๆไดมากกวาน และเทคโนโลยใหมๆ เพมขน
เรอยๆ ซงผทจะพฒนาตอสามารถนาสงอน ๆ มาตอยอดจากระบบนได ขอเสนอแนะและ
แนวทางตางๆ มดงตอไปน
1. เพมการทาการฟงรายการยอนหลงของหลายสถานมากขน เพราะการทาระบบนเปนเพยง
การทาการฟงรายการยอนหลงของสถานวทยเพยงแหงเดยวเทานน
บทท 5 บทสรปและขอเสนอแนะ 75
การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
2. ในสวนของการฟงรายการจากสถานวทยออนไลนควรจะมการเพมเตมในสวนทแสดงใหเหน
วาขณะนดเจคนใดเปนคนจดรายการ
3. เพมระบบสมาชกเพอทจะไดเกบขอมลของผฟงรายการ และรบทราบตวตนของผทเปน
สมาชก เพอใหสอดคลองกบพระราชบญญตวาดวยการกระทาผดเกยวกบคอมพวเตอร
พ.ศ. 2550 ทไดมการประกาศใช โดยท มาตรา 26 วรรคท 2 กลาววา “ผใหบรการจะตอง
เกบรกษาขอมลของผใชบรการเทาทจาเปน เพอใหสามารถระบตวผใชบรการนบตงแตเรม
ใชบรการและตองเกบรกษาไวปนเวลาไมนอยกวาเกาสบวนนบตงแตการใชบรการสนสดลง”
4. นาเทคโนโลยของ Podcast เขามารวมดวย ซง Podcast คอ ไฟลเสยงหรอวดโอท
สามารถใหดาวนโหลดไดบน Internet ผานทางโปรแกรมเลนเพลงทอยบนเครองโทรศพท
พกพา หรอในคอมพวเตอร ซงผใชสามารถตงเวลาและวนทตองการรบฟงรายการไวได
ลวงหนา เมอพอถงวนและเวลาทกาหนด Podcast จะสงไฟลมาใหผใชคนนน ซงถา
นามาปรบใชรวมกนกจะทาใหเวบมประสทธภาพมากยงขน
ภาคผนวก ก การตดตงและใชงานโปรแกรม 77
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ภาคผนวก ก
การตดตงและใชงานโปรแกรม
ในโครงงานนจาเปนทจะตองตดตงโปรแกรมหลายประเภท ดงนนจงขออธบายการตดตงแตละ
โปรแกรม และการใชงานโดยคราวๆของบางโปรแกรม
1. การใชงาน AppServ และ PHP MyAdmin
โปรแกรม AppServ สามารถ ดาวนโหลดจาก http://www.appservnetwork.com/
เมอตดตงโปรแกรมเรยบรอยแลวใหทดสอบโปรแกรมโดยการเปด Web Browser และกรอกชอง
Address วา “localhost” browserจะแสดงดงภาพ
รปท ก-1 แสดงBrowser เพอแสดงการเรยกใช AppServ
ภาคผนวก ก การตดตงและใชงานโปรแกรม 78
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
การใชงาน phpMyAdmin
• เปด Browser และกรอก localhost/phpmyadmin ในชอง Address ของ Browser จากนนจะ
ปรากฏหนาตางใหกรอกชอง Username เปน “root” และชอง Password ตามทไดตงไวตงแต
ตอนตดตง
รปท ก-2 แสดงBrowser เพอแสดงการเรยกใช AppServ
• เมอคลก OK จะไดหนาตางดงภาพดานลาง
ภาคผนวก ก การตดตงและใชงานโปรแกรม 79
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท ก-3 แสดงBrowser เพอแสดงการเรยกใช phpMyAdmin
การสรางและจดการฐานขอมล
1. สรางฐานขอมลในชอง สรางฐานขอมลใหม
2. สรางตารางในฐานขอมล
รปท ก-4 แสดงBrowser ในการสรางและจดการ phpMyAdmin (2)
ภาคผนวก ก การตดตงและใชงานโปรแกรม 80
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3. ระบคาตางๆในแตละ Field
รปท ก-5 แสดงBrowser ในการสรางและจดการ phpMyAdmin (3)
คาอธบายสญลกษณเพมเตม
= ตงคาใหเปน Primary Key
= ตงคาใหใช Index ได
ตวอยางการสรางตารางทชอ test มตารางชอ “table1” ซงประกอบดวย Field ทชอ “table1_id”
และ “table1_name
รปท ก-6 แสดงBrowser ในการสรางและจดการ phpMyAdmin (4)
4. การใสขอมลลงในตาราง
• คลกท “แทรก” จะไดหนาตางดงภาพขางลาง
ภาคผนวก ก การตดตงและใชงานโปรแกรม 81
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท ก-7 แสดงBrowser ในการสรางและจดการ phpMyAdmin (5)
• กรอกขอมลในตาราง แลวคลก “ลงมอ”
2. การตดตง SimpleCast 2.5.3
ดาวนโหลดไดทเวบไซต http://www.spacialaudio.com/?page=simplecast
Icon สาหรบการตดตง
รปท ก-8 แสดงหนาจอตดตงโปรแกรมSimpleCast (1)
• คลกเลอก I agree
ภาคผนวก ก การตดตงและใชงานโปรแกรม 82
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท ก-9 แสดงหนาจอตดตงโปรแกรมSimpleCast (2)
• คลกเลอก Next
รปท ก-10 แสดงหนาจอตดตงโปรแกรมSimpleCast (3)
• คลกเลอก Install
3. การตดตง Simple Radio Recorder and Scheduler
ดาวนโหลดไดทเวบไซต http://www.dennisbabkin.com/php/download.php?what=srr
Icon สาหรบการตดตง
ภาคผนวก ก การตดตงและใชงานโปรแกรม 83
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท ก-11 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (1)
• หลงจาก Double Click ท Icon จะปรากฏหนาตางดงรปท ก-11 หลงจากนนคลก Next
รปท ก-12 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (2)
• เลอก I accept the agreement หลงจากนนคลก Next
ภาคผนวก ก การตดตงและใชงานโปรแกรม 84
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท ก-13 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (3)
• เลอกวาจะใหโปรแกรมตดตตงอยทสวนใดของเครอง หลงจากนนคลก Next
รปท ก-14 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (4)
• คลก Next
ภาคผนวก ก การตดตงและใชงานโปรแกรม 85
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท ก-15 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (5)
• เลอกโฟลเดอรทจะเปนทเกบไฟลทอดเสยงออกมา หลงจากนนคลก Next
รปท ก-16 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (6)
• คลก Next
ภาคผนวก ก การตดตงและใชงานโปรแกรม 86
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
รปท ก-17 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (7)
• คลก Next
ภาคผนวก ข Entity Relationship Diagram 87
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ภาคผนวก ข
Entity Relationship Diagram
1. โครงสรางขอมลผงรายการ
daily_schedule
PK daily_id
time_iddj_iddaily_progdaily_status
time
PK time_id
time_begintime_end
dj
PK dj_id
dj_nameFK1 daily_id
dj_status
รปท ข-1 โครงสรางขอมลผงรายการ
2. โครงสรางขอมลไฟลทบนทกไว
รปท ข-2 โครงสรางขอมลไฟลทบนทกไว
ภาคผนวก ข Entity Relationship Diagram 88
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3. โครงสรางขอมลเวบบอรด
รปท ข-3 แสดงโครงสรางขอมลเวบบอรด
ภาคผนวก ค Data Dictionary 89
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ภาคผนวก ค
Data Dictionary
1. ตาราง time เปนตารางทเกบขอมลเวลาทงวน
ขอมล (field)
คาอธบาย (Description)
ชนดขอมล (Type)
ขนาดขอมล (Size)
หมายเหต (Remark)
time_id รหสเวลา int 2 Primary Key, ไมสามารถวางได time_begin เวลาเรมตน int 5 ไมสามารถวางได time_end เวลาหยด int 5 ไมสามารถวางได
ตารางท ค-1 แสดง Data Dictionary ของตาราง time
2. ตาราง dj เปนตารางทเกบขอมลดเจทงหมดในสถานวทย
ขอมล (field)
คาอธบาย (Description)
ชนดขอมล (Type)
ขนาดขอมล (Size)
หมายเหต (Remark)
dj_id รหสดเจ int 2 Primary Key, ไมสามารถวางได dj_name ชอดเจ varchar 50 ไมสามารถวางได dj_status สถานะการลาออก
/ คงอยของดเจ binary 1 ไมสามารถวางได
ตารางท ค-2 แสดง Data Dictionary ของตาราง dj
ภาคผนวก ค Data Dictionary 90
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
3. ตาราง daily_schedule เปนตารางทเกบผงรายการประจาวน
ขอมล (field)
คาอธบาย (Description)
ชนดขอมล (Type)
ขนาดขอมล (Size)
หมายเหต (Remark)
daily_id รหสผงรายการ int 2 Primary Key, ไมสามารถวางได time_id รหสเวลา int 5 Foreign Key, ไมสามารถวางได dj_id รหสดเจ int 5 Foreign Key, ไมสามารถวางได daily_prog ชอผงรายการ varchar 50 ไมสามารถวางได daily_status สถานะของผง
รายการ binary 1 ไมสามารถวางได
ตารางท ค-3 แสดง Data Dictionary ของตาราง daily_schedule
4. ตาราง recording เปนตารางทเกบรายละเอยดของไฟลรายการทถกบนทกไว
ขอมล (field)
คาอธบาย (Description)
ชนดขอมล (Type)
ขนาดขอมล (Size)
หมายเหต (Remark)
rec_path url ของไฟลรายการทถกบนทกไว
longtext ไมสามารถวางได
rec_date วนทของรายการทบนทกไว
date ไมสามารถวางได
daily_id รหสผงรายการ int 2 Foreign Key, ไมสามารถวางได
ตารางท ค-4 แสดง Data Dictionary ของตาราง recording
ภาคผนวก ค Data Dictionary 91
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
5. ตาราง topic เปนตารางทเกบหวขอกระท
ขอมล (field)
คาอธบาย (Description)
ชนดขอมล (Type)
ขนาดขอมล (Size)
หมายเหต (Remark)
topic_id รหสกระท int Primary Key, ไมสามารถวางได, เพมอตโนมต
topic_name ชอผต งกระท varchar 50 ไมสามารถวางได topic_title ชอหวขอกระท varchar 255 ไมสามารถวางได topic_detail รายละเอยดของ
หวขอกระท longtext ไมสามารถวางได
topic_ip IP Address ของผต งกระท
varchar 15 ไมสามารถวางได
topic_dtime วน / เวลาทต งกระท
datetime ไมสามารถวางได
topic_ans_count จานวนคาตอบของกระท
int ไมสามารถวางได
ตารางท ค-5 แสดง Data Dictionary ของตาราง topic
6. ตาราง answer เปนตารางทเกบคาตอบของกระท
ขอมล (field)
คาอธบาย (Description)
ชนดขอมล (Type)
ขนาดขอมล (Size)
หมายเหต (Remark)
ans_id รหสคาตอบของกระท
int Foreign Key, ไมสามารถวางได
ans_name ชอผตอบกระท varchar 50 ไมสามารถวางได topic_id รหสกระท int 255 ไมสามารถวางได ans_detail รายละเอยดของ
คาตอบของกระท longtext ไมสามารถวางได
ans _ip IP Address ของผตอบกระท
varchar 15 ไมสามารถวางได
ans _dtime วน / เวลาทตอบกระท
datetime ไมสามารถวางได
ตารางท ค-6 แสดง Data Dictionary ของตาราง answer
ภาคผนวก ง คาอธบายศพทเฉพาะ 92
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
ภาคผนวก ง
คาอธบายศพทเฉพาะ
ในเนอหาบทท 2 มการใชคาศพทเฉพาะหลายคาดวยกน รวมไปถงคาศพทใหมๆ ทเกยวของ
กบ Streaming Technology ดวย จงขออธบายศพทเพมเตมในภาคผนวกน
• Advanced Streaming Format ( ASF ) เปนรปแบบขอมลสาหรบเผยแพรภาพและเสยงบน
ระบบเนตเวรค ขอมลASFอาจจะอยในรปไฟล.asf หรอเปนการถายทอดขอมลสดซงสรางจาก
Windows Media Encoder กได สาหรบASFทมเฉพาะขอมลเสยงจะเรยกวา Windows Media
Audio ซงมนามสกลเปน.wma
• ASF Stream Redirector ( ASX ) ASX Metafiles มลกษณะเปน text file ซงจะเปน URL ของ
ไฟล ASF สาหรบใหขอมลแก Windows Media Player เพอใชในการตดตอกบตว Streaming
Media Player
• Windows Media Services Protocols เปน Protocol ท Windows Media Services ใชในการ
ตดตอระหวางสวนตางๆในระบบ
• Microsoft Media Server Protocol ( MMS Protocol ) MMS Protocol จะใชในการตดตอ
ระหวาง Media Player กบ Windows Media Server
• Media Stream Broadcast Distribution Protocol ( MSBD Protocol ) MSBD Protocol จะใช
ในการตดตอระหวาง Windows Media Encoder และ Windows Media Server หรอใชตดตอ
ระหวาง server ดวยกนเอง
• Hypertext Transfer Protocol (HTTP) ในแตละ component สามารถใช HTTP ในการตดตอได
ทงหมด ขอดอกอยางหนงคอ HTTP สามารถใชในการตดตอผาน firewall ทวไปได
• Real Media ( RM ) Real Media File เปนสอMultimediaทถกสรางขนจาก Real Producer
เพอใชเฉพาะสาหรบ Real Player โดยจะม 3 ประเภทใหญๆ คอ
- Real Audio ใชนามสกล .ra สาหรบสอขอมลเสยง
- Real Video ใชนามสกล .rv สาหรบสอขอมลวดโอ( ไมรวมเสยง )
ภาคผนวก ง คาอธบายศพทเฉพาะ 93
การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง 51B09
- Real Media ใชนามสกล .rm สาหรบสอขอมลวดโอและขอมลเสยง
• Real Media Metafile ( RAM ) Real Media Metafile เปน text file ทระบลาดบของ URL ท
เกบ media file สามารถระบ file ทเลนเพยง file เดยวหรอระบหลาย file เพอใหเลนตามลาดบก
ได
• Ramgen จะเปนshortcut ไปยงfile .ram ซงจะอยในลกษณะ URL ทจะชไปยงหนาเวบเพจหรอ
ตวfile .ram นนเอง
• Real Time Streaming Protocol ( RTSP ) RTSP เปนโปรโตคอลทใชรปแบบ client/server ท
ถกออกแบบเพอใชในการแสดงสอMultimedia สาหรบ Real Server เวอรชนใหม RTSPจะ
สนบสนน SureStreamTM ซงจะสามารถเลอกทจะสงขอมลทอตราความเรวสงทสดในขณะนน
โดยอตโนมต
• Progressive Networks Audio ( PNA ) PNA เปนโปรโตคอลทใชรปแบบ client/server ซงถก
ใชใน Real Server เวอรชนเกา ซงในปจจบนยงคงมใชอยบาง
• HyperText Transmission Protocol ( HTTP ) HTTP ถกใชสาหรบการตดตอระหวางเวบเพจ
กบReal Player และเปนโปรโตคอลทใชตดตอผาน firewall
ถงแมวา Streaming Media Server แตละตว จะมโปรโตคอลทใชงานตางกนเชน RTSP ของ
Real Network และ MMS ของ Microsoft แตการทางานในระดบการสงขอมลจะมลกษณะคลายคลงกน
คอ มการใชบรการโปรโตคอล TCPและ UPD
• Transmission Control Protocol ( TCP ) : TCP protocol จะเปนการสงขอมลแบบสองทาง คอ
มการตดตอระหวางผสงและผรบตลอดเวลา โดยขอมลทรบ-สงจะมความถกตองอยในระดบสง
จะใชในการควบคมระหวาง server และ client เชน การ play , pause , forward
• User Datagram Protocol ( UDP ) : UDP protocol จะเปนการสงขอมลทศทางเดยว คอ ขอมล
จะสงจาก server ไปยงclient โดยไมมการตรวจสอบความถกตองของขอมล ดงนนจงสามารถสง
ขอมลไดเรวกวา TCP protocol จงไดถกนามาใชในการสงขอมลMultimedia