Download to read offline
Uploaded byRiza Fahmi
Membangun Aplikasi Web dengan Elixir dan Phoenix
Dokumen tersebut membahas tentang bahasa pemrograman Elixir dan framework Phoenix. Elixir adalah bahasa fungsional dan dinamis yang berjalan pada BEAM, sedangkan Phoenix adalah framework modern untuk membangun aplikasi web yang menerapkan MVC. Keduanya memiliki fitur-fitur seperti LiveView, PubSub dan Channel yang mendukung pengembangan aplikasi real-time.
![Tugas4 0916-[tri bogi banjaransari]-[1511510404]](https://cdn.slidesharecdn.com/ss_thumbnails/tugas4-0916-tribogibanjaransari-1511510404-161128093825-thumbnail.jpg?width=640&height=640&fit=bounds)
![Tugas4 0916-[handitiya ciptaning pratama]-[1511510594]](https://cdn.slidesharecdn.com/ss_thumbnails/tugas4-0916-handitiyaciptaningpratama-1511510594-161128100339-thumbnail.jpg?width=640&height=640&fit=bounds)
Membangun Aplikasi Web dengan Elixir dan Phoenix
- 1. /rizafahmi /rizafahmi /rizafahmi22 APLIKASIWEB DENGAN ELIXIR & PHOENIX PRODUKTIF, HANDAL, CEPAT.
- 2. /rizafahmi /rizafahmi /rizafahmi22 PHOENIXFRAMEWORK Framework modern untuk membangun aplikasi web interaktif, backend API dan sistem terdistribusi.
- 3. /rizafahmi /rizafahmi /rizafahmi22 PHOENIXFRAMEWORK Menerapkan pola Model-View-Controller yang dibangun dengan bahasa pemrograman Elixir.
- 4. /rizafahmi /rizafahmi /rizafahmi22 BAHASAPEMROGRAMAN ELIXIR Bahasa pemrograman fungsional, dinamis, dan mudah dikelola. Berjalan diatas BEAM (Erlang Virtual Machine) yang terkenal tangguh. Biasa digunakan untuk membangun sistem yang terdirstribusi, hemat sumber daya dan fault- tolerant.
- 5. /rizafahmi /rizafahmi /rizafahmi22 BAHASAPEMROGRAMAN ELIXIR PARADIGMA FUNGSIONAL Paradigma fungsional menawarkan penulisan kode yang lebih jelas, transformasi data yang transparan dan mudah dites.
- 6. /rizafahmi /rizafahmi /rizafahmi22 BAHASAPEMROGRAMAN ELIXIR Sintaksis terinspirasi dari bahasa Ruby dengan performa setara Erlang. Menggunakan actor-model dalam implementasi concurrency. Sudah memiliki ekosistem yang lengkap.
- 7. /rizafahmi /rizafahmi /rizafahmi22 EKOSISTEMELIXIR iex — Interactive Elixir, REPL. Dapat digunakan untuk eksperimen dan debugging mix — Alat bantu untuk kompilasi, testing, mengelola pustaka tambahan hex — Kumpulan pustaka yang bisa digunakan di proyek Elixir exunit — Unit testing framework
- 8. /rizafahmi /rizafahmi /rizafahmi22 PROYEKELIXIRYANG MENARIK Ecto — Alat untuk pemetaan data dan database. Terinspirasi dari C# LINQ Nerves — Platform dan infrastruktur untuk IoT Membrane Framework — Framework untuk mengelola multimedia stream Nx — Numerical framework, biasa digunakan untuk kebutuhan machine learning Livebook — Alat untuk menulis kode dan berkolaborasi secara interaktif
- 9. /rizafahmi /rizafahmi /rizafahmi22 PENGGUNAELIXIR ELIXIR-COMPANIES.COM Discord — Kebutuhan real-time dan Elixir digunakan sebagai tulang-punggung infrastruktur chat Pepsico — Digunakan oleh tim sales dan marketing untuk kebutuhan analisa data Spotify — Digunakan untuk aplikasi internal Heroku — Digunakan di beberapa servis seperti lisensi dan fi nansial seperti invoice, pembayaran kartu kredit dll. Pinterest — Digunakan untuk mengirim 14 ribu noti fi kasi per detik
- 10. /rizafahmi /rizafahmi /rizafahmi22 PENGGUNAELIXIR/ERLANG 1 miliaran pengguna aktif 6 miliaran pesan terkirim 4.5 miliaran foto terkirim 55 miliaran panggilan
- 11. /rizafahmi /rizafahmi /rizafahmi22 PENGGUNAELIXIR/ERLANG PER HARI 1 miliaran pengguna aktif 6 miliaran pesan terkirim 4.5 miliaran foto terkirim 55 miliaran panggilan
- 12.
- 13. KESIMPULAN ELIXIR • Elixir adalahbahasa pemrograman fungsional dan dinamis. • Berjalan diatas BEAM atau Erlang VM yang sudah terbukti kehandalannya. • Sering digunakan untuk membangun sistem terdistribusi, hemat sumber daya dan fault-tolerant. • Digunakan oleh banyak perusahaan untuk berbagai kebutuhan seperti mengirimkan noti fi kasi, aplikasi real-time, dsb.
- 15. /rizafahmi /rizafahmi /rizafahmi22 KOMPONENPHOENIX Plug — Spesi fi kasi modul-modul untuk membangun web server. Cowboy — HTTP server yang ringan dan cepat Ecto — DSL untuk berinteraksi dengan database
- 16. /rizafahmi /rizafahmi /rizafahmi22 FITUREKSTRA PHOENIX BATTERIES INCLUDED Channel — Fitur real-time, berbahan dasar websocket LiveView — Membangun aplikasi web modern tanpa JavaScript PubSub — Sistem pub/sub terdistribusi Auth — Menyediakan sistem otentikasi
- 17.
- 18. /rizafahmi /rizafahmi /rizafahmi22 TAMPILANAKHIR APLIKASI kreasi. fl y.dev github.com/rizafahmi/kreasidev
- 19. /rizafahmi /rizafahmi /rizafahmi22 MEMULAIPHOENIX INSTALASI $ mix archive.install hex phx_new
- 20. /rizafahmi /rizafahmi /rizafahmi22 MEMULAIPHOENIX MEMBUAT PROYEK PHOENIX $ mix phx.new kreasidev $ cd kreasidev $ mix ecto.create $ mix phx.server
- 21. /rizafahmi /rizafahmi /rizafahmi22 MEMULAIPHOENIX MEMBUAT PROYEK PHOENIX
- 22.
- 23. /rizafahmi /rizafahmi /rizafahmi22 PHOENIX REQUEST& RESPONSE Endpoint GET /posts Router Controller View 200 … Template Context Schema Model
- 24.
- 25. /rizafahmi /rizafahmi /rizafahmi22 KESIMPULAN PHOENIX •Phoenix adalah web framework yang lengkap, biasa digunakan untuk membangun aplikasi web ataupun web services. • Mengadopsi pola MVC dan mengutamakan produktivitas developer sekaligus performa memukau. • Sering digunakan untuk membangun sistem terdistribusi, dan aplikasi real-time. • Framework bergaya “batteries included” namun tetap fl eksibel.
- 26.
- 27. /rizafahmi /rizafahmi /rizafahmi22 PHOENIXLIVEVIEW Sebuah metode untuk mengirimkan html, css dan aset lainnya dari server ke client melalui websocket. Digunakan untuk membangun real-time, single-page application tanpa JavaScript.
- 28. /rizafahmi /rizafahmi /rizafahmi22 PHOENIX REQUEST& RESPONSE Endpoint GET /posts Router Controller View 200 … Template Context Schema Model
- 29. /rizafahmi /rizafahmi /rizafahmi22 PHOENIXLIVEVIEW Endpoint GET /posts Router Controller View 200 … Template Context Schema Model Browser
- 30. /rizafahmi /rizafahmi /rizafahmi22 PHOENIXLIVEVIEW Endpoint GET /posts Router Controller View 200 … Template Context Schema Model Browser
- 31. /rizafahmi /rizafahmi /rizafahmi22 PHOENIXLIVEVIEW Endpoint AJAX Request Router Controller View JSON Response Template Context Schema Model Browser
- 32. /rizafahmi /rizafahmi /rizafahmi22 PHOENIXLIVEVIEW WebSocket Browser
- 33. /rizafahmi /rizafahmi /rizafahmi22 PHOENIXLIVEVIEW WebSocket Browser LiveView click updates
- 34.
- 35. /rizafahmi /rizafahmi /rizafahmi22 TAMPILANAKHIR APLIKASI kreasi. fl y.dev github.com/rizafahmi/kreasidev
- 36. /rizafahmi /rizafahmi /rizafahmi22 PHOENIXLIVEVIEW KESIMPULAN • LiveView adalah metode untuk mengirimkan perubahan halaman web melalui websocket. HTML over the wire, istilah yang sedang dipopulerkan. • Digunakan untuk membangun aplikasi real-time ataupun single-page application tanpa menulis kode JavaScript. • Dapat dikombinasikan dengan dengan fi tur Phoenix lainnya seperti PubSub, LiveComponent, dll.
- 37.
- 38. /rizafahmi /rizafahmi /rizafahmi22 PHOENIX REQUEST& RESPONSE Endpoint GET /posts Router Controller View 200 … Template Context Schema Model
- 39.
- 40.
- 41.
- 42.
- 43. Joe Armstrong “We donot have ONE web-server handling 2 millions sessions. We have 2 million webservers handling one session each.”
- 44. KESIMPULAN • Elixir adalahbahasa pemrograman fungsional dan dinamis yang berjalan diatas BEAM atau Erlang VM yang sudah terbukti kehandalannya. • Phoenix adalah sebuah web framework lengkap yang mengutamakan produkti fi tas sekaligus performa aplikasi. • Memiliki berbagai fi tur menarik mulai dari LiveView, PubSub, Channel, Auth dan banyak lagi.
- 45.
- 46.