Nama : Bobi Agus Saputro

NIM : 201911420012
Mata Kuliah : Web Front-End Development
Kelas : B Tugas 4 (Revisi Tugas 1 dan 2)

A. Judul Website :
 Website Profil Sekolah SMP 5 Sudimoro.

B. Deskripsi System :
 System website profil sekolah ini adalah website yang khusus diperuntukkan untuk
instansi sekolah. Website ini bisa digunakan sebagai media untuk para siswa-siswi
dalam mencari informasi tentang sekolah. Maupun sebagai salah satu sarana
pendukung kegiatan belajar mengajar.
 Website Sekolah dilengkapi dengan fitur-fitur yang disematkan antara lain :
 Home: Ini adalah menu pertama yang ditampilkan di website sekolah. Biasanya
dalam menu ini ada beberapa gambaran sekolah tampak depan, ringkasan profil
sekolah, beberapa menu pendukung lainnya, serta informasi-informasi terbaru.
 Profil : biasanya berisikata sambutan,sejarah, visi misi, dan identitas sekolah.
 Anggota : berisi informasi guru,siswa dan alumni.
 Akademik : prestasi, berita, pengumuman dan agenda.
 Fasilitas : Lab Komputer, Perpustakaan, UKS, dan Olahraga.
 Galeri : berisi galeri foto atau video kegiatan sekolah.
 Ekstrakurikuler : biasanya berisi kegiatan pramuka, seni tari, dan menjahit.
 Download : menu download materi pembelajaran, artikel atau e-book.
 Kontak : berisi alamat dan nomor telepon sekolah serta saran.
 Login /Logout : tampil menu login ketika di tampilan guest dan tampil menu
logout ketika telah login.
 Untuk membuat kerangka website menggunakan HTML, yaitu bahasa standard yang
digunakan untuk menampilkan halaman web dengan tag-tag dan elemen dari HTML.
Website ini juga menggunakan CSS untuk memperindah tampilan web, Menentukan
layout, style, serta keselarasan halaman website. Untuk membuat web lebih interaktif
serta dapat menyempurnakan tampilan web dan sistem halaman web saya
menggunakan bahasa pemrograman JavaScript. Dan mungkin kedepannya akan
menggunakan framework seperti bootstrap untuk mengatur tampilan dan responsive-
nya.
 Untuk web-server dan database menggunakan APACHE dan MYSQL dalam aplikasi
XAMPP dan untuk server side scripting-nya menggunakan bahasa pemrograman PHP
yang dapat melakukan tugas-tugas seperti mengambil, mengumpulkan data dari
database, serta menerima dan mengirim cookie. Dan untuk web browser minimal
harus sudah support php 5.
 Web system ini menggunakan 3 hak akses yaitu administrator, End-User (siswa dan
guru), dan Guest.

 Administrator memiliki hak akses sebagai berikut :

 Admin bisa melakukan login atau logout.
 Admin dapat Melihat, memperbarui, mencari, menambah dan menghapus pada
menu Home.
 Admin dapat Melihat, memperbarui, mencari, menambah dan menghapus pada
menu Profil.
 Admin dapat Melihat, memperbarui, mencari, menambah dan menghapus pada
menu Anggota.
 Admin dapat Melihat, memperbarui, mencari, menambah dan menghapus pada
menu Akademik.
 Admin dapat Melihat, memperbarui, mencari, menambah dan menghapus pada
menu Fasilitas.
 Admin dapat Melihat, memperbarui, mencari, menambah dan menghapus pada
menu Gallery.
 Admin dapat Melihat, memperbarui, mencari, menambah dan menghapus pada
menu Ekstrakurikuler.
 Admin dapat Melihat, memperbarui, mencari, menambah dan menghapus pada
menu Download.
 Admin dapat Melihat, memperbarui, mencari, menambah dan menghapus pada
menu Kontak.
 User (Siswa dan Guru) memiliki hak akses sebagai berikut :
 User dapat melakukan login atau logout.
 User hanya memilikihak akses untuk melihat halaman-halaman dari menu,
tidak dapat melakukan penambahan, perubahan, serta penghapusan pada data.

 Guest memiliki hak akses sebagai berikut :

 Guest tidak dapat Login atau Logout karena data tidak ada di database tapi
menu login akan tetap ditampilkan.
 Guest memiliki hak akses untuk melihat halaman-halaman dari menu tetapi
tidak dapat melihat menu anggota dan download.Serta tidak dapat melakukan
penambahan, perubahan, serta penghapusan pada data.
C. Arsitektur Teknologi Informasi

Penjelasan :
User melakukan request ke website melalui web browser (misal user ingin melihat informasi
profil sekolah). Web browser harus terhubung dengan internet agar dapat terhubung juga ke
web server. Di server biasanya menyimpan file-file scripting pada website. Server terkoneksi
dengan database untuk mengambil data-data yang diperlukan.
Kemudian server akan menampilkan hasil request dari user melalui web browser. Dan user
dapat melihat tampilan hasil dari requestnya.
D. Studi Literatur.

Referensi dari web yang akan dibuat diambil dari beberapa web antara lain :

 SMA 78 Jakarta (http://sman78-jkt.sch.id/ )

 Alasan mengunakan referensi Website ini terutama pada bagian sidebar
hompagenya . Jadi saya menjadikan nya sebagai sumber referensi untuk sidebar-
sidebar nya dan juga pada bagian footer nya.
 ACS Jakarta (https://www.acsjakarta.sch.id/ )
 Alasan mengunakan referensi website ini pada tampilan Banner dan letak fitur-
fiturnya yang bagus, serta tampilan homepage yang sederhana.
 Smkn8jkt (https://smkn8jakarta.sch.id/ )
 Alasan mengunakan referensi website ini yaitu dari segi Informasi dari menu yang
lengkap , serta tampilan pada bagian Berita yang bagus.
 Fatih Blingual School ( https://fatih.sch.id/ )
 Alasan mengunakan referensi website tampilan homepage yang bagus dan pada
navigasi ketika di scroll serta pada bagian letak-letak dari contentnya.
 Sma n 1 talun (https://sman1talun.sch.id/)
 Alasan mengunakan referensi website karena setiap masuk ke menu-menu, banner
tidak hilang dan juga desain dari konten di homepage yang menarik.
E. Site Map.
F. GUI

 Homepage
 Profil
 Anggota
 Akademik
 Sub Menu Akademik
 Fasilitas
 Sub Menu Fasilitas
 Gallery
 Ekstrakurikuler
 Download
 Kontak