PERANCANGAN SISTEM INFORMASI PADA SMA SWASTA
ERIA MEDAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan Studi Pada Program Studi D-3 Ilmu Komputer
REZA ARMIGA 072406008
DEPARTEMAEN METEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
PERNYATAAN
PERANCANGAN SISTEM INFORMASI
PADA SMA SWASTA ERIA MEDAN MENGGUNAKAN PHP DAN MYSQL 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 2010
PENGHARGAAN
Bismillahirrahmanirrahim
Puji dan syukur penulis panjatkan kehadirat Allah SWT, karena dengan limpah rahmat
dan karunia-nya penulis berhasil menyelesaikan tugas akhir ini yang berjudul
”Perancangan Sistem Informasi Pada SMA Swasta ERIA Medan Menggunakan PHP dan MySql “ pada waktu yang telah ditetapkan. Adapun Tugas Akhir ini. Tak
lupa shalawat serta salam kepada junjungan Nabi Besar Muhammad SAW dan para
sahabatNya yang telah membawa kita dari kegelapan kealam terang benderang yang
penuh ilmu pengetahuan.
Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada bantuan
dari berbagai pihak. Pada kesempatan yang baik ini, penulis ingin mengucapkan
terima kasih yang setulus-tulusnya kepada :
1. Bapak Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas MIPA Universitas
Sumatera Utara.
2. Bapak Dr. Saib Suwilo, M.Sc selaku Ketua Jurusan Program Studi D-3 Ilmu
Komputer.
3. Bapak Drs. Partano Siagian, M.Sc selaku Dosen Pembimbing Tugas Akhir
Program Studi D-3 Ilmu Komputer Fakultas MIPA Universitas Sumatera
Utara yang telah memberikan bimbingan dan arahan selama ini kepada penulis
dalam penyelesaian tugas akhir.
4. Seluruh Staf Pengajar Program Studi D-3 Ilmu Komputer Faklutas MIPA
Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya
5. Bapak Drs.H. Khoiruddin Hsb, M.Pd yang telah memberikan izin kepada
penulis melakukan riset di SMA Swasta ERIA dan tak lupa pula kepada
Drs.As’ari yang terus memotivasi penulis.
6. Teristimewa kepaa orang tua penulis Arman dan Ramlani, serta kakak saya
Sari Armiga, adik saya Tri Yudha Armiga serta Selvia Ulvah yang selalu
mendoakan saya dalam menyelesaikan tugas akhir ini.
7. Juga buat teman-teman sejati saya yang selalu membantu dalam suka dan duka
Reza, Ikram, Yudi, Puput yang telah membantu menyelesaikan laporan ini.
8. Pihak-pihak yang telah banyak membantu penulis, yang tidak dapat penulis
sebutkan namanya satu-persatu.
Selama penulisan tugas akhir ini, penulis menyadari akan kesalahan yang
mungkin terjadi, baik itu dari segi teknik tata penyajian ataupun dari segi tata bahasa.
Oleh karena itu penulis bersedia menerima kritik dan saran dari pembaca dalam upaya
perbaikan tugas akhir ini.
Akhir kata, Penulis berharap semoga Tugas Akhir ini bermanfaat bagi
siapapun yang membacanya. Semoga Allah SWT senantiasa memberikan rahmat dan
hidayah kepada kita semua. Amin.
Medan, Juni 2010
Penulis
ABSTRAK
Perancangan Sistem Informasi Menggunakan PHP dan MySql pada SMA Swasta
ERIA Medan ini bertujuan untuk mempermudah proses pencarian data dan informasi
untuk seluruh masyarakat yang mengalami kesulitan dalam memperoleh data
mengenai aktivitas akademik disekolah tersebut. Fasilitas-fasilitas yang terdapat
dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil agenda
kegiatan, dan data-data yang berguna untuk kelangsungan penyebaran informasi
tentang sekolah. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan
adalah PHP ( terdiri dari apache server dan MySQL ) sebagai bahasa pemrograman
dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak vi
Daftar Isi vii
Daftar Tabel x
Daftar Gambar xi
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
1.2 Rumusan masalah 2
1.3 Tujuan Penelitian 2
1.4 Kontribusi Penelitian 3
1.5 Kajian Pustaka 3
1.6 Metodologi Penelitian 4
1.7 Lokasi dan Waktu Penelitian 5
1.7 Sistematika Penulisan 5
BAB 2 LANDASAN TEORI
2.1 Pengertian Komputer 7
2.2 Pengertian Internet 8
2.3 Network 10
2.4 Web Server 10
2.5 Pengenalan HTML 11
2.5.1 Bagian-bagian HTML 12
2.5.2 Referensi HTML 13
2.6 Bahasa Pemrograman PHP 13
2.6.1 Sejarah PHP 14
2.6.3 Contoh Pemrograman dengan menggunakan PHP 17
2.6.4 Proses Eksekusi Kode PHP 18
2.6.5 Variabel pada PHP 19
2.6.6 Operator pada PHP 21
2.6.7 Integrasi PHP dengan Database 23
2.7 Database MySQL 25
2.7.1 Pengembangan MySQL 26
2.7.2 Perintah Dasar MySQL 27
2.7.3 Keistimewaan MySQL 28
2.8 Macromedia Dreamweaver8 29
2.8.1 Memulai Dreamweaver 8 30
2.8.2 Area Kerja pada Dreamweaver 8 31
2.8.3 Menu Bar Area Kerja 32
2.9 Flowchart (Diagram Alir) 33
BAB 3 SEKILAS TENTANG SMA SWASTA ERIA MEDAN
3.1 Profil Sekolah 36
3.2 Struktur Organisasi 37
3.3 Uraian Tugas dan Fungsi Organisasi 38
3.3.1 Kepala Sekolah 38
3.3.2 Wakil Kepala Sekolah 38
3.3.3 Guru 38
3.3.4 Wali kelas 39
3.3.5 Bidang Kurikulum 39
3.3.6 Pustakawan Sekolah 39
3.3.7 Pengelola Laboratorium 40
3.3.8 Kepala Tata Usaha 40
3.4 Visi dan Misi Sekolah 40
3.4.1 Visi Sekolah 40
BAB 4 PERANCANGAN SISTEM
4.1 Analisis 42
4.2 Perencanaan dan Perancangan Sistem 42
4.3 Perancangan Data Flow Diagram (DFD) 44
4.4 Mendesain Layout/Header 48
4.5 Mempersiapkan Database Server 49
4.6 Membangun Halaman Website 51
BAB 5 IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem 55
5.2 Tujuan Implementasi Sistem 55
5.3 Spesifikasi sistem 56
5.4 Instalasi Apache, PHP, dan MySQL 56
5.4.1 Mengkonfigurasi Apache, MySQL, dan PHP 57
5.4.2 Menjalankan Apache,MySQL dan PHP 59
5.5 Pengujian website di Browser 62
5.6 Melakukan Upload file dan database 62
5.6.1 Proses Upload File 63
5.6.2 Proses Upload Database 63
BAB 6 KESIMPULAN DAN SARAN
6.1 Kesimpulan 65
6.2 Saran 66
DAFTAR PUSTAKA 67
DAFTAR TABEL
Halaman
1. Tabel 2.1 Operator Aritmatika pada PHP 21
2. Tabel 2.2 Operator Perbandingan pada PHP 21
3. Tabel 2.3 Operator Logika pada PHP 22
4. Tabel 2.4 Daftar Database-Database yang Didukung PHP 23
5. Tabel 2.5 Simbol-Simbol pada Flowchart 33
6. Tabel 4.1 berita 48
7. Tabel 4.2 buku_tamu 48
8. Tabel 4.3 ekskul 49
9. Tabel 4.4 fasilitas 49
10. Tabel 4.5 guru 49
11. Tabel 4.6 pegawai 49
DAFTAR GAMBAR
Halaman
1. Gambar 2.1 hasil program dengan menggunakn php 18
2. Gambar 2.2 proses eksekusi kode php 18
3. Gambar 2.3 Tampilan Area Kerja Dreamweaver 31
4. Gambar 3.1 Struktur Organisasi SMA Swasta ERIA Medan 37
5. Gambar 4.1 Tampilan Flowchart Menu Utama 45
6. Gambar 4.2 Tampilan Flowchart Menu Utama pada bagian atas 46
7. Gambar 4.3 Tampilan Flowchart Buku Tamu 46
8. Gambar 4.4 Layout/Header Website Yang Dibentuk Dengan Photoshop 47
9. Gambar 4.5 Tampilan Macromedia Dreamweaver 8 53
10. Gambar 5.1 Uji Apache 60
11. Gambar 5.2 Uji PHP 61
12. Gambar 5.3 Uji MySQL 61
ABSTRAK
Perancangan Sistem Informasi Menggunakan PHP dan MySql pada SMA Swasta
ERIA Medan ini bertujuan untuk mempermudah proses pencarian data dan informasi
untuk seluruh masyarakat yang mengalami kesulitan dalam memperoleh data
mengenai aktivitas akademik disekolah tersebut. Fasilitas-fasilitas yang terdapat
dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil agenda
kegiatan, dan data-data yang berguna untuk kelangsungan penyebaran informasi
tentang sekolah. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan
adalah PHP ( terdiri dari apache server dan MySQL ) sebagai bahasa pemrograman
dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor
BAB 1 PENDAHULUAN
1.1Latar Belakang
Dewasa ini perkembangan teknologi informasi dan teknologi komputer berkembang
dengan sangat pesat. Kebutuhan akan itu pun semakin diminati oleh semua kalangan
masyarakat, baik masyarakat awam maupun kaum intelektual. Hal ini berkaitan
dengan kegiatan-kegiatan yang dilakukan oleh manusia yang biasanya dilakukan
secara manual dan tradisional akan semakin lebih cepat dan tepat jika dilakukan
dengan bantuan mesin yaitu teknologi komputer. Dengan pemanfaatan teknologi
komputer tersebut juga dapat menghemat segala sesuatu, baik itu tenaga, waktu
maupun biaya, sehingga pengeluaran untuk itu dapat ditekan seminimal mungkin.
Dokumentasi nilai akademis sangat penting bagi pihak sekolah maupun pihak
siswa dan orang tua. Aplikasi yang berbasis web ini dapat digunakan oleh pihak
sekolah dan tentunya juga dapat di akses oleh orang tua siswa. Hal itu dibuat agar
pegawai sekolah atau guru yang ingin melakukan pengolahan nilai dan pencatatan
data akademik dapat dengan mudah melakukannya. Keuntungan di pihak orang tua
yaitu orang tua dapat memonitor langsung kegiatan anaknya di sekolah dan dapat
melihat langsung hasil yang di dapat anaknya selama melakukan kegiatan belajar di
Melihat hal itu penulis ingin membuat suatu aplikasi yang dapat melakukan
penanganan data-data yang akan diolah ke dalam sebuah pangkalan data dan
merancang suatu website sebagai antarmuka yang dapat membantu
kerumitan-kerumitan yang dialami selama ini dan juga menjadi sebagai bahan penulisan tugas
akhir dengan judul :
“PERANCANGAN SISTEM INFORMASI PADA SMA SWASTA ERIA
MEDAN MENGGUNAKAN PHP DAN MYSQL”
1.2 Rumusan Masalah
Untuk memudahkan penelitian agar tidak menyimpang dari tujuan awal, maka
dilakukan pembatasan masalah-masalah sebagai berikut :
1. Penelitian dilakukan di SMA Swasta ERIA Medan.
2. Data yang dikelola adalah data nilai dan dokumen-dokumen sekolah yang
berkaitan dengan kegiatan akademik, dan juga di cantumkan beberapa data
pegawai dan guru yang terlibat dalam kegiatan akademik.
1.3 Tujuan Penelitian
Tujuan dari penelitian adalah membuat aplikasi berbasis web yang mengolah data
1.4 Kontribusi Penelitian
Kontribusi yang diambil yaitu dirancang untuk membentuk suatu Web dinamis yang
artinya halaman akan ditampilkan saat halaman itu diminta oleh pengguna/klien.
Maka diharapkan dapat menjadi nilai tambah dan bermanfaat bagi instansi yang
bergerak di bidang pendidikan.
1.5 Kajian Pustaka
Aplikasi Web atau bisa disebut juga dengan perangkat lunak berbasis Web telah
berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan
dan kompleksitasnya.Aplikasi web pada mulanya hanya berupa situs Web yang
bersifat statis dan navigated oriented, serta lebih banyak digunakan sebagai brosur
produk atau profil perusahaan online. Pada saat ini aplikasi Web telah banyak yang
bersifat dinamis, interaktif dan task oriented untuk digunakan dalam sistem informasi,
telekomunikasi, perdagangan, perbankan dan lain-lain.
PHP (Hypertext Preprocessor) merupakan bahasa server side script yaitu
bahasa berbentuk script yang terletak dan dieksekusi di server untuk kemudian
hasilnya (berupa kode HTML) dikembalikan ke browser pengguna/klien. PHP
dirancang untuk membentuk suatu Web yang bersifat dinamis yang artinya halaman
yang akan ditampilkan dibuat saat halaman itu diminta oleh pengguna/klien. Misalnya
dapat mengakses database dan menampilkannya di halaman Web dengan cepat dan
ada dan sifatnya yang open source (bebas pakai) memberikan kesempatan buat semua
user dan programmer untuk menggunakan dan mengembangkannya.
Aplikasi pembuatan web ini dibangun oleh sistem operasi Windows XP SP2
yang didukung oleh software Web Server Apache_2.2.3, web scripting PHP (PHP
5.0.2) dan MySQL 5.0.27. Selain itu, aplikasi web ini juga didukung bahasa
pemrograman web lainnya seperti HTML (Hypertext Markup Language), CSS
(Cascading Style Sheets) dan JavaScript serta menggunakan Website editor
Macromedia Dreamweaver 8 sebagai aplikasi perancangan layout.
1.6 Metodologi Penelitian
Metodologi penelitian yang digunakan penulis untuk menyelesaikan permasalah yang
terjadi di atas adalah :
1. Pengumpulan data yang erat kaitannya dengan permasalahan dengan cara
membaca buku-buku, makalah dan membaca bahan-bahan sumber lainnya di
perpustakaan USU.
2. Penelitian dilakukan secara langsung di SMA Swasta ERIA Medan untuk
mendapatkan data dimana penulis melakukan pengumpulan data dengan
cara:
a. Mengkopi langsung data yang ada.
b. Melakukan wawancara kepada kepala sekolah, guru dan pegawai SMA
Swasta ERIA Medan.
1.7 Lokasi dan Waktu Penelitian
Penelitian dilakukan di SMA Swasta ERIA Medan yang berlokasi di Jalan
Sisingamangaraja No.195 Medan. Adapun waktu dibutuhkan dalam mengadakan
penelitian ini yaitu mulai dari Bulan April sampai dengan Mei 2010.
1.8 Sistematika Penulisan
Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika
penulisan yang terdiri dari :
BAB 1 PENDAHULUAN
Bab ini merupakan Bab Pendahuluan dalam tugas akhir ini, penulis
membuat latar belakang masalah, rumusan masalah, tujuan penelitian,
kontribusi masalah, kajian pustaka, metode penelitian, jadwal
penelitian, dan data-data yang dibutuhkan.
BAB 2 TINJAUAN TEORITIS
Pada Bab ini penulis menjelaskan teori-teori singkat tentang hal-hal
yang berhubungan dengan judul dan bahsa pemograman MySQL yang
BAB 3 PERANCANGAN SISTEM
Pada bab ini menjelaskan dan diuraikan tentang pembuatan serta
perancangan sistem.
BAB 4 IMPLEMENTASI SISTEM
Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah
dalam implementasi sistem juga disertai dengan komponen-komponen
kebutuhan sistem.
BAB 5 KESIMPULAN DAN SARAN
Sebagai Bab terakhir penulis akan menguraikan beberapa kesimpulan
dari uraian bab sebelumnya dan akan berusaha memberikan saran yang
BAB 2
LANDASAN TEORI
2.1. Pengertian Komputer
Komputer berasal dari bahasa latin computare yang mengandung arti menghitung.
Karena luasnya bidang garapan ilmu komputer, para pakar dan peneliti sedikit berbeda
dalam mendefinisikan terminologi komputer.
Menurut V. Carl Hamacher, Zvonko G. Vranesic, Safwat G. Zaky, Computer
Organization (5th Edition. McGraw-Hill, 2001). Komputer adalah mesin penghitung
elektronik yang cepat dan dapat menerima informasi input digital, kemudian
memprosesnya sesuai dengan program yang tersimpan di memorinya, dan
menghasilkan output berupa informasi.
Menurut Robert H. Blissmer, Computer Annual, An Introduction to
Information Systems 1985-1986 (2nd Edition. John Wiley & Sons, 1985). Komputer
adalah suatu alat elektonik yang mampu melakukan beberapa tugas sebagai berikut:
1. Menerima input
2. Memproses input tersebut sesuai dengan programnya
3. Menyimpan perintah-perintah dan hasil dari pengolahan
Menurut William M. Fuori, Introduction to the Computer: The Tool of
Business (3rd Edition. Prentice Hall, 1981). Komputer adalah suatu pemroses data
yang dapat melakukan perhitungan besar secara cepat, termasuk perhitungan
aritmetika dan operasi logika, tanpa campur tangan dari manusia.
Dari berbagai pendapat di atas, maka dapat disimpulkan secara umum bahwa
komputer merupakan suatu peralatan elektronik yang dapat menerima input, mengolah
input dengan menggunakan suatu program yang tersimpan di memori komputer,
memberikan output yang berupa informasi dan dapat menyimpan program serta hasil
pengolahan dalam suatu media penyimpanan.
2.2. Pengertian Internet
Istilah Internet berasal dari singkatan dua suku kata yaitu, interconnected dan network.
Interconnected berarti hubungan yang sangat luas, sedangkan network berarti jaringan
kerja. Maka internet merupakan adalah sebuah sistem komunikasi global yang
menghubungkan komputer-komputer dan jaringan-jaringan komputer di seluruh
dunia. Komputer dan jaringan dengan berbagai platform yang mempunyai perbedaan
dan ciri khas masing-masing (Unix, Linux, Windows, Mac, dll) bertukar informasi
dengan sebuah protokol standar yang dikenal dengan nama TCP/IP (Transmission
Control Protocol/Internet Protocol).
Komputer yang dahulunya berdiri sendiri kini dapat berhubungan langsung
komputer-komputer lainnya di seluruh dunia. Jaringan ini tercipta melalui saluran
Agar komunikasi dapat terhubung serta dapat menggunakan fasilitas internet,
maka harus berlangganan ke salah satu ISP (Internet Service Provider) atau
penyelenggara layanan internet.
2.2.1. Fasilitas dalam Dunia Internet
Fasilitas-fasilitas yang tersedia dalam layanan internet antara lain :
1. www (World Wide Web) adalah layanan yang paling sering digunakan dan
memiliki perkembangan yang sangat cepat karena dengan layanan ini kita bisa
menerima informasi dalam berbagai format (multimedia). Informasi dalam
web disimpan ke bentuk dokumen yang disebut halaman web (web page).
Untuk dapat mengakses layanan www dari sebuah komputer digunakan
program web client yang disebut web browser atau browser saja. Jenis-jenis
browser yang sering digunakan adalah: Netscape Navigator/Comunicator,
Internet Explorer, Mozilla, dan lain sebagainya.
2. Search engine adalah salah satu fasilitas internet yang dijalankan melalui
browser untuk mencari informasi yang kita inginkan. Search engine
menampung database situs-situs dari seluruh dunia yang jumlahnya milyaran
halaman web, cukup dengan memasukkan kata kuncinya maka search engine
akan menampilkan beberapa link situs yang disertai dengan keterangan
singkat. Search engine yang sangat terkenal adalah Google, namun masih
banyak search engine lainnya seperti Altavista, MSN, Yahoo Search dan
sebagainya.
3. E-mail (Electronic Mail) merupakan aplikasi surat menyurat melalui Internet.
dalam sebuah file untuk pengalamatan yang berupa mailbox, sehingga
pengguna dapat membaca berita yang ditujukan kepadanya kapan saja. Namun
sebelum menggunakan fasilitas dalam e-mail, kita harus terlebih dahulu
terdaftar dan memiliki account di salah satu penyedia layanan e-mail seperti
Yahoo.
4. FTP (File Transfer Protocol) adalah suatu protokol yang digunakan untuk
melakukan pemindahan (transfer) baik upload atau download dari satu atau
lebih file (dokumen) antara sebuah komputer dan sembarang server FTP.
2.3. Network
Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah alat
atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi
membentuk satu sistem (Mico Pardosi, 2004). Dengan network, komputer yang satu
dapat menggunakan data di komputer lain, dapat mencetak laporan di printer ke
komputer lain, dapat memberi berita ke komputer lain walaupun berlainan area.
Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem
informasi dan menyalurkan arus informasi dari satu area ke area lain (Mico Pardosi,
2004)
2.4. Web Server
Web server adalah komputer yang mengirimkan halaman-halaman web (Mico Pardosi,
2004). Setiap web server mempunyai alamat IP dan nama. Komputer dapat dijadikan
internet. Terdapat banyak software server, baik yang gratis, seperti yang dibuat oleh
NCSA dan Apache maupun yang komersial, seperti yang dibuat oleh Microsoft dan
Netscape.
2.5. Pengenalan HTML
HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script di
mana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML
sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa
pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh
berbagai platform seperti : Windows, Linux, Macintosh. Kata “Markup Language“
pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML
dimana kita bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah
yang telah ditentukan pada elemen 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).
HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap
terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C.
Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi
2.5.1 Bagian-Bagian HTML
HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok
perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode
<form>, judul dengan <title> dan sebagainya. Untuk mengetahui lebih lanjut
mengenai bagian-bagian HTML perhatikan skema di bawah ini :
<html>
<head>
<title>…</title>
</head>
<body>
… isi dari halaman web …
</body>
</html>
Keterangan :
1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan
diakhiri dengan tanda tag penutup </html>.
2. Pada elemen head <head></head>, dapat kita sisipkan kode-kode untuk
menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan
kode-kode pemrograman web seperti JavaScript, VBScripts, atau CSS untuk
menambah daya tarik pada situs yang kita buat agar lebih menarik dan
dinamis.
3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode
tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah
kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar
bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS</tag-akhir>.
2.5.2 Referensi HTML
Berikut ini adalah referensi dalam dokumen HTML :
1. DOCTYPE
Penjelasan versi dari dokumen HTML tersebut yang ditulis pada bagian atas
pada editor-editor tertentu seperti Macromedia Dreamweaver 8 yang
menjelaskan tentang DTD (Document Type Definition).
2. Komentar
Menuliskan suatu komentar pada dokumen HTML seperti keterangan elemen
dan tag-tag dan lain-lain. Keterangan ini akan diabaikan oleh browser.
Contoh : <!-- Komentar Program Disini -->
2.6 Bahasa Pemrograman PHP
PHP merupakan singkatan dari Personal Home Page, sebelum akhirnya dipaksakan
menjadi singkatan rekursif dari PHP : Hypertext Preprocessor. Pertengahan tahun
1995 dirilis PHP/FI (FI adalah singkatan dari Form Interpreter) yang memiliki
kemampuan dasar membangun aplikasi web, memproses form dan mendukung
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.
PHP banyak dipakai untuk pemrograman website, walaupun tidak tertutup
kemungkinan untuk digunakan untuk pemakaian lain. PHP merupakan salah satu
bahasa server side scripting yang disisipkan di antara bahasa HTML untuk membuat
halaman web yang dinamis. Dan karena bahasa berbasis server side, maka PHP akan
dieksekusi di server, sehingga yang akan dikirimkan ke web browser adalah hasil
dalam bentuk HTML dan kode PHP tidak akan terlihat.
Salah satu fungsi PHP adalah untuk menerima, mengolah, dan menampilkan
data dari dan ke sebuah website. Data yang diterima akan diolah di sebuah program
database server dan kemudian hasilnya ditampilkan kembali ke layar web browser
sebuah website. Seorang pengguna internet tidak dapat melihat kode program yang
ditulis dalam PHP sehingga keamanan dari halaman web menjadi lebih terjamin.
2.6.1. Sejarah PHP
Pertama kali PHP dibuat dan diperkenalkan oleh Rasmus Lerdorf pada tahun 1995
menggunakan nama PHP/FI (Personal Home Page/Form Interpreter). Generasi awal
PHP/FI dibuat dari Perl yang waktu itu digunakan untuk kebutuhan pribadi saja. Pada
awalnya, PHP/FI merupakan bagian dari Personal Home Page Tools. Namun, karena
kebutuhan penggunaan web yang semakin kompleks maka dikembangkan PHP/FI
dengan menggunakan bahasa C. Rasmus menulis sejumlah besar fungsi untuk
pengaksesan ke dalam database. Penulisan itu juga bertujuan membangun halaman
Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut
kepada khalayak ramai dan menamakannya
dari PHP/FI masih Personal Home Page/Form Interpreter. Dengan pelepasan kode
sumber ini menjad
mengembangkan PHP. Setelah diberikan sebagai kode open source, PHP kemudian
dinamakan Hypertext Preprocessor.
Pada tahun 1997, dikeluarkan PHP/FI versi 2.0. Fungsi-fungsi pada PHP/FI
ditulis dengan menggunakan bahasa C. Karena telah memiliki fungsi khusus untuk
mengakses database maka, pada tahun yang sama, terdapat kurang lebih 50.000
domain yang menggunakan PHP/FI sebagai bahasa pemrograman untuk website, atau
sekitar 1% dari total domain yang ada pada waktu itu.
PHP 3 merupakan generasi baru hasil pengembangan PHP/FI. Banyak
developer yang terlibat di dalamnya. Tak heran jika PHP 3 dianggap sebagai tonggak
awal bagi terciptanya PHP versi sekarang ini. Secara resmi, peluncur PHP 3.0 ialah
Andi Gutmans dan Zeev Suraski pada tahun 1997. Mereka mengeluarkan PHP 3.0
karena melihat kelemahan PHP/FI yang digunakan dalam aplikasi e-commerce.
Kemudian, mereka menulisnya ulang dengan masih mengacu kepada PHP/FI.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak
dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun
aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang
penanganan input, menjadikan PHP 4 aman dari berbagai jenis bahasa pemrograman
berbasis web.
Pada Juni 2004, Zend merilis PHP 5.0. PHP versi 5 muncul untuk menangani
kelemahan-kelemahan yang terdapat pada versi sebelumnya. PHP versi 5 dapat
membuat file swf dan applet java. Fokus utamanya adalah mengoptimalkan
penggunaan PHP untuk OOP (Object Oriented Programming).
2.6.2 Kelebihan Bahasa Pemrograman PHP
Bahasa pemrograman PHP memiliki beberapa kelebihan antara lain :
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan
sebuah kompilasi dalam penggunaannya.
2. Web Server yang mendukung PHP dapat ditemukan di mana-mana dari mulai
IIS sampai dengan Apache, dengan konfigurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan
developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah
karena referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
serta juga dapat menjalankan perintah-perintah sistem.
2.6.3. Contoh Pemrograman dengan Menggunakan PHP
Untuk menjalankan program PHP ini, komputer harus telah memiliki sebuah sistem
yang telah terinstalasi dan terkonfigurasi dengan baik Apache Web Server, PHP, dan
database MySQL. Ketiganya adalah program open source yang tersedia secara gratis
di Internet dan dapat berjalan di berbagai platform (Windows maupun UNIX/Linux).
Program untuk menampilkan tulisan
menggunakan PHP adalah sebagai berikut :
<?php
echo (“<b>Hello World</b>”) ;
?>
Kode program tersebut dituliskan pada sebuah text editor serta disimpan dengan
ekstensi *.php (contoh : Hello.php) pada direkori C:\Program Files\Apache Software
Foundation\Apache2.2\htdocs\ kemudian hasilnya dapat dilihat melalui web browser
seperti Internet Explorer, arahkan alamat pada file fibo.php yang telah kita buat,
Gambar 2.1 Hasil Program dengan Menggunakan PHP
2.6.4. Proses Eksekusi Kode PHP
Proses eksekusi kode PHP yang disisipkan pada halaman HTML.
Dokumen*.php PHP Engine
Client Web Server Dokumen format
Web Server *.html, *.jpg, *.gif
*.png, *.pdf, *.swf Gambar 2.2 Proses Eksekusi Kode PHP
Berikut ini adalah cara menyisipkan kode PHP pada halaman HTML biasa :
<html>
<head><title></title>
</head>
<body>
<script language="php">
. . . . kode PHP . . . .
</script>
</body>
</html>
Cara yang lebih singkat adalah :
<?php
. . . . kode PHP . . . .
?>
Atau bisa juga :
<?
. . . . kode PHP . . . .
?>
Untuk membuat atau menambahkan komentar, standar penulisan adalah :
/*komentar*/ atau //komentar atau #komentar
2.6.5. Variabel pada PHP
Variabel dapat disebut sebagai sebuah tempat penyimpanan data bagi nilai numeris
maupun non numeris, agar dapat digunakan pada bagian lain dari script program PHP.
PHP mendukung berbagai jenis variabel yaitu:
a. Integer (bilangan bulat)
c. Boolean
d. Null (untuk variabel yang belum diset)
e. String
f. Array
g. Object
h. Resource
Jika menggunakan bahasa pemrograman C atau Pascal, maka kita harus
mendefinisikan variabel tiap elemen, namun pada PHP kita tidak perlu mendefinisikan
terlebih dahulu jenis variabel sebelum menggunakannya. PHP memiliki kepandaian
untuk membedakan jenis variabel secara otomatis berdasarkan konteks yang sedang
berlaku bagi variabel tersebut.
Setiap variabel dalam PHP selalu dimulai dengan tanda dolar ("$") dan harus
dimulai dengan huruf dan dapat diikuti oleh huruf dan angka. Dengan demikian,
$warpspeed, $impuls_speed, $LCAR dan $Dilithium1 adalah contoh penamaan
variabel PHP yang valid.
Setiap variabel dalam PHP peka terhadap perbedaan huruf kapital dan non
kapital, sehingga $subspace, $SubSpace, dan $SUBSPACE adalah tiga buah variabel
yang berbeda.
Operator merupakan suatu simbol yang dipakai untuk memanipulasi data, seperti
perkalian, penjumlahan, pengurangan dan pembagian serta penggunaan untuk operasi
lainnya. Operator pada PHP terdiri dari 7 macam, antara lain :
1. Operator Aritmatika
Operator aritmatika adalah operator yang digunakan untuk melakukan fungsi
matematika.
Operator Operasi Penggunaan
* Perkalian $a*$b
/ Pembagian $a/$b
% Modulus $a%$b
-- Pre/Post decrement --$b atau $b--
+ Penjumlahan $a+$b
- Pengurangan $a-$b
Tabel 2.1 Operator Aritmatika pada PHP
2. Operator Perbandingan
Operator perbandingan adalah operator yang digunakan untuk
membandingkan antara nilai satu dengan lainnya.
Operator Penggunaan Hasil Evaluasi Nilai Keterangan
> $a>$b true lebih besar daripada
<= $a <= $b false lebih kecil atau sama dengan
>= $a >= $b true lebih besar atau sama dengan
== $a== $b false sama dengan
!= $a != $b true tidak sama dengan
Tabel 2.2 Operator Perbandingan pada PHP
3. Operator Logika
Tabel berikut ini akan menunjukkan operator logika dalam PHP.
Operator Arti Ekspresi Hasil Evaluasi Nilai
&& AND $a == $c && $a > $b true
$a && $b < $b false
|| OR $a == $c || $a < $b true
$a > $c || $a < $b false
! NOT !$a false
Tabel 2.3 Operator Logika pada PHP
4. Operator Increment/Decrement
Pre/Post increment dan decrement masing-masing adalah penambahan dan
pengurangan satu. Apabila operator diletakkan sebelum variabel, misal ++$i
atau --$i maka nilai $i akan ditambahkan atau dikurangkan 1 sebelum
keseluruhan operasi dalam ekspresi dikerjakan dan sebaliknya apabila operator
diletakkan setelah variabel, misal $i++ atau $i-- maka nilai $i akan ditambah
atau dikurangi 1 setelah operasi dalam ekspresi dikerjakan.
5. Operator String
Hanya ada satu operator string, yaitu operator concatenation (.), contohnya :
<?php>
$a=”Halo”;
$b=$a .”Selamat Datang di PHP”;
//$b berisikan “Halo Selamat Datang di PHP”
6. Operator Bitwise
Operator bitwise dapat digunakan untuk membuat bit tertentu dari suatu
integer menjadi 1 atau 0.
7. Operator Ternary
Operator ternary merupakan model penyederhanaan dari bentuk if…else yang
setiap blok dari if dan else hanya satu perintah. Sehingga model ini cocok
untuk melakukan proses pengisian suatu hasil pengujian.
2.6.7. Integrasi PHP dengan Database
PHP yang digabungkan dengan database akan lebih berkekuatan jika digabungkan
dengan database yang reliabel, gratis dan mudah diinstalasi. Terdapat 2 jenis database
yang memenuhi yaitu MySQL dan PostgreSQL. Kedua jenis database ini
dipergunakan karena kinerja yang bagus dan, untuk mengaksesnya, PHP mempunyai
fungsi khusus. Berikut ini daftar database yang didukung oleh PHP sampai versi 5 :
No. Nama Database No. Nama Database
1. Adabas D 12. Direct MS-SQL
2. DBase 13. MySQL
3. Empress 14. ODBC
4. FilePro (read-only) 15. Oracle (OCI7 dan OCI8)
5. Hyperwave 16. Ovrimos
6. IBM DB2 17. PostgreSQL
7. Informix 18. SQLite
9. Interbase 20. Sybase
10. FrontBase 21. Velocis
11. MSQL 22. Unix dbm
Tabel 2.4 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 di antaranya adalah :
a. mysql_connect()
Fungsi mysql_connect adalah untuk menghubungkan PHP dengan database
MySQL. 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 penulisan
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.
int mysql_query(string query, int [link_identifier] );
d. mysql_num_rows
Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai
oleh proses SQL. 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.7. Database MySQL
MySQL adalah sebuah
dengan sekitar 6 juta instalasi di seluruh dunia.
tersedia sebagai
(GPL), tetapi mereka juga menjual di bawah lisensi komersial untuk kasus-kasus di
mana penggunaannya tidak cocok dengan penggunaan GPL.
Tidak sama dengan proyek-proyek seperti
dikembangkan oleh komunitas umum da
komersia
sumbernya.
2.7.1. Perkembangan MySQL
MySQL merupakan hasil buah pikiran dari Michael “Monty” Widenius,
mendirikan perusahaan bernama MySQL AB di Swedia. Tujuan awal ditulisnya
program ini adalah untuk mengembangkan aplikasi web yang akan digunakan oleh
salah satu klien MySQL AB.
MySQL versi 1.0 dirilis pada Mei 1996 dan penggunaannya hanya terbatas di
kalangan intern saja. Pada bulan Oktober 1996, MySQL versi 3.11.0 dirilis ke
masyarakat luas di bawah lisensi “Terbuka Tapi Terbatas”.
Barulah pada bulan Juni 2000, MySQL AB mengumumkan bahwa mulai
MySQL versi 3.23.19 diterapkan sebagai GPL (General Public License). Dengan
lisensi ini, maka “Siapa pun boleh melihat program aslinya dan menggunakan
program eksekusinya dengan cuma-cuma. Dan bila ingin memodifikasi pada program
aslinya, maka program modifikasi tersebut harus dilepas di bawah lisensi GPL juga”.
Hingga kini MySQL terus berkembang dengan berbagai penyempurnaan
sehingga dirilis MySQL versi 5.0.21 pada bulan Mei 2006, yang semula untuk
berupamysql dan mysqladmin). Saat ini dapat dirancang
sebuah database melalui modul berbasis graf
2.7.2. Perintah Dasar MySQL
Dalam menjalan MySQL diperlukan berbagai perintah untuk membuat suatu
database, berikut ini disebutkan beberapa perintah dasar dalam menggunakan
MySQL. Untuk menjalankan MySQL pertama kali cukup dengan mengetikkan mysql
pada Command Prompt.
Perintah-perintahnya adalah sebagai berikut :
1. Menampilkan database : SHOW DATABASE ;
2. Membuat database baru : CREATE DATABASE database ;
3. Memilih database yang akan digunakan : USE database ;
4. Menampilkan tabel : SHOW TABLE ;
5. Membuat tabel baru : CREATE TABLE tabel (field spesifikasi_field,...) ;
6. Menampilkan struktur tabel : SHOW COLUMNS FROM tabel atau
DESCRIBE tabel ;
7. Mengubah struktur tabel : ALTER TABLE tabel Jenis_Pengubahan ;
8. Mengisikan data : INSERT INTO tabel (kolom1,...) VALUES
(‘data_kolom1’,...); atau INSERT INTO tabel SET kolom1 =
‘data_kolom1’,...;
9. Menampilkan data : SELECT kolom FROM tabel WHERE kriteria ORDER
BY kolom atau SELECT * FROM tabel ;
10. Mengubah data : UPDATE tabel SET kolom = pengubahan_data WHERE
11. Menampilkan data dengan kriteria tertentu : SELECT kolom1,... FROM tabel
WHERE kriteria ;
12. Menghapus data : DELETE FROM tabel WHERE kriteria ;
13. Menghapus tabel : DROP tabel ;
14. Menghapus database : DROP database ;
15. Keluar dari MySQL : QUIT atau EXIT
2.7.3 Keistimewaan MySQL
Sebagai database server yang memiliki konsep database modem, MySQL banyak
memiliki keistimewaan. Berikut ini diantaranya :
a. Portability
MySQL dapat berjalan stabil pada berbagai sistem operasi diantaranya
seperti : Linux FreeBSD. Mac OS X server, Solaris, Amiga, HP-UX dan
masih banyak lagi.
b. Open Source
MySQL didistribusikan secara open source dibawah lisensi GPL sehingga
dapat dipergunakan secara cuma-cuma.
c. Multiuser
MySQL dapat digunakan oieh beberapa user dalam waktu yang bersamaan
tanpa banyak masalah atau konHik. Ha! ini memungkinkan sebuah database
d. Perfomance Tuning
MySQL memiliki kecepatan yang menkjubkan dalam menangani query
sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan
waktu.
e. Column Types
MySQL memiiiki banyak kolom yang sangat kompieks, seperti :
signed/unsigned integer, float, double, char, varchar, text, blob, date, time,
datetime, timestamp, year, set serta enum..
f. Command dan Functions
MySQL memiliki operator dan fungsi secara penuh yang mendukung
perintah SELECT dan WHERE dalam query.
(Divisi Penelitian dan Pengembangan MADCOMS-MADSUN, 2004).
2.8. Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain
secara visual dan mengelola website maupun halaman web. Macromedia
Dreamweaver adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini,
pihak Macromedia telah mengeluarkan versi terbaru dari Dreamweaver yaitu
Dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan lebih
baik, serta mampu menggabungkan layout site dengan programming webnya.
Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh
Web Desainer maupun Web Programmer guna mengembangkan website. Ruang
kerja, fasilitas, dan kemampuan Dreamweaver mampu meningkatkan produktivitas
dan efektivitas dalam desain maupun membangun sebuah website.
2.8.1. Memulai Dreamweaver 8
Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia
Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih
All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik
Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver
setelah penginstalan, kita akan mendapatkan tampilan kotak dialog yang menanyakan
pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya kita gunakan ruang
kerja desainer.
2.8.2. Area Kerja pada Dreamweaver 8
Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :
1. Document Window berfungsi untuk menampilkan dokumen di mana Anda
sekarang bekerja.
2. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada
Dreamweaver.
3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam
objek seperti hyperlink, image/gambar, tabel, dan lain-lain.
4. Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang
sedang kita gunakan.
5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu
sama lain, yang dikelompokkan di bawah satu judul untuk membantu bekerja
dengan Dreamweaver.
6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada
di area kerja.
7. Properti Inspector digunakan untuk melihat dan mengubah berbagai properti dari
tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang
berbeda-beda.
2.8.3. Menu Bar Area Kerja
Di dalam area kerja Dreamweaver 8 terdapat beberapa menu utama yang sangat
sederhana dan mudah untuk dipahami. Pada Menu Bar Area Kerja Dreamweaver 8
1. Menu File, Menu File terdiri dari perintah untuk membuat dokumen baru,
membuka dokumen yang telah disimpan, dan lain-lain.
2. Menu Edit, Menu Edit terdiri dari perintah untuk mencopy, memindahkan,
serta perintah untuk pemilihan seperti Select All, dan lain-lain.
3. Menu View, Berisi perintah untuk menampilkan beberapa macam tampilan
jendela dari area kerja Dreamweaver. Seperti jendela Code dan View, serta
untuk menampilkan dan menyembunyikan beberapa elemen halaman dan
toolbar.
4. Menu Insert, Berisikan alternatif baris insert untuk menyisipkan obyek
didalam dokumen.
5. Menu Modify, Berfungsi untuk melakukan perubahan properti pada item atau
halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut
tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item
library dan template.
6. Menu Text, Berfungsi untuk mempermudah dalam melakukan format teks.
7. Menu Commands, Berisi akses ke beberapa perintah, format kode yang sesuai
dengan format pilihan kita, membuat photo album, dan melakukan pengeditan
gambar dengan menggunakan Macromedia Fireworks.
8. Menu Site, Berisi item untuk mengelola situs seperti mendefinisikan situs
baru, menghapus situs, menduplikasikan situs yang telah didefinisikan.
9. Menu Window, Menyediakan akses ke seluruh panel, inspector, dan jendela di
dalam Dreamweaver.
10. Menu Help, Menyediakan fasilitas membantu kita dalam menggunakan
2.9. Flowchart (Diagram Alir)
Sistem flowchart merupakan bagan yang menunjukkan arus pekerjaan secara
keseluruhan dari sistem. Bagan ini menjelaskan urutan-urutan dari prosedur-prosedur
yang ada di dalam sistem dengan menggunakan simbol-simbol.
Simbol-simbol yang terdapat dalam sistem flowchart adalah :
Simbol Kegunaan
Terminal point symbol
Simbol titik terminal digunakan untuk awal dan akhir suatu proses
Input/Output symbol
Simbol input/output digunakan untuk mewakili data input/output
Process symbol
Simbol proses digunakan untuk menunjukkan pengeluaran yang dilakukan oleh komputer
Predefined process symbol
Simbol proses definisi digunakan untuk menunjukkan suatu operasi yang rinciannya
ditunjukkan di tempat lain
Connector symbol
Simbol penghubung digunakan untuk menunjukkan sambungan dari bagan alir yang terputus di
halaman yang masih sama
Off line connector symbol
Simbol pemutus hubungan digunakan untuk masuk dan keluarnya suatu prosedur pada lembar kertas
Magnetic disk symbol
Simbol magnetic digunakan untuk menunjukkan database yang dipakai dalam program
Decission symbol
Simbol keputusan digunakan untuk suatu penyeleksian kondisi di dalam program
Preparation symbol
Simbol persiapan digunakan untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat
pengolahan di dalam storage
Document symbol
Simbol dokumen merupakan simbol untuk menunjukkan data yang berbentuk kertas maupun
informasi
Line connector
Arus/flow dari prosedur yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri ke
kanan dan sebaliknya.
BAB 3
SEKILAS TENTANG SMA SWASTA ERIA MEDAN
3.1Profil
SMA Swasta ERIA Medan berada di Jalan Sisingamangaraja No.195 Medan. Sekolah
ini didirikan pada tanggal 19 Oktober 1960 Pada awal pendiriannya sekolah ini
bernama YAYASAN PENDIDIKAN DEMOCRATIC, tetapi kemudian berubah
menjadi SMA Swasta ERIA Medan. Seperti sekolah-sekolah lain pada umumnya
memiliki ruang kelas untuk kegiatan belajar mengajar siswa-siswanya serta dukungan
laboratorium untuk pelaksanaan praktikum. Untuk pelaksanaan kegiatan olah raga
sekolah ini sudah dilengkapi dengan lapangan basket, lapangan bulu tangkis, dan
peralatan tenis meja. Untuk mendukung kegiatan siswa dalam belajar terdapat
perpustakaan, laboratorium komput er, laboratorium bahasa dan laboratorium IPA
serta fasilitas lainnya untuk menunjang kegiatan belajar siswa dengan tidak
mengesampingkan moral dan ahlak siswa dengan adanya tempat ibadah seperti
mushola dan kegiatan-kegiatan keagamaan seperti pesantren kilat dan kebangkitan
3.2Struktur Organisasi
Gambar 3.1 Struktur Organisasi SMA Swasta ERIA Medan.
Kepala Sekolah
Drs.H. Khoiruddin Hsb
PKS Ur Kurikulum Drs. H. Daud Ja’far
PKS Ur Kesiswaan Dra. Mulyana Munir
S.Pd
BP/BK GURU
Siswa/i
Keterangan.
Garis Komando
Wakasek
3.3Uraian Tugas dan Fungsi Organisasi
3.3.1 Kepala Sekolah
Kepala Sekolah berfungsi dan bertugas sebagai edukator, manejer, administrator,
supervisor serta pemimpin/Leader inovator.
3.3.2 Wakil Kepala Sekolah
Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan:
1. Menyusun kurikulum
2. Mengatur segala program kesiswaan.
3. Merencanakan kebutuhan sarana dan prasarana.
4. Mengatur dan mengembangkan hubungan dengan masyarakat.
5. Mengatur dan mengawasi penyelenggaraan program pendidikan.
6. Mengatur mutasi siswa.
7. Menyusun program kegiatan ekstrakurikuler.
8. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.
3.3.3 Guru
Guru bertanggung jawab kepada Kepala Sekolah dan mempunyai tugas melaksanakan
3.3.4 Wali Kelas
Membantu Kepala Sekolah dalam kegiatan:
1. Pengelolaan kelas.
2. Penyelenggaraan administrasi kelas.
3. Pembuatan catatan khusus tentang siswa.
4. Penyusunan statistik bulanan siswa.
5. Penyusunan nilai siswa.
3.3.5 Guru Pembimbing dan Konseling.
Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan
pembimbingan dan konseling di sekolah.
3.3.6 Pustakawan Sekolah
Bertugas membantu Kepala Sekolah dalam kegiatan:
1. Perencanaan pengenalan buku-buku.
2. Pengurusan pelayanan perpustakaaan.
3. Perencanaan pengembangan perpustakaan.
3.3.7 Pengelola Laboratorium
Bertugas membantu Kepala Sekolah dalam kegiatan-kegiatan sebagai berikut:
1. Perencanaan dan pengadaan alat laboratorium.
2. Menyusun jadwal laboratorium.
3. Menyusun laporan pelaksanaan kegiatan laboratorium.
3.3.8 Kepala Tata Usaha
Kepala Tata Usaha mempunyai tugas melaksanakan ketatausahaan sekolah dan
bertanggung jawab kepada Kepala Sekolah dalam kegiatan-kegiatan sebagai berikut:
1. Penyusunan program kerja tata usaha sekolah.
2. Pengolahan keuangan sekolah.
3. Penyusunan administrasi perlengkapan sekolah.
4. Penyusunan laporan pelaksanaan kegiatan pengurusan ketatausahaan secara
umum.
3.4Visi dan Misi
3.4.1 Visi Sekolah
Mencerdaskan Siswa dalam berbagai aspek ilmu,memiliki wawasan kedepan, tanggap
terhadap dinamika kehidupan yang didasarkan pada iman dan taqwa terhadap Tuhan
3.4.2 Misi Sekolah
1. Mendidik siswa cerdas, berwawasan serta berbudi pekerti yang luhur, bertaqwa,
beriman terhadap Tuhan Yang Maha Esa.
2. Mengantarkan anak pada proses persiapan Ujian Nasional.
3. Melatih dan membimbing siswa terampil berkomunikasi dalam bahasa inggris.
4. Mempersiapkan anak memasuki jenjang pendidikan tinggi.
5. Melaksanakan system pembelajaran yang relevan dengantujuan pendidikan
nasional sesuai kurikulum yang berlaku.
6. Melaksanakan kegiatan pembelajaran dan bimbingan secara efektif dan optimal
7. Melaksanakan aktivitas keagamaan secara rutin dalam upaya pembentukan watak
dan kepribadian
8. Mengadakan kerja sama dengan lembaga-lembaga terkait yang mendukung
BAB 4
PERANCANGAN SISTEM
4.1 Analisis
Sebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus
diperhatikan adalah tahap analisis.Tahap analisis merupakan tahap pemahaman
dengan perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir
data, kamus alir data dan enkripsi proses. Tahap analisis bertujuan untuk mengetahui
mekanisme sistem, proses –proses yang terlibat dalam sistem serta hubungan antara
proses tersebut.
4.2 Perencanaan dan Perancangan
Dalam membangun sebuah website diperlukan sebuah persiapan, perencanaan yang
baik, tujuan pembutan yang jelas dan percobaan yang lakukan secara berulang-ulang
karena hal ini menyangkut semua elemen yang membentuk website.
Sebelum membangun website, akan muncul beberapa pertanyaan seperti
berikut ini:
a. Website apa yang akan dibuat?
b. Siapa saja pengunjung yang diharapkan berkunjung ke website tersebut?
d. Apa target yang ingin dicapai dari pembuatan website tersebut?
Dengan menjawab pertanyaan-pertanyaan di atas, maka akan semakin
memperjelas dan mempermudah dalam membangun website karena dari sanalah
nantinya akan terbentuk fokus dalam membuat dan mengembangkan website tersebut
lebih lanjut.
Sesuai dengan website yang akan dibuat, maka jawaban untuk
pertanyaan-pertanyaan di atas sebagai berikut:
a. Website yang akan dibuat adalah website SMA Swasta ERIA Medan, yang
menyediakan segala informasi-informasi tentang sekolah tersebut.
b. Pengunjung dari website tersebut diharapkan adalah masyarakat luas yang ingin
tahu mengenai segala sesuatu tentang sekolah ini.
c. Aktivitas yang akan dijumpai di dalam website tersebut adalah pengunjung dapat
mengetahui segala informasi mengenai SMA Swasta ERIA Medan, membaca
pesan yang dikirimkan oleh pengunjung lain.
d. Target yang ingin dicapai dari website tersebut adalah pengunjung mendapatkan
segala informasi tentang SMA Swasta ERIA Medan dan berminat untuk
memasukkan keluarga atau anaknya ke SMA Swasta ERIA Medan.
Langkah selanjutnya adalah membuat garis besar dari website tersebut. Salah
tersebut. Aliran Informasi merupakan gambaran yang menampilkan struktur, hierarki
dan isi halaman per halaman.
4.3. Perancangan Data Flow Diagram (DFD)
Data Flow Diagram (DFD) merupakan diagram yang menggunkan notasi-notasi
(simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan
untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan
dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data
tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak,
1. Tampilan Flowchart Menu Utama
Gambar 4.1 Tampilan Flowchart Menu Utama
START
Tampilan Web
Pilih Link yang ada
Fasilitas
Pilih link yang ada
END
A
Pilih link yang ada
Pilih link yang ada
Pilih link yang ada
C
Pilih link yang ada
Gambar 4.2 Tampilan Flowchart Menu Utama pada bagian atas
START
Tampilan Web
Kalender Akademik
Siswa
Pilih link yang ada
END
G
Pilih link yang ada
Pilih link yang ada
I
J Z
Guru
Pegawai Roster
Pilih link yang ada H
TIDAK
TIDAK
TIDAK
2. Tampilan Flowchart Buku Tamu
Gambar 4.3 Tampilan Flowchart Buku Tamu
Dengan adanya aliran informasi ini, akan membantu dalam menggambarkan
isi dari setiap halaman dan link atau navigasi antara halaman-halaman didalam
website 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 aliran Informasi dalam membangun website ini dapat dilihat pada
gambar di bawah ini: D
Buka Halaman Tamu
Isi Buku Tamu
Simpan Simpan db
Buku Tamu
Data sudah disimpan
Home B
YA
4.4 Mendesain Layout/Header
Salah satu faktor agar website banyak dikunjungi para pengunjung adalah desain
layout yang bagus. Desain Layout dibentuk oleh gambar-gambar dan teks-teks yang
menarik. Adapun langkah-langkah yang penulis lakukan dalam mendesain layout
adalah sebagai berikut:
a. Membuat dokumen baru dengan ukuran panjang 750 pixel dan lebar 200 pixel.
Kemudian mengisi warna background dengan warna hijau.
b. Membuat layer baru dan mengisinya dengan ellipse tool (#000000) dan kemudian
memberikan gradient fill tool dengan warna hijau pada foreground color dan
warna hitam pada background color.
c. Dengan memanfaatkan tool-tool yang ada di Photoshop seperti rectangular
marquee tool, gradient fill tool, dan text tool dan dengan kreasi penulis, dibentuk
suatu layout/header seperti gambar berikut ini:
4.5 Mempersiapkan Database Server
Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut
nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik
penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman
website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program
MySQL.
Adapun database yang dibuat oleh penulis adalah database eria dengan
tabel-tabel sebagai berikut:
Tabel 4.1 berita
Field Jenis
id Varchar(3)
Judul Varchar(30)
isi text
tanggal date
Tabel 4.2 buku_tamu
Field Jenis
Nama Varchar(30) email Varchar(30) pesan text
Tabel 4.3 ekskul
Field Jenis
id Int(3)
Tabel 4.4 fasilitas
Field Jenis
id Int(3)
judul varchar(20) gambar Varchar(20) keterangan text
Tabel 4.5 guru
Field Jenis
nuptk varchar(20) nama varchar(50) ttl varchar(30)
jk varchar(10)
jbtn varchar(20)
bs varchar(30)
pt varchar(20)
almt text
hp varchar(20)
Tabel 4.6 pegawai
Field Jenis
nuptk varchar(20) nama varchar(50) ttl varchar(30)
jk varchar(10)
jbtn varchar(20) bdg varchar(30)
pt varchar(20)
almt text
Tabel 4.7 siswa
Field Jenis
nis varchar(40) nama varchar(30) lahir varchar(30)
jk varchar(10)
kelas varchar(8)
bs varchar(30)
not varchar(50)
almt text
4.6 Membangun Halaman Website
Adapun halaman - halaman yang dibangun oleh penulis adalah:
a. Halaman index.php, merupakan halaman yang pertama kali muncul pada saat
website dibuka. Halaman ini berisikan penjelasan tentang website dan link-link
menuju halaman berikutnya.
b. Halaman visi.php, merupakan halaman yang berisikan tentang visi misi SMA
Swasta ERIA Medan.
c. Halaman news_d.php, merupakan halaman yang berisikan kode php yang
d. Halaman ekstrakurikuler.php, merupakan halaman yang berisikan tentang segala
kegiatan non akademik yang bisa di lakukan oleh semua siswa SMA Swasta ERIA
sebagai pengembangan diri.
e. Halaman fasilitas.php, merupakan halaman yang berisikan tentang segala fasilitas
yang terdapat pada SMA Swasta ERIA yang bisa digunakan oleh semua siswa
sebagai praktek mata pelajaran yang bersangkutan.
f. Halaman bukutamu.php, merupakan halaman yang digunakan untuk tempat
penyampaian kritik dan saran yang membangun untuk SMA Swasta ERIA Medan.
g. Halaman guru.php, merupakan halaman yang berisikan tentang guru dan staff
pengajar SMA Swasta ERIA Medan.
h. Halaman pegawai.php, merupakan halaman yang berisikan tentang pegawai yang
bekerja di SMA Swasta ERIA SMA Swasta ERIA Medan
i. Halaman siswa.php, merupakan halaman yang berisikan tentang Siswa yang
terdaftar di SMA Swasta ERIA SMA Swasta ERIA Medan.
j. Halaman detail_guru.php, berisikan tentang informasi secara detail tentang guru
yang aktif di SMA Swasta ERIA Medan.
k. Halaman detail_pegawai.php, berisikan tentang informasi secara detail tentang
l. Halaman detail_siswa.php, berisikan tentang informasi secara detail tentang siswa
yang aktif di SMA Swasta ERIA Medan
Tahap-tahap yang dilakukan penulis dalam membangun halaman website
adalah sebagai berikut:
1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout
dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat
dilihat seperti gambar berikut ini:
Gambar 4.5 Tampilan Macromedia Dreamweaver 8
2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada
Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita
3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat
yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver..
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah prosedur-prosedur yang dilakukan dalam menyelesaikan
desain sistem yang telah disetujui seperti menginstall sistem, menguji sistem yang
dibuat dan memulai sistem baru atau sistem yang diperbaiki.
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 pemakai (user).
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat
5.3 Spesifikasi Sistem
Spesifikasi sistem untuk yang dianjurkan penulis untuk membuat dan menjalankan
aplikasi web ini di komputer lokal adalah sebagai berikut:
1. Komputer dengan processor Intel Pentium III, 667 MHz atau setara.
2. Memori RAM 128 MB atau lebih.
3. Kapasitas Hardisk minimal 10 GB.
4. Microsoft Windows 2000 service pack 4 atau XP Home.
5. Microsoft Windows XP Professional (lebih disarankan).
5.4 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu.
Adapun softwarenya dapat diperoleh dari situs
instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan
menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan
melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal
5.4.1 Mengkonfigurasi Apache, MySQL, dan PHP
1. Buka file httpd.conf yang berada di folder conf pada Apache. Kemudian
tambahkan file yang bercetak tebal berikut di akhir baris file httpd.conf :
…….
…….
…….
#<VirtualHost *:80>
# ServerAdmin webmaster@dummy-host.example.com
# DocumentRoot /www/docs/dummy-host.example.com
# ServerName dummy-host.example.com
# ErrorLog logs/dummy-host.example.com-error_log
# CustomLog logs/dummy-host.example.com-access_log
common
#</VirtualHost>
ScriptAlias /php/ "c:/php/"
AddType application/x-httpd-php .php
# For PHP 5
2. Buka file php.ini di folder C:\WINDOWS dengan menggunakan notepad dan
lakukan beberapa perubahan sebagai berikut:
………
………
………
; You should do your best to write your scripts so that they do not
require
; register_globals to be on; Using form variables as globals can easily
lead
; to possible security problems, if the code is not very well thought of.
register_globals = On
………
………
………
; Directory in which the loadable extensions (modules) reside.
extension_dir = "c:\PHP\ext"
…
…
;extension=php_filepro.dll
extension=php_gd2.dll (hilangkan tanda ; di depan kalimat) ;extension=php_gettext.dll
;extension=php_ifx.dll
;extension=php_interbase.dll
;extension=php_ldap.dll
;extension=php_mcrypt.dll
;extension=php_mhash.dll
;extension=php_mime_magic.dll
;extension=php_ming.dll
;extension=php_mssql.dll
;extension=php_msql.dll
extension=php_mysql.dll (hilangkan tanda ; di depan kalimat)
;extension=php_mysqli.dll
3. Mengatur MySQL dengan cara Klik Start > Programs > MySQL > MySQL Server
5.0 > MySQL Instance Config Wizard.
4. Pilih Standard Configuration, Klik Next sampai ke Security Options.
5. Konfigurasi Apache 2.0, MySQL 5.0 dan PHP 5.1.2 telah berhasil dan dapat
dipergunakan.
5.4.2 Menjalankan Apache, MySQL, dan PHP
Untuk Menjalankan ketiga software yang digunakan dapat dilakukan dengan cara