BAB 3 GAMBARAN SEKILAS TENTANG SMA NEGERI 10 MEDAN. 1. Nama Sekolah : SMA NEGERI 10 MEDAN. 2. Nomor Statistik :

Transkripsi

1 BAB 3 GAMBARAN SEKILAS TENTANG SMA NEGERI 10 MEDAN 3.1 Profil Sekolah 1. Nama Sekolah : SMA NEGERI 10 MEDAN 2. Nomor Statistik : Provinsi : Sumatera Utara 4. Otonomi Daerah : Medan 5. Kecamatan : Medan Kota 6. Kelurahan : Sei Rengas I 7. Jalan dan Nomor : Jalan Tilak No Kode Pos : Telepon : Status Sekolah : Negeri 11. Kelompok Sekolah : SMA 12. Akreditasi : B 13. Tahun Berdiri : 1954

2 3.2 Visi, Misi, dan Tujuan Sekolah Adapun Visi, Misi, dan Tujuan Sekolah adalah : Visi Mewujudkan Sumber Daya Manusia yang Berakhlak Mulia yang Mampu Bersaing Secara Global 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.

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

4 Gambar 3.1 Struktur Organisasi SMA Negeri 10 Medan

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

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. Data Flow Berisi data atau informasi yang mengalir dari satu pihak ke sistem dan sebaliknya.

7 Adapun diagram konteks dari Sistem Pendaftaran Siswa Baru SMA Negeri 10 Medan adalah sebagai berikut : Pengunjung / Calon Siswa Data Calon Siswa Administrator Informasi Cara Daftar Informasi Daftar Informasi Profil Informasi Galeri Sistem Pendaftaraan Siswa Baru SMA Negeri 10 Medan Cara Daftar Daftar Profil Galeri Data Siswa yang lulus Kepala Sekolah Gambar 4.1 Diagram Konteks

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. Connector Symbol, yaitu simbol untuk keluar-masuk atau penyambungan proses dalam lebar/halaman yang sama.

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 output yang digunakan yaitu layar,plotter, printer dan sebagainya.

10 4.3.1 Flowchart Halaman Utama Mulai Halaman Utama Beranda Beranda A Daftar Cara daftar dan Daftar B Profil Visi dan Misi C Jadwal Jadwal D Galeri Galeri E Login Login siswa Selesai Gambar 4.2 Flowchart Halaman Utama

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 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 Login Kombinasi dan Password Salah Halaman Admin Selesai Gambar 4.3 Flowchart Login Admin

12 Mulai Halaman Admin Beranda Beranda A Peserta Pengolahan data B Galeri Tambah Galeri dan Data Galeri C Logout Logout admin Selesai Gambar 4.4 Flowchart Halaman 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. Mulai Proses Daftar Input Data Data Belum Lengkap ya Edit Data Data Siswa Selesai Gambar 4.5 Flowchart Pendaftaran

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. Mulai Username Password Login Kombinasi dan Password Salah Halaman Siswa Selesai Gambar 4.6 Flowchart Login Calon Siswa

15 Mulai Halaman user Beranda Beranda A Profil Visi dan Misi B Jadwal Jadwal C Galeri Galeri D Siswa Siswa E Logout Logout User Selesai Gambar 4.7 Flowchart Halaman Calon Siswa

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

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 4 gambar Text

18 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)

19 21 tgl_msk Date 22 nilai_ujian Int (5) 23 username Varchar (30) 24 Password Text 25 Status Varchar (30)

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: 1. Menilai rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.

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: 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

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

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 : Tampilan Halaman Awal Halaman ini adalah halaman awal ketika calon siswa baru membuka website pendaftaran siswa baru SMA Negeri 10 Medan.

24 Gambar 5.1 Tampilan Halaman Awal 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.

25 Gambar 5.2 Form Pendaftaran 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

26 Gambar 5.3 Halaman Login Calon Siswa 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

27 Gambar 5.5 Halaman Calon Siswa Pengumuman Gambar 5.6 Halaman Calon Siswa Print Kartu 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.

28 Gambar 5.7 Halaman Login admin Tampilan Halaman Admin Pada Halaman ini admin dapat mengelola data calon siswa, menentukan kelulusan siswa serta menambahkan galeri. Gambar 5.8 Halaman Admin

29 Gambar 5.9 Halaman Admin Galeri

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

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. 4. Di harapkan dengan adanya website ini, dapat memotivasi siswa dalam berprestasi dan meningkatkan ilmunya dalam bidang teknologi.