Langsung ke konten utama

EAS PEMROGRAMAN WEB (D) - Aplikasi Sekolah

SOAL

  1. Definisikan fitur dari aplikasi sekolah yang akan dibangun!
  2. Rancang aplikasi sekolah menggunakan Figma!
  3. Implementasikan aplikasi sekolah! Boleh dikerjakan secara kelompok, kemudian didokumentasikan dan dibuat video demo/presentasinya di Youtube. Semua hasil pekerjaan disatukan di blog masing-masing.

JAWABAN

  1. Jawaban terlampir pada dokumen berikut.


  2. Desain Figma:


  3. Hasil pengerjaan:
    • Pada EAS/FP kali ini, saya mengerjakan role admin dengan fitur CRUD siswa dan guru.

    • Web ini dibuat menggunakan HTML, CSS (Bootstrap & Custom), dan JavaScript. Laman website-nya dapat diakses pada link berikut. Untuk hosting web sendiri memakai 000webhost.

    • Konten dari website:
      • Login page, berisi halaman untuk melakukan proses login. User akan disuruh memasukkan username dan password.
      • Dashboard page, berisi halaman awal setelah melakukan proses login.
      • Data siswa page, berisi halaman list data siswa/i SMA Suzuran beserta proses Edit & Delete-nya.
      • Data guru page, berisi halaman list data guru SMA Suzuran dan beserta proses Edit & Delete-nya.
      • Data orang tua page (belum terimplementasi), berisi halaman list data orang tua siswa/i SMA Suzuran beserta proses Edit & Delete-nya.
      • Pembayaran SPP page (belum terimplementasi), berisi halaman list data status pembayaran dari masing-masing siswa/i SMA Suzuran beserta proses Edit-nya.

    • Tampilan website:
      • Login page

      • Dashboard page

      • Data siswa page



      • Data guru page


      • Data orang tua page (belum terimplementasi)

      • Pembayaran SPP page (belum terimplementasi)

      • Form tambah (Siswa & Guru)


      • Form edit (Siswa & Guru)



    • Source code: di sini

    • Username : admin | Password: admin

    • Demo:

Komentar

Posting Komentar

Postingan populer dari blog ini

ETS REKAYASA KEBUTUHAN (A) - GoToko

Pada Evaluasi Tengah Semester (ETS) kali ini melakukan analisis kebutuhan aplikasi GoToko . Sebelum kita menganalisis lebih jauh tentang GoToko, kita perlu mengetahui terlebih dahulu apa saja kebutuhan yang harus digali untuk sebuah aplikasi perangkat lunak. Kebutuhan Fungsional Kebutuhan fungsional adalah kebutuhan dari penggunaan software yang harus dibangun oleh developer ke dalam produk agar pengguna dapat menyelesaikan tugas mereka, sehingga memenuhi persyaratan bisnis. Kebutuhan fungsional menyatakan apa yang harus dilakukan oleh sistem. Kebutuhan fungsional juga sangat bergantung dari jenis perangkat lunak, pengguna sistem, dan jenis sistem yang perangkat lunak tersebut gunakan. Kebutuhan Non-Fungsional Kebutuhan non fungsional merupakan kebutuhan yang menggambarkan bagaimana sistem berkerja ke depannya.  Kebutuhan non-fungsional menjelaskan tentang constraint atau standar yang harus dipatuhi oleh sistem. Kebutuhan non-fungsional juga mendefinisikan karakteristik dari kuali...
Posting Komentar
Baca selengkapnya

TUGAS 3 REKAYASA KEBUTUHAN (A) - Elisitasi Kebutuhan SI Evaluasi Kegiatan Sekretariat ITS

Tugas kali ini melakukan elisitasi kebutuhan dari salah satu  Spesifikasi Kebutuhan Perangkat Lunak  (SPKL) dari aplikasi  SI Evaluasi Kegiatan Sekretariat ITS (SIETS)   yang dibuat oleh Insitut Teknologi Sepuluh Nopember (ITS) Surabaya . Sistem Informasi ini merupakan sistem yang diwacanakan untuk memenuhi kebutuhan ITS akan penerimaan masukan dari berbagai kegiatan ITS yang bersifat daring akibat pandemi COVID-19 agar nantinya semasa transisi dari luring ke daring sistem dapat berjalan dengan lancar. Untuk SKPL-nya sendiri dapat dilihat di bawah ini: Elisitasi Elisitasi adalah teknik untuk memperoleh informasi melalui percakapan dengan sesorang dimana orang tersebut tidak sadar sedang digali informasi yang dimiliki. Proses elisitasi digunakan untuk menentukan kebutuhan suatu sistem dengan cara berkomunikasi dengan pengguna tentang perkembangan kebutuhan sistem yang akan dibangun. Ada beberapa hal yang dapat dianalisis sebagai tahap penjajakan dalam memban...
Posting Komentar
Baca selengkapnya

TUGAS 3 PEMROGRAMAN WEB (D) - Warung Tegal

Tugas kali ini membuat website Warung Makan Tegal. Dalam proses pengerjaannya, menggunakan  HTML ,   CSS ,   dan JavaScript serta  VSCode  sebagai  text editor . Di website ini, saya mengaplikasikan penggunaan embed video dari Youtube dan image carousel atau slideshow . Laman website-nya dapat diakses pada  link berikut . Untuk  hosting  web sendiri memakai  Netlify . Konten dari website: Main page , berisi daftar makanan, masakan populer, kontak dari warung tegal, serta menu apa saja yang tersedia di dalam website. Tampilan Website Main page Source Code index.html style.css
Posting Komentar
Baca selengkapnya