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