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

(1)

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

(2)

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

(3)

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

(4)

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

(5)

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.

(6)

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.

(7)

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

(8)

ABSTRAK

(9)

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.1 Latar Belakang

1

1.2 Identifikasi Masalah

2

1.3 Pembatasan Masalah

3

1.4 Maksud dan Tujuan

3

1.5 Metode Penelitian

4

1.6 Sistematika 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

(10)

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

(11)

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

(12)

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

(13)

(14)

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.

(15)

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.

(16)

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.

(17)

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

(18)

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

(19)

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

(20)

(21)

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,

(22)

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

(23)

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

(24)

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

(25)

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.

(26)

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.

(27)

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.

(28)

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:

(29)

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

(30)

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

(31)

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.

(32)

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

(33)

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

(34)

<html>

<head>

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

(35)

</html>

[image:35.595.142.511.180.223.2]

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:

(36)

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

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:

(37)

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>

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

(38)

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.

(39)

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.

3.

<?...?>

4.

<%...%>

(40)

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:

(41)

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:

(42)

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:

(43)

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

(44)

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

(45)

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

(46)

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

[image:46.595.111.526.418.491.2]

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER

TABLE, dibandingkan database lainnya seperti PostgreSQL dan ORACLE.

2.9 Macromedia Dreamweaver

(47)

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

(48)

(49)

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.

(50)

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.

(51)

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:

(52)

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.

(53)

3.5 Struktur Organisasi SMA Swasta an-Nizam

(54)

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

(55)

(56)

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?

(57)

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.

(58)

[image:58.595.73.548.163.454.2]

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

(59)

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.

[image:59.595.98.528.333.727.2]

d.

Menambahkan aneka gambar menarik pada beberapa halaman web, seperti pada

saat login admin.

(60)

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.

[image:60.595.148.464.322.744.2]

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)

(61)

[image:61.595.149.461.107.752.2]

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)

(62)

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)

(63)

4.6

Tabel Data_Kelas

Field

Jenis

Id_data_kelas

Int(4)

Nama_kelas

Varchar (50)

Program

Varchar (15)

Tanggal_mulai

Varchar (50)

status

Int (1)

4.7

Tabel Jurusan

Field

Jenis

Id

Int(2)

Jurusan

Varchar (200)

Kode

Varchar (50)

Kelad

Varchar (15)

4.8

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

[image:63.595.150.461.138.766.2]

(64)

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:

(65)

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

[image:65.595.112.496.339.653.2]

(66)

(67)

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.

(68)

5.3 Spesifikasi Sistem

Spesifikasi sistem yang dianjurkan penulis untuk membuat dan memjalankan aplikasi

web ini pada k

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