Minggu, 30 April 2017

#PWEB Design E-Goverment

Pada tugas Pengantar Web Science kali ini, saya dan kelompok saya, yaitu kelompok Empat, membuat design mengenai E-Goverment. E-Goverment yang kami pilih adalah mengenai design portal Kota Depok. Saya memiliki tugas dalam pembuatan Beranda atau Home Page dan dibawah ini merupakan opini serta ide yang dapat saya tuangkan dalam pembuatan design website untuk Kota Depok. Design yang telah saya buat, sebagai berikut.
Sebelum itu, saya memiliki referensi website dari portal-portal resmi, seperti.

  • http://www.depok.go.id/
  • http://www.tangerangkota.go.id/
  • http://kotabogor.go.id/
  • https://bekasikota.go.id/
  • http://www.acehprov.go.id/
  • http://www.jakarta.go.id/home/
  • http://www.surabaya.go.id/
Pertama, untuk headernya sendiri saya terinspirasi dari portal resmi Kota Depok, yang meletakkan Logo Depok beserta URL websitenya (disebelah bagian kiri) dan saya juga meletakkan Call Center pada bagian header sebelah bagian kanan karena bila masyarakat membutuhkan bantuan atau informasi Call Center dari pemerintahan segera dapat mengetahui telepon ataupun e-mail dari portal Depok dan dari referensi yang saya lihat, hanya portal Kota Depok-lah yang memiliki tulisan informasi Call Center. Selanjutnya, pada bagian bawah header sebenarnya adalah carousel yang memiliki 3 image dan 3 tulisan yang berisikan ucapan selamat datang, visi dan misi dari kota depok, seperti dibawah ini,



Kedua adalah navbar dengan tampilan thumbnails dengan gambar icon, tujuannya adalah agar memberikan kesan berbeda dengan navbar-navbar dari kebanyakan website yang ada. tetapi, jika user scroll down website yang telah saya buat akan menampilkan navbar biasa yang fix-top, bertujuan agar jika warga scroll down akan tetap mendapatkan akses cepat jika ingin berganti page. 

Ketiga adalah panel berita dan agenda. Panel berita dan agenda akan menampilkan info update difungsikan agar warga dapat melihat berita serta agenda yang akan dilakukan oleh pemerintahan Kota Depok, Panel hanya menyediakan beberapa info saja karena jika warga ingin melihat yang paling lengkapnya dapat membuka page berita dan agar menjaga panel tetap rapi.

Keempat ada panel walikota dan wakil walikotanya, tujuannya adalah agar warga yang melihat portal tersebut dapat mengingat walkot serta wakilnya, seperti pada portal..

Kelima adanya panel serba-serba, panel serba-serba merupakan panel yang disediakan dimana warga mendapatkan informasi sesuai konten. Saya mendapatkan inspirasi dari website Kota Aceh yang mempunyai Serba-Serbi. Tetapi, panel tersebut saya ATM ( Amati, Tiru, dan Modifikasi ) sehingga mempunyai tampilan, sebagai berikut. 


Panel-panel tersebut memberikan informasi sesuai dengan thumbnails yang tertera didalamnya.

Keenam, panel aduan SMS. Panel tersebut memberikan informasi mengenai aduan-aduan masyarakat terhadap apa yang ada disekitarnya,

Yang terakhir adalah footer. Footer ini terinspirasi dari website Kota Depok.