SlideShare a Scribd company logo
1 of 14
Download to read offline
Database Internet
Arif Basofi, S.Kom. MT.
Teknik Informatika, PENS
Basis Data 2
Tujuan
1) Memahami konsep dari pengembangan database berbasis
web:
 World Wide World
 Pendahuluan HTML
 Databases dan Web
2) Mampu mengembangkan aplikasi basis data berbasis web:
 Arsitektur (Application Servers dan Server-Side Java)
 Pendahuluan XML
 XML DTDs
 Domain-Specific DTDs
 Querying XML data
 Model data semi-terstruktur
2
World Wide Web (WWW)
 Web memungkinkan mengakses suatu file dimanapun pada internet.
 Suatu file diidentifikasi dengan Universal Resource Locator (URL),
contohnya : htpp://www.eepis-its.edu/~database/index.html
 URL diatas mengidentifikasi suatu file bernama index.html, disimpan pada
direktory database pada mesin www.eepis-its.edu.
 File ini adalah suatu dokumen yang mempunyai format Hypertext Markup
Language (HTML) dan berisi beberapa link ke file lain (yang diidentifikasi
melalui URL-nya).
 Perintah diterjemahkan oleh Web browser seperti Microsoft Internet
Explorer, Netscape Navigator atau Opera untuk menampilkan dokumen
secara atraktif dan pemakai kemudian dapat menavigasi ke dokumen yang
berhubungan dengan memilih link.
 Suatu koleksi beberapa dokumen disebut web site dan diatur
menggunakan program yang disebut web server, yang menerima URL dan
menampilkan dokumen yang diperlukan.
 World Wide Web/Web adalah kumpulan web site yang dapat diakses di
internet.
3
World Wide Web (WWW)...
 HTML menghubungkan isi URL, yang mengidentifikasi tempat yang
berisi file yang berhubungan.
 Jika seorang pemakai men-click pada suatu link, web browser
menghubungkan ke web server tujuan menggunakan protokol koneksi
HTTP dan mengirim link URL.
 Jika browser menerima file dari web server, akan diperiksa tipe file
dengan melihat extension dari nama file.
 Web browser menampilkan file berdasarkan tipe file dan jika perlu
memanggil program aplikasi untuk menangani file.
 Sebagai contoh, sebuah file yang diakhiri .txt merupakan file teks tak
berformat, web browser menampilkan dengan menterjemahkan
karakter ASCII dalam file.
 Struktur dokumen yang lebih tepat dapat dikodekan dalam HTML, yang
menjadi cara standart struktur web page.
 Contoh lain, file .doc merupakan dokumen Microsoft Word dan Web
browser menampilkna file dengan menggunakan Microsoft Word.
4
HyperText Markup Language (HTML)
 Hipertext Markup Language (HTML) merupakan bahasa
pemrograman berbentuk skrip yang sederhana.
 Teks diawali dan diakhiri dengan perintah yang disebut
tags, biasanya terdiri dari start tag dan end tag.
 Contoh skrip HTML untuk melihat daftar buku :
<HTML><BODY>
Fiction:
<UL><LI>Author: Milan Kundera</LI?
<LI>Title: Identity</LI>
<LI>Published: 1998</LI>
</UL>
Science:
<UL><LI>Author: Richard Feynman</LI>
<LI>Title: The Character of Physical Law</LI>
<LI>Hardcover</LI>
</UL>
</BODY></HTML>
5
Database dan WEB
 Halaman web berisi hasil dari query database.
 Untuk membangkitkan halaman web, dilakukan hal-
hal sebagai berikut :
 Web server membuat proses baru dari program yang
berinteraksi dengan basis data.
 Web server berkomunikasi dengan program tersebut
melalui CGI (Common gateway interface).
 Program membangkitkan halaman hasil dengan isinya
berasal dari basis data.
 Protokol lain selain CGI adalah ISAPI (Microsoft
Internet Server API) atau NSAPI (Netscape Server
API).
6
ARSITEKTUR APPLICATION SERVER DAN
SERVER-SIDE JAVA
 Pada CGI, setiap halaman merupakan hasil pembuatan sebuah
proses baru sehingga sangat tidak efisien.
 Oleh karena itu dikembangkan arsitektur Application Server
yaitu suatu perangkat lunak antara web server dan aplikasi.
 Fungsi dari Application Server adalah:
 Mengendalikan thread atau proses pre-fork untuk performansi
 Tempat koneksi basis data (dan menggunakan kembali koneksi
yang tersedia)
 Integrasi antara sumber data yang heterogen
 Manajemen transaksi melibatkan beberapa sumber data
 Manajemen session
7
ARSITEKTUR APPLICATION SERVER DAN
SERVER-SIDE JAVA…
 Pemrosesan pada sisi server dapat menggunakan :
 Java Servlet : yaitu program java yang berjalan pada
server dan berinteraksi dengan server melalui API yang
didefinisikan dengan baik (well-defined).
 JavaBeans : yaitu komponen perangkat lunak yang dapat
digunakan kembali (reusable) yang ditulis dalam bahasa
pemrograman Java.
 Java Server Page dan Active Server Page : yaitu kode
yang berada di dalam halaman web yang diterjemahkan
oleh web server.
8
XML
 Extensible HTML (XML) merupakan bahasa skrip versi lanjutan
dari HTML.
 XML merupakan penggabungan antara SGML (turunan dari
Generalized Markup Language (GML) milik IBM) dan HTML dimana
kekuatan SGML digabungkan dengan kesederhanaan HTML.
 XML menggunakan definisi markup language baru yang disebut
Document Type Declaration (DTDs).
 Elemen yang terdapat pada XML meliputi :
 blok utama yang dibangun secara terstruktur dengan XML
 tag mulai (start tag) dan akhir (end tag)
 harus secara tepat berulang
 Elemen pada XML dapat mempunyai atribut yang merupakan
informasi tambahan mengenai elemen tersebut.
 Entity pada XML serupa dengan makro yang berupa teks biasa.
 Pada XML juga tersedia perintah untuk komentar dan elemen yang
terpenting adalah Document Type Declaration (DTDs).9
XML...
 Contoh skrip XML untuk melihat daftar buku adalah sebagai berikut:
<?XML version=“1.0” standalone=“yes”?>
<!DOCTYPE BOOKLIST SYSTEM “booklist.dtd”>
<BOOKLIST>
<BOOK genre=“Fiction”>
<AUTHOR>
<FIRST>Milan</FIRST><LAST>Kundera</LAST>
</AUTHOR>
<TITLE>Identity</TITLE>
<PUBLISHED>1998</PUBLISHED>
<BOOK genre=“Science” format=“Hardcover”>
<AUTHOR>
<FIRST>Richard</FIRST><LAST>Feynman</LAST>
</AUTHOR>
<TITLE>The Character of Physical Law</TITLE>
</BOOK></BOOKLIST>
10
XML : DTDs
 Sebuah Document Type Declaration (DTDs) adalah himpunan aturan yang
mendefinisikan elemen, atribut dan entity yang diperbolehkan pada dokumen.
 Dokumen pada XML mempunyai bentuk yang baik jika tidak mempunyai
asosiasi DTD tetapi digunakan berulang dengan tepat.
 Dokumen XML valid jika mempunyai DTD-an dokumen mengikuti aturan dlm
DTD.
 Contoh DTDs untuk melihat daftar buku adalah sebagai berikut:
<!DOCTYPE BOOKLIST [
<!ELEMENT BOOKLIST (BOOK)*>
<!ELEMENT BOOK (AUTHOR, TITLE, PUBLISHED?)>
<!ELEMENT AUTHOR (FIRST, LAST)>
<!ELEMENT FIRST (#PCDATA)>
<!ELEMENT LAST (#PCDATA)>
<!ELEMENT TITLE (#PCDATA)>
<!ELEMENT PUBLISHED (#PCDATA)>
<!ATTLIST BOOK genre (Science|Fiction) #REQUIRED>
<!ATTLIST BOOK format (Paperback|Hardcover) “Paperback”>
]>
11
Spesifikasi Domain Pada DTDs
 Untuk menangani sumber-sumber data yang berlainan,
dikembangkan standarisasi DTDs untuk memungkinkan domain dapat
menukar data diantara sumbersumber yang heterogen.
 Contohnya adalah domain pada DTDs untuk mengkodekan material
matematika pada web dengan menggunakan Mathematical Markup
Language (MathML).
 Perbedaan HTML dengan MathML dapat dilihat pada persamaan
matematika di bawah ini :
 Dalam HTML : <IMG SRC=“xysq.gif” ALT=“(x+y)^2”>
 Dalam MathML :
<apply> <power/>
<apply> <plus/> <ci>x</ci> <ci>y</ci> </apply>
<cn>2</cn>
</apply>
12
Melakukan Query Data XML (XML-QL)
 Tujuan melakukan query data XML adalah melakukan manipulasi dokumen
XML dengan menggunakan bahasa deklaratif tingkat tinggi.
 Query data XML belum dilakukan standarisasi.
 Contoh query dengan XML-QL :
WHERE
<BOOK>
<NAME><LAST>$1</LAST></NAME>
</BOOK> in “www.booklist.com/books.xml
CONSTRUCT <RESULT> $1 </RESULT>
 Contoh query dengan XML-QL yang lebih kompleks:
WHERE <BOOK> $b <BOOK> IN “www.booklist.com/books.xml”,
<AUTHOR> $n </AUTHOR>
<PUBLISHED> $p </PUBLISHED> in $e
CONSTRUCT
<RESULT>
<PUBLISHED> $p </PUBLISHED>
WHERE <LAST> $l </LAST> IN $n
CONSTRUCT <LAST> $l </LAST>
</RESULT>
13
Model Data Semi Terstruktur
 Data semi terstruktur adalah data dengan struktur parsial.
 Semua model data untuk data semi terstruktur menggunakan beberapa tipe graph
berlabel.
 OEM (Object Exchage Model ) mempunyai karakteristik sebagai berikut :
 Obyek berbentuk triple (label, tipe, nilai).
 Obyek yang kompleks di dekomposisi secara hirarki ke dalam obyek yang lebih kecil.
 Contoh model data daftar buku menggunakan OEM dapat dilihat pada Gambar:
14

More Related Content

What's hot

Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893Riyadi Saputra
 
Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669dodyalfad
 
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2debbie95
 
Tugas rekayasa web 2_1312510231 _Rostarina.H._KI
Tugas rekayasa web 2_1312510231 _Rostarina.H._KITugas rekayasa web 2_1312510231 _Rostarina.H._KI
Tugas rekayasa web 2_1312510231 _Rostarina.H._KIosta92
 
Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Dimas Setiadi
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_kuIrfanRifangga
 
Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454alvinyosua
 
Basis Data Non Relasional: NoSQL dan MongoDB
Basis Data Non Relasional: NoSQL dan MongoDBBasis Data Non Relasional: NoSQL dan MongoDB
Basis Data Non Relasional: NoSQL dan MongoDBRiana Dwiningtyas
 
Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013DianSinta
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917rimaafauziaah
 
Penjelasan json 141151850
Penjelasan json 141151850Penjelasan json 141151850
Penjelasan json 141151850fitrohtulhadi
 
Materi 4 - Sistem Basis Data
Materi 4 - Sistem Basis DataMateri 4 - Sistem Basis Data
Materi 4 - Sistem Basis Databeiharira
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa webHan'zo WEw
 
Tugas 2 – rekayasa web (nico nandika 1111511125)
Tugas 2 – rekayasa web (nico nandika 1111511125)Tugas 2 – rekayasa web (nico nandika 1111511125)
Tugas 2 – rekayasa web (nico nandika 1111511125)Nico Nandika
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578andre melky
 

What's hot (20)

Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
 
Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2
 
Tugas rekayasa web 2_1312510231 _Rostarina.H._KI
Tugas rekayasa web 2_1312510231 _Rostarina.H._KITugas rekayasa web 2_1312510231 _Rostarina.H._KI
Tugas rekayasa web 2_1312510231 _Rostarina.H._KI
 
Tugas 2 Rekayasa Web
Tugas 2 Rekayasa WebTugas 2 Rekayasa Web
Tugas 2 Rekayasa Web
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
 
Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku
 
Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454
 
Basis Data Non Relasional: NoSQL dan MongoDB
Basis Data Non Relasional: NoSQL dan MongoDBBasis Data Non Relasional: NoSQL dan MongoDB
Basis Data Non Relasional: NoSQL dan MongoDB
 
Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917
 
Tugas makalah
Tugas makalah Tugas makalah
Tugas makalah
 
Penjelasan json 141151850
Penjelasan json 141151850Penjelasan json 141151850
Penjelasan json 141151850
 
Materi 4 - Sistem Basis Data
Materi 4 - Sistem Basis DataMateri 4 - Sistem Basis Data
Materi 4 - Sistem Basis Data
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Tugas 2 – rekayasa web (nico nandika 1111511125)
Tugas 2 – rekayasa web (nico nandika 1111511125)Tugas 2 – rekayasa web (nico nandika 1111511125)
Tugas 2 – rekayasa web (nico nandika 1111511125)
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
 

Similar to DBWeb

Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiResa Firmansyah
 
Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTMLI Gede Iwan Sudipa
 
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisrahmantaufik00
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyaniikasulistiyani
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa webfaisalawai
 
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLPENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLDian Arifin
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602dewiapril1996
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487nurul azmi
 
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545imeldafelicia
 
Basic Pemrograman.pptx
Basic Pemrograman.pptxBasic Pemrograman.pptx
Basic Pemrograman.pptxNandoApri2
 
Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511lailyfitria
 
Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832fahreza yozi
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web Nasrul Akbar
 
JENI-J2ME-Bab08-Web Services.pdf
JENI-J2ME-Bab08-Web Services.pdfJENI-J2ME-Bab08-Web Services.pdf
JENI-J2ME-Bab08-Web Services.pdfJurnal IT
 
Modul web programing
Modul web programingModul web programing
Modul web programingFitra Sani
 

Similar to DBWeb (20)

Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasi
 
Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTML
 
Jeni J2 Me Bab08 Web Services
Jeni J2 Me Bab08 Web ServicesJeni J2 Me Bab08 Web Services
Jeni J2 Me Bab08 Web Services
 
Jeni j2 me-bab08-web services
Jeni j2 me-bab08-web servicesJeni j2 me-bab08-web services
Jeni j2 me-bab08-web services
 
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamis
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
 
Tgs 2 rekweb
Tgs 2 rekwebTgs 2 rekweb
Tgs 2 rekweb
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLPENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
 
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545
 
Basic Pemrograman.pptx
Basic Pemrograman.pptxBasic Pemrograman.pptx
Basic Pemrograman.pptx
 
Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511
 
Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832
 
1989249
19892491989249
1989249
 
Part 1 - pengenalan website
Part 1 - pengenalan websitePart 1 - pengenalan website
Part 1 - pengenalan website
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
 
JENI-J2ME-Bab08-Web Services.pdf
JENI-J2ME-Bab08-Web Services.pdfJENI-J2ME-Bab08-Web Services.pdf
JENI-J2ME-Bab08-Web Services.pdf
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 

DBWeb

  • 1. Database Internet Arif Basofi, S.Kom. MT. Teknik Informatika, PENS Basis Data 2
  • 2. Tujuan 1) Memahami konsep dari pengembangan database berbasis web:  World Wide World  Pendahuluan HTML  Databases dan Web 2) Mampu mengembangkan aplikasi basis data berbasis web:  Arsitektur (Application Servers dan Server-Side Java)  Pendahuluan XML  XML DTDs  Domain-Specific DTDs  Querying XML data  Model data semi-terstruktur 2
  • 3. World Wide Web (WWW)  Web memungkinkan mengakses suatu file dimanapun pada internet.  Suatu file diidentifikasi dengan Universal Resource Locator (URL), contohnya : htpp://www.eepis-its.edu/~database/index.html  URL diatas mengidentifikasi suatu file bernama index.html, disimpan pada direktory database pada mesin www.eepis-its.edu.  File ini adalah suatu dokumen yang mempunyai format Hypertext Markup Language (HTML) dan berisi beberapa link ke file lain (yang diidentifikasi melalui URL-nya).  Perintah diterjemahkan oleh Web browser seperti Microsoft Internet Explorer, Netscape Navigator atau Opera untuk menampilkan dokumen secara atraktif dan pemakai kemudian dapat menavigasi ke dokumen yang berhubungan dengan memilih link.  Suatu koleksi beberapa dokumen disebut web site dan diatur menggunakan program yang disebut web server, yang menerima URL dan menampilkan dokumen yang diperlukan.  World Wide Web/Web adalah kumpulan web site yang dapat diakses di internet. 3
  • 4. World Wide Web (WWW)...  HTML menghubungkan isi URL, yang mengidentifikasi tempat yang berisi file yang berhubungan.  Jika seorang pemakai men-click pada suatu link, web browser menghubungkan ke web server tujuan menggunakan protokol koneksi HTTP dan mengirim link URL.  Jika browser menerima file dari web server, akan diperiksa tipe file dengan melihat extension dari nama file.  Web browser menampilkan file berdasarkan tipe file dan jika perlu memanggil program aplikasi untuk menangani file.  Sebagai contoh, sebuah file yang diakhiri .txt merupakan file teks tak berformat, web browser menampilkan dengan menterjemahkan karakter ASCII dalam file.  Struktur dokumen yang lebih tepat dapat dikodekan dalam HTML, yang menjadi cara standart struktur web page.  Contoh lain, file .doc merupakan dokumen Microsoft Word dan Web browser menampilkna file dengan menggunakan Microsoft Word. 4
  • 5. HyperText Markup Language (HTML)  Hipertext Markup Language (HTML) merupakan bahasa pemrograman berbentuk skrip yang sederhana.  Teks diawali dan diakhiri dengan perintah yang disebut tags, biasanya terdiri dari start tag dan end tag.  Contoh skrip HTML untuk melihat daftar buku : <HTML><BODY> Fiction: <UL><LI>Author: Milan Kundera</LI? <LI>Title: Identity</LI> <LI>Published: 1998</LI> </UL> Science: <UL><LI>Author: Richard Feynman</LI> <LI>Title: The Character of Physical Law</LI> <LI>Hardcover</LI> </UL> </BODY></HTML> 5
  • 6. Database dan WEB  Halaman web berisi hasil dari query database.  Untuk membangkitkan halaman web, dilakukan hal- hal sebagai berikut :  Web server membuat proses baru dari program yang berinteraksi dengan basis data.  Web server berkomunikasi dengan program tersebut melalui CGI (Common gateway interface).  Program membangkitkan halaman hasil dengan isinya berasal dari basis data.  Protokol lain selain CGI adalah ISAPI (Microsoft Internet Server API) atau NSAPI (Netscape Server API). 6
  • 7. ARSITEKTUR APPLICATION SERVER DAN SERVER-SIDE JAVA  Pada CGI, setiap halaman merupakan hasil pembuatan sebuah proses baru sehingga sangat tidak efisien.  Oleh karena itu dikembangkan arsitektur Application Server yaitu suatu perangkat lunak antara web server dan aplikasi.  Fungsi dari Application Server adalah:  Mengendalikan thread atau proses pre-fork untuk performansi  Tempat koneksi basis data (dan menggunakan kembali koneksi yang tersedia)  Integrasi antara sumber data yang heterogen  Manajemen transaksi melibatkan beberapa sumber data  Manajemen session 7
  • 8. ARSITEKTUR APPLICATION SERVER DAN SERVER-SIDE JAVA…  Pemrosesan pada sisi server dapat menggunakan :  Java Servlet : yaitu program java yang berjalan pada server dan berinteraksi dengan server melalui API yang didefinisikan dengan baik (well-defined).  JavaBeans : yaitu komponen perangkat lunak yang dapat digunakan kembali (reusable) yang ditulis dalam bahasa pemrograman Java.  Java Server Page dan Active Server Page : yaitu kode yang berada di dalam halaman web yang diterjemahkan oleh web server. 8
  • 9. XML  Extensible HTML (XML) merupakan bahasa skrip versi lanjutan dari HTML.  XML merupakan penggabungan antara SGML (turunan dari Generalized Markup Language (GML) milik IBM) dan HTML dimana kekuatan SGML digabungkan dengan kesederhanaan HTML.  XML menggunakan definisi markup language baru yang disebut Document Type Declaration (DTDs).  Elemen yang terdapat pada XML meliputi :  blok utama yang dibangun secara terstruktur dengan XML  tag mulai (start tag) dan akhir (end tag)  harus secara tepat berulang  Elemen pada XML dapat mempunyai atribut yang merupakan informasi tambahan mengenai elemen tersebut.  Entity pada XML serupa dengan makro yang berupa teks biasa.  Pada XML juga tersedia perintah untuk komentar dan elemen yang terpenting adalah Document Type Declaration (DTDs).9
  • 10. XML...  Contoh skrip XML untuk melihat daftar buku adalah sebagai berikut: <?XML version=“1.0” standalone=“yes”?> <!DOCTYPE BOOKLIST SYSTEM “booklist.dtd”> <BOOKLIST> <BOOK genre=“Fiction”> <AUTHOR> <FIRST>Milan</FIRST><LAST>Kundera</LAST> </AUTHOR> <TITLE>Identity</TITLE> <PUBLISHED>1998</PUBLISHED> <BOOK genre=“Science” format=“Hardcover”> <AUTHOR> <FIRST>Richard</FIRST><LAST>Feynman</LAST> </AUTHOR> <TITLE>The Character of Physical Law</TITLE> </BOOK></BOOKLIST> 10
  • 11. XML : DTDs  Sebuah Document Type Declaration (DTDs) adalah himpunan aturan yang mendefinisikan elemen, atribut dan entity yang diperbolehkan pada dokumen.  Dokumen pada XML mempunyai bentuk yang baik jika tidak mempunyai asosiasi DTD tetapi digunakan berulang dengan tepat.  Dokumen XML valid jika mempunyai DTD-an dokumen mengikuti aturan dlm DTD.  Contoh DTDs untuk melihat daftar buku adalah sebagai berikut: <!DOCTYPE BOOKLIST [ <!ELEMENT BOOKLIST (BOOK)*> <!ELEMENT BOOK (AUTHOR, TITLE, PUBLISHED?)> <!ELEMENT AUTHOR (FIRST, LAST)> <!ELEMENT FIRST (#PCDATA)> <!ELEMENT LAST (#PCDATA)> <!ELEMENT TITLE (#PCDATA)> <!ELEMENT PUBLISHED (#PCDATA)> <!ATTLIST BOOK genre (Science|Fiction) #REQUIRED> <!ATTLIST BOOK format (Paperback|Hardcover) “Paperback”> ]> 11
  • 12. Spesifikasi Domain Pada DTDs  Untuk menangani sumber-sumber data yang berlainan, dikembangkan standarisasi DTDs untuk memungkinkan domain dapat menukar data diantara sumbersumber yang heterogen.  Contohnya adalah domain pada DTDs untuk mengkodekan material matematika pada web dengan menggunakan Mathematical Markup Language (MathML).  Perbedaan HTML dengan MathML dapat dilihat pada persamaan matematika di bawah ini :  Dalam HTML : <IMG SRC=“xysq.gif” ALT=“(x+y)^2”>  Dalam MathML : <apply> <power/> <apply> <plus/> <ci>x</ci> <ci>y</ci> </apply> <cn>2</cn> </apply> 12
  • 13. Melakukan Query Data XML (XML-QL)  Tujuan melakukan query data XML adalah melakukan manipulasi dokumen XML dengan menggunakan bahasa deklaratif tingkat tinggi.  Query data XML belum dilakukan standarisasi.  Contoh query dengan XML-QL : WHERE <BOOK> <NAME><LAST>$1</LAST></NAME> </BOOK> in “www.booklist.com/books.xml CONSTRUCT <RESULT> $1 </RESULT>  Contoh query dengan XML-QL yang lebih kompleks: WHERE <BOOK> $b <BOOK> IN “www.booklist.com/books.xml”, <AUTHOR> $n </AUTHOR> <PUBLISHED> $p </PUBLISHED> in $e CONSTRUCT <RESULT> <PUBLISHED> $p </PUBLISHED> WHERE <LAST> $l </LAST> IN $n CONSTRUCT <LAST> $l </LAST> </RESULT> 13
  • 14. Model Data Semi Terstruktur  Data semi terstruktur adalah data dengan struktur parsial.  Semua model data untuk data semi terstruktur menggunakan beberapa tipe graph berlabel.  OEM (Object Exchage Model ) mempunyai karakteristik sebagai berikut :  Obyek berbentuk triple (label, tipe, nilai).  Obyek yang kompleks di dekomposisi secara hirarki ke dalam obyek yang lebih kecil.  Contoh model data daftar buku menggunakan OEM dapat dilihat pada Gambar: 14