Pengantar Teknologi Web 7

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTMLHTML ADVANCE. HTML DOCTYPE Sebuah deklarasi DOCTYPE mengacu pada aturan- aturan untuk bahasa markup, sehingga browser membuat konten dengan benar.
HTML.
HTML Hyper Text Markup Language
Erick Kurniawan, S.Kom, M.Kom
Pemrograman XML Introducing XML Salhazan Nasution, S.Kom.
Web Service.
Mark Up Language Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan bukan.
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Jurusan Teknik Informatika – FTI UPN “Veteran” Jawa Timur
Pengenalan HTML Oleh A ngraini. Tentang HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan.
Nine: Pengantar HTML The Net Language. 2 Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti.
HTML Hipertext Markup Language
XML Fundamental Riyanto, S.Kom.
W EB S ERVICES Riyanto, S.Kom. A PA ITU W EB S ERVICES ? Adalah service yang mempertukarkan data dalam format XML Tersedia dan diakses melalui Internet.
XML.
DESAIN WEB STATIS DAN HTML
HTML.
Pengantar Teknologi Mobile 9 Antonius Rachmat C, S.Kom XHTML – Mobile Profile.
HTML.
Basic HTML Konsep dan Fungsi HTML
 HTML merupakan bahasa paling standard yang digunakan untuk membuat suatu website  HTML Singkatan dari H yper T ext M arkup L anguage  HTML bukanlah.
Pemrograman Web/TI/ AK /2 sks
Ontologi dalam Penyebaran Knowledge dan Rekayasa B2B Net Markets Adang Suhendra.
Pengantar Teknologi Mobile
 H ypertext M arkup L anguage (HTML) adalah suatu file teks sederhana yang mengandung perintah-perintah berupa TAGS sehingga sebuah web browser dapat.
Pemrograman Web/TI/ AK /2 sks
Pengenalan XML Perbedaannya dengan HTML Kebutuhan akan XML.
Teknologi Internet dan Web (untuk e-Commerce)
HTML (Hypertext Markup Language)
HTML PEMROGRAMAN INTERNET.
Document Type Definition (DTD)
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
Pengenalan XML Perbedaannya dengan HTML Kebutuhan akan XML.
Simple Object Access Protocol
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
Bahasa Pemrograman & Script untuk Web Materi Pertemuan ke-7.
Team Teknik Elektro UHAMKA HTML.
S1 Teknik Informatika - Unijoyo1 Pemrograman Basis Data Berbasis Web Pertemuan Ke-7 (XML)
Introduction to XML.
S1 Teknik Informatika - Unijoyo
1 Pertemuan > Basis Data pada Aplikasi Berbasis Web Matakuliah: >/ > Tahun: > Versi: >
Pengantar Web Design.
Desain Web dengan Tag HTML
Teknologi Internet dan Web
Perancangan Sistem 6 Senin,
Teknologi Internet dan Web
Pengantar Multimedia #3
Multimedia Matematika – Pertemuan 3
Hyper Text Markup Language
KOMPUTER APLIKASI IT II
Pemrograman Basis Data Berbasis Web
Pengantar XML XML dan aplikasinya.
Semantic Web: Web Services
Pemrograman Web/TI/ AK /2 sks
HTML Introduction and Formatting Session 06 & 07
Hanya untuk kepentingan pengajaran di lingkungan Fakultas Ilmu Terapan
Bahasa Pemrograman & Script untuk Web
Pemrograman Berbasis WEB
Semantic Web : Dasar XML
Introduction to Web & HTML Pertemuan 08
Darmawan satyananda Mathematics department State university of malang
Dasar-Dasar Pemrograman
Pengembangan Web HTML Dasar
Pemrograman Web PG117 – 3 SKS.
Pemrograman Web/TI/ AK /2 sks
Web Markup & Display Language XML (Extensible Markup Language)
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
XML.
Transcript presentasi:

Pengantar Teknologi Web 7 XML dan aplikasinya

What Is Markup? Information added to a text to make its structure comprehensible Pre-computer markup (punctuational and presentational) Word divisions Copy-editor and typesetters marks Any kind of codes added to a document Typesetting (presentational markup) TeX, Scribe, PostScript, Declarative markup HTML (sometimes) XML

XML (eXtensible Markup Language) XML kependekan dari eXtensible Markup Language, dikembangkan mulai tahun 1996 dan mendapatkan pengakuan dari W3C pada 10 Februari 1998. It ought to be called the eXtensible Meta Language since it is a language used to create other languages ? Teknologi XML adalah teknologi keturunan dari SGML (Standard Generalized Markup Language, ISO 8879) yang dikembangkan pada tahun 1980-an. XML adalah suatu bahasa Markup, yaitu bahasa yang berisikan kode-kode berupa tanda-tanda tertentu dengan aturan tertentu untuk memformat dokumen teks dengan tag sendiri agar dapat dimengerti. Contoh yang mirip : bahasa HTML, RTF, Wordstar XML adalah language untuk mengidentifikasi dan menandai data terstruktur.

Some History SGML (Standard Generalized Markup Language) ISO Standard, 1986, for data storage & exchange Metalanguage for defining languages (through DTDs) A famous SGML language: HTML!! Separation of content and display Used in U.S. gvt. & contractors, large manufacturing companies, technical info. Publishers,... SGML reference is 600 pages long XML (eXtensible Markup Language) W3C (World Wide Web Consortium) -- http://www.w3.org/XML/ recommendation in 1998 Simple subset (80/20 rule) of SGML: “ASCII of the Web”, “Semantic Web” XML specification is 26 pages long

XML (2) - Keuntungan Keunggulan dan keuntungan dari XML adalah: Ekstensibilitas dan reusable Memungkinkan pemrograman yang lebih baik: Dapat memperlihatkan hubungan antar data. XML dapat diprogram dan sudah banyak software pengolah XML. Memisahkan data dan presentasi. Data disimpan dalam XML sedangkan untuk presentasi (tampilan) dibuat dengan menggunakan XSLT. Pencarian data cepat karena XML merupakan data dalam format yang terstruktur. Hal ini dapat dilakukan dengan menggunakan XPath dan XQuery berdasarkan suatu elemen tertentu. Bersifat plain text dan platform independent. Terstruktur dan standard

XML (3) – Pertukaran data

Perbedaan antara XML dan HTML HTML merupakan tag untuk memformat tampilan (menitik-beratkan pada unsur presentasi) Standar dan baku XML merupakan tag untuk menkontrol data dan tidak memperhatikan tampilan (menitik-beratkan pada unsur representasi / penyajian dan penyimpanan data) Dapat membuat tag-tag sendiri sesuai dengan data yang ingin ditampilkan.

HTML XML

Contoh XML <?xml version="1.0" encoding="UTF-8“?> <DOCUMENT> <GREETING> Hello From XML </GREETING> <MESSAGE> Welcome to the wild and woolly world of XML. </MESSAGE> </DOCUMENT>

Tampilan XML di browser

error Jika terdapat suatu kesalahan di dalam dokumen XML, maka web browser akan menyediakan suatu pesan bantuan yang memberitahukan di mana error tersebut terjadi dan menampilkan potongan kode yang salah.

Aturan XML Dokumen XML digunakan untuk mendeskripsikan dokumen itu sendiri dengan sintaks yang sederhana. Contoh: <?xml version="1.0" encoding="ISO-8859-1"? standalone=“yes”> <note> <to>Tove</to> <from>Jani</from> <heading>Reminder</heading> <body>Don't forget me this weekend!</body> </note>

Aturan XML Tag <xml> : medefinisikan versi xml, encoding yang digunakan dan status xml. Tag <note> adalah elemen root dalam dokumen. Tag <to>, <from>, <heading>, dan <body> adalah child elements dari elemen <note>.

Aturan XML Semua tag xml harus memiliki tag penutup. Pada HTML beberapa elemen tidak harus berpasangan. Contoh berikut ini diperbolehkan dalam penulisan HTML: <p>paragraph pertama <p>paragraph kedua Hal demikian tidak berlaku pada XML. Kita harus menulis pula tag penutup untuk setiap tag yang kita buat. Penulisannya harus seperti ini: <p>paragraph pertama</p> <p>paragraph kedua</p> Tag tunggal hanya diperbolehkan untuk elemen kosong. Contoh penulisannya sebagai berikut: <anggota nama=”anton”/> <br /> <paragraph heading=“awal” />

Aturan XML XML Declaration: Setiap membuat dokumen XML diawali dengan heading standard XML. Formatnya adalah sebagai berikut:

Aturan XML Tag XML adalah case sensitive (membedakan antara huruf besar dan kecil). Contoh berikut adalah contoh yang salah: <buku> <judul>AASE</Judul> <penGarang>Antonius</pengarang> <BUKU>

Aturan XML Semua tag XML harus tersarang dengan benar dan tidak terbalik-balik. Contoh: <b><i>This text is bold and italic - wrong</b></i> <b><i>This text is bold and italic - right</i></b>

Aturan XML Semua dokumen XML harus memiliki elemen root. Elemen root adalah elemen teratas/tertinggi yang harus memiliki tag penutup. Contoh: <orangtua> <anak> <namaanak>.....</namaanak> </anak> </orangtua> Dalam contoh di atas elemen <orangtua> adalah elemen root.

Aturan XML Nilai atribut harus diapit dalam tanda petik ganda (double quote) atau petik tunggal (single quote). Contoh: <?xml version="1.0" encoding="ISO-8859-1"?> <note date=‘12/11/2002’> <to>Tove</to> </note>

Aturan XML Dalam XML karakter spasi akan dibaca sebagai karakter spasi. Dalam HTML jika ada lebih dari satu karakter spasi, karakter spasi tersebut dihilangkan sehingga menjadi 1 spasi saja, Contoh: “Hello <spasi> <spasi> my name is Tove” akan menjadi “Hello my name is Tove”. Namun dalam XML karakter spasi tetap dibaca sebagai karakter spasi.

Aturan XML Komentar adalah kalimat/baris yang tidak dieksekusi oleh compiler, browser atau parser. Penulisan komentar di XML menggunakan tanda <!-- komentar --> Dalam XML, karakter ‘<’ dan ‘>’ adalah illegal.. <syarat>jika jumlah < 1000 maka</syarat> Legal:

Entity with References

XML Documents may contain: – Elements – Attributes – Comments – Entities – Processing instructions – Character data (CData) – XML text and whitespace – DTD

Node dalam XML Sebuah dokumen XML terdiri dari bagian bagian yang disebut dengan node. 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. 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=”anton” />. Attribute node: berupa elemen tambahan dari elemen utama. Text node: adalah text yang merupakan isi dari sebuah elemen, ditulis diantara tag pembuka dan tag penutup. Comment node: adalah baris yang tidak dieksekusi oleh parser.

Node dalam XML Processing Instruction node: adalah perintah pengolahan dalam dokumen XML. Node ini ditandai dengan karakter <? Dan diakhiri dengan ?>. Tapi perlu diingat bahwa header standard XML <?xml version=”1.0” encoding=”iso-8859-1”?> bukanlah processing instruction node. Header standard bukanlah bagian dari hirarki pohon dokumen XML. Namespace Node: node ini mewakili deklarasi namespace.

Tipe XML Well Formed XML: jika mengikuti spesifikasi / aturan XML namun tidak memiliki DTD / XML Schema Valid XML: jika mengikuti spesifikasi / aturan XML dan memiliki & sesuai dengan DTD / XML Schema. Invalid XML: jika tidak mengikuti aturan XML & tidak memiliki DTD.

Memformat XML Terdapat 2 cara untuk memformat data XML untuk menampilkannya pada web browser, yaitu dengan menggunakan: 1. CSS (Cascading Style Sheets) 2. XSL (eXstensible Stylesheet Language)

XML Applications & Industry Initiatives http://www.oasis-open.org/cover/xml.html#applications Advertising: adXML place an ad onto an ad network or to a single vendor Literature: Gutenberg convert the world’s great literature into XML Directories: dirXML Novell’s Directory Services Markup Language (DSML) Web Servers: apacheXML parsers, XSL, web publishing Travel: openTravel information for airlines, hotels, and car rental places News: NewsML creation, transfer and delivery of news Human Resources: XML-HR standardization of HR/electronic recruiting XML definitions International Dvt: IDML improve the mgt. and exchange of info. for sustainable development Voice: VoxML markup language for voice applications Wireless: WAP (Wireless Application Protocol) wireless devices on the World Wide Web Weather: OMF Weather Observation Markup Format (simulation) Geospatial: ANZMETA distributed national directory for land information Banking: MBA Mortgage Bankers Association of America --> credit report, loan file, underwriting… Healthcare: HL7 DTDs for prescriptions, policies & procedures, clinical trials Math: MathML (Mathematical Markup Language) Surveys: DDI (Data Documentation Initiative) “codebooks” in the social and behavioral sciences

XML E-commerce Initiatives CommerceNet eCo Framework XML specs. to support interoperability among e-businesses Commerce One Common Business Library (CBL): set of business components, docs. In DTD, XDR, SOX BizTalk Microsoft spec. based on XML schemas cXML (Commerce XML) -- tag-sets for e-procurement into BizTalk Electronic Data Interchange (EDI) RosettaNet Common format for online ordering FpML (Financial products Markup Language): sharing of financial data (interest rate & foreign exchange products) Open Buying on the Internet (OBI) OBI high volume b2b purchasing transactions over the Internet (Office Depot, Lockheed, barnesandnoble, AX... E-commerce and XML VISA Invoices The Visa Extensible Markup Language (XML) Invoice Specification provides a comprehensive list of data elements contained in most invoices, including: Buyer/Supplier, Shipping, Tax, Payment, Currency, Discount, and Line Item Detail. B2B Integration code360 XML-Broker is middleware software that manages XML based transactions Bluestone XML Suite Enables to develop and deploy e-commerce, electronic data interchange, application integration and supply chain management applications. Bluestone XML Suite products include: XML-Server, Visual-XML, XML-Contact and XwingML. webMethods Provides companies with integrated direct links to buyers and suppliers

Example: Relational Data to XML tuple A a1 /A B b1 /B C c1 /C /tuple A a2 /A B b2 /B C c2 /C … /R c2 b2 a2 c3 b3 a3 c1 b1 a1 C B A R tuple A B C a1 b1 c1 a2 b2 c2 a3 b3 c3

NEXT