Presented by : Ainul Yaqin Wahyudin (42513016) Prodi D4 Teknik Komputer dan Jaringan Jurusan Teknik Eletro Politeknik Negeri Ujung Pandang

Pengenalan Teknologi Web

Komponen Website Databases Web Services Website Keyword : Kumpulan data yang disimpan secara sistematis Web Services Keyword : Sistem yang dapat diremote dengan menggunakan port tertentu, Sistem pelayanan web Website Keyword : Aplikasi yang berjalan di web service The Power of PowerPoint | thepopp.com

Database Relasional (SQL) Database yang memungkinkan adanya relasi antar tabel

Non Relational Database (noSQL) Keyword Database yang tidak menggunakan relasi Tidak menyimpan data dalam format tabel yang kaku

Website Native CMS Framework Keyword : Programmer’s bad habbit Keyword : Website Builder Framework Keyword : Aplikasi yang digunakan untuk memudahkan programmer untuk membuat aplikasi dengan berbagai plugin, konsep, sistem file, dan seterusnya The Power of PowerPoint | thepopp.com

Native Server Side Language Cilent Side Language Bahasa yang berjalan di server. Sebagai penghubung ke database Bahasa yang berjalan di client Berupa UI Handler, Service Page Handler

CMS Content Management System Website Bulder. Dilengkapi dengan plugin, database bulder dan web service

Framework CSS PHP JAVASCRIPT SASS, Bootstrap Laravel, Symfony, Codeigniter, Yii, Phalcon, CakePHP, Zend Framework, Slim, FuelPHP, PHPixie JAVASCRIPT Reactive.js, Jquery, Angular, Node,js The Power of PowerPoint | thepopp.com

Hybrid Application Keyword Kelebihan Gabungan beberapa teknologi untuk membangaun aplikasi Kelebihan Multiplatform, Mudah dibangun, Fmenggunakan bahasa yang familiar, responsive

Progressive Web App Keyword Kelebihan Teknologi web dengan fitur-fitur baru Kelebihan Mudah digunakan, memiliki performansi seperti aplikasi native

Daftar Referensi Penulisan https://chromplex.com/progressive-web-apps/ (Memahami Apa Itu Progressive Web App) https://developers.google.com/web/fundamentals/getting-started/primers/service-workers(Service Workers: an Introduction) https://info.dynatrace.com/rs/compuware/images/Mobile_App_Survey_Report.pdf (What Consumers Really Need and Want) https://developers.google.com/web/fundamentals/performance/critical-rendering-path/ (Critical Rendering Path) https://developers.google.com/web/fundamentals/performance/rendering/ (Rendering Performance) https://developers.google.com/web/fundamentals/performance/poor-connectivity/ (PRPL Pattern) https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications/ (Web Push Notifications: Timely, Relevant, and Precise) The Power of PowerPoint | thepopp.com