SISTEM INFORMASI AKADEMIK SISWA PADA - USU Institutional ...

35 downloads 349 Views 3MB Size Report
Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An- Nizam Medan Berbasis Web, 2009. SISTEM INFORMASI AKADEMIK SISWA PADA ...
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 Kategori Nama Nomor Induk Mahasiswa Program Studi Departemen Fakultas

: SISTEM INFORMASI AKADEMIK PADA SMA SWASTA AN-NIZAM BERBASIS WEB : TUGAS AKHIR : SARI SAKINA JAYA : 062406068 : DIPLOMA III ILMU KOMPUTER : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2009

Diketahui Departemen Matematika FMIPA USU Ketua

Dr. Saib Suwilo, M. Sc. NIP 131796149

Pembimbing

Drs. James P. Marbun, M. Kom NIP 131639804

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

Penulis

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

Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar

Halaman ii iii iv vii viii x xi

BAB 1 PENDAHULUAN 1.1 Latar Belakang 1.2 Identifikasi Masalah 1.3 Pembatasan Masalah 1.4 Maksud dan Tujuan 1.5 Metode Penelitian 1.6 Sistematika Penulisan

1 1 2 3 3 4 5

BAB 2 TINJAUAN TEORITIS 2.1 Data dan Informasi 2.1.1 Pengertian Data 2.1.2 Pengertian Informasi 2.2 Sistem dan Sistem Informasi 2.2.1 Pengertian Sistem 2.2.2 Pengertian Sistem Informasi 2.3 Pengertian Komputer 2.4 Sejarah Singkat Internet 2.5 Pengenalan Web 2.5.1 Metodologi Pembangunan Situs Web 2.5.2 Proses Perancangan Situs Web 2.6 HTML (HyperText Markup Language) 2.6.1 Dokumen HTML 2.6.2 Struktur Dokumen HTML dan Tag HTML 2.7 PHP 2.7.1 Sejarah PHP 2.7.2 Kelebihan-Kelebihan PHP 2.7.3 Sintaks PHP 2.7.4 Koneksi dengan MySQL 2.8 MySQL 2.9 Macromedia Dreamwaver

7 7 7 8 8 8 9 9 12 15 15 17 18 18 19 23 23 24 25 26 29 30

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 3.2 Visi SMA Swasta An-Nizam 3.3 Misi SMA Swasta An-Nizam 3.4 Kurikulum Sekolah 3.5 Struktur Organisasi

34 34 36 36 37 38

BAB 4 PERANCANGAN SISTEM 4.1 Perencanaan dan Pearancangan 4.2 Mendesain Layout/ Templete 4.3 Mempersiapkan Database Server 4.4 Membayar Halaman Situs Web

40 40 42 43 47

BAB 5 IMPLEMENTASI SISTEM 5.1 Pengertian Implementasi Sistem 5.2 Tujuan Implementasi Sistem 5.3 Spesifikasi Sistem 5.4 Instalasi Apache, PHP, MySQL 5.5 Pengujian Browser 5.6 Melakukan Upload dan Database

48 48 48 48 49 53 54

BAB 6 KESIMPULAN DAN SARAN 6.1 Kesimpulan 6.2 Saran

56 56 57

DAFTAR PUSTAKA LAMPIRAN

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

DAFTAR TABEL

Tabel 4.1 Tabel 4.2 Tabel 4.3 Tabel 4.4 Tabel 4.5 Tabel 4.6 Tabel 4.7 Tabel 4.8

Tabel Admin Tabel Instruktur Tabel Data Siswa Tabel Kelas Tabel Materi Tabel Data Kelas Tabel Jurusan Tabel Kelas Aktif

halaman 43 43 44 45 45 46 46 46

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

DAFTAR GAMBAR

Gambar 2.1 Gambar 4.1 Gambar 4.2 Gambar 4.3 Gambar 4.4 Gambar 5.1 Gambar 5.2 Gambar 2.1

Tampilan Halaman HTML Flowchart Rancangan Aplikasi Web Layout Aplikasi Web Tampilan Layout Web pada Macromedia Tampilan Macromedia Dreamwaver PHP Info PHP MyAdmin Tampilan XAMPP

halaman 21 41 42 47 49 52 53 54

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

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

BAB 1

PENDAHULUAN

1.1 Latar 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.2 Identifikasi 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. 1.3 Pembatasan Masalah 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.4 Maksud 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.

1.5 Metode Penelitian 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.6 Sistematika 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.

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 komponenkomponen 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.4 Sejarah 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.1 Metodologi 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 besar dari) tag umumnya berpasangan (misalnya dengan ), tag yang menjadi pasangan diawali dengan karakter garis miring. Namun ada juga beberapa tag yang tidak mengharuskan tagnya ditulia secara berpasangan, seperti

,
,


,
  • .

    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 pola dasar seperti berikut: Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

    _ Isi dokumen

    Struktur diatas diapit oleh tag dan 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 dan menunjukkan judul dari halaman web anda. Bagian kedua yang diapit oleh dan berisi dokumen

    atau informasi yang hendak

    disajikan.

    Contoh dokumen HTML sebagai berikut: contoh HTML

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



    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

    sampai dengan

    . 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
    ini membuat baris baru tanpa memberi baris kosong. c. Horizontal rule Horizontal rule
    adalah tag tunggal yang berfungsi untuk membuat garis horizontal. Tag
    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 suatu item, menggunakan tag
      dan
    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
      dan
    3. definition list, adalah daftar yang mempunyai keterangan item tertentu, menggunakan tag
    dan
    . 4. daftar menu, untuk membuat daftar menu bisa menggunakan pasangan tag dan e. Membuat paragrap Tag

    umumnya untuk menandai suatu paragrap baru dengan formatting style tertentu. Sama halnya dengan tag heading, tag

    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 dan penutup . 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 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 memiliki banyak atribut, diantaranya adalah border. BORDER digunakan untuk mengatur ketebalan garis pembatas antar sel-sel dalam tabel. Atribut lain yang penting adalah: 1. Widht, atribut ini menyatakan lebar tabel. 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 dan . 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. ….. 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. 2. … 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: PHP sintaks b.

    Buka browser, akses http://localhost/phpinfo.php . Hasilnya:

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

    Gambar 5.1 PHP Info 5. Instalasi phpMyAdmin

    Cara Instalasi phpMyAdmin adalah dengan user dan password-nya akan langsung diakses dari database MySQL; diserver. Sesuaikan user dan password MySQL yang telah terinstall. Jalankan phpMyAdmin dari browser: http://localhost/phpmyadmin

    Gambar 5.2 phpMyAdmin

    5.5 Pengujian Browser

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

    Setelah menginstall xampp, maka aplikasi web telah dapat diujukan dikomputer local. Adapun caranya sebagai berikut: a. Letakkan file-file yang membangun web tadi kedalam suatu folder kemudian diletakkan di dalam folder htdocs. b. Buka bowser internet explorer c. Pada kotak URL, ketikkan http://localhost.xampp d. Enter pada keyboard maka akan terlihat tampilan sebagai berikut:

    Gambar 5.3 Tampilan XAMPP

    5.6 Melakukan Upload dan Database

    Upload adalah proses mentransfer file-file situs yang telah dibuat ke suatu server di internet, dengan tujuan agar situs tersebut dapat diakses oleh semua orang di seluruh dunia yang terhubung internet.

    Tempat melakukan file-file situs internet namanya server hosting atau web hosting. Ada dua jenis web hosting, yaitu gratis dan web hosting yang berlayar. Maksudnya ada yang merelakan server hosting-nya digunakan oleh siapapun secara gratis, dengan ketentuan server host akan memasang iklan/banner di situs pelanggan Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

    dan nama alamat dari situs pun harus menyertakan nama situs server host, misalnya. Sedangkan bila membeli domain dan hosting, nama alamat situs (URL) dapat diberikan sesuai keinginan dan tanpa dibumbui dengan iklan serta dilengkapi dengan fasilitas lainnya yang memudahkan dalam melakukan manajemen situs.

    Web hosting gratis bila diperoleh dengan melakukan pencarian melalui search engine seperti google atau yahoo. Sebenarnya web hosting gratis telah banyak disediakan di internet, namun kebanyakan hanya mendukung halaman situs yang statis.

    Salah satu situs di internet yang menyediakan hosting gratis dan telah mendukung PHP dan MySQL yaitu http://www.tripod.co.uk web hosting ini dikatakan salah satu web hosting sebesar 500 MB dan didukung juga dengan frontage dan PHP MyAdmin. Proses pendaftarannya cukup sederhana seperti pengisian form e-mail. Setelah sukses mendaftar, diwajibkan untuk melakukan aktivasi dengan meng-klik link yang dikirim ke e-mail pendaftar. Setelah login kesitus, barulah dapat melakukan upload file.

    Dalam meng-upload file, web hosting telah memberikan fasilitas seperti web FTP (File Transfer Protocol) seperti software WS_FTP atau cure_FTP. Dengan mengetikkan alamat ftp server pada bagian address, misalnya. Dan koneksinya berhasil maka proses peng-upload-an file dapat dilakukan dengan memindahkan filefile yang ada pada kotak sebelah kiri ke kotak kanan.

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

    Dengan meng-upload database ke web hosting, terlebih dahulu dilakukan dumping melalui perintah MySQL di komputer lokal. Kemudian hasil dumping tersebut di-upload dengan menggunakan fasilitas PHP.

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

    BAB 6 KESIMPULAN DAN SARAN

    6.1 Kesimpulan

    Adapun kesimpulan yang dapat diambil dalam pembuatan sistem informai berbasis web ini adalah sebagai berikut: 1. Langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan implementasi sistem adalah desain sistem yang telah disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki. 2. 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. 3. Sebelum membuat website terlebih dahulu dirancang desain, agar website yang disajikan menarik. Software yang digunakan adalah Adobe Photoshop CS dan Macromedia Dreamweaver 8. Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

    4. Untuk menarik minat pengunjung, perlu dibuat rancangan layout/template dengan gambar dan animasi yang menarik. 5. Penyajian informasi yang baik dapat dilakukan dengan meng-upload isi dari situs tersebut secara berkala. 6. Promosi web dapat dilakukan dengan mendaftarkan alamat situs ke search engine dan menggunakan software pendaftaran alamat situs otomatis.

    6.2 SARAN

    Saran yang bisa diberikan agar web ini tetap terus dapat digunakan adalah sebagai berikut: 1. Isi situs web seharusnya di-upload oleh admin secara berkala guna memberikan informasi yang teraktual. 2. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah ke atas karena penggunaan software-software yang banyak memakan sumber daya komputer seperti memori dan kapasitas harddisk. 3. Dalam menggunakan situs perlu adanya server, agar data atau informasi yang masuk dapat dilihat secara kontiniu. 4. Pemeliharaan keamanan terhadap data server sangat perlu diawasi dan dijaga dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan

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

    DAFTAR PUSTAKA

    LPKBM MADCOMS Madiun. 2004. Aplikasi Program PHP dan MySQL. Penerbit ANDI : Yogyakarta. Mutmainnah, Siti. 2005. Proyek Desain Web Berbasis Grafis dengan Dreamweaver dan Fireworks. Penerbit ANDI : Yogyakarta. Peranginangin, Kasiman. 2006. Aplikasi WEB dengan PHP dan MySQL. ANDI. Yogyakarta. Purwanto, Yudhi. 2001. Pemrograman Web dengan PHP. PT.Elex Media Komputindo : Jakarta. Sanjaya, Ridwan S.Kom. 2006. Rekayasa Grafis dengan Menggunakan PHP. Penerbit Andi : Yogyakarta. Sunarfrihantono, Bimo. 2002. PHP dan MySQl untuk WEB. ANDI. Yogyakarta. Wahyono, Teguh. 2004. Konsep Dasar Analisis Desain dan Implementasi. Penerbit Graha Ilmu : Yogyakarta.

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

    L A M P I R Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

    A N LAMPIRAN A: TAMPILAN HALAMAN WEB 1. Tampilan halaman index.php

    2. Tampilan halaman administrator.php

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

    3. Tampilan halaman diploma.php

    4. Tampilan halaman data.materi.php

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

    5. Tampilan halaman data.jurusan.php

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

    7. Tampilan halaman data.absensi.php

    8. Tampilan halaman data.nilai.php Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

    9. Tampilan tampilan data.istruktur.php

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

    LAMPIRAN B: LISTING PROGRAM WEB 1. tanggal.php 2. absensi.cetak.php absensi Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.

    DAFTAR HADIR SISWA
    KELAS
     

    KELAS :   INSTRUKTUR :
    MATERI :   ASSISTEN :
    No. NAMA SISWA

    Session dan Tanggal

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

    3
    4 5 6 7 8 9 10 11 12 13 14 15 16 17 18