1. Asterisk based real-time social chat Advisor : Lian-Jou Tsai Student : Jhe-Yu Wu

2. Outline Motivation Abstract Telephony Technology Application System Design Conclusion Reference

3. Motivation To integrate WebRTC into SIP and PSTN. To simplify calling process.

4. Abstract This study aims to integrate new telephony technology like WebRTC with VoIP. The following slides will introduce telephony technology including PSTN and VoIP. The system design will show at the end of the presentation.

5. Telephony Technology PSTN & VoIP

6. PSTN Public Switched Telephone Network VoIP Voice over Internet Protocol Figure 1. The PSTN architecture. PST N VoIP Server Figure 2. The VoIP architecture.

7. Application Asterisk & WebRTC

8. Asterisk Asterisk is a flexible and extensible suite of integrated telecommunications software. WebRTC WebRTC (Web Real Time Communication) is a open project that enables web browsers with Real-Time Communications capabilities via simple JavaScript APIs. Supported Browsers

9. System Design User interface & Core component

10. User Interface : jQuery jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. var xmlhttp; if (window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); }else{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function(){ if (xmlhttp.status == 200){ //ok } xmlhttp.open("GET","ajax.php?data=ok",true); xmlhttp.send(); $.ajax({ url: "ajax.php?data=ok", type: "GET", success: function(){ //ok } }) jQuery JavaScript

11. User Interface : JSON JSON is an open standard format that uses human-readable text to transmit data objects consisting of attribute–value pairs. textbook 256 Programming Pearls 2nd Edition 4.5 paperback Computer Science Jon Bentley { "book": { "type": "textbook", "pages": "256", "title": "Programming Pearls 2nd Edition", "rating": "4.5", "coverType": "paperback", "genre": "Computer Science", "author": "Jon Bentley“ } } XML JSON

12. HTMLJSONPHP jQuery Create Web Page Parse JSON using jQuery and render web page Server Side Scripting Send command to AMI and handle returning value Javascript Object Notation Wrap returning data in JSON Client Side Scripting Send an AJAX request to PHP User Interface

13. Core Component : AMI PHP-AMI-CLASS, a PHP class for Asterisk Manager Interface Access AMI with simple AIPs Available on GitHubGitHub

14. PHPAMIAsteriskJSON Server Side Scripting Send command to AMI and handle returning value VoIP Server Provide WebRTC service through WebSocket Asterisk Manager Interface Control Asterisk by reading or sending command to AMI Javascript Object Notation Wrap returning data in JSON Core Component

15. Traditional Service Fill lots of informations before make the callLogin with a Facebook account, no more input Brand New Social Chat

16. Simple User Interface

17. Cross Platform Chat Everywhere The system write with native APIs, don’t need to worry about support of other browsers and OSes.

18. Chat Everywhere Cross-platform No More Registration Login with Facebook account No Plugin Needed Native WebRTC support Advantage

19. [1] www.voip-info.org/wiki/view/Asterisk+manager+API [2]www.oschina.net/question/100267_61459 [3]wikipedia.org/JSON [4] stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery [5] wikipedia.org/wiki/Jquery References

20. Thanks for your patient