本論⽂使⽤線上平台中的最新技術建⽴了現場直播平台。它⽤於線上直播影像資料，影像資料帶有豐富的訊息，不管是事件、新聞或活動，影像資料的即時性可以幫助我們了解當前事件發⽣和場景。這樣的即時性，對於教學回饋⾮常有幫助。即使⽼師在家裡，即使不在教學現場，在這樣的情況下也可以提供即時回饋。本論⽂建⽴了⼀個線上課程的線上直播平台，⽤於網路課程，問題回答，也可以離線作業，即使在⽼師不在線上時學⽣也可以瀏覽課程。藉由這個平台，教師可以上傳教學的視訊資料，學⽣可以線上瀏覽媒體或下載後離線觀看課程。這些資訊將被保存在網站上，學⽣可以⽇後瀏覽該視訊資料，提出問題，並且可以觀看其他同學的問題與⽼師回覆，如果他們在課堂上有疑問而來不及提問，學⽣可以在問題框中提出問題，這些問題框將附加在教師直播視頻之下，⽼師回答學⽣問題的答案也附在後⽅.

The Live streaming is the latest technology which is growing popular in the online platform.
It is used to telecast current information live in online where we get to know all the activities
in a time span. So we never miss an incident or news or information on the right time and it
helps us to know the current affairs where it happens and in on spot and we don’t want to wait
to get the information later because of live streaming. So here we use live streaming in Web
realtime communication to teach students a subject even when the teacher is at home where
it saves teachers work even in his absence. This paper establishes an online live streaming
class known as e-class for taking up classes online where the students doesn’t misses the class
even when the teacher is absent. With this website application teacher can upload an video of
teaching students just from home and students can see the class either in online streaming or
offline streaming where the video will be saved in the students class site where students can
open up the video and they can watch the video and if they have any doubt in the class they can
raise their questions in the question box which will be below teachers live streaming video and
the teacher will respond the answers to the questions of students below the questions asked by
the students.

Acknowledgements ii
論⽂提要iii
Abstract iv
1 Introduction 1
1.1 Research background and purpose . . . . . . . 1
1.2 Related Works in WebRTC  . . . . . . 2
1.2.1 Advantages and Disadvantages  . . . . . . 3
1.3 Research Method  . . . . . 3
1.3.1 Role Of Node.js And WebRTC  . . . . . . 5
1.4 Expected work and Accomplishment  . . . . . . 5
1.4.1 Contribution Of The Approach Adopted . . . . . 6
2 Introduction to live streaming system and tools 7
2.1 Live streaming  . . . . . 7
2.1.1 Bootstrap  . . . . . 8
Stylesheets . . . . . 8
Php . . . . . 9
Node Js  . . . . . . 9
MySql . . . . . 10
2.1.2 WebRtc  . . . . . 11
2.1.3 Live streaming architecture. . . . . . 11
2.2 website front end and backend . . . . . . 12
2.2.1 Front-end  . . . . . 12
2.2.2 Back-end. . . . . 13
2.3 Signaling. . . . . . 13
2.4 NAT . . . . . . 14
2.5 STUN Server . . . . . 15
3 Research architecture and steps 17
3.1 Live streaming design . . . . . 18
3.2 ERP-System. . . . . 18
3.3 Data flow design . . . . . 19
3.4 Gui Design  . . . . . 21
4 Project Description 25
Home. . . . . 25
Streaming. . . . . . 26
Login . . . . . 26
Registration . . . . . 26
Questions  . . . . . 26
Update Details . . . . . . 27
Delete Details  . . . . . 27
4.1 Gui Results  . . . . . 28
5 Testing 31
5.1 System Testing And Validation . . . . . . 31
5.1.1 Implementation of Unit Testing. . . . . . 31
5.2 Integration Testing  . . . . . 32
5.2.1 Implementation of Integration Testing  . . . . 33
5.3 Acceptance Testing  . . . . . 33
5.4 Validation Testing. . . . . 33
6 Conclusion 35
6.1 conclusion . . . . . . 35
6.2 Future Enhancement . . . . . 36
Bibliography 37
A Seminar Paper 39

圖表
List of Figures
1.1 Advantages and Disadvantages. . . . . . 3
2.1 live streaming architecture. . . . . . 12
2.2 signaling architecture . . . . . 14
2.3 nat architecture . . . . . 15
2.4 STUN architecture . . . . 16
3.1 system design . . . . . 18
3.2 erp system  . . . . . . 19
3.3 level 0  . . . . . 20
3.4 level 1 . . . . . . 20
3.5 level 2 . . . . . . 21
3.6 Home Page. . . . . . 22
3.7 Login Page . . . . . . 22
3.8 Signup Page  . . . . . . 23
3.9 Admin Page . . . . . . 23
3.10 Student Page . . . . . . 24
4.1 View Sudents Page . . . . . 29
4.2 Coursetable Page  . . . . . 29
4.3 View Questions Page  . . . . . 30
4.4 Live-Streaming Page . . . . . 30
5.1 Validation Sample . . . . . 34

References
[1] A. Abilov, A. Chunaev, and A. Kubankova, “Impact
of live streaming wlan transmission characteristic
on video quality,” in Control and Communications
(SIBCON), 2015 International Siberian Conference,
2015, pp. 1–5. doi: 10.1109/SIBCON.2015.7146968.
[2] A. F. Aristides Dasso, Verification, Validation and
Testing in Software Engineering. IGI Publishing,
2006.
[3] S. Blum, Introduction to the University of PubNub.
PubNub, 2016.
[4] D. S. Branislav Sredojev, “Webrtc technology
overview and signaling solution design and implementation,”
in Information and Communication
Technology, Electronics and Microelectronics
(MIPRO) 2015, 2015, pp. 1006–1009. doi: 10.1109/
MIPRO.2015.7160422.
[5] M. Cantelon, Node.js in Action. Manning Publications,
2014.
[6] P. Colligan, How To Stream Video Live. Kindle
publication, 2016.
[7] C. Date, An Introduction to Database Systems, 8th
Edition. Pearson Education, 2006.
[8] C. Y. Jianwei Zhang, “A high-bandwidth live
streaming model in mesh-based peer-to-peer networks,”
in IEEE Communications Letters, 2016,
pp. 2390–2393. doi: 10.1109/LCOMM.2016.2608776.
[9] Y. N. Junnosuke Kuroda, “Stun-based connection
sequence through symmetric nats for tcp connection,”
in Network Operations and Management
Symposium (APNOMS), 2011 13th Asia-Pacific,
2011, pp. 1–4. doi: 10.1109/APNOMS.2011.6077000.
[10] A. Libby, HTML5 Video How-To. PACKT, 2012.
[11] J. C. Meloni, PHP, MySQL and Apache, 5th edition.
Pearson Education, 2012.
[12] K. Richards-Holmes, Facebook Live Streaming Tips
And Techniques: Great For Marketers. Ebook For
Everyone, 2016.
[13] Y. V. Roy Friedman Alexander Libov, “Distilling the
ingredients of p2p live streaming systems,” in Peerto-
Peer Computing (P2P), 2015 IEEE International
Conference on, 2015, pp. 1–10. doi: 10.1109/P2P.
2015.7328519.
[14] J. Spurlock, Bootstrap: Responsive Web Development.
O’Reilly Media, 2013.
[15] J. Swab, How To Stream: The Guide To Live
Streaming Your Content On Twitch, Beam, and
Hitbox. Kindle, 2016.
[16] G.-H. L. Wen-Kang Jia, “Nat-aware peer grouping
and chunk scheduling for mesh-pull p2p live streaming
systems,” in Computer Software and Applications
Conference(COMPSAC),2015 IEEE 39th Annual,
2015, pp. 387–392. doi: 10.1109/COMPSAC.
2015.13.
[17] G.-B. C. Woo-Joong Kim Hyungyu Jang, “A webrtc
based live streaming service platform with dynamic
resource provisioning in cloud,” in Region 10 Conference
(TENCON), 2016 IEEE, 2016, pp. 2424–2427.
doi: 10.1109/TENCON.2016.7848466.
[18] J.-L. H. Yu-Wen Liu Chen-Yi Lin, “Live streaming
channel recommendation using hits algorithm,”
in Consumer Electronics-Taiwan (ICCE-TW),IEEE
International Conference, 2015, pp. 118–119. doi:
10.1109/ICCE-TW.2015.7216809