Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

SISTEM INFORMASI AKADEMIK SISWA PADA SMA SWASTA

AN-NIZAM MEDAN BERBASIS WEB

TUGAS AKHIR

SARI SAKINA JAYA 062406068

PROGRAM STUDI D-3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2009

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. SISTEM INFORMASI AKADEMIK SISWA SMA SWASTA AN-NIZAM

MEDAN BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar ahli madya

SARI SAKINA JAYA 062406068

PROGRAM STUDI D-3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2009

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

PERSETUJUAN

Judul : SISTEM INFORMASI AKADEMIK PADA

SMA SWASTA AN-NIZAM BERBASIS WEB

Kategori : TUGAS AKHIR

Nama : SARI SAKINA JAYA

Nomor Induk Mahasiswa : 062406068

Program Studi : DIPLOMA III ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA)

UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2009

Diketahui

Departemen Matematika FMIPA USU Pembimbing

Ketua

Dr. Saib Suwilo, M. Sc. Drs. James P. Marbun, M. Kom

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

PERNYATAAN

SISTEM INFORMASI AKADEMIK SISWA PADA SMA SWASTA

AN-NIZAM MEDAN BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2009

SARI SAKINA JAYA

062406068

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. PENGHARGAAN

Dengan mengucap syukur Alhamdulillah kepada-Mu ALLAH, Rabb semesta alam penguasa langit dan bumi yang telah menciptakan manusia dengan bentuk yang sebaik-baiknya, Engkau-lah sebaik-baiknya Maha pencipta setiap makhluk. Ya Rabb curahan rahmat dan hidayah dan pertolongan-Mu yang Engkau limpahkan kepada penulis sehingga penulis dapat menyelesaikan tugas akhir yang berjudul “Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam” ini tepat pada waktu yang telah ditetapkan.

Penulisan Tugas Akhir ini merupakan karya tulis yang sederhana dan merupakan salah satu syarat untuk menyelesaikan pendidikan D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Dalam penyusunan Tugas Akhir ini, penulis sadar akan keterbatasan kemampuan dan pengetahuan dimiliki sehingga mungkin pembaca akan menemui banyak kekurangan karena itu kritik dan saran sangat diharapkan.

Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih kepada: 1. Bapak Drs. James P. Marbun, M. Kom selaku dosen pembimbing yang banyak

memberi petunjuk dan nasehat dalam penyelesaian Tugas Akhir ini.

2. Bapak Dr. Saib Suwilo, MSc, selaku Ketua Pelaksana Program D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

3. Bapak Dr. Eddy Marlianto, MSc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

4. Bapak Drs.Sularno, MP selaku Kepala sekolah SMA Swasta An-Nizam dan seluruh staf pegawai yang telah banyak membantu penulis selama penelitian. 5. Seluruh dosen pengajar Program D3 Ilmu Komputer Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sumatera Utara.

6. Para sahabat tercinta yang selalu memberikan semangat dan doanya, Evi, Tina dan kakakku tercinta terima kasih laptop dan desain webnya, semoga kita sukses dan selalu bahagia.

7. Teman-teman komputer A’06 yang selalu membantu, memberikan ilmunya kepada penulis, Aries, Nando, Ati, Fadli, dan Hendro, Elfa, dan Supardi, semoga ALLAH SWT membalas semua kebaikan kalian.

8. Rekan-rekan seperjuangan di Ilmu Komputer 2005, khususnya di komputer A’06 dan B’06.

9. Teman-teman di UKMI AL-FALAK FMIPA USU, terkhusus Kak Nana yang harus segera wisuda juga dan Nova tetap semangat, terima kasih atas dukungan dan doanya.

10.Semua pihak yang ikut membantu baik secara langsung maupun tidak, penulis ucapkan terima kasih banyak.

11.Buat saudara-saudara yang kucintai yang selalu membantu Bunde yang sudah kembali kepangkuan-Nya walaupun kau tidak ada semangat dan cintamu selalu kuingat, Om Uncin dan Tante Wati, Tante Erni dan Om Ang, Tante Nab dan Om Zul, Om Oyong dan Keluarga, sepupuku Pipin dan Leni tetap semangat, serta keluarga-keluarga yang lain yang tak bias kusebut namanya satu per satu. Terima kasih kuucapkan untuk setiap dukungan dan sokongannya.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

12.Ayahanda tercinta meskipun perjuanganku tidak dapat kau saksikan secara langsung kupersembahkan sepenuh hati tugas akhir ini untukmu, ibunda tersayang perjuanganmu luar biasa untuk membesarkan kami, dan Kak Sri semoga keinginan dan mimpi-mimpimu menjadi nyata.

Akhir kata, penulis berharap semoga Tugas Akhir ini bermanfaat bagi penulis sendiri maupun pihak-pihak yang berpekepentingan, walaupun penulis menyadari bahwa Tugas Akhir ini masih jauh dari kesempurnaan. Untuk itu penulis mengharapkan saran dan kritik yang membangun.

Medan, Juni 2009

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

ABSTRAK

Kajian ini bertujuan untuk membangun suatu sistem informasi data siswa, guru dan pegawai dari suatu sekolah yang berada di medan. Sistem ini dikembangkan menggunakan bahasa pemograman Adobe Photoshop CS, Macromedia Dreamweaver 8, Apache, PHP, MySQL dan browser Mozilla Firefox. Sistem ini bekerja memasukkan dan menyimpan data serta menampilkan info dari sekolah tersebut. Sehingga masyarakat luas akan lebih mudah mengetahui informasi yang akan disajikan oleh pihak sekolah.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vii

Daftar Isi viii

Daftar Tabel x

Daftar Gambar xi

BAB 1 PENDAHULUAN 1

1.1Latar Belakang 1

1.2Identifikasi Masalah 2

1.3Pembatasan Masalah 3

1.4Maksud dan Tujuan 3

1.5Metode Penelitian 4

1.6Sistematika Penulisan 5

BAB 2 TINJAUAN TEORITIS 7

2.1 Data dan Informasi 7

2.1.1 Pengertian Data 7

2.1.2 Pengertian Informasi 8

2.2 Sistem dan Sistem Informasi 8

2.2.1 Pengertian Sistem 8

2.2.2 Pengertian Sistem Informasi 9

2.3 Pengertian Komputer 9

2.4 Sejarah Singkat Internet 12

2.5 Pengenalan Web 15

2.5.1 Metodologi Pembangunan Situs Web 15

2.5.2 Proses Perancangan Situs Web 17

2.6 HTML (HyperText Markup Language) 18

2.6.1 Dokumen HTML 18

2.6.2 Struktur Dokumen HTML dan Tag HTML 19

2.7 PHP 23

2.7.1 Sejarah PHP 23

2.7.2 Kelebihan-Kelebihan PHP 24

2.7.3 Sintaks PHP 25

2.7.4 Koneksi dengan MySQL 26

2.8 MySQL 29

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

BAB 3 DESKRIPSI SEKOLAH 34

3.1 Latar Belakang Berdirinya Sekolah 34

3.2 Visi SMA Swasta An-Nizam 36

3.3 Misi SMA Swasta An-Nizam 36

3.4 Kurikulum Sekolah 37

3.5 Struktur Organisasi 38

BAB 4 PERANCANGAN SISTEM 40

4.1 Perencanaan dan Pearancangan 40

4.2 Mendesain Layout/ Templete 42

4.3 Mempersiapkan Database Server 43

4.4 Membayar Halaman Situs Web 47

BAB 5 IMPLEMENTASI SISTEM 48

5.1 Pengertian Implementasi Sistem 48

5.2 Tujuan Implementasi Sistem 48

5.3 Spesifikasi Sistem 48

5.4 Instalasi Apache, PHP, MySQL 49

5.5 Pengujian Browser 53

5.6 Melakukan Upload dan Database 54

BAB 6 KESIMPULAN DAN SARAN 56

6.1 Kesimpulan 56

6.2 Saran 57

DAFTAR PUSTAKA LAMPIRAN

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. DAFTAR TABEL

halaman

Tabel 4.1 Tabel Admin 43

Tabel 4.2 Tabel Instruktur 43

Tabel 4.3 Tabel Data Siswa 44

Tabel 4.4 Tabel Kelas 45

Tabel 4.5 Tabel Materi 45

Tabel 4.6 Tabel Data Kelas 46

Tabel 4.7 Tabel Jurusan 46

Tabel 4.8 Tabel Kelas Aktif 46

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. DAFTAR GAMBAR

halaman

Gambar 2.1 Tampilan Halaman HTML 21

Gambar 4.1 Flowchart Rancangan Aplikasi Web 41

Gambar 4.2 Layout Aplikasi Web 42

Gambar 4.3 Tampilan Layout Web pada Macromedia 47

Gambar 4.4 Tampilan Macromedia Dreamwaver 49

Gambar 5.1 PHP Info 52

Gambar 5.2 PHP MyAdmin 53

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. BAB 1

PENDAHULUAN

1.1Latar Belakang

Dalam 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 lingkungan manusia dalam menangani setiap permasalahan yang terjadi yang ada hubungannya dengan proses pembangunan secara menyeluruh.

Kalau diperhatikan dan ditelusuri kemajuan yang telah dicapai itu, maka akan telihat dengan jelas bahwa permasalahannya adalah terletak pada penggunaan data dan informasi yang akurat. Penerapan suatu sistem data dan informasi sebenarnya tidak terlepas dari penggunaan peralatan elektronika yang dapat membantu manusia dalam proses penanganan sistem informasi.

Setelah meninjau permasalahan pada penggunaan data dan informasi yang akurat, maka penulis mempunyai keinginan untuk membuat sebuah sistem informasi berbasis web pada SMA Swasta An-Nizam Medan. Oleh karena itu, pada kesempatan ini penulis mengkhususkan pembuatan sistem informasi hanya pada perancangan aplikasi berbasis web. Perancangan sistem informasi ini didasarkan atas keinginan

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

penulis untuk menyediakan informasi tentang akademik siswa dan memudahkan para guru di sekolah tersebut untuk memasukkan nilai-nilai para siswanya. Dengan sebuah sistem informasi berbasis web maka para guru, pegawai sekolah tersebut akan dengan mudah mengakses dan mengetahui segala sesuatu mengenai akademik para siswa tersebut dengan cepat tanpa harus datang ke bagian tata usaha terlebih dahulu dan tidak membutuhkan waktu yang banyak. Atas dasar pertimbangan itu, maka penulis akan mengangkat masalah ini ke dalam tulisan sebagai tugas akhir yang berjudul:

“Sistem Informasi Akademik pada SMA Swasta An-Nizam Medan Berbasis Web”.

1.2Identifikasi Masalah

Kemampuan manusia dalam menyelesaikan pekerjaan yang semakin banyak dan rumit sangatlah terbatas, sehingga disini dibutuhkan suatu sistem yang dapat mengolah dan menyediakan aplikasi dengan baik sehingga dapat mempercepat serta mengefisienkan pekerjaan pengolahan data. Maka penulis mengidentifikasi masalah yaitu sebagai berikut:

1. Apakah sistem informasi yang dibangun sudah baik, sehingga pihak SMA Swasta An-Nizam sendiri dapat berinteraksi di web tersebut.

2. Informasi apa saja yang disediakan dalam web internal sekolah tersebut sehingga para guru dan pegawai mendapatkan informasi yang efektif dan akurat.

3. Apakah sistem informasi yang dibangun berguna bagi pihak sekolah sendiri.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Penulis melakukan pembatasan/ruang lingkup masalah, hal ini dilakukan agar pembahasannya tidak menyimpang dari topik permasalahan tentang sistem informasi akademik siswa pada SMA Swasta An-Nizam Medan. Batasan masalah dalam pembuatan tugas akhir ini nantinya adalah mengenai sistem informasi sekolah untuk kalangan sendiri saja yang membutuhkan informasi. Aplikasi web ini dibangun di bawah sistem operasi Window XP dengan menggunakan web server Apache, PHP, dan MySQL, serta juga dibantu dengan Macromedia Dreamweaver 8 dan Adobe Photoshop CS sebagai editor perancangan dan pembangunan web.

1.4Maksud dan Tujuan

Maksud dari penelitian ini adalah untuk merancang suatu aplikasi web yang dinamis yang dimanfaatkan untuk menyebarkan informasi yang baik dengan cepat dan mudah.

Adapun tujuan penulis mengadakan penelitian ini adalah untuk merancang suatu sistem informasi akademik siswa pada SMA Swasta An-Nizam Medan dengan menggunakan software-software pendukung seperti Apache sebagai server, PHP, MySQL, Dreamweaver, serta Adobe Photoshop CS.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Untuk menyusun tugas akhir ini, penulis melakukan penerapan metode penelitian dalam memperoleh data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat terselesaikan dengan baik. Adapun metode penelitian yang penulis lakukan adalah sebagai berikut:

1. Penelitian Lapangan dan Wawancara

Penelitian ini dilakukan penulis secara langsung di lapangan, dalam hal ini penulis melakukan penelitian dan wawancara pada SMA Swasta An-Nizam sebagai objek penelitian.

2. Penelitian Pustaka

Penelitian yang dilakukan penulis di perpustakaan adalah untuk mendapatkan data yang teoritis. Dalam hal ini yang harus diperhatikan adalah subjek yang diteliti, yaitu khususnya pada buku bacaan yang menjadi pembahasan dan saling berhubungan dengan permasalahan yang dihadapi.

3. Merancang database

Dalam membuat database tersebut penulis menggunakan MySQL sebagai tempat penyimpanan data yang fleksibel dan dinamis.

4. Merancang desain web

Pada tahap ini penulis mulai mendesain halaman dengan menggunakan software Macromedia Dreamweaver 8 dan Adobe Photoshop CS.

5. Merancang Program

Pada tahap ini penulis membuat listing program dari setiap menu-menu halaman web.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

6. Pengujian Program

Pada tahap ini penulis menguji program yang telah dirancang sebelumnya agar dapat mengetahui kesalahan-kesalahan dalam program dan memperbaiki kembali program tersebut, sehingga pada tahap selanjutnya program dapat berjalan dengan sempurna.

1.6Sistematika Penulisan

Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari:

BAB 1 PENDAHULUAN

Pada bab ini diuraikan secara ringkas pembahasan tentang latar belakang, identifikasi masalah, batasan masalah, maksud dan tujuan, metode penelitian, dan sistematika penulisan.

BAB 2 TINJAUAN TEORITIS

Pada bab ini penulis menjelaskan teori-teori singkat tentang hal-hal yang berhubungan dengan judul dan bahasa pemrograman yang digunakan oleh penulis.

BAB 3 DESKRIPSI PERUSAHAAN

Bab ini menguraikan tentang profil, sejarah, program kerja perusahaan, serta visi dan misi SMA Swasta An-Nizam.

BAB 4 PERANCANGAN SISTEM

Pada bab ini penulis membahas tentang gambaran umum pembuatan halaman-halaman web, persiapan database, dan algoritma web.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

BAB 5 IMPLEMENTASI SISTEM

Bab ini berisikan pengertian implementasi sistem, tujuan implementasi sistem, spesifikasi sistem, dan instalasi Apache, PHP, dan MySQL.

BAB 6 KESIMPULAN DAN SARAN

Bab ini berisikan kesimpulan dan saran dari hasil penelitian yang bisa diperoleh.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. BAB 2

TINJAUAN TEORITIS

2.1 Data dan Informasi 2.1.1 Pengertian Data

Data menurut kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata “datum” yang berarti fakta atau bahan-bahan keterangan.

Menurut Gordon. B. Davis, (Management Informations System: Conceptual

Fondations, Structures, and Development), data sebagai bahan mentah dari informasi,

yang dirumuskan sebagai sekelompok lambang-lambang tidak acak yang menunjukkan jumlah atau tindakan.

Menurut pandangan bisnis, terdapat pengertian data bisnis sebagai berikut:

“Business data is an organizations description oh things (resource) and events (transaction) that it faces”. Jadi, data dalam hal ini disebut sebagai data bisnis,

merupakan deskripsi organisasi tentang sesuatu (resource) dan kejadian (transaction) yang terjadi.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Dari pengertian di atas, dapat diambil kesimpulan bahwa data merupakan bahan baku informasi, yang didefenisikan sebagai kelompok teratur simbol-simbol yang mewakili kuantitas, tindakan, benda, dan sebagainya. Data terbentuk dari karakter, dapat berupa alphabet, angka, maupun simbol khusus seperti *, $ dan /.

2.1.2 Pengertian Informasi

Informasi dapat didefenisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian yang nyata yang digunakan untuk pengambilan keputusan.

Menurut Gordon B. Davis, (Management Informations System: Conceptual

Fondations, Structures, and Development), informasi sebagai data yang telah diolah

menjadi bentuk yang lebih berarti dan berguna bagi penerimanya untuk mengambil keputusan masa kini maupun yang akan datang.

2.2 Sistem dan Sistem Informasi 2.2.1 Pengertian Sistem

Sistem juga dapat diartikan sebagai “cara”, seperti sistem pengamatan, sistem penglihatan, sistem pengajaran dan lain sebagainya. Sistem juga dapat diartikan sebagai “susunan” seperti sistem syaraf yang berarti susunan syaraf, sistem jaringan yang berarti susunan jaringan dan lain sebagainya. Jadi sistem adalah suatu kesatuan yang utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai suatu tujuan.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Menurut M.J Alexander dalam buku Information System Analysis: Theory and

Application, sistem merupakan suatu group dari elemen-elemen yang menunjukan

suatu kumpulan saling berhubungan di antaranya dan berinteraksi bersama-sama menuju satu atau lebih tujuan, sasaran atau akhir dari sebuah sistem.

2.2.2 Pengertian 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. Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi.

Sistem informasi di dalam organisasi yang mempertemukan kebutuhan pengolahan transaksi, mendukung operasi, bersifat manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan yang diperlukan. Sistem informasi menerima masukan data dan instruksi, mengolah data tersebut sesuai instruksi, dan mengeluarkan hasilnya.

2.3 Pengertian Komputer

Komputer berasal dari istilah Latin ”computare” yang kemudian diartikan dalam bahasa Inggris yaitu ”to compute atau to reckon” yang berarti hitung, sehingga komputer dapat diartikan sebagai alat hitung.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Bila dijabarkan, komputer dapat diartikan sebagai suatu alat elektronik yang mampu melakukan beberapa tugas seperti menerima input, memproses input sesuai dengan programnya, menyimpan perintah-perintah dan hasil pengolahan, dan menyediakan output dalam bentuk informasi.

Supaya komputer dapat digunakan untuk mengolah data, maka harus berbentuk sistem komputer. Sistem komputer adalah suatu sistem yang terdiri atas komputer dan komponen-komponen yang menunjang terlaksananya proses pengolahan data dan menjadikan komputer sebagai alat yang berguna. Tujuan pokok dari sistem komputer adalah mengolah data menjadi informasi. Elemen-elemen dari sistem komputer adalah:

a. Hardware (perangkat keras)

Hardware (perangkat keras) adalah peralatan di sistem komputer yang secara fisik dapat dilihat dan dijamah, yang membentuk kesatuan sehingga dapat difungsikan. Berdasarkan kegunaannya, perangkat keras komputer dikelompokkan ke dalam tiga kelompok utama:

1. Alat input

Alat input adalah alat yang memasukkan data maupun program yang akan diproses oleh komputer, seperti keyboard, mouse, scanner.

2. Alat proses

Alat proses yang lebih dikenal dengan CPU (Central Processing Unit) merupakan alat atau unit terpenting di dalam sistem komputer. Tugas utamanya adalah mengontrol keseluruhan sistem komputer selama pengolahhan data berlangsung, seperti processor.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

3. Alat output

Alat output adalah alat yang menampilkan hasil pengolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.

b. Software (perangkat lunak)

Perangkat lunak adalah program yang berisi perintah-perintah ataupun prosedur yang memungkinkan perangkat keras komputer dapat menjalankan fungsinya sebagai alat pengolah data. Komponen ini tidak nyata secara fisik. Perangkat lunak berfungsi sebagai perantara antara komputer dan pengguna (user), sehingga dapat digunakan.

c. Brainware

Brainware adalah manusia yang terlibat dalam mengoperasikan serta mengatur sistem komputer. Brainware dapat dikelompokkan kedalam beberapa bagian:

1. Sistem analis, yaitu orang yang bertugas membentuk dan merancang fasilitas suatu sistem komputer yang akan dirancang.

2. Programmer, orang yang bertugas menerjemahkan spesifikasi yang telah dirancang oleh sistem analisis ke dalam suatu bahasa tertentu.

3. Komputer Operator, orang yang bertugas menangani pengolahan data secara langsung.

4. Data Entry Operator, orang yang bertugas melakukan pengurusan terhadap data yang akan diolah, mulai dari pengumpulan data, perekaman data ke dalam media-media penyimpanan hingga pemeriksaan dan pengiriman informasi yang dihasilkan oleh komputer.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. 2.4Sejarah Singkat Internet

Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan komputer dengan berbagai tipe yang membentuk sistem jaringan yang mencakup seluruh dunia (jaringan komputer global) dengan melalui jalur telekomunikasi seperti telepon, radio, link, satelit dan sebagainya.

ARPAnet (US Defense Advance Reserch Projects Agency) atau departemen pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila perang dapat mudah dihancurkan.

Setelah angkatan Amerika dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer. Salah satunya adalah Universitas of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan di universitas-universitas di Amerika dan berkembang pesat sampai sat ini. Agar para pengguna komputer dengan merek dan tipe berlainan dapat saling berhubungan, maka para ahli membuat sebuah protokol yang sama untuk dipakai di internet. Namamya TCP/IP.

Dalam mengatur integrasi dan komukasi jaringan komputer ini digunakan protokol yaitu TCP/IP. TCP (Tranmission Control Protocol) bertugas memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang mentransmisikan data dari satu komputer ke komputer lain. TCP/IP secara umum

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat digunakan, mengatur, dan mengirimkan paket-paket pengiriman data.

Protokol digunakan untuk menentukan jenis layanan yang akan kita gunakan pada internet, seperti mengakses situs web, mentransfer file ke web server, mencari informasi dan sebagainya.

1. HTTP (HyperText Transfer Protocol)

HTTP adalah protokol yang digunakan untuk berkomunikasi antara browser dan web server melali jaringan internet.

2. GOPHER

Gopher merupakan protokol yang sudah lama, dan pada saat ini sudah mulai ditinggalkan karena penggunaannya yang tidak sesederhana HTTP. Gopher digunakan untuk mencari informasi pada web server

3. FTP (File Transfer Protokol)

FTP sering digunakan untuk mentransfer file dari web server melalui jaringan internet. Transfer file dapat berupa untuk mengirim file ke web server (upload) atau untuk mengambil data dari web server (download)

4. MAILTO

Protokol Mailto digunakan untuk mengirim email melalui jaringan komputer. Bentuk format pada protokol ini adalah: mailto:nama email@nama host

5. TCP/IP

TCP/IP adalah jenis protokol yang memungkinkan komputer berkomunikasi dengan komputer lain melalui suatu jaringan yang sering disebut dengan internet.

Ada banyak fasilitas yang dapat kita manfaatkan dengan menggunakan internet:

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

1. Web, adalah fasilitas hypertext untuk menampilkan data berupa teks, gambar, bunyi, animasi, dan data multimedia lainnya, yang diantara data tersebut saling berhubungan satu sama lain. Untuk lebih mudah kita dapat menggunakan web browser seperti Internet Explorer atau Netscape.

2. E-mail (Electronic Mail), dengan fasilitas ini kita dapat mengirim dan menerima surat elektronik (email) pada/dari pemakai komputer lain yang terhubung dengan internet, dan dapat menyertakan file sebagai lampiran (attactment).

3. Newsgroup, fasilitas ini digunakan untuk mendistribusikan artikel, berita, tanggapan, surat, penawaran ataupun file ke pemakai internet lain yang tergabung dengan kelompok diskusi untuk topik tertentu. Dengan fasilitas ini juga kita dapat melakukan seminar atau konfrensi dengan cara elektronik tanpa terikat ruang, waktu dan tempat.

4. FTP, fasilitas ini digunakan untuk menghubungkan ke server komputer tertentu dan bila perlu menyalin (download) file yang anda butuhkan dari server tersebut dan menyimpannya di computer sendiri.

5. Chatting, adalah pembicaraan yang dilakukan kepada orang lain dengan menuliskan kata-kata dan menggunakan komputer yang terhubung ke internet secara bersamaan. Ada banyak program chatting saat ini, diantaranya Yahoo Instant Message (YIM), MSN, IRC, dan sebagainya.

Ada beberapa istilah umum yang sering digunakan dan harus diketahui, antara lain:

1. www (world wide web), merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama. Kita dapat mengumpakan www sebagai perpustakaan besar yang menyediakan berbagai informasi yang diperlukan.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

2. website (situs web), merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Situs web ini dapat diumpamakan sebagai buku besar yang berisi topik tertentu.

3. web page (halaman web), merupakan sebuah halaman khusus buku dari situs web tertentu. Diumpamakan halaman web ini sebuah halamna khusus buku dari situs web tertentu.

4. home page, merupakan sampul halaman yang berisi daftar isi atau menu dari sebuah situs web.

5. URL (Uniform Resource Locator), merupakan konsep nama file standar yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan nama filenya, tetapi juga nama mesinnya dalam jaringan. URL dapat disediakan (ada atau diakses) dengan berbagai metoda, dan bisa jadi bukan sekedar file karena URL dapat menunjukkan query-query, dokumen yang disimpan dalam database.

6. browser, merupakan program aplikasi yang digunakan untuk memudahkan kita dalam melakukan navigasi berbagi data dan informasi pada www.

2.5 Pengenalan Web

2.5.1Metodologi Pembangunan Situs Web

Situs web merupakan kumpulan halaman web yang berhubungan dan saling terkait. Elemen dari metodologi pembangunan situs web:

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

1. Informasi audience

Pengetahuan tentang target audience web sama baiknya dengan pengguna yang aktual yang menggunakan informasi. Informasi yang diperlukan dalah latar belakang pengguna, minat, dan semua perincian yang membantu untuk mempertajam informasi.

2. Proposal

Proposal ini berisi tentang informasi yang jelas tentang alasan dan ruang lingkup dari pembangunan web. Proposal harus bersifat dinamik yang artinya memiliki tujuan yang lebih spesifik. Proposal juga harus dikemukakan secara singkat dan jelas yang dapat berperan sebagai petunjuk untuk memproses pembangunan web dan pengembangannya.

3. Pernyataan yang Objektif

Setelah membuat proposal dalam mendefenisikan tujuan yang harus disampaikan oleh situs web, sebuah pernyataan yang objektif yang berdasarkan pada proposal digunakan pada paragrap pendahuluan.

4. Informasi Domain

Kumpulan pengetahuan dan informasi tentang subjek dominan yang ada di cover web adalah informasi yang disediakan untuk audience web dan informasi yang dibutuhkan oleh perancang web.

5. Spesifikasi Web

Spesifikasi web adalah gambaran secara rinci dari batasan dan elemen yang akan ditampilkan di web. Daftar pernyataan spesifik dari informasi apa yang akan ditampilkan sebaik batasan-batasan pada tampilan.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

6. Tampilan Web

Tampilan web adalah informasi yang akan dikirimkan kepada user. Tampilan tersebut adalah hasil dari rancangan dan proses implementasi pembangunan web. Dalam proses ini, pilihan yang kreatif yang dibuat diantara rancangan dan teknik tampilan untuk mendapatkan spesifikasi web; pertimbangan untuk efisiensi, estetika, dan pengenalan web.

2.5.2 Proses Perancangan Situs Web

Dalam membuat perancangan website, ada beberapa langkah yang perlu kita perhatikan, diantaranya sebagai berikut:

1. Perencanaan

Perencanaan adalah proses memilih dari banyak cara bersaing untuk berkomunikasi sehingga seluruh tujuan web dapat dicapai. Tujuan ini adalah termasuk antisipasi dan memutuskna target untuk audience, tujuan dan sasaran dari informasi.

2. Analisis

Analisis adalah proses mengumpulkan dan membandingkan informasi tentang web dan pengoperasiannya dengan tujuan untuk memperbaiki kualitas web secara keseluruhan.

3. Perancangan

Perancangan adalah sebuah proses yang dilakukan oleh perancang web diaktualisasikan. Proses ini menyangkut tujuan web tersebut, audience, objek, dan informasi domain.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

4. Implementasi

Proses dibangunnya web menggunakan Hyper Text Markup Language (HTML), sehingga proses implementasi mungkin lebih mirip dengan pengembangan software sebab menggunakan syntax yang spesifik untuk pengkodean struktur web dalam sebuah bahasa formasi dalam file komputer.

5. Promosi

Proses pengendalian semua masalah promosi web. Termasuk di dalamnya bagaimana web dikenal eksis oleh komunitas online melewati publisitas, baik bisnis atau hubungan informasi lain dengan web yang lain. Promosi menyangkut strategi pemasaran tertentu atau membuat model bisnis.

6. Inovasi

Proses pengembangan dan perbaikan secara terus menerus. Termasuk mengikuti perkembangan teknologi untuk inovasi-inovasi baru yang mungkin cocok untuk pengembangan web, sama baiknya dengan kreativitas, atau cara yang unik untuk memperbaiki elemen-elemen web, atau mengikat audience dengan keberhasilan web. Inovasi juga menyangkut mencari improvisasi yang bisa digunakan secara terus menerus, dan kualitas web dan harapan pengguna.

2.6 HTML (HyperText Markup Language) 2.6.1 Dokumen HTML

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarangan. Dokumen ini dikenal dengan web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web server. HTML menampilkan informasi

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

dalam bentuk hypertext dan juga mendukung sekumpulan perintah yang dapat digunakan untuk mengatur tampilan nya dan informasi tersebut.

Sesuai dengan namanya, bahasa ini meggunakan tanda (markup) untuk menandai perintah-perintahnya. Saat ini, banyak sekali aplikasi yang dapat digunakan untuk membuat web page secara mudah, seperti Microsoft FrontPage, Adobe Golive, Macromedia DreamWeaver, Notepad, dan lain sebagainya.

2.6.2 Struktur Dokumen HTML dan Tag HTML

Dokumen HTML disusun oleh elemen-elemen. Elemen merupakan komponen dasar pembentuk dokumen HTML. Untuk menandai berbagai elemen dalam dokumen HTML digunakan tag. Tag HTML terdiri dari sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar dari) tag umumnya berpasangan (misalnya <HI> dengan </HI>), tag yang menjadi pasangan diawali dengan karakter garis miring. Namun ada juga beberapa tag yang tidak mengharuskan tagnya ditulia secara berpasangan, seperti <p>, <br>, <hr>, <Li>.

Penulisan penamaan tag bebas, dapat menggunakan hurup besar, kecil, ataupun campuran (tidak case sensitive). Tetapi sebagai antisipasi pada standar penulisan tag direkomendasikan untuk menuliskan tag dengan menggunakan hurup kecil.

Secara umum dokumen HTML dibagi menjadi dua section (bagian). Yaitu

section head dan section body. Sehingga setiap dokumen HTML harus mempunyai

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. <html>

<head>

<title>_</title> </head>

<body> Isi dokumen </body> </html>

Struktur diatas diapit oleh tag <html> dan </html> yang manandai awal dan akhir dari sebuah dokumen yang digunakan untuk menyisipkan informasi mengenai dokumen, misalnya versi, revisi, dan sebagainya. Sedangkan bagian yang diapit oleh tag <title> dan </title> menunjukkan judul dari halaman web anda. Bagian kedua yang diapit oleh <body> dan </body> berisi dokumen atau informasi yang hendak disajikan.

Contoh dokumen HTML sebagai berikut: <html>

<head>

<title>contoh HTML</title> </head>

<body>

file ini merupakan contoh file HTML </body>

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

</html>

Hasil dokumen HTML tersebut adalah:

Gambar 2.1 Tampilan Halaman HTML

Ada banyak tag perintah pada HTML, diantaranya sebagai berikut: a. Headings

Headings digunakan untuk menampilkan nama bab atau bagian tertentu yang dianggap sebagai topik utama. Ada terdapat 6 level heading mulai dari tag <H1> sampai dengan <H6>. Untuk mengatur posisi heading, kita dapat menggunakan atribut ALIGN pada tag heading. Nilai atribut align bisa diisi dengan salah satu nlai dari right, left, center, dan justify.

b. Line break

Line break (BR) adalah tag yang berfungsi untuk membuat baris baru pada dokumen HTML. Tag <BR> ini membuat baris baru tanpa memberi baris kosong. c. Horizontal rule

Horizontal rule<HR> adalah tag tunggal yang berfungsi untuk membuat garis horizontal. Tag<HR> akan membuat garis horizontal sepanjang baris kosong. d. Daftar list

Untuk membuat daftatr list, HTML menyediakan empat macam list:

1. unordered list, biasanya ditandai dengan pemakaian bullet untuk menandai

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

2. ordered list adalah daftar yang tiap bagiannya disertai penomoran,

menggunakan tag <OL> dan </OL>

3. definition list, adalah daftar yang mempunyai keterangan item tertentu,

menggunakan tag <DL> dan </DL>.

4. daftar menu, untuk membuat daftar menu bisa menggunakan pasangan tag <MENU> dan </MENU>

e. Membuat paragrap

Tag <P> umumnya untuk menandai suatu paragrap baru dengan formatting style tertentu. Sama halnya dengan tag heading, tag <P> juga memiliki atribut untuk mengatur alignment atau pengatur posisi yaitu right, left, central, dan justify. f. Mengatur huruf

Untuk mengatur huruf pada HTML kita dapat menggunakan tag <FONT> dan penutup </FONT>. Tag ini mempunyai beberapa atribut untuk mengatur

formatting style berupa ukuran font (font size), jenis font (face=string),warna font

(color=#RRGGBB)

g. Menghubungkan ke halaman lain

Untuk menghubungkan halaman web ke halaman lainnya, HTML menyediakan tag <A> dan pemakaian tag ini yang diikuti dengan atribut HREF akan memungkinkan halaman web terhubung dengan halaman lain.

h. Tabel

Table adalah sarana untuk menempatkan informasi agar mudah dibaca dan dipahami. Tag <TABEL> memiliki banyak atribut, diantaranya adalah border. BORDER digunakan untuk mengatur ketebalan garis pembatas antar sel-sel dalam tabel. Atribut lain yang penting adalah:

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

2. Cellspacing, atribut ini menyatakan jarak anatara sel satu dan lainnya.

3. Cellpading, atribut ini menyatakan jarak antara isi sel dengan pembatas dari

sel tersebut. i. Form

Form digunakan untuk membuat formulir di halaman web. Form pada halaman web didefenisikan dengan pasangan tag <FORM> dan </FORM>. Tag ini memiliki dua atribut penting, yaitu atribut METHOD untuk menentukan bagaimana form diberlakukan , dan atribut ACTION yang sering diisikan URL tempat pemrosesan form selanjutnya.

<FORM [METHOD=”[POST][GET]” ACTION=”URL]”> …..

</FORM>

1. Input box, adalaah inputan pada form yang memungkinkan user memasukkan string dalam satu baris

2. Radio button, type ini mengharuskan kita memilih satu antara dua atau lebih. 3. Checked box, input type ini memungkinkan kita untuk memilih satu atau lebih

pilihan, atau tidak sama sekali.

4. Button, disini dapat menggunakan dua macam tombol pada form HTML, yaitu submit dan reset.

2.7 PHP

2.7.1 Sejarah PHP

PHP adalah singkatan PHP HyperText Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada

homepage-nya. Rasmus adalah salah satu pendukung open source. Oleh karena itu, ia

mengeluarkan Personal Home Page Tools versi 1.0 secara gratis kemudian menambahkan kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia. Pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. Tidak terhenti sampai disitu, kemampuan PHP terus ditambah, dan kini telah ha dir PHP 5.0 yang diliris pada tahun 2004. PHP versi 5 hadir untuk menangani kelemahan-kelemahan yang terdapat pada versi sebelumnya.

2.7.2 Kelebihan-Kelebihan PHP

PHP mmiliki kelebihan yang tidak dimiliki bahasa script sejenis. PHP dapat melakukan pengumpulan data dari form, menghasilkan isi halaman dinamis, dan kemampuan mengirim dan menerima cookies.

PHP dapat digunakan pada semua sistem operasi, antara lain Linux, Unix, Microsoft Windows, Max OS X, RISC OS. PHP juga mendukung banyak web server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), audium,Xitami, bahkan PHP dapat bekerja sebagai suatu CGI processor.

PHP tidak terbatas pada hasil keluaran HTML (HypeerText Markup Language). PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

PDF, dan movies Flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.

Salah satu fitur yang dapat diandalkan dari PHP adalah dukungannya terhadap banyak database. Antara lain seperti Adabas D, dBase, Direct MS-SQL, Empress, File Pro, FrontBase, HyperWare, IBM DB2, Informix, Ingres, Interbase, MSQL, MYSQL, ODBS, Oracle, Ovrimos, PostgrSQL, Solid, Sybas, Unix DBM, dan Velocis.

2.7.3 Sintaks PHP

Sintaks program/ script PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP:

1. <?php…?>

2. <script language=”PHP”>…</script> 3. <?...?>

4. <%...%>

Script yang dibuat oleh PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya contoh.php. Bila script PHP diakses dari komputer lokal maka file PHP disimpan di folder htdoc di web server. Sama halnya dengna penamaan HTML, pemberian nama pada PHP juga bersipat case sensitive. Script PHP dapat disisipkan dibagian manapun pada script HTML, dan sebaliknya.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Berikut ini adalah contoh script php: <html>

<head>

<title> PHP sintaks</title> </head>

<?php

Print ‘ ini teks dengan PHP’; ?>

<?body> </html>

2.7.4 Koneksi PHP dengan MySQL

PHP yang digabungkan dengan database akan lebih berkekuatan jika digabungkan dengan database yang reliable, gratis dan mudah diinstal. Terdapat dua jenis database yang memenuhi, yaitu MySQL dan PosgreSQL. Kedua jenis database ini dipergunakan karena kinerja yang bagus dan untuk mengaksesnya, PHP mempunyai fungsi khusus. PHP mempunyai fungsi jhusus untuk mengakses MySQL ada sekitar 48 fungsi yang didukung PHP dalam mengakses MySQL dalam membuat aplikasinya. Adapun diantaranya sebagai berikut:

1. mysql_connect()

Fungsi mysql_connect() digunakan untuk membuat/membuka koneksi ke suatu server MySQL. Sintaksnya:

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

2. mysql_pconnect()

Fungsi mysql_pconnect digunakan untuk membuat/membuka koneksi ke suatu server secara persenten. Sintaksnya:

mysql_pconnect(“hostname”, ”username”,”password”)

3. mysql_close()

Fungsi mysql_close digunakan untuk menutup koneksi ke server MySQL. Sintaksnya:

mysql_close([link_identifier])

Keterangan: link_identifier merupakan pengenal yang dihasilkan dari suatu fungsi mysql_connect.

4. mysql_select_db()

Fungsi mysql_select_db ini digunakan untuk memilih database yang akan digunakan. Sintaksnya:

mysql_select_db(database_name[,llink_identifier])

5. mysql_query()

Perintah untuk melakukan transaksi dalam SQL disebut perintah SQL, sedangkan sebutan untuk mengirimkan perintah SQL diebut query. Query memberi perintah kepada database untuk melakukan apa yang dikehendaki. Sintaksnya:

mysql_query(query[,link_identifier])

6. mysql _fetch_array()

Fungsi mysql_fetch_array digunakan untuk mengambil record dari database dan memasukkannya ke dalam array assositif, array numeric, atau keduanya. Sintaksnya:

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

7. mysql_fetcg_row()

Fungsi mysql_fetch_row digunakan untuk mengambil record dari database dan memasukkannya ke dalam array numeric, kebalika dari mysql_fetch_assoc() yang hanya menghasilkan array assosiatif. Sintaksnya:

mysql_fetch_row(resource result)

8. mysql_fetch_field()

Fungsi mysql_fetch_field digunakan untuk memperoeh informasi suatu kolom dan berupa suatu objek dengan property objek seperti:

a. nama-nama kolom

b. table-nama tabel pemilik kolom

c. max_length-panjang maaksimal kolom

d. primary_key-bernilai 1 kolom meruipakan primary key e. dll

Sintaksnya:

myql_fetch_field(resource result[,int field_offset])

9. mysql_num_fields()

Fungsi mysql_num_field digunakan untuk memperoleh informasi jumlah kolom dari suatu query. Sintaksnya:

mysql_num_field(resourcce result)

10.mysql_num_row()

Fungsi mysql_num_row digunakan untuk memperoleh informasi jumlah record/ baris data dari suatu query. Sintaksnya:

mysql_num_row(resourcce result):

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Fungsi mysql_create_db digunakan untuk membuat database dari script PHP sekali pun dapat juga dilakukan dengan CREATE DATABASE pada querynya. Sintaksnya:

mysql_create_db(string database_name[,resource link_identifier])

12.mysql_list_dbs()

Fungsi mysql_list_dbs digunakan untuk memperoleh daftar database. Sintaksnya:

mysql_list_dbs([link resource_identifier])

13.mysql_drop_db()

Fungsi mysql_drop_db digunakan untuk menghapus database MySQL yang berfungsi sama dengan DROP DATABASE dalam suatu query-nya. Sintaksnya:

mysql_drop_db(string database_name[,resource link_identifier])

14.mysql_list_tables()

Fungsi mysql_list_tables digunakan untuk memperoleh daftar nama table dari suatu database MySQL. Sintaksnya:

mysql_list_tables(string database[,resource link_identifier] )

2.8 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data (database

management system) atau DBMS yang multithread, multiuser, dengan sekitas 6 juta

instalasi diseluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU GPL (General Public Lisensi), tetapi mereka juga menjual dibawah lisensi komersil untuk kasus-kasus dimana penggunanya tidak cocok dengan penggunaan GPU.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Tidak sama dengan proyek-proyek Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta oleh kode sumber dimiliki oleh penciptanya masing-masing, MySQL dimiliki dan disponsori perusahaan komersil Swedia MySQL AB, dimana pemegang hak cipta hampir oleh semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah David Axmark, Allan Larsson dan Michael “Monty” Widenius.

MySQL adalah Relation Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPU. Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat

close source atau komersil. MySQL sebenarnya merupakan produk keturunan salah

satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query

Language). SQL adalah sebuah konsep pengoperasian database, terutama untuk

pemilihan atau seleksi dan pemasukan data yang memungkinkan data dapat dikerjakan dengan mudah dan secara otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja optimizer-nya dalam melakukan suatu perintah-perintah SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dari dibandingkan database server lainnya dalam query data. Hal ini terbukti dalam query yang dilakukan single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat disbanding Interbase. Selain itu, MySQL juga memiliki beberapa keistimewaan, antara lain:

1. Possibility

MySQL dapat bekerja stabil pada berbagai sistem operasi seperti Windows, Linux, MacOs X Server, freeDSB, solaris, Amiga, dan masih banyak lagi.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

2. Open Source

MySQL didistribusikan secara gratis dibawah lisensi GPU sehingga dapat digunakan secara cuma-cuma.

3. Multiuser

Dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa ada masalah atau konflik.

4. Performance tuning

MySQL memiliki kecepatan yang menakjubkan saat menangani query sederhana, dengan kata lain dapat memproses lebih banyak query persatuan waktu.

5. Colomn Types

MySQL memiliki tipe kolom yang sangat kompleks seperti signed/unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

6. Command dan Function

MySQl memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam query.

7. Security

MySQl memiliki beberapa lapisan sekuritas seperti level subnetmask, nama user, izin akses user dengan sistem perizinan yang detail menggunakan password yang terenkripsi.

8. Scalability dan Limits

MySQL mampu menangani database dalam skala besar, dalam jumlah record lebih dari 50 juta dan 60 ribu tabel serta 5 miliar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks di setiap tabelnya.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

9. Conectivity

MySQL dapat melakukan koneksi dengan client menggunakan protocol TCP/IP, UNIX, atau Named Pipes(NP).

10.Location

MySQL dapat mendeteksi pesan kesalahana dari client dengan menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa Indonesia belum termasuk di dalamnya.

11.Client dan Tools

MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk administarasi database, dan pada setiap toolnya dilengkapi petunjuk online.

12.Interface

MySQL memiliki interface (antarmuka) terhadap beberapa program aplikasi dan bahasa pemograman dengan menggunakan API (Application Programing

Interface).

13.Struktue Tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan database lainnya seperti PostgreSQL dan ORACLE.

2.9 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 Macrmedia, inc. membuat suatu editor berbasis GUI yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. Dreamweaver merupakan editor HTML yang professional untuk mendesain,

menulis kode program dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengejaannya, Dreamweaver memberi tiga pilihan yaitu:

1. Design View

Pada tampilan design view biasanya digunakan para desainer untuk merancang sketsa halaman web dan memudahkan kita untuk menuangkan ide tentang layout halaman web yang akan dibuat nantinya.

2. Code View

Tampilan ini biasanya digunakan perancang tingkat lanjutan yang sudah memahami bahasa HTML. Perancang dapat mengetikkan script-script HTML pada layer yang sudah tersedia.

3. Split View

Tampilan ini berfungsi untuk mengontrol tag HTML dan desain jika terjadi kesalahan.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. BAB 3

DESKRIPSI SEKOLAH

3.1 Latar Belakang Berdirinya Sekolah

Perguruan Islam An-Nizam, sebagai institusi pendidikan Islam, yang ikut bertanggung jawab mengembangkan tugas dalam mempersiapkan terbentuknya anak pintar yang saleh. Generasi mukmin yang taat dan takwa kepada Allah SWT, mampu berdaya cipta, punya inisiatif, kreatif dan terampil serta inovatif, mampu mengekspresikan kata hati dan cita rasa. Sehingga dapat mengahantarkan pada kebahagiaan dunia dan akhirat.

An-Nizam mulai berdiri sejak dimulainya TKA An-Nizam pada tahun 1999, SD dan SMP pada tahun 2000 dan SMA pada tahun 2003. Perguruan Islam akan terus meningkatkan fasilitas. Pendidikan yang menunjang proses belajar mengajar terutama meningkatkan SDM gurunya dengan memberikan pelatihan-pelatihan dan pengembang kurikulum sesuai dengan perkembangan zaman.

Taman Kanak-Kanak Al-Qur'an Plus (TKA Plus) An-Nizam berupaya untuk menggulirkan program-program yang dapat mengantarkan terbentuknya generasi cilik Qur'ani, yang mencintai Allah dan Rasul-Nya serta sangat patuh kepada orang tua.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Sekolah Dasar Islam An-Nizam adalah salah satu lembaga pendidikan yang sudah mulai memiliki daya saing yang baik dengan sekolah-sekolah Favorit di kota Medan. SD Islam An-Nizam didirikan pada tahun 2000 dan telah memiliki izin Operasional dari Departemen Pendidikan Nasional dengan SK Kep.DikNas Nomor: 420/13835 A/02 tertanggal 25 November 2002 dan Sekarang SD Islam An-Nizam telah berstatus Akreditas: A (Amat Baik) pada tahun 2006. SD Islam An-Nizam dikembangkan di bawah Yayasan Sech Oemar Bin Salmin Bahadjadj, yang berusaha menyelaraskan IPTEK dengan IMTAQ sehingga terbentuk generasi yang Ulil Albab (generasi yang memiliki keseimbangan pola Fikir dan Dzikir). Hal ini dapat dilihat dari kurikulum pendidikannya yang berusaha memadukan pendidikan umum dan agama. Begitu juga dengan para staf pendidiknya yang mayoritas berasal dari aktivis dakwah dengan latar belakang pendidikan yang berbeda.

SLTP An-nizam sebagai salah satu lembaga pendidikan di Sumatera Utara dengan visi; menciptakan generasi pintar yang saleh, melaksanakan sistem pendidikan yang berpedoman pada kurikulum nasional dan diperkaya dengan muatan-muatan lokal serta pengembangan-pengembangan nilai khusus yang diaplikasikan dalam bentuk kegiatan di sekolah, sehingga lulusan SLTP An-nizam diharapkan mampu menjadi bagian dari generasi penerus yang rabbani, yang tentunya dipersiapkan untuk dapat melanjutkan pendidikan kejenjang yang lebih tinggi.

SMA An-Nizam (SMANIZ) merupakan lembaga pendidikan yang berada dibawah naungan Yayasan Sech Oemar bin Salmin Bahadjadj dengan Ketua Yayasan Bapak Ir. H. Ali Umar (Dosen Teknik Sipil USU). SMA An-Nizam merupakan Anggota Jaringan Sekolah Islam Terpadu Indonesia (JSITI). Diantara anggota JSITI

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

adalah Nurul Fikri (NF) Jakarta dan Yayasan Mutiara Duri Caltex. Saat ini SMA An-Nizam ditunjuk sebagai Koordinator JSITI Regional Sumatera Utara.

Yayasan Sech Oemar Bin Salmin Bahadjadj mendirikan SMA An-Nizam

dengan misi membangun potensi SDM ummat Islam dan visi mencetak generasi muda yang cerdas, shaleh, santun, dan trampil dalam teknologi. Menumbuhkan tiga karakteristik dasar yakni; kepekaan, kemandirian dan rasa tanggung jawab, terbebas dari penyakit sosial yang biasa menimpa remaja seperti narkoba, pergaulan bebas, tawuran dan prilaku negatif lainnya.

Proses pembelajaran diupayakan selalu mengikuti pola perkembangan terkini dengan didukung fasilitas, sarana dan teknologi multi media. Mengupayakan pendekatan pembelajaran konstektual (Contextual teaching learning). Berupaya mengembangkan kecerdasan majemuk (multiple intelegence) siswa melalui kegiatan reguler dan extrakurikuler.

3.2 Visi SMA Swasta An-Nizam

Adapun visi dari SMA Swasta an-Nizam adalah mempersiapkan generasi terbaik dan kepribadian Islami.

3.3 Misi SMA Swasta An-Nizam

Misi SMA Swasta An-Nizam adalah sebagai berikut:

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

2. Mengantarkan peserta didik ke perguruan tinggi negeri ternama.

3. Membina dan mengoptimalkan potensi inteklektual peserta didik dengan mensinergikan potensi orangtua, guru, pemerintah dan masyarakat. 4. Membentuk insan yang cerdas, shaleh, kreatif, disiplin mandiri dan

mempunyai kesantunan.

5. Membimbing siswa untuk jauh dari narkoba, rokok, minuman keras, pergaulan bebas, tawuran dan kerusakan moral lainnya.

3.4 Kurikulum Sekolah

Program yang telah dilaksanakan:

1. Menyusun Kurikulum Tingkat Satuan Pendidikan (KTSP) SMA Swasta An-Nizam.

2. Melaksanakan pembelajaran menurut KTSP sesuai standar isi. 3. Menyusun silabus KTSP semua mata pelajaran.

4. Menyusun Rancangan Pelaksanaan Pembelajaran (RPP). 5. Membuat Kriteria Ketuntasan Minimal (KKM) mata pelajaran. 6. Membuat Kalender Pendidikan.

7. Membuat program tahunan dan program semester semua mata pelajaran. 8. Membuat model-model pembelajaran.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. 3.5 Struktur Organisasi SMA Swasta an-Nizam

Struktur organisasi adalah suatu bagian yang menujukkan kedudukan, tugas, wewenang dan tanggung jawab dalam suatu organisasi. Dengan adanya struktur organisasi ini diharapkan setiapa bagian dapat melaksanakan tugasnya masing-masing sesuai dengan wewenang dan tanggung jawab yang telah diberikan, sehingga tujuan organisasi/perusahaan dapat tercapai dengan baik.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. Struktur Organisasi

SMA Swasta An-Nizam

Yayasan Ir. H. Ali Umar

Kepala Sekolah SMA Drs. Sularno, MP Komite Sekolah

Januri, SE.MM

Kepala Tata Usaha Mhd. Safruddin

Wakasek Bag. SARPRA Syamsidar, S.Pd

Guru Piket Dewan Guru

Siswa Wakasek Bag.

Kurikulum Hermansyah, S.Pd

Wakasek Bag. Kesiswaan Jamluddin, Lc

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. BAB 4

PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan

Menurut John Burch & Gary Grudnitski, perancangan sistem dapat didefinisikan sebagai penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.

Menurut George M. Scott, perancangan desain menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti diselesaikan. Tahap ini menyangkut mengkonfigurasi komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar memuaskan rancang bangun yang telah ditetapkan pada akhir tahap analisis sistem.

Sebelum membangun sebuah web terlebih dahulu harus ada perencanaan yang baik, hal ini dimaksudkan agar pembuatan web tersebut jelas sesuai dengan tujuan yang ingin disampaikan.

Ada beberapa hal yang berkaitan dalam membangun sebuah web, yaitu: a. Situs apa yang ingin dibuat?

b. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? c. Apa saja aktivitas yang dapat mereka lakukan dalam situs?

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Dengan menjawab pertanyaan-pertanyaan di atas, akan semakin memperjelas dan mempermudah dalam membangun situs karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.

Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan di atas sebagai berikut:

a. Situs yang akan dibuat adalah situs lembaga pendidikan, dalam hal ini adalah SMA Swasta An-Nizam, yang menyediakan informasi-informasi mengenai akademik siswa-siswi disekolah tersebut.

b. Pengunjungnya adalah pegawai dan guru SMA Swasta An-Nizam.

c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai nilai-nilai akademik yang didapat oleh siswa-siswa, mata pelajaran yang dipunya di sekolah tersebut, guru-guru yang mengajar. d. Target yang akan dicapai dari situs tersebut adalah pengunjung mendapatkan

informasi tentang nilai-nilai akademik siswa-siswi di SMA Swasta An-Nizam.

Kemudian langkah selanjutnya adalah membuat outline atau garis besar dari situs tersebut. Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi atau flowchart (bagan alir) situs tersebut. Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman, biasanya berbentuk pohon yang bercabang-cabang.

Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya,

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana

flowchart dalam membangun situs ini dapat dilihat pada gambar di bawah ini:

Gambar 4.1 Flowchart rancangan Aplikasi web

Pada gambar 4.1, flowchart-nya masihlah sangat sederhana karena disetiap cabang flowchart masih terdapat cabang-cabang lagi bergantung pada seberapa banyak halaman yang dibuat. Misalnya, pada bagian login dibagi lagi ke “halaman admin” dan “halaman user”.

Pada kasus pembuatan siklus dalam skala besar, seperti situs berita atau portal yang memuat sampai ribuan berita atau artikel. Maka tidak mungkin lagi untuk membuat situs secara statis karena flowchart-nya akan mempunyai cabang-cabang yang sangat banyak. Dengan demikian, PHP membangun situs menjadi dinamis, dimana pada suatu halaman akan dipakai oleh ribuan artikel yang ditampilkan sesuai dengan permintaan user.

Login

Data Nilai

Guru

Administrasi

Data Absensi Data

Kelas Materi

Siswa

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. 4.2 Mendesain layout/templete

Salah satu faktor agar situs diminati para pengunjung adalah desain layout dibentuk oleh gambar-gambar dan teks–teks yang menarik. Adapun langkah-langkah umum yang penulis lakukan dalam mendesai layout adalah sebagai berikut:

a. Membuat layout yang menggambarkaan sekolah yang akan dipublikasikn dengan menarik.

b. Memadukan warna yang sesuai dengan banner web sehingga tidak terjadi tabrakan warna atau menimbulkan warna yang mencolok.

c. Memperindah tampilan web dengan Photoshop dan Macromedia.

d. Menambahkan aneka gambar menarik pada beberapa halaman web, seperti pada saat login admin.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. 4.3 Mempersiapkan Database Server

Pada tahap ini dipersiapkan tempat untuk menampung data server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemograman, baik penambahan, pengubahan, penghapusan, dan penampilan isi database ke halaman web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.

Adapun database yang dibuat oleh penulis adalah database SMA Swasta An-Nizam dengan tabel sebagai berikut:

Tabel 4.1 Tabel Admin

Field Jenis

Id Int (2)

Userid Varchar (20)

Password Varchar(20)

Level Int (2)

Tabel 4.2 Tabel Instruktur

Field Jenis

Id Int(3)

Kode Varchar (5)

Nama Varchar (200)

Status Varchar (15)

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. Tabel 4.3 Tabel Data_Siswa

Field Jenis

Id Int(4)

Jurusan Varchar (30)

Kelas Varchar (30)

Gelombang Int (2)

Induk Varchar (50)

Nama Varchar (200)

Ttl Varchar (200)

Alamat Varchar (255)

Kota Varchar (255)

Ortu Varchar (150)

Asal_sekolah Varchar (255)

Th_lulus Varchar (100)

Tlpn Varchar (4)

Hp Varchar (25)

Email Varchar (20)

Agama Varchar (20)

Alamat_sekolah Varchar (200)

Tahun Varchar (25)

Data_sekolah Varchar (4)

Biaya_daftar Int (6)

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Tanggal Int (2)

4.4 Tabel Kelas

Field Jenis

Id Int(3)

nama Varchar (20)

Id_materi Varchar (5)

Mulai Varchar (100)

jurusan Varchar (200)

Kode_instruktur Varchar (4)

Kode_asisten1 Varchar (4)

Kode_asisten2 Varchar (4)

session Char (2)

status Int (1)

4.5 Tabel Materi

Field Jenis

Id Int(3)

Jurusan Varchar (10)

Semester char (1)

materi Varchar (200)

Ses_inst Int (2)

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. 4.6Tabel Data_Kelas

Field Jenis

Id_data_kelas Int(4)

Nama_kelas Varchar (50)

Program Varchar (15)

Tanggal_mulai Varchar (50)

status Int (1)

4.7Tabel Jurusan

Field Jenis

Id Int(2)

Jurusan Varchar (200)

Kode Varchar (50)

Kelad Varchar (15)

4.8Tabel Kelas_Aktif

Field Jenis

Id Int(2)

Id_kelas Varchar (5)

Id_materi char (5)

Id_siswa Varchar (5)

Nilai_harian Int (3)

Nilai_tugas Int (3)

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Nilai_akhir Int (3)

status Varchar (20)

4.4 Membangun Halaman Situs

Adapun halaman–halaman yang akan dibangun adalah:

a. Halaman Administrator, merupakan halaman–halaman yang hanya bisa dibuka oleh admin saja yang dimana admin mempunyai tugas untuk menambah, mengubah, menghapus seluruh data yang ada.

b. Halaman Kepala Sekolah, merupakan halaman yang hanya bersifat untuk pengawasan terhadap data-data yang sudah dikerjakan oleh admin.

c. Halaman Guru, adalah halaman yang berisi tentang kelas-kelas yang diambil oleh guru.

d. Halaman Siswa, adalah halaman yang memberikan informasi tentang siswa-siswi di SMA Swasta An-Nizam..

Tahap–tahap yang dilakukan dalam membangun halaman situs adalah sebagai berikut:

1. Membuka software Macromedia Dreamweaver 8 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman tampilan yang dapat dilihat seperti gambar berikut:

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

Gambar 4.3 Tampilan layout web pada Macromedia

2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada

Macromedia Dreamweaver yaitu dengan meletakkan link-link grafik, animasi, dan

modul lainnya ditempat yang telah disediakan.

3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat yang sesuai yang dikerjakan pada jendela code, split, atau design pada

Macromedia Dreamweaver.

4. Melakukan modifikasi pada format, font, size dan sebagainya. 5. Mengerjakan halaman-halaman berikut

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem merupakan langkah-langkah atau prosedur–prosedur yang dilakukan dalam menyelesaikan desain sistem yang tidak disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki.

5.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah sebagai berikut: 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya. 2. Memastikan bahwa pemakai (user) dapat dioperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.

4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol, dan melakukan instalasi baru secara benar.

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009. 5.3 Spesifikasi Sistem

Spesifikasi sistem yang dianjurkan penulis untuk membuat dan memjalankan aplikasi web ini pada komputer lokal adalah sebagai berikut:

1. Komputer dengan Prosesor Intel Pentium 4 3.06 Ghz atau setara. 2. Memory RAM 256 MB.

3. Kapasitas Hardisk minimal 80 GB 4. Microsoft windows XP Profesional

5.4 Instalasi Apache, PHP, MYSQL

Dalam membangun web akademik ini diperlukan software pendukung:

1. Download paket Apache 2.x.x.x

Nama paket : Win32 Binary (MSI Installer)- apache_2.0.xx-win32-x86- no_ssl.msi.

URL

Ukuran : Sekitar 6 MB

2. Download paket PHP 5.x.x

Nama paket : PHP5.x.x zip package

URL

Ukuran : Sekitar 6,8 MB

3. Download paket MyQL 4.x.x

Nama paket : Windows Download-MySQL 4.x.x

URL

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

</form>

<font size="2"><b>Data Kelas

Terdaftar</b></font><table border="1" width="100%" cellspacing="0" id="table3">

<tr>

<td bgcolor="#000080" width="151" align="center">

<font size="2" color="#FFFF00"><b>Nama Kelas</b></font></td> <td bgcolor="#000080" width="188" align="center">

<font size="2" color="#FFFF00"><b>Mulai Aktif</b></font></td> <td bgcolor="#000080" width="156" align="center">

<font size="2" color="#FFFF00"><b>Program</b></font></td> <td bgcolor="#000080" align="center">

<font size="2" color="#FFFF00"><b>Status Kelas</b></font></td> </tr>

<?

$baca2=mysql_query("select * from data_kelas order by nama_kelas"); While($d=mysql_fetch_array($baca2)){

if($d[status]=="0"){ $status="Belum aktif"; }else{

$status="Aktif"; }

echo"<tr>

<td width=\"151\">

<p style=\"margin: 0 3px\"><font size=\"2\">$d[nama_kelas]</font></td>

<td width=\"188\">

<p style=\"margin: 0 3px\"><font size=\"2\"> $d[tanggal_mulai]</font></td>

<td width=\"156\">

<p style=\"margin: 0 3px\" align=\"center\"> <font size=\"2\">$d[program]</font></td> <td>

<p style=\"margin: 0 3px\" align=\"center\"> <font size=\"2\">$status</font></td>

</tr>"; }

?>

</table> </td>

<td width="5">&nbsp;</td> </tr>

<tr>

<td width="4">&nbsp;</td> <td>&nbsp;</td>

<td width="5">&nbsp;</td> </tr>

</table> </td> </tr>

33. tambah.siswa.php

<tr><span class=menu>

<td background="images/bg_garis_07.gif" width="29">

<img border="0" src="images/garis_06.gif" width="27" height="36"></td>

<td background="images/bg_garis_07.gif" width="531"><font size="2"><b>

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

<a href="diploma.php?menu=data.siswa"><font style="font-size: 9pt">DATA SISWA</font></a></font><font style="font-size: 9pt"> | </font><font size="2">

<a href="diploma.php?menu=tambah.siswa">

<font style="font-size: 9pt">TAMBAH DATA</font></a></font></td> <td background="images/bg_garis_07.gif" width="220"></b>

<p align="center"><b><font size="2"

color="#FF0000"><?=$now?></font></b></td></span> </tr>

<tr>

<td colspan="3" valign="top">

<img border="0" src="images/garis_09.gif" width="780" height="17"></td>

</tr> <tr>

<td colspan="3" valign="top">

<table border="0" width="100%" cellpadding="2" id="table2"> <tr>

<td width="4">&nbsp;</td> <td>&nbsp;

</td>

<td width="5">&nbsp;</td> </tr>

<tr>

<td width="4">&nbsp;</td> <td>

<table border="0" width="100%" cellspacing="1" id="table3"> <form method="POST" action="kirim.siswa.php">

<tr>

<td colspan="3" bgcolor="#0033CC"> <p align="center"><b>

<font size="2" color="#FFFF00">DATA PRIBADI SISWA</font></b></td>

</tr> <tr>

<td width="98%"><font size="2">Nama</font></td>

<td colspan="2"><font size="2">:</font><input type="text" name="nama" size="47" style="border: 1px solid #000080"><font size="2">

No. Induk : </font>

<input type="text" name="no_induk" size="18" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%"><font size="2">Tempat/Tgl Lahir</font></td>

<td colspan="2"><font size="2">:</font><input type="text" name="tempat_lahir" size="31" style="border: 1px solid #000080">,&nbsp;&nbsp;&nbsp;

<select size="1" name="tgl_lahir" style="color: #000080"> <?

for($i=1;$i<=31;$i++){

echo"<option value=\"$i\">$i</option>"; }

?>

</select>

<select size="1" name="bln_lahir" style="color: #000080"> <?

for($i=1;$i<=12;$i++){

echo"<option value=\"$i\">$i</option>"; }

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

</select>

<select size="1" name="thn_lahir" style="color: #000080"> <?

$th=date("Y"); $awal_th=$th-60; $akhir_th=$th-10;

for($i=$awal_th;$i<=$akhir_th;$i++){ echo"<option value=\"$i\">$i</option>"; }

?>

</select></td> </tr>

<tr>

<td width="98%"><font size="2">Agama</font></td>

<td width="76%" colspan="2"><font size="2">:<select size="1" name="agama" style="border: 1px solid #000080; color:#000080">

<option value="Islam">Islam</option> <option value="Katolik">Katolik</option> <option value="Kristen">Kristen</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> </select></font></td>

</tr> <tr>

<td width="98%"><font size="2">Alamat</font></td>

<td width="76%" colspan="2">:<input type="text" name="alamat_siswa" size="56" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%">&nbsp;</td>

<td width="76%"><font size="2">Kelurahan</font></td> <td width="59%">

<input type="text" name="kelurahan" size="30" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%">&nbsp;</td>

<td width="76%"><font size="2">Kecamatan</font></td> <td width="59%">

<input type="text" name="kecamatan" size="30" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%">&nbsp;</td>

<td width="76%"><font size="2">Kota</font></td> <td width="59%">

<input type="text" name="kota" size="30" style="border: 1px solid #000080"><font size="2">&nbsp;

Kode Pos </font>

&nbsp;<!--webbot bot="Validation" b-value-required="TRUE" i-maximum-length="5" --><input type="text" name="kode_pos" size="14" style="border: 1px solid #000080" maxlength="5"></td>

</tr> <tr>

<td width="98%"><font size="2">Telepon</font></td>

<td width="76%" colspan="2"><font size="2">:</font><input type="text" name="telp_siswa" size="23" style="border: 1px solid #000080"><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

HP:</font><input type="text" name="hp" size="23" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%"><font size="2">Alamat Email</font></td>

<td width="76%" colspan="2"><font size="2">:</font><input type="text" name="email_siswa" size="40" style="border: 1px solid #000080"></td> </tr>

<tr>

<td width="98%"><font size="2">Nama Bapak</font></td> <td width="76%" colspan="2">

:<input type="text" name="nama_bapak" size="36" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%"><font size="2">Pekerjaan Bapak</font></td> <td width="76%" colspan="2">

:<input type="text" name="pekerjaan_bapak" size="36" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%"><font size="2">Nama Ibu</font></td> <td width="76%" colspan="2">

:<input type="text" name="nama_ibu" size="36" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%"><font size="2">Pekerjaan Ibu</font></td> <td width="76%" colspan="2">

:<input type="text" name="pekerjaan_ibu" size="36" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%" colspan="3" bgcolor="#0033CC"> <p align="center"><b>

<font size="2" color="#FFFF00">DATA </font></b>

<font size="2" color="#FFFF00"><b>ASAL SEKOLAH</b></font></td> </tr>

<tr>

<td width="98%"><font size="2">Nama Sekolah</font></td>

<td width="76%" colspan="2"><font size="2">:</font><input type="text" name="nama_sekolah" size="59" style="border: 1px solid #000080"></td> </tr>

<tr>

<td width="98%"><font size="2">Pendidikan</font></td>

<td width="76%" colspan="2"><font size="2">:<select size="1" name="stts_pendidikan" style="border: 1px solid #000080; color:#000080">

<option value="">Sudah lulus</option>

<option value="Masih menjadi siswa">Masih menjadi siswa</option> </select></font></td>

</tr> <tr>

<td width="98%"><font size="2">Jurusan</font></td>

<td width="76%" colspan="2"><font size="2">:<select size="1" name="jurusan" style="border: 1px solid #000080; color:#000080">

<option value="IPA">IPA</option> <option value="IPS">IPS</option>

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

</tr> <tr>

<td width="98%"><font size="2">Tahun Lulus</font></td>

<td width="76%" colspan="2"><font size="2">:</font><select size="1" name="thn_lulus" style="color: #000080">

<option value="-">Belum lulus</option> <?

$th=date("Y"); $awal_th=$th-20;

for($i=$awal_th;$i<=$th;$i++){

echo"<option value=\"$i\">$i</option>"; }

?>

</select></td> </tr>

<tr>

<td width="98%"><font size="2">Alamat Sekolah</font></td>

<td width="76%" colspan="2">:<input type="text" name="alamat_sekolah" size="59" style="border: 1px solid #000080"></td>

</tr> <tr>

<td width="98%"><font size="2">Telepon Sekolah</font></td>

<td width="76%" colspan="2"><font size="2">:</font><input type="text" name="telp_sekolah" size="29" style="border: 1px solid #000080"></td> </tr>

<tr>

<td width="98%" colspan="3" bgcolor="#0033CC"> <p align="center">

<font size="2" color="#FFFF00"><b>PILIHAN JURUSAN</b></font></td>

</tr> <tr>

<td width="98%" height="23" colspan="3">

<table border="0" width="100%" cellspacing="3" id="table4" cellpadding="0">

<tr>

<td bgcolor="#0033CC" width="367" align="center" style="border: 1px solid #0033CC">&nbsp;</td>

<td bgcolor="#0033CC" align="center">&nbsp;</td> </tr>

<tr>

<td width="367" height="66" style="border: 1px solid #0033CC"> <input type="radio" value="KAPP" name="pilihan_jurusan" checked> <font size="2">IPA</font><font size="2"><br>

</font><font size="2"><br> </font></td>

<td width="367" height="66" style="border: 1px solid #0033CC"> <input type="radio" value="KAPP" name="pilihan_jurusan" checked> <font size="2">IPS<br>

<br>

</font></td> </tr>

</table>

<table border="0" width="100%" id="table5"> <tr>

<td width="162"><font size="2">Gelombang</font></td> <td><font size="2">:

<select size="1" name="gelombang" style="border: 1px solid #000080; color:#000080">

Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

<option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select></font></td>

</tr>

</table> </td> </tr>

<tr>

<td width="98%" colspan="3" align="center">

<input type="submit" value="TAMBAH DATA" name="tambah" style="color: #FFFF00; font-family: Tahoma; font-size: 10pt; font-weight: bold; background-color: #000080"></td>

</tr> </form> </table> </td>

<td width="5">&nbsp;</td> </tr>

<tr>

<td width="4">&nbsp;</td> <td>&nbsp;</td>

<td width="5">&nbsp;</td> </tr>

</table> </td> </tr>