104
โครงงานสถิติ Senior Project สาขา เทคโนโลยีสารสนเทศเพื ่อธุรกิจ ภาควิชาสถิติ คณะพาณิชยศาสตร์และการบัญชี จุฬาลงกรณ์มหาวิทยาลัย เรื่อง 51B09 การพัฒนาเว็บแอปพลิเคชันเพื ่อการรับฟ งรายการของสถานีวิทยุตามคําสั่ง A Development of a Web Application for Listening to Radio Station Broadcasting on Demand โดย 484 20226 26 นางสาวณัฐณี เจริญสุขสมบูรณ์ อาจารย์ที่ปรึกษา คณะกรรมการ .ดร. จันทร์เจ้า มงคลนาวิน รศ. ศิริชัย พงษ์วิชัย ผศ.ดร. ชัชพงศ์ ตั้งมณี ปีการศึกษา 2551

A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

โครงงานสถต Senior Project

สาขา เทคโนโลยสารสนเทศเพอธรกจ

ภาควชาสถต คณะพาณชยศาสตรและการบญช จฬาลงกรณมหาวทยาลย

เรอง

51B09 การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง

A Development of a Web Application for Listening to Radio Station Broadcasting on Demand

โดย

484 20226 26 นางสาวณฐณ เจรญสขสมบรณ

อาจารยทปรกษา คณะกรรมการ อ.ดร. จนทรเจา มงคลนาวน รศ. ศรชย พงษวชย

ผศ.ดร. ชชพงศ ตงมณ

ปการศกษา 2551

Page 2: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

โครงงานสถต Senior Project

สาขา เทคโนโลยสารสนเทศเพอธรกจ

ภาควชาสถต คณะพาณชยศาสตรและการบญช จฬาลงกรณมหาวทยาลย

เรอง

51B09 การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง

A Development of a Web Application for Listening to Radio Station Broadcasting on Demand

โดย

484 20226 26 นางสาวณฐณ เจรญสขสมบรณ

อาจารยทปรกษา คณะกรรมการ อ.ดร. จนทรเจา มงคลนาวน รศ. ศรชย พงษวชย

ผศ.ดร. ชชพงศ ตงมณ

ปการศกษา 2551

Page 3: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

i

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                         51B09      

บทคดยอ

บทคดยอ

สถานวทยจานวนมากใหความสนใจกบการกระจายเสยงผานทางระบบอนเตอรเนต เพราะสถานวทยจะเปนลกษณะสถานวทยทองถน ทผฟงจะฟงไดแตเฉพาะพนททมอยในรศมการสงสญญาณเทานน กลมคนฟงมแตคนทอยอาศยในทองถนเดยวกน ซงการกระจายเสยงผานระบบอนเตอรเนตจะทาใหสามารถกระจายเสยงสกลมผฟงไดมากขน

โลกของอนเตอรเนต ทาใหสงตางๆทวทกมมโลกเหมอนมาอยใกลกนมากขน ไมวาผคนจากประเทศหรอทวปไหนในโลกตางกมการใชระบบอนเตอรเนตเปนสอกลางในการแลกเปลยนขอมล ขาวสาร พดคยกน ทาใหชวตประจาวนของคนสมยนจาตองผกตดกบอนเตอรเนตมากขน การทสถานวทยนาเสนออกหนงชองทางในการเลอกฟงใหกบผฟงทจะเขาไปฟงผานระบบอนเตอรเนต กจะทาใหการกระจายเสยงมประสทธภาพครอบคลมถงผฟงมากขน ทงยงอานวยความสะดวกตอผฟงทอยไกลจากรศมการสงสญญาณ แตตองการจะฟงรายการของสถานวทยดวย อกทงการออกอากาศผานอนเตอรเนตนนกมตนทนดาเนนการทไมสง

อยางไรกตาม การใหผฟงไดรบฟงแตการออกอากาศสดอยางเดยวคงไมพอ การเพมบรการทใหผฟงเลอกไดวาตองการจะฟงรายการทออกอากาศไปแลว โดยทาเปนระบบใหฟงยอนหลง สามารถเลอกไดวาจะฟงวนไหน เวลาไหน จะเปนการกระจายเสยงทมประสทธภาพขนไปอก การทใหผฟงสามารถเลอกฟงรายการไดตามความความตองการของตนคงไมสามารถกระทาไดผานการกระจาบเสยงวทยแบบปกต แตเนองมาจากระบบอนเตอรเนตมเทคโนโลยตางๆ มากมายทเขามารองรบ ทงยงสามารถลดขอจากดของการกระจายเสยงในอดต ทนยมมากในปจจบนจะเปนในสวนของเวบไซตทเปดใหสามารถเขาไปชมรายการของสถานโทรทศนยอนหลงได อยางไรกตามวงการวทยยงนามาใชกนไมมาก แตผฟงวทยกไมตางจากผชมรายการโทรทศนทอาจจะอยากดหรอฟงรายการโปรด แตวาพลาดไปเพราะตดภาระกจอน ดงนนผพฒนาระบบจงคดทาเวบแอปพลเคชนทสามารถรบฟงรายการยอนหลงได

โครงงานนไดใชเทคโนโลยของภาษา PHP และ MySQL เขามาพฒนาในสวนของเวบแอปพลเคชน เพราะเนองมาจากหาดาวนโหลดไดงาย และสามารถคนหาคมอมากมายไดทางอนเตอรเนต และมการใชซอฟตแวรอนๆเขามาชวยในการจดการสวนทเปนการกระจายสญญาณเสยงจากสถาน ไปยงเครอขายอนเตอรเ นต และใชซอฟตแวรชวยในการบนทกเสยงตามเวลาทกาหนดได ผประกอบการของสถานวทยสามารถนาไปปรบปรงใชเพอการกระจายเสยงผานระบบอนเตอรเนตทมประสทธภาพและตอบสนองความตองการของผฟงรปแบบตางๆไดมากยงขน

Page 4: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ii

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                             51B09     

สารบญ

กตตกรรมประกาศ

โครงงานนจะสาเรจลลวงไปดวยด ตองขอขอบพระคณบคคลตางๆมา ณ โอกาสน

• ขอขอบพระคณ อาจารยดร. จนทรเจา มงคลนาวน อาจารยทปรกษาในโครงงาน ทกรณาใหคาแนะนาตางๆทดตอการพฒนาโครงงาน และชวยผลกดนใหงานสามารถสาเรจลลวงไปดวยด

• ขอขอบพระคณรองศาตราจารยศรชย พงศวชย และผชวยศาสตราจารยดร. ชชพงศ ตงมณ คณะกรรมการสอบโครงงาน ทใหขอเสนอแนะ และตชม ซงมประโยชนในการทาใหโครงงานฉบบนสมบรณมากยงขน

• ขอขอบพระคณ คณพอคณแม ทคอยเปนหวง ดแลเอาใจใสและถามถงความเปนไปของโครงการ และใหกาลงใจเสมอมา

• ขอขอบพระคณคณาจารยภาควชาสถต และคณาจารยผสอนทกทาน ทไดอบรม สงสอนความรมาตลอด 4 ป

• ขอขอบคณพเปล ทอนญาตใหใชสถานวทยในการทาโครงงาน

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

• ขอขอบคณพปอ ทคอยชวยเหลอและใหคาปรกษาในการทาสถานวทยออนไลน

• ขอขอบคณสณ ทชวยใหการหาโปรแกรมอดเสยงสาเรจลลวงไปดวยด

• ขอขอบคณปลา แอน สาหรบการชวยเหลอเกยวกบการทาเวบแอพพลเคชน

• ขอขอบคณเพอนๆใน BIT และ STAT 38 ทกคน ทเรยนดวยกนมาตลอด 4 ป คอยเปนหวงเปนใยความคบหนาของโครงงาน ชวยเหลอ และใหกาลงใจกนเสมอ โดยเฉพาะดว เบน และพยยทอยดวยกนมาตลอดเวลา

• ขอขอบคณเพอนในกลม ไมวาจะเปนโบ ศร ตอง จน ออ เอ ขวญ และเมย ถงแมวาจะแยกมาเรยน BIT คนเดยวแตเพอนๆกใหกาลงใจกนมาตลอด

• และขอขอบคณทมสวนชวยเหลอในโครงงานฉบบน ทไมไดกลาวถงไวกอนหนา ดวยความชวยเหลอและกาลงใจของทกคนทาใหสาเรจลลวงไปไดดวยด

Page 5: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บรรณานกรม 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

Page 6: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

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

Page 7: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

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

Page 8: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

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

Page 9: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

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

Page 10: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

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

Page 11: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

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

Page 12: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

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

Page 13: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

1

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                           51B09

บทท 1 บทนา

บทท 1

บทนา

1.1 ความสาคญและทมาของโครงการ

การกระจายเสยงทางวทยเปนการสอสารทมอายมายาวนาน เทคโนโลยทางดานสอวทยมการพฒนามาเรอยๆ ในประเทศไทยมสถานวทยอยไมตากวา 500 สถาน(สานกงานคณะกรรมการกจการโทรคมนาคมแหงชาต, 2548: ระบบออนไลน) การแขงขนกนระหวางผผลตสถานในแตละทองถนนนกสงตามไปดวย สถานวทยตางๆจงจาเปนจะตองมกลยทธแตกตางกนออกไปเพอใหสามารถดงกลมคนฟงไดมาก และมผลตอการขายโฆษณาของสถานอกดวย

อนเตอรเนตเปนอกชองทางหนงทจะทาใหการกระจายเสยงของสถานวทยครอบคลมและมประสทธภาพขน แนวโนมของคนปจจบนจะหนมาใชอนเตอรเนตมากขน และขณะเดยวกนการฟงวทยกนอยลงดวย(สานกงานคณะกรรมการกจการโทรคมนาคมแหงชาต, 2548: ระบบออนไลน) แตดวยเทคโนโลยบนโลกอนเตอรเนตกสามารถทาใหสถานวทยสามารถกระจายเสยงผานอนเตอรเนตได โดยไมจาเปนตองกระจายผานคลนวทยเพยงอยางเดยว จงเหนไดวาในปจจบนมสถานวทยจานวนมากทหนมาใชอนเตอรเนตเปนอกชองทางหนงในการออกอากาศ และสามารถเขาถงกลมคนฟงชาวเนตไดงายขนอกดวย

เนองมาจากวาการกระจายเสยงผานอนเตอรเนตนน จะเขาถงกลมผฟงไดงาย จงเปนการอานวยความสะดวกใหแกผฟงดวย โดยเฉพาะในกรณทผฟงอยตางประเทศ แตตองการฟงรายการวทยในเมองไทย กจะสามารถเขามาฟงออนไลนบนเวบไดเลย ในบางครง ผทฟงรายการเปนประจา อาจจะไมสะดวกทฟงรายการในวนนน การบรการรายการสถานวทยตามคาสง (Radio on Demand) จงเขามามบทบาทในจดน

ผพฒนามความเหนวา ปจจบนมเวบไซตเปนจานวนมากทเปดใหดรายการโทรทศนยอนหลงได หรอทางเวบไซตของชองนนๆกจะมบรการใหดยอนหลงเชนนอยดวย แตการฟงรายการยอนหลงของสถานวทยไมคอยเปนทนยมนก ทงนเนองมาจากสถานวทยนนมเปนจานวนมาก ทาใหการจดการในเรองของขนาดไฟลกยอมลาบากตามไปดวยหากเปนระบบทสามารถใหฟงยอนหลงไดหลายสถาน แตกยงมผฟงอกมาก ทยงตองการฟงวทยยอนหลงเปนบางครง เชน ในกรณทรายการของสถานวทยเชญแขกรบเชญทผฟงสนใจไปรวมพดคย หรออาจจะตองการทราบชอเพลงทออกในชวงเวลานนๆ เปนตน หากทางผประกอบสถานเองมการจดการในเรองของการฟงยอนหลง กจะทาใหสามารถตอบสนองผฟงในสวนน

Page 14: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

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. ออกแบบทกสวนในเวบไซตของสถานวทย

Page 15: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

3

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                           51B09

บทท 1 บทนา

13. พฒนาเวบไซตโดยใชภาษา PHP 5 และ MySQL 5.0 เปนหลก 14. ทดลองใชเวบไซต เพอทาการประเมนขอดขอเสย และทาการปรบปรง 15. จดทาเอกสารเพอนาเสนอโครงงาน

1.5 ประโยชนทคาดวาจะไดรบ :

สาหรบผจดทา

1. ไดรบความรเกยวกบวธการทสถานวทยใชในการกระจายเสยงออนไลนและการรบฟงยอนหลงตามคาสง

2. ไดรบความรการพฒนาเวบแอปพลเคชนโดยใชภาษา PHP 5.0 และ MySQL 5.0 ซงสามารถนาไปใชพฒนาเวบแอปพลเคชนอนๆได

สาหรบผใช (ธรกจสถานวทย)

ธรกจสถานวทยสามารถนาไปใชเพอพฒนาเวบไซตของสถานใหมความทนสมยและ

เขาถงกลมผฟงมากขน

Page 16: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 แสดงการสอสารขอมลทศทางเดยว

Page 17: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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) เปน

เครองมอทแปลงสญญาณดจตอลใหเปนสญญาณไฟฟาแอนะลอก เพอสงผานเครองรบสงเปนคลนวทย

แพรออกไป

Page 18: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 2 การะกระจายเสยงของสถานวทย 6

การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                               51B09

 

รปท 2-4 แสดงกระบวนการสงสญญาณวทย

(ชนวฒน ศรสอาน และสทธชย มณรตนรงโรจน, 2542)

วทยสามารถสงไดไกลดวยการการสงสญญาณตอทอดกนตอไป โดยทสถาน B C และ

ดาวเทยมนน ทาหนาทเปนสถานสงไปยงสถานรบ A D E F ดงแสดงในรป 2-5

รปท 2-5 แสดงกระบวนการททาใหสญญาณวทยสงไดไกลขน

(ชนวฒน ศรสอาน และสทธชย มณรตนรงโรจน, 2542)

Page 19: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 2 การะกระจายเสยงของสถานวทย 7

การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                               51B09

 

2.2 บทบาทของอนเตอรเนตในการกระจายเสยงของสถานวทย FM

ถงแมวาการกระจายเสยงของวทยจะสามารถสงไปไดไกล แตกยงมขดจากดในเรองตางๆ การ

กระจายเสยงวทยยงสามารถกระจายเสยงไปไดในเฉพาะจงหวด หรอแคจงหวดใกลเคยงเทานน ผฟง

ทอาศยอยในกรงเทพมหานครกไมสามารถรบฟงสถานทอยทางภาคเหนอหรอใตได การทจะทาให

คลนวทยออกอากาศไปไดไกลนนจาเปนจะตองใชสถานรบและสงมากขน จงทาใหสถานรายการวทย

FM มกจะสามารถฟงไดในเฉพาะพนทจงหวดหนงๆ

ในบางกรณทผฟงวทยตองการจะฟงรายการ แต ณ เวลาทรายการทตองการฟงกาลง

ออกอากาศอยนน ผฟงไมสามารถจะอยฟงรายการได อาจจะตองการเขามาฟงรายการยอนหลง หรอ

ตองการทจะฟงชวงรายกรนนอกรอบหนง เทคโนโลยของเครองรบวทยทใชตามบานนนยงไมสามารถ

จะตอบสนองความตองการตรงนได

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

รวดเรวขน ไมวาจะเปนการสงจดหมาย การสนทนาผานหนาจอ การจองตวเครองบน การซอสนคา

การเขารวมประมล เปนตน จะเหนไดวาชองทางทางอนเตอรเนตจะทาใหผประกอบการกบผบรโภคม

ความสะดวกขนทงสองฝาย ในการซอสนคาผบรโภคไมจาเปนตองไปซอถงรานคา เพยงแคอยใน

บานและมอนเตอรเนต กสามารถซอสนคาไดในเวลาไมกนาท ผประกอบการกไมจาเปนตองเสย

งบประมาณในการจดหนารานหรอจางพนกงานมาดแลราน หรอในกรณของผทตองการเดนทางไป

ตางประเทศ และจะซอตวเครองบน ไมจาเปนตองโทรศพทไปจองหรอไปซอดวยตวเองทสายการบน

และทางสายการบนจะสามารถลดจานวนพนกงาน Call Center ได ปจจบนนสายการบนจานวนมากให

ความสนใจในการจองตวออนไลนหรอ e-ticket มาก มการรณรงคใหคนจองตวโดยใช e-ticket ผจอง

แคจารหสทไดจากการจองผาน e-ticket ไปบอกพนกงานในวนทรบตว ไมจาเปนตองใชหลกฐานเปน

กระดาษใดๆ ทาใหประหยดทรพยากรกระดาษและลดตนทนสวนนไปไดมาก

สถานวทยจานวนมากทหนมาใชเทคโนโลยของอนเตอรเนตมาชวยใหการกระจายเสยงของวทย

เขาถงกลมผฟงมากขน โลกของอนเตอรเนตทาใหการกระจายเสยงของสถานวทยไรขดจากดมากขน

เนองมาจากอนเตอรเนตเปนเครอขายทเชอมโยงกนทวโลก ดงนนอนเตอรเนตจงทาใหสถานวทย

สามารถตอบรบความตองการของผฟงทอยหางไกลออกไป และทาใหสถานสามารถเขาถงกลมผฟงได

หลากหลายกลมและปนจานวนมากขนดวย

Page 20: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 2 การะกระจายเสยงของสถานวทย 8

การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                               51B09

 

สถานวทยบนโลกอนเตอรเนตในปจจบนมทงสถานวทยทปกตจะกระจายเสยงผานทางคลนวทยอย

แลว หรอเปนสถานทเปดขนมาบนอนเตอรเนตโดยเฉพาะ ตวอยางของสถานทปกตกระจายเสยง

ผานทางคลนวทย และยงมการใชอนเตอรเนตเปนชองทางในการกระจายเสยงดวย มดงน

- www.thisisclick.com : เปนบรษทผผลตรายการวทยทงหมด 3 คลนความถดวยกน กระจาย

เสยงเฉพาะในกรงเทพและปรมณฑล

รปท 2-5 แสดงหนาจอของ www.thisisclick.com

รปท 2-6 แสดงหนาจอการฟงสถานวทยออนไลนของ www.thisisclick.com

Page 21: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 2 การะกระจายเสยงของสถานวทย 9

การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                               51B09

 

- www.curadio.chula.ac.th : เปนสถานวทยแหงจฬาลงกรณมหาวทยาลย

รปท 2-7 แสดงหนาจอการฟงสถานวทยออนไลนของ www.curadio.chula.ac.th

ตวอยางของสถานวทยทเปดขนเพอใหฟงบนอนเตอรเนตเทานน ปจจบนมเปนจานวนมาก

เพราะผจดไมจาเปนตองหาซออปกรณในการสงคลนวทยออกไป ซงมผใหบรการเซอรเวอรสาหรบการ

กระจายเสยงผานทางอนเตอรเนตเปนจานวนมากเชนกน ตวอยางของสถานวทยทต งขนมาบน

อนเตอรเนตเทานน มดงน

www.live365.com : เปนเครอขายสถานวทยบนอนเตอรเนตทมขนาดใหญ ณ ขณะน ม

สถานมากกวา 1,000 สถานภายในเวบ ผใชสามารถเปดสถานเปนของตวเองและจดเพลงตามท

ตนเองชอบได ผฟงกจะเลอกฟงจากประเภทของเพลงทสนใจได ทาใหผฟงมโอกาสเลอกทจะฟง

รายการวทยไดหลากหลายขน

Page 22: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 2 การะกระจายเสยงของสถานวทย 10

การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                               51B09

 

รปท 2-8 แสดงเวบเพจของ www.live365.com

รปท 2-9 แสดงหนาจอการฟงสถานวทยออนไลนของ www.live365.com

Page 23: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 24: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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) ซงมจดเดนทความเรว ขนาดเลก และไมมการทางานเกยวการสงขอมลซาหรอคานวณอตราการ

Page 25: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 26: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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ในระบบเนตเวรคทงอนเตอรเนตและอนทราเนต โดยทสามารถใชไฟลทม

Page 27: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 28: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 29: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 สามารถใช

กระจายเสยงไดทงการพากยกฬา คอนเสรต ปารตสวนตว หรอเลนเพลงตางๆโดนทไมตองผาน

อนเตอรเนตไดเชนเดยวกบโปรแกรมเลนเพลงทวไป

Page 30: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 และใหผจดรายการสามารถพดออกอากาศได

Page 31: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 รายงาน และบรการหลงการขาย มแพกเกจใหเลอกตามความ

Page 32: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 เทานน

Page 33: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 รปจานดาวเทยมสเขยวเลกๆทมมจอขวาลาง

Page 34: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 22

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

• ปม Start ใชสาหรบการเรมสงสญญาณเสยงเขาส Server

• ปม Encoders ใชสาหรบเปดหนาตางควบคมการเขารหส (Encoder Window) ออกมา

• ปม Config ใชสาหรบปรบแตงคาตางๆของโปรแกรม

• แถบแนวตงทางดานขวามอ จะแสดงระดบเสยงทเขาสโปรแกรม

ขนตอนท 2

ปรบแตงคาทสาคญของโปรแกรม โดยคลกทปม Config จะปรากฏหนาตางดงรป

รปท 3-3 แสดงหนาจอการตงคาโปรแกรมSimpleCast (2)

หนาตางนจะประกอบดวยสวนสาคญ 2 สวน คอ เมนควบคมดานซาย และสวนปรบแตง

ดานขวา โดยตองปรบแตงสวนทจาเปน ดงน

Page 35: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 23

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

• เลอกเมน General Options และคลกเลอกเครองหมายถกท Automatically Start Onload

จากนนในตวเลอก Capture Sound Devices ใหเลอกซาวดการดในเครองทไดตอสญญาณเสยง

เขาไวแลว

• เลอกเมน Registration Key กรอกคยในชองกาหนด

รปท 3-4 แสดงหนาจอการตงคาโปรแกรมSimpleCast (3)

ขนตอนท 3

1. การปรบแตงการเขารหสเสยง จะปรบโดยการทคลกปม Encoder ทหนาตางหลก เพอเปด

หนาตางการควบคมรหสเสยง

รปท 3-5 แสดงหนาจอการตงคาโปรแกรมSimpleCast (4)

Page 36: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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)

Page 37: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 25

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

3. เมอเลอกรปแบบไฟลเสยง WMA (V9 advanced) แลวคลก OK จะปรากฏตวเลอกใหมใหเลอก

บทเรททตองการใหสอดคลองกบความเรวอนเตอรเนตทใช (เชนความเรวอนเตอรเนตท

1024/512 kbps สามารถใชความเรวสงสดได 128 kbps)

รปท 3-7 แสดงหนาจอการตงคาโปรแกรมSimpleCast (6)

Page 38: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 39: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 40: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

ขอด

Page 41: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 เนองมาจากวา ไมมคาใชจายสาหรบ

การใชโปรแกรม ถงแมวาจะมข นตอนการตงคาใหบนทกรายการตามวนและเวลาทกาหนดทยงยาก

แตกสามารถศกษาเพมเตมได แตทงนทงนน เนองมาจากวาผพฒนาไมไดทดลองใชทกโปรแกรม

เปนการศกษาจากคณสมบตเพยงเทานน จงอาจจะยงมขอดและขอเสยอน ๆ ของแตละตวมากกวาน

Page 42: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 ) ไปเปนภาษาเครองอก เนองจากเปนคาสงท ระบบปฎบตการ

รจกอยแลว

Page 43: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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)

Page 44: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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)

Page 45: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 33

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

ขนตอนท 2

รปท 3-14 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (2)

ตงคาตางๆดงน

• คลกเลอกท At specified date & time

• เอาเครองหมายถกทชอง Date ออก เพอทจะไมระบวนท

• ในชอง Time ตงเวลาเรมตน

• เลอกเครองหมายถกทชอง Begin Recording

Page 46: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 47: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 35

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

ขนตอนท 3

ตงคาตางๆดงน

• เลอก After specified time period (from wake-up moment) และตงคาความยาวของเวลาท

ตองการอด (ในทนเลอกเปน 30 นาท)

• ในตวเลอก Operation เลอก Exit immediately

รปท 3-16 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (4)

Page 48: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 49: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 37

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

รปท 3-18 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (6)

4. ในบรรทด REM id=”1” ใหแกเปนตวเลขอน เชน REM id=”123” เปนตน

รปท 3-19 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (7)

Page 50: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 อน

ใหมนจะทาวธเดยวกบขนตอนขางตน และสาหรบไฟลถดไปกทาลกษณะนไปเรอยๆ

Page 51: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 39

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

รปท 3-22 แสดงหนาจอการตงเวลาในการบนทกของโปรแกรม SimpleCast (10)

10. ในกรณทตองการใหโปรแกรมเปดโดยอตโนมตทนททเปดเครอง ใหคดลอก Batch File ของ

ชวงเวลาแรกสดไปใสไวในโฟลเดอร Startup

Page 52: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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/

Page 53: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 54: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 ... ?>

Page 55: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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.”; %>

Page 56: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 57: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 45

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

รปท 3-26 แสดงBrowser เพอแสดงการเรยกใช phpMyAdmin

3.1.1 Macromedia Dreamweaver 8

Dreamweaver เปนโปรแกรมสาเรจรปทชวยใหการสรางเวบเพจเปนไปไดงายขน จากทตอง

พมพใน Notepad เพยงอยางเดยว แต Dreamweaver จะม Tool Box ตางๆ ทเขามาชวยผท

ตองการออกแบบเวบไซตใหสามารถออกแบบไดสะดวกและรวดเรวยงขน

นอกจากนยงสามารถใชการพมพโคด รวมกบการสรางในหนา Design ได จงนามาใชรวมกบ

การพฒนาเวบแอปพลเคชนโดยภาษา PHP จะไดทาใหการสรางเวบเพจทาไดงายขน

ตวอยางหนาตางการใชโปรแกรม Dreamweaver ทมการพมพโคดรวมกบหนา Design

Page 58: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 3 เครองมอทใชในการพฒนาเวบแอปพลเคชน 46

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

รปท 3-27 แสดงหนาจอโปรแกรม Macromadia Dreamweaver 8

Page 59: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 47

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

บทท 4

การออกแบบและพฒนาระบบ

4.1 การวเคราะหความตองการของระบบ

เนองจากเวบแอปพลเคชนทพฒนาขนมา มจดประสงคหลกเพอใหสามารถฟงวทยออนไลน และ

ฟงรายการของสถานวทยยอนหลงได จงแบงความตองการของระบบเปน 2 สวน ไดแก

4.1.1 สวนของผใชเวบแอปพลเคชน

• สามารถรบฟงรายการวทยผานทางอนเตอรเนต

• สามารถรบฟงรายการยอนหลงไดโดยเลอกจากการระบวนและเวลาทแนนอน และ

รบทราบไดวาวนและเวลาทเลอกจะฟงยอนหลงนนชอชวงอะไรและดเจคนไหนเปนคนจด

• สามารถรบฟงรายการยอนหลงไดโดยเลอกจากการกาหนดชอดเจทตองการ และ

รบทราบไดวาดเจทเลอกจะฟงยอนหลงนนมการจดรายการในชวงไหนแลวบาง

• สามารถรบรขอมลขาวสารของสถานได

• สามารถพดคยกบผฟงทานอนๆ หรอ ดเจผานทางเวบบอรด

4.1.2 สวนของผจดการระบบของเวบแอปพลเคชน

• สามารถเปลยนแปลงขอมลของดเจแตละคน

• สามารถระบสถานะไดเมอดเจคนนนไมไดจดรายการแลว แตขอมลในการบนทกจะ

ยงคงอย

• สามารถเพมขอมลของดเจขนมาใหม

• สามารถเปลยนแปลงขอมลของผงรายการ

• สามารถเพมขอมลของผงรายการ

Page 60: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 48

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

• สามารถสถานะขอมลของผงรายการไดวาถกยกเลกไปแลว แลว แตขอมลในการบนทก

จะยงคงอย

• สามารถเปลยนแปลงขอมลของรายละเอยดไฟลทไดบนทกไว (Recording)

• สามารถเพมขอมลของรายละเอยดไฟลทไดบนทกไว (Recording)

• สามารถลบขอมลของรายละเอยดไฟลทไดบนทกไว (Recording)

4.2 ขอจากดของระบบ

1. ระบบสามารถกาหนดใหฟงรายการยอนหลงได 3 วน เนองมาจาก เนอททจะตองใช

บนทก ไฟลจะตองมขนาดใหญมาก ไฟลรายการทบนทกในเวลา 30 นาท จะมเนอท

ประมาณ 13 Mb ซงในการบนทกรายการตลอดทงวนจะมไฟลทเกดขนจากการบนทก

ประมาณ 35 ไฟล ซงรวมแลวใชเนอทประมาณ 500 Mbตอวน

2. เนองจากวาไมสามารถอพโหลดไฟล และฐานขอมลไดโดยอตโนมต ผจดการระบบในทก

วนจะตองอพโหลดไฟลรายการทบนทกและเพมฐานขอมลในสวนของรายการทบนทก

และในขณะเดยวกน ผจดการระบบกลบไฟล และจดการเปลยนแปลงฐานขอมลทกวนอก

ดวย

Page 61: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

แบงเปน การจดการสวนขอมลดเจ การจดการสวนขอมลผงรายการ การจดการสวนขอมลของไฟลท

บนทกไว และการจดการสวนเวบบอรด

Page 62: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 50

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

4.3.2 โครงสรางหนาเวบ

รปท 4-2 แสดงโครงสรางหนาเวบ

Page 63: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 สวนของผใชเวบแอปพลเคชน

Page 64: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 52

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

จากรปท 4-3 มระบบยอย 3 ระบบ ไดแก 1) การฟงรายการสด 2) การฟงรายการยอนหลง 3)

Webboard มการตดตอกบระบภายนอกไดแก ผใช และ ผใหบรการการฟงวทยออนไลน

2) Data Flow Diagram สวนของผใชเวบแอปพลเคชน : การฟงรายการสด

รปท 4-4 แสดง Data Flow Diagram สวนของผใชเวบแอปพลเคชน : การฟงรายการสด

จากรปท 4-4 ผใชจะตองมการเลอกฟงรายการสด จะเปนการเปดโปรแกรมการฟงสดใหผฟง

จากผใหบรการฟงวทยออนไลน

Page 65: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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 สวนของผใชเวบแอปพลเคชน : การฟงรายการยอนหลง

Page 66: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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) ตอบกระท

Page 67: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 55

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

4.4.2 สวนของผจดการระบบ

1) Data Flow Diagram สวนของผจดการระบบ

รปท 4-7 แสดง Data Flow Diagram สวนของผจดการระบบ

Page 68: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 56

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

จากรปท 4-7 สวนของผจดการระบบ แบงออกเปน 1) การจดการระบบในสวนของดเจ 2) การ

จดการระบบในสวนของฟงรายการ 3) การจดการระบบในสวนของไฟลทบนทก และ 4) การจดการ

ระบบในสวนของเวบบอรด

2) Data Flow Diagram สวนของผจดการระบบ : การจดการสวนดเจ

รปท 4-8 แสดง Data Flow Diagram สวนของผจดการระบบ : การจดการสวนดเจ

จากรปท 4-8 การจดการระบบในสวนของดเจ แบงออกเปน 1) เพมขอมลดเจ 3) ลบขอมลด

เจ และ 3) เปลยนแปลงขอมล มสวนการใชฐานขอมล DJ

Page 69: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 70: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 71: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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

Page 72: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 60

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

4.5 การทางานของเวบแอปพลเคชน

4.5.1 สวนของผใชเวบแอปพลเคชน

1) หนาแรกของเวบแอปพลเคชน

รปท 4-12 แสดงหนา Home Page ของเวบแอปพลเคชน

2) หนา Radio Online

รปท 4-13 แสดงหนา Radio Online

Page 73: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 61

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

3) หนา DJ Profile

รปท 4-14 แสดงหนา DJ Profile

4) หนาผงรายการ

รปท 4-15 แสดงหนาผงรายการ

Page 74: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 62

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

5) หนาการเขาฟงรายการวทยทกาลงออกอากาศอย

รปท 4-16 แสดงหนาทฟงรายการวทยออนไลน

6) การเลอกฟงสถานวทยยอนหลง ทาไดดงน

• เขาเมนในสวนของ Radio Online และคลกเลอก

• จะขนเปนหนาตาง pop up

รปท 4-17 แสดงการทางานของการฟงรายการวทยยอนหลง (1)

Page 75: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 63

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

• ในกรณทเลอกคนหาจากวนท / เวลา จะกลายเปนแบบฟอรมใหเลอกวนท เดอน และป

รปท 4-18 แสดงการทางานของการฟงรายการวทยยอนหลง (2)

• กดปม รบฟงรายการ จะพบกบตารางแสดงรายละเอยดของรายการทตองการฟง

รปท 4-19 แสดงการทางานของการฟงรายการวทยยอนหลง (3)

• กดปม เพอเรมเลน

Page 76: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 64

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

• ในกรณทเลอกการฟงเปนการ Search จากชอดเจ จะปรากฏหนาตางใหเลอกชอดเจ

รปท 4-20 แสดงการทางานของการฟงรายการวทยยอนหลง (4)

• กดปม รบฟงรายการ จะปรากฏตารางแสดงรายละเอยดของรายการทไดบนทกไวตาม

ชอดเจทเลอก

รปท 4-21 แสดงการทางานของการฟงรายการวทยยอนหลง (5)

Page 77: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 65

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

7) ในกรณทไมม Record ตามทคนหา จะมการแจงใหทราบวาไมมผลลพธจากการ

คนหาคาดงกลาว

รปท 4-22 แสดงการทางานของการฟงรายการวทยยอนหลง (6)

8) ในกรณทดเจลาออกไป จะมการแจงใหทราบวาดเจทไดทาการคนหาไปนน

ลาออกไปแลว

รปท 4-23 แสดงการทางานของการฟงรายการวทยยอนหลง (7)

เนองมาจากในกรณทดเจลาออกไปแลว แตการบนทกยงคงมขอมลยอนหลงอย ถา

หากใหลบขอมลดเจไปกจะทาใหรายละเอยดของไฟลทบนทกนนหายไป จงตองมการกาหนดสถานะ

วาดเจคนนนยงคงอยหรอวาลาออกไปแลว

Page 78: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 66

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

9) ในกรณทรายการถกถอดออกจากผง จะมการแจงใหทราบวารายการนนไดถก

ออกจากผงไปแลวเมอคนหา

รปท 4-24 แสดงการทางานของการฟงรายการวทยยอนหลง (8)

เนองมาจากในกรณทรายการถกถอดจากผงแลว แตการบนทกยงคงมขอมลยอนหลงอย ถา

หากใหลบขอมลรายการไปกจะทาใหรายละเอยดของไฟลทบนทกนนหายไป จงตองมการกาหนด

สถานะวารายการนนยงคงอยในผงหรอถกถอดจากผงไปแลว

Page 79: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 67

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

4.5.2 สวนของผจดการระบบ

1. สวนของผจดการระบบสามารถเขาถงไดโดยคลกทคาวา Administrator ตรงมมขวาลางของ

เวบเพจ

รปท 4-25 แสดงเมนทางเขาของผดแลระบบ

2. กรอก username และ password (ในทนคอ password) และกด Submit

รปท 4-26 แสดงหนาจอการกรอก username และ password

Page 80: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 68

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

ปรกอบดวยเมน 4 เมน ไดแก 1) ออกจากระบบ 2) การจดการขอมลสวนดเจ 3) การจดการ

ขอมลสวนผงรายการ และ 4) การจดขอมลสวนรายละเอยดไฟลรายการทบนทกไว

รปท 4-27 แสดงหนาจอเมนของผดแลลระบบ

3. การจดการในสวนของดเจ

รปท 4-28 แสดงการจดการในสวนของดเจของผดแลระบบ (1)

Page 81: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 69

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

• ในการแกไขรายการใหเลอก “edit” และ ตองการเพมรายการเลอก “เพม”

รปท 4-29 แสดงการจดการในสวนของดเจของผดแลระบบ (2)

• ในชองสถานะ “0” หมายถง ลาออกไปแลว และ “1” หมายถง ดเจทยงคงอย

4. การจดการในสวนของผงรายการ

รปท 4-30 แสดงการจดการในสวนของผงรายการของผดแลระบบ (1)

Page 82: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 70

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

• ในการแกไขรายการใหเลอก “edit” และ ตองการเพมรายการเลอก “เพม”

รปท 4-31 แสดงการจดการในสวนของผงรายการของผดแลระบบ (2)

• ในชองสถานะของผงรายการ “0” หมายถง ผงรายการนถกถอดไปแลว และ “1”

หมายถง ผงรายการทยงคงอย

5. การจดการในสวนของไฟลทบนทกไว

รปท 4-32 แสดงการจดการในสวนของไฟลทบนทกของผดแลระบบ (1)

Page 83: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 4 การออกแบบและพฒนาระบบ 71

 

การพฒนาเวบแอปลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                    51B09

ผดแลระบบจาเปนจะตองลบไฟลเกาออก และเพมไฟลใหมทกวน โดยผานทางโปรแกรมอพ

โหลดประเภท FTP เพอความรวดเรวในการอพโหลดไฟล และตองเพมขอมลเกา และลบขอมลใหม

ของไฟลรายการทบนทกไว

• ในการลบขอมลของไฟลรายการทบนทกไว ใหเลอก “delete” ตองการเพมรายการ

เลอก “เพม” และตองการลบ ใหเลอก “delete”

รปท 4-33 แสดงการจดการในสวนของไฟลทบนทกของผดแลระบบ (2)

• กรอกวนทในชองวนทตามฟอรม ป-เดอน-วน

• เลอกผงทตองการ

• ชอง URL ใสทอยของไฟลทอพโหลดไว

Page 84: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 5 บทสรปและขอเสนอแนะ 72

การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

บทท 5

บทสรปและขอเสนอแนะ

ในการทาโครงงานชนนทาใหมความรและเขาใจในเรองของการกระจายเสยงผานอนเตอรเนต

และการเขยนเวบแอพพลเคชนโดยใชภาษา PHP และ MySQL มากขน จงมขอสรปและเสนอแนะ

ดงตอไปน

5.1 บทสรปจากการพฒนาโครงการ

จากการทไดวางวตถประสงคไวตงแตเรมโครงการ และไดพฒนาเวบแอพพลเคชนการฟง

รายการของสถานวทยตามคาสง ไดขอสรปดงน

1) การกระจายเสยงของสถานวทยออนไลนผานระบบอนเตอรเนต

ทาใหผพฒนาสามารถทราบวธการสงสญญาณเสยงจากสถานวทยไปสเซอรเวอร และจากเซอร

เวอรไปยงผฟง ทราบถงขอจากดตางๆในการกระจายเสยงผานระบบอนเตอรเนต ซงการกระจาย

เสยงผานทางระบบอนเตอรเนตจงเปนประโยชนกบทงผฟงรายการทสามารถฟงรายการจากทใดกไดทม

อนเตอรเนต ไมจาเปนวาจะตองอยในทองถนเดยวกบสถาน และสถานกสามารถใชชองทางนเขาถง

กลมผฟงไดหลากหลายและกวางขวางมากขน

มซอฟตแวรและผใหบรการจานวนมากทใหบรการวทยออนไลน ซงผพฒนาเลอกใชซอฟตแวร

ทชอ SimpleCast เนองจากมฟงกชนการใชงานทคอนขางงาย ถงแมจะตองเสยคาใชจายในการซอ

ซอฟตแวร แตสามารถรองรบผฟงไดมาก เมอเทยบกบการใชซอฟตแวรกระจายเสยงแบบอนๆ ทจะ

จากดจานวนผฟงไวนอย จงตองเลอกใชซอฟตแวรน เพราะจาเปนทจะตองนกถงจานวนผฟงทมากขน

ในอนาคต

Page 85: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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. ซอฟทแวรทสามารถบนทกเสยงตามเวลา และสามารถตงเวลาใหบนทกตามทต งนน คอนขาง

หายาก ในชวงแรกจงใชเวลาหาซอฟทแวรทมคณสมบตอยางนอย และซอฟตแวรทใชกยง

ไมถอวาสะดวกมากนก เพราะมข นตอนการตงคาทคอนขางยงยาก

Page 86: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 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. เพมการทาการฟงรายการยอนหลงของหลายสถานมากขน เพราะการทาระบบนเปนเพยง

การทาการฟงรายการยอนหลงของสถานวทยเพยงแหงเดยวเทานน

Page 87: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

บทท 5 บทสรปและขอเสนอแนะ 75

การพฒนาเวบแอพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

2. ในสวนของการฟงรายการจากสถานวทยออนไลนควรจะมการเพมเตมในสวนทแสดงใหเหน

วาขณะนดเจคนใดเปนคนจดรายการ

3. เพมระบบสมาชกเพอทจะไดเกบขอมลของผฟงรายการ และรบทราบตวตนของผทเปน

สมาชก เพอใหสอดคลองกบพระราชบญญตวาดวยการกระทาผดเกยวกบคอมพวเตอร

พ.ศ. 2550 ทไดมการประกาศใช โดยท มาตรา 26 วรรคท 2 กลาววา “ผใหบรการจะตอง

เกบรกษาขอมลของผใชบรการเทาทจาเปน เพอใหสามารถระบตวผใชบรการนบตงแตเรม

ใชบรการและตองเกบรกษาไวปนเวลาไมนอยกวาเกาสบวนนบตงแตการใชบรการสนสดลง”

4. นาเทคโนโลยของ Podcast เขามารวมดวย ซง Podcast คอ ไฟลเสยงหรอวดโอท

สามารถใหดาวนโหลดไดบน Internet ผานทางโปรแกรมเลนเพลงทอยบนเครองโทรศพท

พกพา หรอในคอมพวเตอร ซงผใชสามารถตงเวลาและวนทตองการรบฟงรายการไวได

ลวงหนา เมอพอถงวนและเวลาทกาหนด Podcast จะสงไฟลมาใหผใชคนนน ซงถา

นามาปรบใชรวมกนกจะทาใหเวบมประสทธภาพมากยงขน

Page 88: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 77

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

ภาคผนวก ก

การตดตงและใชงานโปรแกรม

ในโครงงานนจาเปนทจะตองตดตงโปรแกรมหลายประเภท ดงนนจงขออธบายการตดตงแตละ

โปรแกรม และการใชงานโดยคราวๆของบางโปรแกรม

1. การใชงาน AppServ และ PHP MyAdmin

โปรแกรม AppServ สามารถ ดาวนโหลดจาก http://www.appservnetwork.com/

เมอตดตงโปรแกรมเรยบรอยแลวใหทดสอบโปรแกรมโดยการเปด Web Browser และกรอกชอง

Address วา “localhost” browserจะแสดงดงภาพ

รปท ก-1 แสดงBrowser เพอแสดงการเรยกใช AppServ

Page 89: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 78

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

การใชงาน phpMyAdmin

• เปด Browser และกรอก localhost/phpmyadmin ในชอง Address ของ Browser จากนนจะ

ปรากฏหนาตางใหกรอกชอง Username เปน “root” และชอง Password ตามทไดตงไวตงแต

ตอนตดตง

รปท ก-2 แสดงBrowser เพอแสดงการเรยกใช AppServ

• เมอคลก OK จะไดหนาตางดงภาพดานลาง

Page 90: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 79

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

รปท ก-3 แสดงBrowser เพอแสดงการเรยกใช phpMyAdmin

การสรางและจดการฐานขอมล

1. สรางฐานขอมลในชอง สรางฐานขอมลใหม

2. สรางตารางในฐานขอมล

รปท ก-4 แสดงBrowser ในการสรางและจดการ phpMyAdmin (2)

Page 91: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 80

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

3. ระบคาตางๆในแตละ Field

รปท ก-5 แสดงBrowser ในการสรางและจดการ phpMyAdmin (3)

คาอธบายสญลกษณเพมเตม

= ตงคาใหเปน Primary Key

= ตงคาใหใช Index ได

ตวอยางการสรางตารางทชอ test มตารางชอ “table1” ซงประกอบดวย Field ทชอ “table1_id”

และ “table1_name

รปท ก-6 แสดงBrowser ในการสรางและจดการ phpMyAdmin (4)

4. การใสขอมลลงในตาราง

• คลกท “แทรก” จะไดหนาตางดงภาพขางลาง

Page 92: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 81

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

รปท ก-7 แสดงBrowser ในการสรางและจดการ phpMyAdmin (5)

• กรอกขอมลในตาราง แลวคลก “ลงมอ”

2. การตดตง SimpleCast 2.5.3

ดาวนโหลดไดทเวบไซต http://www.spacialaudio.com/?page=simplecast

Icon สาหรบการตดตง

 

รปท ก-8 แสดงหนาจอตดตงโปรแกรมSimpleCast (1)

• คลกเลอก I agree

Page 93: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 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 สาหรบการตดตง

Page 94: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 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

Page 95: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 84

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

รปท ก-13 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (3)

• เลอกวาจะใหโปรแกรมตดตตงอยทสวนใดของเครอง หลงจากนนคลก Next

รปท ก-14 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (4)

• คลก Next

Page 96: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 85

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

รปท ก-15 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (5)

• เลอกโฟลเดอรทจะเปนทเกบไฟลทอดเสยงออกมา หลงจากนนคลก Next

รปท ก-16 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (6)

• คลก Next

Page 97: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ก การตดตงและใชงานโปรแกรม 86

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

รปท ก-17 แสดงหนาจอตดตงโปรแกรมSimple Radio Recorder and Scheduler (7)

• คลก Next

Page 98: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ข 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 โครงสรางขอมลไฟลทบนทกไว

Page 99: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ข Entity Relationship Diagram 88

การพฒนาเวบแอปพลเคชนเพอการรบฟงรายการของสถานวทยตามคาสง                                      51B09

3. โครงสรางขอมลเวบบอรด

รปท ข-3 แสดงโครงสรางขอมลเวบบอรด

Page 100: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ค 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

Page 101: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ค 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

Page 102: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ค 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

Page 103: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ง คาอธบายศพทเฉพาะ 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 สาหรบสอขอมลวดโอ( ไมรวมเสยง )

Page 104: A Development of a Web Application for Listening to …kmcenter.rid.go.th/kmc08/km_56/km2013/book56_8/radio...การว เคราะห และออกแบบระบบ

ภาคผนวก ง คาอธบายศพทเฉพาะ 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