RANCANGAN SISTEM PENDAFTARAN SISWA BARU (PSB)

ONLINE PADA TAMAN KANAK-KANAK AT- THORIQ

BERBASIS WEBSITE

TUGAS AKHIR

Disusun oleh:
Nama : MUHAMMAD MAHYUDHA HASBI
NPM : 1814373008
Program Study : Teknik Komputer

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS PEMBANGUNAN PANCA BUDI
MEDAN
2023
RANCANGAN SISTEM PENDAFTARAN SISWA BARU (PSB)
ONLINE PADA TAMAN KANAK-KANAK AT- THORIQ
BERBASIS WEBSITE

TUGAS AKHIR

Disusun dan Diajukan sebagai Salah Satu Syarat Menempuh Ujian Akhir
Memperoleh Gelar Ahli Madya pada Fakultas Sains dan Teknologi
Universitas Pembangunan Panca Budi
Medan

Disusun oleh:
Nama : MUHAMMAD MAHYUDHA HASBI
NPM : 1814373008
Program Study : Teknik Komputer

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS PEMBANGUNAN PANCA BUDI
MEDAN
2023
 HALAMAN PENGESAHAN

RANCANGAN SISTEM PENDAFTARAN SISWA BARU (PSB)

ONLINE PADA TAMAN KANAK-KANAK AT- THORIQ BERBASIS WEBSITE

Dipersiapkan dan Disusun oleh

MUHAMMAD MAHYUDHA HASBI

1814373008

Telah Diujikan dan Dipertahankan dalam Sidang Ujian Meja Hijau

Program Studi Diploma III Teknik Komputer
Fakultas Sains dan Teknologi Universitas Pembangunan Panca Budi Medan
pada hari NamaHari, tanggal ujian meja hijau

Dosen Pembimbing I Dosen Pembimbing II

Dr Iskandar, S.Kom.,M.Kom Akhyar Lubis, S.Kom.,M.Kom

Tugas akhir ini telah diterima sebagai salah satu persyaratan

untuk memperoleh gelar Ahli Madya Komputer

Medan, tanggal ujian meja hijau

Dekan Fakultas Sains dan Teknologi Ketua Program Studi

Hamdani, S.T., M.T Akhyar Lubis, S.Kom.,M.Kom

i
 HALAMAN PERNYATAAN

Yang bertanda tangan dibawah ini:

Nama : MUHAMMAD MAHYUDHA HASBI
NPM : 1814373008
Program Studi : Teknik Komputer

Dengan ini menyatakan bahwa tugas akhir:

Judul : Rancangan Sistem Pendaftaran Siswa Baru (PSB) Online
Pada Taman Kanak-Kanak At-Thoriq Berbasis Website
Pembimbing I : Dr Iskandar, S.Kom.,M.Kom
Pembimbing II : Akhyar Lubis, S.Kom.,M.Kom

Belum pernah diajukan untuk diuji sebagai persyaratan untuk memperoleh gelar
akademik pada berbagai tingkatan di universitas/perguruan tinggi manapun.
Tidak ada bagian dalam Tugas Akhir ini yang pernah dipublikasikan oleh pihak
lain, kecuali bagian yang digunakan sebagai referensi, berdasarkan kaidah
penulisan ilmiah yang benar.
Apabila dikemudian hari ternyata laporan tugas akhir yang saya tulis terbukti
hasil saduran/plagiat, maka saya akan bersedia menanggung segala resiko yang
akan saya terima.
Demikian pernyataan ini dibuat dengan sebenar-benarnya.

Medan,
Yang menyatakan,

Meterai Asli
Rp 10.000

Muhammad Mahyudha Hasbi

1814373008

ii
 KATA PENGANTAR

Puji syukur ke hadirat Allah SWT, karena dengan berkat dan kasih

anugerah-Nya penulis masih diberikan kesempatan untuk menyelesaikan

skripsi ini sebagaimana mestinya. Skripsi ini disusun berdasarkan hasil

penelitian pada dengan judul ” Rancangan Sistem Pendaftaran Siswa Baru

(PSB) Online Pada Taman Kanak-Kanak AT-Thoriq Berbasis Website ”.

Dalam kesempatan ini, penulismengucapkan rasa terima kasih yang tak

terhingga kepada pihak-pihak yang telah membantu dalam penyelesaian skripsi

ini. Penulis ingin mengucapkan terima kasih kepada:

1. Kedua orang tua saya yang selalu memberikan dukungan dan motivasi

dalam penyusunan skripsi ini.

2. Bapak Dr. H. Muhammad Isa Indrawan, S.E., M.M., selaku

Rektor Universitas Pembangunanan Panca Budi Medan.

3. Bapak Hamdani, S.T., M.T selaku Dekan Fakultas Sains dan

Teknologi Universitas Pembangunan Panca Budi Medan.

4. Bapak Akhyar Lubis, S.Kom., M.Kom selaku Ketua Program Studi

Teknik Komputer Universitas Pembangunan Panca Budi Medan.

5. Bapak Dr Iskandar, S.Kom.,M.Kom. selaku Dosen Pembimbing I yang

telah memberikan arahan dan membimbing dalam penyelesaian skripsi ini.

6. Bapak Akhyar Lubis, S.Kom., M.Kom selaku Dosen Pembimbing

II yang telah memberikan ilmu pengetahuan, serta bimbingan

dalam penyelesaian skripsi ini.

iii
7. Dosen-dosen pada Program Studi Teknik Komputer Fakultas Sains

dan Teknologi Universitas Pembangunan Panca Budi Medan.

8. Seluruh staff dan karyawan pada Universitas Pembangunan Panca

Budi Medan.

9. Teman-teman penulis dari program studi Teknik Komputer, Sains

dan Teknologi, Universitas Pembangunan Panca Budi Medan.

Penulis juga menyadari bahwa penyusunan skripsi ini belum sempurna baik

dalam penulisan maupun isi disebabkan keterbatasan kemampuan penulis.

Oleh karena itu, penulis mengharapkan kritik dan saran yang sifatnya

membangun dari pembaca untuk kesempurnaan isi skripsi ini.

Medan,

Muhammad Mahyudha Hasbi

1814373008

iv
 DAFTAR ISI

HALAMAN PENGESAHAN .............................................................................. i

HALAMAN PERNYATAAN ............................................................................. ii
KATA PENGANTAR ........................................................................................ iii
DAFTAR ISI ...................................................................................................... v
DAFTAR GAMBAR ........................................................................................ vii
DAFTAR TABEL ............................................................................................. ix
INTISARI............................................................................................................ x
BAB I PENDAHULUAN .................................................................................. 1
1.1 Latar Belakang Masalah ..................................................................... 1
1.2 Rumusan Masalah .............................................................................. 3
1.3 Batasan Masalah .................................................................................. 3
1.4 Tujuan Penelitian ................................................................................ 4
1.5 Manfaat Penelitian .............................................................................. 4
1.6 Sistematikta Penulisan ........................................................................ 5
BAB II LANDASAN TEORI ............................................................................ 6
2.1 Sistem .................................................................................................. 6
2.1.1Sistem Informasi ............................................................................... 9
2.1.2 Karakterisitik Sistem ....................................................................... 12
2.1.3 Komponen Sistem .......................................................................... 13
2.2 Pendaftaran Siswa Baru .................................................................... 15
2.3 Alat Bantu Perancangan Sistem ......................................................... 17
2.3.1 UML (Unified Modelling Language) .............................................. 17
2.4 Aplikasi Pengembangan Sistem.......................................................... 23
2.4.1 Web ................................................................................................. 24
2.4.2 PHP (Personal Home Page) ............................................................. 29
2.4.3 MySQL............................................................................................ 32

v
 2.4.4 Sublime Text ................................................................................... 36
2.5 Internet ............................................................................................... 36
BAB III METODE PENELITIAN .................................................................... 38
3.1. Metode Penelitian .............................................................................. 38
3.2. Metode Pengumpulan Data ................................................................ 40
3.3. Analisa Sistem Yang Sedang Berjalan ................................................ 40
3.4. Perancangan Sistem ........................................................................... 42
3.4.1 Use Case Diagram .............................................................................. 42
3.4.2 Activity Diagram Admin ........................................................... 44
3.4.3 Class Diagram ........................................................................... 45
3.4.4 Rancangan Database.................................................................. 46
3.5. Perancangan Sistem ........................................................................... 59

BAB IV HASIL DAN PEMBAHASAN ........................................................... 63

4.1. Kebutuhan Sistem .............................................................................. 63
4.2. Analisa Alur Sistem ........................................................................... 63
4.3. Kelola Domain ................................................................................... 64
4.4. Implementasi Sistem .......................................................................... 69
4.5. Pengujian Sistem................................................................................ 78
4.6. Kelebihan dan Kekurangan Sistem .................................................... 80
BAB V KESIMPULAN DAN SARAN ............................................................. 81
5.1. Kesimpulan ........................................................................................ 81
5.2. Saran.................................................................................................. 81
DAFTAR PUSTAKA ........................................................................................ 82

vi
 DAFTAR TABEL

Tabel 2.1. Simbol diagram Use Case .................................................................. 18

Tabel 1.2. Simbol Squence Diagram .................................................................. 20
Tabel 1.3. Simbol Activity Diagram ................................................................... 20
Tabel 1.4. Simbol Diagram Class ....................................................................... 21
Tabel 3.1. Skenario Use Case Admin (Lanjutan) ................................................ 40
Tabel 3.2. Skenario Use Case Calon Siswa Baru ................................................ 40
Tabel 3.3. Rancangan Tabel User ....................................................................... 44
Tabel 3.4. Rancangan Tabel Siswa ..................................................................... 44
Tabel 3.5. Rancangan Tabel Berkas ................................................................... 44
Tabel 3.6. Rancangan Tabel Jenis ...................................................................... 45
Tabel 3.7. Rancangan Tabel Kategori................................................................. 45
Tabel 3.8. Rancangan Tabel Berita ..................................................................... 45
Tabel 4.1. Hasil Pengujian Sistem ...................................................................... 77

vii
 DAFTAR GAMBAR

Gambar 2.1. Bagian System ........................................................................... 10

Gambar 2.2. Logo PHP .................................................................................. 29
Gambar 2.4. Logo MySQL ............................................................................ 33
Gambar 2.5. Tampilan Sublime Text .............................................................. 34
Gambar 3.1. Tahapan Penelitian .................................................................... 36
Gambar 3.2. Diagram Pendaftaran Siswa Baru TK AT -Thoriq Berbasis Web 40

Gambar 3.3. Activity Diagram Admin ........................................................... 43

Gambar 3.4. Activity Diagram Calon Siswa Baru .......................................... 42
Gambar 3.5. Class Diagram ........................................................................... 43
Gambar 3.6. Rancangan Halaman Beranda .................................................... 46
Gambar 3.7. Rancangan Form User................................................................ 47
Gambar 3.8. Rancangan Halaman Utama Admin ........................................... 47
Gambar 3.9. Rancangan Halaman User .......................................................... 48
Gambar 3.10. Rancangan Halaman Kategori .................................................. 48
Gambar 3.11. Rancangan Halaman Tambah Berita ........................................ 49
Gambar 3.12. Rancangan Halaman Data Calon Siswa Baru ........................... 49
Gambar 3.13. Rancangan Halaman Laporan Mendaftar.................................. 50
Gambar 3.14. Rancangan Halaman Laporan Siswa TK AT-Thoriq Di Terima 50
Gambar 3.15. Rancangan Halaman Laporan Siswa Di Tolak .......................... 51
Gambar 3.16. Rancangan Form Pendaftaran................................................... 51
Gambar 3.17. Rancangan Halaman Utama Siswa Baru................................... 52
Gambar 3.18. Rancangan Halaman Utama Siswa Baru................................... 52
Gambar 3.19. Rancangan Halaman Formulir Pendaftaran .............................. 53
Gambar 3.20. Rancangan Halaman Upload Berkas ........................................ 53
Gambar 3.21. Web Server .............................................................................. 54

viii
Gambar 3.22. Cara Kerja web Server ............................................................. 55
Gambar 3.22. Domain dan Hosting ................................................................ 55
Gambar 4.1. Registrasi ................................................................................... 59
Gambar 4.2. Aktivasi Akun............................................................................ 60
Gambar 4.3. Domain ...................................................................................... 60
Gambar 4.4. Upgrade Akun ........................................................................... 61
Gambar 4.5. Pembayaran Tagihan .................................................................. 61
Gambar 4.6. Hosting ...................................................................................... 62

Gambar 4.7. FormUpload File........................................................................ 62

Gambar 4.8. File Manager.............................................................................. 52
Gambar 4.9. Tampilan Implementasi Form Login siswa TK AT- Thoriq .. 70
Gambar 4.10. Tampilan Form Pendaftaran siswa baru TK AT- Thoriq ........... 70
Gambar 4.11. Tampilan Halaman Utama Admin TK AT- Thoriq ................... 71
Gambar 4.12. Tampilan Implementasi Halaman User TK AT- Thoriq ............ 72
Gambar 4.13. Tampilan Implementasi Admin Melihat Data Siswa Baru ........ 72
Gambar 4.14. Tampilan Implementasi Data Siswa Baru TK AT- Thoriq ........ 73
Gambar 4.15. Tampilan Cetak Kartu Peserta Siswa Baru TK AT- Thoriq ...... 73
Gambar 4.16. Tampilan Logout Peserta ......................................................... 74
Gambar 4.17. Tampilan Implementasi Halaman Utama Siswa ....................... 74
Gambar 4.18. Rancangan Implementasi Halaman Profile ............................... 75
Gambar 4.19. Rancangan Implementasi Halaman Formulir Pendaftaran ........ 76
Gambar 4.20. Rancangan Implementasi Halaman Upload Berkas................... 76

ix
 INTISARI

Penelitian ini bertujuan untuk merancang sebuah sistem pendaftaran siswa

baru berbasis website yang mengintegrasikan proses pendaftaran menjadi lebih

mudah, efisien, dan transparan. Data-data penerimaan siswa baru dan proses

pendaftaran yang telah ada di TK At-Thoriq diidentifikasi dan dianalisis untuk

menentukan persyaratan sistem yang diperlukan.

Sistem juga menyediakan informasi lengkap tentang TK At-Thoriq, seperti

profil sekolah, kurikulum, fasilitas, dan kegiatan ekstrakurikuler, yang dapat

diakses oleh calon orang tua atau wali siswa sebelum mereka memutuskan untuk

mendaftarkan anak mereka.

Diharapkan bahwa implementasi sistem ini akan memberikan manfaat

signifikan bagi pihak sekolah dalam mengelola penerimaan siswa baru dan

meningkatkan pengalaman calon orang tua atau wali siswa dalam melakukan

pendaftaran secara online.

Kunci : Siswa, Sistem, Pendaftaran, Baru

x
 BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Dewasa ini perkembangan teknologi semakin pesat dan tidak dapat

dipungkiri bahwasanya teknologi adalah sebagai kebutuhan sekunder bagi para

penggunanya. Sejauh ini teknologi juga telah diterapkan pada beberapa bidang,

salah satu contohnya yaitu pada bidang pendidikan yang memudahkan para

penggunanya untuk melakukan proses pendaftaran siswa baru. Dunia pendidikan

tak luput dari kebutuhan akan teknologi informasi. Teknologi informasi tidak hanya

merupakan kebutuhan yang sangat vital bagi sebuah institusi pendidikan, akan

tetapi juga memberikan nilai lebih bagi institusi tersebut.

Saat ini belum banyak sekolah di Indonesia yang menyelenggarakan

pendaftaran siswa baru secara online yang akan memungkinkan integrasi,

pengaksesan dan autentikasi global via internet (Meza, 2017). Dengan adanya

teknologi internet dan web yang mampu mendukung proses input dan output data

secara cepat dan akurat. Pelaksanaan pendaftaran siswa baru menjadi lebih

transparansi, mudah dan cepat. Sekolah dapat mengurangi bahkan menghilangkan

kecurangan yang terjadi pada pelaksanaan pendaftaran siswa baru secara manual.

Dengan demikian, tidak akan ada lagi pihak-pihak yang merasa tidak puas ataupun

dirugikan.

Taman Kanak-Kanak AT- Thoriq yang beralamat di Jl. Prona I

Gg.Keluarga No.77 Medan didirikan pada tanggal 23 Desemebr tahun 1975 dan

1
 2

mendapat izin operasional pada tahun 1988 dari kantor Dinas pendidikan Provinsi

Sumatera Utara. Sejak itu lembaga ini terus berjalan sampai sekarang, dan

lembaga ini juga terus mengalami perkembangan yang baik dan pada tangal 11

Nopember tahun 2011 mendapat status nilai A pada badan akreditasi sekolah.

Taman Kanak-Kanak AT- Thoriq melakukan kegiatan belajar mengajar pada pagi

hari. Lembaga ini juga mendapat akte notaries dengan nomor AHU-

006153.50.80.2014 pada tanggal17 September 2014.

Taman Kanak-Kanak AT- Thoriq terus mengalami kemajuan, hal ini

terlihat terus dari meningkatnya jumlah murid yang di lembaga ini dan pada tahun

pelajaran 2016/2017 hinggga sekarang jumlah kelas di lembaga ini ada 8 kelas.

karena tidak bisa menampung anak didik sehingga satu ruang di sekat menjadi

untuk dipergunakan kegiatan belajar mengajar, mengingat kelas yang lain sudah

penuh dan ruang yang lain tidak ada.

Dalam mencapai tujuan pendidikan yang dilaksanakan di AT- Thoriq,

maka diperlukan visi dan misi lembaga. Visi dan Misi TK. AT- Thoriq adalah TK.

AT- Thoriq adalah Membentuk Generasi Yang Sehat, Cerdas, Kreatif, Mandiri,

Ceria dan Berakhlak Mulia. Misi TK. AT- Thoriq yaitu Melaksanakan

pembelajaran aktif, kreatif dan menyenangkan sesuai dengan tahap perkembangan

anak didik dan mempersiapkan anak didik untuk masuk ke jenjang pendidikan

yang lebih lanjut. Tujuan TK. AT- Thoriq adalah Terwujudnya Anak Yang Sehat

Dan Mandiri Serta Mampu Merawat dan Peduli Terhadap Diri Sendiri, Teman

danLingkungan Sekitar.
 3

Dengan adanya sistem informasi, pihak TK. AT- Thoriq atau panitia

peneriamaan siswa baru dapat mengelola pelaksanaan seperti pendaftaran, seleksi,

dan pengumuman secara mudah dan cepat. Peserta dan orang tua juga dapat dengan

mudah melihat pelaksanaan penerimaan siswa baru serta mendapatkan informasi

yang berkaitan dengan pelaksanaan penerimaan siswa baru dari lokasi manapun dan

kapanpun melalui teknologi internet.

Berdasarkan uraian di atas maka dijadikan untuk topik skripsi dengan

judul “Rancangan Sistem Pendaftaran Siswa Baru (PSB) Online Pada Taman

Kanak-Kanak AT- THORIQ Berbasis Website”.

1.2 Perumusan Masalah

Berdasarkan uraian pada latar belakang diatas, maka dapat dirumuskan

beberapa permasalahan, yaitu:

1. Bagaimana merancang sistem informasi penerimaan siswa baru berbasis

web pada TK. AT- Thoriq?

2. Bagaimana implementasi sistem sistem informasi penerimaan siswa

baru berbasis web pada TK. AT- Thoriq?

1.3 Batasan Masalah

Untuk menghindari diskusi yang tersebar luas dalam surat

ini,keterbatasan masalah diberikan, yaitu:

1. Aplikasi ini dirancang untuk pendaftaran penerimaan calon siswa baru

pada TK. AT- Thoriq.

 4

2. Sistem di buat menggunakan bahasa pemrogaman php dan

databaseMySQL.

1.4 Tujuan Penelitian

Adapun tujuan dari penelitian ini adalah sebagai berikut:

1. Untuk merancang sistem pendaftaran calon siswa baru berbasis web pada

TK. AT- Thoriq.

2. Untuk mengimplementasikan sistem pendaftaran calon siswa baru

berbasis web pada TK. AT- Thoriq?.

1.5 Manfaat Penelitian

Berikut adalah manfaat dari penelitian ini:

1. Bagi Universitas Pembangunan Panca Budi Sebagai bahan informasi dan

referensi bacaan bagi mahasiswa Universitas Pembangunan Panca Budi terlebih

bagi mahasiswa dan mahasiswi yang akanmelakukan penelitian tentang aplikasi

website.

2. Bagi TK. AT- Thoriq Memudahkan TK. AT- Thoriq dalam proses pendaftaran,

mengelola dan merekap data calon siswa baru.

3. Bagi Penulis Bisa menambah ilmu dan pengalaman serta mengamalkan apa

yang penulispelajari di perkuliahan.

 BAB II

LANDASAN TEORI

2.1 Sistem

Suatu sistem adalah sekelompok unsur yang erat hubungannya satu

dengan yang lain, yang berfungsi bersama-sama untuk mencapai tujuan

tertentu. Jaringan kerja dari prosedur-prosedur yang saling berhubungan,

berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk

menyelesaikan suatu sasaran yang tertentu (Rustamin&Dewi, 2016).

2.1.1 2.1.1 Sistem Informasi

Sistem informasi dapat dikatakan sebagai suatu sistem yang

menyediakan informasi bagi semua tingkatan dalam organisasi tersebut.

Sistem ini menyimpan, mengambil, mengubah, mengolah dan

mengkomunikasikan informasi yang diterima dengan menggunakan sistem

informasi atau peralatansistem lainnya (Iqbal Habiby, 2017).

Sistem ini berfungsi juga sebagai media untuk menyediakan informasi

yang berguna untuk management dan mendukung rencana strategi dalam

organisasi. Sedangkan tujuan dari sistem informasi tersebut untuk

mengumpulkan data, menyimpan dan menginformasikan kepada para

pemakai (user) yang membutuhkannya.

5
 6

2.1.2 Struktur Sistem

Sistem secara umum dibagi menjadi 3 bagian, yaitu Input (Masukan),

Proses (Process) dan Keluaran (Output). Tiga bagian dasar dari sistem akan

dikelilingi oleh lingkungan. Selain itu, sistem biasanya dirancang dengan

elemen umpan balik.Diagram sistem dapat dilihat di Gambar 2.1 berikut :

Gambar 2.1 Bagian Sistem

Sumber : Setiyaningsih (2016)

Berikut ini adalah penjelasan gambar 2.1 di atas:

1. Masukkan (input) merupakan bagian awal dari sistem, termasuk semua

konten yang dimasukkan ke dalam sistem.

2. Proses (process) merupakan suatu pekerjaan yang mengubah masukan

(input) menjadi keluaran (output).

3. Keluaran (output) adalah hasil dari pengolahan masukan (input)

kemudian melakukan suatu proses dan menghasilkan suatu proses

(output).
 7

4. Lingkungan (Environment) ini mencakup semua elemen yang berada di

luar sistem atau mempengaruhi dan dipengaruhi dari sebuah sistem.

5. Umpan Balik (Feedback) adalah Sebuah sensor yang dapat digunakan

untuk mencegah informasi keluaran yang tidak memenuhi persyaratan

atau untuk memberikan informasi ketika hal ini terjadi.

2.1.3 2.1.3 Karakterisitik Sistem

Sistem mempunyai karakteristik atau sifat-sifat tertentu yang di kutip

dalam jurnal Zefriyenni (2016):

1. Komponen sistem (components) suatu sistem terdiri dari banyak

komponen yang saling berinteraksi. Artinya bekerja sama untuk

membentuk satu kesatuan. Komponen sistem atau elemen sistem dapat

menjadi subsistem atau bagian dari sistem. Setiap sistem selalu

mengandung subsistem. Setiap subsistem memiliki atribut sistem yang

menjalankan fungsi tertentu dan mempengaruhi keseluruhan proses

sistem.

2. Batasan sistem (boundary) Ruang lingkup sistem adalah area yang

membatasi sistem ke sistem lain atau sistem dengan lingkungan eksternal.

3. Lingkungan luar sistem (enivirontment) Segala bentuk yang

mempengaruhi pengoperasian sistem di luar ruang lingkup atau batas

sistem disebut lingkungan eksternal.

 8

4. Antarmuka sistem (interface) Sarana yang menghubungkan sistem dengan

subsistem lain disebut kontak atau antarmuka sistem.

5. Input sistem adalah energi yang masuk ke sistem, yang dapat berupa

pemeliharaan (maintenance input) dan sinyal (signal input).

6. Keluaran sistem (output) Energi yang dihasilkan diproses dan diklarifikasi

menjadi keluaran yang bermanfaat. Keluaran ini merupakan masukan

dari subsistem lain seperti sistem informasi.

7. Sasaran sistem (objective) suatu sistem pasti mempunyai tujuan dan

sasaran yang pasti dan bersifat deterministic.

2.1.4 2.1.4 Komponen Sistem

Menurut Tata (Asmara & Saputra, 2019) Sistem dapat di klasifikasikan

menjadi beberapa sudut pandang di antaranya:

1. Sistem abstrak dan sistem fisik adalah sistem yang berupa pemikiran atau

konsep yang tidak terlihat secara fisik, seperti sistem teologis, yaitu

sistem yang berupa pemikiran dalam hubungan antar manusia, dan

sistem fisik adalah sistem yang ada secara fisik, Seperti sistem

2. komputer, sistem produksi, sistem penjualan, sistem manajemen personalia, dll.

3. Sistem alamiah dan sistem buatan manusia: sistem yang terjadi melalui

proses alam, bukan diciptakan oleh manusia, seperti sistem perputaran

bumi, terjadinya siang dan malam, dan pergantian musim. Sementara itu,
 9

sistem buatan manusia adalah sistem yang melibatkan interaksi manusia

komputer. Sistem informasi berbasis komputer merupakan contoh dari

sistem mekanik manusia karena melibatkan penggunaan komputer yang

berinteraksi dengan manusia.

4. Sistem deterministik dan sistem probabilistik yang beroperasi dengan

perilaku yang dapat diprediksi disebut sistem deterministi. Sistem

komputer adalah contoh sistem yang dapat menentukan perilakunya

berdasarkan program komputer yang sedang berjalan, sedangkan sistem

yang tidak menguntungkan memiliki kondisi masa depan yang tidak dapat

diprediksi sistem karena mengandung elemen metabolisme.

Sistem terbuka dan sitem tertutup, Sistem tertutup adalah sistem yang

tidak relevan dan tidak terpengaruh oleh lingkungan luarnya, sistem tersebut

dapat beroperasi secara otomatis tanpa adanya gangguan dari luar, sedangkan

sistem terbuka adalah sistem yang dipengaruhi oleh lingkungan luarnya.

Sistem ini menerima masukan dan menghasilkan keluaran untuk subsistem

lainnya.

2.2 Pendaftaran Siswa Baru

Penerimanan siswa baru merupakan salah satu proses yang ada di

instansi pendidikan untuk menyaring calon siswa yang terpilih sesuai

kriteria yang ditentukan. Pada umumnya proses penerimaan siswa baru

 10

dilakukan melalui tahap pendaftaran, seleksi berkas dan penerimaan siswa

(Zain & Purniawati, 2020). Proses penerimaan siswa baru pada setiap sekolah

berbeda-beda berdasarkan kriteria-kriteria yang ditentukan oleh pihak sekolah.

2.3 Alat Bantu Perancangan Sistem

Berikut adalah alat bantu yang digunakan untuk perancangan sistem

yang akan di bangun adalah sebagai berikut:

2.3.1. UML (Unified Modelling Language)

Menurut (Sutejo, 2016) UML merupakan alat yang paling dapat

diandalkan di dunia pengembangan sistem berorientasi objek. Dengan kata

lain, UML adalah seperangkat konvensi pemodelan yang digunakan untuk

mendefinisikan atau menggambarkan sistem perangkat lunak yang

berhubungan dengan objek. UML atau Unified Modeling Language adalah

metode atau teknik yang digunakan dalam pemodelan dan perancangan

sistem berorientasi objek.

Dengan menggunakan UML kita dapat membuat model untuk

berbagai jenis aplikasi piranti lunak, dimana aplikasi tersebut bisa berjalan

di piranti keras, jaringa, sistem operasi dan bahasa pemrograman apapun.

Adapun Tujuan dari penggunaan UML ini adalah dapat menciptakan

 11

bahasa pemodelan yang dapat digunakan oleh mesin maupun manusia,

dapat memberikan pemodelan yang visual dari berbagai pemrograman

maupun proses dari rekayasanya kepada pengguna, dan dapat memberikan

model yang nantinya dapat digunakan.

untuk berbagai jenis aplikasi piranti lunak, dimana aplikasi tersebuat bias

berjalan di piranti keras, jaringa, sistem operasi dan bahasa pemrograman

apapun. Adapun Tujuan dari penggunaan UML ini adalah dapat menciptakan

bahasa pemodelan yang dapat digunakan oleh mesin maupun manusia, dapat

memberikan pemodelan yang visual dari berbagai pemrograman maupun

proses dari rekayasanya kepada pengguna, dan dapat memberikan model yang

nantinya dapat digunakan.

UML dapat mendefinisikan notasi dan syntax atau sematik. Notasi UML

ini merupakan sekumpulan bentuk yang khusus dalam menggambarkan

berbagai diagram perangkat lunak. Setiap symbol atau bentuk memiliki makna

dan pengertian masing-masing, kemudain UML syntax mendefinisikan symbol

atau bentuk tersebut agar dapat dikombinasikan.

Adapun diagram–diagram yang terdapat pada UML

(UnifiedModelling Language) sebagai berikut:

2.3.1 2.3.2 Diagram Use Case

Use case diagram merupakan pemodelan perilaku (behavior) dari

sistem informasi yang dibuat. Use case digunakan untuk mengetahui siapa
 12

saja yang memiliki fitur dan hak yang tersedia dalam sebuah sistem informasi

menggunakan fungsi-fungsi tersebut. (Ade Hendini, 2016). Use case diagram

ini sangat membantu kita dalam menyusun kebutuhan sebuah sistem, karena

menghubungakan kegiatan pengguna dengan sistem.

Tabel 2.1 Simbol diagram Use Case

No Gambar Nama Penjelasan

Menentukan kumpulan peran yang

1 Actor dilakukan
pengguna saat berinteraksi dengan kasus
penggunaan.
Hubungan di mana perubahan yang
dilakukan pada elemen independen
2 mempengaruhi elemen yang bergantung
Dependency
padaelemen non-independen.

Hubungan di mana objek anak (keturunan)

berbagi perilaku dan struktur data objek di
3 Generalization
atas objek induk (leluhur)

Secara eksplisit menyatakan bahwa kasus

4 Include
penggunaan sumber.

Menunjukkan bahwa kasus penggunaan

target memperluas perilaku kasus
5 Extend
penggunaan sumber di beberapa titik.
 13

Penghubung antara objek dan objek lainnya.

6 Association

Menentukan paket yang berisi sistem

7 System
terbatas.

Deskripsi urutan tindakan yang dilakukan

oleh sistem yang mengarah pada hasil
8 Use Case
yang terukur untuk actor

Interaksi aturan dan elemen lain yang

bekerja bersama untuk memberikan
9 Collaboration
perilaku yang lebih besar dari pada jumlah
(sinergi)

Elemen fisik yang ada saat aplikasi

10 Note berjalan dan merupakan sumber daya
komputasi

Sumber : Rosa AS, M. Shalahuddin (2015)

2.3.2 2.3.3 Diagram Sequence

Diagram urutan menggambarkan bagaimana objek berperilaku dalam

kasus penggunaan, berapa lama mereka bertahan, dan pesan yang dikirim dan

diterima di antara mereka. (Kusnita Yusmiarti, 2016).

Tabel 2.2 Simbol Squence Diagram

No Gambar Nama Penjelasan
Objek entitas, antarmuka yang berinteraksi.
1 LifeLine
 14

Sebuah spesifikasi komunikasi antara objek

yang berisi informasi tentang apa yang terjadi.
2 Message

Sebuah spesifikasi komunikasi antara objek

yang berisi informasi tentang apa yang terjadi.
3 Message

Sumber : Rosa AS, M. Shalahuddin (2015)

2.3.3 2.3.4 Activity Diagram

Diagram aktivitas menggambarkan alur kerja atau aktivitas untuk

sistem atau proses bisnis (KusnitaYusmiarti, 2016). Berikut adalah simbol-

simbol yang terdapat pada activity diagram:

Tabel 2.3 Simbol Activity Diagram

No Gambar Nama Penjelasan
Ini menunjukkan bagaimana setiap kelas
1 Activity
antarmuka berinteraksi satu sama lain.

Status sistem yang mencerminkan

2 Action
pelaksanaan suatu tindakan.
Memulai aktifiti.
3 Initial Node
Actifity Final Akhir Aktifiti.
4 Node
Tahap aliran beberapa aktifitas.
5 Fork Node
Sumber: Rosa AS, M. Shalahuddin (2015)

2.3.4 Diagram Class

Diagram kelas adalah deskripsi rinci tentang hubungan antara kelas

dan setiap kelas dalam model desain kelas. Ini juga menunjukkan aturan dan
 15

tanggung jawab entitas yang menentukan perilaku sistem. (KusnitaYusmiarti,

2016).

Tabel 2.4 Simbol Diagram Class

No Gambar Nama Penjelasan
1 Hubungan antar kelas mengenai generalisasi
Generalization
(generalisasi) dari spesialisasi.

2 Interface Konsep antarmuka dalam pemrograman

berorientasi objek.
3 Himpunan objek yang memiliki atribut dan
Class
operasi yang sama.

4 Asosiasi sering dikaitkan erat dengan

Association
keragaman hubungan. (Contoh: satu-ke- satu,
satu-ke-banyak, banyak-ke-banyak).

5 Agregation Hubungan antar kelas yang memiliki arti

semua bagian (whole).
6 Hubungan antar kelas berarti bahwa satu
Directed kelas digunakan oleh yang lain. Asosiasi
Association
sering kali mencakup multiplisitas.

Sumber : Rosa AS, M. Shalahuddin (2015)

2.4 Aplikasi Pengembangan Sistem

Dalam pengembangan sistem ini aplikasi yang digunakan adalah

sebagaiberikut:
 16

2.4.1 Web

Web merupakan salah satu sumber daya internet yang berkembang pesat.

Saat ini, informasi web didistribusikan melalui pendekatan hyperlink, yang

memungkinkan suatu teks, gambar, ataupun objek yang lain menjadi acuan

untuk membuka halaman-halaman web yang lain. Dengan pendekatan

hyperlink ini, seseorang dapat memperoleh informasi dengan meloncat dari

suatu halaman ke halaman yang lain (Wicaksono et al., 2016).

Menurut Anggun et al., 2016 Web juga dapat diartikan sebagai kumpulan

informasi tekstual, gambar diam atau video, animasi, suara, dan/atau halaman

yang digunakan untuk menampilkan kombinasi statis dan dinamis. Jaringan sisi

jaringan jaringan.

Untuk itu Web merupakan tempat di Internet yang menyajikan informasi

dalam berbagai format data seperti teks, gambar, bahkan video, dan dapat

diakses melalui berbagai aplikasi client untuk informasi yang lebih menarik dan

dinamis. mengatur dan menyajikannya, pengelolaan.

2.4.2 PHP (Personal Home Page)

PHP adalah bahasa skrip sisi server yang dirancang untuk pengembangan

web. Selain itu, PHP juga dapat digunakan sebagai bahasa pemrograman yang

populer. PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan

sekarang dikelola oleh The PHP Group.

PHP disebut sebagai bahasa pemrograman server-side karena diproses di

mesin server. Ini berbeda dengan bahasa pemrograman sisi klien seperti JavaScript,
 17

yang diproses oleh browser web (klien). Pertama-tama, PHP adalah singkatan dari

Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat

website pribadi. Dalam beberapa tahun perkembangannya, PHP telah menjadi

bahasa pemrograman web yang kuat, tidak hanya untuk membuat halaman web

sederhana, tetapi juga untuk situs web populer yang digunakan oleh jutaan orang

seperti Wikipedia, WordPress, dan Joomla.

PHP dapat digunakan dengan gratis (free) dan bersifat open source. PHP

dirilis dalam lisensi PHP License, sedikit berbeda dengan lisensi GNU General

Public License (GPL) yang biasa digunakan untuk proyek open source. Untuk

membuat halaman web, sebenarnya PHP bukanlah bahasa pemrograman yang

wajib digunakan. Kita bisa saja membuat website hanya menggunakan HTML

saja. Web yang dihasilkan dengan HTML (dan CSS) ini dikenal dengan website

statis, dimana konten dan halaman web bersifat tetap.

Sebagai perbandingan, website dinamis yang bisa dibuat menggunakan

PHP adalah situs web yang bisa menyesuaikan tampilan konten tergantung

situasi. Website dinamis juga bisa menyimpan data ke dalam database,

membuat halaman yang berubah-ubah sesuai input dari user, memproses

form, dll. Untuk pembuatan web, kode PHP biasanya di sisipkan ke dalam

dokumen HTML. Karena fitur inilah PHP disebut juga sebagai Scripting

Language atau bahasa pemrograman script. (Duniailkom, 22 Juli 2019).

Berikut adalah logo dari php.

 18

Gambar 2.2 Logo PHP

Sumber: duniailkom (2019)

2.5 XAMPP

XAMPP merupakan aplikasi open source untuk kebutuhan deployment

server: Web Server (Aphace), Database (MySQL), Personal Database

Management (PHPMyAdmin), dan Perl. Karena XAMPP bersifat open source,

maka dapat digunakan pada sistem operasi Linux dan Windows. Karena Xampp

adalah aplikasi open source, kode sumbernya terbuka dan mudah untuk

dikembangkan dan disesuaikan sesuai kebutuhan.” (I Putu, 2019). Berikut

adalah contoh untuk xampp:

Gambar 2.3 Tampilan XAMPP

Sumber : Google
 19

2.6 MySQL

MySQL adalah mesin database atau database server yang

mendukung bahasa database pencarian SQL. MySQL adalah perangkat lunak

sistem manajemen basis data SQL atau DBMS multi-utas, multi-pengguna.

Dibuat oleh MySQL AB, MySQL tersedia sebagai perangkat lunak gratis di

bawah GNUGeneral Public License (GPL), tetapi juga akan dijual di bawah

lisensi komersial jika tidak kompatibel dengan penggunaan GPL. (Ratnasari,

2018). MySQL memiliki beberapa kelebihan yaitu:

1. MySQL bisa berjalan menggunakan stabil pada aneka macam sistem

operasidiantaranya Windows, Linux, FreeBSD, Mac Os X Server, Solaris.

2. OpenSource MySQL didistribusikan sebagai open source di bawah

lisensiGPL dan oleh karena itu bebas untuk digunakan.

3. Dapat digunakan banyak user.

4. MySQL memiliki kecepatan luar biasa dalam memproses kueri sederhana,

yang berarti dapat memproses lebih banyak SQL per unit waktu.

5. MySQL memiliki tipe kolom yang sangat kompleks seperti integer yang

ditandatangani/tidak ditandatangani, floating point, double, karakter, teks,

tanggal, timestamp dan lain-lain.

6. MySQL memiliki operator dan fungsi secara penuh yang mendukung

perintah Select dan Where dalam perintah query.

7. Keamanan MySQL memiliki beberapa lapisan keamanan seperti tingkat

subnet mask, nama host, dan izin akses pengguna dengan sistem izin

granular dan kata sandi terenkripsi.

 20

8. Skalabilitas dan Keterbatasan MySQL mampu menangani database besar dengan

lebih dari 50 juta record dan 60.000 tabel dan 5 miliar baris, ditambahbatas indeks

yang dapat ditampung hingga 32 indeks untuk setiap tabel.

9. Dapat terhubung ke klien menggunakan protokol TCP/IP, Unix Sockets

(UNIX), atau Named Pipes (NP).

10. MySQL dapat mengenali pesan kesalahan dari klien menggunakan lebih

daridua puluh bahasa.

11. MySQL memiliki antar muka (interface) dengan berbagai aplikasi dan

bahasa pemrograman menggunakan fungsi API (Application Programming

Interface).

12. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani

ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL

ataupun Oracle. Berikut adalah logo dari MySQL:

Gambar 2.4 Logo MySQL

Sumber : Google
 21

2.7 Sublime Text

Sublime Text merupakan aplikasi pengeditan untuk memodifikasi

program untuk merancang web atau aplikasi. Kegunaan aplikasi ini dapat

dikembangkan menggunakan sublime packages (Geovanne Farrel, 2018).

Dari sini, kita dapat menyimpulkan bahwa Sublime Text adalah editor teks

tingkat lanjut yang cocok untuk pengkodean dan sebagainya. Sublime Text

mendukung berbagai bahasa pemrograman yang dapat memberikan kemampuan

syntax highlighting. PHP, HTML, CSS, C++, Ruby, dan lain sebagainya.

Gambar 2.5 Tampilan Sublime Text

Sumber: Google
 BAB III

METODE PENELITIAN

3.1 Metode Penelitian

Analisis sistem dilakukan untuk mendapatkan informasi penelitian

terhadap sistem yang berjalan dan menentukan bagaimana sistem yang

diusulkan agar menjawab permasalahan yang terjadi pada sistem yang

berjalan. Berikut adalah langkahnya:

Pengumpulan Data

Analisis Data

Perancangan Sistem

Pengujian

Implementasi
Gambar 3.1 Tahapan Penelitian

Berikut adalah penjelasan dari tahapan penelitian yang akan dilakukan adalah

sebagai berikut :

1. Pengumpulan Data

Pada tahapan pengumpulan data berguna untuk memperoleh informasi

yangdibutuhkan dalam penelitian yang akan dilakukan.

22
 23

2. Analisa Data

Analisis data adalah suatu kegiatan mengubah hasil penelitian menjadi

informasi yang digunakan untuk mengambil kesimpulan dalam penelitian.

3. Perancangan Sistem

Perancangan sistem adalah sebuah kegiatan merancang dan menentukan

cara mengolah sistem informasi dari hasil analisa sistem sehingga dapat

mememuhi kebutuhan dari pengguna. Penulis merancang sebuah sistem

yang merupakan aplikasi yang digunakan untuk memudahkan pekerjaan

dalam proses pendaftaran calon siswa baru pada Taman Kanak-Kanak

AT-Thoriq

bahasa pemrograman dan database mysql.

4. Pengujian Sistem

Pengujian sistem yaitu proses yang dilakukan untuk menilai apakah sistem

yang dibuat telah sesuai dengan apa yang dharapkan, merupakan suatu

kegiatan guna mengevaluasi keunggulan dan kelemahan terhadap sistem.

Setelah sistem dibangun berdasarkan apa yang dirancang oleh penulis,

maka penulis melakukan uji coba untuk mengevaluasi keunggulan dan

kelemahan dari sistem yang telah dibangun.

5. Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan

desain yang ada dalam dokumen yaitu desain sistem yang disetujui dan

menguji, menginstal, memulai, serta menggunakan sistem sistem yang

 24

baru.

siswa baru pada Taman Kanak-Kanak AT-Thoriq masih manual, sehingga

dilakukan proses implementasi sistem guna untuk menerapkan sistem

yangtelah dibangun.

3.2 Metode Pengumpulan Data

Pengumpulan data adalah pencarian informasi terhadap susuatu kerena ada

perhatian dan keinginan terhadap hasil suatu kegiatan. Metode pengumpulan

data dalam penelitian ini dibagi menjadi 3 yaitu sebagai berikut :

1. Pengamatan (Observasi)

Pengamatan atau observasi yaitu dengan melakukan peninjauan langsung ke

Taman Kanak-Kanak AT-Thoriq terhadap pelaksanaan kegiatan pada objek

penelitian yang menjadi data untuk bahan laporan.

2. Wawancara

Metode ini dilakukan untuk memperoleh informasi atau data yang dibutuhkan

dengan cara melakukan wawancara langsung dengan panitia penerimaan

siswa baru dan pihak lainnya yang terlibat pada proses penerimaan calon

siswa baru di Taman Kanak-Kanak AT-Thoriq.

3. Penelitian Kepustakaan (Library Research)

Yaitu mencari informasi atau referensi dari jurnal berkaitan dengan judul

penelitian agar dapat digunakan sebagai referensi dan bahan penunjangtugas

akhir ini.
 25

3.3 Analisa Sistem Yang Sedang Berjalan

TK AT-Thoriq masih melakukan proses pendaftaran siswa baru dengan

cara manual yaitu pendaftar datang ke sekolah dan megisi beberapa form yang

disediakan oleh pihak sekolah. Setelah mengisi form tersebut panitia akan

melakukan pengecekan terhadap berkas atau persyaratan yang telah ditentukan.

Pada proses ini bisa saja terjadi masalah yaitu cukup memakan waktu,

belum lagi pendaftar yang banyak di hari akhr pendaftaran, dan masalah lainnya

adalah bisa saja terjadi kehilangan atau tercecernya berkas pendaftaran sehingga

berpengaruh terhadap kelulusan calon siswa tersebut.

Pada masa pandemi covid-19 lalu siswa diwajibkannya untuk mengurangi

kegiatan berkumpul di luar. Dengan adanya sistem pendaftaran berbasis web ini

memudahkan panitia dan pendaftar untuk bisa melakukan pendaftaran dari

rumah tanpa harus datang langsung ke TK AT- Thoriq

3.4 Perancangan Sistem

3.4.1 Use Case Diagram

Use case diagram menggambarkan relasi antar aktor dengan use case

dalam sistem yang berfungsi untuk menentukan bagaimana aktor berinteraksi

dalam sebuah sistem. Use case mendeskripsikan interaksi antar aktor terhadap

sistem dan untuk mengetahui apa saja yang dapat di akses oleh aktor dalam

sistem. Use case juga dapat digunakan untuk menyusun requirement sebuah

sistem dan merancang fitur yang terdapat dalam sistem. Berikut adalah use
 26

diagram yang diusulkan:

Gambar 3.2 Use Case Diagram Pendaftaran Siswa Baru TK AT- Thoriq
Berbasis Web

Berikut adalah skenario use case pada pendaftaran siswa baru TK AT-
Thoriq

Tabel 3.1 Skenario Use Case Admin

Aktor Admin

Verifikasi data, cetak laporan dan membuat berita atau

Tujuan
informasi pengumuman.

Admin melakukan verifikasi data pendaftar, mengecek

apakah data yang diinputkan ke sistem sudah sesuai dan
memastikan tidak ada kesalahan input seperti tgl lahir, KK
Gambaran
dan data lainnya serta mencetak laporan siswa yang
mendaftar untuk direkap. Setelah itu membuat berita atau
informasi atau pengumuman di website.
 27

Tabel 3.1 Skenario Use Case Admin (Lanjutan)

Aksi Aktor Respon
Sistem

1. Login sistem.
2.Sistem menampilkan
halaman utama.
3. Admin memverifikasi berkas dan kalau tidak sesuai
maka admin akan memberikan keterangan terhadap
data yang tidak sesuai. Mencetak laporan
dan membuat informasi atau berita.

4.Sistem menyimpan
data.

Tabel 3.2 Skenario Use Case Calon Siswa Baru

Aktor Calon Siswa Baru
Tujuan Input Data dan Cetak Bukti
Pendaftaran TK AT-Thoriq
Orang Tua/Wali Calon siswa
Gambaran baru TK AT-Thoriq menginput
data seperti nama, jenis
kelamin, tgl dan tempat lahir,
sekolah asal, nama ayah dan ibu
kandung, pekerjaan orang tua,
alamat dan cetak bukti
pendaftaran.
Aksi Respon Sistem
Aktor
 28

1. Login sistem.
2. Sistem menampilkan halaman
utama.
3. Orang Tua/Wali Calon siswa baru
menginput data nama, jenis kelamin, tgl
dan tempat lahir, sekolahasal, nama ayah
dan ibu kandung, pekerjaan orang tua,
alamat dan cetak buktipendaftaran.

4. Sistem menyimpan data dan

menampilkan informasi pada
halaman utama.
3.4.2 Activity Diagram Admin

Activity Diagram menggambarkan workflow (aliran kerja) atau aktivitas

dari sebuah sistem atau proses bisnis. yang perlu diperhatikan adalah diagram

aktifitas menggambarkan aktifitas sistem bukan apa yang dilakukan aktor, jadi

aktifitas yang dapat dilakukan oleh sistem. Berikut adalah rancangan dari

activity diagramnya:

1. Activity Diagram Admin

Gambar 3.3 Activity Diagram Admin

2. Activity Diagram Calon Siswa Baru TK AT-Thoriq

 29

Gambar 3.4 Activity Diagram Calon Siswa Baru TK AT-Thoriq

3.4.3 Class Diagram

Class diagram menggambarkan struktur sistem dari segi pendefinisian

kelas- kelas yang akan dibuat untuk membangun sistem. Class diagram memberi

gambaran tentang relasi-relasi yang terdapat pada sebuah sistem.

Berikut adalah penggambaran class diagram yang diusulkan untuk sistem

pendaftaran siswa baru pada TK AT- Thoriq berbasis web.

 30

Gambar 3.5 Class Diagram

3.4.4 Rancangan Database

Perancangan database merupakan proses dalam menentukan struktur data

yang dibutuhkan untuk merancangan sistem. tujuan perancangan database

adalah sebagai tempat untuk menyimpan data yang dimana data tersebut akan di

pakai dan digunakan nantinya. Berikut adalah rancangan database pada sistem

pendaftaran siswa baru pada TK AT- Thoriq.

 31

3. Tabel User
Tabel 3.3 Rancangan Tabel User
No. Nama Field Tipe Data Keterangan
1 IDusers int(11) ID User
2 NamaUser varchar(50) Nama Pengguna
3 Email varchar(100) Email
4 Password varchar(50) Kata Sandi
5 level int(11) Level Akses
6 token varchar(50) Token
7 tanggal Date Tanggal

4. Tabel Siswa
Tabel 3.4 Rancangan Tabel Siswa
No. Nama Field Tipe Data Keterangan
1 ID int(11) ID
2 Idsiswa varchar(100) ID Siswa
3 Nis int(11) Nomor Induk Siswa
4 NamaSiswa varchar(100) Nama Siswa
5 Jk int(11) Jenis Kelamin
6 TempatLahir varchar(100) Tempat Lahir
7 TanggalLahir Date Tanggal Lahir

8 Ayah varchar(100) Nama Ayah Kandung

9 TempatLahir Ayah varchar(100) Tempat Lahir Ayah

10 Tanggal LahirAyah Date Tanggal Lahir Ayah

11 PekerjaanAyah varchar(200) Pekerjaan Ayah

12 Alamat Ayah varchar(200) Alamat Ayah
13 Ibu varchar(100) Nama Ibu Kandung
14 Tempat Lahir Ibu varchar(100) Tempat Lahir Ibu
 32

15 Tanggal Lahir Ibu Date Tanggal Lahir Ibu

16 Pekerjaan Ibu varchar(200) Pekerjaan Ibu
17 Alamat Ibu varchar(200) Alamat Ibu
18 Token varchar(100) Token
19 Status Siswa int(11) Status Siswa
21 Keterangan Siswa varchar(200) Keterangan

5. Tabel Berkas
Tabel 3.5 Rancangan Tabel Berkas

No. Nama Field Tipe Data Keterangan

1 IDberkas int(11) ID Berkas
2 Idsiswa int(11) ID Siswa
3 NamaBerkas varchar(100) Nama Berkas
4 IDjenis int(11) Kode Berkas
5 Sampul int(11) Sampul
6 Keterangan varchar(200) Keterangan
7 Tanggal Date Tanggal
8 Token varchar(200) Token

6. Tabel Jenis

Tabel 3.6 Rancangan Tabel Jenis

No. Nama Field Tipe Data Keterangan
1 Idjenis int(11) ID Jenis Berkas
2 NamaBerkas varchar(50) Nama Berkas

7. Tabel Kategori
 33

Tabel 3.7 Rancangan Tabel Kategori

No. Nama Field Tipe Data Keterangan
1 Idkategori int(11) ID Jenis Berkas
2 NamaBerkas varchar(50) Nama Berkas

8. Tabel Berita

Tabel 3.8 Rancangan Tabel Berita

No. Nama Field Tipe Data Keterangan
1 Idberita int(11) ID Berita
2 Judul varchar(255) Judul Berita
3 Idkategori Int(11) ID Kategori
4 Isi Text Isi Berita
5 Tanggal Date Tanggal Posting
6 Sampul varchar(100) Sampul Berita
7 User varchar(100) User Posting

3.4.5 Rancangan User Interface

Rancangan user interface merupakan tampilan yang akan digunakan pada

sistem yang akan dipakai nantinya. Berikut adalah rancangan user interface dari

sistem pendaftaran siswa baru pada TK AT- Thoriq.

9. Rancangan Halaman Beranda TK AT-Thoriq

Halaman beranda bertujuan untuk halaman utama pada suatu website

sehingga dari halaman utama ini dapat mengakses halaman lainnya seperti

halaman login dan halaman registrasi. Serta pada halaman ini juga dapat

menampilkan beberapa informasi berupa pengumuman dan informasi

penting lainnya pada TK AT-Thoriq. Berikut adalah rancangannya.

 34

Gambar 3.6 Rancangan Halaman Beranda

10. Rancangan Form Login

Form login berfungsi untuk membatasi hak akses pengguna sistem dimana

terdapat dua jenis tingkatan user yang menggunakan sistem yaitu

administrator dan calon siswa baru TK AT-Thoriq. Berikut adalah

rancanganform login nya.

Gambar 3.7 Rancangan Form Login

11. Rancangan Halaman Utama Admin

 35

Halaman utama admin digunakan oleh admin untuk mengelola data user

dandata pendaftar. Berikut adalah rancangannya :

Gambar 3.8 Rancangan Halaman Utama Admin

12. Rancangan Halaman User

Halaman user digunakan oleh admin untuk menambah dan menghapus user

yang sudah ada. Berikut adalah rancangannya:

Gambar 3.9 Rancangan Halaman User

13. Rancangan Halaman Kategori

 36

Halaman kategori digunakan oleh admin untuk menambahkan kategori

padapostingan di website. Berikut adalah tampilan rancangannya:

Gambar 3.10 Rancangan Halaman Kategori

14. Rancangan Halaman Tambah Berita

Halaman tambah berita digunakan oleh admin untuk memposting

informasi yang terkait tentang pendaftaran TK AT-Thoriq di website.

Berikut ini adalah tampilan rancangannya:

Gambar 3.11 Rancangan Halaman Tambah Berita

15. Perancangan Halaman Data Calon Siswa Baru TK AT- Thoriq

 37

Pada halaman ini digunakan oleh admin untuk melakukan pengecekan

berkas data calon siswa dan mengupdate status berkas menjadi : diterima,

ditolakdandiproses. Berikut adalah tampilan perancangannya :

Gambar 3.12 Rancangan Halaman Data Calon Siswa Baru

16. Rancangan Halaman Laporan Siswa Mendaftar

Halaman ini digunakan oleh admin untuk melihat semua data pendaftar dari

tanggal yang ditentukan dan laporan tersebut bisa langsung di cetak untuk arsip.

Berikut iniadalah tampilan rancangannya:

Gambar 3.13 Rancangan Halaman Laporan Mendaftar

17. Rancangan Halaman Laporan Siswa Di Terima

 38

Halaman ini digunakan oleh admin untuk melihat semua data pendaftar

yang lulus administrasi atau diterima berdasarkan tanggal yang dipilih

serta laporan tersebut bisa langsung di cetak untuk arsip. Berikut ini adalah

tampilanrancangannya :

Gambar 3.14 Rancangan Halaman Laporan Siswa TK AT-Thoriq Di Terima

18. Rancangan Halaman Laporan Siswa TK AT-Thoriq Di Tolak

Halaman ini digunakan oleh admin untuk melihat semua data pendaftar

yang lulus administrasi atau diterima berdasarkan tanggal yang dipilih serta

laporan tersebut bisa langsung di cetak untuk arsip. Berikut ini adalah

tampilan rancangannya :
 39

Gambar 3.15 Rancangan Halaman Laporan Siswa Di Tolak

19. Rancangan Form Pendaftaran TK AT-Thoriq

Form pendaftaran digunakan oleh calon siswa baru TK AT-Thoriq untuk

membuat melakukanproses registrasi sebagai calon siswa baru pada TK

AT- Thoriq sehingga dia dapatmasuk ke sistem dan melengkapi proses

pendaftaran. Berikut adalah rancangantampilannya.

Gambar 3.16 Rancangan Form Pendaftaran

20. Rancangan Halaman Utama Siswa Baru

Rancangan halaman ini merupakann halaman utama dengan level login

sebagai calon siswa baru pada TK AT- Thoriq. Adapun tampilannya yaitu

sebagai berikut:
 40

Gambar 3.17 Rancangan Halaman Utama Siswa Baru

21. Rancangan Halaman Profile

Halaman ini digunakan oleh Wakil siswa baru TK AT-Thoriq untuk

melihat mengenai informasi mereka ketika proses mendaftar yaitu dapat

melihat data diri data orang tua dan kelengkapan berkas. Berikut adalah

rancangannya :

Gambar 3.18 Rancangan Halaman Utama Siswa Baru

22. Rancangan Halaman Formulir Pendaftaran

Halaman ini digunakan oleh Wali siswa baru TK AT- T horiq untuk

melengkapi biodata sebagaisyarat pendaftaran. Berikut adalah tampilan

dari perancangannya:
 41

Gambar 3.19 Rancangan Halaman Formulir Pendaftaran

23. Rancangan Halaman Upload Berkas

Halaman ini digunakan oleh siswa baru TK AT-Thoriq untuk

mengupload berkas ke sistem.Berikut tamplian perancangannya :

Gambar 3.20 Rancangan Halaman Upload Berkas

 BAB IV

HASIL DAN PEMBAHASAN

4.1 Kebutuhan Sistem

Untuk dapat menjalankan dan menggunakan aplikasi sistem informasi

pendaftaran diperlukan perangkat keras atau hardware berupa komputer atau

laptop. Adapun hardware ataupun perangkat keras dengan spesifikasi

minimum untuk kebutuhan sistem yang diperlukan untuk adalah sebagai

berikut :

1. Komputer atau laptop dengan processor 2.50 GHz

2. RAM minimal 2 Gb

3. Hardisk minimal 320 Gb

Selain hardware sistem juga membutuhkan software pendukung yaitu

software webbrowser seperti mozilla firefox, google chrome, microsoft edge,

opera atau softwareweb browser lainnya.

4.2 Analisa Alur Sistem

Analisis sistem yang berjalan bertujuan untuk mengetahui bagaimana

proses pendaftaran di TK AT-THORIQ dan untuk mengetahui masalah yang

timbul serta kelemahan-kelemahan sistem yang berjalan sekarang ini. Analisis

sistem ini berjalan menguraikan secara sistematis aktivitas-aktivitas yang

terjadi dalam sistem pendaftaran.

Sistem informasi yang ada pada TK AT-THORIQ masih

42
 43

menggunakan proses manual, mulai dari proses pendaftaran hingga proses

pembayaran sehingga sering keliru dalam pengolahan data siswa-siswinya.

Sehingga membutuhkan waktu yang lama sebab semua berkas harus diberikan

secara langsung kepada pihak TamanKanak-Kanak tersebut.

Oleh karena itu, perlu dirancang suatu sistem pendaftaran secara

online dengan menggunakan media web atau internet dengan tujuan untuk

mengefisienkan waktu saat proses pendaftaran dan agar memudahkan para

guru dalam penginputan data sehingga bisa mengatasi jika terjadi masalah.

Dalam proses pendaftaran ini masih menggunakan sistem manual.

Para calon siswa baru datang ke sekolah lalu diberikan formulir pendaftaran

kemudian panitia pendaftaran siswa baru menyiapkan formulir pendaftaran

setelah itu memberikan nya kepada calon siswa baru.

Setelah mendapatkan formulir pendaftaran siswa mengisi formulir

tersebut dan menyiapkan berkas persyaratan. Kemudian siswa baru

memberikan berkas dan formulir tersebut kepada panitia pendaftaran dan

melaukan pembayaran biaya pendaftaran. Panitia pendaftaran akan membuat

laporan setelah itu kepala sekolah menerima laporan dari panitia.

 44

Gambar 4. 1 Alur Sistem Yang Berjalan

4.2 Perancangan Sistem

Perancangan sistem merupakan tahap lanjutan dari analisis sistem

yang sedang berjalan, dimana pada perancangan sistem diperlukan sebagai

acuan untuk memperbaharui atau meningkatkan kinerja suatu sistem

informasi. Pada tahapan ini yaitu untuk memberikan gambaran mengenai

sistem pendaftaran yang akan diusulkan. Perubahan sistem yang dilakukan

pada proses pengolahan data pendaftaran calon siswa baru yaitu akan

dilakukan secara online menggunakan layanan web server. Tujuan

penggunaan web server agar sistem pendaftaran sekolah tersebut dapat

 45

diakses secara luas.

Gambar 4.2 Web Server

Web server adalah perangkat lunak (software) di dalam server yang

berfungsi sebagai media untuk menerima permintaan (request) berupa

halaman web dalam protokol HTTP atau HTTPS dari sebuah klien, yang

dalam konteks ini adalah browser, seperti Google Chrome, Mozilla Firefox,

Safari, dan sebagainya. Berikut adalah cara kerja dari web server :

1. User memasukkan permintaan lewat browser.

2. Browser mendapat alamat IP domain dan mencarinya ke DNS server.

3. Browser meminta data yang dibutuhkan melalui HTTP/HTTPS.

4. Web server mencari data yang diminta browser dalam hosting.

5. Browser kemudian terhubung ke web server dan mengirimkan request

file web yang diminta melalui HTTP.

6. Web server menerima request dan meresponnya dengan mengirimkan file

web yang diminta melalui protokol HTTP. Namun jika data tidak

ditemukan, web server akan mengirimkan halaman error 404.

7. Browser menampilkan informasi kepada user.

 46

Gambar 4.3 Cara Kerja Web Server

4.3 Perancangan Domain dan Hosting

Perancangan domain dan hosting diperlukan untuk dapat membuat

aplikasi pendaftaran sekolah secara online dan dapat diakses oleh publik.

Berikut gambaran mengenai domain dan hosting.

Domain Internet Hosting

Gambar 4.4 Domain dan Hosting

Keterangan :

a. Domain adalah alamat yang berfungsi mengantarkan pengunjung ke

website yang dituju.

b. Internet adalah jembatan yang digunakan pengunjung untuk dapat

mengakses halaman website.

c. Hosting adalah server tempat di mana semua file website yang disimpan

serta dapat diakses dan dikelola melalui internet. Mulai dari file gambar,

video, script, dll.

 47

4.4 Kelola Domain

1. Registrasi adalah Melakukan registrasi dengan mengisi form nama lengkap,

nomor whatsapp, email, password, dan confirm password, setelah itu klik

register.

Gambar 4.5 Registrasi

2. Aktivasi akun adalah Dengan memasukan kode yang dikirim melalui nomor

whatsapp.

Gambar 4.6 Aktivasi Akun

 48

3. Tambah domain dengan cara Klik menu domain pilih subdomain, selanjutnya ketikan

nama domain seperti berikut, yaitu ppdbtkatthoriq.skom.id, selanjutnya tekan tombol

chek dan buat subdomain.

Gambar 4.7 Domain

4.5 Kelola Hosting

1. Upgrade akun dengan cara Setelah menambahkan domain selesai selanjutnya

adalah menejemen hosting yaitu dengan mengupgrade akun. Pilih menu upgrade

akun kemudian pilih paket unlimited dan tekan order.

 49

Gambar 4.8 Upgrade Akun

2. Bayar tagihan merupakan pembayaran tagihan sesuai dengan media

pembayaran yang disediakan.

Gambar 4.9 Pembayaran Tagihan

 50

3. Cek hasil dengan cara Jika tahap uprade aku telah selesai maka untuk dapat

melihat detail layanan yang sudah didapatkan adalah dengan menekan menu

layanan anda dan klik hosting seperti gambar berikut.

Gambar 4.10 Hosting

4. Upload file dengan cara Masuk ke dalam folder public_html kemudian upload

file berkas aplikasinyayang hasilnya seperti berikut

Gambar 4.12 Form Upload File

 51

5. Membuat Database, Setelah masuk ke dalam halaman phpMyAdmin

langkah selanjutnya 1. adalah mengimport file database. Hasil setelah

melakukan import file database. Masuk ke menu file manajerdan pilih

folder public_html kemudian pilih folder config.

Gambar 4.13 File Manager

4.6 Implementasi Sistem

Implementasi sistem merupakan tahapan dimana sistem yang

dirancang sudah dapat digunakan dan apakah sudah berjalan dengan baik

dalam pendaftaran siswa baru pada TK AT- Thoriq. Berikut adalah

tampilan implementasi nya :

1. Tampilan Form Login

Form login digunakan untuk masuk ke sistem informasi pendaftaran

penerimaan siswa baru TK AT- Thoriq yang mana form ini digunakan

oleh admin dan orang tua / wakil siswa baru. Berikut adalah tampilan
 52

implementasinya:

Gambar 4.14 Tampilan Implementasi Form Login siswa baru TK AT- Thoriq

2. Tampilan Halaman Pendaftaran

Halaman pendaftaran digunakan oleh orang tua / wakil siswa baru TK

AT- Thoriq untuk melakukan pendaftaran atau registrasi sebelum

orang tua / wakil siswa baru TK AT- Thoriq tersebut melengkapi

berkas atau informasi pendaftaran. Berikut tampilan implementasi

nya:

Gambar 4.15 Tampilan Implementasi Form Pendaftaran siswa baru TK AT-

Thoriq
 53

3. Tampilan Halaman Utama Admin

Halaman utama ini digunakan oleh admin untuk mengakses menu-

menu lainnya seperti : user, kategori, berita, data siswa, data siswa

dan laporan. Berikut ini adalah hasil dari tampilan implementasinya.

Gambar 4.16 Tampilan Implementasi Halaman Utama Admin TK AT- Thoriq

4. Tampilan Halaman User

Pada halaman ini digunakan oleh admin untuk menambahkan user yang

menggunakan atau yang mengelola sistem ini. Berikut adalah tampilannya.

Gambar 4.17 Tampilan Implementasi Halaman User TK AT- Thoriq

 54

5. Tampilan Halaman Data Siswa Baru

Pada halaman ini memungkin admin melihat biodata atau status siswa

apakah siswa yang mendaftar telah melengkapi berkas-berkas

pendaftaran. Berikut adalah tampilan implementasinya.

Gambar 4.18 Tampilan Implementasi Admin Melihat Data Siswa Baru TK AT-Thoriq

6. Tampilan Halaman Data Orang Tua Siswa Baru

Pada halaman ini memungkin admin melihat biodata orang tua siswa

apakah siswa yang mendaftar telah melengkapi biodata orang tua siswa

baru. Berikut adalah tampilan implementasinya.

Gambar 4.19 Tampilan Implementasi Data Siswa Baru TK AT- Thoriq

 55

7. Tampilan Cetak Kartu

Pada halaman ini digunakan oleh admin untuk dapat mengakses bukti

pendaftaran penerimaan siswa baru secara sah. Ini adalah hasil dari

tampilannya

Gambar 4.20 Tampilan Cetak Kartu Peserta Siswa Baru TK AT- Thoriq

8. Tampilan Logout Peserta

Halaman ini digunakan oleh pengguna untuk logout atau keluar dari website

pendaftaran siswa baru secara online Berikut tampilannya.

Gambar 4.21 Tampilan Logout Peserta

 56

9. Tampilan Halaman Utama Untuk Siswa Baru

Halaman ini adalah halaman awal atau halaman utama yang digunakan oleh

siswa baru setelah melakukan pendaftaran pada halaman pendaftaran. Berikut

tampilannya.

Gambar 4.22 Tampilan Implementasi Halaman Utama Siswa

10. Halaman Profile

Pada halaman ini siswa baru dapat mengisi biodata atau informasi

tentang diri nya. Apabila sudah melengkapi formulir pada proses

pendaftaran. Dan pada halaman ini juga digunakan oleh siswa untuk

melihat berkas pendaftaran apasaja yang sudah di upload ke sistem.

Berikut adalah hasil dari rancangannya.

 57

Gambar 4.23 Tampilan Implementasi Halaman Profile

11. Tampilan Formulir pendaftaran

Pada halaman ini di isi oleh calon siswa baru untuk melengkapi proses

pendaftaran. Berikut tampilan implementasinya.

Gambar 4.24 Tampilan Implementasi Halaman Formulir Pendaftaran

 58

11. Halaman Upload Berkas

Halaman ini digunakan oleh siswa untuk mengupload berkas

pendukung lainnya seperti ijzah terakhir, kartu keluarga dan berkas

lainnya. Berikut adalah tampilannya.

Gambar 4.25 Tampilan Implementasi Halaman Upload Berkas

 BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Pada penelitian yang telah dilakukan pada TK AT- Thoriq maka penulis dapat

menarik kesimpulan adalah sebagai berikut:

1. Sistem dapat membantu pihak TK AT- Thoriq dalam proses

pendaftaransiswa barusecara cepat tanpa harus datang ke sekolah.

2. Sistem dapat membantu pihak TK AT- Thoriq untuk

melihat jumlah siswa yangmendaftar dan mempermudah dalam

merekap data pendaftar.

5.2 Saran

Adapun bentuk saran yang dapat penulis berikan pada penelitan

yang dilakukan pada TK AT- Thoriq adalah:

1. Sebaiknya sistem ini digabungkan ke sistem informasi TK AT- Thoriq

supaya data siswa baru terintegrasi ke sistem yang sudah ada sehingga

memudahkan dalam pembagian kelas, pemberian kehadiran dan nilai

siswa.

2. Sebaiknya aplikasi ini di kembangkan lagi untuk versi android sehingga

dapat di unduh atau download di playstore dan di pakai untuk proses

pendaftaran pada tahun yang akan datang.

59
 DAFTAR PUSTAKA

Anggun, A., Marisa, F., & Wijaya, I. D. (2020). Sistem Penunjang

Keputusan Pembelian Smartphone Dengan Menggunakan Metode

Fuzzy Tsukamoto. JOINTECS (Journal of Information Technology

and Computer Science),

Asmara, R., & Saputra, D. (2019). Jurnal J – Click Jurnal J – Click. J-Click,

6(2), 201–207.

Iqbal Habiby, A. (2020). Sistem Informasi Sekolah Berbasis Web (Studi

Kasus : TK Kusuma Putra Kota Mojokerto). Jurnal Manajemen

Informatika, 7(2), 94– 100.

Kasus, S., & Teknik, F. (2018). Jurnal Teknologi Informasi dan

Pendidikan.11(2).

Ratnasari, E. (2018). Pengertian Dan Fungsi Xampp. Ilmuti.Org.

Rustamin, Z., & Dewi, A. P. (2020). Sistem Pengarsipan Surat Masuk Dan

Surat Keluar Pada Kantor Sekretariat DPRD Provinsi Sulawesi

Tenggara Menggunakan Borland Delphi 7. Sistem Informasi Dan

Teknik Komputer, 1(2), 165–172.

Sutejo, S. (2020). Pemodelan UML Sistem Informasi Geografis Pasar

Tradisional Kota Pekanbaru. Digital Zone: Jurnal Teknologi

Informasi Dan Komunikasi,7(2), 89–99.

Wicaksono, A. A., Riza, T. A., & Putri, H. (2020). Perancangan Dan

Implementasi Sarana Informasi Sman 3 Madiun Berbasis Framework

60
 61

Codeigniter. Jurnal Elektro Dan Telekomunikasi Terapan, 3(1), 269–

277.

Zain, A. S., & Purniawati, R. (2020). Sistem Pendukung Keputusan Penerimaan

Siswa Baru dengan Metode Simple Additive Weighting. Sains, Aplikasi,

Komputasi Dan Teknologi Informasi