APLIKASI XML UNTUK PENYEDIAAN INFORMASI OBAT GENERIK BERBASIS WEB
APLIKASI XML UNTUK PENYEDIAAN INFORMASI OBAT GENERIK BERBASIS WEB S k r i p s i
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik
Jurusan Teknik Informatika
Disusun Oleh : Irene Inge Primawaty NIM : 005314049 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS SANATA DHARMA YOGYAKARTA 2007
THE XML APPLICATION FOR THE PROVISIONS OF GENERIC MEDICINE INFORMATION BASED ON WEB S k r i p s i
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik
Jurusan Teknik Informatika
Disusun Oleh : Irene Inge Primawaty NIM : 005314049 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS SANATA DHARMA YOGYAKARTA 2007
PERSEMBAHAN
My FATHER “Tuhan Yesus Kristus” cahayaMu tak henti-hentinya menerangi hati dan pikiran qoe hingga berhasil menyelasaikan tugas ini.Sang Mahadewi “Bunda Maria” atas rahmat, doa, dan kesabaranMu menjawab setiap permohonan.
Teruntuk Papa tercinta dan Mama tersayang yang selalu memberikan cinta, kasih sayang dan doa terbaiknya. Terima kasih.
Boeat adekku Andrew yang selalu menyayangiku.
Kekasih Hati ‘Michael T.S, S.Farm., Apt.’ cinta-moe anugerah terindah
Luv u koey…
Oma dan eyang di surga, makasih doanya, cy cinta kalian.MOTTO ‐NYA Janji
Kekuatan bagi yang mencari‐Nya,
Kelegaan bagi yang berjuang keras,
Cahaya terang di perjalanan hidup,
bagi yang membutuhkan. PertolonganKebahagiaan biasanya merupakan hasil dari sebuah pengorbanan Kejujuran adalah batu penjuru dari segala kesuksesan,
Pengakuan adalah motivasi terkuat.
Bahkan kritik dapat membangun rasa percaya diri saat "disisipkan" diantara pujian.
Ketika seseorang mencapai inti kehidupan maka ia akan menemukan
keindahan dalam semua hal bahkan dimata yang tidak melihat keindahan ituKATA PENGANTAR
Puji dan syukur kepada Tuhan Yang Maha Esa atas segala rahmat dan kasihnya, sehingga penulis dapat menyelesaikan tugas akhir ini dengan baik.
Tugas akhir ini merupakan salah satu syarat untuk memperoleh gelar Sarjana Teknik pada jurusan Teknik Informatika Fakultas Teknik Universitas Sanata Dharma.
Dalam kesempatan ini, penulis mengucapkan terima kasih kepada pihak yang telah membantu sehingga penulis dapat menyelesaikan tugas akhir ini. Dengan penuh rasa hormat, penulis mengucapkan terima kasih kepada :
1. Ibu A.M. Polina, S.Kom, M.Sc. selaku ketua jurusan Teknik Informatika Universitas Sanata Dharma Yogyakarta yang telah memberikan kesempatan dan fasilitas untuk menyelesaikan studi pada Jurusan Teknik Informatika. Dan selaku dosen pembimbing I yang memberikan bimbingan, perhatian, motivasi, nasehat, serta kemudahan dalam mengerjakan tugas akhir ini.
2. Bapak Budi Susanto, S.Kom, M.T. selaku dosen pembimbing II yang memberikan bimbingan, perhatian, dorongan, motivasi, nasehat, serta kemudahan dalam mengerjakan tugas akhir ini.
3. Staff Laboratorium (Pak Bele dan Mas Danang), terima kasih atas semua bantuannya dan udah mau direpotin.
4. Segenap dosen Teknik Informatika dan staff sekretariat Teknik Universitas Sanata Dharma, terima kasih atas pengajarannya dan bantuannya.
5. Papa, mama, dan ‘aba’ andrew yang senantiasa setia mendoakan dan mendukung. Cinta dan kasih kalian anugerah terbesar dalam hidupkoe.
6. Michael ‘KoekoeY’ makasih untuk cinta dan kesetiaanmu, juga dah mau sabar menunggu kelulusanku. Doa, nasehat, dan kesabaranmu menguatkanku. Engkau pemberian terindahNYA untukku. Luv u…
7. Voy bin Dewi makasih untuk semuanya, perhatian, kasih sayang, dukungan, doa dan nasehatnya. Yang ga’ pernah bosan dengerin curhatanku. Dirimu adalah sahabat dan sodara terbaikku. G B U.
8. Bapak, ibu, maz bayoe, dan maz wied, makasih udah jadi orangtua dan
9. De’wira yang dah nemenin kak kemana-nama, jadi tempat curhat yang baik. Juga de’iib, tina, geo, iyan, amoy, untuk kebersamaannya sewaktu gempa, seru abiiis!
10. Cah-cah ( Zod, Max, Usroxx, Genthonk, Pakde, Tengkleng, Agung ) Kalian mewarnai hari-hariku di yogya. Kangen banget dengan kalian semua. Nanda dan evy sukses terus untuk kalian !
11. ‘ade’Lia, maz babe, bunda, maz crist makasih dan jadi keluargaku di koz.
Makasih dah ngerawat sewaktu aq sakit. Juga untuk bantuan dan dukungan. Makasih…
12. Zita, ndari, cristin terimakasih atas semangat dan dukungannya. Inget ya kita pernah berjuang bersama. Dicky yang dah mau antar dan nungguin di kampus.
13. Kak non_jecky, kak inta, mivie, heny, vina, siska, merry makasih
14. ‘abang’, mami, puput, ticun, a’I makasih doanya, tunggu ya ochy pulang..
15. Semua teman – teman angkatan ’00 yang masih tersisa, tetep berjuang ya… kalian pasti bisa ! Penulis menyadari bahwa tugas akhir ini masih banyak kekurangannya dan masih memerlukan banyak perbaikan. Oleh sebab itu, penulis menerima kritik dan saran yang bersifat membangun untuk lebih sempurnanya tugas akhir ini. Atas kritik dan saran yang diberikan, penulis mengucapkan terima kasih. Harapan penulis, semoga tugas akhir ini dapat bermanfaat bagi semua pihak.
Yogyakarta, April 2007 Penulis
SURAT PERNYATAAN BUKTI KEASLIAN SKRIPSI
Dengan ini saya menyatakan bahwa skripsi ini adalah asli hasil karya saya dan tidak mengutip skripsi orang lain.
Demikian surat pernyataan ini saya buat dengan sebenar – benarnya.
Yogyakarta, April 2007 Irene Inge Primawaty
ABSTRAKSI
Pada era globalisasi saat ini, kemudahan untuk mendapatkan informasi menjadi prioritas utama bagi semua orang. Internet merupakan salah satu sumber informasi yang sudah populer di kalangan masyarakat luas dan dapat memberikan informasi yang up to date. Di lain pihak, kesehatan merupakan faktor penting dalam kehidupan. Apabila kesehatan terganggu dengan adanya suatu penyakit maka diperlukan obat untuk menyembuhkannya. Informasi obat merupakan hal penting bagi pihak-pihak yang berwewenang memberikan dan membuat obat, dalam hal ini pihak kesehatan maupun farmasi. Dengan adanya web yang memberikan informasi obat ini diharapkan dapat membantu bagi pihak farmasi dan kesehatan
Penyediaan informasi obat generik berbasis web ini diimplementasikan menggunakan format XML (Extensible MarkUp Language) untuk mendeskripsikan data. Sedangkan untuk merepresentasikan datanya digunakan CSS (Cascading Style Sheets). Database yang digunakan adalah MySQL. XML akan diolah dalam PHP berdasarkan data yang diambil dari MySQL sehingga dihasilkan dokumen XML. Pendeskripsian datanya cukup sekali saja, tetapi dapat digunakan untuk bermacam model presentasi data.
Hasil akhir yang diperoleh adalah sebuah sistem yang dapat melakukan proses pencarian data berdasarkan beberapa kategori kata. Dapat menampilkan data dalam format XML dengan tampilan data CSS dengan beberapa pilihan template. Informasi yang diberikan mengenai obat generik yang dilengkapi
ABSTRACT
In the globalisation at this time, the ease to get information to the main priority for everyone. The internet was one of the sources of information that has been popular in the social circle of the area and could give information that up to date. On the other hand, the health was the important factor in the life. If the health was disrupted with the existence of an illness then was needed medicine to cure him. Medicine information was the important matter for sides that have right gave and made medicine, in this case the health side and the pharmacy. With the existence web that gave this medicine information it was hoped could help for the pharmacy side and the health.
The provisions of generic medicine information based web this implementation used the XML format (Extensible MarkUp Language) to describe the data. Whereas to representation his data was used by CSS (Cascading Style Sheets). Database that was used was MySQL. XML will be processed in PHP was based on the data that was taken from MySQL so as to be produced the document presentation models of the data.
Results of the end that was received was a system that could do the process of the search for the data be based on some the category said. Could put forward the data in the XML format with browser the CSS data with several choices template. Information that was given about generic medicine that was supplemented with the indication, the contraindication, the side-effect, the package, and the dose.
DAFTAR ISI HALAMAN JUDUL
........................................................................................... i
HALAMAN JUDUL INGGRIS ......................................................................... ii HALAMAN PERSETUJUAN ............................................................................ iii HALAMAN PENGESAHAN
............................................................................. iv
HALAMAN PERSEMBAHAN ......................................................................... v HALAMAN MOTTO
......................................................................................... vi
KATA PENGANTAR ......................................................................................... vii SURAT PERNYATAAN BUKTI KEASLIAN SKRIPSI ............................... x ABSTRAKSI
........................................................................................................ xi
ABSTRACT ……………………………………………………………... xii DAFTAR ISI ...................................................................................................... xiii DAFTAR GAMBAR .......................................................................................... xix DAFTAR TABEL ............................................................................................. xxii
...............................................................................................
BAB I PENDAHULUAN
1.1 Latar Belakang ....................................................................................... 1
1.2 Rumusan Masalah .................................................................................. 2
1.3 Batasan Masalah .................................................................................... 2
1.4 Tujuan Penulisan.................................................................................... 3
1.5 Metodologi Penelitian ............................................................................ 4
1.6 Sistematika Penulisan ............................................................................ 5
BAB II LANDASAN TEORI
2.1 Internet ................................................................................................... 6
2.1.1 WWW (World Web Wide) ............................................................ 6
2.1.2 HTTP (Hyper Text Transfer Protocol) ......................................... 7
2.2 XML (eXtensible Markup Language).................................................... 7
2.2.1 Struktur Dasar XML ..................................................................... 8
2.2.2 Sintaks XML ................................................................................. 9
2.2.3 Keuntungan XML ......................................................................... 13
2.3 CSS (Cascading Style Sheet) ................................................................. 14
2.3.1 Perintah CSS ................................................................................. 14 .......................................................................................................
2.3.2 CSS pada XML ............................................................................. 15
2.4 PHP (Personal Home Page tools).......................................................... 17
2.4.1 Mengenal Variabel ........................................................................ 17
2.4.2 Tipe Data....................................................................................... 17
2.4.3 Escape Character.......................................................................... 18
2.4.4 Operator ........................................................................................ 18
2.4.5 Struktur Kendali ............................................................................ 19
2.4.5.1 If ... else ............................................................................ 19
2.4.5.2 Switch................................................................................ 20
2.4.5.3 Statement perulangan ........................................................ 20
2.4.5.3.1 While .................................................................. 20 2.4.5.3.2 do..while............................................................. 21
2.4.5.3.4 Foreach............................................................... 21
2.5.2 Query ke database ......................................................................... 26
3.2.3 DAD (Diagram Aliran Data)......................................................... 31
3.2.2 Pengguna Web .............................................................................. 30
3.2.1 Konsep Kerja Sistem..................................................................... 29
3.2 Perancangan Sistem ............................................................................... 29
3.1 Sistem Yang Dikembangkan.................................................................. 29
BAB III ANALISIS DAN PERANCANGAN SISTEM
2.6 Obat Generik .......................................................................................... 26
2.5.1 Akses Database pada PHP ............................................................ 26
2.4.5.4 Fungsi................................................................................ 22
2.5 MySQL................................................................................................... 25
2.4.6.2.5 Memodifikasi Record......................................... 25
2.4.6.2.3 Menambah Record ............................................. 24
2.4.6.2.2 Menampilkan Isi Tabel ...................................... 23
2.4.6.2.1 Mengirimkan Query ke Server........................... 23
2.4.6.2 Query ke Database ............................................................ 23 ...........................................................................................
2.4.6.1 Koneksi ke Database ......................................................... 22
2.4.6 Koneksi PHP dengan Database..................................................... 22
3.2.3.1 Konteks Diagram .............................................................. 31
3.2.3.3 DAD Level 0 Dan Level 1 ................................................ 33
3.2.3.4 Diagram Gabungan ........................................................... 35
3.2.4 Kamus Data................................................................................... 36
3.3 Perancangan Database ........................................................................... 45
3.3.1 Conceptual Database Design........................................................ 45
3.3.2 Logical Database Design.............................................................. 45
3.3.3 Physical Database Design ............................................................ 47
3.4 Perancangan Struktur XML ................................................................... 50
3.4.1 Definsi Root, Child dan Subchild.................................................. 50
3.5 Perancangan Antar Muka....................................................................... 54
3.5.1 Perancangan Antar Muka Untuk Administrator ........................... 54
3.5.1.1 Perancangan Login Administrator................................... 54
3.5.1.2 Perancangan Tampilan Menu Utama Administrator ....... 54
3.5.1.3 Perancangan Tampilan Menu Jenis Obat ........................ 55
3.5.1.4 Perancangan Menu Edit Data Jenis Obat ........................ 56
3.5.1.5 Perancangan Menu Tambah Jenis Obat........................... 57
3.5.1.6 Perancangan Menu SubJenis Obat .................................. 57
3.5.1.7 Perancangan Menu Edit Data SubJenis Obat .................. 58
3.5.1.8 Perancangan Menu Tambah SubJenis Obat .................... 59
3.5.1.9 Perancangan Menu Sub2Jenis Obat ................................ 59
3.5.1.10 Perancangan Menu Edit Data Sub2Jenis Obat ................ 60
3.5.1.11 Perancangan Menu Tambah Sub2Jenis Obat .................. 61
3.5.1.13 Perancangan Menu Tambah Obat.................................... 62
3.5.1.14 Perancangan Menu Edit Obat .......................................... 63
3.5.1.15 Perancangan Menu Edit Indikasi Obat ............................ 63
3.5.2 Perancangan Antar Muka Untuk User .......................................... 64
3.5.2.1 Perancangan Tampilan Awal........................................... 64
3.5.2.2 Perancangan Tampilan Menu Pencarian ......................... 64
3.5.2.3 Perancangan Menu Template .......................................... 65
3.5.2.4 Perancangan Menu Daftar Isi .......................................... 65
3.6 Analisis Kebutuhan Sistem .................................................................... 66
3.6.2 Kebutuhan Perangkat Keras (Hardware)...................................... 66
BAB IV IMPLEMENTASI SISTEM
4.1 Admin Area............................................................................................ 68
4.1.1 Form Login Administrator........................................................... 68
4.1.2 Form Utama Administrator ......................................................... 70
4.1.3 Form Jenis Obat........................................................................... 71
4.1.4 Form Tambah Jenis Obat............................................................. 72
4.1.5 Form Edit Jenis Obat ................................................................... 73
4.1.6 Form SubJenis Obat..................................................................... 75
4.1.7 Form Tambah SubJenis Obat ...................................................... 76
4.1.8 Form Edit SubJenis Obat............................................................. 78
4.1.9 Form Sub2Jenis Obat................................................................... 79
4.1.11 Form Edit Sub2Jenis Obat........................................................... 82
4.1.12 Form Obat.................................................................................... 83
4.1.13 Form Tambah Obat...................................................................... 84
4.1.14 Form Edit Obat ............................................................................ 86
4.1.15 Form Edit Indikasi Obat .............................................................. 86
4.1.16 Form Edit KontraIndikasi Obat ................................................... 88
4.1.17 Form Edit EfekSamping Obat ..................................................... 89
4.1.18 Form Edit BentukSediaan Obat................................................... 90
4.2 Browser Area ......................................................................................... 91
4.2.2 Form Pencarian............................................................................ 92
4.2.3 Form Daftar Isi ............................................................................ 93
4.2.4 Form Template ........................................................................... 94
BAB V ANALISA HASIL IMPLEMENTASI
5.1 Kelebihan Program dan Kekurangan Program ...................................... 98
5.2 Analisa Manfaat ..................................................................................... 98
5.3 Analisa Teknologi .................................................................................. 99
BAB VI KESIMPULAN DAN SARAN
6.1 Kesimpulan .......................................................................................... 100
6.2 Saran-saran........................................................................................... 100
BAB I PENDAHULUAN
1.1 Latar Belakang
Pada era perkembangan jaman seperti sekarang ini, mengakibatkan dunia informasi semakin berkembang dengan cepat. Mendapatkan informasi merupakan kebutuhan utama untuk setiap orang, maka diperlukan layanan informasi yang jelas, benar dan dapat dipercaya. Informasi dapat disajikan salah satunya adalah melalui teknologi internet yang merupakan salah satu sumber informasi yang sudah populer di kalangan masyarakat luas dan dapat memberikan informasi yang up to date. Untuk sekarang ini tidak sedikit informasi berbasis web untuk sarana publikasi sehingga dapat sebagai penelusuran yang lebih cepat dan efisien. User (pengguna) dapat mengakses informasi dengan cepat dan dengan ketepatan data yang akurat.
Kecepatan merupakan suatu hal yang diperhitungkan dalam internet saat ini. Kecepatan dan reabilitas pengiriman informasi dan layanan merupakan pengembangan secara cepat dari solusi perangkat lunak pendukungnya.
Teknologi internet menawarkan fleksibilitas, mengurangi waktu pengembangan dan meningkatkan efisiensi. XML(eXtensible Markup
Language
) menyediakan jawaban untuk keperluan ini. XML menyediakan format untuk mendeskripsikan data terstruktur. Sifat XML yang terbuka dan
extensible
memungkinkan untuk merepresentasikan semua kegunaan format yang berbeda dalam satu XML. Prinsip XML yang memisahkan data dengan sehingga dengan sekali pendeskripsian data dalam XML dapat digunakan untuk bermacam model presentasi data misalnya dengan CSS(Cascading Style
Sheet ).
Pada kesempatan ini, penulis mengambil kasus mengenai obat Generik. Dengan adanya aplikasi ini diharapkan dapat memberikan informasi mengenai obat yang dilengkapi dengan keterangan indikasi, kontraindikasi, efek samping, dosis, dan bentuk sediaan. Aplikasi ini disajikan dalam tampilan web
browser
yang dikhususkan untuk pihak farmasi dan kesehatan. Dengan memperhatikan hal-hal tersebut diatas, penulis tertarik untuk mengambil topik “Aplikasi XML Untuk Penyediaan Informasi Obat Generik Berbasis Web”.
1.2 Rumusan Masalah
Dari yang telah dijelaskan di atas, permasalahan dalam penulisan tugas akhir ini adalah “Bagaimana mengaplikasikan XML untuk penyediaan informasi obat generik, sehingga dalam sekali pendeskripsian data dapat digunakan untuk bermacam model presentasi data dalam hal ini menggunakan CSS?”
1.3 Batasan Masalah
Batasan masalah dalam penulisan tugas akhir ini adalah sebagai berikut :
1. Sistem yang dikembangkan dikhususkan pada kasus pemberian informasi obat, dosis obat, dan bentuk sediaan obat.
2. Pemisahan antara data dan penampilannya, sehingga hanya dengan satu kali mendefinisikan data dalam format dokumen XML dapat digunakan untuk beberapa tampilan yang berbeda dari dokumen XML yang sama.
3. Perangkat lunak PHP akan menghasilkan dokumen XML pada sisi server, dapat dipanggil di browser/client dalam tampilan format dokumen XML dengan presentasi tampilan CSS pada web browser.
4. XML hanya untuk menampilkan semua data saja, tidak untuk proses pencarian data. kategori kata kunci, tetapi untuk kata kunci yang terdiri dari dua suku kata, tidak bisa balik. Jika dibalik tidak bisa menghasilkan hasil pencarian.
1.4 Tujuan Penulisan
Tujuan dari penulisan tugas akhir ini adalah sebagai berikut:
1. Menerapkan aplikasi XML untuk penyediaan informasi obat generik, dalam hal ini cukup dengan sekali pendeskripsian data dapat digunakan untuk bermacam model presentasi data.
2. Membantu masyarakat khususnya pihak farmasi dan kesehatan untuk mendapatkan informasi obat Generik mengenai keterangan indikasi, kontra indikasi, efek samping, dosis, dan bentuk sediaan atas suatu obat generik
3. Sebagai salah satu syarat administratif, untuk memperoleh gelar kesarjanaan S1 di Fakultas Teknik Jurusan Teknik Informatika Universitas Sanata
1.5 Metodologi Penelitian
Metodologi penelitian yang digunakan adalah laboratory research (penelitian laboratorium) dengan metode pengembangan sistem perangkat lunak secara terstruktur. Adapun langkah-langkah yang dilakukan adalah sebagai berikut:
1. Studi kepustakaan Pengumpulan data yang dilakukan dengan cara membaca referensi berupa buku-buku, laporan-laporan, karya ilmiah, makalah di internet yang berhubungan dengan permasalahan yang terkait.
2. Wawancara (interview).
Dilakukan dengan cara melakukan komunikasi langsung dalam bentuk tanya jawab (interview) baik secara lisan maupun tertulis kepada pihak- pihak yang membidangi permasalahan yang ada.
3. Perancangan sistem Membuat rancangan desain program yang akan dibuat.
4. Implementasi sistem Membuat program berdasarkan rancangan desain yang telah dibuat.
1.6 Sistematika Penulisan
Sistematika penulisan tugas akhir ini terbagi atas enam bagian sebagai berikut :
BAB I PENDAHULUAN
Bab ini berisi latar belakang masalah, rumusan masalah, batasan masalah, tujuan penulisan, metodologi penelitian dan sistematika penulisan.
BAB II LANDASAN TEORI Bab ini berisi landasan teori yang dipakai untuk pembahasan penulisan tugas akhir. BAB III ANALISA DAN PERANCANGAN SISTEM Bab ini membahas mengenai analisa dan perancangan sistem aplikasi yang akan dibuat. BAB IV IMPLEMENTASI SISTEM Bab ini berisi implementasi tiap tampilan atau antarmuka dari
rancangan yang dibuat pada bab sebelumnya dan menganalisa program pada masing–masing tampilan atau antarmuka.
BAB V ANALISA HASIL IMPLEMENTASI Bab ini berisi tentang analisa hasil dari aplikasi yang dibuat dan berisi tentang kelebihan dan kekurangan program. BAB VI KESIMPULAN DAN SARAN Bab ini berisi kesimpulan yang menjawab tujuan skripsi dan berisi saran yang berguna untuk pengembangan program.
BAB II LANDASAN TEORI Bab ini akan menjelaskan mengenai teori yang berhubungan dengan
masalah yang terkait dalam penyusunan tugas akhir ini, yaitu mencakup teori
internet
, XML(eXtensible Markup Language), CSS(Cascading Style Sheet), PHP(Personal Home Page tools), MySQL, dan informasi mengenai obat generik.
2.1 Internet
Internet berasal dari kata Interconnection Networking adalah jaringan komputer yang terdiri dari dua komputer atau lebih yang saling berhubungan dan saling berinteraksi serta saling bertukar informasi. Untuk dapat saling berhubungan dan berkomunikasi diperlukan protokol TCP/IP (Transmission
Control Protokol
/ Internet Protokol) agar setiap browser setiap jaringan dapat mengakses layanan jaringan lain.
2.1.1 WWW
World Web Wide
(WWW) adalah layanan yang paling sering digunakan dan memiliki perkembangan yang sangat cepat karena dengan layanan ini kita bisa menerima informasi dalam berbagai format (multimedia). Untuk mengakses layanan WWW dari sebuah komputer (yang disebut WWW server atau web server) digunakan program web client yang disebut web browser Jenis-jenis browser yang sering digunakan adalah: Netscape Navigator/Comunicator, Internet
2.2.2 HTTP
Protokol adalah suatu mekanisme yang sudah distandarkan untuk mentransfer atau memanipulasi data. Seperti server dan browser WWW harus mendukung protokol HTTP agar dapat digunakan. HTTP (Hyper Text Transfer
Protocol ) adalah suatu protokol internet yang digunakan oleh WWW. Dengan
protokol ini suatu web client yaitu browser dapat melakukan pertukaran data
hypermedia seperti teks, gambar, suara, dan video dengan web server.
2.2 XML (eXtensible Markup Language)
menyediakan format untuk mendeskripsikan data terstruktur atau terurut. Fasilitas yang disediakan XML ini membuat isi (content) sebuah data menjadi lebih mudah dimengerti. XML dikembangkan mulai tahun 1996 dan mendapatkan pengakuan dari W3C (World Wide Web Consurtium) pada bulan Februari 1998. Teknologi yang digunakan pada XML sebenarnya bukan teknologi baru, tapi merupakan turunan dari SGML (Standard Generalized Mark up Language) yang telah dikembangkan pada awal 80-an dan telah banyak digunakan pada dokumentasi teknis proyek-proyek berskala besar.
Seperti halnya HTML, XML juga menggunakan elemen yang ditandai dengan tag pembuka (diawali dengan ‘<’ dan diakhiri dengan ‘>’), tag penutup (diawali dengan ‘</ ‘diakhiri ‘>’) dan atribut elemen (parameter yang dinyatakan dalam tag pembuka). Hanya bedanya, HTML medefinisikan dari awal tag dan atribut yang dipakai didalamnya, sedangkan pada XML user bisa menggunakan
tag
Tag – tag
dalam XML case sensitive, sehingga tag <Buku> berbeda dengan tag <buku>. Jika dalam penulisan program di dalam XML sama dengan beberapa tanda yang dipakai di XML, maka penulisan program akan memanfaatkan entity reference untuk mengkodekan beberapa karakter. Beberapa
entity reference akan ditunjukkan pada Tabel 2.1.
Entity Reference Karakter &gt; > &lt; < &amp; & &quot; “ &apos; ‘
Tabel 2.1 Entity ReferenceXLM parser adalah sebuah program untuk menguji apakah sebuah dokumen XML benar atau tidak, sesuai dengan aturan XML atau tidak.
2.2.1 Struktur Dasar XML
Sebuah struktur atau dokumen XML terdiri dari bagian yang disebut dengan node. Node-node itu adalah:
1. Root node yaitu node yang melingkupi keseluruhan dokumen. Dalam satu dokumen XML hanya ada satu root node. Node-node yang lainnya berada di dalam root node.
2. Element node yaitu bagian dari dokumen XML yang ditandai dengan tag pembuka dan tag penutup, atau bisa juga sebuah tag tunggal elemen kosong seperti <anggota nama=”ochy”/> . Root node biasa juga disebut
root element .
3. Attribute note termasuk nama dan nilai atribut ditulis pada tag awal sebuah
4. Text node adalah text yang merupakan isi dari sebuah elemen, ditulis diantara tag pembuka dan tag penutup.
5. Comment node adalah baris yang tidak dieksekusi oleh parser.
2.2.2. Sintaks XML
Dibandingkan dengan HTML, XML lebih banyak aturan. Kalau user menulis sebuah dokumen HTML, beberapa kesalahan penulisan masih ditolerir.
Misalnya pemakai menempatkan tag bersilangan seperti <p><b>Huruf Tebal</p></b> meskipun tidak dianjurkan, HTML masih bisa bekerja dan menampilkan hasil seperti yang user inginkan. Tidak demikian dengan XML. sintaks – sintaks tersebut antara lain : 1. Heading standard untuk Document XML.
Setiap membuat dokumen XML diawali dengan heading standard XML. Formatnya adalah sebagai berikut: <?xml version=”1.0” encoding=”iso-8859-1”?> Penjelasan : xml version=”1.0” berarti bahwa file XML ini dibuat sesuai dengan aturan versi 1.0 dan enconding menunjukkan bahwa file XML ini ditulis dengan kode iso-8859-1.
2. Dokumen XML harus memiliki Root tag.
Sebuah dokumen XML yang baik harus memiliki root tag. Yaitu tag yang melingkupi keseluruhan dari dokumen. Tag-tag yang lain, disebut child
tag
, berada didalam root membentuk hirarki. Formatnya adalah sebagai
<root> <child> <subchild></subchild> </child> </root> Bentuk mengenai diagram hirarki XML tampak pada Gambar 2.1.
Gambar 2.1 Diagram Hirarki XML 3. Tag pada XML harus lengkap berpasangan.Pada HTML beberapa elemen tidak harus berpasangan. Contoh berikut ini diperbolehkan dalam penulisan HTML.
<p>paragraph pertama <p>paragarap kedua yang demikian tidak berlaku pada XML. Pemakai XML harus menulis pula tag penutup untuk setiap tag yang user buat. Penulisannya harus seperti ini :
<p>paragraph pertama</p> <p>paragarap kedua</p>
Tag tunggal hanya diperbolehkan untuk elemen kosong. Contoh
penulisannya sebagai berikut : <anggota nama=”ochy”/> 4. XML membedakan huruf besar dengan huruf kecil.
Pada XML, <tanggal> berbeda dengan <Tanggal>. Tag pembuka dan tag penutup harus sama susunan huruf besar dan kecilnya. Format penulisannya adalah sebagai berikut :
<contoh>ini penulisan yang salah</Contoh> <contoh>ini baru betul</contoh> 5. Penyarangan tag harus benar.
Penulisan tag pada XML harus mengikuti aturan Last In First Out (LIFO). Pada XML user tidak bisa membuat tag yang saling bersilang seperti format berikut ini : tapi harus disusun seperti format berikut ini :
<p><b>Huruf tebal</b></p> bila dipaksakan juga, browser akan menampilkan pesan error.
6. XML mempertahankan spasi seperti apa adanya.
Berbeda dengan HTML, XML menampilkan spasi persis bagaimana data ditulis. Contoh berikut ini : Pada HTML terdapat kalimat sebagai berikut :
Kami pergi bersama akan ditampilkan sebagai : Kami pergi bersama
Sedangkan pada XML akan ditampilkan sama persis dengan kalimat asalnya.
Seperti HTML, XML memiliki atribut. Nilai atribut harus diletakkan diantara dua tanda petik. Tidak masalah apakah tanda petik tunggal atau tanda petik ganda. Contoh format penulisan sebagai berikut :
<pesan dari=”ochy”> atau <pesan dari=’ochy’> 8. Penamaan tag dan atribut.
Nama tag bisa terdiri dari huruf, angka dan underscore(“_”). Karakter awal nama tag harus berupa huruf atau underscore (“_”), tidak diawali dengan kata xml atau XML, (misal:<xmlstring>), dan tidak mengandung 9.
Menyisipkan komentar.
Pada bahasa pemrograman atau scripting kita dikenal adanya komentar
(comment)
. Komentar adalah kalimat antara baris yang tidak dieksekusi oleh compiler, browser atau parser. Untuk menyisipkan komentar pada dokumen XML caranya adalah sebagai berikut:
<!—Baris ini tidak di eksekusi oleh parser -->
2.2.3 Keuntungan XML
Berikut adalah keuntungan XML : 1. Ekstensibilitas.
Artinya bebas menentukan tag – tag sendiri sesuai dengan kebutuhan user.
2. Memisahkan data dengan presentasi.
Ini merupakan keunggulan lain dari XML, yaitu pemisahan antara data dan presentasi. Maksudnya, sebuah data itu hanya berisi data saja, tidak ada merupakan data yang menerangkan data itu sendiri. Tag – tag pada XML menjelaskan mengenai isi datanya. HTML sendiri mencampuradukkan antara data dan presentasi. XML hanya mendefinisikan tentang isi saja. Misalnya ada tag di HTML yang menjelaskan bagaimana browser menampilkan data untuk ditulis miring atau tebal.
Contoh : <I>Bandung</I> Namun tag di XML menjelaskan data itu sendiri.
<nama>Bandung</nama> julukan ataupun nama. Namun di XML, jelas bahwa Bandung itu nama.
3. Penyederhanaan Aplikasi. Saat ini, banyak aplikasi memiliki ukuran besar dan menghabiskan memori. Biasanya aplikasi untuk mengolah kata maupun gambar dan harus mengakomodasikan berbagai format file. XML yang terbuka, akan memudahkan aplikasi untuk mengolah data.
2.3 CSS (Cascading Style Sheet)
Pada tahun 1996, W3C mengumumkan cara yang cukup sederhana untuk mengatasi masalah penggabungan antara data dengan stylenya yang menjadikan source code cukup sulit untuk dilihat dan susah untuk dikembangkan lebih lanjut. Solusi tersebut adalah dengan menggunakan Cascading Style Sheet (CSS). Dengan CSS dapat melakukan pemisahan antara data dengan style yang akan web di suatu tempat tersendiri yang terpisah dari seluruh isi. Prinsip umum CSS adalah untuk memisahkan informasi style secara fisik dari data.
2.3.1 Perintah CSS
Beberapa properti dari CSS diringkas sebagai berikut :
1. Ditampilkan atau tidak Display: block, none
2. Huruf:
a. font-family: serif, sans-serif, cursive, fantasy, monospace, arial, western, courier new c. font-style: italic, oblique, normal
d. font-weight: normal, bold, border, lighter (atau ketebalannya 100-900)
e. font-variant: small-caps, normal
3. Warna:
a. color: red, green
b. background-color
c. background-image: url(“gambar.bmp”)
4. Teks:
a. text-align: left, right, center
b. text-indent: n %, n em (ganti dengan bilangan)
5. Margin:
a. margin-top
b. margin-right d. margin-left
6. Border:
a. border-style: solid, dotted, dashed, double, groove, ridge, inset, none
b. border-width: thin, medium, thick
c. border-color
7. Float: Float: left, right, none
2.3.2 CSS pada XML
berikut pada awal dokumen XML :
<?xml-stylesheet type=”text/css” href=”coba.css”?>
Contoh lengkap css dalam xml adalah dokumen data.xml berikut : <?xml version="1.0" encoding="UTF-8" standalone="yes" ?> <?xml-stylesheet type="text/css" href="C:\My Documents\coba.css"?> <woi> <hai> <nama>Ochy</nama> <umur>21</umur> </hai> </woi>
Berikut ini adalah file coba.css : hai {display:block; margin-top:20pt; font-size:12pt; font-style:normal} nama {display:block; font-size:24pt; font-style:italic; font-family:lucida sans; color:red} umur {display:block; font-weight:bold; font-variant:small-caps; color:blue}
Hasil pada web browser adalah sebagai berikut :
Ochy
21
2.4 PHP (Personal Home Page tools)
Personal Home Page (PHP) merupakan script untuk pemrograman web
yang bekerja disisi server. PHP petama kali ditulis oleh Rasmus Lerdorf pada tahun 1994. Pada tahun 1995, Rasmus membuat FI(Form Interpreter) ,yaitu tool untuk memasukkan query SQL secara mudah ke dalam halaman web.
Dengan menggunakan PHP, maka maintenance suatu situs web menjadi lebih mudah. Proses update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan script PHP. PHP secara mendasar dapat mengerjakan semua yang dapat dikerjakan program CGI, seperti mendapatkan data dari form, menghasilkan isi halaman web yang dinamik dan menerima cookies.
2.4.1 Mengenal Variabel
Variabel merupakan tempat penyimpanan data, di dalam PHP penulisannya diawali dengan karakter $ diikuti dengan nama variabelnya. Nama variabel harus dimulai dengan huruf atau underscore, sesudahnya dapat berupa angka. Karakter (‘@’,’#’,’+’,’-‘,dsb) tidak boleh digunakan sebagai nama
2.4.2 Tipe Data
Tipe data yang dapat dioleh dengan PHP adalah tipe data numerik (integer dan floating point), string, dan tipe data obyek. Tipe data obyek adalah tipe data yang didalamnya mempunyai data dan method. Data obyek didefinisikan dengan membuat definisi class terlebih dahulu.
Contoh pendeklarasian tipe data obyek : <?php class obyek { function counter() { return 5; } } $test=new obyek; echo $test->counter();
?>
2.4.3 Escape Character
Merupakan karakter – karakter khusus yang digunakan untuk mewakili
Contoh escape character:
\n ganti baris \r enter \t tab \\ backslash \$ karakter $ \” karakter “
2.4.4 Operator Operator adalah alat yang digunakan untuk manipulasi data. Jenis Operator :
1. Operator Aritmatika Contoh Nama $a+$b Penjumlahan a dengan b $a-$b Pengurangan a dengan b $a*$b Perkalian a dengan b $a/$b Pembagian a dengan b $a%$b Modulus (sisa pembagian) a dengan b
2. Operator string Contoh Nama $a.$b Concatenation (menggabungkan string)
3. Operator Increment / Decrement Contoh Nama
- $a Pre increment $a++ Post increment
- $a Pre decrement
2.4.5 Struktur Kendali
Aplikasi yang dikembangkan dengan menggunakan PHP tidak selalu mempunyai struktur sequence (berurutan). untuk dapat melompati bagian program atau mengulang suatu baris perintah dapat digunakan struktur kendali.
2.4.5.1 If ... else ....
Struktur if digunakan untuk memeriksa apakah perintah perintah yang ada di dalam blok if dikerjakan atau tidak. Perintah dalam blok if akan dikerjakan bila nilai dari ekspresi adalah benar. Jika tidak , maka perintah dalam blok else yang akan dikerjakan.
If ($a==4) { Echo “bilangan empat”; } else { echo “bukan bilangan empat”; }
2.4.5.2 Switch
Switch merupakan bentuk struktur kontrol yang dapat lebih menyederhanakan bentuk dari If…else . Bentuk switch ini digunakan untuk mengganti urutan pemeriksaan if pada suatu hasil ekspresi dengan beberapa nilai.
Contoh ekspresi switch : switch($no_hari){ case 1 : echo “Minggu”; break; case 2 : echo “Senin”; break; case 3 : echo “Selasa”; break; case 4 : echo “Rabu”;
2.4.5.3 Statement perulangan
Untuk perintah – perintah yang berulang dapat digunakan statement perulangan. Statement perulangan terdiri dari while, do while, for, dan foreach.
2.4.5.3.1 While Perintah dalam while akan dikerjakan selama ekspresi bernilai benar.
Dalam blok perintah ini harus ada perintah yang melakukan perubahan nilai agar ekspresi menjadi salah. Apabila tidak ada, maka akan terjadi perulangan tanpa henti. Contoh :
<? $bil=1; while($bil<10){ echo ”bilangan = $bil”; $bil++; } ?>
2.4.5.3.2 do..while
do..while berfungsi sama dengan while yaitu mengulang suatu perintah sampai ditemui ekspresi bernilai salah. Bedanya pada do..while, pengecekan kondisi benar salah terletak sesudah melakukan perintah.
<? $bil=1; do{ echo :”bilangan = $bil”; $bil++; } while($bil<10); ?>
2.4.5.3.3 For
<? for($I=0;$I<10;$I++){ echo “bilangan = $I”; }
?>
2.4.5.3.4 Foreach
Merupakan struktur kontrol khusus yang digunakan untuk melakukan perulangan pada array. Dengan cara ini kita tidak perlu mengetahui berapa jumlah array.