Perancangan Pendaftaran Online pada Sekolah Menengah Atas (SMA) Berbasis Web Chapter III V

BAB 3

ANALISIS DAN PERANCANGAN SISTEM

Analisis merupakan penguraian system informasi yang sedang berjalan secara
utuh

kedalam

bagian-bagian

komponennya

dengan

maksud

untuk

mengidentifikasi dan mengevaluasi pemasalahan-permasalahan dan hambatan
yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga di usulkan

kebaikan-kebaikannya. Analisis system yang berjalan pada Sekolah Menengah
Atas (SMA)

meliputi identifikasi permasalahan serta memberi perbaikan-

perbaikan. Berikut adalah beberapa tahapan analisis perancangan system.

1.

Permasalahan : pada system lama, sekolah hanya melakukan proses

pendaftaran secara manual melalui kertas, yang dicatat ke buku besar yang dan
menyimpannya di dalam satu ruangan yang bercampur dengan berkas-berkas lain
sehingga dapat memperlambat proses pencarian data apabila di perlukan sewaktuwaktu.

2.

Evaluasi : merupakan perbandingan system lama dengan system yang

baru.hasil dari evaluasi ini membuktikan bahwa ternyata system yang baru dapat

mempermudah proses pendaftaran siswa yang bersifat komputerisasi yang lebih
efisien.

3.1 Perancangan Sistem

Perancangan system adalah supaya suatu organisasi atau lembaga untuk memulai
memeiliki suatu system yang lebih baik lagi dari system yang sebelumnya.
Perancangan system dilakukan setelah mendapat gambaran dengan jelas apa yang
harus dikerjakan.

Universitas Sumatera Utara

20

Tujuan dari perancangan system adalah untuk memenuhi kebutuhan user
(pemakai) mengenai gambaran yang jelas tentang perancangan system yang akan
dibuat serta di implementasikan.

3.2 Data Flow Diagram (DFD)

Data flow diagram adalah suatu gambaran grafis dalam suatu system yang dapat
menggambarkan arus data di dalam system dengan struktur, jelas, dan
menggunakan bentuk-bentuk symbol untuk menggambarkan bagaimana data
mengalir melalui suatu proses yang saling berkaitan. Gambaran ini tidak
tergantung perangkat keras, lunak, struktur data atau organisasi.

Adapun data flow diagram yang diajukan penulis ajukan yaitu:

1. Diagram Konteks

Pencarian Informasi
pendaftaran
CALON
SISWA

Memberi Informasi
SISTEM
INFORMASI

tentang sekolah

ADMINSTRATOR

PENDAFTAR
AN ONLINE

Informasi Tentang

Data Calon

Pendaftaran

Siswa
Data siswa yang
Diterima
KEPALA
SEKOLAH

Gambar 3.1. Diagram Konteks Sistem Informasi

Universitas Sumatera Utara

21

2. Entity Relationship Diagram ( ERD )

Gambar 3.2 Entity Relationship Diagram ( ERD )

Universitas Sumatera Utara

22

3.3 Bagan Alur Flowchart

Start

Menu utama

No
Yes
Home

Hal.utama
No

Yes

Daftar

Hal.daftar

A

No

Yes

Pendaftar

Hal.pendaftar

No
Yes
Login

Hal.Login

B

No
Admin

Yes

Hal.Admin

C

Finish

Universitas Sumatera Utara

23

3.3.1 Flowchart Halaman Admin

Flowchart ini bagan dari halaman web administrator, untuk masuk ke halaman ini
admin harus login terlebih dahulu. Jika username dan password yang dimasukan
benar maka akan muncul kehalaman admin, dan jika salah maka system akan
memberitahu bahwa kombinasi antara username dan password salah dan meminta
password kembali.

C

INPUT
Username/Password

NO
Login

Konfirmasi

Username/Password
Salah

YES
Proses Edit / Hapus

Finish

Universitas Sumatera Utara

24

3.3.2 Flowchart Halaman User

Flowchart ini menjelaskan tentang jalannya proses pendaftaran yang akan
dilakukan oleh calon siswa baru. Calon siswa melakukan proses daftar atau
registrasi terlebih dahulu agar memiliki akun, akun ini yaitu username dan
password. Setelah melakukan regitrasi barulah calon siswa baru dapat mengakses
halaman user sebelum melakukan pendaftaran. Jika data telah selesai di input,
maka proses selesai dan jika salah maka system akan memberitahu bahwa data

belum di isi dengan lengkap.

1. Flowchart Daftar

A

Hal.daftar

No
Input data

Data Belum Lengkap

Yes
Simpan

Yes
Finish

Universitas Sumatera Utara

25

2. Flowchart Melengakapi Biodata

B

Hal.Login

Yes
Lengkapi

Akun

Input data

biodata

No

Nilai raport

Yes

Input data

Finish

Universitas Sumatera Utara

26

3.4 Perancanggan Database

Pada perancangan basis data (databases) ini adalah databases apa yang akan
digunakan dan table apa-apa aja yang dibuat di dalam databases yang akan
digunakan dalam pembangunan website ini.
Adapun table-table yang akan digunakan di dalam databases “db_ppdb”
ini adalah antara lain : Tabel biodata, table admin, tabel admin_siswa, tabel
kontak, tabel info, tabel ipa, tabel ips,tabel mat, tabel bing, tabel bind tabel menu
,dan tabel submenu.
3.1 Tabel Biodata
Field
bio_id
nisn
nm_siswa
tmp_lahir
tgl_lahir
jns_kelamin
agama
ank_ke
jml_saudara
sts_siswa
hp_siswa
almt_siswa
tmpt_siswa
kendaraan
brt_badan
tgi_badan
gol_darah
asl_sekolah
almt_sekolah
kpl_sekolah
asl_kls_smp
tlp_skl
nm_ayah

Type
int(11)
bigint(10)
varchar(50)
varchar(50)
date
varchar(15)
varchar(20)
int(11)
int(11)
varchar(25)
varchar(15)
varchar(255)
varchar(30)
varchar(25)
int(11)
int(11)
varchar(2)
varchar(50)
varchar(255)
varchar(50)
varchar(5)
varchar(15)
varchar(50)

Keterangan
Primary key

Universitas Sumatera Utara

27

nm_ibu
almt_ortu
hp_ortu
kerja_ayah
kerja_ibu
hasil_ortu
tgung_biaya
sts_bio

varchar(50)
varchar(255)
varchar(15)
varchar(30)
varchar(30)
varchar(35)
varchar(30)
int(11)

3.2 Tabel Admin

Field
admin_id
username
password
Name
Alamat
last_login
Islogin
Isenable

Type
int(11)
varchar(40)
varchar(255)
int(11)
varchar(100)
datetime
int(11)
int(11)

Keterangan
Primary key

3.3 Tabel daftar

Field
adm_id
no_peserta
nama
nisn
asal_skl
email
password
pass_view
tgl_daftar
status

Type
int(11)
bigint(11)
varchar(50)
bigint(10)
varchar(50)
varchar(50)
varchar(255)
varchar(50)
date
int(11)

Keterangan
Primary key

Universitas Sumatera Utara

28

3.4 Tabel Kontak

Field
ktk_id
nama
email
subjek
pesan
tggl
aktif

Type
int(11)
varchar(50)
varchar(40)
varchar(40)
text
date
int(11)

Keterangan
Primary key

3.5 Tabel Info

Field
info_id
info
aktif

Type
int(11)
text
int(11)

Keterangan
Primary key

3.6 Tabel Ipa

Field
ipa_id
nisn
sem_1
sem_2
sem_3
sem_4
sem_5
rata_rata
sts_ipa

Type
int(11)
bigint(10)
int(3)
int(3)
int(3)
int(3)
int(3)
int(3)
int(11)

Keterangan
Primary key

Universitas Sumatera Utara

29

3.7 Tabel Ips

Field
ips_id
nisn
sem_1
sem_2
sem_3
sem_4
sem_5
rata_rata
sts_ips

Type
int(11)
bigint(10)
int(3)
int(3)
int(3)
int(3)
int(3)
int(3)
int(11)

Keterangan
Primary key

3.8 Tabel Mat

Field
mat_id
nisn
sem_1
sem_2
sem_3
sem_4
sem_5
rata_rata
sts_mat

Tyepe
int(11)
bigint(10)
int(3)
int(3)
int(3)
int(3)
mediumint(3)
int(3)
int(11)

Keterangan
Primary key

3.9 Tabel B.ingris

Field
bing_id
nisn
sem_1
sem_2
sem_3
sem_4
sem_5
rata_rata
sts_bing

Type
int(11)
bigint(10)
int(3)
int(3)
int(3)
int(3)
int(3)
int(3)
int(11)

Keterangan
Primary key

Universitas Sumatera Utara

30

3.10 Tabel B.indo

Field
bind_id
nisn
sem_1
sem_2
sem_3
sem_4
sem_5
rata_rata
sts_bind

Type
int(11)
bigint(10)
int(3)
int(3)
int(3)
int(3)
int(3)
int(3)
int(11)

Keterangan
Primary key

3.11 Tabel Menu

Field
main_id
menu
link
aktif
status_in
status_out

Type
int(5)
varchar(50)
varchar(100)
enum('Y', 'N')
int(11)
int(11)

Keterangan
Primary key

Universitas Sumatera Utara

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur-prosedur yang
menyelesaikan desain sistem yang

dilakukan dalam

telah disetujui seperti menginstall sistem,

menguji sistem yang dibuat dan memulai sistem baru atau sistem yang diperbaiki.

Adapun langkah-langkah yang dibutuhkan dalam implementasi system
adalah:
1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang
website.
2. Menyelesaikan rancangan system.
3. Menulis, menguji, mengontrol, dan mendokumentasikan website.
4. Mendapatkan persetujuan.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem ini adalah sebagai berikut:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru
3. Menguji apakah sistem baru tersebut sesuai dengan pemakai (user).
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat
rencana, mengontrol dan melakukan instalasi baru secara benar.

Universitas Sumatera Utara

33

4.3 Komponen Sistem

Komponen-komponen system yang dibutuhkan dalam membangun aplikasi ini
diantaranya adalah:

4.3.1 Hardware

Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan
system
yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware
yaitu:
1. PC dengan processor intel minimal 733 MHz.
2. Hard disk 20GB
3. Monitor super VGA.
4. Memory minimal 128MB.
5. Keyboard.
6. Mouse.

4.3.2 Software

Hardware tidak akan pernah memecahkan suatu masalah tanpa adanya komponen
software. Adapun software yang digunakan dalam pembuatan website ini adalah :
1. System Opersai Ms. Windows 8.
2. Internet explorer, Mozila firefox, Google Chrome sebagai browser.
3. Apache 2.2.18
4. PHP 5.3.5
5. MySQL 5.0.20
6. Sublime text 2
7. Macromedia Dreamwaver 8.

Universitas Sumatera Utara

34

4.3.3 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan
system informasi, pemrosesan, dan penggunaan keluaran system informasi.
Brainware dalam system informasi terbagi 3 yaitu:
1. System Analis : orang yang menganalisa system dengan mempelajari masalahmasalah yang timbul dan menentukan kebutuhan pemakai dan mengidentifikasi
pemecahan yang beralasan.
2. Programmer : orang yang membuat system dengan menggunakan salah satu
bahasa pemrograman yang dikuasai.
3. Operator :orang yang memakai system.

Ketika telah selesai mengerjakan tahap perancangan system, baik dalam
merancang tabel-tabel didalam database dengan menggunakan phpMyadmin
maupun dalam merancang halaman-halaman website. Kiniprogram tersebut dapat
dijalankan. Adapun prosedur penggunaan system secara manual dapat diuraikan
sebagai berikut:
1. Aktifkan software Apache, PHP, dan MySQL yang telah diinstal pada computer
dengan cara mengklik start.
2. Kemudian buka salah satu aplikasi web browser yang ada pada computer anda
seperti Mozila firefox.
3. Lalu ketikan pada alamat website sesuai dengan nama folder dimana disimpannn,
contoh : http://locaslhost/ppdbSMA/ppdb dalam address bar untuk menu utama,
kemudaian tekan enter.
4. Setelah halaman menu utama terbuka, ada terdapat beberapa pilihan halaman link
yang disajikan untuk user pleh admin. Pilih salah satu link tersebut.
5. Link pendaftaran berisikan suatu formulir yang harus diisi oleh calon siswa baru
pada waktu mendaftar.

Universitas Sumatera Utara

35

4.4 Tampilan Web Pendaftaran
Adapun tampilan- tampilan web pendaftaran online sebagai berikut :

1. Tampilan Halaman Utama

Gambar 4.1 Tampilan Halaman Utama

Universitas Sumatera Utara

36

Pada tampilan dia atas para calon siswa baru tersebut harus melakukan registrasi
telebih dahulu agar mendapatkan username dan password untuk login dengan
mengklik daftar pada menu . Setelah melakukan registrasi siswa akan memiliki
akun untuk masuk ke tampilan login dengan mengisi username dan password
yang di berikan saat registrasi .

Tampilan halaman utama ini juga calon siswa dapat mengetahui informasi
tentang sekolah dan pendaftaran online sekolah tersebut.

2. Tampilan Halaman Daftar
Pada tampilan ini kita akan mengisi formulir daftar agar kita mendapatkan akun
untuk login pada website.

Gambar 4.2 Tampilan Halam Daftar

Setelah melakukan registrasi di atas kita akan mendapatkan tampilan informasi
username dan password untuk bisa login nanti.

Universitas Sumatera Utara

37

Adapun tampilan nya sebagai berikut :

Gambar 4.3 Tampilan Informasi Username dan password

3. Tampilan Login
Setelah kita masukan username dan password pada form dibawah klik login dan
akan ada tampilan java scrit “sukses” pada tampilan tersebut.

Gambar 4.4 Tampilan Login

Universitas Sumatera Utara

38

4. Tampilan Pelengkapan Data

Tampilan ini adalah setelah kita login kemudian mengklik menu akun untuk
melengkapi data untuk pendataran online.

Gambar 4.5 Tampilan Halaman Akun

Kemudian calon siswa mengklik lengkapi biodata dan akan tampil nanti halaman
formulir biodata calon siswa yang akan di isi calon siswa , begitu juga dengan
pengisian nilai raport pada tampilan pengisian nilai raport calon siswa akan
mengisi nilai raport dari semester 1 sampai semster 6 dan nilai raport tidak boleh
kurang dari 75 jika ada data y kurang maka data tidak bisa tersimpan.

Gambar 4.6 Tampilan Halaman Masukan Nilai Raport

Universitas Sumatera Utara

39

Gambar 4.7 Tampilan Formulir Lengkapi Biodata

Universitas Sumatera Utara

40

Setelah pelengkapan data selesai ,calon siswa kan mencetak formulir
pendaftaran dan nilai raport yang sudah di input kan tadi dengan mengklik cetak
dokumen.
Adapun tampilan formulir pendaftran online dan nilai raport calon siswa sebagai
berikut :

Gambar 4.8 Dokumen Calon siswa

Universitas Sumatera Utara

41

5. Tampilan Pendaftar
Tampilan ini akan memberikan informasi tentang list calon siswa yang sudah
melakukan pendaftaran online.

Gambar 4.8 Tampilan Halaman Pendaftar

6. Tampilan Admin

Gambar 4.9 Tampilan Login Admin

Universitas Sumatera Utara

42

Pada tampilan awal menu admin ini, hanya admin sajalah yang dapat mengakses
halaman seperti di atas. Admin cukup memasukan username dan password.

7. Tampilan Home Admin
Link administrator ini digunakan untuk login admin agar bisa mengakses ke
halaman admin. Di dalam halaman admin ini , seorang admin dapat melakukan
pengeditan,penghapusan dan melakukan pengimputan data di dalamnya.
Berikut adalah tampilan halaman admin .

Gambar 4.10 Tampilan Home Admin

Universitas Sumatera Utara

43

8. Tampilan Setting Admin

Pada tampilan ini admin bisa mengedit menu pada website pada pendaftaran
online dengan mempublikasikan atau menonaktikan menu.

Gambar 4.11 Tampilan Setting Manege Menu

Di sini admin juga bisa mengedit informasi tentang pendaftaran online pada
website utama.

Gambar 4.12 Tampilan Setting Informasi

Universitas Sumatera Utara

44

9. Tampilan Admin Pendaftar

Pada halaman ini admin bisa mengedit atau meverifikasi lulus atau tidak lulus
calon siswa/pendaftar dan admin juga bisa mengedit nilai rapor pendaftar .

Gambar 4.13 Tampilan Adm PDB Pendaftar

Gambar 4.14 Tampilan Adm PDB Nilai Rapor

Universitas Sumatera Utara

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari hasil pembahasan tentang perancangan pendataran online berbasis
web, maka penulis dapat mengambil beberpa kesimpulan diantaranya
adalah sebagai berikut :

1.

Dengan adanya system ini, para calon siswa akan lebih mudah dalam
melakukan pendaftaran dan lebih efisien.

2.

Selain menjadi media pendaftaran, system ini juga memberikan
beberapa informasi tentang SMA itu sendiri.

3.

Untuk

menarik

minat

pengunjung,

perlu

dibuat

rancangan

layout/template dengan gambar dan animasi yang menarik.
4.

Penyajian informasi yang baik dapat di lakukan dengan meng-update isi
dari situs tersebut secara berkala.

5.2 Saran

1.

Sekolah Menengah Atas di indonesisa hendaknya dapat menerapkan
system berbasis web

2.

sehingga lebih efektif dalam penyebaran informasi tentang sekolah.

3.

Penulis menyarankan adanya backup data secara berkala untuk
mencegah terjadinya kehilangan data penting pada database sekolah.

4.

Untuk implementasi aplikasi web ini kedepannya, dapat juga
mempertimbangkan keamanan web nya (web security).

5.

Dalam penggunaan aplikasi ini, hendaknya administrator diberikan
pelatiahanyang cukup supaya menghindari terjadinya kesalahan (human
error).

Universitas Sumatera Utara

Universitas Sumatera Utara