LAPORAN PRATIKUM PROJEK MANDIRI

SISTEM INFORMASI SMA NEGRI 1 RAMBANG BERBASIS

WEB

Disusun Oleh

Nama : Widya Ocbi Nesa

Kelas : 4CC
NIM : 062030700262

PRODI D3 TEKNIK KOMPUTER

JURUSAN TEKNIK KOMPUTER
POLITEKNIK NEGRI SRIWIJAYA
2021/2022

1
 KATA PENGANTAR

Assalamualaikum wr.wb

Alhamdulillah. Puji syukur kehadirat Allah SWT senantiasa kita ucapkan.

Tidak lupa shawalat serta salam tercurahkan bagi Baginda Agung Rasulullah SAW
yang telah membimbing kita menuju jalan yang lurus.

Penyusunan tugas laporan praktikum project mandiri yang

berjudul “Sistem Informasi Di SMA N 1 RAMBANG” Adapun
penulisan laporan ini dibuat untuk memenuhi tugas mata kuliah Praktek
Pemrograman Berbasis WEB 2.

Penulis mengucapkan terima kasih kepada Dosen Pengampuh, Ibu Hidayati

Ami,S.Kom,.M.Kom. yang telah membimbing untuk pengerjaan tugas project
mandiri ini. Saya juga berterima kasih kepada para pihak yang mendukung penulisan
laporan. Penulis berharap agar laporan ini mampu memberikan manfaat baru bagi
pembaca.

Dengan kerendahan hati, penulis memohon maaf apabila ada kesalahan

dalam proses pembuatan laporan ini, baik dalam penulisan maupun kesalahan yang
tak terduga. Penulis berharap terbuka pada kritik dan saran sebagai bagian dari revisi
laporan ini.

Wassalamualaikum wr.wb

Palembang, 20 Mei 2022

Widya Ocbi Nesa

2
 DAFTAR ISI

KATA PENGANTAR ............................................................................................................ ii

DAFTAR ISI ............................................................................................................................ iii
BAB 1 PENDAHULUAN ......................................................................................................... 1
1.1 Latar Belakang ............................................................................................................ 5
1.2 Rumusan Masalah ....................................................................................................... 6
1.3 Batasan Masalah ......................................................................................................... 6
1.4 Tujuan ......................................................................................................................... 6
BAB 2 MOCKUP ...................................................................................................................... 7
2.1 Pengertian Mockup .......................................................................................................... 7
2.2 Tampilan Mockup ............................................................................................................ 7
2.2.1 Dashboard ( User ) .................................................................................................... 8
2.2.2 Data Guru ( User ) ..................................................................................................... 8
BAB 3 PEMBAHASAN ............................................................................................................. 9
3.1 Beranda ( User ) ............................................................................................................... 9
3.2 Contak us ( User ) ......................................................................................................... 11
3.3 Ekstra Klikukuler ( User ).............................................................................................. 16
3.4 Profil Sekolah ................................................................................................................ 23
3.5 Visi Misi ( Admin ) ........................................................................................................ 30
3.5 Data Guru( Admin ) ....................................................................................................... 40
3.6 Dana sekolah ................................................................................................................. 46
3.7 Pembangunan Sekolah .................................................................................................. 48
BAB 4 PENUTUP ................................................................................................................... 50
3.9 Menjawab Pertanyaan Pada Bab 1 ................................................................................. 51
LAMPIRAN ............................................................................................................................ 53

3
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Dengan perkembanggan Perkembangan teknologi komputer yang semakin

canggih,cepat danpraktis sangat mempengaruhi kehidupan masyarakat. Kecepatan
dan keakuratan informasi yang biasanya memerlukan waktu lama, kini hanya dalam
hitungan detik informasi tersebut sudah dapat diterima.
Dengan adanya kebutuhan informasi yang tak terbatas dan juga didukung oleh
kemampuan komputer yang semakin canggih maka terciptalah pengetahuan yang
disebut situs website yang dioperasikan menggunakan suatu jaringan global atau
lebih dikenal dengan nama internet.
Saat ini, website tidak semata-mata digunakan untuk sekedar menampilkan informasi
saja. Perkembangan website ini telah banyak membantu masyarakat untuk
mengetahui informasi mengenai sekolah tersebut untuk menunjang kegiatan salah
satunya dalam website . Melalui website tersebut masyarakat/siswa bisa dengan
mudah dapat melihat apa saja yang ada di sekolah .
Website ini merupakan sebuah website yang sedang berkembang dan bergerak dalam
bidang sekolah dimana pada era teknologi saat ini, sekolah ingin menyajikan
infomasi online kepada masyarakat /siswa secara cepat dan tepat
menggunakan sistem pencatatan pada buku besar, sehingga sering terjadi kesulitan
dalam mengetahiu informasi oleh karna itu, pembuatan website, membutuhkan
waktu lama dalam pencarian informasi.
Oleh karena itu, berdasarkan permasalahan yang bersangkutan dengan informasi
dengan diperkuat oleh kutipan diatas, maka penulis tertarik untuk membantu dalam
pembuatan website yang dikemas dalam bentuk perancangan web design yang diberi
judul: “RANCANGAN SISTEM INFORMASI DI SMA N 1 RAMBANG”.

1.2 Identifikasi Masalah

Rumusan Masalah

Adapun rumusan masalah yang dapat saya ambil dalam latar belakang tersebut, yaitu
1. Kurangnya informasi mengenai sekolah tersebut

2. Kurangnya efektifitas pembinaan dari guru pemimbingnya

4
1.3 Batasan Masalah

Agar perancangan website sistem informasi PPDB ini dapat mencapai tujuan yang
diinginkan. Maka permasalahan yang ada di batasi sebagai berikut :

1. Perancangan website ini menggunakan PHP sebagai bahasa

pemrograman dan MySQL sebagai databasenya.
2. Objek penelitian ini adalah salah satu sekolah menengah
yang berada di kota muara enim yaitu SMA N 1 RAMBANG
3. Pengujian sementara pada sistem informasi ini dilakukan
secara offline, maksudnya diuji dengan akses localhost pada
komputer.
4. Pada tampilan dashboard website user terdapat konten-konten
yang menampilkan Beranda, visi & misi,data guruda,Status
profil sekolah,contak us dan ekstra kulikuler .

1.4 Tujuan
Tujuan dari pembuatan website Informasi SMA N 1
RAMBANG ini adalah agar administrator sekolah lebih mudah dan
efisien dalam pengelolaan data guru baru. Membantu siswa/siswi serta
masyarakat mengenai informasi tentang SMA N 1 RAMBANG .
Membuat website yang sederhana dan menarik.
.

1.5 Manfaat
1.Tersedianya informasi online, sehingga tidak susah mencari informasi ke sekolah

5
 BAB 2
POTOTYPE MOCKUP
Mockup merupakan media visual yang digunakan untuk melihat preview sebuah konsep
desain. Lalu diberikan efek visual sehingga hasil gambar terlihat menyerupai wujud yang
sebenarnya. Fungsi mockup sendiri dapat memudahkan programmer dalam membuat
desain tampilan sebuah website.Pada project ini saya menggunakan konsep desain yang
sederhana, agar dapat memudahkan Admin maupun pengguna (User) dalam penggunaan
website ini. Software yang digunakan untuk pembuatan mockup adalah Figma.

6
 BAB 3

Hasil dan membahasan program

Gambar 1.1 Tampilan branda
Dari yang kalian lihat di di tampilan branda terdapat warna coklat yang berpadu
dengan coklat muda sehingga warnanya menyatu dan tidak terlalu terang,dan juga
terdapat bacgroun sekolah yang saya ambil dari website sekolah tersebut ,terdapat
contak us ,ekstra kulikuler,profil,visi dan misi,

Gambar 1.2 Tamilan contak us

Terlihat dalam gambar terdapat Contak us yang berisis Instagram,Facebook dan

Email sekolah tersebut sehingga memudahkan untuk menghubungi sekola
tersebut,desain bacgroun juga tidak terlalu rame sehingga tampilan tampak formal
dan tidak terlau menjolok.

7
 text-decoration: none;
}

8
Gambar 1.4 Tampilan profil sekolah
gambar di bawah terlihat mengenai profil sekolah ,di situ terdapat latar belakang ,dan tenaga
edukatif
bacgroun simpel tidak ribet dan juga tidak terlalu ramai

gambar di bawah menjelaskan visi dan misi sekolah gambar terlihat sederhana dan
tampilan yang elegan membuat mata memandang nyaman ,dan ada foto kegiatan
sekolah besrta guru di sekolah selingga terlihat estetik untuk di lihat serta visi misi ini
adalah mutu sekolah SMA N 1 RAMBANG

9
10
Gambar 1. 6 Input data guru
data guru ini biasanya di gunakan untuk menginput atau menambahkan
data guru jika ada guru baru di sekolah tersebut ,terdapat juga nomor urut
guru,nama guru,alamat , jabatan serta tanggal lahir guru,bisa di simpan
makan data akan tersimpan dan akan tercetak , tekan cancel jika tidak
ingginmenginput data guru.

11
Gambar 1.7 Tampilan data guru
jika sudah di simpan makan akan terinput di data guru , di tampilan ini
juga terdapat search untuk mencari nama guru agar lebih mudah untuk
mendapatkan informasi ,terdapat juga hapus jika inggin mengapud data
guru.

12
Gambar 1.8 Hapus data guru
jika kita inggin menghapus data guru makan tekan tombol hapus maka akan ada
atampilan seperti berikut terdapat tulisan yakin inggin menghapus data tersebut jika
yakin maka tekan ok jika tidak tekan cancel maka data tidak terhapus .

Hapus data sukses

Jika sebelumnya anda menghapus data guru maka akan muncul tampilan
seperti ini
tekan ok untuk memastikan anda ingin menghapus data tersebut.

Gambar 1.9 Dana Sekolah

13
Gambar 1.10 Pembangunan Sekolah

14
 BAB 4
Penutup

Jawaban pertanyaan dibab 1.

3. Kurangnya informasi mengenai sekolah tersebut

4. Kurangnya efektifitas pembinaan dari guru pemimbingnya

Jawab :
1.karena minimnya kekurangan informasi mengenai informasi
sekolah dengan ini penulis membuat website untuk
meninformasikan data-data mengenai sekolah agar tidak minin
informasi penulis membuat website informasi online dan mudah di
pahami .

2.karena kurangnya efektifitas pembina dari guru pembimbing

,maka siswa harus aktif dan efektif serta menjiwai pablic spiking
agar bisa berjalan lancar serta disipllin yang kuat.

15
 BAB 5
LAMPIRAN
wawancara hari ke II,di rumah

16
Areah parkiran

17
depan sekolah/gerbang

18