PWEB Desain E-GOVERMENT

Pada tugas Pengantar Web Science , saya dan kelompok saya membuat design mengenai E-Goverment. E-Goverment yang kami pilih adalah mengenai design portal Kota Depok. Saya memiliki tugas dalam pembuatan Info kota Depok  dan  Panic Button dibawah ini merupakan opini serta ide yang dapat saya tuangkan dalam pembuatan design website untuk Kota Depok. Design yang telah saya buat, sebagai berikut:


Desain Info Depok

Desain Panic Button

Referensi desain E-Government Kota Depok

http://smartcity.jakarta.go.id

http://depok.go.id

http://surabaya.go.id

Pertama tama saya akan menjelaskan tentang desain dari info Depok untuk desain tersebut saya terinspirasi dari smartcity.jakarta.go.id untuk membuat sebuah web yang dapat menampilkan informasi-informasi mengenai segala sesuatu yang menjadi ciri khas kota depok seperti kuliner, kantor pemerintahan,mal dan trayek angkutan di kota depok

Kemudian pada info depok saya menambahkan informasi mengenai tempat-tempat rekreasi dan juga daftar universitas dikota depok beserta map nya.

Dan untuk desain panic button untuk tampilan awal seperti berikut :

Lalu ketika kita mengclick icon untuk melanjutkan proses pelaporan melalui panic button maka akan tampil tampilan sebagai berikut:

Setelah tampil tampilan berikut setelah kita mengclick icon polisi maka langkah selanjutnya adalah mengisi nama pelapor , subject laporan dan alamat pelapor . Untuk No.LP sudah otomasi diset dari komputer server dan untuk wilayah sudah menggunakan geolocation sehingga lebih akurat.Kemudian click KIRIM dan proses pelaporan selesai.

By: Arya Danu Prengga On 06.22

Continue Reading

Perkembangan Dunia Website

 

PWA (PROGRESSIVE WEB APPS)

PWA adalah teknologi tools open source yang dihadirkan Google untuk membuat situs web mobile menjadi lebih ringan,  cepat, dan berfungsi seperti aplikasi mobile yang banyak digunakan saat ini.

Dengan konsep offline first dan Web APIs baru, aplikasi yang berjalan pada browser tidak akan memunculkan pesan network error atau white screen seperti yang selama ini seringkali kita alami ketika berada pada jaringan yang sangat buruk. Pada PWA, ketika kita meninggalkan browser, dan kembali lagi membuka aplikasi tersebut pada jaringan buruk atau tanpa jaringan sekalipun kita tidak akan kehilangan UI dan data-data terakhir, seperti contohnya applikasi chat blackberry.

Service Workers adalah teknologi dibalik PWA yang memberikan fungsionalitas offline, notifikasi, update konten, pergantian konektifitas dan lainnya. Memang belum banyak yang membahas tentang service workers dan bagaimana sebenarnya service workers itu diterapkan, tetapi bila kita mengunjungi developergoogle, bisa dikatakan service workers adalah semacam proxy yang berada ditengah antara aplikasi web, browser, dan jaringan, atau lebih sederhana lagi bisa dianalogikan aplikasi kita akan diatur oleh service workers agar bisa berlajan offline terlebih dahulu, mengembalikan data dari cache jika request ke jaringan gagal.

File service workers sendiri berisi kode javascript yang bisa dikembangkan oleh pengembang untuk menghandle event dan request sesuai dengan kebutuhan. Oh ya, untuk browser yang support service workers sendiri kita bisa lihat kembali disini.

Di laman resminya sendiri ionic yakin bahwa web adalah masa depan dari aplikasi, tanpa perlu mengembangkan aplikasi mobile secara terpisah, aplikasi native dan aplikasi web.

LARAVEL 5.4

Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi MIT, dibangun dengan konsep MVC (model view controller). Laravel adalah pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan sintaks yang ekspresif, jelas dan menghemat waktu.

MVC adalah sebuah pendekatan perangkat lunak yang memisahkan aplikasi logika dari presentasi. MVC memisahkan aplikasi berdasarkan komponen- komponen aplikasi, seperti : manipulasi data, controller, dan user interface.

1. Model, Model mewakili struktur data. Biasanya model berisi fungsi-fungsi yang membantu seseorang dalam pengelolaan basis data seperti memasukkan data ke basis data, pembaruan data dan lain-lain.

2. View, View adalah bagian yang mengatur tampilan ke pengguna. Bisa dikatakan berupa halaman web.

3. Controller, Controller merupakan bagian yang menjembatani model dan view.

Pada tanggal 24 Januari 2017, Laravel 5.4 resmi dirilis dengan sejumlah fitur baru yang lebih keren.

Fitur baru laravel 5.4

1.Laravel Dusk adalah sebuah end-to-end browser testing tool untuk Javascript. Disediakan untuk membuat interaction test yang lebih baik. Kamu dapat menguji halaman web Laravel kamu seperti mengklik tautan dan tombol, mengisi form, dan juga drag and drop.

2.Laravel Mix adalah generation berikutnya dari Elixir. Elixir yang dimaksud bukanlah bahasa pemrograman, melainkan sebuah package khusus yang didedikasikan untuk Laravel. Sekarang Mix dibangun menggunakan Webpack ketimbang Gulp, dan namanya diganti karena banyak sekali perubahan penting.

3.Component dan Slot dirancang untuk memberikan fleksibilitas dalam menggunakan Blade. Sebagai contoh kamu dapat melakukan include template untuk menampilkan alert.

4.Automatic Façade

Sekarang kamu dapat menggunakan class apapun sebagai Facade on the fly. Berikut contohnya: namespace App;

Dan di dalam route atau controller kamu dapat menggunakanya seperti ini:

5.Upgrading Route

Fitur baru lainnya adalah kemampuan menggunakan sintaks yang lebih ciamik untuk membuat named route atau middleware seperti contoh berikut:

Route caching layer sekarang menerima peningkatan fitur yang dapat membuat route matching pada aplikasi yang sangat besar.

Higher Order Messaging untuk Collection

           

Referensi:

https://idcloudhost.com/pengertian-dan-keunggulan-framework-laravel/

https://www.codepolitan.com/laravel-54-resmi-dirilis-5897088729151

 

By: Arya Danu Prengga On 06.54

Continue Reading