TYPO3 Flow - Web Sockets

1,355 views

Published on

Feel Free to download our slide for further understanding about TYPO3 Flow and Web Socket. If you have any questions, concern or feedback feel free to contact us.

Published in: Technology
2 Comments
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
1,355
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
2
Likes
0
Embeds 0
No embeds

No notes for slide

TYPO3 Flow - Web Sockets

  1. 1. WebSocket in TYPO3 Flow WebSocket By: Ninja Bug 28th February 2014
  2. 2. Agenda I. Team Introduction II. TYPO3 Flow III. WebSocket IV. Config WebSocket to Flow V. Demo VI. Conclusion
  3. 3. Team Introduction 3 29
  4. 4. Ninja Bug ■ Form in 2013 ■ 3 core team ■ First generation of agile team at Web Essentials ■ Deliver working software ■ Working with TYPO3, TYPO3 Flow, TYPO3 Neos ... 4 29
  5. 5. Ngeth Chanthorn ■ Certified TYPO3 Integrator ■ From Samrong, Takeo ■ Like TYPO3 Coding, Typoscript Code ■ Working at Web Essentials ■ Email: chanthorn@web-essentials.asia 5 29
  6. 6. Nim Chanthou ■ Web Developer ■ From Samrong, Takeo ■ Like Playing Pool, Football, PHP code ■ Working at Web Essentials ■ Email: chanthou@web-essentials.asia 6 29
  7. 7. John Odom ■ Web Developer ■ From Phnom Penh ■ Like Javascript, PHP Google and Facebook API ■ Working at Web Essentials ■ Email: odom@web-essentials.asia 7 29
  8. 8. TYPO3 Flow ■ What is TYPO3 Flow? ■ Why TYPO3 Flow? ■ Requirements ■ Structure 8 29
  9. 9. What is TYPO3 Flow? ■ PHP-based Web Application Platform ■ Creates excellent web solutions ■ Fast results! ■ Keep your head clear and let you focus on the essentials part ■ Reliable foundation for complex applications 9 29
  10. 10. Why TYPO3 Flow? ■ Well-suited for enterprise-grade applications ■ Easy-to-read source code ■ Stability, Secure code ■ User experience ■ Backed by one of the biggest PHP communities (6000 + contributors) 10 29
  11. 11. Requirements Supported Operating System: ■ Linux ■ Mac OSX ■ Windows 11 29
  12. 12. Requirements Supported HTTP server platforms: ■ Apache with mod_rewrite module enabled 12 29
  13. 13. Requirements PHP: ■ Requires PHP 5.3.2 or higher Supported Database Systems: ■ All systems supported by Doctrine DBAL can be used with TYPO3 Flow 13 29
  14. 14. Directory Structure Configuration/ The global configuration folder, grouped by contexts Data/ Persistent and temporary data, including caches Packages/ Contains sub directories which in turn contain package directories Packages/Framework/ The Framework directory contains packages of the TYPO3 Flow distribution. Packages/Application/ The Application directory contains your own / application specific packages. Packages/Libraries/ The Libraries directory contains 3rd party packages. Web/ Public web root 3 14 29 29
  15. 15. WebSocket ■ ■ ■ ■ ■ ■ ■ What is WebSocket? Why use WebSocket? Where is it use? Browser Support Basically work PHP WebSocket (Server Side) Javascript API (Client Side) 15 29
  16. 16. What is WebSocket? ■ Supported in HTML5 browsers ■ Communication Protocol ■ Real time interaction ■ Full Duplex communication channel 16 29
  17. 17. Why WebSocket? 17 29
  18. 18. Where is it use? ■ Chat Application ■ Online Game ■ Streaming Application - Real time news - Real time alert ■ Other 18 29
  19. 19. Browser Support ■ Chrome 4+ ■ Safari 5+ ■ Firefox 4+ ■ Opera 10.7+ ■ IE 10+ 19 29
  20. 20. Basically Work 20 29
  21. 21. PHP WebSocket (Server Side) ■ Handshake ■ Unmasking/Encoding data frame ■ Pushing data 21 29
  22. 22. Javascript API (Client Side) ■ Connection ■ Receive ■ Leave 22 29
  23. 23. Javascript API (Client Side) websocket = new WebSocket(‘ws://address: port’); websocket.onopen = function(evt) {} websocket.onmessage = function(evt) { // use evt.data } websocket.onclose = function(evt) {} websocket.onerror = function(evt) {} 23 29
  24. 24. Config WebSocket to Flow Understand Structure of TYPO3 Flow Where we put our package. (Flow.WebSocket) 24 29
  25. 25. Config WebSocket to Flow Understand Structure of Flow Package Where we put WebSocket Library HTML Template Javascript Function 25 29
  26. 26. Demo Hi! Could you go to simple chat application with me? Okay! Lets go! 26 29
  27. 27. Conclusion ■ TYPO3 Flow is a framework base on PHP which easy to use and control ■ WebSocket is a new feature of HTML5 which mostly use for real time interaction 27 29
  28. 28. What … ? How … ? When … ? Why … ? ... ? 28 29
  29. 29. References TYPO3 Flow ■ http://flow.typo3.org/home https://github.com/chanthornngeth/Distribution.git WebSocket ■ http://srchea.com/blog/tag/websocket/ ■ http://www.php.net/manual/en/book.sockets.php ■ http://www.slideshare.net/PaulFryer/web-sockets-8963751 ■ https://code.google.com/p/pywebsocket/ ■ Book: HTML5 Solutions (Chapter 9: HTML5 WebSocket) 29 29

×