ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
UNIVERSITAS BUDILUHUR
TUGAS 8 0316 (INDIVIDU )
REKAYASA WEB
NAMA : HIDAYATUL ICHWAN
NIM : 1311511529
JAKARTA
1. Jelaskan mengenai HTML5 !, berikan perbedaan-perbedaan dengan
versi HTML sebelumnya dan berikan contoh web yang telah
mengimplementasikan HTML5 1
? HTML5 adalah revisi yang sedang dibangun oleh konsorsium W3C untuk
dimasukkan sebagai perubahan besar berikutnya pada standar HTML.
Sebagaimana pendahulu sebelumnya yaitu: HTML 4.01 dan XTHML 1.1,
HTML5 adalah sebuah standar untuk menstrukturkan dan menampilkan
isi pada World Wide Web. Standar ini memperkenalkan fitur baru seperti
memutar video serta drag and drop, Sebelumnya fitur ini bergantung
pada plugins pihak ketiga di penjelajah web seperti Adobe Flash dan
Microsoft Silverlight. Tujuan dibuatnya HTML5 antara lain:
? Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript.
? Mengurangi kebutuhan untuk plugin eksternal (seperti Flash).
? Penanganan kesalahan yang lebih baik.
? Lebih banyak markup untuk menggantikan scripting.
? HTML5 merupakan perangkat mandiri
Perbedaan-perbedaan dengan versi HTML
sebelumnya
? Spesifikasi HTML 5 menjabarkan vokabular yang dapat
ditulis dalam dua sintak yaitu html dan XML yang
disesuaikan dengan kebutuhan pemrogram, pasar atau
aplikasi.
? HTML SEBELUMNYA
Vokabular HTML dari jaman sebalumnya (HTML+, HTML
2.0, HTML 3.2) umumnya ditulis menggunakan aturan
sintak SGML. Pada HTML 4 telah diterapkan dua sintak
yaitu: SGML (disebut sebagai HTML 4.01) dan XML
(disebut XHTML 1.0).
? Perbedaan HTML 5 dengan HTML 4.01 dan XHTML 1.x
Berikut disajikan beberapa contoh perbedaan yang spesifik.
? Aturan baru saat melakukan parsing berorientasi pada towards dan kompatibilitas; tidak
berbasis pada SGML
? Kemampuan untuk mendukung format SVG dan MathML pada text/html
? Elemen baru: article, aside, audio, canvas, command, datalist, details, embed, figcaption,
figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby,
section, source, summary, time, video, wbr
? Tipe baru pada kontrol form : dates and times, email, url, search, color
? Atribut baru: ping (pada elemen a and area), charset (pada meta), async (ada script)
? Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : id, tabindex,
hidden, data-* (atribut data kustom)
? Selain dapat bernilai GET atau POST, elemen attribut
? kini telah mendukung nilai PUT dan DELETE. (Sebagai contoh kasus lihat Representational
State Transfer)
? Elemen yang telah deprecated secara bersamaan akan dihapus : acronym, applet,
basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt,
HTML versi 1.0
HTML versi 1.0 ini adalah versi pertama sejak lahirnya nama html tersebut,
memiliki sebuah kemampuan untuk heading, paragraph, hypertext, bold
dan italic text, wrapping serta memiliki dukungan dalam peletakan sebuah
gambar
HTML versi 2.0
HTML versi 2.0 pada 14 Januari 1996, pada versi ini ada beberapa tambahan
kemampuan diantaranya penambahan form comment, hal ini menyebabkan
adanya sebuah interaktif dan mulai dari versi ini yang menjadikan sebuah
pioneer dalam perkembangan homepage interaktif.
HTML versi 3.0
HTML versi 3.0 dirilis pada 18 Desember 1997 yang sering disebut sebut sebagai
HTML+ yang mempunyai kemampuan dalam beberapa fasilitas diantaranya
adalah penambahan fitur table dalam paragraph, Dan pada bulan Mei 1996
dikeluarkan versi baru sebagai pengganti dan penyampurnaan versi 3.0 ini yaitu
HTML versi 3.2,
HTML versi 4.0
HTML versi 4.0, seperti yang kita kenal HTML pada saat ini penambahan link,
meta, imagemaps, image dan lain lain sebagai penyempurnaan versi 3.2.
HTML versi 5.0
HTML versi 5.0 yang merupakan sebuah bahasa markah untuk
menstrukturkan dan menampilkan isi dari Waring Wera Wanua, Tujuan utama
pengembangan HTML5 adalah untuk memperbaiki teknologiHTMLagar
mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan
juga mudah dimengerti oleh mesin.
Contoh web yang telah mengimplementasikan
HTML5
? http://muro.deviantart.com/Feature 2
? http://www.thewildernessdowntown.com/
? http://www.thisshell.com/
? http://rumpetroll.com/
? http://lostworldsfairs.com/
Tugas 8   ku - 0316 1311511529
Apa yang anda ketahui tentang WebSocket pada
HTML5, berikan contoh applikasinya !
? WebSocket didefinisikan sebagai sebuah Application Programming
Interfaces (API) yang membuat koneksi "socket" antara web browser dan
server. Dalam kata polos: Ada sebuah koneksi tetap antara klien dan
server, dan kedua pihak dapat memulai mengirim data kapan saja.
? WebSocket merupakan bagian dari HTML5. WebSocket menghadirkan
pengurangan besar dalam lalu-lintas jaringan yang tidak penting
dan latency dibandingkan dengan solusi polling dan long-polling yang
telah digunakan untuk mensimulasikan koneksi dua arah dengan cara
menjaga dua koneksi tetap terhubung.
? Aplikasi Yang Harus Menggunakan WebSocket
- Aplikasi dengan banyak pengguna atau Multi-User Apps
- Aplikasi langsung atau Realtime Apps
- Aplikasi dimana data live sangat dibutuhkan, seperti pasar saham, atau
kurs.
Tugas 8   ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529

More Related Content

Viewers also liked (14)

Presentation819
Presentation819Presentation819
Presentation819
kaedwards2
?
Algoritmicx
AlgoritmicxAlgoritmicx
Algoritmicx
nesrine000
?
Teachers' first day
Teachers' first dayTeachers' first day
Teachers' first day
carlybear01
?
Presentation819
Presentation819Presentation819
Presentation819
kaedwards2
?
Fundamentals of a personal computer
Fundamentals of a personal computerFundamentals of a personal computer
Fundamentals of a personal computer
spooky282
?
Te 301 nancy edwards mich author
Te 301 nancy edwards mich authorTe 301 nancy edwards mich author
Te 301 nancy edwards mich author
samantha_ann
?
???????? ??????
???????? ?????????????? ??????
???????? ??????
Siriwan41
?
ÊÖ³Ö»¥¶¯Ñ§Ï°ÏµÍ³¹¦Äܼ°Á÷³Ì
ÊÖ³Ö»¥¶¯Ñ§Ï°ÏµÍ³¹¦Äܼ°Á÷³ÌÊÖ³Ö»¥¶¯Ñ§Ï°ÏµÍ³¹¦Äܼ°Á÷³Ì
ÊÖ³Ö»¥¶¯Ñ§Ï°ÏµÍ³¹¦Äܼ°Á÷³Ì
ÕýÖÐ ÉÛ
?
Swadeshi apnavo presentation(Gujarati) by sanjay gurjar [compatibility mode]
Swadeshi apnavo presentation(Gujarati) by sanjay gurjar  [compatibility mode]Swadeshi apnavo presentation(Gujarati) by sanjay gurjar  [compatibility mode]
Swadeshi apnavo presentation(Gujarati) by sanjay gurjar [compatibility mode]
Sanjay Gurjar
?
Dad slideshow
Dad slideshowDad slideshow
Dad slideshow
Lindsay Wikoff
?
Is Big Data Good or Evil
Is Big Data Good or EvilIs Big Data Good or Evil
Is Big Data Good or Evil
Ewen Gallic
?
NamesCon 2017 Social Media Boot Camp
NamesCon 2017 Social Media Boot CampNamesCon 2017 Social Media Boot Camp
NamesCon 2017 Social Media Boot Camp
Jordan Yerman
?
Powerpoint kombis 1
Powerpoint kombis 1Powerpoint kombis 1
Powerpoint kombis 1
Rio Ozoners
?
Chapter 16-marginal-costing and cvp analysis
Chapter 16-marginal-costing and cvp analysisChapter 16-marginal-costing and cvp analysis
Chapter 16-marginal-costing and cvp analysis
Ashvin Vala
?
Teachers' first day
Teachers' first dayTeachers' first day
Teachers' first day
carlybear01
?
Fundamentals of a personal computer
Fundamentals of a personal computerFundamentals of a personal computer
Fundamentals of a personal computer
spooky282
?
Te 301 nancy edwards mich author
Te 301 nancy edwards mich authorTe 301 nancy edwards mich author
Te 301 nancy edwards mich author
samantha_ann
?
???????? ??????
???????? ?????????????? ??????
???????? ??????
Siriwan41
?
ÊÖ³Ö»¥¶¯Ñ§Ï°ÏµÍ³¹¦Äܼ°Á÷³Ì
ÊÖ³Ö»¥¶¯Ñ§Ï°ÏµÍ³¹¦Äܼ°Á÷³ÌÊÖ³Ö»¥¶¯Ñ§Ï°ÏµÍ³¹¦Äܼ°Á÷³Ì
ÊÖ³Ö»¥¶¯Ñ§Ï°ÏµÍ³¹¦Äܼ°Á÷³Ì
ÕýÖÐ ÉÛ
?
Swadeshi apnavo presentation(Gujarati) by sanjay gurjar [compatibility mode]
Swadeshi apnavo presentation(Gujarati) by sanjay gurjar  [compatibility mode]Swadeshi apnavo presentation(Gujarati) by sanjay gurjar  [compatibility mode]
Swadeshi apnavo presentation(Gujarati) by sanjay gurjar [compatibility mode]
Sanjay Gurjar
?
Is Big Data Good or Evil
Is Big Data Good or EvilIs Big Data Good or Evil
Is Big Data Good or Evil
Ewen Gallic
?
NamesCon 2017 Social Media Boot Camp
NamesCon 2017 Social Media Boot CampNamesCon 2017 Social Media Boot Camp
NamesCon 2017 Social Media Boot Camp
Jordan Yerman
?
Powerpoint kombis 1
Powerpoint kombis 1Powerpoint kombis 1
Powerpoint kombis 1
Rio Ozoners
?
Chapter 16-marginal-costing and cvp analysis
Chapter 16-marginal-costing and cvp analysisChapter 16-marginal-costing and cvp analysis
Chapter 16-marginal-costing and cvp analysis
Ashvin Vala
?

Similar to Tugas 8 ku - 0316 1311511529 (20)

Tugas 8
Tugas 8Tugas 8
Tugas 8
Novita Sari
?
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
menghilang
?
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
Ummi khairani
?
Ppt html5
Ppt html5Ppt html5
Ppt html5
rizki pradana
?
Tugas 8 rekweb
Tugas 8   rekwebTugas 8   rekweb
Tugas 8 rekweb
rimaafauziaah
?
Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidTugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art david
art david
?
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982
debbie95
?
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
044249
?
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
ikasulistiyani
?
Html power point
Html power pointHtml power point
Html power point
minmon
?
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
datarole. PT
?
Html to-blog
Html to-blogHtml to-blog
Html to-blog
nakukurniawan1
?
Tugas 8
Tugas 8Tugas 8
Tugas 8
Elisanendes
?
HTML5
HTML5HTML5
HTML5
ucienmapcu
?
Ppt html5
Ppt html5Ppt html5
Ppt html5
mutianb
?
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
mutia902
?

More from Iich-oNe Hidayat (10)

Tugas 7 ku¨C 0316 1311511529
Tugas 7   ku¨C 0316 1311511529Tugas 7   ku¨C 0316 1311511529
Tugas 7 ku¨C 0316 1311511529
Iich-oNe Hidayat
?
Tugas 7 ku¨C 0316 1311511529
Tugas 7   ku¨C 0316 1311511529Tugas 7   ku¨C 0316 1311511529
Tugas 7 ku¨C 0316 1311511529
Iich-oNe Hidayat
?
Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529
Iich-oNe Hidayat
?
Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529Tugas 6 ku 0316 1311511529
Tugas 6 ku 0316 1311511529
Iich-oNe Hidayat
?
Tugas 5 ku¨C 0316
Tugas 5   ku¨C 0316Tugas 5   ku¨C 0316
Tugas 5 ku¨C 0316
Iich-oNe Hidayat
?
Tugas 4 ku¨C 0316
Tugas 4   ku¨C 0316Tugas 4   ku¨C 0316
Tugas 4 ku¨C 0316
Iich-oNe Hidayat
?
Tugas 3 ¨C 0316
Tugas 3 ¨C 0316Tugas 3 ¨C 0316
Tugas 3 ¨C 0316
Iich-oNe Hidayat
?
Tugas 2 ¨C 0316
Tugas 2 ¨C 0316Tugas 2 ¨C 0316
Tugas 2 ¨C 0316
Iich-oNe Hidayat
?
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
Iich-oNe Hidayat
?
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
Iich-oNe Hidayat
?

Recently uploaded (20)

Restrukturisasi dan Redistribusi Ekonomi melalui Danantara: Pesimis atau Opti...
Restrukturisasi dan Redistribusi Ekonomi melalui Danantara: Pesimis atau Opti...Restrukturisasi dan Redistribusi Ekonomi melalui Danantara: Pesimis atau Opti...
Restrukturisasi dan Redistribusi Ekonomi melalui Danantara: Pesimis atau Opti...
Dadang Solihin
?
Topik 1 - Memahami Konsep Literasi Dasar.pptx
Topik 1 - Memahami Konsep Literasi Dasar.pptxTopik 1 - Memahami Konsep Literasi Dasar.pptx
Topik 1 - Memahami Konsep Literasi Dasar.pptx
SyamsuRiwal2
?
Pergub No. 59 Tahun 2023 - RP3KP PROV NTB 2023-2043.pdf
Pergub No. 59 Tahun 2023 - RP3KP PROV NTB 2023-2043.pdfPergub No. 59 Tahun 2023 - RP3KP PROV NTB 2023-2043.pdf
Pergub No. 59 Tahun 2023 - RP3KP PROV NTB 2023-2043.pdf
WEST NUSA TENGGARA
?
1 Auditing II-Power Point AUDIT SIKLUS PENJUALAN DAN PENAGIHAN: PENGUJIAN PEN...
1 Auditing II-Power Point AUDIT SIKLUS PENJUALAN DAN PENAGIHAN: PENGUJIAN PEN...1 Auditing II-Power Point AUDIT SIKLUS PENJUALAN DAN PENAGIHAN: PENGUJIAN PEN...
1 Auditing II-Power Point AUDIT SIKLUS PENJUALAN DAN PENAGIHAN: PENGUJIAN PEN...
nhkfadhilah
?
Pengumpulan data- Askeb komunitas-Pertemuan 10
Pengumpulan data- Askeb komunitas-Pertemuan 10Pengumpulan data- Askeb komunitas-Pertemuan 10
Pengumpulan data- Askeb komunitas-Pertemuan 10
AyiDamayani
?
Bahan Ajar Modul Editing Kelas Sinematografi
Bahan Ajar Modul Editing Kelas SinematografiBahan Ajar Modul Editing Kelas Sinematografi
Bahan Ajar Modul Editing Kelas Sinematografi
AdePutraTunggali
?
sosialisasi E-Ijazah 2024-2025 baik.pptx
sosialisasi E-Ijazah 2024-2025 baik.pptxsosialisasi E-Ijazah 2024-2025 baik.pptx
sosialisasi E-Ijazah 2024-2025 baik.pptx
imamtarmiji2
?
TADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
TADABUR SURAH AL WAQIAH.pptxdddddddddddddddddddTADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
TADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
wan hanif wan ahmad
?
TUGAS KELOMPOK 3 ANGKATAN 20 TUGAS ORIENTASI PPPK .pptx
TUGAS KELOMPOK 3 ANGKATAN 20  TUGAS ORIENTASI PPPK .pptxTUGAS KELOMPOK 3 ANGKATAN 20  TUGAS ORIENTASI PPPK .pptx
TUGAS KELOMPOK 3 ANGKATAN 20 TUGAS ORIENTASI PPPK .pptx
eraoktafia92
?
Komsas: Justeru Impian Di Jaring (Tingkatan 3)
Komsas: Justeru Impian Di Jaring (Tingkatan 3)Komsas: Justeru Impian Di Jaring (Tingkatan 3)
Komsas: Justeru Impian Di Jaring (Tingkatan 3)
ChibiMochi
?
MATERI KE 3 BACAAN MAD (PANJANG) TAHSIN 2025
MATERI KE 3 BACAAN MAD (PANJANG) TAHSIN 2025MATERI KE 3 BACAAN MAD (PANJANG) TAHSIN 2025
MATERI KE 3 BACAAN MAD (PANJANG) TAHSIN 2025
BangZiel
?
5. Program Semester Mapel Bahasa Indonesia.docx
5. Program Semester Mapel Bahasa Indonesia.docx5. Program Semester Mapel Bahasa Indonesia.docx
5. Program Semester Mapel Bahasa Indonesia.docx
KhusnulAzizah4
?
Daftar Judul Paper Artificial Intelligence in Information System
Daftar Judul Paper Artificial Intelligence in Information SystemDaftar Judul Paper Artificial Intelligence in Information System
Daftar Judul Paper Artificial Intelligence in Information System
Ainul Yaqin
?
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
ROBIATUL29
?
Menggambar Objek Tumbuhan dengan memperhatikan proporsi
Menggambar Objek Tumbuhan dengan memperhatikan proporsiMenggambar Objek Tumbuhan dengan memperhatikan proporsi
Menggambar Objek Tumbuhan dengan memperhatikan proporsi
suandi01
?
kimia farmasi mengenai materi kimia dalam
kimia farmasi mengenai materi kimia dalamkimia farmasi mengenai materi kimia dalam
kimia farmasi mengenai materi kimia dalam
dessyratnasari13
?
Chapter 1 - Network Security.pptx
Chapter 1 -        Network Security.pptxChapter 1 -        Network Security.pptx
Chapter 1 - Network Security.pptx
Universitas Teknokrat Indonesia
?
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
ROBIATUL29
?
pertemuan 11 new- asuhan komunitas 2025.pptx
pertemuan 11 new- asuhan komunitas 2025.pptxpertemuan 11 new- asuhan komunitas 2025.pptx
pertemuan 11 new- asuhan komunitas 2025.pptx
AyiDamayani
?
pertemuan 12 - asuhan komunitas 2025.pptx
pertemuan 12 - asuhan komunitas 2025.pptxpertemuan 12 - asuhan komunitas 2025.pptx
pertemuan 12 - asuhan komunitas 2025.pptx
AyiDamayani
?
Restrukturisasi dan Redistribusi Ekonomi melalui Danantara: Pesimis atau Opti...
Restrukturisasi dan Redistribusi Ekonomi melalui Danantara: Pesimis atau Opti...Restrukturisasi dan Redistribusi Ekonomi melalui Danantara: Pesimis atau Opti...
Restrukturisasi dan Redistribusi Ekonomi melalui Danantara: Pesimis atau Opti...
Dadang Solihin
?
Topik 1 - Memahami Konsep Literasi Dasar.pptx
Topik 1 - Memahami Konsep Literasi Dasar.pptxTopik 1 - Memahami Konsep Literasi Dasar.pptx
Topik 1 - Memahami Konsep Literasi Dasar.pptx
SyamsuRiwal2
?
Pergub No. 59 Tahun 2023 - RP3KP PROV NTB 2023-2043.pdf
Pergub No. 59 Tahun 2023 - RP3KP PROV NTB 2023-2043.pdfPergub No. 59 Tahun 2023 - RP3KP PROV NTB 2023-2043.pdf
Pergub No. 59 Tahun 2023 - RP3KP PROV NTB 2023-2043.pdf
WEST NUSA TENGGARA
?
1 Auditing II-Power Point AUDIT SIKLUS PENJUALAN DAN PENAGIHAN: PENGUJIAN PEN...
1 Auditing II-Power Point AUDIT SIKLUS PENJUALAN DAN PENAGIHAN: PENGUJIAN PEN...1 Auditing II-Power Point AUDIT SIKLUS PENJUALAN DAN PENAGIHAN: PENGUJIAN PEN...
1 Auditing II-Power Point AUDIT SIKLUS PENJUALAN DAN PENAGIHAN: PENGUJIAN PEN...
nhkfadhilah
?
Pengumpulan data- Askeb komunitas-Pertemuan 10
Pengumpulan data- Askeb komunitas-Pertemuan 10Pengumpulan data- Askeb komunitas-Pertemuan 10
Pengumpulan data- Askeb komunitas-Pertemuan 10
AyiDamayani
?
Bahan Ajar Modul Editing Kelas Sinematografi
Bahan Ajar Modul Editing Kelas SinematografiBahan Ajar Modul Editing Kelas Sinematografi
Bahan Ajar Modul Editing Kelas Sinematografi
AdePutraTunggali
?
sosialisasi E-Ijazah 2024-2025 baik.pptx
sosialisasi E-Ijazah 2024-2025 baik.pptxsosialisasi E-Ijazah 2024-2025 baik.pptx
sosialisasi E-Ijazah 2024-2025 baik.pptx
imamtarmiji2
?
TADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
TADABUR SURAH AL WAQIAH.pptxdddddddddddddddddddTADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
TADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
wan hanif wan ahmad
?
TUGAS KELOMPOK 3 ANGKATAN 20 TUGAS ORIENTASI PPPK .pptx
TUGAS KELOMPOK 3 ANGKATAN 20  TUGAS ORIENTASI PPPK .pptxTUGAS KELOMPOK 3 ANGKATAN 20  TUGAS ORIENTASI PPPK .pptx
TUGAS KELOMPOK 3 ANGKATAN 20 TUGAS ORIENTASI PPPK .pptx
eraoktafia92
?
Komsas: Justeru Impian Di Jaring (Tingkatan 3)
Komsas: Justeru Impian Di Jaring (Tingkatan 3)Komsas: Justeru Impian Di Jaring (Tingkatan 3)
Komsas: Justeru Impian Di Jaring (Tingkatan 3)
ChibiMochi
?
MATERI KE 3 BACAAN MAD (PANJANG) TAHSIN 2025
MATERI KE 3 BACAAN MAD (PANJANG) TAHSIN 2025MATERI KE 3 BACAAN MAD (PANJANG) TAHSIN 2025
MATERI KE 3 BACAAN MAD (PANJANG) TAHSIN 2025
BangZiel
?
5. Program Semester Mapel Bahasa Indonesia.docx
5. Program Semester Mapel Bahasa Indonesia.docx5. Program Semester Mapel Bahasa Indonesia.docx
5. Program Semester Mapel Bahasa Indonesia.docx
KhusnulAzizah4
?
Daftar Judul Paper Artificial Intelligence in Information System
Daftar Judul Paper Artificial Intelligence in Information SystemDaftar Judul Paper Artificial Intelligence in Information System
Daftar Judul Paper Artificial Intelligence in Information System
Ainul Yaqin
?
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
ROBIATUL29
?
Menggambar Objek Tumbuhan dengan memperhatikan proporsi
Menggambar Objek Tumbuhan dengan memperhatikan proporsiMenggambar Objek Tumbuhan dengan memperhatikan proporsi
Menggambar Objek Tumbuhan dengan memperhatikan proporsi
suandi01
?
kimia farmasi mengenai materi kimia dalam
kimia farmasi mengenai materi kimia dalamkimia farmasi mengenai materi kimia dalam
kimia farmasi mengenai materi kimia dalam
dessyratnasari13
?
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
ROBIATUL29
?
pertemuan 11 new- asuhan komunitas 2025.pptx
pertemuan 11 new- asuhan komunitas 2025.pptxpertemuan 11 new- asuhan komunitas 2025.pptx
pertemuan 11 new- asuhan komunitas 2025.pptx
AyiDamayani
?
pertemuan 12 - asuhan komunitas 2025.pptx
pertemuan 12 - asuhan komunitas 2025.pptxpertemuan 12 - asuhan komunitas 2025.pptx
pertemuan 12 - asuhan komunitas 2025.pptx
AyiDamayani
?

Tugas 8 ku - 0316 1311511529

  • 1. UNIVERSITAS BUDILUHUR TUGAS 8 0316 (INDIVIDU ) REKAYASA WEB NAMA : HIDAYATUL ICHWAN NIM : 1311511529 JAKARTA
  • 2. 1. Jelaskan mengenai HTML5 !, berikan perbedaan-perbedaan dengan versi HTML sebelumnya dan berikan contoh web yang telah mengimplementasikan HTML5 1 ? HTML5 adalah revisi yang sedang dibangun oleh konsorsium W3C untuk dimasukkan sebagai perubahan besar berikutnya pada standar HTML. Sebagaimana pendahulu sebelumnya yaitu: HTML 4.01 dan XTHML 1.1, HTML5 adalah sebuah standar untuk menstrukturkan dan menampilkan isi pada World Wide Web. Standar ini memperkenalkan fitur baru seperti memutar video serta drag and drop, Sebelumnya fitur ini bergantung pada plugins pihak ketiga di penjelajah web seperti Adobe Flash dan Microsoft Silverlight. Tujuan dibuatnya HTML5 antara lain: ? Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript. ? Mengurangi kebutuhan untuk plugin eksternal (seperti Flash). ? Penanganan kesalahan yang lebih baik. ? Lebih banyak markup untuk menggantikan scripting. ? HTML5 merupakan perangkat mandiri
  • 3. Perbedaan-perbedaan dengan versi HTML sebelumnya ? Spesifikasi HTML 5 menjabarkan vokabular yang dapat ditulis dalam dua sintak yaitu html dan XML yang disesuaikan dengan kebutuhan pemrogram, pasar atau aplikasi. ? HTML SEBELUMNYA Vokabular HTML dari jaman sebalumnya (HTML+, HTML 2.0, HTML 3.2) umumnya ditulis menggunakan aturan sintak SGML. Pada HTML 4 telah diterapkan dua sintak yaitu: SGML (disebut sebagai HTML 4.01) dan XML (disebut XHTML 1.0).
  • 4. ? Perbedaan HTML 5 dengan HTML 4.01 dan XHTML 1.x Berikut disajikan beberapa contoh perbedaan yang spesifik. ? Aturan baru saat melakukan parsing berorientasi pada towards dan kompatibilitas; tidak berbasis pada SGML ? Kemampuan untuk mendukung format SVG dan MathML pada text/html ? Elemen baru: article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbr ? Tipe baru pada kontrol form : dates and times, email, url, search, color ? Atribut baru: ping (pada elemen a and area), charset (pada meta), async (ada script) ? Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : id, tabindex, hidden, data-* (atribut data kustom) ? Selain dapat bernilai GET atau POST, elemen attribut ? kini telah mendukung nilai PUT dan DELETE. (Sebagai contoh kasus lihat Representational State Transfer) ? Elemen yang telah deprecated secara bersamaan akan dihapus : acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt,
  • 5. HTML versi 1.0 HTML versi 1.0 ini adalah versi pertama sejak lahirnya nama html tersebut, memiliki sebuah kemampuan untuk heading, paragraph, hypertext, bold dan italic text, wrapping serta memiliki dukungan dalam peletakan sebuah gambar HTML versi 2.0 HTML versi 2.0 pada 14 Januari 1996, pada versi ini ada beberapa tambahan kemampuan diantaranya penambahan form comment, hal ini menyebabkan adanya sebuah interaktif dan mulai dari versi ini yang menjadikan sebuah pioneer dalam perkembangan homepage interaktif. HTML versi 3.0 HTML versi 3.0 dirilis pada 18 Desember 1997 yang sering disebut sebut sebagai HTML+ yang mempunyai kemampuan dalam beberapa fasilitas diantaranya adalah penambahan fitur table dalam paragraph, Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai pengganti dan penyampurnaan versi 3.0 ini yaitu HTML versi 3.2,
  • 6. HTML versi 4.0 HTML versi 4.0, seperti yang kita kenal HTML pada saat ini penambahan link, meta, imagemaps, image dan lain lain sebagai penyempurnaan versi 3.2. HTML versi 5.0 HTML versi 5.0 yang merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologiHTMLagar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
  • 7. Contoh web yang telah mengimplementasikan HTML5 ? http://muro.deviantart.com/Feature 2 ? http://www.thewildernessdowntown.com/ ? http://www.thisshell.com/ ? http://rumpetroll.com/ ? http://lostworldsfairs.com/
  • 9. Apa yang anda ketahui tentang WebSocket pada HTML5, berikan contoh applikasinya ! ? WebSocket didefinisikan sebagai sebuah Application Programming Interfaces (API) yang membuat koneksi "socket" antara web browser dan server. Dalam kata polos: Ada sebuah koneksi tetap antara klien dan server, dan kedua pihak dapat memulai mengirim data kapan saja. ? WebSocket merupakan bagian dari HTML5. WebSocket menghadirkan pengurangan besar dalam lalu-lintas jaringan yang tidak penting dan latency dibandingkan dengan solusi polling dan long-polling yang telah digunakan untuk mensimulasikan koneksi dua arah dengan cara menjaga dua koneksi tetap terhubung. ? Aplikasi Yang Harus Menggunakan WebSocket - Aplikasi dengan banyak pengguna atau Multi-User Apps - Aplikasi langsung atau Realtime Apps - Aplikasi dimana data live sangat dibutuhkan, seperti pasar saham, atau kurs.