• Tidak ada hasil yang ditemukan

Sistem Pendaftaran Siswa Baru Berbasis Web Pada SMA Negeri 10 Medan Chapter III VI

N/A
N/A
Protected

Academic year: 2017

Membagikan "Sistem Pendaftaran Siswa Baru Berbasis Web Pada SMA Negeri 10 Medan Chapter III VI"

Copied!
31
0
0

Teks penuh

(1)

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

(2)

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.

(3)

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

(4)
(5)

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

(6)

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 Keterangan

Terminator Pihak-pihak yang berada diluar sistem, tetapi secara langsung berhubungan dengan sistem dalam hal memberi data atau menerima informasi.

Process Berisi mengenai sistem yang akan dibuat.

(7)

Adapun diagram konteks dari Sistem Pendaftaran Siswa Baru SMA Negeri 10 Medan adalah sebagai berikut :

Gambar 4.1 Diagram Konteks Pengunjung / Calon

Siswa

Kepala Sekolah

Data Siswa yang lulus Informasi Cara Daftar

Data Calon Siswa

Sistem Pendaftaraan Siswa Baru

SMA Negeri 10 Medan

Informasi Daftar

Informasi Profil

(8)

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. Flowchart merupakan langkah awal pembuatan program. Setelah flowchart 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.

(9)

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

(10)

4.3.1 Flowchart Halaman Utama

Gambar 4.2 Flowchart Halaman Utama Beranda

Daftar

Profil

Jadwal

Galeri

Login Login siswa

(11)

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.

Gambar 4.3 Flowchart Login Admin Mulai

Kombinasi email dan Password Salah Tidak

(12)

Gambar 4.4 Flowchart Halaman Admin Beranda

Peserta

Galeri

Logout Logout admin

(13)

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.

Gambar 4.5 Flowchart Pendaftaran Mulai

Proses Daftar

Input Data

Edit Data

Data Belum Lengkap

Data Siswa

Selesai Tidak

ya

Tidak

(14)

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.

Gambar 4.6 Flowchart Login Calon Siswa Username

Password

Login

Halaman

Siswa

Selesai

Kombinasi email dan Password Salah Tidak

(15)

Gambar 4.7 Flowchart Halaman Calon Siswa

Logout Logout User

(16)

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

(17)

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

(18)

3. Tabel Siswa

Tabel 4.5 Tabel Siswa

No Field Nama Type and Width

12 Penghasilan Varchar (30)

(19)

21 tgl_msk Date

22 nilai_ujian Int (5)

23 username Varchar (30)

24 Password Text

(20)

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:

(21)

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.

(22)

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

(23)

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

(24)

Gambar 5.1 Tampilan Halaman Awal

5.4.2 Tampilan Form Pendaftaran

(25)

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

(26)

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.

(27)

Gambar 5.5 Halaman Calon Siswa Pengumuman

Gambar 5.6 Halaman Calon Siswa Print Kartu

5.4.5 Tampilan Halaman Login Admin

(28)

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.

(29)
(30)

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.

(31)

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.

Gambar

Gambar 3.1 Struktur Organisasi SMA Negeri 10 Medan
Tabel 4.1 Lambang yang digunakan di Diagram Konteks
Gambar 4.1 Diagram Konteks
Tabel 4.2 Simbol Flowchart
+7

Referensi

Dokumen terkait

Isi username dan password Start Buka localhost/ inventarismasjid/ Halaman Home Klik tombol login Halaman login Menampilkan halaman dashboard Yes Input Data Barang Input Data

1) Siswa dapat melihat tampilan halaman utama yang berisi menu profil sekolah, menu pendaftaran, menu persyaratan dan menu login. 2) Pendaftar dapat mengisi form persyaratan

Mengupdate Produk, Kategori,Status Order,data pelanggan Sumber: Syafii, 2005 Membuka Halaman Web Melakukan Registrasi Pendaftaran Masukkan Data Calon Pelanggan Login Display

HR-ER membuka halaman training record pada browser yang digunakan, kemudian sistem menampilkan halaman login, HR-ER mengisi username dan password, kemudian

<li><strong>Daftar Ulang.</strong><br>Peserta yang dinyatakan LULUS Ujian Seleksi, melakukan Her- registrasi dengan mendatangi Sekretariat Pendaftaran SMA

Dalam tampilan antarmuka WebServer pada halaman Login Admin ini, terdapat form login yang berisi username dan password, dibuat dengan menggunakan bahasa

Login Profil Informasi Umum Sejarah Informasi Layanan Perpus Start Finish Input Username Password Data base Tampilan Menu Home Layanan Data Buku Data Peminjam

Proses login dimulai ketika admin memasukan username dan password pada halaman login, kemudian control mengecek validasi username dan password yang masuk, apakah username