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:


  • Log in
  • Menu ini digunakan pengguna untuk masuk ke website kami.

  • Sign up
  • Menu ini digunakan pengguna untuk mendaftar di website kami.

  • Home
  • Untuk menampilkan/kembali ke halaman utama (home).

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

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

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

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

Salah satu contoh submenu dari navigasi Layanan

Disini saya bertugas membuat halaman pada navigasi Layanan menggunakan HTML dan CSS native dan ditulis dengan Notepad++ dan Visual Studio Code.









Comments

Post a Comment

Popular posts from this blog

Memori dan Manajemen Memori

-
Image
Memori adalah pusat dari operasi pada sistem komputer modern, berfungsi sebagai tempat penyimpanan informasi yang harus diatur dan dijaga sebaik-baiknya. Memori adalah array besar dari word atau byte, yang disebut alamat. CPU mengambil instruksi dari memory berdasarkan nilai dari program counter. Sedangkan manajemen memori adalah suatu kegiatan untuk mengelola memori komputer. Proses ini menyediakan cara mengalokasikan memori untuk proses atas permintaan mereka, membebaskan untuk digunakan kembali ketika tidak lagi diperlukan serta menjaga alokasi ruang memori bagi proses. Jenis Memori -         Memori Kerja -          ROM/PROM/EPROM/EEPROM -          RAM -          Cache Memory -         Memori Dukung -          Floppy - ...
Read more

Perbandingan Software Blender dan Skethup Serta Review Desain Rumah

-
Image
Blender adalah  perangkat lunak sumber terbuka   grafika komputer 3D . Perangkat lunak ini digunakan untuk membuat  film animasi , efek visual, model cetak 3D, aplikasi 3D interaktif dan permainan video. Blender memiliki beberapa fitur termasuk pemodelan 3D, penteksturan, penyunting gambar bitmap, penulangan, simulasi cairan dan asap, simulasi partikel, animasi, penyunting video, pemahat digital, dan rendering. Blender adalah salah satu software open source yang digunakan untuk membuat konten multimedia khusunya 3Dimensi, ada beberapa kelebihan yang dimiliki Blender dibandingkan software sejenis. Berikut beberapa kelebihannya: Open Source Blender merupakan salah satu software open source, dimana kita bisa bebas memodifikasi source codenya untuk keperluan pribadi maupun komersial, asal tidak melanggar GNU General Public License yang digunakan Blender. Multi Platform Karena sifatnya yang open source, Blender tersedia untuk berbagai ma...
Read more

ILMU SOSIAL DASAR 2

-
Image
NAMA                        : FREDERICK NICOLASTHUA NPM                           : 57418792 KELAS                       : 1IA04 SOAL 1.    Silahkan tulis ruang lingkup dari Teknik Informatika 2.    Jelaskan pengertian ilmu social dasar berdasarkan 5 tokoh ilmu social 3.    Jelaskan ruang lingkup ilmu social dasar 4.    Jelaskan kaitan ilmu social dasar dengan disiplin ilmu lain JAWAB 1.   Ruang lingkup Teknik Informatika meliputi faktor-faktor yang berhubungan dengan perencanaan dan perancangan Jurusan Teknik Informatika. Pembahasan diarahkan pada permasalahan yang berorientasi pada disiplin ilmu komputer.Seperti : ·         Rekayasa Perangkat Lunak ·         Sistem Informasi ...
Read more