LAPORAN KERJA PRAKTEK

PERANCANGAN SISTEM INFORMASI PROFIL SEKOLAH BERBASIS

WEB PADA MTs dan MA NIHAYATUL AMAL SERANG

Disusun oleh :
Irvan Maulana
312010107

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS PELITA BANGSA
BEKASI
2023
 LEMBAR PERSETUJUAN
PERANCANGAN SISTEM INFORMASI PROFIL SEKOLAH BERBASIS
WEB PADA MTS dan MA NIHAYATUL AMAL SERANG
Diajukan untuk memenuhi syarat kelulusan mata kuliah Kerja Praktik
pada Program Studi Teknik Informatika
Universitas Pelita Bangsa

Disusun oleh :
Irvan Maulana
312010107

Telah diperiksa dan disahkan

Pada tanggal :
Kab. Bekasi, 14 Mei 2023

Pembimbing Lapangan Dosen Pembimbing

Halim Istawa Amali, ST., M.Sc

NIDN. 04050907004

Mengetahui,
Ketua Program Studi Teknik Informatika

Wahyu Hadikristanto, S.Kom., M.Kom.

NIDN. 04155088207
 LEMBAR PENGESAHAN
PERANCANGAN SISTEM INFORMASI PROFIL SEKOLAH BERBASIS
WEB PADA MTS dan MA NIHAYATUL AMAL SERANG
Diajukan untuk memenuhi syarat kelulusan mata kuliah Kerja Praktik
pada Program Studi Teknik Informatika
Universitas Pelita Bangsa

Disusun oleh :
Irvan Maulana
312010107

Telah diperiksa dan disahkan

Pada tanggal :
Kab. Bekasi, 14 Mei 2023

Dosen Penguji I Dosen Penguji II

... …
NIDN. … NIDN. …

Mengetahui,
Ketua Program Studi Teknik Informatika

Wahyu Hadikristanto, S.Kom., M.Kom.

NIDN. 04155088207
 KATA PENGANTAR

Puji syukur kehadirat Allah SWT, Tuhan Yang Maha Pengasih dan Maha
Penyayang yang telah melimpahkan segala rahmat, hidayah, dan inayah-Nya
kepada penulis sehingga penulis dapat menyelesaikan Proposal Kerja Praktek
(KP) dengan judul “Perancangan Sistem Informasi Profil Sekolah pada MTs dan
MA Nihayatul Amal Serang Berbasis Web”.
Penulisan Laporan Kuliah Kerja Praktek ini disusun untuk memenuhi salah satu
syarat melengkapi perkuliahan dan Skripsi. Disamping manfaat mungkin dapat
digunakan kepada pihak yang berkepentingan. Oleh karna itu pada kesempatan
ini penulis mengucapkan rasa terima kasih yang sedalam-dalamnya kepada :
1. Bapak Hamzah Muhammad Mardiputra, S.K.M., M.M., D.B.A selaku Rektor
Universitas Pelita Bangsa.
2. Ibu Putri Anggun Sari, S.Pt., M.Si. selaku Dekan Fakultas Teknik Universitas
Pelita Bangsa.
3. Bapak Wahyu Hadikristanto, S.Kom., M.Kom., selaku Ketua Program Studi
Teknik Informatika Universitas Pelita Bangsa.
4. Bapak Amali , S.T., M.Sc., sebagai Dosen Pembimbing Kerja Praktek.
5. Direksi dan semua staf MTs dan MA NIHAYATUL AMAL SERANG yang telah
memberikan data-data untuk keperluan penyusunan tugas akhir ini hingga
selesainya sistem aplikasi ini.
Semoga Tuhan Yang Maha Esa memberikan balasan yang lebih besar kepada
beliau-beliau dan pada akhirnya penulis berharap Laporan Kuliah Kerja Praktek
ini dapat bermanfaat dan berguna sebagaimana mestinya.
DAFTAR ISI
DAFTAR GAMBAR
DAFTAR TABEL
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Pondok Pesantren, Madrasah Tsanawiyyah (MTs) dan Madrasah Aliyah (MA)
Nihayatul Amal Serang adalah sebuah lembaga pendidikan Islam yang terletak di
Kabupaten Bekasi, Jawa Barat. Lembaga ini didirikan dengan tujuan untuk
memberikan pendidikan yang berkualitas kepada siswa-siswi yang berasal dari
berbagai latar belakang sosial dan ekonomi.
Seiring dengan perkembangan teknologi dan internet, kebutuhan akan informasi
yang cepat dan mudah diakses semakin meningkat. Oleh karena itu, Nihayatul
Amal Serang merasa perlu untuk memiliki sebuah sistem informasi web profil
sekolah yang dapat memberikan informasi yang akurat dan terbaru kepada
orang tua siswa, calon siswa, dan masyarakat umum.
Dengan memiliki sistem informasi web profil sekolah, Nihayatul Amal Serang
dapat memperluas jangkauan informasi yang disampaikan kepada masyarakat,
sehingga dapat meningkatkan citra dan reputasi sekolah. Selain itu, sistem
informasi web profil sekolah juga dapat memudahkan pengelolaan informasi dan
komunikasi antara sekolah, siswa, dan orang tua siswa.
Dalam perancangan sistem informasi web profil sekolah, Nihayatul Amal Serang
mempertimbangkan berbagai faktor seperti kebutuhan informasi yang dibutuhkan
oleh masyarakat, tampilan yang menarik dan user-friendly, keamanan informasi,
dan kemudahan penggunaan oleh pengelola sekolah. Semua faktor tersebut
diintegrasikan dalam desain dan pengembangan sistem informasi web profil
sekolah yang disesuaikan dengan kebutuhan Nihayatul Amal Serang.

1.2 Permasalahan dan Batasan

Berikut adalah beberapa permasalahan dan batasan yang perlu dipertimbangkan
dalam perancangan sistem informasi web profil sekolah pada Nihayatul Amal
Serang :
1. Keterbatasan sumber daya : Nihayatul Amal Serang mungkin memiliki
keterbatasan sumber daya dalam hal waktu, tenaga, dan anggaran. Oleh karena
itu, perlu mempertimbangkan batasan-batasan ini dalam perancangan dan
pengembangan sistem informasi web profil sekolah.
2. Kebutuhan informasi yang berbeda-beda : Masyarakat yang mengakses
sistem informasi web profil sekolah memiliki kebutuhan informasi yang berbeda-
beda. Oleh karena itu, perlu dilakukan analisis kebutuhan pengguna yang
berbeda dan mengintegrasikannya dalam desain sistem.
3. Keamanan data : Sistem informasi web profil sekolah harus memperhatikan
keamanan data dan privasi pengguna. Oleh karena itu, diperlukan adanya sistem
keamanan dan proteksi data yang memadai untuk melindungi informasi pribadi
pengguna.
4. Keterbatasan teknis : Nihayatul Amal Serang mungkin memiliki keterbatasan
dalam hal infrastruktur teknologi, seperti bandwidth internet dan perangkat keras.
Oleh karena itu, perlu mempertimbangkan batasan-batasan ini dalam desain
sistem dan memilih teknologi yang cocok untuk infrastruktur yang ada.
5. Perubahan kebijakan : Kebijakan dan aturan sekolah dapat berubah dari
waktu ke waktu. Oleh karena itu, sistem informasi web profil sekolah harus
dirancang agar dapat dengan mudah diperbarui dan disesuaikan dengan
perubahan kebijakan yang terjadi.
Dengan mempertimbangkan permasalahan dan batasan tersebut, perancangan
sistem informasi web profil sekolah pada Nihayatul Amal Serang dapat lebih
terarah dan efektif.

1.3 Tujuan dan Manfaat Kerja Praktek

Berikut adalah tujuan dan manfaat dari perancangan sistem informasi web
profil sekolah pada Nihayatul Amal Serang :

1. Tujuan perancangan : Tujuan utama perancangan sistem informasi web profil

sekolah adalah untuk memberikan akses informasi yang mudah, cepat, dan
akurat tentang Nihayatul Amal Serang kepada siswa, orang tua siswa, dan
masyarakat umum.
2. Tujuan manajemen : Tujuan lain dari perancangan sistem informasi web profil
sekolah adalah untuk membantu pengelola sekolah dalam memanajemen
informasi dan komunikasi dengan siswa dan orang tua siswa, sehingga
memudahkan pengambilan keputusan dan monitoring kegiatan sekolah.
3. Tujuan pemasaran : Sistem informasi web profil sekolah juga dapat membantu
meningkatkan citra dan reputasi sekolah melalui penyediaan informasi yang
akurat, terbaru, dan mudah diakses.
4. Manfaat bagi siswa : Siswa dapat mengakses informasi tentang jadwal
pelajaran, absensi, nilai, dan informasi lainnya yang dapat membantu dalam
mengelola waktu belajar dan memantau perkembangan akademik.
5. Manfaat bagi orang tua siswa : Orang tua siswa dapat mengakses informasi
tentang perkembangan akademik dan kegiatan sekolah anak-anak mereka
dengan mudah, sehingga dapat membantu dalam memantau dan mendukung
pendidikan anak-anak mereka.
6. Manfaat bagi masyarakat : Sistem informasi web profil sekolah dapat
membantu masyarakat umum untuk mendapatkan informasi tentang profil
sekolah, visi dan misi, kegiatan sosial dan budaya, dan informasi lainnya tentang
Nihayatul Amal Serang.
Dengan adanya sistem informasi web profil sekolah, Nihayatul Amal Serang
dapat memperluas jangkauan informasi yang disampaikan kepada masyarakat,
memudahkan pengelolaan informasi dan komunikasi antara sekolah, siswa, dan
orang tua siswa, serta meningkatkan citra dan reputasi sekolah.

1.4 Sistematika Penulisan

Berikut adalah sistematika penulisan yang dapat digunakan dalam
perancangan sistem informasi web profil sekolah pada Nihayatul Amal Serang:
1. Pendahuluan. Bab ini berisi pengenalan tentang latar belakang perancangan,
permasalahan yang dihadapi, tujuan dan manfaat dari perancangan, serta
sistematika penulisan.
2. Tinjauan Pustaka dan Landasan Teori. Bab ini berisi review literatur dan
landasan teori yang relevan untuk perancangan sistem informasi web profil
sekolah, termasuk definisi tentang sistem informasi, website, profil sekolah,
kebutuhan pengguna, desain antarmuka, dan teknologi yang dapat digunakan.
3. Hasil dan Pembahasan. Bab ini berisi hasil perancangan sistem informasi web
profil sekolah pada Nihayatul Amal Serang, termasuk desain antarmuka, fitur-fitur
sistem, dan teknologi yang digunakan. Pembahasan juga dilakukan untuk
menjelaskan kelebihan dan kekurangan sistem serta rekomendasi untuk
pengembangan sistem di masa depan.
4. Penutup. Bab ini berisi kesimpulan dari perancangan sistem informasi web
profil sekolah pada Nihayatul Amal Serang, termasuk implikasi dan manfaat dari
sistem, serta saran untuk pengembangan dan penelitian lebih lanjut.
 BAB II
TINJAUAN PUSTAKA DAN LANDASAN TEORI

2.1 Teori Dasar Sistem

2.1.1 Sistem Informasi
Sistem informasi adalah kumpulan dari sub-sub sistem yang saling
terintegrasi dan berkolaborasi untuk menyelesaikan masalah tertentu dengan
cara mengolah data dengan alat yang namanya komputer sehingga memiliki nilai
tambah dan bermanfaat bagi pengguna. (Taufiq : 2013).
Menurut Hartono (2013), sistem informasi adalah seperangkat komponen
yang saling berhubungan, yang bekerja untuk mengumpulkan dan menyimpan
data serta mengolahnya menjadi informasi untuk digunakan.[1]
2.1.2 Web
Website (situs web) adalah merupakan alamat (URL) yang berfungsi
sebagai tempat penyimpanan data dan informasi berdasarkan topik tertentu
(Sutarman : 2007).
WWW (World Wide Web) atau web saja merupakan sebuah sistem yang
saling terkait dalam sebuah dokumen yang berformat hypertext yang berisi
beragam informasi baik tulisan, gambar, suara, video dan informasi multimedia
lainnya serta dapat diakses melalui sebuah perangkat yang disebut web browser.
Untuk menerjemahkan dokumen hypertext dalam bentuk dokumen yang dapat
dipahami, maka web browser melalui web client akan membaca halaman web
yang tersimpan disebuah web server melalui protokol yang biasa disebut HTTP
atau Hypertext Transfer Protocol (Heni Dwi Erinawati : 2012).[1]
2.1.3 Website Profil
Website profil adalah sebuah website yang hanya menampilkan informasi
tentang visi misi, sejarah perkembangan, organisasi, jasa atau produk yang
ditawarkan tetapi tidak secara langsung menjual produk hanya sebatas informasi
(Jasmadi : 2004).[1]
2.1.4 Basis Data
Menurut Fathansyah (2015 : 2) menjelaskan bahwa basis data adalah
sekumpulan data yang berisi informasi dan disimpan secara sistematik dalam
tabel yang saling berhubungan satu sama lain dengan media komputer.[2]
2.2 Teori Dasar Bahasa Pemrograman
2.2.1 HTML
HTML atau Hypertext Markup Languange merupakan salah satu format
yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan
dihalaman web. Oleh karena itu agar dapat membuat program aplikasi diatas
halaman web anda terlebih dahulu mengenal dan menguasai HTML (Bimo
Sunarfrihantono : 2002).[3]
2.2.2 CSS
Menurut Madcoms (2011:100), CSS (Cascading Style Sheet) adalah
sebuah fitur yang diperkenalkan sejak HTML versi 4.0 dan berfungsi untuk
menangani masalah tampilan pada HTML seperti jenis, ukuran, warna huruf,
posisi teks, batas tulisan atau margin, warna latar belakang dan sebagainya. Hal
yang perlu diperhatikan adalah cara meletakkan CSS dan juga bahasa berbasis
web lain untuk memudahkan manajemen file, editing dan maintenance.[3]
2.2.3 PHP
Menurut Oktavian (2010 : 31) PHP adalah akronim dari Hypertext
Preprocessor, yaitu suatu bahasa pemrograman berbasiskan kode-kode (script)
yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke
web browser menjadi kode HTML.[3]
2.2.4 MySQL
Menurut Oktavian (2010 : 68) MySQL merupakan salah satu perangkat
lunak basis data open source yang dikembangkan sebuah komunitas Bernama
MySQL AB dengan tujuan membantu user untuk menyimpan data dalam tabel-
tabel. Tabel terdiri atas kolom (field) yang mengelompokkan data-data
berdasarkan kategori tertentu misalnya nama, alamat, nomor telepon dan
sebagainya. Bagian lain dari tabel adalah baris (record) yang mencantumkan
data yang sebenarnya.[3]
2.3 Teori Dasar Perancangan Sistem
2.3.1 Flow Chart
Pengertian Flowchart (Diagram Alir) merupakan bagan yang mengarahkan
alir didalam prosedur atau program sistem secara logika. Flowchart adalah cara
untuk menjelaskan tahap-tahap pemecahan masalah dengan merepresentasikan
simbol-simbol tertentu yang mudah dipahami, mudah digunakan dan standar.[4]

Simbol Keterangan
Terminator : Permulaan atau akhir
program.
Garis Alir / Flowline : Arah aliran
program.
Preparation : Proses inisialisasi atau
pemberian harga awal.
Process : Proses perhitungan atau
proses pengolahan data.
Input / Output Data : Proses masuk
atau keluarnya data, parameter dan
informasi.
Predefined Process (Sub Program) :
Permulaan subprogram atau proses
menjalankan subprogram.
Decision : Perbandingan pernyataan,
penyeleksian data yang memberikan
pilihan untuk langkah selanjutnya.
On Page Connector : Penghubung
bagian-bagian flowchart yang berada
pada satu halaman.
Off Page Connector : Penghubung
bagian-bagian flowchart yang berada
pada halaman berbeda.
Tabel 2.1 Simbol-simbol Flow Chart
2.3.2 Use Case Diagram
Merupakan diagram yang bekerja dengan cara mendeskripsikan tipikal
interaksi antara pengguna (user) sebuah sistem dengan suatu sistem tersendiri
melalui sebuah cerita bagaimana sebuah sistem dipakai. Use case diagram terdiri
dari sebuah aktor dan interaksi yang dilakukannya, aktor tersebut dapat berupa
manusia, perangkat keras, sistem lain ataupun yang berinteraksi dengan sistem.
[5]
Simbol Keterangan
Aktor : Mewakili peran orang, sistem
yang lain atau alat ketika
berkomunikasi dengan use case.

Use case : Abstraksi dan interaksi

antara sistem dan aktor.
Association : Abstraksi dari
penghubung antara aktor dengan use
case.
Generalisasi : Menunjukan
spesialisasi aktor untuk dapat
berpartisipasi dengan use case.

Menunjukkan bahwa suatu use case

<<include>> seluruhnya merupakan fungsionalitas
dari use case lainnya.
Menunjukkan bahwa suatu use case
<<extend>> seluruhnya merupakan tambahan
fungsionalitas dari use case lainnya
jika suatu kondisi terpenuhi.
Tabel 2.2 Simbol-simbol Use Case Diagram
2.3.3 Activity Diagram
Activity diagram menggambarkan berbagai aliran aktivitas dalam sistem
yang sedang dirancang, bagaimana masing-masing aliran berawal, decision
yang mungkin terjadi dan bagaimana mereka berakhir. Activity diagram juga
dapat menggambarkan proses pararel yang mungkin terjadi pada beberapa
eksekusi.[5]
Simbol Keterangan
Status Awal : Sebuah diagram
aktifitas memiliki sebuah status awal.

Aktifitas : Aktifitas yang dilakukan

sistem, aktifitas biasanya diawali
dengan kata kerja.
Percabangan / Decision :
Percabangan dimana ada pillihan
aktfitas yang lebih dari satu.
Penggabungan / Join :
Penggabungan dimana yang lebih
dari satu aktifitas lalu digabungkan
menjadi satu.
Status Akhir : Sebuah diagram
aktifitas memiliki sebuah status akhir.

Swimlane : Swimlane memisahkan

organisasi bisnis yang bertanggung
jawab terhadap aktifitas yang terjadi.
Tabel 2.3 Komponen-Komponen Activity Diagram
2.3.4 Sequence Diagram
Sequence diagram digunakan untuk menggambarkan interaksi antar objek
didalam dan disekitar sistem yang berupa message yang digambarkan terhadap
waktu. Sequence diagram terdiri antara dimensi vertical (waktu) dan dimensi
horizontal (objek-objek yang terkait).[5]
 Simbol Keterangan
Actor : Menggambar orang yang
sedang berinteraksi dengan sistem.

Entitiy Class : Menggambarkan

hubungan yang akan dilakukan.
Boundary Class : Menggambarkan
sebuah gambaran dari foem.
Control Class : Menggambarkan
penghubung antara boundary dengan
tabel.
A Focus of Control & A Life Line :
Menggambarkan tempat mulai dan
berakhirnya message.
A Message : Menggambarkan
pengiriman pesan.
Tabel 2.4 Komponen-Komponen Sequence Diagram

2.3.5 Class Diagram

Class diagram digunakan untuk melakukan visualisasi struktur kelas-kelas
dari suatu sistem dan merupakan tipe diagram yang paling banyak digunakan.
Class diagram juga dapat memperlihatkan hubungan antar kelas dan penjelasan
detail tiap-tiap kelas di dalam model desain (logical view) dari suatu sistem.[5]
Simbol Keterangan
Generalization : Hubungan dimana
objek anak (descendent) berbagi
perilaku dan struktur data dari objek
yang ada diatas objek induk
(ancestor).
Nary Association : Upaya untuk
menghindari asosiasi dengan lebih
dari dua objek.
 Class : Himpunan dari objek-objek
yang berbagi atribut serta operasi
yang sama.

Collaboration : Dekskripsi dari urutan

aksi-aksi yang ditampilkan sistem
menghasilkan sebuah hasil yang
terukur bagi actor.
Realization : Operasi yang benar-
benar dilakukan oleh suatu objek.
Dependency : Hubungan dimana
perubahan yang terjadi pada suatu
elemen mandiri (independent) akan
mempengaruhi elemen yang
bergantung pada elemen yang tidak
mandiri.
Association : Apa yang
menghubungkan antara objek satu
dengan objek lainnya.
Tabel 2.5 Komponen-Komponen Class Diagram
 BAB III
HASIL DAN PEMBAHASAN

3.1 Sejarah Singkat

3.2 Visi dan Misi
3.2.1 Visi
3.2.2 Misi
3.3 Struktur Organisasi
3.4 Sistem Berjalan
3.5 Analisa Sistem
3.6 Perancangan Sistem
 BAB IV
PENUTUP
 DAFTAR PUSTAKA

[1] Rajak, R. (2016). Perancangan Sistem Informasi Profil Sekolah Berbasis

Web Pada SMA 3 Kota Ternate. IJIS-Indonesian Journal On Information
System, 1(2), 59-67.
[2] Santi, M. A. (2021). Sistem Informasi Profil Sekolah SMA Bina Warga 1
Palembang Berbasis Web (Doctoral dissertation, STMIK Palcomtech).
[3] Hasan, S., & Muhammad, N. (2020). Sistem Informasi Pembayaran Biaya
Studi Berbasis Web Pada Politeknik Sains Dan Teknologi Wiratama Maluku
Utara. IJIS-Indonesian Journal On Information System, 5(1), 44-55.
[4] Syamsiah, S. (2019). Perancangan Flowchart dan Pseudocode Pembelajaran
Mengenal Angka dengan Animasi untuk Anak PAUD Rambutan. STRING
(Satuan Tulisan Riset Dan Inovasi Teknologi), 4(1), 86-93.
[5] Kurniawan, T. B. (2020). Perancangan Sistem Aplikasi Pemesanan Makanan
dan Minuman pada Cafetaria No Caffe di Tanjung Balai Karimun Menggunakan
Bahasa Pemograman PHP Dan MySQL. Jurnal Tikar, 1(2), 192-206.