Penjabaran Hasil Pembuatan Web

Rancangan Halaman Login pada Web Bayar Tagihan

Rancangan halaman login

             

       Pada kali ini  saya membuat tampilan halaman login pada web pembayaran tagihan bulan , web ini ditunjukkan untuk kalangan masyarakat yang ingin melakukan pembayaran tagihan listrik , air , dsb secara online atau virtual.

              

       Pada halaman Log In saya menggunakan HTML dan CSS dengan text editor Sublime Text , jika web ini memiliki domain maka akan menjadi : www.bayartagihan.com/login.html pada web bayartagihan.com 

Berikut adalah tampilan depan dari www.bayartagihan.com

Membuat Tampilan Web Dinamis

Arsitektur Web dan Aplikasi Utama

Kelompok kami membuat sebuah website bayar tagihan online sederhana. Dengan adanya website ini harapannya pengguna dapat mengecek tagihan seperti air, listrik, internet, dsb dan juga pengguna dapat membayar tagihan tersebut dengan mudah kapan saja dan dimana saja.

Halaman Home (sebelum login)

Halaman Dashboard (setelah login)

Pada gambar diatas ini merupakan contoh navigasi dari web sederhana yang kami buat. Berikut penjelasan dari navigasi web kami:

1.    Log in

Menu ini digunakan pengguna untuk masuk ke website kami.

2.    Sign up

Menu ini digunakan pengguna untuk mendaftar di website kami.

3.    Home

Untuk menampilkan/kembali ke halaman utama (home).

4.    Layanan

Berisikian 3 sub menu yaitu Cek Listrik, Cek Air, Cek Internet untuk mengecek tagihan serta membayar tagihan tsb.

5.    Riwayat

Berisikan 3 sub menu yaitu Listrik, Air, Internet untuk melihat riwayat tagihan seperti status tagihan, status pembayaran, dsb.

6.    Lainnya

berisi 2 sub menu yaitu Kontak Kami, Tentang Kami untuk melihat informasi website dan kontak kami.

7.    Pengaturan

Berisikan 2 submenu yaitu Profile, Logout untuk melihat/mengatur profile pengguna dan untuk keluar dari akun pengguna.

Disini saya bertugas membuat halaman Log In menggunakan HTML dan CSS dengan text editor Sublime Text

Referensi : https://www.w3schools.com/howto/howto_css_login_form.asp

Pengertian Web Science

Web Science berasal 2 kata yaitu Web dan Science. Web adalah suatu jaringan atau halaman yang saling berhubungan dimana dalam sebuah halaman tersebut terdapat sekumpulan hasil pemikiran,pernyataan,serta informasi yang baik dan buruk yang diberikan atau dipaparkan oleh seseorang, kelompok, atau organisasi tertentu. Science adalah Ilmu Pengetahuan yang  bermanfaat . Jadi Web Science merupakan sebuah ilmu pengetahuan yang diperoleh dari sumber yang akurat  yang dapat diakses melalui sebuah situs halaman web.

Perkembangan Web Saat Ini

Teknologi akan terus berkembang seiring berjalannya tahun , sama halnya dengan Web yang dapat memahami perubahan tentunya akan menemukan cara untuk beradaptasi di dunia yang terus berubah . Berikut adalah beberapa dari contoh Web pada saat ini :

1.     Aplikasi Web Progresif

2.     Situs Web Statis dan satu halaman

3.     Aplikasi tanpa server

4.     Website Machine Learning

5.     Web Layanan Pelanggan ChatBots

6.     Augmented Reality (AR) dan Virtual Reality (VR)

(sumber: https://www.undercover.co.id/tren-pengembangan-web-2019/)

Web akan terus berkembang menjadi lebih baik dan lebih efisien lagi , yang tentunya akan sangat menguntungkan bagi pemakai atau pengakses.