The presentation is in Polish, but you can get the most important pieces of information form the code in the slides. W prezentacji omówiłem sposób tworzenia aplikacji Windows z wykorzystaniem języka JavaScript, systemu CMS eZ Platform oraz narzędzia Electron udostępnionego przez Githuba. Aplikacja korzysta z powiadomień typu push i do tego celu wykorzystuję SSE - Server Sent Events.

1. Windows
+
Javascript
+
eZ Platform
Tworzenie aplikacji na system Windows
z wykorzystaniem Javascriptu i eZ Platform

2. Kilka słów o mnie
UI Developer w eZ Systems
eZ Platform i eZ Studio
Autor bloga: http://blog.piotrnalepa.pl
Wielki fan piłki nożnej i sportu ogólnie.
@sunpietro

3. eZ Platform – struktura systemu
WHY IS IT BEAUTIFULLY ENGINEERED?
Flexible cont
‣ Adapt to an
any busi
‣ Create onc
Full-featured
‣ Ready for C
Service &
‣ Best in clas
Strong backw
‣ Sustainabil
‣ Predictabili
Storage
eZ Platform Business Logic
Persistence & IO SPI
Public API
Symfony2 Web Framework
REST API
Twig Template
Website / Demo site
CMS
User
Interface
End Users
(Website users)
Editor,
Marketer,
Admin
(CMS users)
Web Service

4. eZ Platform – API
• REST API
• Public API

5. eZ Platform – z czego korzysta?

6. Kilka słów o aplikacji
• Powiadomienia typu push,
• Wyświetlanie listy treści, które zostały zmienione,
• Wyświetlanie powiadomień o nowych zmianach, jakie zaszły
w systemie.

7. AJAX – komunikacja z serwerem

8. SSE
Server Sent Events

9. SSE - charakterystyka
• Mechanizm komunikacji serwera z przeglądarką.
• Komunikacja odbywa się po protokole HTTP,
• Komunikacja jest jednostronna.

10. A co z WebSockets?

11. SSE vs WebSockets

12. RUNDA 1
Komunikacja przeglądarki z serwerem?

13. SSE

14. WebSockets

15. RUNDA 2
Wsparcie przeglądarek

16. SSE

17. WebSockets

18. RUNDA 3
Porównanie funkcjonalności

19. SSE vs WebSockets
SSE WebSockets
Komunikacja za pomocą protokołu
HTTP
Komunikacja za pomocą
niestandardowego protokołu
bazującego na TCP
Jednostronna komunikacja:
- serwer-przeglądarka
Dwustronna komunikacja:
- serwer-przeglądarka,
- przeglądarka-serwer
Automatyczne wznawianie
zerwanego połączenia
Idealny do tworzenia chatów, gier
multiplayer w przeglądarce, itd.
Przesyłanie ID eventów Wsparcie w IE
Możliwość przesłania dowolnych
eventów
Idealny do implementacji
powiadomień typu Push

20. Obiekt EventSource

21. Domyślne eventy SSE
• message
• open
• error

22. Nasłuchiwanie eventów SSE

23. Niestandardowe eventy

24. Typ streamowanych danych

25. Format streamowanych danych

26. Podgląd w przeglądarce

27. OK, ale co z tym Windowsem?

28. Electron

29. Electron
od Githuba!

30. Electron
Aplikacje nie tylko dla Windows!

31. Instalacja Electrona

32. Kod JS aplikacji w Electron

33. Deployment aplikacji na Windows
• przygotowanie struktury folderów,
• odpalenie komend z Electron,
• przygotowanie paczki dystrybucyjnej z użyciem asar

34. Który backend dla frontendu?

35. Dlaczego eZ Platform?
• Tam, gdzie treść, to core business,
• Open Source,
• Model treści:
– Generyczny, w sposób łatwy dostosowywalny do potrzeb
projektu lub klienta,
– Wymuszenie wysokiej kultury pracy z treścią,
– Separacja warstw,
– Multi-channel publishing à komponuj raz, publikuj w
wielu miejscach i urządzeniach,
• Architektura nastawiona na rozszerzalność i integrację.

36. Zastosowania eZ Platform
• Portale informacyjne (intranet, ekstranet),
• Rozwiązania e-commerce,
• Repozytoria treści - Content Hubs
• Portale społecznościowe,
• Content-as-a-Service,
• Internet of Things,
• Architektury proste lub wieloserwerowe.

37. Dziękujemy!
www.ez.no www.kaliop.pl