Sistem Pendaftaran Siswa Baru Berbasis Web Pada SMA Negeri 10 Medan Chapter III VI
BAB 3
GAMBARAN SEKILAS TENTANG SMA NEGERI 10 MEDAN
3.1 Profil Sekolah
1. Nama Sekolah
: SMA NEGERI 10 MEDAN
2. Nomor Statistik
: 301076001009
3. Provinsi
: Sumatera Utara
4. Otonomi Daerah
: Medan
5. Kecamatan
: Medan Kota
6. Kelurahan
: Sei Rengas I
7. Jalan dan Nomor
: Jalan Tilak No. 108
8. Kode Pos
: 20214
9. Telepon
: 061.7368461
10. Status Sekolah
: Negeri
11. Kelompok Sekolah
: SMA
12. Akreditasi
:B
13. Tahun Berdiri
: 1954
Universitas Sumatera Utara
3.2 Visi, Misi, dan Tujuan Sekolah
Adapun Visi, Misi, dan Tujuan Sekolah adalah :
3.2.1 Visi
Mewujudkan Sumber Daya Manusia yang Berakhlak Mulia yang Mampu Bersaing
Secara Global.
3.2 2 Misi
1. Menciptakan suasana yang kondusif untuk mengembangkan potensi siswa
melalui penekanan pada penguasaan kompetensi bidang ilmu pengetahuan dan
teknologi serta Bahasa Inggris.
2. Meningkatkan penguasaan Bahasa Inggris sebagai alat komunikasi dan alat
untuk mempelajari pengetahuan yang lebih luas.
3. Meningkatkan frekuensi dan kualitas kegiatan siswa yang lebih menekankan
pada pengembangan ilmu pengetahuan dan teknologi serta keimanan dan
ketakwaan yang menunjang proses belajar mengajar dan menumbuh
kembangkan disiplin pribadi siswa.
4. Menumbuh kembangkan nilai-nilai ketuhanan dan nilai-nilai kehidupan yang
bersifat universal dan mengintegrasikannya dalam kehidupan.
5. Menerapkan manajemen partisipatif dengan melibatkan seluruh warga
sekolah, Lembaga Swadaya Masyarakat, dan instansi serta institusi pendukung
pendidikan lainnya.
6. Membimbing siswa untuk jauh dari narkoba, rokok, minuman keras, pergaulan
bebas, tawuran, dan kerusakan moral lainnya.
Universitas Sumatera Utara
3.2.3
Tujuan
1. Siswa memiliki kompetensi penguasaan konsep untuk seluruh mata pelajaran
secara komprensif dan benar sehingga mampu berkompetisi ditingkat nasional
maupun berkompetisi di tingkat internasional.
2. Siswa mampu menggunakan Bahasa Inggris sebagai alat komunikasi untuk
mendapatkan pengetahuan yang lebih luas.
3. Siswa mampu membangun kebiasaan yang aktif untuk mencari informasi
menggunakan teknologi informasi.
4. Sekolah memiliki sarana dan prasarana penunjang PBM yang lengkap.
5. Sekolah memiliki guru dan tenaga pendukung yang handal untuk mendukung
seluruh manajemen sekolah.
6. Sekolah memiliki hubungan kemitraan yang baik dengan seluruh warga
sekolah, dan instansi serta institusi pendukung pendidikan lainnya.
7. Siswa memiliki, mengaplikasikan dan meningkatkan nilai-nilai ketuhanan
serta nilai-nilai kehidupan yang bersifat universal dalam kehidupannya.
3.3 Struktur Organisasi
Struktur organisasi merupakan gambaran secara teknis tentang hubungan kerja sama
dari orang-orang yang terlibat dalam suatu organisasi tersebut. Struktur organisai juga
dapat menunjukan kerangka dan sususan pola tetap antara hubungan-hubungan
diantara fungsi-fungsi, maupun orang-orang yang menunjukan kedudukan, tugas,
wewenang dan tanggung jawab yang berbeda-beda dalam suatu organisasi. Secara
garis besar struktur organisasi SMA Negeri 10 Medan dapat dilihat sebagai berikut.
Universitas Sumatera Utara
Gambar 3.1 Struktur Organisasi SMA Negeri 10 Medan
Universitas Sumatera Utara
BAB 4
PERANCANGAN SISTEM
4.1 Pengertian Perancangan Sistem
Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang akan
dirancang dalam membangun sistem. Tujuan dari perancangan sistem adalah untuk
memenuhi kebutuhan user (pemakai) mengenai gambaran yang jelas tentang
perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem
adalah suatu upaya untuk membuat suatu sistem yang baru atau memperbaiki sistem
yang lama secara keseluruhan atau memperbaiki sistem yang telah ada.
4.2 Diagram Konteks
Diagram Konteks adalah diagram yang mencakup masukan-masukan dasar, sistem
umum dan keluaran, diagram ini merupkan tingkatan tertinggi dalam diagram aliran
data dan hanya memuat satu proses, menunjukan sistem secara keseluruhan, diagram
tersebut tidak memuat penyimpanan dan penggambaran aliran data yang sederhana.
Semua entitas ekternal yang ditunjukan pada diagram konteks berikut aliran dataaliran data utama menuju dan dari sistem.
Universitas Sumatera Utara
Diagram konteks berisi gambaran umum sistem yang akan dibuat. Secara umum,
dapat dikatakan bahwa diagram konteks berisi “siapa saja yang memberi data (dan
data apa saja) ke sistem, serta kepada siapa saja informasi (dan informasi apa saja)
yang harus dihasilkan sistem”.
Tabel 4.1 Lambang yang digunakan di Diagram Konteks
Simbol
Nama Simbol
Terminator
Keterangan
Pihak-pihak
sistem,
yang
tetapi
berada
secara
diluar
langsung
berhubungan dengan sistem dalam
hal memberi data atau menerima
informasi.
Process
Berisi mengenai sistem yang akan
dibuat.
Data Flow
Berisi data atau informasi yang
mengalir dari satu pihak ke sistem
dan sebaliknya.
Universitas Sumatera Utara
Adapun diagram konteks dari Sistem Pendaftaran Siswa Baru SMA Negeri 10 Medan
adalah sebagai berikut :
Pengunjung / Calon
Siswa
Administrator
Data Calon Siswa
Informasi Cara Daftar
Cara Daftar
Informasi Daftar
Daftar
Informasi Profil
Profil
Informasi Galeri
Sistem Pendaftaraan
Siswa Baru
Galeri
SMA Negeri 10
Medan
Data Siswa yang lulus
Kepala Sekolah
Gambar 4.1 Diagram Konteks
Universitas Sumatera Utara
4.3 Flowchart
Flowchart merupakan sebuah diagram umum yang mempresentasikan sebuah
algoritma
atau
proses
menggunakan
beberapa
bangunan
geometri
untuk
memperlihatkan langkah-langkah yang dilakukan oleh program dalam meyelesaikan
masalah. Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan
antar-proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana
dari tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar-proses tadi
digambarkan dengan garis-garis.
program.
Setelah
flowchart
Flowchart merupakan langkah awal pembuatan
selesai
disusun,
selanjutnya
pemrogram
menerjemahkannya ke dalam bentuk program menggunakan bahasa pemrograman.
Berikut ini adalah simbol-simbol standar pada sebuah flowchart beserta fungsinya.
Tabel 4.2 Simbol Flowchart
Simbol
Fungsi
Flow Direction Symbol, yaitu simbol yang digunakan
untuk menghubungkan antara simbol yang satu dengan
simbol yang lainnya. Simbol ini disebut juga connecting
line.
Terminator Syymbol, yaitu simbol untuk permulaan
(start) atau akhir (stop) dari suatu kegiatan.
Connector Symbol, yaitu simbol untuk keluar-masuk atau
penyambungan proses dalam lebar/halaman yang sama.
Universitas Sumatera Utara
Connector Symbol, yaitu simbol untuk keluar-masuk atau
penyambungan proses dalam lebar/halaman yang
berbeda.
Processing Symbol, simbol yang menunjukkan
pengolahan yang dilakukan oleh komputer.
Symbol punched card, simbol yang menyatakan input
berasal dari kartu atau output ditulis ke kartu-.
Symbol Decission, simbol pemilihan proses berdasarkan
kondisi yang ada.
Simbol Input-Output, simbol yang menyatakan proses
input dan output tanpa tergantung pada jenis
peralatannya.
Simbol Manual Input, simbol untuk pemasukan data
secara manual online keyboard.
Symbol Preparation, simbol untuk mempersiapkan
penyimpanan yang akan digunakan sebagai tempat
pengolahan didalam storage.
Symbol Predefine Process, simbol untuk pelaksanaan
suatu bagian.
Symbol Display, simbol yang menyatakan peralatan
output yang digunakan yaitu layar,plotter, printer dan
sebagainya.
Universitas Sumatera Utara
4.3.1 Flowchart Halaman Utama
Mulai
Halaman Utama
Ya
Beranda
Beranda
A
Cara daftar
dan Daftar
B
Visi dan
Misi
C
Jadwal
D
Tidak
Ya
Daftar
Tidak
Ya
Profil
Tidak
Ya
Jadwal
Tidak
Ya
Galeri
Galeri
E
Tidak
Ya
Login siswa
Login
Tidak
Ya
Selesai
Gambar 4.2 Flowchart Halaman Utama
Universitas Sumatera Utara
Flowchart di atas menjelaskan bagan dari halaman menu utama website. Di dalam
tampilan halaman utama tersebut ada beberapa halaman yang telah disajikan tentang
pendaftaran siswa baru SMA Negeri 10 Medan agar dapat dilihat oleh user tanpa
harus melakukan proses login terlebih dahulu.
4.3.2 Flowchart Halaman Admin
Flowchart ini menjelaskan bagan dari halaman web admin. Untuk masuk ke halaman
ini, admin harus login terlebih dahulu. Jika username dan password yang di masukkan
benar maka akan masuk ke halaman admin, dan jika salah maka akan muncul
peringatan bahwa kombinasi kedua inputan tersebut salah dan akan meminta login
kembali.
Mulai
Username
Password
Tidak
Kombinasi email dan
Password Salah
Login
Ya
Halaman
Admin
Selesai
Gambar 4.3 Flowchart Login Admin
Universitas Sumatera Utara
Mulai
Halaman Admin
Ya
Beranda
Beranda
A
Tidak
Ya
Peserta
Pengolahan
data
B
Tambah Galeri
dan Data Galeri
C
Tidak
Ya
Galeri
Tidak
Ya
Logout admin
Logout
Tidak
Ya
Selesai
Gambar 4.4 Flowchart Halaman Admin
Universitas Sumatera Utara
4.3.3 Flowchart Pendaftaran
Flowchart ini menjelaskan tentang jalannya proses pendaftaran yang akan dilakukan
calon siswa baru. Calon siswa melakukan proses daftar dengan mengisi form
pendaftaran kemudian di submit.
Mulai
Proses
Daftar
Tidak
Input Data
Data Belum
Lengkap
ya
Data Siswa
Tidak
Edit Data
Ya
Selesai
Gambar 4.5 Flowchart Pendaftaran
Universitas Sumatera Utara
4.3.4 Flowchart Calon Siswa
Flowchart ini
menjelaskan tentang calon siswa melakukan proses login, login
dilakukan dengan memasukkan username dan password yang sebelumnya telah dibuat
pada proses pendaftaran. Setelah melakukan registerasi barulah peserta dapat
mengakses halama user.
Mulai
Username
Password
Tidak
Login
Kombinasi email dan
Password Salah
Ya
Halaman
Siswa
Selesai
Gambar 4.6 Flowchart Login Calon Siswa
Universitas Sumatera Utara
Mulai
Halaman user
Ya
Beranda
Beranda
A
Visi dan
Misi
B
Jadwal
C
Galeri
D
Tidak
Ya
Profil
Tidak
Ya
Jadwal
Tidak
Ya
Galeri
Tidak
Ya
Siswa
Siswa
E
Tidak
Ya
Logout User
Logout
Tidak
Ya
Selesai
Gambar 4.7 Flowchart Halaman Calon Siswa
Universitas Sumatera Utara
4.4 Perancangan Halaman Website
Adapun halaman-halaman yang dibuat oleh penulis adalah:
1.
Halaman Beranda merupakan halaman yang pertama kali muncul pada saat
website dibuka.
2.
Halaman Daftar merupakan halaman yang berisikan tentang cara mendaftar
serta formulir pendaftaran SMA Negeri 10 Medan.
3. Halaman Profil merupakan halaman yang berisikan mengenai Visi dan Misi
SMA Negeri 10 Medan.
4. Halaman Jadwal merupakan halaman yang berisikan jadwal pendaftaran SMA
Negeri 10 Medan.
5. Halaman Galeri merupakan halaman yang berisikan foto-foto SMA Negeri 10
Medan.
6.
Halaman Login merupakan halaman yang khusus diakses oleh user untuk
mengedit data, mencetak kartu ujian serta melihat hasil kelulusan.
7. Halaman Admin merupakan halaman yang khusus diakses oleh admin untuk
melakukan pengaturan seperti menentukan kelulusan serta menambahkan isi
yang ada di halaman utama website.
4.5 Perancangan Sistem pada Database
Database atau basis data adalah kumpulan data yang disimpan secara sistematis
didalam komputer dan dapat dimanipulasi menggunakan perangkat lunak untuk
menghasilkan informasi. Pendefenisian database meliputi spesifikasi berupa tipe data,
struktur dan juga batasan-batasan data yang akan disimpan.
Universitas Sumatera Utara
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut
nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik
penambahan, pengeditan, penghapusan, dan menampilkan isi basis data ke halaman
web. Basis data terdiri atas tabel-tabel yang dibuat dengan menggunakan program
MySQL.
Adapun database yang dibuat oleh penulis adalah table-tabel sebagai berikut :
1. Tabel Admin terdiri dari
Tabel 4.3 Tabel Admin
No
Field Nama
Type and Width
1
Id
Varchar (9)
2
Username
Varchar (20)
3
Password
Text
2. Tabel Galeri
Tabel 4.4 Tabel Galeri
No
Field Nama
Type and Width
1
Id
Int (11)
2
judul
Varchar (30)
3
ket
Text
4
gambar
Text
Universitas Sumatera Utara
3. Tabel Siswa
Tabel 4.5 Tabel Siswa
No
Field Nama
Type and Width
1
no_ujian
Int (5)
2
Nama
Varchar (50)
3
Jk
Char (2)
4
Tgl_lahir
Date
5
Alamat
Varchar (50)
6
Agama
Varchar (10)
7
nama_ayah
Varchar (30)
8
p_ayah
Varchar (30)
9
nama_ibu
Varchar (30)
10
p_ibu
Varchar (30)
11
no_hp
Varchar (15)
12
Penghasilan
Varchar (30)
13
asl_skl
Varchar (50)
14
No_ijazah
Varchar (20)
15
n_mtk
Int (5)
16
n_bi
Int (5)
17
n_ipa
Int (5)
18
n_bing
Int (5)
19
Rata
Varchar (8)
20
Gambar
Varchar (20)
Universitas Sumatera Utara
21
tgl_msk
Date
22
nilai_ujian
Int (5)
23
username
Varchar (30)
24
Password
Text
25
Status
Varchar (30)
Universitas Sumatera Utara
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi Sistem adalah langkah-langkah yang dilakukan dalam menyelesaikan
sistem yang ada dalam merancangan sistem yang telah disetujui dengan mengujinya,
menginstall dan memulai menggunakan sistem baru yang diperbaiki. Implementasi
sistem bertujuan untuk menciptakan sistem baru maupun mengganti sistem yang telah
ada.
Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:
1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang
website.
2. Menyelesaikan rancangan sistem yang akan dibuat.
3. Menulis, menguji, mengontrol dan mendokumentasikan website.
5.2 Tujuan Implementasi Sistem
Adapun tujuan implementasi sistem adalah sebagai berikut:
1. Menilai rangkaian sistem baik dari segi software maupun hardware sebagai
sarana pengolahan data dan penyajian informasi.
Universitas Sumatera Utara
2. Menyelesaikan rancangana sistem yang ada di dalam dokumen sistem yang
baru atau yang telah disetujui.
3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah
terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.
4. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan
mengontrol dan melakukan instalasi secara benar.
5.3 Komponen Sistem
Komponen-komponen sistem yang dibutuhkan dalam membangun aplikasi ini
diantaranya adalah:
5.3.1 Hardware
Hardware merupakan bagian dari komputer yang dapat dilihat secara fisik dan dapat
disentuh. Hardware merupakan seluruh komponen peralatan yang membentuk suatu
sistem komputer serta peralatan lainnya yang memungkinkan komputer dapat
melakukan tugasnya. Hardware adalah suatu komponen yang sangat dibutuhkan
dalam mewujudkan sistem yang diusulkan.
Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu:
1. PC atau Laptop
2. Keyboard untuk melakukan input data.
3. Mouse digunakan untuk mengaktifkan atau menggerakkan pointer.
4.
Printer untuk mencetak
Universitas Sumatera Utara
5.3.2 Software
Software adalah sekumpulan instruksi yang memungkinkan Hardware untuk dapat
memproses data. Software ini tidak berbentuk fisik, melainkan berupa program yang
diciptakan melalui perangkat elektronik. Dalam perangkat lunak dikenal dengan apa
yang disebut sistem operasi dan program aplikasi. Hardware tidak akan dapat
memecahkan suatu masalah tanpa adanya komponen software.
Adapun software yang digunakan dalam pembuatan website ini adalah:
1. Sistem Operasi Ms. Windows 7.
2. Google Chrome dan Mozila Firefox sebagai browser.
3. PHP merupakan software yang digunakan untuk membangun sebuah PHP
server didalam windows.
4. MySQL adalah multiuser database dalam bahasa SQL (Stucture Query
Language).
5. HTML Editor adalah software yang dipakai untuk mendesain web seperti :
Sublime Text, Notepad++ dan software yang lain.
5.3.3 Brainware
Brainware atau pengguna adalah manusia yang terlibat dalam mengoperasikan serta
mengatur sistem di dalam komputer. Diartikan juga sebagai perangkat intelektual
yang mengoperasikan dan mengeksplorasi kemampuan dari perangkat keras maupun
perangkat lunak. Brainware termasuk bagian penting dari sebuah sistem komputer.
Karena sebuah sistem tidak akan berjalan apabila tidak ada peran brainware.
Universitas Sumatera Utara
Brainware merupakan semua pihak yang bertanggung jawab dalam pengembangan
sistem informasi, pemrosesan, dan penggunaaan keluaran sistem informasi.
Brainware dalam sistem informasi terbagi 3 yaitu:
1. Sistem Analis
Orang yang menganalisa sistem dengan mempelajari masalah-masalah yang
timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi
pemecahan yang beralasan.
2. Programmer
Orang yang mengerti bahasa pemrograman dalam membuat dan membangun
program.
3. Operator
Orang yang memakai sistem.
5.4 Tampilan Program
Adapun tampilan Program yang telah dibuat sebagai berikut :
5.4.1 Tampilan Halaman Awal
Halaman ini adalah halaman awal ketika calon siswa baru membuka website
pendaftaran siswa baru SMA Negeri 10 Medan.
Universitas Sumatera Utara
Gambar 5.1 Tampilan Halaman Awal
5.4.2 Tampilan Form Pendaftaran
Pada Form ini calon siswa baru yang ingin melakukan pendaftaran, mengisi biodata
yang tersedia pada form, setelah itu mengklik tombol Submit untuk menyimpan data
yang telah diisi.
Universitas Sumatera Utara
Gambar 5.2 Form Pendaftaran
5.4.3 Tampilan Halaman Login Calon Siswa
Pada Halaman ini digunakan untuk login calon siswa baru dengan akun yang telah
dibuat pada saat mengisi form pendaftaran, dengan cara mengisi Username dan
Password yang telah dibuat oleh calon siswa
Universitas Sumatera Utara
Gambar 5.3 Halaman Login Calon Siswa
5.4.4 Tampilan Halaman Calon Siswa
Pada Halaman ini digunakan calon siswa baru untuk mencetak kartu peserta, untuk
mengedit biodata yang sudah diisi pada form pendaftaran serta melihat pengumuman
hasil.
Gambar 5.4 Halaman Calon Siswa
Universitas Sumatera Utara
Gambar 5.5 Halaman Calon Siswa Pengumuman
Gambar 5.6 Halaman Calon Siswa Print Kartu
5.4.5 Tampilan Halaman Login Admin
Pada Halaman ini digunakan untuk login admin agar bisa mengakses ke halaman
admin. Hanya admin yang dapat mengakses halaman admin. Admin dapat Login
dengan cara mengisi Username dan Password.
Universitas Sumatera Utara
Gambar 5.7 Halaman Login admin
5.4.6 Tampilan Halaman Admin
Pada Halaman ini admin dapat mengelola data calon siswa, menentukan kelulusan
siswa serta menambahkan galeri.
Gambar 5.8 Halaman Admin
Universitas Sumatera Utara
Gambar 5.9 Halaman Admin Galeri
Universitas Sumatera Utara
BAB 6
PENUTUP
6.1 Kesimpulan
Dari hasil pembahasan tentang Sistem Pendaftaran Siswa Baru Berbasis Web Pada
SMA Negeri 10 Medan, maka penulis dapat mengambil beberapa kesimpulan
diantaranya adalah sebagai berikut:
1. Website Pendaftaran Siswa baru SMA Negeri 10 Medan ini, dibuat
menggunakan bahasa pemrograman PHP dan MySQL sebagai penyimpan
datanya.
2. Website ini menyajikan informasi terkait dengan Pendaftaran siswa baru pada
SMA Negeri 10 Medan.
3.
Website ini memudahkan para siswa dalam mendaftar pada SMA Negeri 10
Medan, agar tidak perlu lagi datang jauh-jauh ke sekolah untuk mendaftarkan
dirinya, cukup di rumah atau di manapun asalkan mempunyai komputer atau
laptop dan jaringan internet, calon siswa-siswi sudah dapat mendaftarkan
dirinya di SMA Negeri 10 Medan.
Universitas Sumatera Utara
6.2 Saran
Adapun saran yang dapat diberikan Penulis untuk Pendaftaran Siswa baru pada SMA
Negeri 10 Medan adalah sebagai berikut:
1. SMA Negeri 10 Medan diharapkan dapat menerapkan sistem berbasis web,
sehingga lebih efektif dalam penyebaran informasi tentang SMA Negeri 10
Medan .
2.
Untuk
implementasi
aplikasi
web
ini
kedepannya,
dapat
juga
mempertimbangkan keamanan webnya (web security).
3. Dalam penggunaan aplikasi ini, hendaknya administrator diberikan
pelatihan
yang
cukup
supaya
menghindari
terjadinya
kesalahan
pengoperasian website ini.
4. Di harapkan dengan adanya website ini, dapat memotivasi siswa dalam
berprestasi dan meningkatkan ilmunya dalam bidang teknologi.
Universitas Sumatera Utara
GAMBARAN SEKILAS TENTANG SMA NEGERI 10 MEDAN
3.1 Profil Sekolah
1. Nama Sekolah
: SMA NEGERI 10 MEDAN
2. Nomor Statistik
: 301076001009
3. Provinsi
: Sumatera Utara
4. Otonomi Daerah
: Medan
5. Kecamatan
: Medan Kota
6. Kelurahan
: Sei Rengas I
7. Jalan dan Nomor
: Jalan Tilak No. 108
8. Kode Pos
: 20214
9. Telepon
: 061.7368461
10. Status Sekolah
: Negeri
11. Kelompok Sekolah
: SMA
12. Akreditasi
:B
13. Tahun Berdiri
: 1954
Universitas Sumatera Utara
3.2 Visi, Misi, dan Tujuan Sekolah
Adapun Visi, Misi, dan Tujuan Sekolah adalah :
3.2.1 Visi
Mewujudkan Sumber Daya Manusia yang Berakhlak Mulia yang Mampu Bersaing
Secara Global.
3.2 2 Misi
1. Menciptakan suasana yang kondusif untuk mengembangkan potensi siswa
melalui penekanan pada penguasaan kompetensi bidang ilmu pengetahuan dan
teknologi serta Bahasa Inggris.
2. Meningkatkan penguasaan Bahasa Inggris sebagai alat komunikasi dan alat
untuk mempelajari pengetahuan yang lebih luas.
3. Meningkatkan frekuensi dan kualitas kegiatan siswa yang lebih menekankan
pada pengembangan ilmu pengetahuan dan teknologi serta keimanan dan
ketakwaan yang menunjang proses belajar mengajar dan menumbuh
kembangkan disiplin pribadi siswa.
4. Menumbuh kembangkan nilai-nilai ketuhanan dan nilai-nilai kehidupan yang
bersifat universal dan mengintegrasikannya dalam kehidupan.
5. Menerapkan manajemen partisipatif dengan melibatkan seluruh warga
sekolah, Lembaga Swadaya Masyarakat, dan instansi serta institusi pendukung
pendidikan lainnya.
6. Membimbing siswa untuk jauh dari narkoba, rokok, minuman keras, pergaulan
bebas, tawuran, dan kerusakan moral lainnya.
Universitas Sumatera Utara
3.2.3
Tujuan
1. Siswa memiliki kompetensi penguasaan konsep untuk seluruh mata pelajaran
secara komprensif dan benar sehingga mampu berkompetisi ditingkat nasional
maupun berkompetisi di tingkat internasional.
2. Siswa mampu menggunakan Bahasa Inggris sebagai alat komunikasi untuk
mendapatkan pengetahuan yang lebih luas.
3. Siswa mampu membangun kebiasaan yang aktif untuk mencari informasi
menggunakan teknologi informasi.
4. Sekolah memiliki sarana dan prasarana penunjang PBM yang lengkap.
5. Sekolah memiliki guru dan tenaga pendukung yang handal untuk mendukung
seluruh manajemen sekolah.
6. Sekolah memiliki hubungan kemitraan yang baik dengan seluruh warga
sekolah, dan instansi serta institusi pendukung pendidikan lainnya.
7. Siswa memiliki, mengaplikasikan dan meningkatkan nilai-nilai ketuhanan
serta nilai-nilai kehidupan yang bersifat universal dalam kehidupannya.
3.3 Struktur Organisasi
Struktur organisasi merupakan gambaran secara teknis tentang hubungan kerja sama
dari orang-orang yang terlibat dalam suatu organisasi tersebut. Struktur organisai juga
dapat menunjukan kerangka dan sususan pola tetap antara hubungan-hubungan
diantara fungsi-fungsi, maupun orang-orang yang menunjukan kedudukan, tugas,
wewenang dan tanggung jawab yang berbeda-beda dalam suatu organisasi. Secara
garis besar struktur organisasi SMA Negeri 10 Medan dapat dilihat sebagai berikut.
Universitas Sumatera Utara
Gambar 3.1 Struktur Organisasi SMA Negeri 10 Medan
Universitas Sumatera Utara
BAB 4
PERANCANGAN SISTEM
4.1 Pengertian Perancangan Sistem
Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang akan
dirancang dalam membangun sistem. Tujuan dari perancangan sistem adalah untuk
memenuhi kebutuhan user (pemakai) mengenai gambaran yang jelas tentang
perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem
adalah suatu upaya untuk membuat suatu sistem yang baru atau memperbaiki sistem
yang lama secara keseluruhan atau memperbaiki sistem yang telah ada.
4.2 Diagram Konteks
Diagram Konteks adalah diagram yang mencakup masukan-masukan dasar, sistem
umum dan keluaran, diagram ini merupkan tingkatan tertinggi dalam diagram aliran
data dan hanya memuat satu proses, menunjukan sistem secara keseluruhan, diagram
tersebut tidak memuat penyimpanan dan penggambaran aliran data yang sederhana.
Semua entitas ekternal yang ditunjukan pada diagram konteks berikut aliran dataaliran data utama menuju dan dari sistem.
Universitas Sumatera Utara
Diagram konteks berisi gambaran umum sistem yang akan dibuat. Secara umum,
dapat dikatakan bahwa diagram konteks berisi “siapa saja yang memberi data (dan
data apa saja) ke sistem, serta kepada siapa saja informasi (dan informasi apa saja)
yang harus dihasilkan sistem”.
Tabel 4.1 Lambang yang digunakan di Diagram Konteks
Simbol
Nama Simbol
Terminator
Keterangan
Pihak-pihak
sistem,
yang
tetapi
berada
secara
diluar
langsung
berhubungan dengan sistem dalam
hal memberi data atau menerima
informasi.
Process
Berisi mengenai sistem yang akan
dibuat.
Data Flow
Berisi data atau informasi yang
mengalir dari satu pihak ke sistem
dan sebaliknya.
Universitas Sumatera Utara
Adapun diagram konteks dari Sistem Pendaftaran Siswa Baru SMA Negeri 10 Medan
adalah sebagai berikut :
Pengunjung / Calon
Siswa
Administrator
Data Calon Siswa
Informasi Cara Daftar
Cara Daftar
Informasi Daftar
Daftar
Informasi Profil
Profil
Informasi Galeri
Sistem Pendaftaraan
Siswa Baru
Galeri
SMA Negeri 10
Medan
Data Siswa yang lulus
Kepala Sekolah
Gambar 4.1 Diagram Konteks
Universitas Sumatera Utara
4.3 Flowchart
Flowchart merupakan sebuah diagram umum yang mempresentasikan sebuah
algoritma
atau
proses
menggunakan
beberapa
bangunan
geometri
untuk
memperlihatkan langkah-langkah yang dilakukan oleh program dalam meyelesaikan
masalah. Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan
antar-proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana
dari tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar-proses tadi
digambarkan dengan garis-garis.
program.
Setelah
flowchart
Flowchart merupakan langkah awal pembuatan
selesai
disusun,
selanjutnya
pemrogram
menerjemahkannya ke dalam bentuk program menggunakan bahasa pemrograman.
Berikut ini adalah simbol-simbol standar pada sebuah flowchart beserta fungsinya.
Tabel 4.2 Simbol Flowchart
Simbol
Fungsi
Flow Direction Symbol, yaitu simbol yang digunakan
untuk menghubungkan antara simbol yang satu dengan
simbol yang lainnya. Simbol ini disebut juga connecting
line.
Terminator Syymbol, yaitu simbol untuk permulaan
(start) atau akhir (stop) dari suatu kegiatan.
Connector Symbol, yaitu simbol untuk keluar-masuk atau
penyambungan proses dalam lebar/halaman yang sama.
Universitas Sumatera Utara
Connector Symbol, yaitu simbol untuk keluar-masuk atau
penyambungan proses dalam lebar/halaman yang
berbeda.
Processing Symbol, simbol yang menunjukkan
pengolahan yang dilakukan oleh komputer.
Symbol punched card, simbol yang menyatakan input
berasal dari kartu atau output ditulis ke kartu-.
Symbol Decission, simbol pemilihan proses berdasarkan
kondisi yang ada.
Simbol Input-Output, simbol yang menyatakan proses
input dan output tanpa tergantung pada jenis
peralatannya.
Simbol Manual Input, simbol untuk pemasukan data
secara manual online keyboard.
Symbol Preparation, simbol untuk mempersiapkan
penyimpanan yang akan digunakan sebagai tempat
pengolahan didalam storage.
Symbol Predefine Process, simbol untuk pelaksanaan
suatu bagian.
Symbol Display, simbol yang menyatakan peralatan
output yang digunakan yaitu layar,plotter, printer dan
sebagainya.
Universitas Sumatera Utara
4.3.1 Flowchart Halaman Utama
Mulai
Halaman Utama
Ya
Beranda
Beranda
A
Cara daftar
dan Daftar
B
Visi dan
Misi
C
Jadwal
D
Tidak
Ya
Daftar
Tidak
Ya
Profil
Tidak
Ya
Jadwal
Tidak
Ya
Galeri
Galeri
E
Tidak
Ya
Login siswa
Login
Tidak
Ya
Selesai
Gambar 4.2 Flowchart Halaman Utama
Universitas Sumatera Utara
Flowchart di atas menjelaskan bagan dari halaman menu utama website. Di dalam
tampilan halaman utama tersebut ada beberapa halaman yang telah disajikan tentang
pendaftaran siswa baru SMA Negeri 10 Medan agar dapat dilihat oleh user tanpa
harus melakukan proses login terlebih dahulu.
4.3.2 Flowchart Halaman Admin
Flowchart ini menjelaskan bagan dari halaman web admin. Untuk masuk ke halaman
ini, admin harus login terlebih dahulu. Jika username dan password yang di masukkan
benar maka akan masuk ke halaman admin, dan jika salah maka akan muncul
peringatan bahwa kombinasi kedua inputan tersebut salah dan akan meminta login
kembali.
Mulai
Username
Password
Tidak
Kombinasi email dan
Password Salah
Login
Ya
Halaman
Admin
Selesai
Gambar 4.3 Flowchart Login Admin
Universitas Sumatera Utara
Mulai
Halaman Admin
Ya
Beranda
Beranda
A
Tidak
Ya
Peserta
Pengolahan
data
B
Tambah Galeri
dan Data Galeri
C
Tidak
Ya
Galeri
Tidak
Ya
Logout admin
Logout
Tidak
Ya
Selesai
Gambar 4.4 Flowchart Halaman Admin
Universitas Sumatera Utara
4.3.3 Flowchart Pendaftaran
Flowchart ini menjelaskan tentang jalannya proses pendaftaran yang akan dilakukan
calon siswa baru. Calon siswa melakukan proses daftar dengan mengisi form
pendaftaran kemudian di submit.
Mulai
Proses
Daftar
Tidak
Input Data
Data Belum
Lengkap
ya
Data Siswa
Tidak
Edit Data
Ya
Selesai
Gambar 4.5 Flowchart Pendaftaran
Universitas Sumatera Utara
4.3.4 Flowchart Calon Siswa
Flowchart ini
menjelaskan tentang calon siswa melakukan proses login, login
dilakukan dengan memasukkan username dan password yang sebelumnya telah dibuat
pada proses pendaftaran. Setelah melakukan registerasi barulah peserta dapat
mengakses halama user.
Mulai
Username
Password
Tidak
Login
Kombinasi email dan
Password Salah
Ya
Halaman
Siswa
Selesai
Gambar 4.6 Flowchart Login Calon Siswa
Universitas Sumatera Utara
Mulai
Halaman user
Ya
Beranda
Beranda
A
Visi dan
Misi
B
Jadwal
C
Galeri
D
Tidak
Ya
Profil
Tidak
Ya
Jadwal
Tidak
Ya
Galeri
Tidak
Ya
Siswa
Siswa
E
Tidak
Ya
Logout User
Logout
Tidak
Ya
Selesai
Gambar 4.7 Flowchart Halaman Calon Siswa
Universitas Sumatera Utara
4.4 Perancangan Halaman Website
Adapun halaman-halaman yang dibuat oleh penulis adalah:
1.
Halaman Beranda merupakan halaman yang pertama kali muncul pada saat
website dibuka.
2.
Halaman Daftar merupakan halaman yang berisikan tentang cara mendaftar
serta formulir pendaftaran SMA Negeri 10 Medan.
3. Halaman Profil merupakan halaman yang berisikan mengenai Visi dan Misi
SMA Negeri 10 Medan.
4. Halaman Jadwal merupakan halaman yang berisikan jadwal pendaftaran SMA
Negeri 10 Medan.
5. Halaman Galeri merupakan halaman yang berisikan foto-foto SMA Negeri 10
Medan.
6.
Halaman Login merupakan halaman yang khusus diakses oleh user untuk
mengedit data, mencetak kartu ujian serta melihat hasil kelulusan.
7. Halaman Admin merupakan halaman yang khusus diakses oleh admin untuk
melakukan pengaturan seperti menentukan kelulusan serta menambahkan isi
yang ada di halaman utama website.
4.5 Perancangan Sistem pada Database
Database atau basis data adalah kumpulan data yang disimpan secara sistematis
didalam komputer dan dapat dimanipulasi menggunakan perangkat lunak untuk
menghasilkan informasi. Pendefenisian database meliputi spesifikasi berupa tipe data,
struktur dan juga batasan-batasan data yang akan disimpan.
Universitas Sumatera Utara
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut
nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik
penambahan, pengeditan, penghapusan, dan menampilkan isi basis data ke halaman
web. Basis data terdiri atas tabel-tabel yang dibuat dengan menggunakan program
MySQL.
Adapun database yang dibuat oleh penulis adalah table-tabel sebagai berikut :
1. Tabel Admin terdiri dari
Tabel 4.3 Tabel Admin
No
Field Nama
Type and Width
1
Id
Varchar (9)
2
Username
Varchar (20)
3
Password
Text
2. Tabel Galeri
Tabel 4.4 Tabel Galeri
No
Field Nama
Type and Width
1
Id
Int (11)
2
judul
Varchar (30)
3
ket
Text
4
gambar
Text
Universitas Sumatera Utara
3. Tabel Siswa
Tabel 4.5 Tabel Siswa
No
Field Nama
Type and Width
1
no_ujian
Int (5)
2
Nama
Varchar (50)
3
Jk
Char (2)
4
Tgl_lahir
Date
5
Alamat
Varchar (50)
6
Agama
Varchar (10)
7
nama_ayah
Varchar (30)
8
p_ayah
Varchar (30)
9
nama_ibu
Varchar (30)
10
p_ibu
Varchar (30)
11
no_hp
Varchar (15)
12
Penghasilan
Varchar (30)
13
asl_skl
Varchar (50)
14
No_ijazah
Varchar (20)
15
n_mtk
Int (5)
16
n_bi
Int (5)
17
n_ipa
Int (5)
18
n_bing
Int (5)
19
Rata
Varchar (8)
20
Gambar
Varchar (20)
Universitas Sumatera Utara
21
tgl_msk
Date
22
nilai_ujian
Int (5)
23
username
Varchar (30)
24
Password
Text
25
Status
Varchar (30)
Universitas Sumatera Utara
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi Sistem adalah langkah-langkah yang dilakukan dalam menyelesaikan
sistem yang ada dalam merancangan sistem yang telah disetujui dengan mengujinya,
menginstall dan memulai menggunakan sistem baru yang diperbaiki. Implementasi
sistem bertujuan untuk menciptakan sistem baru maupun mengganti sistem yang telah
ada.
Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:
1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang
website.
2. Menyelesaikan rancangan sistem yang akan dibuat.
3. Menulis, menguji, mengontrol dan mendokumentasikan website.
5.2 Tujuan Implementasi Sistem
Adapun tujuan implementasi sistem adalah sebagai berikut:
1. Menilai rangkaian sistem baik dari segi software maupun hardware sebagai
sarana pengolahan data dan penyajian informasi.
Universitas Sumatera Utara
2. Menyelesaikan rancangana sistem yang ada di dalam dokumen sistem yang
baru atau yang telah disetujui.
3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah
terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.
4. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan
mengontrol dan melakukan instalasi secara benar.
5.3 Komponen Sistem
Komponen-komponen sistem yang dibutuhkan dalam membangun aplikasi ini
diantaranya adalah:
5.3.1 Hardware
Hardware merupakan bagian dari komputer yang dapat dilihat secara fisik dan dapat
disentuh. Hardware merupakan seluruh komponen peralatan yang membentuk suatu
sistem komputer serta peralatan lainnya yang memungkinkan komputer dapat
melakukan tugasnya. Hardware adalah suatu komponen yang sangat dibutuhkan
dalam mewujudkan sistem yang diusulkan.
Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu:
1. PC atau Laptop
2. Keyboard untuk melakukan input data.
3. Mouse digunakan untuk mengaktifkan atau menggerakkan pointer.
4.
Printer untuk mencetak
Universitas Sumatera Utara
5.3.2 Software
Software adalah sekumpulan instruksi yang memungkinkan Hardware untuk dapat
memproses data. Software ini tidak berbentuk fisik, melainkan berupa program yang
diciptakan melalui perangkat elektronik. Dalam perangkat lunak dikenal dengan apa
yang disebut sistem operasi dan program aplikasi. Hardware tidak akan dapat
memecahkan suatu masalah tanpa adanya komponen software.
Adapun software yang digunakan dalam pembuatan website ini adalah:
1. Sistem Operasi Ms. Windows 7.
2. Google Chrome dan Mozila Firefox sebagai browser.
3. PHP merupakan software yang digunakan untuk membangun sebuah PHP
server didalam windows.
4. MySQL adalah multiuser database dalam bahasa SQL (Stucture Query
Language).
5. HTML Editor adalah software yang dipakai untuk mendesain web seperti :
Sublime Text, Notepad++ dan software yang lain.
5.3.3 Brainware
Brainware atau pengguna adalah manusia yang terlibat dalam mengoperasikan serta
mengatur sistem di dalam komputer. Diartikan juga sebagai perangkat intelektual
yang mengoperasikan dan mengeksplorasi kemampuan dari perangkat keras maupun
perangkat lunak. Brainware termasuk bagian penting dari sebuah sistem komputer.
Karena sebuah sistem tidak akan berjalan apabila tidak ada peran brainware.
Universitas Sumatera Utara
Brainware merupakan semua pihak yang bertanggung jawab dalam pengembangan
sistem informasi, pemrosesan, dan penggunaaan keluaran sistem informasi.
Brainware dalam sistem informasi terbagi 3 yaitu:
1. Sistem Analis
Orang yang menganalisa sistem dengan mempelajari masalah-masalah yang
timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi
pemecahan yang beralasan.
2. Programmer
Orang yang mengerti bahasa pemrograman dalam membuat dan membangun
program.
3. Operator
Orang yang memakai sistem.
5.4 Tampilan Program
Adapun tampilan Program yang telah dibuat sebagai berikut :
5.4.1 Tampilan Halaman Awal
Halaman ini adalah halaman awal ketika calon siswa baru membuka website
pendaftaran siswa baru SMA Negeri 10 Medan.
Universitas Sumatera Utara
Gambar 5.1 Tampilan Halaman Awal
5.4.2 Tampilan Form Pendaftaran
Pada Form ini calon siswa baru yang ingin melakukan pendaftaran, mengisi biodata
yang tersedia pada form, setelah itu mengklik tombol Submit untuk menyimpan data
yang telah diisi.
Universitas Sumatera Utara
Gambar 5.2 Form Pendaftaran
5.4.3 Tampilan Halaman Login Calon Siswa
Pada Halaman ini digunakan untuk login calon siswa baru dengan akun yang telah
dibuat pada saat mengisi form pendaftaran, dengan cara mengisi Username dan
Password yang telah dibuat oleh calon siswa
Universitas Sumatera Utara
Gambar 5.3 Halaman Login Calon Siswa
5.4.4 Tampilan Halaman Calon Siswa
Pada Halaman ini digunakan calon siswa baru untuk mencetak kartu peserta, untuk
mengedit biodata yang sudah diisi pada form pendaftaran serta melihat pengumuman
hasil.
Gambar 5.4 Halaman Calon Siswa
Universitas Sumatera Utara
Gambar 5.5 Halaman Calon Siswa Pengumuman
Gambar 5.6 Halaman Calon Siswa Print Kartu
5.4.5 Tampilan Halaman Login Admin
Pada Halaman ini digunakan untuk login admin agar bisa mengakses ke halaman
admin. Hanya admin yang dapat mengakses halaman admin. Admin dapat Login
dengan cara mengisi Username dan Password.
Universitas Sumatera Utara
Gambar 5.7 Halaman Login admin
5.4.6 Tampilan Halaman Admin
Pada Halaman ini admin dapat mengelola data calon siswa, menentukan kelulusan
siswa serta menambahkan galeri.
Gambar 5.8 Halaman Admin
Universitas Sumatera Utara
Gambar 5.9 Halaman Admin Galeri
Universitas Sumatera Utara
BAB 6
PENUTUP
6.1 Kesimpulan
Dari hasil pembahasan tentang Sistem Pendaftaran Siswa Baru Berbasis Web Pada
SMA Negeri 10 Medan, maka penulis dapat mengambil beberapa kesimpulan
diantaranya adalah sebagai berikut:
1. Website Pendaftaran Siswa baru SMA Negeri 10 Medan ini, dibuat
menggunakan bahasa pemrograman PHP dan MySQL sebagai penyimpan
datanya.
2. Website ini menyajikan informasi terkait dengan Pendaftaran siswa baru pada
SMA Negeri 10 Medan.
3.
Website ini memudahkan para siswa dalam mendaftar pada SMA Negeri 10
Medan, agar tidak perlu lagi datang jauh-jauh ke sekolah untuk mendaftarkan
dirinya, cukup di rumah atau di manapun asalkan mempunyai komputer atau
laptop dan jaringan internet, calon siswa-siswi sudah dapat mendaftarkan
dirinya di SMA Negeri 10 Medan.
Universitas Sumatera Utara
6.2 Saran
Adapun saran yang dapat diberikan Penulis untuk Pendaftaran Siswa baru pada SMA
Negeri 10 Medan adalah sebagai berikut:
1. SMA Negeri 10 Medan diharapkan dapat menerapkan sistem berbasis web,
sehingga lebih efektif dalam penyebaran informasi tentang SMA Negeri 10
Medan .
2.
Untuk
implementasi
aplikasi
web
ini
kedepannya,
dapat
juga
mempertimbangkan keamanan webnya (web security).
3. Dalam penggunaan aplikasi ini, hendaknya administrator diberikan
pelatihan
yang
cukup
supaya
menghindari
terjadinya
kesalahan
pengoperasian website ini.
4. Di harapkan dengan adanya website ini, dapat memotivasi siswa dalam
berprestasi dan meningkatkan ilmunya dalam bidang teknologi.
Universitas Sumatera Utara