Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan

SISTEM INFORMASI DATA SISWA PADA SEKOLAH

SMA YAYASAN PENDIDIKAN MULIA

TANJUNG SARI MEDAN

TUGAS AKHIR

PUTRI PRIHATINI

052406129

PROGRAM STUDI D-3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2008

SISTEM INFORMASI DATA SISWA PADA SEKOLAH SMA YAYASAN PENDIDIKAN MULIA

TANJUNG SARI MEDAN

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai sebutan Ahli Madya Komputer

Y E N I 052406140

PROGRAM STUSI D-3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2008

PERSETUJUAN

Judul : SISTEM INFORMASI DATA SISWA PADA

SEKOLAH SMA YAYASAN PENDIDIKAN MULIA TANJUNG SARI MEDAN

Kategori : TUGAS AKHIR

Nama : PUTRI PRIHATINI

Nomor Induk Mahasiswa : 052406129

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Mei 2008

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU Ketua,

Dr. Saib Suwilo, M.Sc NIP : 131 796 149

Pembimbing

Prof. Dr. Muhammad Zarlis NIP : 131 570 434

PERNYATAAN

SISTEM INFORMASI DATA SISWA PADA SEKOLAH SMA YAYASAN PENDIDIKAN MULIA TANJUNG SARI MEDAN

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing – masing disebutkan sumbernya.

Medan, Mei 2008

PUTRI PRIHATINI 052406129

PENGHARGAAN

Alhamdulillahirrabbil’alamin, rasa syukur yang tak terhingga Penulis panjatkan ke hadirat Allah SWT, karena hanya dengan petunjuk dan karunia-Nya Penulis dapat menyelesaikan Penulisan Tugas Akhir ini dengan sebaik-baiknya sebagai syarat untuk menyelesaikan pendidikan pada Program D-3 Ilmu Komputer FMIPA Universitas Sumatera Utara.

Adapun judul dari Tugas Akhir ini adalah “Sistem Informasi Data Siswa Pada SMA Swasta Mulia Tanjung Sari Medan”.

Banyak pihak yang telah memberikan bantuan kepada Penulis, mulai dari persiapan penulisan, pengumpulan data, hingga penyempurnaan tugas akhir ini. Untuk itu, pada kesempatan ini Penulis ingin mengucapkan terima kasih yang sebesar – besarnya

kepada :

1. Bapak Dr. Eddy Marlianto, M.Sc selaku Dekan FMIPA USU.

2. Bapak Dr. Saib Suwilo, M.Sc selaku Ketua Departemen Matematika FMIPA USU.

3. Bapak Prof.Dr. Muhammad Zarlis selaku Dosen Pembimbing yang telah banyak memberikan masukan dan petunjuk didalam menyelesaikan Tugas Akhir ini.

4. Bapak H.A.E.Siregar selaku Kepala Sekolah SMA Swasta Mulia Tanjung Sari Medan, yang telah memberikan izin kepada Penulis untuk melakukan riset.

5. Untuk semua Guru SMA Swasta Mulia Tanjung Sari Medan, yang telah banyak memberikan bantuan, serta doanya.

6. Seluruh staff pengajar di FMIPA Universitas Sumatera Utara, khususnya staff pengajar di D-3 Ilmu Komputer.

7. Teristimewa kepada Kedua Orangtua Tercinta, dengan cinta tulus hati dan Rasa hormat Serta kasih sayang yang tak terhingga Penulis haturkan

Terima Kasih karena telah memberikan yang terbaik bagi Penulis selama ini,semoga selalu dalam rahmat dan hidayah-Nya.

8. Untuk Keluarga yang telah banyak memberikan dorongan dan doa dan Dengan ridho dari Allah SWT semoga karya ini dapat bermanfaat.

9. Buat Bang Ade, kak nona, serta adik- adikku tersayang Terima kasih atas kasih sayangnya, perhatian serta doanya, kalian telah menjadikan hari-hariku penuh arti.

10. Untuk MySweetheart Terima kasih atas kasih sayangnya, perhatian, nasehat serta doanya.

11. Untuk teman – temanku Yeni, Eka, Ade, Dicky Terima kasih atas doa, nasehat, dukungan, dan bantuan yang telah diberikan serta telah menjadi tempat curhat yang sabar selama ini, ‘You’re the best friend in islam that I ever had’ tanpa kalian akan sangat sulit melewati semua yang terjadi. 12. Untuk semua teman – teman KOM C angkatan 05 yang telah banyak

memberikan, membantu dan mendukung Penulis selama menjalani Pendidikan di D3 Ilmu Komputer USU.

Juga semua pihak yang tak dapat Penulis sebutkan satu-persatu, yang telah memberikan dukungan serta bantuannya kepada Penulis selama ini.

Penulis menyadari bahwa tugas akhir ini masih banyak kekurangan dan ketidaksempurnaan, karena keterbatasan ilmu yang Penulis miliki. Untuk itu Penulis mengharapkan adanya masukan dan kritikan yang positif dari pembaca, demi kesempurnaan Tugas Akhir ini pada masa yang akan datang.

Akhir kata, Penulis berharap semoga Tugas Akhir ini bermanfaat bagi siapapun yang membacanya. Semoga Allah senantiasa memberikan rahmat dan hidayah-Nya kepada kita semua.

Medan, Mei 2008 Penulis

ABSTRAK

Sekolah adalah salah satu sarana organisasi dalam memberikan pelayanan kepada masyarakat didalam bidang pendidikan. Sekolah merupakan tempat dimana kita menimba ilmu, belajar dari yang tidak tahu menjadi tahu. Dan salah satu unsur yang terpenting dari suatu sekolah adalah siswa dan perpustakaan dari siswa tersebut. Namun dalam penggunaannya, masih banyak sekolah – sekolah yang masih menggunakan cara manual dalam pengolahan data dan pendokumentasian data, sehingga sering terjadi kendala di dalamnya.

Perkembangan ilmu pengetahuan dan teknologi khususnya dalam bidang komputer dewasa ini begitu cepat seiring dengan banyaknya teknologi-teknologi yang berguna dalam mengembangkan teknologi sekarang ini. Perkembangan teknologi tersebut sangat mempengaruhi setiap badan usaha maupun perusahan-perusahan dalam hal mengenai masalah-masalah yang timbul dalam kegiatan operasionalnya

Tugas Akhir ini bertujuan untuk membangun suatu sistem informasi data siswa yang dapat mengatasi kendala – kendala yang telah dihadapi. Sistem informasi ini telah dirancang dengan salah satu aplikasi yang berbasis Windows, yakni dengan menggunakan PHP, Dreamweaver dan MySQL.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel x

Daftar Gambar xi

BAB 1 PENDAHULUAN 1.1 Latar Belakang Masalah 1

1.2 Maksud dan Tujuan 3 1.3 Identifikasi Masalah 4 1.4 Batasan Masalah 4

1.5 Metode Penelitian 5 1.6 Sistematika Penulisan 6 BAB 2 LANDASAN TEORI DAN KONSEPTUAL 2.1 Pengertian Komputer 8 2.2 Aspek Dasar Sistem Komputerisasi 10 2.3 Sistem 10 2.3.1 Karakteristik Sistem 11 2.4 Informasi 12

2.5 Sistem Informasi 12

2.5.1 Komponen Sistem Informasi 13 2.6 Pemograman PHP dan MySQL 14

2.6.1 Tipe Data pada Pemograman PHP 16

2.6.2 Operator 16

2.6.4 Penamaan Variabel 17

2.7 Kelebihan PHP 18

2.7.1 Kelemahan PHP 19

2.8 Tipe Data pada Pemograman MySQL 19

2.8.1 Menjalankan MySQL 19

2.9 HTML 20

2.9.1 Dokumen HTML 20

2.9.2 Bagian – bagian HTML 20

2.9.3 Penamaan Dokumen HTML 22

2.10 Macromedia Dreamweaver 22

2.11 Memulai Dreamweaver 8 23

2.12 Macromedia Flash MX 8 24

2.13 DFD 24

2.13.1 Database 25

BAB 3 LATAR BELAKANG LEMBAGA

3.1 Sejarah Singkat Berdirinya Lembaga 28

3.2 Visi dan Misi 30

3.3 Lokasi Sekolah 31

3.4 Struktur Organisasi Sekolah 32

3.5 Uraian Tugas 32

BAB 4 PERANCANGAN SISTEM

4.1 Metode Perancangan 46

4.2 Hasil Perancangan 46

4.2.1 Bagan Berjenjang 46

4.2.2 Diagram Konteks 47

4.2.3 Diagram Arus Data Level 2 pada Proses Nomor 2 49

4.2.4 Diagram Arus Data Level 3 51

4.2.4.1 Diagram Arus Data Level 3 Proses Nomor 2 51

4.2.5 Desain Basis Data 52

4.2.6 Hubungan Antartabel 52

4.2.6.2 Tabel Siswa 54

4.2.6.3 Tabel Admistrator 54

4.2.7 Rancangan Antarmuka (Interface) 55

4.2.8 Algoritma 58

4.2.8.1 Algoritma Menu Utama 58 BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem 61

5.2. Tujuan Implementasi Sistem 61

5.3 Komponen Utama dalam Sistem 62

5.4 Pemeliharaan Sistem 63

5.5 Batasan Implementasi 63

5.5.1 Implementasi 64

5.6 Aplikasi Administrator 64

5.6.1 Aplikasi Admin 64

5.7 Demonstrasi Program 65

5.7.1 Tampilan Halaman Aplikasi Input Siswa 65 5.7.2 Tampilan Edit / Hapus Siswa 66

5.7.3 Tampilan Detail Siswa 67

5.7.4 Tampilan Data Pengajar 68

5.7.5 Tampilan Detail Pengajar 69

5.7.6 Tampilan Edit / Hapus Pengajar 70

5.7.7 Tampilan Input Pengajar 71

BAB 6 KESIMPULAN DAN SARAN

6.1 Kesimpulan 72

6.2 Saran 74

DAFTAR PUSTAKA 75

LAMPIRAN

DAFTAR TABEL

Tabel 2.1 Simbol – simbol pada DFD 25

Tabel 3.7 Struktur Tabel Pegawai 53

Tabel 3.8 Struktur Tabel Siswa 54

DAFTAR GAMBAR

Gambar 2.11 Tampilan Awal Macromedia Dreamweaver 23

Gambar 2.1 Hierarki Pembentukan Data 27

Gambar 4.1 Bagan Berjenjang Sistem Informasi Akademik 47 Gambar 4.2 Diagram Konteks Sistem Informasi Akademik Level 0 48 Gambar 3.3 Diagram Arus Data Level 1 Sistem Informasi Akademik 49 Gambar 3.4 Diagram Arus Data Level 2 Proses Nomor 2 50 Gambar 3.5 Diagram Arus Data Level 3 Proses Nomor 2 51

Gambar 3.6 Relasi Antartabel 52

Gambar 3.10 Struktur Rancangan Antarmuka Sistem Informasi Akademik 56 Gambar 3.11 Rancangan Tampilan Sebelum Login Halaman Utama Sistem

Informasi Akademik 57

Gambar 5.7.1 Halaman Aplikasi Input Siswa 65

Gambar 5.7.2 Edit / Hapus Siswa 66

Gambar 5.7.3 Detail Siswa 67

Gambar 5.7.4 Data Pengajar 68

Gambar 5.7.5 Detail Pengajar 69

Gambar 5.7.6 Edit / Hapus Pengajar 70

BAB 1

PENDAHULUAN

1.1 Latar Belakang Masalah

Didalam era globalisasi sekarang ini, komputer merupakan alat yang sangat dibutuhkan oleh banyak instansi dan perusahaan – perusahaan milik negara maupun swasta. Pemakaian komputer dewasa ini semakin berkembang pesat disegala bidang sesuai dengan kemajuan zaman. Sejalan dengan lajunya perkembangan dunia teknologi modern saat ini, banyak mengakibatkan perubahan kehidupan manusia dalam menangani setiap permasalahan yang terjadi yang ada hubungannya dengan proses pembangunan secara menyeluruh.

Dewasa ini perkembangan ilmu pengetahuan dan teknologi sudah semakin cepat, salah satunya adalah dibidang komputer. Saat ini komputer memegang peranan penting dalam mempermudah penyelesaian suatu pekerjaan, meningkatkan efisiensi kerja serta meningkatkan kreatifitas dan aktivitas pegawai dan karyawan sehingga memiliki keterampilan atau kemampuan yang bagus Hal ini dibuktikan dengan banyaknya perusahaan atau instansi pemerintah yang menggunakan sistem komputerisasi sebagai alat bantu untuk mempermudah pekerjaan dan menjadikan perusahaan atau instansi pemerintah memiliki mutu yang tinggi.

Dengan dukungan sistem komputerisasi, cara kerja suatu sistem yang sebelumnya manual dapat mengubah cara kerja yang efisien, tepat guna dan berdaya guna serta terjamin mutu dan kualitas prosedur kerjanya. Dengan perkembangan sarana teknologi modern yang lebih baik, akan tercipta suatu lingkungan sistem kerja yang lebih produktif. Dalam pengolahan data yang tepat akan menghasilkan keuntungan yang besar sekali bagi perusahaan atau instansi. Tetapi jika pengolahan datanya masih dilakukan secara manual, terkadang hasil yang diperoleh pun tidak memuaskan karena satu hal yaitu kemampuan manusia dan olah fikirnya yang terbatas. Maka perlu diciptakan suatu sistem yang mampu memberikan daya tarik perusahaan atau instansi untuk mencapai keunggulan yang kompetitif. Sistem tersebut harus dirancang untuk kemudian diaplikasikan kepada bidang yang membutuhkan sehingga jadilah komputerisasi terhadap data yang ada.

Sekolah adalah salah satu sarana organisasi dalam memberikan pelayanan kepada masyarakat didalam bidang pendidikan. Sekolah merupakan tempat dimana kita menimba ilmu, belajar dari yang tidak tahu menjadi tahu. Salah satu unsur yang terpenting dari suatu sekolah adalah siswa dan perpustakaan dari siswa tersebut.

Informasi yang diperoleh tersebut tentunya akan sangat berpengaruh pada saat pengambilan keputusan. Oleh karena itu diperlukan suatu sistem informasi yang dapat memberikan efisiensi kerja, kecepatan dan ketelitian waktu serta informasi yang baik, terutama di dalam mengolah data.

Dalam hal ini Penulis mencoba membuat Sistem Informasi Siswa yang terkomputerisasi yang akan diterapkan pada Sekolah Yayasan Pendidikan Mulia Tanjung Sari Medan, sehingga diharapkan mampu memberikan layanan yang lebih cepat dan akurat. Atas dasar itulah, maka Penulis memilih judul

“SISTEM INFORMASI DATA SISWA PADA SMA SWASTA MULIA TANJUNG SARI MEDAN” yang dalam perancangan sistem informasi ini Penulis menggunakan Php, dan MySql yang merupakan bahasa pemograman untuk membuat suatu aplikasi dalam Microsoft Windows, dan juga memudahkan pemrogram untuk berinteraksi langsung dengan elemen – elemen (komponen – komponen) setiap program.

1.2 Maksud dan Tujuan

Dewasa ini pengaruh data dan informasi dapat dikatakan sangat berpengaruh sekali bagi kemajuan sebuah perusahaan dan sebuah instansi pendidikan yang nantinya dijadikan sebagai bahan evaluasi kinerja bagi sebuah Sekolah Menengah Atas untuk ke depan dan seterusnya.

Karena itu Penulis mencoba merancang sebuah sistem informasi data siswa yang mana sistem yang akan dirancang dapat membantu untuk mempercepat menyampaikan dan memberikan informasi secara akurat dan efisien.

Maksud dan tujuan utama diadakannya serta dilakukannya penelitian ini bertujuan untuk, antara lain :

1. Mengumpulkan data – data sebagai bahan penyelesaian Tugas akhir.

2. Membangun sistem informasi untuk mengkomputerisasi sistem yang berjalan pada saat ini.

3. Mempermudah pendokumentasian sistem informasi tentang siswa.

4. Mempermudah pencarian data yang sesuai dengan informasi yang diperlukan. 5. Mempermudah penginputan data dan memberikan informasi yang cepat.

1.3 Identifikasi Masalah

Pada umumnya setiap Perusahaan atau Instansi Pemerintah khususnya pada Sekolah Yayasan Pendidikan Mulia Medan mempunyai masalah didalam menjalankan kegiatan operasinya. Jika instansi ingin tetap mempertahankan dan mengembangkan sistemnya, maka setiap masalah yang ada harus diatasi sedini mungkin.

Bertitik tolak dari hal diatas penulis tertarik untuk membahas masalah yang berhubungan dengan sistem katalogisasi. Penulis mencoba merumuskan permasalahan yaitu : Bagaimana membuat Sistem Informasi Data Siswa Pada SMA Yayasan Pendidikan Mulia Tanjung Sari Medan dengan menggunakan pemrograman Php, dan MySql.

1.4 Batasan Masalah

Penulis melakukan pembatasan masalah, hal ini dilakukan agar pembahasannya tidak menyimpang dari topik permasalahan tentang informasi data siswa pada SMA Yayasan Pendidikan Mulia Tanjung Sari Medan. Batasan masalah dalam pembuatan tugas akhir ini nantinya adalah masalah data siswa. Data yang diambil dari Data Siswa Pada SMA Yayasan Pendidikan Mulia Tanjung Sari Medan tentang data siswa.

Untuk tidak mengaburkan pengertian dan analisa yang ditinjau, maka Penulis memberikan batasan – batasan atau ruang lingkup pembahasan masalah sebagai berikut:

a. Peninjauan dilakukan hanya berfokus pada konsep umum mengenai sistem informasi data siswa.

SMA Yayasan Pendidikan Mulia Tanjung Sari Medan.

c. Sumber data yang diperoleh dari lembaga pendidikan sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan.

1.5 Metode Penelitian

Dalam penyusunan tugas akhir ini, Penulis mengumpulkan data yang dipergunakan untuk membuat program ini dengan metode – metode sebagai berikut :

1. Penelitian Lapangan (Field Research)

Metode Penelitian yang dilakukan langsung kelapangan yang mana dalam hal ini Penulis langsung datang ke SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, dan menganalisa secara langsung hal – hal yang dibutuhkan di dalam membuat program dan memperhitungkannya.

2. Observasi

Yaitu memperoleh data dengan cara mengadakan pengamatan langsung terhadap objek yang diteliti.

3. Interview (Wawancara)

Yaitu memperoleh data dengan mengadakan tanya jawab langsung dengan kepala bagian yang bersangkutan.

4. Studi Kepustakaan

Yaitu Metode ini bertujuan untuk memperoleh bahan penulisan yang bersifat teoritis dari buku – buku yang berkaitan dengan penulisan Tugas Akhir ini.

1.6 Sistematika Penulisan

Adapun maksud dan tujuan sistematika penulisan Tugas Akhir ini adalah untuk lebih memudahkan Penulis dalam membuat dan menyelesaikan permasalahan yang dianalisis sehingga lebih terarah dan terfokus dan tidak menyimpang dari ruang lingkup batasan masalah. Untuk mempermudah penulisan Tugas Akhir ini, Penulis membuat suatu sistematika penulisan. Adapun sistematika penulisan Tugas Akhir ini adalah sebagai berikut :

BAB 1 PENDAHULUAN

Dalam bab ini Penulis menjelaskan mengenai latar belakang masalah, maksud dan tujuan, rumusan masalah, batasan masalah yang

membatasi permasalahan yang dibahas, dan sistematika penulisan Tugas Akhir ini.

BAB 2 LANDASAN TEORI DAN KONSEPTUAL

Dalam bab ini Penulis menguraikan dan menjelaskan tentang teori – teori untuk menyelesaikan pemecahan masalah yang akan dibahas, beberapa teori yang digunakan : Sistem, Informasi, Sistem Informasi, Perusahaan, Database, dan uraian singkat tentang Php, dan MySql. BAB 3 TENTANG TEMPAT RISET

Dalam bab ini dijelaskan tentang sejarah dan struktur organisasi tempat Penulis melakukan penelitian yaitu SMA Yayasan Pendidikan Mulia Tanjung Sari Medan.

BAB 4 PERANCANGAN SISTEM

Dalam bab ini menjelaskan tentang pemecahan masalah yang dipilih, struktur perusahaan, langkah – langkah implementasi, Data Flow

Diagram, database dan relasi antartabel serta design dialog (input dan output).

BAB 5 IMPLEMENTASI SISTEM

Dalam bab ini Penulis menyajikan tentang pengertian implementasi sistem, tujuan implementasi aplikasi serta spesifikasi aplikasi. BAB 6 KESIMPULAN DAN SARAN

Dalam bab ini dijelaskan tentang kesimpulan maupun saran yang mendukung bagi Penulis untuk kesempurnaan dari Tugas Akhir ini.

BAB 2

LANDASAN TEORI DAN KONSEPTUAL

Dalam penulisan laporan Tugas Akhir ini, Penulis akan memberikan beberapa pengertian yang berhubungan dengan judul penelitian yang Penulis ajukan serta sekilas tentang bahasa pemograman yang digunakan.

2.1 Pengertian Komputer

Komputer merupakan alat pengolahan data elektronis dan elektromagnetis, ia bekerja dengan bantuan peralatan elektronis dan elektromagnetis. Pada umumnya komputer berasal dari bahasa inggris yaitu “compute” yang artinya menghitung1. Sejalan dengan perkembangan komputer maka banyak para ahli yang mendefenisikan komputer yang intinya semua hampir sama.

Menurut buku Computer Annual (Robert H.Blissmer) Komputer adalah suatu alat elektronik yang mampu melakukan beberapa tugas yaitu menerima input, memproses input tadi sesuai dengan programnya, menyimpan perintah – perintah dan hasil dari pengolahan, serta menyediakan output dalam bentuk informasi.

Menurut buku Computer Today (Donald H.Sanders) Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input,

memprosesnya, dan menghasilkan output dibawah pengawasan suatu langkah – langkah instruksi – instruksi program yang tersimpan dimemori (stored program).

Menurut buku Computer Organization (V.C.Hamacher,Z.G.Vranesic.S.G Zaky)

Komputer adalah mesin Penghitung elektronik yang cepat dapat menerima informasi input digital, memprosesnya sesuai dengan suatu program yang tersimpan di memorinya (stored program) dan menghasilkan output informasi.

Menurut buku Introduction To Computers (Gordon B.Davis) Komputer adalah tipe khusus alat penghitung yang mempunyai sifat tertentu yang pasti.

Menurut buku Introduction To The Computer, The Tool Of Business (William M.Fuori) Komputer adalah suatu pemroses data (data processor) yang dapat melakukan perhitungan yang besar dan cepat, termasuk perhitungan aritmatika yang besar atau operasi logika tanpa campur tangan dari manusia mengoperasikan selama pemrosesan.

Tidak dapat dipungkiri bahwa sekarang ini kita hidup dalam abad komputer. Dimana pada negara – negara maju komputer memegang peranan penting dalam berbagai bidang. Komputer juga berfungsi sebagai suatu alat pengumpulan informasi melalui data yang berupa mesin – mesin yang merupakan alat komunikasi yang sangat membantu dalam menyelesaikan suatu pekerjaan seperti penyimpanan kedalam harddisk maupun floppy disk, yang bertujuan untuk memudahkan dalam penemuannya kembali dalam waktu yang relatif singkat. Problem pendataan dan pengolahan data dapat dikerjakan dengan mudah dan dalam waktu yang sangat singkat oleh komputer.

2.2 Aspek Dasar Sistem Komputerisasi

Adapun aspek dasar dari sistem komputerisasi adalah sebagai berikut : a. Hardware (Perangkat Keras)

Hardware merupakan peralatan fisik dari sebuah sistem komputer. Umumnya terdiri dari tiga jenis perangkat yaitu perangkat masukan (input device), perangkat

keluaran (output device), serta pengolahan (processor). b. Software (Perangkat Lunak)

Software merupakan program yang berisi perintah – perintah untuk melakukan pengolahan data.

c. Brainware (Tenaga Pelaksana)

Brainware merupakan perangkat manusia yang dibutuhkan dan yang terlibat di dalam mengoperasikan serta mengatur sebuah sistem komputer.

2.3 Sistem

Kata sistem berasal dari bahasa yunani yang berarti kesatuan. Pada dasarnya sistem merupakan penerapan metode ilmiah dalam memecahkan suatu masalah yang menuntut adanya pemikiran yang sistematis, merupakan kumpulan dari bagian – bagian yang bekerja sama untuk mencapai tujuan yang sama, atau merupakan sekumpulan objek – objek yang saling berelasi dan berinteraksi serta hubungan antar objek bisa dilihat sebagai satu kesatuan yang dirancang untuk mencapai satu tujuan.

Fatansyah, (Basis Data 1999:9), “Sistem merupakan suatu tatanan yang terdiri atas sejumlah komponen fungsional (dengan satuan fungsi atau tugas khusus)

yang saling berhubungan secara bersama – sama yang bertujuan untuk memenuhi suatu proses atau pekerjaan tertentu”.

Jogiyanto H.M, (Pengenalan Komputer, 2000:683), “Sistem adalah suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang saling berinteraksi untuk mencapai tujuan”.

Dari beberapa uraian diatas mengenai definisi sistem, Penulis dapat menyimpulkan pengertian dari sistem yang berkaitan dengan judul, yaitu “Sistem adalah suatu cara yang dibuat sedemikian rupa yang terdiri dari dua elemen atau lebih yang saling berhubungan untuk mengatasi masalah atau kendala – kendala yang terjadi sesuai dengan tujuan yang diinginkan”.

2.3.1 Karakteristik Sistem

Suatu sistem mempunyai karakteristik atau sifat – sifat yang tertentu, yaitu mempunyai komponen – komponen (components), batas sistem (boundary), lingkunga luar sistem (environments), penghubung (interface), masukan (input), keluaran (output), pengolah (process), dan sasaran (objectives) atau tujuan (goal).

2.4 Informasi

Informasi dapat didefenisikan sebagai hasil dari pengolahan dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian (event) yang nyata dan dapat digunakan untuk mengambil suatu keputusan.

Informasi pada dasarnya merupakan sarana untuk pengambilan keputusan. Informasi sebagai hasil dari proses pengolahan data, dan dikatakan bernilai jika memiliki kaitan dengan pengambilan keputusan.

Jogiyanto H.M, (Analisis & Desain Sistem Informasi Pendekatan Terstruktur Teori Dan Praktek Aplikasi Bisnis, 1989:8), “Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya”.

2.5 Sistem Informasi

Sistem Informasi adalah suatu cara tertentu untuk menyediakan informasi yang dibutuhkan oleh organisasi untuk beroperasi dengan cara yang sukses dan untuk organisasi bisnis dengan cara yang menguntungkan. Dalam beberapa permasalahan sistem informasi selalu dititikberatkan kepada bagaimana dalam menghasilkan sebuah informasi dan saran apa yang harus dilengkapi sebagai pendukung yang handal. Perlu diperhatikan bahwa informasi yang digunakan di dalam suatu sistem informasi pada umumnya dapat digunakan.

Jogiyanto, H.M (Analisa & Desain Sistem Informasi Pendekatan Terstuktur Teori Dan Praktek Aplikasi Bisnis, 1989:11), “Sistem Informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan – laporan yang diperlukan”.

2.5.1 Komponen Sistem Informasi

Stair (1992) menjelaskan bahwa sistem informasi berbasis komputer (CBIS) dalam suatu organisasi terdiri dari komponen – komponen berikut :

1. Perangkat Keras

Yaitu : Perangkat keras komponen untuk melengkapi kegiatan memasukkan data, memproses data, keluaran data.

2. Perangkat Lunak

Yaitu : Program dan instruksi yang diberikan ke komputer. 3. Database

Yaitu : Kumpulan data dan informasi yang diorganisasikan sedemikian rupa sehingga mudah diakses pengguna sistem informasi.

4. Telekomunikasi

Yaitu : Komunikasi yang menghubungkan antara pengguna sistem dengan sistem komputer secara bersama – sama ke dalam suatu jaringan kerja yang efektif. 5. Manusia

Yaitu : Personel dari sistem informasi, meliputi manajer, analis, programer, operator, serta bertanggung jawab terhadap perawatan sistem.

2.6 Pemrograman Php dan MySql

Php merupakan bahasa pemograman yang reliabel dan sangat mudah diintegrasikan dengan database MySql. Dengan menggunakan PHP sebagai bahasa pemograman dan MySql sebagai database serta Apache sebagai webserver menjadikan aplikasi yang kita buat semakin power full. Dan PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah – perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan web ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemograman dan HTML sebagai pembangun dari halaman web. Php merupakan software yang Open Source (gratis) dan mampu lintas platform, yaitu dapat digunakan dengan sistem operasi dan web server apapun. Php mampu berjalan di Windows dan beberapa versi Linux. Php juga dapat dibangun sebagai modul pada web server Apache dan sebagai binary yang dapat berjalan sebagai CGI.

Dengan menggunakan PHP maka maintenance suatu situs web menjadi lebih mudah. Proses update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan script PHP.

Ada beberapa cara untuk mulai menuliskan script PHP, yaitu : 1. <?php

Script PHP anda ?>

2. <?

Script PHP anda ?>

3. <script language = “php”> Script PHP anda

</script> 4. <%

Script PHP anda %>

Cara pertama merupakan format yang dianjurkan tetapi mungkin cara yang kedua lebih sering digunakan karena lebih ringkas. Cara yang ketiga digunakan untuk mengantisipasi editor dan web server yang tidak dapat menerima kedua cara diatas. Selain itu kita juga bisa menggunakan cara penulisan ASP, tetapi tentu saja ada beberapa konfigurasi yang perlu ditambahkan terlebih dahulu pada file konfigurasi php.

MySql merupakan software database yang termasuk paling populer di lingkungan Linux, kepopuleran ini karena ditunjang karena performansi query dari databasenya yang saat itu bisa dikatakan paling cepat, dan jarang bermasalah.

MySql adalah multiuser database yang menggunakan bahasa Structured Query Language (SQL). MySql dalam operasi client-server melibatkan server daemon MySql di sisi server dan berbagai macam program serta library yang berjalan di sisi client. MySql mampu menangani data yang cukup besar.

Sql adalah bahasa standar yang digunakan untuk mengakses database server. Bahasa ini pada awalnya dikembangkan oleh IBM, namun telah diadopsi dan digunakan sebagai standar industri. Dengan menggunakan Sql, proses akses database menjadi lebih user-friendly dibandingkan dengan menggunakan dBASE atau Clipper yang masih menggunakan perintah – perintah pemrograman.

2.6.1 Tipe Data pada pemograman PHP

PHP mengenal beberapa macam tipe data, antara lain integer, floating point dan string. Floating point lebih dikenal dengan nama double atau desimal. Penulisan string selalu diawali dengan tanda petik ganda (“) atau tanda petik tunggal (‘).

2.6.2 Operator

Operator adalah simbol yang digunakan untuk memanipulasi data, seperti penambahan dan pengurangan. Ada operator yang menggunakan satu operand, ada juga yang menggunakan dua operand. Sedangkan operand adalah data yang dioperasikan atau dimanipulasi. Di sini dapat digantikan dengan variabel. Operator dapat dikelompokkan dalam 4 kategori, yaitu :

1. Operator aritmatika adalah operator yang berhubungan dengan fungsi dari Matematika.

2. Operator logika adalah operator yang membandingkan TRUE dan FALSE. 3. Operator bitwise adalah operator yang membandingkan binary.

4. Ada juga operator yang sering digunakan namun tidak termasuk dalam kelompok di Atas. Kita dapat mempelajarinya dengan kelompok lain.

2.6.3 Struktur Kendali

Struktur kendali merupakan pengatur aliran program, mempunyai rangkaian perintah yang harus ditulis untuk memenuhi beberapa keadaan, yaitu :

Melanjutkan sebuah pernyataan bila kondisi terpenuhi.

Memilih sebuah pilihan dari beberapa alternatif bila kondisi terpenuhi.

Struktur kendali dapat dibagi menjadi dua jenis, yaitu struktur kendali percabangan (pengambilan keputusan) dan pengulangan (looping).

2.6.4 Penamaan Variabel

Disetiap bahasa pemograman pasti akan kita temui konsep variabel. Variabel adalah sebuah tempat di memori untuk menyimpan data yang nilainya dapat berubah – ubah. Namun tidak seperti pada bahasa pemograman lain yang mengharuskan kita untuk mendeklarasikan variabel terlebih dahulu, variabel dalam PHP tidak harus dideklarasikan sebelum variabel tersebut digunakan. Variabel diwakili oleh kata tertentu dengan aturan penulisan sebagai berikut :

1. Variabel dimulai dengan tanda dollar ($).

2. Harus dimulai dengan huruf atau underscore (_). 3. Tidak boleh menggunakan tanda baca.

4. Case sensitive atau huruf besar dan huruf kecil dibedakan.

2.7 Kelebihan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP itu sendiri, yaitu :

1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagainya.

2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada Apache yang bersifat open source.

3. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena banyak milis-milis dan developer yang siap membantu pengembangannya.

4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang begitu banyak sehingga mudah dipahami.

5. PHP dapat berjalan pada tiga operating system, yaitu : Linux, Unix, dan Windows serta dapat juga dijalankan secara runtime pada suatu console.

2.7.1 Kelemahan PHP

Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya :

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya (sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP yang sesungguhnya.

2.8 Tipe Data pada pemograman MYSQL

Pada dasarnya ada empat grup tipe data yang didukung MySQL, yaitu data numerik, string, waktu dan data selain numerik atau string.

2.8.1 Menjalankan MySQL

Sebelum kita dapat menjalankan MySQL terlebih dahulu kita pastikan apakah daemon MySQL (mysqld) sudah di-start apa belum. Bila menggunakan Windows 95/98, jalankan file mysqld.exe atau net start mysql bila menggunakan WinNT. Bagi pengguna Linux, pastikan daemon mysql sudah di-load pada saat booting.

Untuk masuk ke prompt MySQL gunakan perintah berikut : C: \mysql\bin>mysql [-u username] [-h hostname] [-ppassword].

Simbol –u di sini untuk menunjukkan siapa usernya, kemudian –h untuk memberitahukan akan koneksi dari mana dan –p untuk password user tersebut.

2.9 HTML (HyperText Markup Language)

2.9.1 Dokumen HTML

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan

dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet.

Ada dua cara untuk membuat sebuah web page : dengan web editor (misalnya Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan editor teks biasa (misalnya notepad atau editplus).

2.9.2 Bagian-bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML, perhatikan skema di bawah ini :

<html>

<head>

<title> … </title> </head>

<body>

… isi dari halaman web … </body>

</html>

Keterangan :

1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diakhiri dengan tag penutup </html>

2. Pada elemen head <head> </head>, dapat kita sisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scripts-scripts pemrogram web seperti JavaScript, VBScript, atau CSS untuk meambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis. 3. Elemen body <body> </body> berisi tag-tag untuk isi atau layout tampilan

pada situs kita, seperti : <font> </font>, <table> </table>, <form> </form>. Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode-kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut :

<tag-awal> TEKS <tag-ahir>

Namun ada juga tag yang tidak perlu penutup seperti <br>, <hr>, <img>, dan lain sebagainya.

2.9.3 Penamaan Dokumen HTML

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah eksistensi “.htm” atau “.html” (tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).

Eksistensi dokumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dengan huruf kecil). Nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya

dokumen.html akan berbeda dengan DOKUMEN.html. Kasus case sensitive akan dijumpai pada dokumen web yang akan di-hosting di dalam server yang berbasis *nix (keluarga sistem operasi UNIX).

2.10 Macromedia Dreamweaver

Dalam membuat suatu website diperlukan suatu editor. Salah satu editor yang sangat sederhana adalah notepad. Dengan perkembangan perangkat lunak, suatu perusahaan yang bernama Macromedia, Inc. membuat suatu editor berbasis GUI yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver.

Dreamweaver merupakan editor HTML yang professional untuk mendesain, menulis kode program, dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaannya, Dreamweaver memberikan 3 (tiga) pilihan yaitu bekerja dengan menulis kode program (Menu code), dengan pengeditan secara visual (Mode Design) dan dengan tampilan keduanya (Mode Split). Dreamweaver juga menyediakan alat – alat bantu untuk mengembangkan kreativitas pembuatan web.

2.11 Memulai Dreamweaver 8

Seperti halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah peng-install-an, kita akan mendapatkan tampilan kotak dialog yang

menanyakan pilihan layout ruang kerja yang ingin kita gunakan, sebaiknya kita gunakan ruang kerja designer.

Gambar 2.11 Tampilan Awal Macromedia Dremweaver 8

2.12 Macromedia Flash MX 8

Macromedia Flash MX 8 merupakan salah satu tool yang sangat bagus digunakan untuk membuat animasi di halaman web. Kelebihan dari penggunaan Macromedia Flash adalah gambarnya yang berbasis vektor yang apabila diperbesar tidak mengalami pemecahan gambar.

Macromedia Flash menghasilkan animasi dengan format (*.swf) yang mengompres ukuran filenya menjadi kecil tanpa mengurangi kualitas dari animasi tersebut. Flash juga mempunyai kemampuan untuk mengimpor gambar, video, dan

suara yang membuat animasi semakin hidup. Di samping itu, Flash juga dilengkapi dengan actionscript, sejenis bahasa pemograman yang membuat animasi dapat ditampilkan secara dinamis dan interaktif.

2.13 Data Flow Diagram (DFD)

- Jogiyanto, H.M (Analisa & Desain Sistem Informasi Pendekatan

Terstruktur 1989:700), “DFD merupakan diagram yang menggunakan notasi – notasi (simbol – simbol) untuk menggambarkan arus data. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik di mana data tersebut mengalir”.

Beberapa simbol – simbol yang digunakan di dalam pembuatan DFD, yaitu :

Tabel 2.1. Simbol- simbol pada DFD

NO Simbol Keterangan

1 Disebut Entity yaitu suatu objek yang

didefenisikan dalam lingkungan pemakai. 2 Disebut Atribut yaitu elemen dari entity yang

menjelaskan tentang karakter atau sifat dari entity.

3 Disebut hubungan yang berfungsi untuk menjalin hubungan antar dari entity.

4 Disebut Penghubung yaitu yang

menghubungkan antar entity.

2.13.1 Database

Database merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen yang penting di sistem informasi karena berfungsi sebagai basis penyedia informasi bagi para pemakainya.

Tujuan dari desain database adalah untuk menentukan data dalam sistem, sehingga informasi yang dihasilkan dapat terpenuhi dengan baik. Desain database perlu dilakukan untuk menghindari pengulangan data.

Hierarki Data :

a. Database Management System (DBMS)

Diartikan sebagai suatu program komputer yang digunakan untuk memasukkan mengubah, memanipulasi dan memperoleh data atau informasi dengan praktis dan efisien.

b. Database

Merupakan kumpulan file yang saling berhubungan satu dengan yang lainnya. c. File

sejenis. Contoh : file dosen, file mahasiswa, dan lain – lain. d. Record

Merupakan kumpulan elemen – elemen yang saling berkaitan

Menginformasikan tentang suatu entity secara lengkap. Satu record mewakili satu data atau informasi tentang seseorang. Contoh: nomor karyawan,

nama karyawan, alamat, dan lain – lain. e. Field

Suatu field yang menggambarkan suatu atribut dari record yang menunjukkan suatu item dari kata. Contoh: nama, alamat, dan lain – lain.

f. Karakter / byte

Karakter merupakan bagian data yang terkecil, dapat berupa karakter numerik, Huruf atau karakter – karakter khusus yang membentuk suatu item data.

Contoh: A, I, *, dan lain – lain. g. Bit

Gambar 2.1 Hierarki Pembentukan Data

DBMS

Database

File

Record

Field

Karakter / Byte

BAB 3

LATAR BELAKANG LEMBAGA

3.1 Sejarah Singkat Berdirinya Lembaga

Yayasan Pendidikan Muslim Lewat Ilmu dan Akhlak yang disingkat dengan “Yaspend Mulia” berlokasi Jalan Kenanga Sari No. 33 Tanjung Sari, Kecamatan Medan Selayang, Medan. Kata “MULIA” yang dicantumkan pada Yaspend. Mulia, mempunyai makna dan arti majemuk, Mulia dalam arti perbuatan – perbuatan yang baik dan ikhlas dengan kata lain perbuatan – perbuatan yang bermakna dan yang diridoi Ilahi Rabbi, sedangkan Mulia dalam masyarakat berasal dari nama salah satu nama badan pendiri yaitu nama adik almarhummah Ibunda Hj. Nur Fatimah Harahap yang bernama Baginda “Mulia” Harahap.

Sebagai orang Batak harus hormat pada “MORA” artinya keluarga aliran ibu tempat memohon tuah atau semangat. Inilah mendorong badan pendiri menabalkan nama “MULIA” pada Yayasan Pendidikan Mulia yang berarti Mu = Muslim, L = Lewat, I = Ilmu dan A = Akhlak, bila diartikan kata demi kata. Sedangkan dengan kata lain Mulia berartikan Muslim Lewat Ilmu dan Akhlak.

Sesuai Akte Notaris Sundari, SH tertanggal 5 Maret 1986 No.2 Yayasan Pendidkan Mulia resmi berbadan hukum yang bergerak dalam bidang pendidikan yang mengelola pendidikan dari tingkat TK – SD – SMP – SMA – SMEA (SMK BM) – STM (SMK TI) dan Perguruan Tinggi.

Untuk Tahun Pelajaran 1986 / 1987 sesuai dengan dietrbitkannya Surat Izin Operasional SMP tanggal 25 Mei 1987 No. 1014 / 105 / A1987 dan SMA tanggal 19 – 08 – 1986 No. 338 / 105 / A1986 oleh Kanwil Propinsi Sumatera Utara, Yayasan Pendidikan Mulia mulai melaksanakan operasional pendidkan SMP Kelas I sebanyak 40 orang, dan SMA kelas I sebanyak 30 orang, dan dilengkapi dengan tenaga – tenaga edukatif yang berpengalaman, pelaksana dan Kepala Sekolah.

Tahun pelajaran 1988 / 1989 atas usulan masyarakat sesuai geografis daerah kurang unit sekolah SD dan kejuruan, Pengurus yayasan menambah unit sekolah SD dan SMEA, masing – masing menerima siswa kelas 1 SD sebanyak 40 orang yang dibagi 2 kelas, kelas 1.1 sebanyak 20 orang dan kelas 1.2 sebanyak 20 orang serta SMEA kelas 1 sebanyak 38 orang.

Setahun SMP, SMA menamatkan siswa kelas III dan tingkat kelulusan masing – masing 100 %, SMP dan SMA diusulkan ke Kanwil Propinsi Sumatera Utara untuk diakreditasikan guna menaikkan jenjang dari “TERDAFTAR” menjadi “DIAKUI”.

Tahun pelajaran 1989 / 1990 dari hasil Team Akreditasi SMP dan SMA Swasta Mulia naik dari jenjang pendidikan dari “TERDAFTAR” menjadi “DIAKUI”, sehingga tahun pelajaran 1989 / 1990 SMP dan SMA status terdaftar menjadi “DIAKUI” dan berhak sebagai sekolah penyelenggara Evaluasi Belajar Tahab Akhir Nasional ( EBTANAS ).

Bersamaan pada tahun itu juga STM ( SMK TI ) atas permintaan masyarakat dan mendapat restu dari Kanwil Propinsi Sumatera Utara Yayasan Pendidikan Mulia membuka unit baru yaitu STM Jurusan Otomotif dengan penerimaan siswa kelas 1 sebanyak 40 orang. Perjalanan sejarah masih berjalan pada tahun 1993 Yayasan Pendidkan Mulia oleh Kanwil Propinsi Sumatera Utara dipercayakan untuk tempat belajar kelas olahraga yang dikelola oleh PPLP sampai sekarang.

Dengan olahraga Yayasan Pendidikan Mulia, mulai dikenal dari masyarakat kota dan desa di Sumatera Utara, terbukti setiap tahunnya penerimaan siswa baru tiap unit sekolah bertambah, untuk tahun pembelajaran 2004 / 2005 seluruh siswa mencapai 1300 orang.

Siswa mendaftar untuk kelas 1 tertarik dari segi mutu pendidikan, disiplin, olahraga, seni terutama tari dan bina mental yang setiap hari, kecuali hari Jum’at diadakan, khususnya Jum’at siswa yang beragama Islam, laki – laki wajib shalat Jum’at di Musholla Hj. Nur Fatimah Harahap yang terletak di Kompleks Yayasan Pendidikan Mulia.

Dengan dasar Visi dan Misi tiap unit sekolah memacu untuk meningkatkan mutu pendidikan, terbukti tiap tahun 2000 s/d 2007 (sekarang) jalur PMP untuk masuk perguruan tinggi negeri USU, POLITEKNIK dan UNIMED meningkat terus.

3.2 Visi Dan Misi

Mengakhiri dari sejarah selayang pandang Yayasan Pendidikan Mulia Visi dan Misi setiap unit sekolah sebagai berikut :

SMP – SMA

1. Visi

- Terciptanya siswa – siswi SMA Swasta Mulia Tanjung Sari Medan yang berbudaya, disiplin dan berprestasi berlandaskan iman dan taqwa. Indikator :

2. Unggul dalam prestasi olah raga 3. Unggul dalam pelaksanaan disiplin 4. Unggul dalam aktifitas keagamaan 5. Unggul dalam pengelolaan 6 K.

2. Misi

- Menciptakan etos kerja dan belajar berlandaskan kekeluargaan bagi guru, pegawai serta peserta didik.

- Membekali peserta didik dengan keterampilan dalam bidang olah raga.

- Melaksanakan pembelajaran dan bimbingan secara efektif sehingga setiap siswa dapat berkembang secara optimal sesuai dengan potensi yang dimiliki untuk melanjutkan pendidikan ke jenjang yang lebih tinggi.

- Melaksanakan aktivitas keagamaan secara rutin sesuai dengan ajaran agamanya masing – masing.

- Menumbuhkan sikap kepedulian sosial siswa secara optimal terhadap lingkungan sekolah dan sekitarnya.

3.3 Lokasi Sekolah

SMA Swasta Yayasan Pendidikan Mulia Tanjung Sari Medan (YASPEND MULIA) beralamat di Jalan Kenanga Sari Nomor.33 Tanjung Sari, Kecamatan Medan Selayang.

3.4 Struktur Organisasi Sekolah

Struktur organisasi adalah merupakan gambaran secara skematis tentang hubungan kerjasama dari orang – orang yang ada di dalam organisasi. Struktur organisasi juga menunjukkan kerangka dan susunan perwujudan pola tetap hubungan – hubungan diantara fungsi – fungsi, bagian – bagian, maupun orang – orang yang menunjukkan kedudukan, tugas, wewenang, dan tanggung jawab yang berbeda – beda dalam suatu organisasi. Struktur organisasi mengandung unsur – unsur spesialis kerja, standarisasi, koordinasi, sentralisasi atau desentralisasi dalam pembuatan keputusan dan ukuran status kerja.

3.5 Uraian Tugas

Sesuai dengan struktur organisasi tersebut dapat dijelaskan uraian tugas masing – masing bidang antara lain :

1. Yayasan

Yayasan berfungsi sebagai pengawas berjalannya kinerja sekolah SMU Yayasan Pendidikan Mulia secara keseluruhan. Dimana setiap keputusan yang diambil pihak pengelola sekolah atau Kepala Sekolah yang berkenaan dengan ruang lingkup SMU Yayasan Pendidikan Mulia haruslah dimusyawarahkan dengan yayasan.

2. Kepala Sekolah

a. Selaku Edukator maupun Manager berpedoman pada Instruksi Menteri

Depdikbud, Dirjen Pendidikan dasar dan menengah Depdiknas dan Kepala Dinas Pendidikan Propinsi Sumatera Utara yang sedang berlaku.

penyempurnaan pelaksanaan tugas dan bertingkah laku sebagai pola anutan baik disekolah maupun diluar sekolah.

c. Membimbing semua siswa yang ada didalam asuhannya.

d. Memimpin dan bertanggung jawab atas pengelolaan tentang sarana dan dana serta pelaksanaan tata usaha sekolah.

e. Membina personil dengan mengadakan supervisi kepada guru dan pegawai dalam melaksanakan tugasnya masing – masing.

f. Mengatur proses belajar mengajar sesuai dengan pelaksanaan kurikulum secara tepat guna dan berdaya guna.

g. Pelaksanaan administrasi sekolah.

h. Memberi data kepada kepala Dinas Pendidikan Kota Medan. i. Menyusun sarana administrasi.

3. Wakil Kepala Sekolah Bidang Edukatif (Waka.I / Kurikulum) 1. Tanggung Jawab

1.1. Pengelolaan sistem semester. 1.2. Pembagian tugas guru.

1.3. Pengelolaan kegiatan belajar mengajar. 1.4. Pengelolaan penilaian.

1.5. Pengelolaan kegiatan kokurikuler. 2. Tugas dan Kegiatan

2.1. Perencanaan dan Pengembangan proses belajar mengajar. 2.2. Pemahaman tentang sistem Pendidkan Nasional.

2.3. Pemahaman tentang tujuan Pendidikan Nasional.

2.4. Pemahaman tentang bermacam – macam metode dan keterampilan. 2.5. Pemahaman tentang keterampilan dan tehnik evaluasi.

2.6. Pemahaman tentang kebijaksanaan Depdiknas dalam bidang pendidikan. 2.7. Menyusun program pendidikan / pengajaran dalam melaksanakan kurikulum secara efektif dan efisien.

2.8. Menyusun rencana tahunan / semester, ulangan / evaluasi, UAS, UAN dan kenaikan kelas / tingkat.

2.9. Membantu Kepala Sekolah dalam pengembangan profesi guru. 2.10. Menyusun jadwal pelajaran.

2.11. Menyusun perincian tugas guru.

2.12. Memabntu Kepala Sekolah menyusun penjabaran pelaksanaan kurikulum. 2.13. Membantu Kepala Sekolah menyusun tata tertib proses belajar mengajar. 2.14. Membantu Kepala Sekolah mengkoordinasikan administrasi keguruan. 2.15. Mengkoordinasikan kegiatan kokurikuler.

2.16. Mewakili Kepala Sekolah apabila berhalangan atau tugas luar. 4. Wakil Kepala Sekolah Bidang Kesiswaan (Waka II)

1. Tanggung Jawab Kesiswaan 1.1. Kegiatan Ekstra Kurikuler. 1.2. Pembinaan OSIS.

1.3. Tata tertib siswa. 1.4. Lulusan sekolah. 2. Tugas dan kegiatan

2.1. Membina dan mengembangkan OSIS. 2.2. Mengkoordinir kegiatan ekstra kurikuler. 2.3. Mengkoordinir pelaksanaan 6K.

2.4. Membina kesejahteraan siswa / koperasi siswa. 2.5. Menyusun dan melaksanakan program OSIS.

2.6. Menyusun dan melaksanakan program ekstra kurikuler. 2.7. Menyusun dan melaksanakan program 6K.

2.8. Menyusun dan melaksanakan tata tertib siswa. 2.9. Melaksanakan dan membuat administrasi UKS. 3. Tanggung Jawab dan kerja sama dengan Masyarakat 3.1. Kerja sama dengan yayasan.

3.2. Peringatan hari – hari besar nasional. 3.3. Kerja sama dengan instansi Pemerintah.

3.4. Kerja sama dengan lembaga – lembaga swasta / masyarakat. 4. Tugas dan kegiatan

4.1. Mengatur hubungan sekolah dengan orang tua siswa. 4.2. Mengatur hubungan dengan instansi Pemerintah.

4.3. Mengatur hubungan sekolah dengan lembaga swasta / masyarakat. 4.4. Mengkoordinasikan peringatan hari – hari besar Nasional.

4.5. Mengolah data yang menyangkut bidang pendidikan dan pengajaran serta masyarakat.

4.6. Mengatur hubungan kerja sama antara sekolah dengan lingkungan masyarakat.

5. Wakil Kepala Sekolah Bidang Administrasi / Tata Usaha (Waka III) 1. Tanggung Jawab

1.1. Inventaris. 1.2. Pendayagunaan. 1.3. Pemeliharaan. 1.4. Ketatausahaan.

2. Tugas dan Kegiatan

2.1. Bidang Administrasi Kepegawaian.

2.2. Bidang Administrasi Pendidikan / Perlengkapan. 2.3. Bidang Administrasi Bangunan / Mobiler. 2.4. Bidang Administrasi Surat Menyurat.

6. Wakil Kepala Sekolah Bidang Sarana Dan Prasarana (Waka IV) Bertanggung Jawab Penuh Kepada Kepala Sekolah

1. Menyusun program kerja pemanfaatan, pemeliharaan dan perawatan sarana dan prasarana (bulanan, semester, tahunan).

2. Mengkoordinasikan penyusunan kebutuhan sarana dan prasarana. 3. Mengkoordinasikan pelaksanaan inventarisasi sarana dan prasarana.

4. Mengkoordinasikan pelaksanaan pengadaan bahan praktek serta perlengkapan sekolah.

5. Mengkoordinasikan pemeliharaan perbaikan, pengembangan dan penghapusan dan penghapusan sarana.

6. Mengkoordinir pengawasan penggunaan sarana dan prasarana. 7. Mengkoordinir evaluasi penggunaan sarana dan prasarana. 8. Mengajar 9 (sembilan) jam pelajaran.

9. Membuat laporan berkala dan isidentil. 7. Ketua Program Keahlian

Bertanggung Jawab Penuh Kepada Kepala Sekolah

1. Membuat program kerja rumpun (mingguan, bulanan, semester). 2. Mendalami dan mengembangkan kurikulum sesuai dengan rumpunnya. 3. Mengkoordinasikan penggunaan ruang praktek.

rumpunnya.

5. Mengkoordinir tugas guru dalam rumpun.

6. Supervisi dan evaluasi KBM dan tugas lain dalam rumpun.

7. Mengatur urusan administrasi meliputi catatan kemajuan siswa, data guru, Inventaris sekolah dalam rumpunnya.

8. Membantu Wakil Kepala Sekolah bidang hubungan industri. 9. Membantu pelaksanaan bimbingan kejuruan dalam rumpunnya. 10.Mengajar 18 (delapan belas) jam pelajaran.

11.Membuat laporan berkala dan insidentil. 8. Fungsi & Tugas Wali Kelas

Bertanggung Jawab Penuh Kepada Waka.Kurikulum & Waka.Kesiswaan A. Fungsi

1. Sebagai pengganti orang tua siswa dikelas untuk membimbing dan membina siswa selama di sekolah.

2. Membimbing dan membina siswa dalam masalah yang berhubungan dengan proses belajar mengajar dan kaitannya dengan kehidupan siswa disekolah. 3. Menjadi curhatan hati para siswa sehingga melalui Wali Kelas dapat dilaksanakan penanaman disiplin disekolah dan 6K yang diikuti dengan 45 butir P-4 dalam praktek kehidupan sekolah.

B. Tugas

1. Membuat peta (denah) siswa dikelasnya. 2. Membuat daftar kelas.

3. Merekap absensi setiap mingguan dan akhir bulan. 4. Memanggil siswa yang absen dan bermasalah.

menonjol dari siswa.

6. Memiliki catatan pribadi para siswanya yang menyangkut prilaku, watak / pribadi dan keistimewaan / kelainan (rekaman kelas).

7. Menjalin kerja sama dengan guru – guru mata pelajaran. 8. Mengerjakan DKN dan Buku Raport.

9. Melaporkan segala sesuatunya kepada Kepala Sekolah. C. Tindakan yang diambil Wali Kelas

1. Nasehat dan perhatian.

2. Meminta nasehat / petunjuk dari Kepala Sekolah dengan guru BP / BK. 3. Atas nama Kepala Sekolah menghubungi orang tua siswa.

4. Menyerahkan kembali siswa kepada orang tuanya untuk sementara (bila dianggap perlu) dengan keputusan Kepala Sekolah.

5. Melaporkan kepada aparat keamanan atas persetujuan Kepala Sekolah. 6. Mengusulkan skorsing siswa kepada Kepala Sekolah.

7. Mengusulkan pemecatan siswa kepada Kepala Sekolah. D. Tugas Wali Kelas / Guru Kelas Sebagai BP / BK

1. Membantu siswa untuk memahami dan mengadakan penyesuaian pada diri sendiri, lingkungan sekolah dan lingkungan sosial.

2. Menerima dan mengklasifikasikan informasi pendidikan dan informasi lainnya yang menjadi catatan kumulatif.

3. Memberikan informasi kepada siswa, guru mata pelajaran orang tua siswa, instansi pemerintah dan lembaga masyarakat tentang kegiatan BP / BK. 4. Mengumpulkan informasi dari guru mata pelajaran tentang siswanya. 5. Mengadakan konsultasi dan penyuluhan BK.

tindakan positif.

7. Menyusun kartu pribadi siswa, buku catatan pelaksanaan BP / BK. 8. Menyusun diagram (sosiogram, diagram prestasi siswa).

9. Menyusun laporan bulanan kepada Kepala Sekolah. 9. Tugas dan Kewajiban Guru Mata Pelajaran

Bertanggung Jawab Penuh Kepada Waka.Kurikulum & Kepala Sekolah A. Umum

1. Guru mempunyai peranan terpenting dalam melaksanakan pendidikan oleh karena tugas adalah sebagai berikut :

- Tugas Profesional yaitu mendidik, mengajar dan melatih.

- Tugas manusiawi yaitu transforasi dirinya sendiri, guru adalah orang tua kedua di sekolah.

- Tugas kemasyarakatan, terutama membentuk manusia warga negara yang baik (menjadi insan Pancasila).

2. Berdasarkan tugas guru dalam pendidikan secara umum kewajiban guru mendorong kegiatan siswa sebagai berikut :

a. Belajar keras dengan mendorong siswa untuk : - Rajin belajar.

- Suka meneliti. - Gemar membaca. - Pengembangan logika.

b. Berbudi luhur dengan mendorong siswa bertaqwa terhadap Tuhan Yang Maha Esa :

- Bermoral Pancasila (menghayati dan mengamalkan Pancasila). - Bersikap dengan tingkah laku yang baik (sopan).

c. Berperasaan halus dengan mendorong siswa antara lain : - Menghargai kesenian.

- Dapat menikmati kesenian. - Dapat menciptakan kesenian. - Pengembangan estetika.

d. Bekerja keras dengan mendorong siswa untuk : - Menghargai kerajinan.

- Terampil dan cekatan. - Menerapkan teknologi. - Pengembangan praktika. B. Khusus

1. Menyusun program satuan pelajaran secara perorangan maupun secara kelompok dalam wadah MGBS / TEAM TEACHING.

2. Meningkatkan dan mengembangkan prestasi belajar siswa.

3. Menyusun Program evaluasi belajar terus menerus secara teratur, objektif, dan adil.

4. Menyusun laporan tentang pelaksanaan dan hasil pelaksanaan tugasnya secara teratur dan berkesinambungan.

5. Mengadakan ujian bulanan pada setiap selesainya satu unit program satuan pelajaran dalam bentuk essay test, objektif test, lisan dan perbuatan.

6. Pada waktu yang telah ditentukan menyusun bahan ujian Catur Wulan dan UAS yang dirumuskan secara matang dan memiliki ketepatan – ketepatan daya pembeda tingkat kesukaran.

7. Kertas ujian dari setiap siswa dikumpulkan dengan di koreksi dan dinilai, Guru tidak dibenarkan mengaktifkan HP pada waktu PBM.

8. Membuat tugas kokurikuler yang merupakan unsur penilaian dalam menetapkan nilai akhir.

9. Mendorong / membangkitkan minat siswa untuk menyusun karya tulis, dan membangkitkan minat / semangat membaca para anak didik.

10. Tugas Pengelolaan Laboratorium

Bertanggung Jawab Penuh Kepada Ketua Program Keahlian 1. Menyusun daftar alat perlengkapan dan perabot.

2. Menyusun daftar barang yang sejenis. 3. Menyusun jadwal penggunaan laboratorium. 4. Menyusun lembaran kerja / tugas.

5. Menyusun peraturan dan tata tertib praktikum. 6. Menyusun daftar penanggung jawab praktikum. 7. Menyusun laporan penggunaan laboratorium. 8. Melaporkan kerusakan / kehilangan barang.

9. Menyusun diagram frekuensi penggunaan laboratorium. 11. Tugas Guru Piket

Bertanggung Jawab Penuh Kepada Kepala Sekolah

1. Mengendalikan lonceng / bel belajar mengajar sehari – hari.

2. Meneliti siswa – siswi yang terlambat masuk sekolah / belajar, setelah dinasehati / diperingati, memberi surat izin masuk.

3. Mengendalikan kelancaran kegiatan belajar mengajar sehari – hari, khususnya kegiatan pengisian kelas gurunya kebetulan berhalangan, bekerja sama dengan guru BP / BK.

belajar dengan mengadakan kontrol kesekeliling komplek sekolah. 5. Meneliti siswa yang mungkin merokok.

6. Mencek guru yang terlambat dan melaporkannya kepada Kepala Sekolah. 7. Memberikan izin meninggalkan sekolah karena sesuatu hal yang cukup alasan dan dapat diterima.

8. Mengisi buku tamu sekolah. 9. Urutan pengisian buku piket.

12. Tugas Pengelola Perpustakaan / Buku Paket

Bertanggung Jawab Penuh Kepada Kepala Sekolah 1. Membuat daftar induk Kepustakaan.

2. Membuat daftar klarifikasi buku / majalah. 3. Membuat kartu buku / judul.

4. Membuat kartu Pengarang. 5. Membuat kartu peminjaman. 6. Membuat tata tertib peminjaman.

7. Membuat diagram pengunjung perpustakaan. 8. Membuat rencana pengembangan perpustakaan.

9. Membuat laporan kerusakan / kehilangan buku / majalah. 10.Membuat laporan bulanan, triwulan dan tahunan.

13. Tugas Pelaksanaan Kepegawaian

Bertanggung Jawab Penuh Kepada Kepala Tata Usaha 1. Membuat buku Induk / Kartu Pegawai (Guru dan Pegawai). 2. Membuat daftar urutan Kepangkatan.

3. Membuat / mengisi formulir kepegawaian (BP3), kenaikan gaji berkala, kenaikan pangkat, cuti dan sebagainya.

4. Menyusun / mengarsipkan surat – surat penting (surat keputusan). 14. Tugas Pelaksana Buku Induk

Bertanggung Jawab Penuh Kepada Kepala Tata Usaha 1. Mengerjakan buku induk siswa.

2. Memindahkan nilai – nilai raport ke buku induk. 3. Menyusun / membuat buku laporan siswa. 4. Membuat / mengerjakan daftar siswa perkelas. 5. Mengerjakan daftar penerimaan siswa baru. 6. Mengerjakan / membuat daftar tamatan sekolah. 7. Mengerjakan / membuat daftar penerimaan STTB. 15. Tugas Pelaksana Surat – Menyurat

Bertanggung Jawab Penuh Kepada Kepala Tata Usaha 1. Membuat buku induk / kartu Pegawai (Guru dan Pegawai).

2. Membuat daftar / mengisi / memelihara agenda surat masuk / keluar. 3. Mengisi / memelihara buku ekspedisi.

4. Menyusun berkas surat masuk / keluar sesuai dengan jenisnya.

5. Menyusun / mengarsipkan surat – surat penting (Surat keputusan, Instruksi peraturan dan sebagainya).

16. Tugas Pelaksana Guru Praktek Komputer, Mengetik, Bahasa Inggris & Otomotif Bertanggung Jawab Penuh Kepada Ketua Program Keahlian

1. Menyusun daftar alat perlengkapan dan perabot. 2. Menyusun daftar barang sejenis.

3. Menyusun jadwal penggunaan ruang praktek. 4. Menyusun lembar kerja / tugas.

6. Menyusun daftar penanggung jawab praktek. 7. Laporan penggunaan keuangan praktek. 8. Melaporkan kerusakan / kehilangan barang.

9. Menyusun diagram frekuensi penggunaan ruang praktek. 17. Tugas Dan Tanggung Jawab Pelaksana Dan Penjaga Sekolah A. Tugas Harian

1. Menaikkan bendera jam 06.00 WIB dan menurunkan bendera merah putih jam 18.00 WIB, kecuali pada senin dan upacara nasional.

2. Membersihkan ruangan kantor Kepala Sekolah, Wakasek, KTU, Ruangan Guru dan Ruangan Piket.

3. Membuat air minum guru dan pegawai.

4. Membersihkan kamar mandi / wc kepala sekolah, guru, siswa dan mushallah serta mengontrol persediaan air bak sebelum dan sesudah istirahat serta setelah PBM.

5. Membersihkan seluruh kaki 5 (lima) ruangan kelas setelah istirahat dan setelah PBM.

6. Membersihkan ruangan mushollah dan tempat mengambil wudhu’ yang berada dilantai 2 (dua).

7. Menjaga dan merawat sarana dan prasarana sekolah diruangan guru dan pegawai.

8. Menjaga keamanan lingkungan sekolah dari orang tak dikenal.

9. Menghidupkan lampu mulai jam 08.00 WIB dan mematikan lampu mulai jam 18.00 WIB kecuali cuaca mendung, dan sebagainya.

B. Tugas Mingguan

1. Membersihkan bak kamar mandi siswa dan guru. 2. Mengepel ruangan mushollah.

3. Membersihkan ruangan pembinaan siswa (RPS). 4. Membersihkan saluran pembuangan atau selokan air. C. Tugas Bulanan

1. Melaporkan persediaan prasarana (bahan habis pakai) misalnya : gula, kopi, teh. 2. Melaporkan kerusakan / kehilangan alat dan peralatan kebersihan dan konsumsi. 3. Membantu menyediakan alat dan perlengkapan dalam kegiatan tertentu,

misalnya : perayaan hari besar agama dan hari besar nasional atau saat siswa latihan untuk kegiatan sekolah.

BAB 4

PERANCANGAN SISTEM

4.1 Metode Perancangan

Metode perancangan sistem ini menggunakan metode pendekatan atas-bawah (top down approach). Perancangan dimulai dari bentuk yang paling global yaitu diagram konteks, kemudian diturunkan secara bertahap menjadi bentuk yang lebih detail.

4.2 Hasil Perancangan

4.2.1 Bagan Berjenjang

Bagan berjenjang dapat dijadikan pedoman untuk perancangan selanjutnya, karena berisi semua proses yang ada pada perangkat lunak yang dirancang ini. Sistem ini dapat dilihat pada Gambar 4.1.

Gambar 4.1 Bagan Berjenjang Sistem Informasi Akademik

4.2.2 Diagram Konteks (Context Diagram)

Diagram konteks menggambarkan proses aliran data secara global yang terjadi pada sistem ini. Diagram konteks. Sistem ini dapat dilihat pada Gambar 4.2.

0

Sistem Informasi Akademik Berbasis Web Dengan PHP dan MySQL

1 Login

2

Tampilkan Data Siswa/Pengajar 1.1

Auth orisa si

1.2 Log out

1.3

Informasi tentang siswa, Pengajar

Data seting siswa, Pengajar

Gambar 4.2 Diagram Konteks Sistem Informasi Akademik (Level 0)

Diagram Konteks sistem ini memiliki Satu external entity yaitu administrator yang dapat melakukan proses melihat data siswa dan pengajar secara online adalah mereka yang telah terdaftar sebagai administrator Administrator, dapat melakukan setting pada sistem ini seperti menambah, mengubah dan menghapus data siswa, pengajar. Untuk lebih jelasnya dapat dilihat pada Tabel 4.1.

Administrator 1. Setting siswa

2. Setting pengajar

1. Membuat dan mengupdate

data pengajar siswa.

1.2.3 Diagram Arus Data Level 1

Diagram arus data level 1 dari sistem ini terdiri atas 1 proses yaitu proses login, seperti pada Gambar 3.3.

0

Sistem Informasi Akademik Berbasis Web dengan PHP dan

MySQL

nama nip & password Administrator `

Gambar 3.3 Diagram Arus Data Level 1 Sistem Informasi Akademik

1.2.4 Diagram Arus Data Level 2

Diagram arus data level 2 dari sistem ini terbagi menjadi 1 diagram diagram arus data level 2 untuk proses login.

4.2.3 Diagram Arus Data Level 2 pada Proses Nomor 2

Pada diagram arus data level 2 untuk proses nomor 2 ini, proses login dibagi menjadi 2 proses, yaitu: proses authorisasi dan proses logout. Penyimpanan data terjadi pada 3 buah simpanan data yaitu administrator, siswa, dan pengajar. Ini berarti bahwa setiap data ditempatkan pada simpanan data yang berbeda. Jika seseorang adalah administrator maka penyimpanan data terdapat pada tabel admin, siswa, dan pengajar , demikian seterusnya jika seseorang adalah siswa maka penyimpanan data terdapat

1 Login

pada tabel siswa. Jadi Administator mempunyai hak akses terhadap siswa dan pengajar. Seperti terlihat pada Gambar 3.4.

Nip dan Password Status login

Data Log Out

Nip dan Password Status

administrator

Administrator

Gambar 3.4 Diagram Arus Data level 2 Proses Nomor 2 Administrator

1.1 Authorisasi

D4

1.2 Logout

4.2.4 Diagram Arus Data Level 3

Diagram arus data level 3 dari sistem ini terbagi menjadi 1 diagram, yaitu diagram arus data level 3 untuk proses administrasi sistem informasi akademik.

4.2.4.1 Diagram Arus Data Level 3 Proses Nomor 2

Pada DFD level 3 untuk proses nomor 2 dibagi ke dalam lima proses, yaitu proses update pengajar dan siswa. Proses ini hanya dapat dilakukan oleh seorang administrator, seperti terlihat pada Gambar 3.5.

Siswa d

Gambar 3.5 Diagram Arus Data Level 3 Proses Nomor 2 Administrator

2.2.5 update Siswa/Pengajar

D5

D6 _Pengajar D5

4.2.5 Desain Basis data

Desain basis data dari sistem ini terdiri dari empat tabel. Di antara empat tabel tersebut terdapat tabel yang berdiri sendiri atau tidak memilki relasi dengan tabel lain. Tabel tersebut adalah tabel administrator tabel counter.

4.2.6 Hubungan Antartabel

Pada Sistem Informasi akademik ini tidak terjadi hubungan antar tabel, hal ini dapat dilihat pada Gambar 3.6.

Tabel siswa

No Nis Nama Jenis

Kelamin

Alamat ttl Asal sekolah Status

Tabel pengajar

Tabel Administrator

Gambar 3.6 Relasi Antartabel

Nip Nama Alamat Ttl Agama Jurusan … Password

4.2.6.1 Tabel Pegawai

Tabel pegawai digunakan untuk menampung data-data yang berhubungan dengan pegawai. Berikut ini adalah field-field yang dibuat dalam tabel pegawai yang dapat dilihat pada Tabel 3.7.

Tabel 3.7 Struktur Tabel Pegawai

Field Name Type Field

Size

Keterangan

Nip Varchar 100 Nomor nip pegawai (Primary key,

index)

Nama Varchar 30 Nama pegawai

Jenis_kelamin Varchar 50 Jenis Kelamin pegawai Tempat/tanggal

lahir

Varchar 50 Tempat tanggal lahir

Jabatan Varchar 15 jabatan pegawai

Jenjang Varchar 15 Jenjang pendidikan pegawai

Jurusan Varchar 10 Pendidikan terakhir

Tahun_tamat Varchar 15 Tahun tamat

Nomor_sk Varchar 30 Nomor sk

Tanggal_sk Varchar 20 Tanggal sk

Golongan Varchar 30 Golongan pegawai

Status Varchar 30 Status Kerja

Mengajar_bidang Varchar 10 Bidang Studi

4.2.6.2 Tabel Siswa

Tabel siswa digunakan untuk menampung data yang berhubungan dengan siswa. Berikut ini adalah field-field yang dibuat dalam tabel siswa yang dapat dilihat pada Tabel 3.8.

Tabel 3.8 Struktur Tabel Siswa

Field Name Type Field Size Keterangan

No Int 10 Nomor urut siswa (Primary key)

Induk Varchar 20 Nis siswa

Nama Varchar 75 Nama siswa

jenis_kelamin Varchar 20 Jenis kelamin

Ttl Varchar 75 Tempat/Tanggl Lahir siswa

Ortu Varchar 75 Nama Orang Tua siswa

asal_sekolah Varchar 75 Asal Sekolah siswa

Alamat Varchar 75 Alamat siswa

keterangan Varchar 15 Keterangan siswa

4.2.6.3 Tabel Administrator

Tabel administrator digunakan untuk menampung data untuk administrator, seperti: nama, nip, dan password. Berikut adalah field-field yang ada dalam tabel administrator yang dapat dilihat pada Tabel 3.9.

Tabel 3.9 Struktur Tabel Administrator

Field Name Type Field Size Keterangan

Nip Varchar 15 Nip administrator (Primary key, index) password Varchar 100 Password administrator

Level Varchar 8 Level administrator

Email Email administrator

Status Varchar 8 Status Administrator

4.2.7 Rancangan Antarmuka (Interface)

Rancangan antarmuka dari Sistem ini dibagi menjadi tiga bagian yaitu bagian kepala (Header), bagian tengah, dan bagian kaki (Footer). Semua halaman dari Sistem ini terdiri dari tiga bagian ini. Bagian kepala berisi tut wuri handayani yang dijadikan logo oleh sma swasta mulia medan dan menu login. Bagian kaki menampilkan nama organisasi. Bagian kaki ini bersifat statis (tidak berubah-ubah).

Bagian kepala terdapat animasi yang menampilkan tulisan selamat datang yang bergerak berputar dan membesar. Hal ini sangat berguna agar user tidak merasa bosan. Dengan adanya animasi yang dibuat diharapkan dapat membuat mahasiswa yang login tertarik dan merasa nyaman dengan tampilan tersebut. Bagian tengah merupakan isi dari sistem itu sendiri. Bagian tengah sangat dinamis, karena setiap saat selalu berubah sesuai data yang tersimpan dalam database. Struktur rancangan antarmuka dari sistem yang dirancang ini dapat dilihat pada Gambar 3.10 serta rancangan awal dari sistem ini terlihat pada Gambar 3.11.

Tt

Gambar 3.10 Struktur Rancangan Antarmuka Sistem Informasi Akademik

Sistem Informasi Manajemen Database Akademik Berbasis Web dengan PHP dan MySQl pada SMA Swasta Mulia

Bagian tengah (isi) Bagian kaki Isi dari Menu Utama:

Jika sebagai administrator yang ditampilkan edit

mahasiswa, , pengajar. _{Bagian Tengah (isi)} Selamat datang kepada pengunjung website

Nama sekolah

ANIMASI BANNER

SELAMAT DATANG

HOME

Jika tampilan halaman utama sebelum login adalah terdiri dari tiga bagian, maka tampilan halaman utama setelah login terdiri dari empat bagian utama, yaitu bagian header, bagian kiri, bagian isi, dan kaki. Tampilan bagian kepala dan kaki tetap sama sedangkan yang berbeda hanyalah bagian isi dan bagian kiri seperti terlihat pada Gambar 3.11.

Gambar 3.11 Rancangan Tampilan Sebelum Login Halaman Utama Sistem Informasi Akademik

Rancangan tampilan Login baik untuk administrator memiliki tiga bagian utama, yaitu: bagian kepala, isi, dan bagian kaki.

ANIMASI BANNER

Profil Tentang Kami Login

Home Staf Pengajar

Halaman Untuk Administrator Login

Nip

Password

LOGIN

Home | Copyright©2008 – PUTRI PRIHATINI Buku Tamu

LISTING PROGRAM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title> <style type="text/css">

<!-- body {

background-image: url(file:///E|/LATIHAN/PHP/Dinas Kesehatan/images/index_06.gif);

background-image: url(images/Untitled-1_03.jpg); }

.footer {

font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px;

color: #FFFFFF; padding: 5px; }

#top {

font-family: "Times New Roman", Times, serif; font-size: 12px;

font-style: oblique; line-height: 15px; height: auto; width: 153px;

position: absolute; z-index: 2;

left: 575px; top: 35px; }

.slogan {

font-family: "Times New Roman", Times, serif; font-size: 16px;

font-style: italic; font-weight: bold; color: #FFFFFF; }

#nav_menu {

position: absolute; z-index: 3;

height: auto; width: 92px; left: 51px; top: 200px; }

.nav_menu {

font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px;

line-height: 14px; font-weight: normal;

list-style-position: outside; list-style-type: circle; }

position: absolute; z-index: 1;

height: 500px; width: 700px; left: 36px; top: 53px;

border: 1px solid #999999; }

#Layer1 {

position:absolute; left:496px;

top:120px; width:209px; height:17px; z-index:2; }

#Layer2 {

position:absolute; left:335px;

top:73px; width:173px; height:20px; z-index:3; }

#Layer3 {

position:absolute; left:-23px;

top:20px; width:196px; height:86px; z-index:4; }

#Layer4 {

position:absolute; left:0px;

top:0px; width:82px; height:207px; z-index:5; }

#Layer5 {

position:absolute; left:0px;

top:0px; width:90px; height:279px; z-index:6; }

#Layer6 {

position:absolute; left:0px;

top:0px; width:91px; height:243px; z-index:7; }

.rizki {

font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px;

font-weight: normal; list-style-type: circle; position: absolute; z-index: 5;

height: auto; width: auto; left: 28px; top: 39px; }

#Layer7 {

position:absolute; left:307px;

top:183px; width:329px; height:43px; z-index:3; }

#Layer8 {

position:absolute; left:0px;

top:0px; width:90px; height:317px; z-index:4; }

#Layer9 {

position:absolute; left:0px;

top:0px; width:104px; height:261px; z-index:4; }

#Layer10 {

position:absolute; left:96px;

top:229px; width:0px; height:4px; z-index:4; }

#Layer11 {

position:absolute; left:104px;

top:54px; width:0px; height:2px; z-index:5; }

#Layer12 {

position:absolute; left:0px;

top:0px; width:127px; height:243px; z-index:6; }

#Layer13 {

position:absolute; left:120px;

top:29px; width:90px; height:13px; z-index:6; }

#Layer14 {

position:absolute; left:20px;

top:177px; width:225px; height:138px; z-index:6; }

#Layer15 {

position:absolute; left:150px;

top:235px; width:2px; height:10px; z-index:7; }

.style1 {font-family: Geneva, Arial, Helvetica, sans-serif} #Layer16 {

position:absolute; left:116px;

top:160px; width:157px; height:14px; z-index:8; }

#Layer17 {

position:absolute; left:0px;

top:0px; width:374px; height:177px; z-index:9; }

#Layer18 {

position:absolute; left:172px;

top:224px; width:290px; height:310px; z-index:10; }

#Layer19 {

position:absolute; left:124px;

top:150px; width:539px; height:406px; z-index:10; }

#Layer20 {

position:absolute; left:40px;

top:157px; width:102px; height:441px;

z-index:6; }

--> </style> </head>

<body>

<div id="layout">

<table width="700" border="0"> <tr>

<td height="113" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="700" height="110">

<param name="movie" value="header.swf" /> <param name="quality" value="high" /> <embed src="header.swf" quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700"

height="110"></embed> </object></td> </tr>

<tr>

<td height="444" background="images/Untitled-1_05.jpg"><div class="nav_menu" id="Layer19">

<p class="rizki">&nbsp;</p> <p class="rizki">&nbsp;</p>

<p class="rizki">Selamat datang di situs resmi SMA SWASTA MULIA. Situs ini merupakan wujud kepedulian terhadap kemajuan dunia pendidikan di Indonesia umumnya dan Sumatera Utara khususnya.Dengan kehadiran situs ini, diharapakan dapat membantu masyarakat serta generasi-generasi muda yang ingin mendapatkan informasi seputar dunia pendidikan yang diterapkan di SMA SWASTA MULIA MEDAN.<br /> Disamping itu juga kepada para mahasiswa dan praktisi yang bergelut di bidang Teknologi Informatika dan Komputer diharapakan situs ini dapat memberikan konstribusi yang signifikan bagi kemajuan prestasi dan profesi.<br />

Tak lupa juga SMA SWASTA MULIA mengharapakan ide, saran atau kritik yang bersifat membangun buku tamu yang telah kami sediakan </p>

<p align="center">SELAMAT DATANG</p> </div>

<div class="rizki" id="Layer1"> <?

require("koneksi.php"); $query_counter=mysql_query("select id from counter");

$show_counter=mysql_fetch_array($query_counter); if (!$show_counter["id"]){

$query_insert=mysql_query("insert into counter values (1)"); }

$show_counter=$show_counter["id"]+1;

$query_update=mysql_query("update counter SET id=$show_counter"); $show_counter=number_format($show_counter);

$show_counter=str_replace(",",".",$show_counter);

echo "Halaman ini telah dibuka: <strong>$show_counter kali</strong>"; ?>

</div></td> </tr>

<td bgcolor="#666666" class="footer"><div align="center">Home | Copyright&copy;2008 - Putri Prihatini</div></td>

</tr> </table> </div>

<div id="Layer10"></div> <div id="Layer11"></div> <div id="Layer20">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="100" height="460">

<param name="movie" value="menu samping.swf" /> <param name="quality" value="high" />

<embed src="menu samping.swf" quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100"

height="460"></embed> </object>

</div> </body> </html>