Widianto Nugroho, S.Sn. Web Standard untuk Situs Pendidikan 1.

Slides:



Advertisements
Presentasi serupa
HTMLHTML ADVANCE. HTML DOCTYPE Sebuah deklarasi DOCTYPE mengacu pada aturan- aturan untuk bahasa markup, sehingga browser membuat konten dengan benar.
Advertisements

Mengelola isi halaman web
EIH/Pengantar Sistem Informasi
Pemrograman Terstruktur
Pemrograman XML Introducing XML Salhazan Nasution, S.Kom.
PENGELOLAAN WEB Widianto Nugroho, S.Sn.. • Definition • Requirements • Managing Content • Usability & Design • Web Analytics.
EIH/Pengantar Sistem Informasi 1 Aplikasi Web Eka Ismantohadi.
KONSEP DASAR WEB DAN INTERNET
Memahami Etimologi Multimedia
Teknologi Informasi Komputer SMPN 10 Yogyakarta
Menunjukkan berbagai peralatan TIK melalui gambar
Web Service.
PEMROGRAMAN WEB –Pertemuan 1
Pengenalan Teknologi Web. Sistem Operasi Sistem operasi (operating system ; OS) adalah seperangkat program yang mengelola sumber daya perangkat keras.
World Wide Web Pengenalan HTML Tag-Tag Dasar HTML
KETENTUAN SOAL - Untuk soal no. 1 s/d 15, pilihlah salah satu
13 CSS ( CASCADING STYLE SHEET II ) Bayangkan jika kita memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap.
HTML Hipertext Markup Language
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
Luas Daerah ( Integral ).
HTML.
Pengantar Teknologi Mobile 9 Antonius Rachmat C, S.Kom XHTML – Mobile Profile.
WEB Pengembangan Evangs Mailoa Prinsip Dasar Internet, Web,
Ragam Dialog Interaksi
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
HTML.
Basic HTML Konsep dan Fungsi HTML
Konsep Pemrograman Internet
A. A. Bajuadji, S.Kom, M.Eng |
Peng. Komp & TI 2C M1 Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C.
Minggu 1…… Page 1 MINGGU Ke Satu Pemrograman Visual 2 Pokok Bahasan: Mengenal Web dengan ASP Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan.
PEMROGRAMAN BERBASIS WEB
Mengelola isi halaman web
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
Teknologi WEB.
B L O G Joshua Joviando 1. Bagian 2 Membuat Blog di 2.
PERANCANGAN ANTARMUKA ATAU LAYAR.
for further detail, please visit
Pertemuan 8 : Pemasaran E-commerce (2)
Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.
Cascading Style Sheet Oleh : Edy Mulyanto
Perancangan dan Pemrograman Web (PPW)
Pengantar Teknologi Mobile
Web and Multimedia based Programming K2133 Pemrograman berbasis Web dan Multimedia 1.
Teknologi Informasi dan Komunikasi Andy Wisnu Wardana S.Kom MCP.
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
Team Teknik Elektro UHAMKA HTML.
S1 Teknik Informatika - Unijoyo1 Pemrograman Basis Data Berbasis Web Pertemuan Ke-7 (XML)
Pengantar Web Design.
CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan.
Pemrograman internet ABU SALAM, M.KOM.
HTML Form dan Manipulasinya
Teknologi Informasi Komputer SMPN 10 Yogyakarta
Pengenalan Dasar Web Pertemuan 1
Teknologi Dasar Internet dan Web
Hyper Text Markup Language
Pemrograman Basis Data Berbasis Web
Pemrograman Web Dinamis
(Cascading Stylesheet)
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Pemrograman internet ABU SALAM, M.KOM.
Peng. Komp & TI 2C Peng. Komp & TI 2C Peng. Komp & TI 2C
DAVID A P E RAHAWARIN, S.Kom
( Cascading style sheets)
Cascading Style Sheet.
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
By : Mahendar Dwi Payana, S.ST., M.T
XML.
Assalamualaikum Wr. Wb.. WORK APLIKASI INTERNET Dosen: Hery Sudibyo, M.Kom PROGRAM STUDI : SISTEM INFORMASI UNIVERSITAS DHARMAS INDONESIA.
Transcript presentasi:

Widianto Nugroho, S.Sn. Web Standard untuk Situs Pendidikan 1

Web Standards Web standards adalah istilah untuk standard formal dan spesifikasi teknis lainnya yang mendefinisikan dan mendeskripsikan berbagai aspek dari Web. Spesifikasi teknis tersebut dikeluarkan oleh World Wide Web Consortium (W3C). Pada beberapa tahun terakhir, istilah tersebut lebih sering diasosiasikan dengan kecenderungan menganjurkan best practice yang terstandardisasi untuk membangun situs web, dan filosofi desain dan pengembangan web yang menggunakan metode-metode tersebut. 2

W3C “To lead the World Wide Web to its full potential by developing protocols and guidelines that ensure long- term growth for the Web” Didirikan oleh Tim Berners-Lee pada tahun 1994 Mengembangkan rekomendasi terbuka (Web Standards) Sebuah forum netral untuk membangun konsensus seputar standard Web 3

W3C W3C mengembangkan spesifikasi terbuka (de facto standards) untuk meningkatkan interoperabilitas produk-produk yang berhubungan dengan web. Rekomendasi-rekomendasi W3C dikembangkan oleh berbagai working group yang terdiri dari anggota konsorsium dan ahli yang diundang. Working group mendapatkan konsensus umum dari perusahaan-perusahaan dan organisasi lainnya yang membuat aplikasi Web, dan membuat Working Draft dan usulan rekomendasi yang disubmit ke W3C untuk mendapatkan persetujuan sebagai rekomendasi W3C. 4

Beberapa prinsip penting Teknologi Web harus interoperable – Web berdasarkan pada rangkaian luas teknologi yang ada di belakangnya – Tidak ada satu teknologi pun yang dapat seolah-olah mengcover semua kebutuhan di Web – Dengan demikian interoperabilitas dari teknologi menjadi penting Web Standards haruslah terbuka, non-proprietary Web harus bisa diakses untuk semua 9

Goal jangka panjang W3C Web for Everyone – Tanpa memandang bahasa, kemampuan user, lokasi geografis, peralatan yang digunakan untuk mengakses, dan lain-lain Web on Everything – Tidak hanya PC, namun pada HP, PDA, TV, dan lain-lain Knowledge Base, Advanced data searching and sharing – Informasi untuk diproses oleh manusia dan mesin Trust and Confidence – Teknologi untuk kolaborasi – Web dengan akuntabilitas, keamanan, dan konfidensialitas 10

Beberapa Contoh Standard W3C HTML 4.0 XML 1.0 XHTML CSS – Cascading Style Sheets 11

HTML 4.0 HyperText Markup Language (HTML) digunakan secara luas di Web untuk memberikan struktur pada dokumen teks. Browser menginterpretasi dokumen tersebut, menampilkan struktur secara media-specific terhadap user. Contoh: browser visual menampilkan elemen strong ( … ) sebagai teks dengan huruf tebal, sementara pembaca text-to-speech memberi penekanan ketika mengucapkan kata di dalamnya. 12

XML 1.0 Extensible Markup Language (XML) adalah bahasa markup seperti HTML, namun tidak mempunyai serangkaian elemen yang baku. XML memungkinkan kita untuk mendefinisikan elemen sesuai dengan kebutuhan – atau menggunakan serangkaian elemen yang dibuat oleh orang lain. XML bahkan memungkinkan kita menggunakan berbagai rangkaian elemen – dengan menggunakan XML namespace. 14

XHTML XHTML adalah reformulasi HTML sebagai aplikasi XML. XHTML 1.0 berdasarkan pada HTML 4.0, namun secara teknis lebih strict karena pegaruh XML. XHTML akan ditampilkan di dalam browser sama dengan HTML. XHTML digunakan bila kita akan mereproses konten, misalnya untuk dikirim ke perangkat PDA; aturan sintaks XML yang lebih strict akan membuat pemrosesan otomatis XHTML akan lebih mudah dan cepat dibanding HTML biasa. 18

World Wide Web Consortium (W3C) url("/2008/site/css/advanced"); /*]]>*/ Isi situs 19 Contoh File HTML (xHTML)

CSS – Cascading Style Sheets Cascading Style Sheets (CSS) adalah mekanisme untuk mengubah tampilan dari elemen-elemen HTML atau XML, dengan menugaskan style pada tipe elemen, class yang didefinisikan sendiri, atau masing-masing turunannya. Stylesheets bisa digunakan secara konsisten untuk mendefinisikan tampilan dari keseluruhan situs. Dengan kemunculan CSS, W3C merekomendasikan bahwa fitur yang terkait dengan layout dalam HTML dihapus dan digantikan oleh stylesheets, membuat Web menjadi lebih simpel dan terstruktur. 21

Keuntungan Menggunakan Web Standards Aksesibilitas – Bagi perangkat lunak/mesin – Bagi manusia Stabilitas 24

Aksesibilitas bagi perangkat lunak/mesin Visibilitas dalam mesin pencarian. Informasi yang terstruktur dalam dokumen yang standard compiant memudahkan search engine untuk mengakses dan mengevaluasi informasi dalam dokumen sehingga dapat mengindeks secara lebih akurat. Penekanan pada pentingnya dokumen yang terstruktur dengan baik sehingga dapat dibaca oleh browser lama. Dokumen yang standard compliant dapat dengan mudah dikonversi ke format lainnya seperti documen Word dan format lainnya. 25

Aksesibilitas bagi manusia Aksesibilitas tidak hanya memungkinkan web dapat diakses oleh orang yang disable, namun juga memungkinkan web dapat dipahami oleh orang yang menggunakan browser yang berbeda dari yang biasa digunakan, seperti voice browser bagi yang menyandang cacat penglihatan, braile browser, hand- held browser dengan monitor yang sangat kecil, dan perangkat output yang tidank biasa lainnya. 26

Stabilitas Sebagian besar standard web umumnya dirancang dengan kompatibilitas forward dan backward – sehingga data yang menggunakan versi lama dari standard akan tetap dapat bekerja dengan baik menggunakan browser baru, demikian pula sebaliknya. 27

Web Perguruan Tinggi Melayani penyebaran informasi (tri darma) – Pendidikan – Penelitian – Pengabdian pada masyarakat di perguruan tinggi kepada masyarakat luas 28

Struktur Pengelolaan Web di ITB (Terdistribusi) Prodi & KK Fakultas/Sekolah Pengelola pusat Top level, (RSS+Aggregator) Fak/sek (RSS) Prodi (RSS) KK (RSS) Fak/sek (RSS) Prodi (RSS) KK (RSS) 29

Standardisasi Tampilan – XHTML + CSS Themes – Wordpress – Drupal – Joomla Validator Markup (xHTML) dan CSS 30

33 ITB Web 2010

35

36

TERIMA KASIH