LAPORAN KERJA PRAKTIK

PERANCANGAN SISTEM INFORMASI PROFIL SEKOLAH BERBASIS

WEB PADA 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 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 :
………………………….

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

i
 LEMBAR PENGESAHAN
PERANCANGAN SISTEM INFORMASI PROFIL SEKOLAH BERBASIS
WEB PADA 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 :
……………………

Dosen Penguji

...
NIDN. …

Mengetahui,
Ketua Program Studi Teknik Informatika

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

NIDN. 04155088207

ii
 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 Laporan Kerja Praktik
(KP) dengan judul “Perancangan Sistem Informasi Profil Sekolah Berbasis Web
pada MA Nihayatul Amal Serang”.
Penulisan Laporan Kuliah Kerja Praktik 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. Bapak Halim Istawa sebagai guru mata pelajaran Bahasa Inggris dan
Komputer serta Pembimbing Kerja Praktik di MA Nihayatul Amal Serang
6. Kedua orang tua saya yang telah memberikan do’a dan dukungannya.
7. Rekan-rekan Mahasiswa Prodi Teknik Informatika Universitas Pelita Bangsa
khususnya angkatan 2020 yang telah memberikan motivasi dan semangat
untuk segera menyelesaikan Laporan Kerja Praktik.
Semoga Tuhan Yang Maha Esa memberikan balasan yang lebih besar
kepada beliau-beliau dan pada akhirnya penulis berharap Laporan Kuliah Kerja
Praktik ini dapat bermanfaat dan berguna sebagaimana mestinya.

iii
 ABSTRAKSI

Seiring dengan perkembangan teknologi dan internet, kebutuhan akan

informasi yang cepat dan mudah diakses semakin meningkat. Oleh karena itu,
salah satu sistem yang dapat memberikan informasi adalah website. Dalam
dunia pendidikan, masyarakat mengharapkan agar kualitas pelayanan
pendidikan lebih baik. MA Nihayatul Amal Serang terletak di Kecamatan
Cikarang Selatan, dalam menyampaikan informasi masih dilakukan secara
manual yaitu menggunakan brosur sebagai media dan melakukan interaksi
secara langsung kepada masyarakat luas seperti profil sekolah. Penelitian ini
bertujuan untuk merancang sistem informasi profil sekolah berbasis web pada
MA Nihayatul Amal Serang. Sistem ini menggunakan bahasa pemrograman
HTML, CSS, PHP dan MySQL sebagai databasenya. Dengan menggunakan
sistem ini, pihak sekolah dapat menjadi lebih efektif dan efisien dalam
menyampaikan informasi sekolah serta masyarakat dapat melihat informasi
sekolah dengan mudah serta mengetahui keberadaan MA Nihayatul Amal
Serang.

Kata Kunci : Informasi, Website, Sekolah.

iv
 DAFTAR ISI

LEMBAR PERSETUJUAN.........................................................................................................i

LEMBAR PENGESAHAN..........................................................................................................ii

KATA PENGANTAR...................................................................................................................iii

ABSTRAKSI..................................................................................................................................iv

DAFTAR ISI....................................................................................................................................v

DAFTAR TABEL.........................................................................................................................vii

DAFTAR GAMBAR...................................................................................................................viii

DAFTAR LAMPIRAN..................................................................................................................ix

BAB I.................................................................................................................................................1

1.1 Latar Belakang.......................................................................................1

1.2 Identifikasi Masalah................................................................................1

1.3 Rumusan Masalah..................................................................................2

1.4 Batasan Masalah....................................................................................2

1.5 Tujuan Kerja Praktik...............................................................................2

1.6 Manfaat Kerja Praktik.............................................................................2

1.7 Sistematika Penulisan............................................................................3

BAB II................................................................................................................................................4

2.1 Teori Dasar.............................................................................................4

2.1.1 Sistem Informasi.................................................................................4

2.1.2 Web....................................................................................................4

2.1.3 Basis Data...........................................................................................4

2.1.4 HTML..................................................................................................5

2.1.5 CSS....................................................................................................5

2.1.6 PHP....................................................................................................5

v
 2.1.7 MySQL................................................................................................6

2.1.8 XAMPP...............................................................................................6

2.1.9 Use Case Diagram..............................................................................6

2.1.10 Activity Diagram...............................................................................7

2.1.11 Sequence Diagram..........................................................................8

2.1.12 Class Diagram.................................................................................9

BAB III............................................................................................................................................11

3.1 Sejarah Singkat....................................................................................11

3.2 Visi dan Misi.........................................................................................12

3.2.1 Visi....................................................................................................12

3.2.2 Misi...................................................................................................12

3.3 Struktur Organisasi...............................................................................12

3.4 Sistem yang Berjalan............................................................................12

3.5 Analisa Sistem......................................................................................13

3.5.1 Permasalahan...................................................................................13

3.5.2 Kebutuhan Sistem (Requirement).....................................................13

3.6 Pengumpulan Data...............................................................................13

3.7 Perancangan Sistem............................................................................14

3.7.1 Use Case Diagram............................................................................14

3.7.2 Activity Diagram................................................................................14

3.7.3 Sequence Diagram...........................................................................15

3.7.4 Class Diagram..................................................................................16

3.7.5 Perancangan Antarmuka..................................................................16

BAB IV............................................................................................................................................18

4.1 Kesimpulan...........................................................................................18

4.2 Saran....................................................................................................18

DAFTAR PUSTAKA...................................................................................................................19
vi
LAMPIRAN-LAMPIRAN............................................................................................................21

DAFTAR TABEL
BAB II
Tabel 2.1 Simbol-simbol Use Case Diagram........................................................7
Tabel 2.2 Simbol-simbol Activity Diagram.............................................................8
Tabel 2.3 Simbol-simbol Sequence Diagram........................................................9
Tabel 2.4 Simbol-simbol Class Diagram...............................................................9

vii
 DAFTAR GAMBAR
BAB III
Gambar 3.1 MA Nihayatul Amal Serang.............................................................11
Gambar 3.2 Logo MA Nihayatul Amal Serang....................................................11
Gambar 3.3 Use Case Diagram..........................................................................14
Gambar 3.4 Activity Diagram User......................................................................14
Gambar 3.5 Activity Diagram Admin...................................................................15
Gambar 3.6 Sequence Diagram Admin..............................................................15
Gambar 3.7 Sequence Diagram User.................................................................15
Gambar 3.8 Class Diagram................................................................................16
Gambar 3.9 Perancangan Antarmuka Login Admin............................................16
Gambar 3.10 Perancangan Antarmuka Halaman Admin....................................17
Gambar 3.11 Perancangan Antarmuka User......................................................17

viii
DAFTAR LAMPIRAN

ix
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Seiring dengan perkembangan teknologi dan internet, kebutuhan akan
informasi yang cepat dan mudah diakses semakin meningkat. Oleh karena itu,
lembaga pendidikan perlu memiliki sebuah sistem yang dapat memberikan
informasi yang akurat dan terbaru kepada masyarakat. Salah satu sistem yang
dapat memberikan informasi adalah website.
Website dapat diartikan sebagai kumpulan halaman yang berisi informasi
data digital berupa teks, gambar, animasi, suara dan video atau gabungan dari
semuanya yang disediakan melalui jalur koneksi internet sehingga dapat diakses
dan dilihat oleh semua orang diseluruh dunia.[1].
Dalam dunia pendidikan, masyarakat mengharapkan agar kualitas
pelayanan pendidikan lebih baik. Hal tersebut membuat sekolah harus
mempunyai kreatifitas agar dapat memajukan kualitas pelayanan sekolah.
Kemajuan pelayanan sekolah tersebut adalah website yang dapat digunakan
sebagai media penyampaian informasi dan komunikasi yang baik antara sekolah
dengan masyarakat.
MA Nihayatul Amal Serang adalah salah satu sekolah yang dinaungi oleh
Yayasan Nurul Islam Assayrony. MA Nihayatul Amal Serang terletak di Jalan
Gang Madrasah Al Islamiyyah, Kampung Serang RT 01/RW 01, Desa Serang,
Kecamatan Cikarang Selatan.
Saat ini MA Nihayatul Serang tidak memiliki website sebagai sarana untuk
menyebarluaskan informasi kepada masyarakat. Oleh karena itu, dibuatkan
sebuah website yang dapat menyimpan data seperti visi dan misi, kegiatan
sekolah, prestasi serta ekstrakurikuler yang ada di MA Nihayatul Amal Serang.
Website MA Nihayatul Amal Serang yang dirancang mempunyai fitur seperti
identitas sekolah, galeri sekolah, informasi yang dibuat oleh sekolah dan kontak
yang didalamnya juga ada lokasi keberadaan sekolah.

1
1.2 Identifikasi Masalah

Berdasarkan latar belakang diatas, maka masalah yang dapat didefinisikan

adalah :
1. Masyarakat umum yang kesulitan mendapatkan informasi yang akurat
dan terbaru.
2. Masyarakat juga banyak yang tidak mengetahui keberadaan MA
Nihayatul Amal Serang.

1.3 Rumusan Masalah

Berdasarkan latar belakang dan identifikasi masalah yang telah dijelaskan

diatas, maka dapat dirumuskan yaitu :
1. Bagaimana meningkatkan keberadaan MA Nihayatul Amal Serang
dikalangan masyarakat sehingga dapat mengetahui dan mengakses
informasi tentang sekolah tersebut.
2. Bagaimana membuat perancangan sistem informasi profil sekolah
berbasis web yang dapat memberikan segala informasi mengenai MA
Nihayatul Amal Serang kepada masyarakat umum.

1.4 Batasan Masalah

Batasan masalah dalam perancangan ini adalah :

1. Sistem informasi profil sekolah berbasis web ini hanya digunakan untuk
kepentingan penyampaian informasi kepada masyarakat.
2. Informasi yang ditampilkan berupa sambutan kepala sekolah, tentang
sekolah, galeri dan informasi sekolah. Tidak termasuk dengan
pendaftaran siswa baru, daftar nilai, dan jadwal pelajaran.

1.5 Tujuan Kerja Praktik

Berdasarkan latar belakang dan rumusan masalah yang telah diuraikan,

maka tujuan yang diperoleh yaitu :
1. Membantu pihak sekolah dalam memanajemen informasi dan komunikasi
dengan masyarakat sehingga memudahkan pengambilan keputusan.
2. Dapat memperluas jangkauan informasi yang disampaikan kepada
masyarakat sehingga dapat meningkatkan citra dan reputasi sekolah.

2
1.6 Manfaat Kerja Praktik

Manfaat dari perancangan sistem informasi profil sekolah berbasis web pada
MA Nihayatul Amal Serang adalah sebagai berikut :
1. Dapat mendukung pihak sekolah untuk memberikan informasi terkait MA
Nihayatul Amal Serang agar mempermudah masyarakat dalam
mendapatkan informasi yang diperlukan.
2. Mahasiswa diharapkan dapat mempelajari dan memahami apa yang
diperlukan sekolah sesuai dengan kemampuan mahasiswa.

1.7 Sistematika Penulisan

Berikut adalah sistematika penulisan yang dapat digunakan dalam
perancangan sistem informasi web profil sekolah pada MA Nihayatul Amal
Serang.
BAB I PENDAHULUAN
Bab ini berisi pengenalan tentang latar belakang perancangan, identifikasi
masalah, rumusan masalah, batasan masalah, tujuan dan manfaat kerja praktik
dan sistematika penulisan.
BAB II 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
pengembangan sistem, perancangan sistem dan software yang dapat
digunakan.
BAB III HASIL DAN PEMBAHASAN
Bab ini berisi gambaran umum mengenai tempat dilakukannya kerja praktik.
Dimulai dari sejarah singkat MA Nihayatul Amal Serang, visi dan misi MA
Nihayatul Amal Serang, struktur organisasi MA Nihayatul Amal Serang,
permasalahan sistem yang sedang berjalan, kebutuhan pengguna, sistem yang
diusulkan, perancangan sistem dengan UML (Flowmap, Use Case Diagram,
Activity Diagram, Sequence Diagram) dan tampilan antarmuka.
BAB IV PENUTUP
Bab ini berisi kesimpulan dari perancangan sistem informasi web profil
sekolah pada MA Nihayatul Amal Serang, dilanjutkan dengan saran-saran untuk
pengembangan dan penelitian lebih lanjut.

3
4
 BAB II
TINJAUAN PUSTAKA DAN LANDASAN TEORI

2.1 Teori Dasar

2.1.1 Sistem Informasi

Pengertian sistem informasi menurut Laudon (La Midjan dan Susanto,
2004) adalah komponen-komponen yang saling berhubungan dan bekerja sama
untuk mengumpulkan, memproses, menyimpan dan menyebarkan informasi
untuk mendukung pengambilan keputusan, koordinasi, pengendalian dan untuk
memberikan gambaran aktifitas didalam perusahaan. Sedangkan sistem
informasi menurut Hall (2004) merupakan serangkaian prosedur formal dimana
data akan dikumpulkan, diproses menjadi informasi dan didistribusikan ke para
pengguna.[2]

2.1.2 Web
Menurut Saputra (2007 : 1) situs web adalah sebagai kumpulan halaman
yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak,
animasi, suara dan atau gabungan dari semuanya baik yang bersifat statis
maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait
dimana masing-masing dihubungkan dengan jaringan-jaringan halaman
(hyperlink).
Menurut Heryanto (2012:25) pengertian web yaitu sebuah dokumen yang
ditulis dalam Hypertext Markup Languange (HTML) yang dapat diakses melalui
Hypertext Transfer Protocol (HTTP) yang merupakan protokol untuk
menyampaikan informasi dari sebuah pusat situs web untuk ditampilkan
dihadapan pengguna program pembaca informasi yang ada pada situs web.[3]

2.1.3 Basis Data

Menurut Adi Nugroho (2011 : 5) dalam Jurnal Fery Wongso (ISSN : 1829 –
9822), basis data sebagai kumpulan terorganisasi dari data-data yang
berhubungan sedemikian rupa sehingga mudah disimpan, dimanipulasi serta
dipanggil oleh pengguna. Terminologi hubungan berarti data mendeskripsikan

5
domain (ranah) tertentu sehingga pengguna mudah untuk mendapatkan jawaban
atas pernyataan yang diajukan ke basis data tersebut. Sedangkan pengertian
basis data adalah sebagai koleksi dari data-data yang terorganisasi sedemikian
rupa sehingga data mudah disimpan dan dimanipulasi (diperbarui, dicari, diolah
dengan perhitungan-perhitungan tertentu, serta dihapus).[4]

2.1.4 HTML
HTML (Hypertext Markup Languange) merupakan bahasa yang digunakan
untuk mendeskripsikan struktur sebuah halaman web. HTML berfungsi untuk
mempublikasi dokumen online. Statement dasar dari HTML disebut tag. Sebuah
tag dinyatakan dalam sebuah kurung siku (<>). Tag yang ditujukan untuk sebuah
dokumen atau bagian dari suatu dokumen haruslah dibuat berupa pasangan.
Terdiri dari tag pembuka dan tag penutup. Dimana tag penutup menggunakan
tambahan tanda garis miring (/) diawal nama tag.[5]

2.1.5 CSS
Menurut (Adiatma, 2013) “CSS (Cascading Style Sheet) merupakan salah
satu bahasa pemrograman web yang bertujuan untuk membuat website agar
lebih menarik dan terstruktur”. Cara kerja CSS dalam memodifikasi HTML
dengan memilih elemen HTML yang akan diatur kemudian memberikan properti
yang sesuai dengan tampilan yang diinginkan. Dalam memberikan aturan pada
elemen HTML, skrip CSS terdiri atas 3 bagian yaitu selector untuk memilih
elemen yang akan diberi aturan, properti yang merupakan aturan yang diberikan
dan value sebagai nilai dari aturan yang diberikan.[5]

2.1.6 PHP
Anhar (dalam Salamun, 2017) menyatakan bahwa PHP ialah script yang
digunakan dalam pembuatan halaman website dinamis yang artinya bisa
diperbaharui secara berkala. Dalam hal ini website dinamis dibuat saat client
meminta mekanisme seperti ini membuat website menampilkan informasi dapat
diterima client selalu terbaru dan tepat waktu. Semua script PHP diproses
didalam server dimana script tersebut dijalankan.
Tim EMS (2016) menyatakan PHP merupakan suatu singkatan dari
Hypertext Preprocessing atau merupakan bahasa script dimana ketika

6
menggunakan PHP maka dapat dibuat web dinamis dengan kode PHP yang
kemudian ditautkan diantara script kode-kode HTML. Hal ini merupakan bahasa
markup standar untuk dunia web.[6]

2.1.7 MySQL
Parulian (2017) menyebutkan bahwa MySQL merupakan sebuah
perangkat lunak dengan sistem manajemen database SQL (Database
Management System) atau DBMS yang multithread, multi-user, penggunaan
yang cukup besar yakni sekitar 6 juta diseluruh dunia.
Adhi (dalam Salamun, 2017) menyatakan MySQL merupakan suatu
program database server dimana perangkat lunak tersebut mampu untuk
digunakan sebagai transaksi menerima dan mengirim dengan waktu yang
singkat pengguna dengan jumlah yang banyak sesuai standar SQL (Structured
Query Languange) yaitu bahasa pemrograman database. MySQL dapat diakses
oleh banyak pengguna dan juga membatasi akses berdasarkan previllage (hak
user) secara bersamaan.[6]

2.1.8 XAMPP
XAMPP adalah sebuah software yang berfungsi untuk menjalankan
website berbasis PHP dan menggunakan pengolah data MySQL di komputer
lokal. XAMPP berperan sebagai server web pada komputer. XAMPP juga dapat
disebut sebuah Cpanel server virtual, yang dapat membantu melakukan preview
sehingga dapat memodifikasi website tanpa harus online atau terakses dengan
internet (Wicaksono, 2008).[7]

2.1.9 Use Case Diagram

Use case diagram adalah suatu pola atau gambaran yang menunjukkan
kelakuan atau kebiasaan sistem menurut Martin Flower (dalam Surmayanti
2016 : 95).[8]
Berikut simbol-simbol yang ada pada use case diagram.

7
 Tabel 2.1 Simbol-simbol Use Case Diagram

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.

2.1.10 Activity Diagram

Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas
dari sebuah sistem atau proses bisnis.[9]

8
 Simbol-simbol yang digunakan dalam activity diagram yaitu :

Tabel 2.2 Simbol-simbol Activity Diagram

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.

2.1.11 Sequence Diagram

Sequence diagram digunakan untuk menggambarkan perilaku aktor pada
sebuah sistem secara detail menurut waktu. Diagram ini menunjukkan sejumlah
contoh objek dan message (pesan) yang diletakkan diantara objek-objek didalam
use case.[10]

9
 Tabel 2.3 Simbol-simbol Sequence Diagram

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.

2.1.12 Class Diagram

Class diagram merupakan penjelasan proses database dalam suatu
program. Dalam sebuah laporan sistem maka class diagram ini wajib ada.[11]

Tabel 2.4 Simbol-simbol Class Diagram

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.

10
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.

11
 BAB III
HASIL DAN PEMBAHASAN

3.1 Sejarah Singkat

Gambar 3.1 MA Nihayatul Amal Serang

Madrasah Aliyah (MA) Nihayatul Amal Serang berdiri pada tahun 2022 dan
terletak diatas tanah wakaf pesantren seluas kurang lebih 7500 m 2. Adapun
kegiatan belajar mengajarnya merupakan gabungan dari kurikulum pondok
pesantren salaf/klasik (kitab-kitab kuning) dan sekolah umum dengan tujuan dan
harapan semua siswa dan siswi mampu mendalami dan mengamalkan ilmu-ilmu
yang dibutuhkan guna bekal dunia dan akhirat.

12
 Gambar 3.2 Logo MA Nihayatul Amal Serang

3.2 Visi dan Misi

3.2.1 Visi
Visi dari MA Nihayatul Amal Serang adalah menciptakan generasi-
generasi Islam dan bangsa yang unggul dalam ilmu dan berprestasi, santun
dalam berakhlak, amanah dan berkarakter.

3.2.2 Misi
Misi dari MA Nihayatul Amal Serang sebagai berikut :
a. Mewujudkan perilaku siswa-siswi yang dilandasi nilai-nilai islami
b. Menanamkan, menumbuhkan dan menyebarkan tauladan dalam
kehidupan bermasyarakat.
c. Mencetak Ulamaul Alimin, Amilin, Muttaqin dan Mustaqimin dalam
ibadah, kehidupan dan perjuangan agama.

3.3 Struktur Organisasi

Komite Yayasan : KH. Syukron Makmun
Kepala MA : Raden Nasrul Miftahul Huda, S.Pd
Bendahara : Agnes Ariestya
Wakabid Kesiswaan : Raden Soleh Damamini S.Pd.I
Wakabid Sarana Prasarana : Ridwan Muhsoni

13
 Wakabid Kurikulum : Raden Yusuf, S.Pd.I
Wakabid Humas : Aditya Eka Fadhillah
Pembina Osis : Ida Nur Farida, S.Pd.I

3.4 Sistem yang Berjalan

MA Nihayatul Amal Serang dalam penyampaian informasi sekolah
menggunakan brosur sebagai media dan melakukan interaksi secara langsung
kepada masyarakat, dilakukan hanya sekali dalam setahun pada saat
penerimaan siswa baru disekolah tersebut.

3.5 Analisa Sistem

3.5.1 Permasalahan
Permasalahan sistem berjalan pada MA Nihayatul Amal Serang sekarang
ini dapat dikatakan sangat kurang akurat dan efektif, dimana semua dilakukan
secara manual mulai informasi yang dibutuhkan oleh masyarakat sehingga
masyarakat harus berkunjung ke sekolah untuk mendapatkan informasi yang
aktual. Untuk itu, penulis mencoba membuat Perancangan Sistem Informasi
Profil Sekolah Berbasis Web pada MA Nihayatul Amal Serang.

3.5.2 Kebutuhan Sistem (Requirement)

Kebutuhan sistem yang digunakan untuk perancangan sistem informasi
profil sekolah ini terdiri dari perangkat keras dan perangkat lunak.
a. Perangkat Keras
Satu jenis laptop ASUS Model VivoBook dengan spesifikasi sebagai
berikut.
- RAM 8 GB.
- Prosesor menggunakan AMD Ryzen 3 3250U with Radeon Graphics.
- Tipe sistem 64-bit.
b. Perangkat Lunak
- Sistem Operasi Windows 11 Home Single Languange version 22H2.
- Web Server XAMPP (MySQL dan Apache).
- Microsoft Visual Studio Code.
- Web Browser Google Chrome.

14
3.6 Pengumpulan Data
Pengumpulan data yang diperlukan untuk membuat perancangan yaitu
dengan melakukan survei ke sekolah untuk mengambil data dan melakukan
wawancara dengan staf-staf yang bekerja di MA Nihayatul Amal Serang.

3.7 Perancangan Sistem

3.7.1 Use Case Diagram

Gambar 3.3 Use Case Diagram

15
3.7.2 Activity Diagram

Gambar 3.4 Activity Diagram User

Gambar 3.5 Activity Diagram Admin

3.7.3 Sequence Diagram

16
 Gambar 3.6 Sequence Diagram Admin

Gambar 3.7 Sequence Diagram User

3.7.4 Class Diagram

Gambar 3.8 Class Diagram

17
3.7.5 Perancangan Antarmuka

Gambar 3.9 Perancangan Antarmuka Login Admin

Gambar 3.10 Perancangan Antarmuka Halaman Admin

18
Gambar 3.11 Perancangan Antarmuka User

19
 BAB IV
PENUTUP

4.1 Kesimpulan
Berdasarkan pembahasan Perancangan Sistem Informasi Profil Sekolah
Berbasis Web pada MA Nihayatul Amal Serang, maka dapat disimpulkan
bahwa :
1. Dengan adanya perancangan ini, sekolah menjadi lebih efektif dan efisien
dalam menyampaikan informasi yang berkaitan dengan MA Nihayatul
Amal Serang.
2. Perancangan ini juga membantu masyarakat mempunyai referensi
sekolah dan menjadi tahu akan keberadaan MA Nihayatul Amal Serang.

4.2 Saran
Berdasarkan kesimpulan tersebut, penulis memberikan saran-saran sebagai
berikut :
1. Perancangan sistem informasi profil sekolah ini belum memiliki menu
ulasan dan saran untuk memberikan nilai kepada sekolah.
2. Tambahkan forum diskusi yang memungkinkan pengguna dan admin
untuk berinteraksi. Ini membantu membangun komunikasi sekolah yang
aktif dan saling mendukung.

20
 DAFTAR PUSTAKA
[1] Asifuddin, A., Huda, H. I., & Mustofa, Z. (2021). Sistem Informasi Akuntansi
Penyusutan Aktiva Tetap Dengan Metode Garis Lurus Pada SMK
Muhammadiyah 1 Weleri berbasis Web. Elkom: Jurnal Elektronika dan
Komputer, 14(2), 216-223.
[2] Frisdayanti, A. (2019). Peranan Brainware Dalam Sistem Informasi
Manajemen. Jurnal Ekonomi Manajemen Sistem Informasi, 1(1), 60-69.
[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] Novendri, M. S., Saputra, A., & Firman, C. E. (2019). Aplikasi Inventaris
Barang Pada Mts Nurul Islam Dumai Menggunakan Php Dan Mysql. lentera
dumai, 10(2).
[5] Noviantoro, A., Silviana, A. B., Fitriani, R. R., & Permatasari, H. P. (2022).
Rancangan Dan Implementasi Aplikasi Sewa Lapangan Badminton Wilayah
Depok Berbasis Web. Jurnal Teknik Dan Science, 1(2), 88-103.
[6] Putra, A. B. (2019, October). Perancangan dan Pembangunan Sistem
Informasi E-Learning Berbasis Web (Studi Kasus Pada Madrasah Aliyah Kare
Madiun). In Prosiding Seminar Nasional Teknologi Informasi dan Komunikasi
(SENATIK) (Vol. 2, No. 1, pp. 81-85).
[7] Rosyadi, I., & Mutaalimah, R. (2015). Sistem Informasi Bimbingan Tugas
Akhir Online pada Politeknik Muhammadiyah Pekalongan. Jurnal Surya
Informatika: Membangun Informasi dan Profesionalisme, 1(1), 11-18.
[8] Simanullang, N. H., Siregar, A. W. B., & Masrizal, M. (2021). Sistem
Informasi Pemesanan Menu Makanan Pada Rm Sedep Roso Rantauprapat
Berbasis Web. Journal of Student Development Informatics Management
(JoSDIM), 1(1), 12-18.
[9] Siregar, H. F., Siregar, Y. H., & Melani, M. (2018). Perancangan Aplikasi
Komik Hadist Berbasis Multimedia. (JurTI) Jurnal Teknologi Informasi, 2(2), 113-
121.
[10] Siregar, V. M. M. (2018). Sistem Informasi Pendataan Logistik Aktiva Tetap
PT. Bank Central Asia, Tbk Kantor Cabang Pematangsiantar. Sistemasi: Jurnal
Sistem Informasi, 7(3), 250-258.
21
[11] Syabania, R., & Rosmawarni, N. (2021). Perancangan Aplikasi Customer
Relationship Management (Crm) Pada Penjualan Barang Pre-Order Berbasis
Website. Jurnal Rekayasa Informasi, 10(1), 44-49.

22
 LAMPIRAN-LAMPIRAN
Lampiran 1. Surat Keterangan Melaksanakan Kerja Praktik

23
Lampiran 2. Kartu Kendali Bimbingan Kerja Praktik

24