APLIKASI WEB DINAMIS DENGAN PHP PADA WEBSITE DINAS KESEHATAN PROVINSI SUMATERA UTARA
TUGAS AKHIR
SRI HARTATI LIMBONG 062406127
PROGRAM STUDI D3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2009
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
APLIKASI WEB DINAMIS DENGAN PHP PADA WEBSITE DINAS KESEHATAN PROVINSI SUMATERA UTARA
TUGAS AKHIR
Diajukan Untuk Melengkapi Tugas Dan Memenuhi syarat Mencapai Gelar Ahli Madya
SRI HARTATI LIMBONG 062406127
PROGRAM STUDI D3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2009
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
PERSETUJUAN
Judul
Kategori Nama Nomor Induk Mahasiswa Program Studi Departemen Fakultas
: APLIKASI WEB DINAMIS DENGAN PHP PADA WEBSITE DINAS KESEHATAN PROVINSI SUMATERA UTARA : TUGAS AKHIR : SRI HARTATI LIMBONG : 062406127 : D3 ILMU KOMPUTER : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan,
Komisi Pembimbing
:
Diketahui/Disetujui oleh Departemen Matematika FMIPA USU
Pembimbing,
Dr. Saib Suwilo, M.Sc NIP : 131796149
Drs. Suwarno Ariswoyo, M.Si NIP : 130810774
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
PERNYATAAN
APLIKASI WEB DINAMIS DENGAN PHP PADA WEBSITE DINAS KESEHATAN PROVINSI SUMATERA UTARA 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, Mei 2006
SRI HARTATI LIMBONG 062406127
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, atas segala kasih karunia dan berkat-Nya Tugas Akhir yang berjudul “Aplikasi Web Dinamis dengan PHP pada Website Dinas Kesehatan Provinsi Sumatera Utara Medan” telah berhasil diselesaikan dalam waktu yang telah ditetapkan. Pada kesempatan ini, penulis menyampaikan terima kasih kepada Drs. Suwarno Ariswoyo, M.Si selaku pembimbing pada penyelesaian tugas akhir ini yang telah memberikan panduan dan dengan penuh kepercayaan kepada saya untuk menyempurnakan kajian ini. Ucapan terima kasih juga saya sampaikan kepada Ketua Departemen Matematika Dr. Saib Suwilo, M.Sc. Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam (FMIPA) USU Dr. Eddy Marlianto, M.Sc. Kepala Dinas Kesehatan Provinsi Sumatera Utara Dr. Chandra Safei, S.Pog, Ka. Seksi Penyusunan Program & Pengembangan Institusi Litbangkes Sugiyanto, S.Sos, teman-teman kuliah D3 Ilmu Komputer 2006 yang selalu menemani dan mewarnai hari-hari penulis selama perkuliahan sampai penyusunan tugas akhir ini. Teristimewa kepada ayahanda dan ibunda tercinta yang telah memberikan segalanya kepada penulis dan juga kakak serta adek-adek tersayang yang selalu memberikan motivasi, dukungan dan penghiburan kepada penulis. Semoga Tuhan Yesus akan membalas dengan berkatNya kepada kita semua. Amin.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
ABSTRAK
Kajian ini bertujuan untuk membangun web dinamis pada Dinas Kesehatan Provinsi Sumatera Utara. Website ini dikembangkan dengan menggunakan perangkat lunak Phptriad yang terdiri dari PHP, Apache, MySql, Macromedia Dreamweaver 8, Macromedia flash 8 dan Adobe Photoshop 7. Website ini berisi tentang home, profil, berita, fasilitas Dinas Kesehatan Provinsi Sumatera Utara. Website ini bertujuan untuk memberikan informasi yang lengkap kepada masyarakat mengenai Dinas Kesehatan Provinsi Sumater Utara serta info-info mengenai kesehatan yang ada dalam masyarakat dan bagaimana cara mencegah hal tersebut agar tidak terjadi.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
DAFTAR ISI
Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar
ii iii iv v vi viii ix
Bab 1 Pendahuluan 1.1 Latar Belakang 1.2 Identifikasi Masalah 1.3 Maksud dan Tujuan 1.4 Ruang Lingkup Masalah 1.5 Metodologi Penelitian 1.6 Sistematika Penulisan
1 1 3 3 4 5 6
Bab 2 Landasan Teori 2.1 Pengertian Internet 2.2 Pengertian Komputer 2.2.1 Word Wide Web (www) 2.2.2 Web Dinamis 2.2.3 Syarat-syarat Web Dinamis 2.3 HTML (HyperText Markup Language ) 2.3.1 Elemen dan Tag HTML 2.3.2 Dasar-dasar HTML 2.4 Sejarah PHP 2.4.1 Keunggulan PHP 2.4.2 Struktur PHP 2.5 MYSQL 2.6 Apache 2.7 Macromedia Dreameaver
8 8 9 9 11 11 12 13 16 20 21 22 23 24 25
Bab 3 Profil Dinas Kesehatan Provinsi Sumatera Utara 3.1 Sejarah singkat Dinas Kesehatan Provinsi Sumatera Utara 3.2 Struktur Organisasi Kantor Dinas Kesehatan Provinsi Sumatera Utara 3.3 Visi dan Misi 3.3.1 Visi 3.3.2 Misi
26 26 28 30 30 31
Bab 4 Perancangan Sistem 4.1 Perencanaan dan Perancangan 4.2 Flowchart
32 32 33
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
4.3 ERD (Entity Relationship Diagram) 4.4 Mempersiapkan Database Server 4.5 Desain Situs
35 37 40
Bab 5 Implementasi Sistem 5.1 Pengertian Implementasi Sistem 5.2 Tujuan Implementasi Sistem 5.3 Komponen Utama dalam Implementasi Sistem 5.4 Spesifikasi Program 5.5 Instalasi Apache, PHP dan Mysql 5.5.1 Instalasi Phptriad 2.1.1 5.5.2 Menjalankan Phptriad 2.1.1 5.5.3 Membuat Database 5.6 Menguji di Browser 5.7 Melakukan Upload File dan Database 5.8 Mempromosikan Situs
42 42 42 43 45 46 47 49 50 51 55 56
Bab 6 Kesimpulan dan Saran 6.1 Kesimpulan 6.2 Saran
58 58 59
Daftar Pustaka LAMPIRAN
60
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
DAFTAR TABEL
Halaman Tabel 4.1 Tabel 4.2 Tabel 4.3 Tabel 4.4 Tabel 4.5 Tabel 4.6 Tabel 4.7
Tabel Admin Tabel Informasi Tabel Kategorri Inf Tabel Komentar Tabel Pegawai Tabel Rumah Sakit Tabel Tenaga
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
38 38 38 39 39 39 40
DAFTAR GAMBAR
Halaman
Gambar 3.1 Struktur Organisasi Dinas Kesehatan Provinsi Sumatera Utara Gambar 4.1 Flowchart rancangan aplikasi web (situs) Gambar 4.2 Flowchart Form Login Gambar 4.3 Halaman Index.php Gambar 4.4 Halaman Admin.php Gambar 4.5 Header Gambar 4.6 Tampilan Macromedia Dreamweaver Gambar 5.1 Ikon phptriad Gambar 5.2 Lisensi phptriad Gambar 5.3 Proses Ekstrak phptriad Gambar 5.4 Instalasi phptriad selesai Gambar 5.5 Apache sedang jalan Gambar 5.6 Pengujian Localhost Gambar 5.7 PhpMyAdmin Gambar 5.8 Halaman index.php Gambar 5.9 Halaman profil.php Gambar 5.10 Halaman berita.php Gambar 5.11 Halaman pegawai.php Gambar 5.12 Halaman fasilitas.php Gambar 5.13 Halaman komentar.php Gambar 5.14 Halaman admin.php
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
29 34 35 36 37 40 41 47 47 48 48 49 49 50 51 52 52 53 53 54 54
BAB 1
PENDAHULUAN
1.1
Latar Belakang
Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat meningkatkan keefisienan dan efektivitas dalam melakukan pekerjaan. Komputer bukan sekedar pengolah data dan gambar saja tetapi penggunaannya semakin meluas menjadi salah satu sarana komunikasi, media informasi dan edukasi.
Internet dengan aplikasinya pada dasarnya adalah media yang digunakan untuk mengefisienkan proses komunikasi. Untuk dapat memaksimalkam penggunaan internet, harus dapat kita tentukan dan artikan tentang kebutuhan komunikasi dari seseorang.
Salah satunya adalah web. Web merupakan salah satu sumber informasi yang banyak dipakai. Perkembangan aplikasi web yang semakin pesat terjadi seiring dengan munculnya teknologi internet. Berbagai aplikasi web dibuat dengan tujuan agar pemakai dapat berinteraksi dengan penyedia informasi dengan mudah dan cepat Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
melalui dunia internet. Aplikasi web tidak lagi terbatas sebagai pemberi informasi yang statis, melainkan juga mampu memberikan informasi yang berubah secara dinamis dengan cara melakukan koneksi terhadap database. PHP(PHP Hypertext Preprocessor) merupakan bahasa server side script yaitu bahasa 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. Misalkan dapat mengakses database dan menampilkannya di halaman web dengan cepat dan mudah. PHP juga dapat berinteraksi dengan hampir semua teknologi web yang telah ada dan sifatnya yang open source (bebas pakai) memberikan kesempatan untuk semua user dan programmer untuk menggunakan dan mengembangkannya. Sehubungan dengan kebutuhan untuk membangun aplikasi web yang bersifat dinamis dan penulis ingin menerapkan pengetahuan yang telah diperoleh selama mengikuti perkuliahan, maka penulis memutuskan untuk membuat suatu aplikasi web dengan judul:
“APLIKASI WEB DINAMIS DENGAN PHP PADA WEBSITE DINAS KESEHATAN PROVINSI SUMATERA UTARA MEDAN”
1.2
Identifikasi Masalah
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
Pada umumnya, setiap instansi/perusahaan tidak terlepas dari masalah dalam aktivitasnya untuk mencapai tujuan. Masalah yang akan dipecahkan adalah bagaimana Dinas Kesehatan Provinsi Sumatera Utara Medan dapat memanfaatkan web sebagai suatu sarana untuk menyajikan dan mengirimkan informasi dengan lebih cepat dan mudah bagi masyarakat umum dan kalangan Dinas Kesehatan Provinsi Sumatera Utara Medan itu sendiri.
Sehubungan dengan hal tersebut dapat dirumuskan permasalahan sebagai berikut. 1. Bagaimana pemanfaatan aplikasi web dalam penyebaran informasi mengenai Dinas Kesehatan Provinsi Sumatera Utara Medan 2. Bagaimana informasi mengenai Dinas Kesehatan Provinsi Sumatera Utara Medan dan berita serta artikel mengenai informasi kesehatan. 3. Bagaimana informasi pada aplikasi web dapat di-update (diperbaharui) dengan mudah pada waktu yang diinginkan.
1.3
Maksud dan Tujuan
Maksud penulisan Tugas Akhir ini adalah untuk merancang suatu aplikasi web yang dinamis yang dimanfaatkan untuk menyebarkan informasi yang baik dengan cepat dan mudah. Adapun tujuan dari penulisan Tugas Akhir ini adalah:
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
1. Sebagai persyaratan dalam menyelesaikan pendidikan pada Program Studi Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara Medan. 2. Membantu kinerja dari Dinas Kesehatan Provinsi Sumatera Utara Medan dalam menyebarkan dan menyediakan informasi bagi user/pengguna yang membutuhkan. 3. Untuk menunjukkan penggunaan dari PHP dalam membangun aplikasi web dinamis serta hubungannya dengan bahasa pemograman web dan aplikasi lainnya.
1.4
Ruang Lingkup Masalah
Tugas Akhir ini membahas pembuatan aplikasi web dinamis Dinas Kesehatan Provinsi Sumatera Utara Medan sebagai suatu website yang memberikan informasi mengenai Dinas Kesehatan Provinsi Sumatera Utara Medan dan segala hal yang berhubungan dengan kesehatan bagi user/pengguna baik dari segi kalangan masyarakat umum maupun dari kalangan Dinas Kesehatan Provinsi Sumatera Utara Medan itu sendiri yang membutuhkan informasi. Aplikasi web ini dibangun di bawah sistem operasi Windows XP yang mencakup aplikasi web server PHPTriad yang terdiri dari Apache, PHP dan MYSQL.
Aplikasi web ini juga didukung bahasa pemrograman web lainnya seperti HTML (HyperText Markup Language), CSS (Cascading Style Sheets) dan JavaScript serta menggunakan Macromedia Dreamweaver 8, Macromedia Flash 8 dan Adobe Photoshop CS.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
1.5
Metode Penelitian
Adapun metodologi penelitian yang digunakan penulis adalah:
a. Penelitian Kepustakaan (Library Research) Disini penulis menggunakan buku-buku yang berhubungan dengan masalah sehingga dapat membantu penyelesaian masalah.
b. Penelitian Lapangan (Field Research) Penelitian dilakukan langsung di Dinas Kesehatan Provinsi Sumatera Utara Medan untuk mendapatkan data dimana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada pihak-pihak yang terkait.
c. Wawancara (Interview) Penulis melakukan pertanyaan langsung kepada pihak-pihak yang terkait dan dianggap memiliki pengetahuan dan pengalaman yang berkaitan dengan masalah yang sedang diamati oleh penulis.
d. Pengamatan (Observasi) Penulis melakukan pengamatan langsung ke objek penelitian untuk mengamati secara dekat masalah yang sedang dihadapi dan melakukan pencatatan terhadap temuan secara khusus.
1.6
Sistematika Penulisan
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
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, Ruang Lingkup Masalah, Metode Penelitian dan Sistematika Penulisan.
BAB 2
: Landasan Teori Dalam bab ini penulis menguraikan beberapa hal yang berhubungan dengan aplikasi web dinamis yang ingin dibangun penulis yaitu pengertian internet, pengertian komputer, Word Wide Web, HTML (HyperText Markup Language), Web Dinamis, , HTML (Dynamic (HyperText Markup Language ), pengenalan PHP, MYSQL, Apache, dan Macromedia Dreamweaver.
BAB 3
: Gambaran Dinas Kesehatan Provinsi Sumatera Utara Dalam bab ini penulis menyajikan gambaran tentang Dinas Kesehatan Provinsi Sumatera Utara Medan yang terdiri dari profil, struktur organisasi, uraian tugas dan fungsi struktur organisasi, serta visi dan misi tentang Dinas Kesehatan Provinsi Sumatera Utara Medan.
BAB 4
: Perancangan Sistem Dalam bab ini penulis menguraikan tentang perancangan sistem yang dirancang
meliputi perancangan layout, perancangan website,
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
gambaran aplikasi web yang akan dibuat serta bagaimana algoritma aplikasi tersebut saat dijalankan.
BAB 5
: Implementasi Sistem
Dalam bab ini penulis menyajikan tentang pengertian Implementasi aplikasi, tujuan implementasi aplikasi serta spesifikasi aplikasi.
BAB 6
: Kesimpulan dan Saran
Dalam bab ini penulis menguraikan tentang kesimpulan dan saran
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
BAB 2
LANDASAN TEORI
2.1
Pengertian Internet
Internet (Interconnected Network) merupakan jaringan (nerwork) komputer yang terdiri dari ribuan jaringan komputer independent yang dihubungkan satu dengan yang lainnya. Internet bermula dari jaringan komputer kuno (ARPAnet) yang dibangun untuk memenuhi kebutuhan para peneliti di industri pertahanan di Amerika Serikat. Dalam tempo singkat jaringan ini berubah menjadi jaringan dari jaringan komputer, dimana jaringan dalam satu jaringan komputer dapat berkomunikasi dengan komputer dan pengguna lain dalam jaringan yang lain. Jadi, internet dapat juga dikatakan dengan sebuah jaringan komputer besar yang melibatkan berjuta bahkan bermilyaran komputer yang saling berkomunikasi.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
2.2
Pengertian Komputer
Komputer berasal dari bahasa Yunani “Compute” yang kemudian diartikan ke dalam bahasa Inggris “to compute” yang berarti menghitung. Tetapi komputer bisa juga diartikan ke dalam bahasa Indonesia yaitu mesin hitung.
Sejalan dengan perkembangan teknologi, para ahli memiliki defenisi tentang komputer. Menurut J.Longkutoy bahwa pengertian komputer adalah sebagai berikut:”Alat pengolah data atau alat pemecah persoalan yang mampu menghasilkan informasi, tetapi harus ditangani oleh orang-orang yang ahli dan mahir”. Pengertian komputer dengan kalkulator sangatlah berbeda. Oleh karena itu, compute jika di Indonesia menjadi komputer dengan mengganti huruf “c” menjadi “k”.
2.2.1 World Wide Web (www)
Web adalah ruang informasi internet dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang tersedia dalam dokumen web yang ditampilkan dalam browser web.
World Wide Web (www), lebih dikenal dengan web yang merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
Kini internet identik dengan web, karena web sebagai standard interface pada layanan yang ada di internet, dari awalnya sebagai penyedia informasi dan kini digunakan juga untuk komunikasi dari email dengan chatting.
Web pada awalnya adalah ruang informasi dalam internet dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang tersedia dalam dokumen web yang ditampilkan dalam browser web.
Kini web seakan lebih populer dari pada email walaupun secara statistik email masih lebih populer bagi umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interfacenya.
Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri informasi di internet. Selain itu, web telah di adopsi oleh perusahaan sebagai bagian dari strategi teknologi informasinya karena beberapa alasan antara lain: a. Akses informasi mudah b. Set-up server lebih mudah c. Informasi mudah didistribusikan d. Bebas platform: informasi dapat disajikan oleh browser web pada sistem operasi mana saja karena adanya standard dokumen berbagai tipe data yang dapat disajikan.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
2.2.2 Web Dinamis
Web dinamis adalah web yang menampilkan informasi serta dapat berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah.
2.2.3 Syarat-syarat Web Dinamis
Adapun syarat-syarat agar website selalu dinamis adalah:
1. Tersedianya Web Server Baik web statis ataupun dinamis, jika ingin bisa online di internet, maka syarat pertama haruslah memiliki server, baik berupa hardware maupun hardware maupun software. Untuk hardware yaitu seperangkat komputer yang selalu terhubung online dengan internet. Untuk software, selain operating system, harus disediakan juga software untuk web server itu sendiri. Untuk saat ini web server yang menjadi favorit adalah Apache.
2. Tersedianya Software Pemograman Web berbasis Server Jika ingin membuat web dinamis, berarti harus tersedia sebuah bahasa pemrograman web selain HTML, baik itu client side maupun server side. Untuk yang client side, memiliki kekurangan yaitu instruksi program bisa terlihat oleh pengguna internet. Sedangkan server side lebih aman karena Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
instruksi programnya tidak terlihat oleh user. Yang terlihat adalah seperti HTML biasa. Contoh bahasa pemograman web yang favorit adalah PHP.
3. Tersedianya Database Database merupakan software
yang digunakan untuk menyimpan dan
memanajemen data. Jika memiliki data yang sedikit, mungkin masih bisa memakai file biasa sebagai media penyimpanannya. Tapi jika datanya sudah sangat banyak, tanpa database akan sangat rumit. Database dapat menyimpan berjuta-juta data, dan dapat diakses dengan sangat cepat. Contoh database yang bisa dipakai untuk membuat web adalah Oracle, MsSQLServer, MySQl dan masih banyak lagi yang lain. Saat ini database yang menjadi favorit adalah MySQL.
2.3
HTML (Hyper Text Markup Language)
Dokumen HTML merupakan dokumen yang disajikan dalam browser web server. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Ada dua cara untuk membuat sebuab web page yaitu dengan HTML atau dengan teks editor biasa (misalnya notepad). Dokumen ini umumnya berisi informasi maupun interface aplikasi di dalam internet.
HTML merupakan bahasa pemrograman yang fleksibel diman kita dapat meletakkan script dari bahasa pemrograman lainnya seperti JAVA, C, Visual Basic Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
dan lain-lain. Karena HTML ini dibentuk dari suatu dokumen teks biasa maka HTML dapat dibaca oleh platform yang berlainan seperti Windows, Bios, Unix dan lainnya. HTML (Hyper Text Markup Language) merupakan suatu script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet, Hyper Text dalam HTML berarti bahwa kita dapat menuju ke suatu tempat, misalnya website atau homepage lain dengan cara memilih link yang diwakilkan oleh gambar atau tulisan.
Karena itu untuk bisa melakukan pemrograman aplikasi di atas website, terutama jika menggunakan pemrograman PHP dalam desain web, maka terlebih dahulu harus menguasai HTML (walaupun bahasa pemrograman PHP dapat berjalan tanpa disisipkan ke dalam tag-tag HTML). Kebanyakan dokumen dan aplikasi yang dapat berjalan di website browser umumnya memiliki format HTML.
2.3.1 Elemen dan Tag 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 yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag yang pertama menunjukkan tag awal dokumen HTML disusun oleh elemen-elemen. Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML.
Suatu elemen di dalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. Nama elemen ditunjukkan dengan nama tagnya. Ada Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut diantaranya adalah: a. Paragraf dengan tag
b. Ganti garis-line break dengan tag
c. Garis datar-horizontal rule dengan tag
d. List item dengan tag
Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag , dan berikut tag-tag pasangannya.
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 suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: _. Penulisan nama tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran. Tetapi untuk antisipasi pada standard 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.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut: ... informasi tentang dokumen HTML ... informasi yang ditampilkan dalam browser web
Dalam suatu dokumen hanya ada satu elemen HTML. Section atau elemen head ditandai dengan tag di awal, dan tag 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 windows browser, ditandai dengan menggunakan tag dan di akhiri dengan .
Setiap dokumen HTML harus diawali dengan menuliskan tag dan tag di akhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML.
Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
Section body merupakan elemen terbesar di dalam dokumen HTML. Elemen ini berisi dokumen yang akan ditampilkan pada browser meliputi paragraf, grafik, link, tabel dan sebagainya.
2.3.2 Dasar-Dasar HTML
Fungsi dari tag-tag HTML adalah memformat dokumen HTML, dimana tag-tag inilah yang berperan juga untuk memperindah halaman website. Walaupun tag-tag adalah standard dan wajib ada jika ingin menuliskan script HTML.
Contoh tag-tag yang sering digunakan dalam website ini adalah:
1. Tag Heading Tag Heading berfungsi untuk memformat heading (judul dan sub judul) dari sebuah halaman website. Jenis heading terdiri atas tujuh buah yaitu ... sampai dengan ... . ...
merupakan judul besar dan ...
sampai dengan ... merupakan sub judul.
2. Tag List Tag List ... digunakan untuk menampilkan informasi dalam bentuk daftar (List). Ada dua jenis daftar yang dikenal HTML, yaitu daftar dalam bullet dengan bentuk tag dan dalam bentuk ...
. Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
3. Link Hypelink adalah kemampuan website untuk dapat melompat ke halaman lain atau ke alamat lain yang dapat di klik untuk menuju ke suatu alamat atau ke alamat tertentu yang disebut hypertext. Tag ini membuat hypertext adalah hypertext .
4. Format Teks Untuk memformat teks dalam HTML dapat digunakan beberapa tag yaitu: a. ... untuk menebalkan teks b. ... untuk memiringkan teks c. ... untuk menggaris bawahi teks d. <S> ... untuk memberikan coretan pada teks 5. Tag Gambar Tag Gambar adalah tag untuk menampilkan gambar pada HTML yang berformat GIF atau JPG. Tag ini tidak mempunyai penutup seperti halnya tag lainnya, tetapi memiliki parameter yaitu SRC yang berfugsi untuk menemukan nama file gambar yang akan ditampilkan di browser.
6. Format Paragraf HTML memiliki beberapa format standard, yaitu: a. ... untuk membuat teks atau paragraf rata tengah b. ... untuk membuat teks atau paragraf rata kanan Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
c. ... untuk membuat teks atau paragraf rata kiri d.
untuk membuat satu pemisah paragraf e.
untuk membuat pemisah satu baris f.
untuk memberikan satu garis pemisah yang berkesan tiga dimensi
7. Tabel HTML Untuk menampilkan data dalam tabel pada HTML digunakan tag . Tag ini berisikan beberapa tag yaitu: a. ... | untuk menampilkan beberapa judul tabel yang biasanya terletak pada bagian atas atau paling kiri pada tabel. b. ...
untuk menentukan baris pada suatu tabel. c. ... | untuk menampilkan data pada setiap sel tabel. d. ... untuk menampilkan judul tabel yang terletak pada bagian luar tabel.
8. Form HTML Untuk mendeklarasikan sebuah form pada HTML digunakan tag . Di dalam tag ini didefenisikan elemen-elemen form seperti: a. Textbox yang berguna untuk menampilkan masukan berupa texbox yang mampu menerima masukan berupa string sebanyak satu baris. b. Textarea yang berguna untuk menampilkan masukan berupa texbox dan mampu menerima masukan berupa string lebih dari satu baris. c. Radio Botton yang berguna untuk menampilkan masukan berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan. Sri Hartati Limbong : Aplikasi Web Dinamis Dengan PHP Pada Website Dinas Kesehatan Provinsi Sumatera Utara, 2009.
d. Tombol yang berguna untuk menampilkan tombol SUBMIT untuk mengirim data kepemrosesan di server, RESET untuk mengulangi form. e. Checkbox yang berguna untuk menampilkan masukan berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan. f. Drop-Down Menu yang berguna untuk menampilkan masukan berupa pilihan dan pengguna dapat melihat semua pilihan dengan menekan drop-down menu. g. Frame HTML Frame HTML digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa bagian, dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Frame tidak memiliki tag . Sebagai penggantinya adalah tag