TUGAS AKHIR
NANA SUTRI FARINDANI
052406019
PROGRAM STUDI D3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERANCANGAN SISTEM INFORMASI BERBASIS WEB
PADA MAN 2 MODEL MEDAN
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar
Ahli Madya
NANA SUTRI FARINDANI
052406019
PROGRAM STUDI D3 ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul
: PERANCANGAN
SISTEM
INFORMASI
BERBASIS WEB PADA MAN 2 MODEL MEDAN
Kategori
: TUGAS AKHIR
Nama
: NANA SUTRI FARINDANI
Nomor Induk Mahasiswa
: 052406019
Program Studi
: D3 KOMPUTER
Departemen
: MATEMATIKA
Fakultas
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Diluluskan di
Medan, Juni 2008
Komisi Pembimbing
:
Diketahui/Disetujui oleh
Pembimbing I
Departemen Matematika FMIPA USU
Ketua,
Dr. Saib Suwilo, M.Sc
Dra. Mardiningsih M.Si
PERNYATAAN
PERANCANGAN SISTEM INFORMASI BERBASIS WEB
PADA MAN 2 MODEL MEDAN
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2008
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT, serta shalawat dan salam
kepada junjungan kita nabi Muhammad SAW, karena atas berkah dan rahmatNya lah,
akhirnya penulis dapat menyelesaikan dan merampungkan tugas akhir ini dalam
waktu yang telah ditetapkan.
ABSTRAK
DAFTAR ISI
Halaman
Persetujuan
ii
Pernyataan
iii
Penghargaan
iv
Abstrak
v
Daftar Isi
vi
Daftar Tabel
ix
Daftar Gambar
x
Bab 1 Pendahuluan
1
1.1 Latar Belakang Masalah
1
1.2 Identifikasi Masalah
3
1.3 Maksud dan Tujuan
3
1.4 Manfaat Penelitian
4
1.5 Ruang Lingkup Masalah
4
1.6 Tinjauan Pustaka
5
1.7 Metode Penelitian
6
1.8 Sistematika Penulisan
8
Bab 2 Landasan Teori
10
2.1 Pengertian Internet
10
2.2 Sejarah Internet
11
2.3. World Wide Web (WWW)
12
2.3.1 Lahirnya Web
13
2.3.2 Browser Web
14
2.3.3 Server Web
14
2.3.4 Istilah-Istilah Umum Yang Harus Diketahui
15
2.4. HTML (Hypertext Markup Language)
16
2.4.1 Dokumen HTML
16
2.4.1.1 Penamaan Dokumen HTML
16
2.4.1.2 Elemen Dan Tag HTML
17
2.5 PHP (Hypertext Preprocessor)
19
2.5.1 Pengertian PHP
19
2.5.2 Sejarah PHP
20
2.5.3 Kelebihan-Kelebihan PHP
21
2.5.4 Skrip PHP
22
2.5.5 Integrasi dengan Database
22
2.6 MySQL
25
2.6.1 Sejarah MySQL
25
2.6.2 Pengertian MySQL
26
2.7 Macromedia Dreamweaver 8
28
2.8 Macromedia Fireworks 8
29
Bab 3 Profil MAN 2 Mode Medan
30
3.1 Sejarah Singkat MAN 2 Model Medan
30
3.2 Latar Madrasah
31
3.3 Visi, Misi dan Target MAN 2 Model Medan
32
3.3.1 Visi
32
3.3.2 Misi
32
3.3.3 Target
32
3.4 Struktur Organisasi
33
3.5 Uraian Tugas dan Fungsi Struktur Organisasi
35
3.5.1 Kepala Madrasah
35
3.5.2 Kepala Urusan Tata Usaha
36
3.5.3 Wakil Kepala Madrasah (WKM)
36
3.5.3.1 Wakil Kepala Madrasah Kurikulum
36
3.5.3.2 Wakil Kepala Madrasah Kesiswaan
37
3.5.3.3 Wakil Kepala Madrasah Sarana/Prasarana
38
3.5.4 Koordinator Pembelajaran
39
3.5.5 Koordinator BP/BK
39
3.5.6 Wali Kelas
40
3.5.7 Kepala Unit Produksi/Komputer
40
3.5.8 Majelis Madrasah
41
Bab 4 Perancangan Sistem
42
4.1 Perencanaan dan Perancangan
42
4.2 Mempersiapkan Database Server
43
4.3 Membangun Halaman Situs
48
4.4 Flowchart Situs
51
4.5 Algoritma Program
55
Bab 5 Implementasi Sistem
59
5.1 Pengertian Implementasi sistem
59
5.2 Tujuan Implementasi Sistem
60
5.3 Komponen Dalam Implementasi Sistem
60
5.3.1 Hardware
60
5.3.2 Software
61
5.3.3 Brainware
61
5.4 Instalasi Apache dan PHP
62
5.4.1 Instalasi Apache
62
5.4.2 Instalasi PHP
65
5.4.3 Konfigurasi Apache dan PHP
66
5.5 Tampilan Program
67
5.5.1 Tampilan Menu Utama
67
5.5.2 Tampilan Menu Sejarah
68
5.5.5 Tampilan Moto & Nilai
71
5.5.6 Tampilan Fasilitas Sekolah
72
5.5.7 Tampilan Data Guru
73
5.5.8 Tampilan Data Siswa
73
5.5.9 Tampilan Data Alumni
74
5.5.10 Tampilan Buku Tamu
74
Bab 6 Kesimpulan Dan Saran
75
6.1 Kesimpulan
75
6.2 Saran
76
Daftar Pustaka
77
DAFTAR TABEL
Halaman
Tabel 2.1 Daftar Database-Database Yang Didukung PHP
23
Tabel 4.1 Tabel Admin
44
Tabel 4.2 Tabel Berita
44
Tabel 4.3 Tabel Buku Tamu
45
Tabel 4.4 Tabel Guru
46
Tabel 4.5 Tabel Siswa
46
Tabel 4.6 Tabel Alumni
47
Tabel 4.7 Tabel Prestasi
47
DAFTAR GAMBAR
Halaman
Gambar 3.1 Struktur Organisasi MAN 2 Model Medan
34
Gambar 4.1 Tampilan Macromedia Dreamweaver 8
50
Gambar 4.2 Flowchart rancangan aplikasi web (situs)
51
Gambar 4.3 Percabangan Dalam Suatu Flowchart
52
Gambar 4.4 Alur Flowchart Menu Utama
53
Gambar 4.5 Alur Flowchart Administrator
54
Gambar 4.6 Alur Flowchart User
55
Gambar 5.1 Apache 2.2.8 Instaler
63
Gambar 5.2 Setup wizard
63
Gambar 5.3 Server Information
64
Gambar 5.4 Destination folder
64
Gambar 5.5 Penginstalan Apache berhasil
65
Gambar 5.6 Tampilan Menu Utama
67
Gambar 5.7 Tampilan Menu Sejarah
68
Gambar 5.8 Tampilan Visi Misi & Target
69
Gambar 5.9 Tampilan Struktur Organisasi
70
Gambar 5.10 Tampilan Moto & Nilai
71
Gambar 5.11 Tampilan Fasilitas Sekolah
72
Gambar 5.12 Tampilan Data Guru
73
Gambar 5.13 Tampilan Data Siswa
73
Gambar 5.14 Tampilan Data Alumni
74
ABSTRAK
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Informasi merupakan salah satu kebutuhan di dalam suatu instansi, perusahaan,
organisasi, lembaga serta lingkungan yang berada di luar sistem. Informasi dianggap
sangat penting karena dengan adanya informasi dapat menambah pengetahuan,
mengurangi ketidakpastian dan resiko kegagalan serta dapat membantu para
pemimpin atau manajer dalam mengambil suatu kesimpulan dan keputusan yang
efektif dan efisien.
MAN 2 Model Medan merupakan salah satu lembaga pendidikan yang
membutuhkan suatu sistem untuk dapat mempublikasikan seluruh kegiatannya kepada
masyarakat luas secara online. MAN 2 Model Medan saat ini belum memiliki Web
sebagai suatu wadah bagi para siswa dan para pengajar untuk berbagi dan mencari
informasi-informasi yang dapat membantu pengembangan ilmu pengetahuan. Web ini
bias menjadi tempat pertemuan siswa-siswa dan para pengajar untuk melakukan
kontak antara pencari pengetahuan degan penyedia pengetahuan. Dengan
pertimbangan tersebut maka penulis mencoba merancang suatu sistem online berbasis
web di MAN 2 Model Medan dimana internet dijadikan sebagai media
penghubungnya. Dengan sebuah website yang online di internet, masyarakat dapat
dengan mudah mengakses dan mengetahui segala sesuatu mengenai MAN 2 Model
Medan dengan cepat dan mudah tanpa memerlukan waktu banyak.
Informasi tentang sekolah yang dapat diakses oleh semua orang melalui
internet memberikan ide buat penulis untuk membangun suatu situs sekolah yang bisa
memberikan informasi bagi para pengunjungnya.
Dengan demikian maka penulis tertarik untuk membuat suatu situs sekolah
yang berjudul:
â PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA
MAN 2 MODEL MEDANâ.
Pada umumnya setiap instansi pendidikan tidak akan terlepas dari masalah dalam
aktifitasnya untuk mencapai tujuan. Masalah yang akan dipecahkan adalah bagaimana
MAN 2 Model Medan dapat memanfaatkan aplikasi web sebagai suatu sarana untuk
menyajikan dan mengirimkan informasi dengan lebih cepat dan mudah bagi
masyarakat umum dan kalangan keluarga besar MAN 2 Model Medan sendiri.
Sehubungan dengan hal tersebut dapa dirumuskan permasalahan dalam
penelitian ini sebagai berikut:
1.
Sejauh mana web ini dapat dirancang dengan semenarik mungkin sehingga
dapat memenuhi keingintahuan masyarakat mengenai MAN 2 Model Medan.
2.
Informasi apa saja yang disediakan dalam web MAN 2 Model Medan sehingga
pengunjung dapat merasakan manfaatnya baik dari pihak sekolah maupun
masyarakat luas.
3.
Bagaimana informasi pada aplikasi web dapat di-update (diperbaharui) dengan
mudah pada waktu yang diinginkan.
1.3
Maksud dan Tujuan
Adapun maksud dan tujuan dari penelitian ini adalah:
1.
Merancang suatu aplikasi web yang dapat dimanfaatkan untuk menyebarkan
informasi yang cepat dan mudah.
3.
Sebagai tempat bagi siswa-siswa dan para pengajar di MAN 2 Model Medan
untuk menggali kreativitas yang mereka punya.
1.4 Manfaat Penelitian
Adapun manfaat dari penelitian ini adalah:
1.
Memberikan pengalaman bagi penulis dalam hal kerja sama dan berinteraksi
dengan pihak sekolah dalam melakukan riset dan pengumpulan data yang akan
digunakan dalam penyelesaian tugas akhir penulis.
2.
Membangun sebuah aplikasi web yang dapat digunakan sebagi suatu sarana
penyedia informasi mengenai MAN 2 Model Medan.
3.
Memberikan sebuah alternatif penyebarluasan informasi seputar MAN 2
Model Medan melalui internet sehingga dapat diakses oleh berbagai pihak
dengan lebih fleksibel.
1.5
Ruang Lingkup Masalah
Adapun software-software pendukung yang penulis pergunakan dalam
pembangunan sistem informasi berbasis web ini adalah: Apache 2.2.3, PHP 5.2.0,
MySQL 5.0, Macromedia Dreamweaver 8, Adobe Photoshop Cs dan beberapa
software pendukung lainnya.
1.6
Tinjauan Pustaka
Sebagai karya tulis yang ingin dinilai baik haruslah memiiki referensi yang cukup.
Oleh karena itu penulis mengumpulkan bahan bacaan guna mengumpulkan informasi
yang berhubungan dengan materi yang terdapat dalam tugas akhir nantinya. Sebagai
sumber bacaan atau informasi tersebut penulis mendapatkannya dari perpustakaan
Universitas Sumatera Utara, koleksi buku pribadi serta pinjaman dari teman-teman.
Adapun beberapa buku panduan yang penulis pergunakan saat melakukan
tinjauan pustaka dalam pembangunan aplikasi web pada MAN 2 Model Medan adalah
sebagai berikut:
1.
Membuat Website Interaktif dengan Macromedia Dreamweaver 8, Wahana
Komputer, 2006.
2.
Desain Web dengan Microsoft Office XP oleh Ir. Pandapotan Sianipar, tahun
2002, penerbit Elex Media Komputindo.
Adapun materi yang diambil dari buku ini adalah tentan g pembuatan link pada
halaman web yang terdapat pada bab 10, halaman 137.
3.
Manajemen Website dan Server WWW oleh Rahmad Rafiudin, tahun 2006,
Penerbit Andi.
Adapun materi yang diambil dari buku ini adalah mengenai elemen dasar
manajemen WWW pada bab 1, halaman 1-16.
1.7
Metode Penelitian
Adapun metode penelitian yang digunakan penulis dalam mengumpulkan data-data
yang dibutuhkan dalam pembuatan web ini adalah:
1.
Penelitian Lapangan (Field Research)
Penelitian dilakukan langsung ke lapangan, yaitu MAN 2 Model Medan. Untuk
mendapatkan data dimana penulis melakukan pengumpulan data dengan cara
melakukan wawancara kepada guru-guru dan pegawai pada sekolah tersebut dan
juga melakukan peninjauan langsung di MAN 2 Model Medan.
Dalam hal ini penulis menggunakan buku-buku yang berhubungan dengan
masalah yang dibahas sehingga dapat membantu penyelesaian masalah dalam
perancangan situs yang benar, serta dalam mendukung tugas akhir ini untuk
menyusun landasan teoritis.
3.
Membuat rancangan database, gambaran sistem dan algoritma dari sistem yang
dibangun.
4.
Merancang website tersebut dengan menggunakan software-software, yaitu
Apache 2.2.3, PHP 5.2, MySQL 5.0, Macromedia Dreamweaver 8, Adobe
Photoshop Cs dan beberapa software pendukung lainnya. Tahap-tahap yang
dilakukan sebelum melakukan perancangan adalah sebagai berikut:
a)
Mencari bahan atau referensi yang berhubungan dengan software-software
pendukung tersebut. Hal ini bertujuan untuk memudahkan penulis untuk
membangun website yang diinginkan dan agar dapat mencapai hasil yang
maksimal.
b)
Membuat desain website tersebut sehingga tampilan dari website menjadi lebih
menarik, tidak membosankan dan diminati oleh banyak orang.
c)
Membuat dan menentukan script-script program yang dibutuhkan dalam
pembuatan website tersebut.
1.8
Sistematika Penulisan
Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut:
BAB 1
: Pendahuluan
Dalam bab ini penulis menguraikan Latar Belakang, Identifikasi Masalah, Maksud
dan Tujuan, Manfaat Penelitian, Ruang Lingkup Masalah, Tinjauan Pustaka, Metode
Penelitian dan Sistematika Penulisan.
BAB 2
: Landasan Teori
Dalam bab ini penulis menjelaskan teori-teori singkat tentang hal-hal yang
berhubungan dengan judul dan bahasa pemrograman dan software-software yang
digunakan oleh penulis.
.
BAB 3
: Sekilas Gambaran MAN 2 Model Medan
Dalam bab ini penulis menyajikan gambaran tentang MAN 2 Model Medan yang
terdiri dari profil sekolah, struktur organisasi, visi misi dan target MAN 2 Model
Medan serta moto dan nilai MAN 2 Model Medan.
Bab ini penulis membahas mendefinisikan web dalam dreamweaver, gambaran umum
pembuatan program, persiapan database, membangun halaman situs yang akan dibuat
serta flowchart pada web tersebut.
BAB 5
: Implementasi Sistem
Dalam bab ini penulis menyajikan tentang defenisi, tujuan dan langkah-langkah dalam
implementasi sistem juga disertai dengan komponen-komponen kebutuhan sistem dan
Instalasi Apache, PHP dan MySQL, dan Tampilan Halaman.
BAB 6
: Kesimpulan dan Saran
BAB 2
LANDASAN TEORI
2.1
Pengertian 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 lainnya.
Secara etimologis, internet berasal dari bahasa Inggris, yakni inter berarti antar
dan net berarti jaringan sehingga dapat diartikan sebagai hubungan antarjaringan.
Dalam mengatur integrasi dan komunikasi jaringan komputer digunakan
protokol yaitu TCP/IP. TCP (Transmission 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
berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute
tidak dapat digunakan, mengatur dan mengirimkan paket-paket pengiriman data.
Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer
merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel
dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi
agar pengguna komputer bisa bertukar informasi dan data dengan pengguna komputer
lainnya.
Sejarah terciptanya internet dimulai di Amerika, saat itu dalam keadaan
perang. ARPAnet (US Defense Advanced Research Projects Agency) atau Departemen
Pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar
untuk menghindarkan terjadinya informasi terpusat, yang apabila terjadi perang dapat
mudah dihancurkan. Jadi bila satu bagian dari sambungan jaringan terganggu dari
serangan musuh, jalur yang melalui sambungan itu secara otomatis dipindahkan ke
sambungan lainnya.
Setelah angkatan bersenjata 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
saat ini. Selanjutnya, pemerintah Amerika Serikat memberikan izin kearah komersial
pada awal tahun 1990. Agar para pengguna komputer dengan merek dan tipe berlainan
dapat saling berhubungan, maka para ahli membuat sebuah protokol (semacam
bahasa) yang sama untuk dipakai di internet. Namanya TCP (Transmission
Control Protocol, bahasa Indonesianya Protokol Pengendali Transmisi) dan IP
(Internet Protocol).
World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu layanan
yang didapat oleh pemakai komputer yang terhubung ke internet.
Web pada awalnya adalah ruang informasi dalam internet, dengan
menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi
dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam
browser web.
Kini internet identik dengan web, karena kepopuleran web sebagai standar
interface pada layanan-layanan yang ada di internet, dari awalnya sebagai penyedia
informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting,
sampai dengan melakukan transaksi bisnis (commerce).
Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku
internet lainnya dan menelusuri (informasi) di internet.
Selain itu web telah diadopsi oleh perusahaan sebagai sebagian dari strategi
teknologi informasinya, karena beberapa alasan:
a.
Akses informasi mudah.
b.
Setup server lebih mudah.
c.
Informasi mudah didistribusikan.
d.
Bebas platform; informasi dapat disajikan oleh browser web pada sistem operasi
mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.
Tahun 1989, Timothy Berners-Lee seorang ahli komputer dari Inggris dan peneliti lain
di European Particle Physics Lab (Consei European pour la Recherche Nucleaire,
atau CERN) di Geneva, Swiss, mengembangkan suatu cara untuk men-share data
antarkoleganya menggunakan sesuatu yang disebut dengan hypertext. Pemakai di
CERN dapat menampilkan dokumen pada layar komputer dengan menggunakan
software browser baru.
Kode-kode khusus disisipkan ke dalam dokumen elektronik ini,
memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada
layar dengan hanya memilih sebuah hyperlink.
Kemampuan internet dimasukkan ke dalam browser ini sehingga lompat dari
satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat
melompat ke dokumen lain yang letaknya pada komputer remote. Seorang peneliti
dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau log
in ke dalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perlu melalui
mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang
disebut sekarang dengan Word Wide Web dan berikut server dan browser webnya
(sekarang di maintenance oleh World Wide Web Consortium).
Browser web adalah software yang digunakan untuk menampilkan informasi dari
server web. Software ini kini telah dikembangkan dengan menggunakan user interface
grafis, sehingga pemakai dapat dengan mudah melakukan âpoint dan clickâ untuk
pindah antardokumen.
Di saat perkembangan WWW ada dua browser web yang populer yaitu Internet
Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browser web
lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Di
antara browser web yang telah banyak digunakan pada saat peluncurannya adalah
MSN , Opera dan Mozilla Firefox. Diantara browser web ini terdapat kelebihan dan
kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang
ditawarkan.
2.3.3
Server Web
Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen
web, komputer ini akan melayani permintaan dokumen web dari kliennya.
Macam-Macam Server Web:
1.
Apache (Open Source)
2.
Xitami
3.
IIS
4.
PWS
Berikut ini penjelasan beberapa istilah-istilah umum yang harus diketahui antara lain:
a.
Protokol; Secara definisi adalah standar pemrosesan informasi yang diterima
secara umum. Protokol TCP/IP merupakan protokol yang digunakan dalam
komunikasi dalam internet.
b.
URL (Universal Resource Locator); URL digunakan sebagi penunjuk lokasi pada
internet. URL adalah konsep nama file standar yang diperluas dengan jaringannya.
Nama file ini tidak hanya menunjukkan direktori dan nama filenya, tetapi juga
nama mesinnya dalam jaringan. Jika suatu situs tidak mempunyai URL, maka
situs web tersebut tidak dapat dikunjungi.
c.
HTTP (HyperText Transfer Protocol); HTTP adalah protocol yang sering
digunakan untuk berkomunikasi antara browser dan web server melalui jaringan
internet. HTTP umumnya digunakan untuk melayani dokumen hypertext, karena
HTTP adalah protokol dengan overhead yang sangat rendah, sehingga pada
kenyataan navigasi informasi dapat ditambahkan langsung ke dalam dokumen
dengan demikian protokolnya sendiri tidak harus mendukung navigasi secara
penuh.
d.
Browsing / Surfing; kegiatan menelusuri dan mencari informasi dalam internet
melalui layanan informasi web.
2.4
HTML (HyperText Markup Language)
2.4.1
Dokumen HTML
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks
sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan
dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi
informasi atau interface aplikasi di dalam internet.
Ada dua cara untuk membuat sebuah web page yaitu dengan web editor
(misalnya Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan editor
teks biasa (misalnya notepad atau editplus).
2.4.1.1
Penamaan Dokumen HTML
Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang
nama, kemudian menambahkan sebuah ekstensi â.htmâ atau â.htmlâ (tanda kutip
tidak perlu dituliskan karena digunakan sebagai penjelas saja).
2.4.1.2
Elemen Dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen. âElemenâ merupakan istilah bagi
komponen-komponen dasar pembentuk dokumen HTML. Untuk menandai berbagai
elemen dalam suatu dokumen HTML, digunakan tag. Tag HTML terdiri atas sebuah
kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut
kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya <H1> dengan
</H1>), tag yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag
yang pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua
menunjukkan tag akhir, berarti akhir elemen.
Nama elemen ditunjukkan dengan nama tagnya. Suatu elemen di dalam
dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. Ada
beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan,
elemen tersebut diantaranya adalah:
a.
Paragraf dengan tag <p>.
b.
Ganti baris â line break dengan tag <br>.
c.
Garis datar â horizontal rule dengan tag <hr>.
d.
List item dengan tag <li>.
Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk
menuliskan tag dengan menggunakan huruf kecil semuanya.
Tag mark up ini digunakan sebenarnya memberi tahu browser web bagaimana
memperlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam
browser.
Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan
dengan tag <html>, <head> dan <body> berikut tag-tag pasangannya. Setiap
dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang
dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari
link, grafik, paragraf dan elemen lainnya.
Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section
head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar
sebagai berikut:
<html>
<head>
⦠informasi tentang dokumen HTML
</head>
<body>
⦠informasi yang ditampilkan dalam browser web
</body>
Setiap dokumen HTML harus diawali dengan menuliskan tag <html> dan tag
</html> di akhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen
ini adalah dokumen HTML.
Dalam satu dokumen hanya ada satu elemen HTML. Section atau elemen head
ditandai dengan tag <head> di awal, dan tag </head> di akhir. Section ini berisi
informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalam
elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada caption bar
dari window browser, ditandai dengan menggunakan tag <title> dan diakhiri dengan
</title>.
Section atau elemen body ditandai dengan tag <body> di awal, dan tag
</body> di akhir. Section body merupakan elemen terbesar di dalam dokumen HTML.
Elemen ini berisi isi dokumen yang akan ditampilkan pada browser, meliputi paragraf,
grafik, link, tabel, dan sebagainya.
2.5
PHP (HyperText Preprocessor)
2.5.1
Pengertian PHP
PHP merupakan software Open-Source yang disebarkan dan dilisensikan
secara gratis serta dapat di-download secara bebas dari situs resminya.
http://www.php.net. PHP ditulis menggunakan bahasa C.
2.5.2
Sejarah PHP
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP
bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang
digunakan untuk mengolah data form dari web. Perkembangan selanjutnya adalah
Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat
tersebut kepanjangan dari PHP/FI adalah Personal Home Page/Form Interpreter.
Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer
yang tertarik untuk ikut mengembangkan PHP.
ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga
dikenalkan model pemrograman berorientasi objek baru untuk menjawab
perkembangan bahasa pemrograman ke arah pemrograman berorientasi objek.
2.5.3
Kelebihan-kelebihan PHP
PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP
difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang
dapat dilakukan oleh CGI, seperti mengumpulkan data dari form, menghasilkan isi
halaman web dinamis dan kemampuan mengirim serta menerima cookies, bahkan
lebih daripada kemampuan CGI.
PHP dapat digunakan pada semua sistem operasi, antara lain LINUX, UNIX
(termasuk variannya HP-UX, Solaris dan OpenBSD), Microsoft Windows, Mac OS X,
RISC OS. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft
Internet Information Server (MIIS), Personal Web Server (PWS), Netscape and
iPlanet servers, Oreilly Website Pro server, audium, Xitami, OmniHTTPd, dan masih
banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.
PHP tidak terbatas pada hasil keluaran HTML (HyperText Markup
Languages). PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file
PDF, dan mofies Flash. PHP juga dapat menghasilkan teks seperti XHTML dan file
XML lainnya.
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Ada empat macam
pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP:
a.
<?php . . . ?>
b.
<? . . . ?>
c.
<script language=âPHPâ> . . . </script>
d.
<% ⦠%>
Skrip yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan
ekstensi *.php, misalnya: contoh.php. Bila skrip PHP diakses melalui komputer lokal
maka file PHP disimpan di folder htdocs di web server. Sama halnya dengan
penamaan dokumen HTML, pemberian nama dokumen yang sama tetapi dituliskan
dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda. Skrip PHP
dapat disisipkan di bagian manapun dalam dokumen HTML, begitu pula sebaliknya
skrip HTML dapat diletakkan di antara skrip PHP.
2.5.5
Integrasi dengan Database
PHP yang digabungkan dengan database akan lebih berkekuatan jika digabungkan
No.
Nama Database
No.
Nama Database
1.
2.
3.
4.
5.
6.
7.
8.
9.
10
11.
Adabas D
DBase
Empress
FilePro (read-only)
Hyperwave
IBM DB2
Informix
Ingres
Interbase
FrontBase
MSQL
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
Direct MS-SQL
MySQL
ODBC
Oracle (OCI7 dan OCI8)
Ovrimos
[image:35.595.103.531.83.448.2]PostgreSQL
SQLite
Solid
Sybase
Velocis
Unix dbm
Tabel 2.1 Daftar Database-Database Yang Didukung PHP
PHP mempunyai fungsi khusus untuk mengakses MySQL. Ada sekitar 48
fungsi yang didukung PHP dalam mengakses MySQL dalam membuat aplikasi.
Adapun yang biasa digunakan diantaranya adalah :
a.
mysql_connect()
Format fungsinya adalah:
mysql_connect (string hostname, string username, string password);
b.
mysql_select_db
Setelah terhubung ke database MySQL dengan menggunakan mysql_connect,
langkah selanjutnya adalah memilih database yang akan digunakan. Fungsi
mysql_select_db digunakan untuk memilih database.
Format fungsinya adalah:
mysql_select_db (string database, koneksi)
c.
mysql_query
Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah SQL.
Sebutan untuk mengirim perintah SQL dinamakan query. Query memberi perintah
kepada database untuk melakukan apa yang dikehendaki.
Format fungsinya adalah:
int mysql_query(string query, int [link_identifier] );
d.
mysql_num_rows
Format fungsinya adalah:
int mysql_num_rows(int result);
e.
mysql_fetch_array
Fungsi ini berkaitan dengan menampilkan data. Untuk menampilkan data,
digunakan fungsi mysql_fetch_array. Dengan fungsi ini, hasil query ditampung
dalam bentuk array.
Format fungsinya adalah:
array mysql_fetch_array(int result, int [result_type] );
2.6
MySQL
2.6.1
Sejarah MySQL
mereka memiliki awalan âMyâ. Juga nama adiknya âMontyâ (salah satu pencipta
MySQL) diberi nama âMyâ.
2.6.2
Pengertian MySQL
a)
MySQL adalah sebuah sistem manajemen database. Database adalah sekumpulan
data yang terstruktur. Data-data itu dapat suatu daftar belanja yang sangat
sederhana sampai ke galeri lukisan atau banyaknya jumlah informasi pada jaringan
perusahaan. Untuk menambah, mengakses dan memproses data yang tersimpan
pada database komputer, kita membutuhkan manajemen database seperti MySQL.
b)
MySQL adalah sebuah sistem manajemen database yang saling berhubungan.
Sebuah hubungan database dari data yang tersimpan pada tabel yang terpisah
daripada menyimpan semua data pada ruang yang sangat besar. Hal ini menambah
kecepatan dan fleksibilitas. Table-tabel tersebut dihubungkan oleh hubungan yang
sudah
didefinisikan
mengakibatkan
akan
memungkinkan
untuk
mengkombinasikan data dari beberapa tabel sesuai dengan keperluan.
2.6.3
KelebihanâKelebihan MySQL
Selain karena Open Source program, MySQL juga memiliki kelebihan-kelebihan
yang tak kalah bagusnya dengan Database Server lainnya, seperti SQL server, Sybase
bahkan Oracle. Kelebihan-kelebihan itu antara lain :
a)
Dapat bekerja di beberapa platform yang berbeda, seperti LINUX, Windows,
MacOS dan lain lain.
b)
Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python.
c)
Memiliki lebih banyak type data seperti : signed/unsigned integer yang memiliki
panjang data sebesar 1,2,3,4 dan 8 byte, FLOAT, DOUBLE, CHAR,
VARCHAR, TEXT, BLOB, DATE, TIME, DATETIME, TIMESTAMP, YEAR,
SET dan tipe ENUM.
d)
Mendukung penuh terhadap kalimat SQL GROUP BY dan ORDER BY.
Mendukung terhadap fungsi penuh ( COUNT ( ),COUNT (DISTINCT), AVG ( ),
STD ( ), SUM ( ), MAX ( ) AND MIN ( ) ).
e)
Mendukung terhadap LEFT OUTHER JOIN dengan ANSI SQL dan sintak
ODBC.
f)
Mendukung ODBC for Windows 95 (dengan source program). Semua fungsi
ODBC 2.5 dan sebagainya. Sebagai contoh kita dapat menggunakan Access
untuk connect ke MySQL server.
g)
Menggunakn GNU automake, autoconf, dan LIBTOOL untuk portabilitas.
h)
Kita dapat menggabungkan beberapa tabel dari database yang berbeda dalam
i)
Ditulis dengan menggunakan bahasa C dan C++. Diuji oleh compiler yang sangat
jauh berbeda.
j)
Privilege (hak) dan password sangat fleksibel dan aman serta mengujinkan
âHost-Basedâ Verifikasi.
2.7
Macromedia Dreamweaver 8
Dalam membuat suatu website diperlukan suatu editor. Salah satu editor yang sangat
sederhana adalah notepad. Dengan perkembangan perangkat lunak, suatu perusahaan
yang bernama Macromedia, Inc. membuat suatu editor berbasis GUI yang
dikhususkan untuk pembuatan website yang diberi nama Dreamweaver.
Dreamweaver merupakan editor HTML yang professional untuk mendesain,
menulis kode program, dan mengembangkan website, halaman web, dan aplikasi web.
Dalam pengerjaannya, Dreamweaver memberikan 3 (tiga) pilihan yaitu bekerja
dengan menulis kode program (Menu Code), dengan pengeditan secara visual (Mode
Design) dan dengan tampilan keduanya (Mode Split). Dreamweaver juga
menyediakan alat-alat bantu untuk mengembangkan kreativitas pembuatan web.
2.8
Macromedia Fireworks 8
Seiring dengan pesatnya perkembangan teknologi informasi dan dunia internet,
berkembang pula software aplikasi desain grafis yang nantinya banyak digunakan
untuk mendesain web. Untuk membangun web â setelah membuat desain â
dibutuhkan program aplikasi lain yang menyediakan tool-tool web grafik, seperti
button, menu, slice, hotspot dan animasi untuk mempercantik suatu halaman web.
Macromedia Fireworks dapat mengerjakan kedua hal tersebut sekaligus,
karena Fireworks bukan hanya sebuah software aplikasi untuk mendesain web, tetapi
juga menyediakan tools pembangun sebuah web. Selain itu kita juga dapat mengedit
kode HTML (Hypertext Markup Language) yang secara otomatis terbangun ketika
sebuah web dibangun.
Halaman yang berbasis web biasanya menggunakan HTML untuk
membangunnya. Terdapat beberapa aplikasi yang khusus menyediakan fasilitas
pembangun web yang berbasis WYSWYG (What You See is What You Get), seperti
Macromedia Dreamweaver, Adobe GoLive, Microsoft FrontPage, atau Adobe
PageMill.
PROFIL MAN 2 MODEL MEDAN
3.1
Sejarah Singkat MAN 2 Model Medan
Madrasah Aliyah Negeri 2 Model Medan (selanjutnya disingkat MAN 2 Model)
Medan secara historis merupakan konversi dari Pendidikan Guru Agama Negeri
(PGAN) 6 tahun Medan. PGAN 6 tahun ini didirikan tahun 1956 oleh H. Bustami
Ibrahim yang pada saat itu sebagai Inspektur Pendidikan di Kantor Wilayah
Departemen Agama Provinsi Sumatera Utara. Untuk pertama kali Direktur PGAN
Medan pertama kali dijabat oleh H. Bustami Ibrahim sendiri. Kemudian secara
berturut-turut penggantinya adalah H. Abdul Malik Syafi'i, Nazaruddin Yasin dan
terakhir adalah Drs. Miskun. AR.
Ketika terjadi perubahan tuntutan kebutuhan terhadap kualitas guru mata
pelajaran Pendidikan Agama Islam dengan mensyaratkan lulusan Diploma II, maka
PGAN 6 tahun Medan dilikuidasi oleh pemerintah menjadi MAN 2 Medan sejak
tahun 1992. Dalam perjalanannya, madrasah ini berturut-turut telah dipimpin oleh
lima Kepala Madrasah, yaitu:
(1)
Drs.Musa (periode 1992-1999)
(3)
Drs. H.M. Hadi KS (periode 2001-2003)
(4)
Drs. Syaiful Syah (periode 2003-2005)
(5)
H. Ali Masran Daulay, S.Pd. MA (periode 2005-sekarang)
Pada tahun 1998 MAN 2 Medan ditetapkan oleh pemerintah sebagai salah satu
Madrasah Aliyah Model di antara 35 MAN Model di Indonesia, dengan Surat
Keputusan Direktur Jenderal Kelembaga Agama Islam, Departemen Agama Nomor
E.IV.PP.00.6/KEP/17.A/98 tahun 1998 tentang pedoman Madrasah Aliyah Model.
Secara umum tujuan berdiri MAN 2 Medan untuk membina dan membimbing
siswa-siswa beriman, bertaqwa, berakhlakul karimah, berilmu tinggi dan mampu
bersaing dengan sekolah-sekolah pada umumnya.
3.2
Latar Madrasah
Madrasah Aliyah Negeri 2 Model Medan beralamat di Jalan Williem Iskandar atau
Pancing nomor 7 Kecamatan Medan Tembung kota Medan. Keberadaan MAN 2
Model Medan terletak pada lahan dengan keliling 13.297 m
2, dengan luas bangunan
3485 m
2, halaman 5000 m
2, lapangan olahraga 1710 m
2, taman 1805 m
2dan lain-lain
1297 m
2. Lokasi MAN 2 Model Medan juga ada di Jalan Beringin IX Perumnas
Helvetia Medan yang memiliki luas 1.657 m
2, dengan rincian untuk gedung 1230 m
2dan taman 427 m
2yang berbatas dengan perumahan penduduk di Perumnas Helvetia
Medan.
Adapun Visi, Misi dan Target daripada MAN 2 Model Medan adalah sebagai berikut
3.3.1
Visi
MAN 2 sebagai MAN Model yang Islam, unggul, berkualitas dan populis.
3.3.2
Misi
a)
Meningkatkan pendidikan yang didasarkan pada pendidikan agama sebagai
pembinaan moral.
b)
Menyelenggarakan program pembelajaran yang berkualitas sesuai kebutuhan
masyarakat.
c)
Meningkatkan SDM (Sumber Daya Manusia) tenaga kependidikan dengan
berorientasi pendidikan bermoral.
d)
Menghasilkan lulusan yang memiliki keterampilan dengan penerapan program life
skill.
3.3.3
Target
a)
Diterimanya lulusan MAN 2 Model Medan di perguruan tinggi yang berkualitas
baik di dalam dan di luar negeri ( >80%) tiap tahun.
c)
Terciptanya kehidupan religius di lingkungan sekolah MAN 2 Model Medan yang
diperlihatkan dengan perilaku: ikhlas, sederhana, mandiri, ukhuwah dan bebas
berkreasi.
d)
Diterimanya lulusan MAN 2 Model Medan bekerja di berbagai instansi
pemerintahan dan swasta baik dalam maupun luar negeri.
3.4
Struktur Organisasi
Gambar 3.1: Struktur Organisasi MAN 2 Model Medan
Majelis
Madrasah
Kepala
Madrasah
Dharma
Wanita
WKM
Bidang
Kesiswaan
WKM
Bidang
Kurikulum
OSIS
Koord.
Pembelajaran
MAN
2
Helvetia
WKM
Bidang
Sarana/
Prasarana
Ka.Unit
Produksi/
Komputer
Kepala
Tata Usaha
Kord. BP/BK
Keterangan:
garis koordinasi
garis perintah
3.5
Uraian Tugas dan Fungsi Struktur Organisasi
3.5.1
Kepala Madrasah
Kepala Madrasah sebagai pimpinan puncak (top leader) di madrasah merupakan
penanggung jawab umum pengaturan dan penyelenggaraan tugas/fungsi Madrasah
Aliyah.
Kepala Madrasah MAN 2 Model Medan mempunyai tugas-tugas yang harus
dilakukan yaitu:
a)
Mengatur penyelenggaraan pendidikan dan pengajaran madrasah
b)
Mengatur penyelenggaraan urusan tata usaha madrasah
c)
Mengatur penyelenggaraan urusan kepegawaian
d)
Mengatur penyelenggaraan urusan keuangan madrasah
e)
Mengatur penyelenggaraan urusan sarana dan peralatan madrasah
f)
Mengatur penyelenggaraan urusan rumah tangga madrasah
g)
Mengatur penyelenggaraan urusan urusan asrama
h)
Mengatur penyelenggaraan urusan laboratorium dan perpustakaan madrasah
i)
Mengatur pembinaan kesiswaan
3.5.2
Kepala Urusan Tata Usaha
Kepala Urusan Tata Usaha mempunyai tugas dan tanggung jawab, yaitu:
a)
Bertugas dan bertanggung jawab atas berlakunya garis kebijakan Kepala Madrasah
di bidang ketatausahaan
b)
Membina staf tata usaha madrasah sehingga mampu dan kreatif dalam
melaksanakan tugas masing-masing
c)
Bertanggung jawab terhadap pelaksanaan administrasi madrasah
d)
Membantu semua pihak madrasah dalam ketatausahaan pada khususnya dan
kelancaran fungsi madrasah pada umunya
e)
Menyusun program pembinaan administrasi madrasah
3.5.3
Wakil Kepala Madrasah (WKM)
3.5.3.1
Wakil Kepala Madrasah Kurikulum
Adapun tugas dan tanggung jawab dari WKM Kurikulum adalah:
a)
Menyusun program pembelajaran
b)
Menyusun pembagian tugas guru
c)
Menyusun jadwal pembelajaran
f)
Memeriksa administrasi wali kelas, guru, perpustakaan, administrasi laboratorium
dan administrasi guru piket
g)
Menyusun kriteria dan persyaratan naik/tidak naik kelas, lulus/tidak lulus
h)
Mengatur pembagian laporan pendidikan (raport)
i)
Membuat laporan pelaksanaan Kepala Madrasah
3.5.3.2
Wakil Kepala Madrasah Kesiswaan
Adapun tugas dan tanggung jawab dari WKM Kesiswaan adalah:
a)
Menyusun program pembinaan kegiatan kesiswaan/OSIS
b)
Membimbing, mengarahkan dan mengendalikan kegiatan siswa/OSIS dalam
rangka mengadakan disiplin dan tata tertib
c)
Membimbing, mengarahkan dan mengendalikan proses pemilihan pengurus OSIS
d)
Menyelenggarakan Latihan Kepemimpinan Dasar Madrasah
e)
Mengkoordinir, membina dan mengawasi kegiatan upacara bendera, SKJ
f)
Mengkoordinir, membina dan mengawasi kegiatan try out/try in
g)
Memantau lulusan madrasah
h)
Senantiasa berusaha meningkatkan kualitas siswa dan kegiatan siswa
i)
Mengkoordinir, membina dan mengawasi kegiatan UKS, PMR, PKM, Pramuka,
kantin siswa dan kegiatan siswa lainnya
j)
Membina dan mengawasi pelaksanaan 8 K (Keagamaan, Keamanan, Kebersihan,
Keindahan, Ketertiban, Kekeluargaan, Kesehatan dan Kerindangan)
l)
Membina karya siswa, KIR, majalah dinding dan bulletin
m)
Merencanakan, membina dan mengawasi orientasi madrasah bagi siswa baru
n)
Menyusun laporan bulanan pelaksanaan tugas
3.5.3.3
Wakil Kepala Madrasah Sarana/Prasarana
Adapun tugas dan tanggung jawab dari WKM Kesiswaan adalah:
a)
Menyusun program pengadaan, pemeliharaan dan pengamanan barang inventaris
khususnya yang berkaitan dengan KBM
b)
Mendayagunakan sarana dan prasarana KBM (termasuk kartu-kartu pelaksanaan
pendidikan)
c)
Menjaga stabilitas dan kesejahteraan guru dan karyawan
d)
Merencanakan kegiatan pendayagunaan sarana dan prasarana madrasah secara
optimal
e)
Merencanakan kegiatan teknik pemeliharaan sarana dan prasarana madrasah
f)
Melaksanakan tugas temporer Kepala Madrasah
g)
Mencatat dan menginventariskan tropy piala dan piagam yang diperoleh
madrasah/siswa
3.5.4
Koordinator Pembelajaran
a)
Mengkoordinir guru yang mengajar di masing-masing kelas
b)
Mengawasi kegiatan pembelajaran siswa
c)
Mengawasi kebersihan pekarangan madrasah
d)
Mengawasi dan keamanan siswa madrasah
e)
Membuat rencana, mengatur dan mengawasi kegiatan PSBB
f)
Mengawasi disiplin belajar siswa
3.5.5
Koordinator BP/BK
a)
Menyusun dan melaksanakan program bimbingan dan penyuluhan yang meliputi
waktu kegiatan, metoda bimbingan, peralatan dan biaya, teknik pengelolaan data
hasil bimbingan dan penyuluhan, petugas yang akan memberikan BP.
b)
Menyusun dan melaksanakan koordinasi dengan wali kelas, seksi kesiswaan, seksi
pengajaran dan pendidikan, BP3/orangtua/wali kelas
3.5.6
Wali Kelas
a)
Sebagai administrator kelas, dengan menyelenggarakan kegiatan mengelola
administrasi kelas, mengelola personil kelas, mengelola administrasi keuangan
kelas/membantu pelaksanaan pembayaran SPP/BP3, mengelola administrasi
peribadatan kelas, mengelola administrasi olah raga siswa, mengelola administrasi
kesenian,
mengelola
administrasi
PMR/UKS,
mengelola
administrasi
pengembangan ilmu pengetahuan, melaksanakan fungsi-fungsi administrasi di
kelas
binaannya,
melaksanakan
kepemimpinan
kelas
dan
menjalin
hubungan/koordinasi dengan warga madrasah
b)
Sebagai supervisor dan Guru Pembina, bertugas mengadakan supervise di kelas
binaannya dalam bidang kegiatan belajar mengajar, kegiatan bimbingan
penyuluhan, kegiatan ko kurikuler, kegiatan ekstrakurikuler
3.5.7
Kepala Unit Produksi/Komputer
a)
Menyusun rencana kegiatan unit produksi setiap semester
b)
Mengkoordinir guru/insruktur dalam pembelajaran Teknologi Informasi dan
Komunikasi (TIK)
c)
Membagi pengelompokan siswa dalam setiap pembelajaran TIK dan internet
d)
Mengawasi pelaksanaan pembelajaran TIK dan internet
f)
Menyiapkan absensi guru dan instruktur pembelajaran TIK, internet serta latihan
keterampilan tata busana dan elektronik
g)
Membuat laporan keadaan barang dan peralatan praktik keterampilan tatabusana
dan elektronik.
h)
Membuat laporan keuangan pengelolaan unit produksi
3.5.8
Majelis Madrasah
a)
Berkoordinasi dengan Kepala Madrasah dalam masalah RAPBM
b)
Memeriksa Program Kerja Kepala Madrasah
BAB 4
PERANCANGAN SISTEM
4.1 Perencanaan dan Perancangan
Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas
dan percobaan yang berulang-ulang karena menyangkut semua elemen yang
membentuk situs. Maka terlebih dahulu harus dipikirkan bagaimana bentuk
tampilannya agar kelihatan lebih menarik, dan link-link apa saja yang akan dirancang
serta informasi apa saja yang akan disajikan dalam sebuah website. Dalam
perancangan website ini lebih ditujukan pada informasi yang berhubungan tentang
sekolah MAN 2 Model Medan.
Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain:
a.
Situs yang akan dibuat adalah situs lembaga pendidikan, dalam hal ini adalah
MAN 2 Model Medan, yang menyediakan informasi-informasi mengenai sekolah
tersebut.
c.
Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat
mengetahui informasi mengenai sekolah tersebut, mengisi buku tamu dan
membuat pesan dan kesan terhadap organisasi tersebut.
d.
Target yang akan dicapai dari situs tersebut adalah pengunjung mendapatkan
informasi tentang MAN 2 Model Medan.
4.2
Mempersiapkan Database Server
[image:55.595.237.397.647.763.2]Database dapat diumpamakan sebagai sebuah tempat penyimpanan data yang
terstruktur agar dapat diakses dengan cepat dan mudah. Database terdiri atas
tabel-tabel yang dibuat dengan menggunakan program MySQL. Pada tahap ini dipersiapkan
tempat untuk menampung data di server, data tersebut nanti akan diproses oleh
program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan,
penghapusan dan menampilkan isi database ke halaman web.
Adapun database yang dibuat oleh penulis adalah database man2 dengan
tabel-tabel sebagai berikut:
a.
Tabel admin terdiri dari:
Field
Jenis
Nama
Varchar(50)
Tempat Lahir Varchar(15)
Tgl Lahir
Text
Alamat
Long Text
Telepon
Text
[image:56.595.236.396.81.257.2]Varchar(30)
Tabel 4.1 Tabel admin
b.
Tabel berita terdiri dari:
Field
Jenis
No_berita
Int(10)
Judul
Varchar(100)
Penulis
Varchar(100)
Tanggal
Varchar(50)
Jam
Varchar(50)
[image:56.595.235.398.391.647.2]Kategori
Varchar(100)
Isi_berita
Text
Gambar
Varchar(100)
c.
Tabel buku tamu terdiri dari:
Field
Jenis
Nama
varchar(30)
Tanggal
varchar(30)
Jam
varchar(8)
[image:57.595.232.403.504.757.2]Alamat
varchar(70)
varchar(30)
Telepon
char(30)
Pesan
varchar(1000)
Tabel 4.3 Tabel Buku Tamu
d.
Tabel guru terdiri dari:
Field
Jenis
Id Guru
Int(5)
Nama Guru
Varchar(100)
NIP
Varchar(15)
Golongan
Varchar(10)
Bidang
Varchar(50)
Tabel 4.4 Tabel Guru
e.
Tabel siswa terdiri dari:
Field
Jenis
Nama Siswa
Varchar(100)
NIS
Varchar(10)
Jenis Kelamin
Varchar(10)
Alamat
Varchar(100)
Status
Varchar(10)
Asal
Varchar(30)
TTL
Varchar(20)
[image:58.595.231.403.277.531.2]Kelas
Varchar(12)
Tabel 4.5 Tabel Siswa
f.
Tabel alumni terdiri dari:
Field
Jenis
No
Int(5)
[image:58.595.232.403.670.757.2]Varchar(50)
Alamat
Varchar(100)
Telepon
Varchar(30)
Handphone
Varchar(30)
Tahun Tamat
Varchar(15)
Pekerjaan
Varchar(50)
Tabel 4.6 Tabel Alumni
g.
Tabel prestasi terdiri dari:
Field
Jenis
Kategori
Varchar(60)
Perlombaan
Varchar(1500)
Tingkat
Varchar(60)
[image:59.595.232.402.392.531.2]Tahun
Varchar(4)
Tabel 4.7 Tabel Prestasi
h.
Tabel ekstra terdiri dari:
Field
Jenis
No
Int(10)
Organisasi
Jenis Kegiatan
Varchar(200)
Tabel 4.8 Tabel Ekstra
4.3
Membangun Halaman Situs
Adapun halaman-halaman yang dibangun oleh penulis adalah:
a.
Halaman index.php, merupakan halaman utama yang akan diakses pertama kali
situs dibuka. Halaman ini berisikan berita dan artikel secara singkat dan link-link
menuju halaman berikutnya.
b.
Halaman profil, merupakan halaman yang memberikan informasi tentang sejarah,
visi,misi dan target sekolah, struktur organisasi dan moto dan nilai dari MAN 2
Model Medan.
c.
Halaman guru, merupakan halaman yang memberikan informasi tentang data guru
di MAN 2 Model Medan.
d.
Halaman siswa, merupakan halaman yang memberikan informasi tentang data
siswa dan prestasi yang diraih oleh siswa/siswi MAN 2 Model Medan.
f.
Halaman artikel.php, merupakan halaman yang memberikan informasi artikel
mengenai kesehatan.
g.
Halaman bukutamu.php, merupakan halaman yang mengizinkan pengunjung
untuk mengisikan buku tamu sehingga diketahui siapa saja yang mengunjungi
situs.
h.
Halaman kontak.php, merupakan halaman yang mengizinkan pengunjung untuk
memberikan saran, kritik atau pertanyaan ke MAN 2 Model Medan.
i.
Halaman admin.php, merupakan halaman yang khusus diakses oleh admin untuk
melakukan pengaturan seperti membuat, menghapus atau mengubah berita, artikel
dan anggota.
Tahap-tahap yang dilakukan penulis dalam membangun halaman situs adalah
sebagai berikut:
Gambar 4.1 Tampilan Macromedia Dreamweaver 8
2.
Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada
Macromedia Dreamweaver yaitu dengan meletakkan link-link dan modul-modul
lainnya di tempat yang telah ditentukan.
3.
Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat
yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver.
4.
Menulis skrip CSS untuk memperindah tampilan situs dan skrip javascript untuk
melakukan peringatan (alert) pada pengisian form.
4.4
Flowchart Situs
[image:63.595.115.523.348.577.2]Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman
per halaman, biasanya berbentuk pohon yang bercabang-cabang. Dengan adanya
flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman
dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat
mempermudah dalam mengatur kode dan file HTML-nya, 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.2 Flowchart rancangan aplikasi web (situs)
Pada gambar 4.2 , flowchartnya masih sangatlah sederhana karena di setiap
cabang flowchart masih terdapat cabang-cabang lagi bergantung pada seberapa
kompleks dan seberapa banyak halaman yang akan dibuat. Misalnya pada bagian
Login Index
Profil Guru Siswa Alum ni
Fasil itas
Buku Tamu
Gale ri
Arti kel
Beri ta
âLoginâ dibagi lagi ke âHalaman Adminâ dan âHalaman Userâ, maka harus dibuat dua
cabang lagi. Lihat Gambar 4.3
Gambar 4.3 Percabangan Dalam Suatu Flowchart
Di dalam website MAN 2 Model Medan terdapat alur-alur aktivitas yang dapat
kita gambarkan dalam bentuk flowchart. Dibawah ini adalah bentuk-bentuk flowchart
yang didapat dari website MAN 2 Model Medan.
a.
Flowchart Menu Utama
Seorang pengunjung dapat mengakses website MAN 2 Model Medan dan dapat
berpindah halaman web menuju halaman lain. Terdiri dari 5 halaman utama yakni
halaman profil, guru, siswa, alumni dan buku tamu. Masingâmasing halaman utama
memiliki link-link yang dapat dipilih oleh pengunjung kecuali halaman buku tamu.
Flowchart Menu Utama dapat dilihat pada gambar dibawah ini:
Login
Halaman Admin
Pilih link yang ada
Pilih link yang ada
Pilih link yang ada
A
B
C
Pilih link yang ada D
[image:65.595.146.435.128.525.2]Form Buku Tamu E
Gambar 4.4 Alur Flowchart Menu Utama
b.
Flowchart Administrator
A
!
" "
" # $ %
" "
&
" "
!
" "
'
A
[image:66.595.118.500.196.561.2]tabel administrator. Jika data login dan password sesuai, maka admin diantarkan
menuju tampilan halaman administrator, jika proses login gagal, maka kembali lagi ke
halaman form administrator. Dapat kita lihat Gambar adalah flowchart administrator.
Gambar 4.5 Alur Flowchart Administrator
c.
Flowchart User (Siswa)
A
!
'
" # $ %
" "
&
'
(
)
!
'
(
)
'
A
[image:67.595.118.499.220.592.2]tabel administrator. Jika data login dan password sesuai, maka admin diantarkan
menuju tampilan halaman administrator, jika proses login gagal, maka kembali lagi ke
halaman form administrator. Dapat kita lihat Gambar adalah flowchart administrator.
Gambar 4.6 Alur Flowchart User
Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah
logika atau matematika. Adapun algoritma yang akan dibahas antara lain yaitu:
Algoritma Homepage
Berfungsi menampilkan tampilan utama website MAN 2 Model Medan, dengan menu
pilihan antara lain : Profil, Guru, Siswa, Alumni, Buku Tamu, Galeri, Artikel, Berita,
Link, Contact Us.
1.
Algoritma Profil
Langkah 1 : Jika Klik sub menu Sejarah maka akan tampil halaman sejarah dari
sekolah.
Langkah 2 : Jika Klik sub menu Visi Misi & Target maka akan tampil halaman visi,
misi dan target sekolah.
Langkah 3: Jika Klik sub menu Struktur Organisasi maka akan tampil halaman
struktur organisasi.
Langkah 3 : Jika Klik sub menu Moto & Nilai maka akan tampil halaman moto dan
nilai.
2.
Algoritma Berita
Langkah 1 : Klik menu Berita
Langkah 2 : Maka akan menampilkan beberapa judul berita terbaru.
Langkah 3 : Klik salah satu judul yang sesuai.
Langkah 4 : Menampilkan keseluruhan isi berita.
Langkah 1 : Jika Klik sub menu Isi Buku Tamu maka lakukan pengisian buku tamu,
jika data selesai diinput maka klik tombol kirim untuk melakukan
penyimpanan data, sedangkan untuk membatalkan klik tombol reset.
Langkah 2 : Jika Klik sub menu Lihat Bukutamu maka akan terlihat data yang sudah
tersimpan.
4.
Algoritma Guru
Langkah 1 : Jika Klik sub menu Data Guru maka akan tampil halaman data guru.
Langkah 2 : Jika ingin kembali ke halaman awal maka pilih menu home.
5.
Algoritma Siswa
Langkah 1 : Jika Klik sub menu Data Siswa maka akan tampil halaman data siswa.
Langkah 2 : Jika Klik sub menu Prestasi Siswa maka akan tampil halaman prestasi
siswa.
6.
Algoritma Alumni
Langkah 1 : Jika Klik sub menu Data Alumni maka akan tampil halaman data alumni.
Langkah2 : Jika Klik sub menu Registrasi Alumni maka akan tampil halaman
registrasi siswa.
Langkah3 : Jika ingin mendaftar maka pilih menu daftar alumni. Kemudian isi
biodata alumni, kemudian klik tombol daftar maka data akan disimpan.
Jika ingin batal klik tombol reset.
Langkah 1 : Klik menu Ekstrakurikuler.
Langkah 2 : Maka akan menampilkan halaman yang berisi tentang ekstrakurikuler di
MAN 2 Model Medan.
8.
Algoritma Galeri
Langkah 1 : Klik menu Galeri
Langkah 2 : Maka akan menampilkan halaman galeri.
9.
Algoritma Artikel
Langkah 1 : Klik menu Artikel
Langkah 2 : Maka akan menampilkan halaman artikel.
10.
Algoritma Link
Langkah 1 : Klik menu Link
Langkah 2 : Maka akan menampilkan link-link situs yang dapat dikunjungi.
11.
Algoritma Kontak
Langkah 1 : Klik menu Contact Us
BAB 5
IMPLEMENTASI SISTEM
5.1
Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan
dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstall
dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang
lama.
Adapun langkah-langkah yang yang dibutuhkan dalam implementasi sistem
adalah:
1.
Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang
website.
2.
Menyelesaikan rancangan sistem.
5.2
Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem ini adalah sebagai berikut:
1.
Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2.
Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru
3.
Menguji apakah sistem baru tersebut sesuai dengan pemkai.
4.
Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat
rencana, mengontrol dan melakukan instalasi baru secara benar.
5.3
Komponen Dalam Implementasi Sistem
Agar sistem perancangan yang telah kita kerjakan dapat berjalan baik atau tidak, maka
perlu kiranya dilakukan pengujian terhadap sistem yang telah kita kerjakan. Untuk itu
dibutuhkan beberapa komponen utama mencakup perangkat keras (hardware),
perangkat lunak (software), dan perangkat operator (brainware). Pada Website MAN 2
Model Medan ini dibutuhkan komponen-komponen yang mencakup seperti yang
diatas.
5.3.1
Hardware
a.
Monitor Super VGA.
b.
CPU (Central Proccessing Unit).
c.
Kapasitas Hardisk minimal 10 GB.
d.
Memori minimal 128 MB.
e.
Keyboard dan Mouse.
5.3.2
Software
Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen
software. Adapun software yang digunakan dalam pembuatan website ini adalah:
a.
Sistem Operasi Windows XP. Penulis menggunakan sistem operasi Windows XP.
b.
Apache 2.2.8 sebagai web server