隨著網路服務的普及以及科技的進步，地理因素的限制已經逐漸被克服了，市面上有越來越多的串流技術提供轉播或即時會議的服務，學術研討會、運動賽事甚至大學課程都有機會可以透過網路及串流技術讓世界各地的人共襄盛舉。
各式各樣的應用程式被設計出來滿足不同的使用需求，但是不管是轉播或是即時會議，仍然有互動性的問題，在遠端的觀看者，往往無法參與現場討論，進而錯失了互動的機會。
為了提升互動品質，我們提出了一個嶄新的提問系統稱為GoodQ平台，此系統囊括了網路服務、即時發問以及電話call out的好處，系統利用網路發送通話請求給 Web server 接著利用SIP (Simple Initiation Protocol) server把通話重新導向到 PSTN (Public Switched Telephone Network)，藉此來達到撥接多方通話的功能。
在這篇論文的一開始，會先介紹GoodQ系統的架構，之後會著重於網頁客戶端的MVC (Model-View-Controller) Structure 、多人即時會議管理及相關技術的實作。並且詳述各種使用情況，以便讓使用者有效且方便的掌控會議的參與人員和狀況。
我們實作出了這個系統，並且改善了它處理使用者資料的效能，並提供Fully UI-Responsive 的使用者介面以有效地提供即時會議的狀態和會議的管理。最後，經過實驗提出了使用上的建議。

In traditional way, classroom’s size restricts students’ numbers. With the advance of broadcasting technology, students can attend the class at other synchronized classroom. Some technologies support not only at school’s classroom. Every place is classroom as long as having a computer or even only a mobile device. Therefore, the classroom can be everywhere that breaks the geographic limitation. However, in existing environment, remote students can only watch video. If everyone can attend discussion, it would be a great improvement.
The objective of this thesis is to implement a system to help people with the question and answer (Q&A) session in a broadcasting conference/class. We build a platform that focuses on Q&A sessions. This platform is compatible with every broadcast technology. The special way of the interaction between speakers and audiences is that it calls out to the audiences and creates a conversation as if the audience is at the main classroom. Through this platform, the remote audiences have opportunities to present their opinions and to conquer the geographic constraints.
This thesis proposes a novel cloud-based online Q&A platform, which can go well with any broadcasting system. By using the proposed system, users can easily ask questions and having communication with the speaker even though they are not on the spot.
At last, we propose suggestion of our system’s usage complement with current conference/broadcast systems and provide real-time status of every questioner for host managing in an efficient way.

Chapter 1 Introduction 1
Chapter 2 Related Works 4
2.1 Conference Call 4
2.1.1 Overview 4
2.2 Broadcast System 4
2.2.1 Overview 4
2.2.2 Livehouse.in 5
2.2.3 YouTube 6
2.3 Conference System 7
2.3.1 Overview 7
2.3.2 Skype 7
2.3.3 WebEx 8
2.3.4 ShareRoom 9
2.4 Features Comparison 10
Chapter 3 System Architecture 11
3.1 Layer Structure Overview 11
3.2 System Architecture 12
3.3 Q&A Scenario 14
3.4 Website MVC Design Pattern 15
3.5 Website Module 16
Chapter 4 System Implementation 17
4.1 Web server Environment 17
4.1.1 Node.js 17
4.1.2 Asynchronous Process Control 18
4.2 User Interface Environment 19
4.2.1 Responsive Web Design 19
4.2.2 React 20
4.2.3 Flux 21
4.2.4 Bootstrap 22
4.3 Fetching Data Concept 22
4.4 Integration 24
4.4.1 General Design 24
4.4.2 Meeting Room 28
4.4.3 View Architecture 29
4.4.4 Front-end Workflow 31
Chapter 5 Graphical User Interface 33
5.1 Membership 34
5.1.1 Registration 34
5.1.2 Login 35
5.1.3 Personal Information 36
5.2 Owner 37
5.2.1 Create/Edit Meeting 38
5.2.2 Meeting Information 39
5.2.3 Meeting Room 40
5.2.4 History 42
5.3 Attendee 43
5.3.1 Collected Meeting 43
5.3.2 Meeting Information 44
5.3.3 Meeting Room 45
Chapter 6 Experimental 49
6.1 Environment 49
6.2 Q&A Scenarios 51
Chapter 7 Conclusions and Future Works 54
References 56

[1] P. Chatterjee and A. Nath. "Massice Open Online Courses (MOOCs) in Education – A Case Study in Indian Context and Vision to Ubiquitous Learning", IEEE International Conference on MOOC, Innovation and Technology in Education, Patiala, INDIA, pp 36-41, 19-20 Dec. 2014.
[2] H.K. Muhsin,"The Using of E-Learning Techniques to Improve the Medical Education", International Conference on Information and Communication Technologies, Damascus, SYRIA, pp 1-5, 7-11 April 2008.
[3] F. Martin, "Best Practices for Teaching in A Synchronous Virtual Classroom", International Conference on Technology for Education, Mumbai, INDIA, pp 44-46, 1-3 July 2010.
[4] A. Bandura. Social learning theory, Englewood Cliffs, NJ.: Prentice-Hall, pp 305-316, 1977.
[5] P. Han, R. Shen and F. Yang, "Intelligent Q&A System Based on Case Based Reasoning", Proceedings of the First international Conference on Machine Learning and Cybernetics, Beijing, CHINA, Vol. 1. pp 345-348, 4-5 Nov. 2002.
[6] C.W. Chiang. "The Design and Implementation of Cloud-based Online Conference Software for iOS Smart Devices", Master’s thesis of Department of Computer Science, National Tsing Hua University (R.O.C.), 2014.
[7] Livehouse.in [Online]. Available: http://livehouse.in/.
[8] YouTube broadcast [Online] Available: http://www.youtube.com/my_live_events.
[9] Skype [Online] Available: https://www.skype.com.
[10] WebEx [Online] Available: https://www.webex.com/.
[11] ShareRoom [Online] Available: http://www.shareroom.net/.
[12] Responsive web design [Online] Available:
https://en.wikipedia.org/wiki/Responsive_web_design.
[13] Restful API [Online] Available:
https://en.wikipedia.org/wiki/Representational_state_transfer.
[14] W3C, HTTP [Online] Available: http://www.w3.org/Protocols/.


[15] A. Leff, J. Rayfield. "Web-Application Development Using the Model/View/Controller Design Pattern", International Conference on Enterprise Distributed Object Computing, Seattle, USA, pp 118-127, 4-7 Sept. 2011.
[16] Node.js [Online] Available: http://nodejs.org/.
[17] S. Tilkov and S. Vinoski. "Node. js: Using JavaScript to build high-performance network programs", IEEE Internet Computing, Vol. 14 No. 6 pp 80-83, Nov.–Dec. 2010.
[18] X. Gu, L. Yang and S. Wu. "A Real-Time Stream System Based on Node.js", International Computer Conference on Wavelet Active Media Technology and Information Processing, Chengdu, CHINA, pp 479-482, 19-21 Dec. 2014.
[19] K. Lai, Y. Ma and Z. Tan. "Performance Comparison and Evaluation of Web Development Technologies in PHP, Python and Node.js", International Conference on Computational Science and Engineering, Chengdu, CHINA, pp 661-668, 19-21 Dec. 2014.
[20] How the single threaded non blocking IO model works in Node.js [Online] Available: http://stackoverflow.com/questions/14795145/how-the-single-threaded-non-blocking-io-model-works-in-node-js
[21] Fluid Grids [Online] Available: http://alistapart.com/article/fluidgrids.
[22] Fluid Images [Online] Available: http://www.alistapart.com/articles/fluid-images/.
[23] S. Mohorovičić, "Implementing Responsive Web Design for Enhanced Web Presence", International Convention on Information & Communication Technology Electronics & Microelectronics, Opatija, CROATIA, pp 1206-1210, 20-24 May 2013.
[24] React [Online] Available: http://facebook.github.io/react/.
[25] React concept [Online] Available: https://scotch.io/tutorials/learning-react-getting-started-and-concepts.
[26] React concept [Online] Available: http://facebook.github.io/react/docs/why-react.html.
[27] Flux [Online] Available: https://facebook.github.io/flux/docs/todo-list.html.
[28] Bootstrap [Online] Available: http://getbootstrap.com/.
[29] S. Loreto, P. Saint-Andre, S. Salsano and G. Wilkins. "Known issues and best practices for the use of long polling and streaming in bidirectional http", RFC 6202, 2011.
[30] N. Sharma. "Push Technology–Long Polling", International Journal of Computer Science and Management Research, Vol. 2 No. 5 pp 2581-2584, May 2013.