SlideShare a Scribd company logo
1 of 8
Tugas 8 rekayasa web
(individu)
FAISAL AWAI
1412511014
0316
Jelaskan mengenai HTML5 !, berikan perbedaan-
perbedaan dengan versi HTML sebelumnya dan
berikan contoh web yang telah
mengimplementasikan HTML5 1
HTML5 adalah sebuah bahasa markah untuk
menstrukturkan dan menampilkan isi dari Waring Wera
Wanua, sebuah teknologi inti dari Internet. HTML5 adalah
revisi kelima dari HTML (yang pertama kali diciptakan pada
tahun 1990 dan versi keempatnya, HTML4, pada tahun
1997) dan hingga bulan Juni 2011 masih dalam
pengembangan
Pada dasarnya HTML5 adalah gabungan ‘best practice‘
dari HTML 4.01 dan XHTML. Hampir semua tag atau
elemen pada HTML 4.01 maupun XHTML 1.1 dapat
digunakan dalam HTML5..
Perbedaan-perbedaan dengan versi
HTML sebelumnya
 Penulisan doctipe pada HTML5 lebih sederhana. Mungkin
inilah perbedaan paling mencolok dari halaman HTML yang
ditulis menggunakan HTML5 atau tidak. Penulisan Doctype
atau DTD pada HTML5 menjadi lebih sederhana:
<!DOCTYPE html>.
 Penulisan type atribut untuk tag <style> dan <script> tidak
diperlukan pada HTML5. Hal ini karena secara default web
browser akan menggunakan text/css untuk tag <style>, dan
text/javascript untuk tag <script>. Sebagai contoh, untuk
menggunakan external CSS, Pada HTML versi sebelumnya
kita menuliskan tag <style> secara lengkap: <style
type=”text/css”>…kode CSS… </style>, namun dalam
HTML5 kita bisa membuatnya lebih sederhana:
<style>…..kode CSS…..</style>
 Penulisan meta tag karakter set (charset) pada HTML5
menjadi lebih sederhana: <meta charset=”utf-8″>,
dibandingkan versi sebelumnya: <meta http-
equiv=”content-type” content=”text/html;charset=UTF-8″
/>.
 Pada HTML5, tag yang berdiri sendiri (void element) tidak
harus ditutup seperti dalam XHTML. Penulisan tag <br>
(break) dapat ditulis dengan <br> maupun <br />.
 Walaupun tidak dianjurkan, sebuah tag pada HTML5 boleh
ditulis tanpa tag awal atau tanpa tag akhir. Sebagai contoh,
kita tidak perlu menutup tag <p> dengan tag </p>.
 Penulisan tag dan atribut adalah case-insensitive di dalam
HTML5, sehingga tag <p> dan tag <P> akan dianggap sama.
Hal ini berbeda dengan XHTML yang mengharuskan seluruh
tag ditulis dalam huruf kecil.
 Penulisan atribut tidak harus di dalam tanda kutip. Sebagai
contoh: <p class=satu> adalah valid. Namun jika nilai atribut
terdiri dari karakter spasi, maka tetap harus menggunakan
tanda kutip, seperti: <p class=”satu dua tiga”>.
 HTML5 mendukung multimedia secara langsung
menggunakan tag <audio> dan <video>, sehingga kita tidak
perlu tergantung kepada aplikasi pihak ke-3 seperti flash
player.
 HTML 5 hanya memiliki 1 versi, tidak seperti pendahulunya
yang memiliki 3 versi (pada HTML 4 dan XHTML, anda akan
menemukan versi strict, transitional, dan frameset)
Contoh web yang telah
mengimplementasikan HTML5
1. This Shell
Website ini Shell adalah percobaan HTML5 diciptakan oleh
Studios kerja keras yang mempromosikan album baru Gamit itu
"Parts" dengan cara lebih menyenangkan dan bermanfaat. Situs
ini menyajikan penggemar dengan teka-teki video yang jika
diselesaikan, sebelum musik berakhir, memungkinkan mereka
akses ke free mp3 download lagu.
2. Lost Worlds Fair
Situs Fair Lost World ini dikembangkan untuk menampilkan
kemampuan HTML5 yang melekat dalam IE9 dengan membuat poster
interaktif yang membawa pengguna dalam perjalanan menuju tiga
Lokal dongeng. Dengan menggunakan mouse anda untuk scroll ke
bawah setiap pengunjung poster yang diizinkan untuk mengungkap
misteri lebih lanjut tersembunyi di setiap lokasi.
Apa yang anda ketahui tentang WebSocket
pada HTML5, berikan contoh applikasinya
!
WebSocket adalah Teknologi yang menyediakan
kanal komunikasi bi-directional, full-duplex melalui
socket Transmission Control Protocol (TCP), dan
dirancang untuk diimplementasikan di web browser
serta web server, dan tidak terlepas kemungkinan
untuk dimanfaatkan oleh aplikasi native client-server.
Contoh applikasi WebSocket
Aplikasi Chatting sederhana

More Related Content

What's hot (17)

Html 5
Html 5Html 5
Html 5
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
H t m l
H t m lH t m l
H t m l
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Fajar satrio Html5
Fajar satrio Html5Fajar satrio Html5
Fajar satrio Html5
 
Apa itu html
Apa itu htmlApa itu html
Apa itu html
 
H t m l PPT
H t m l PPTH t m l PPT
H t m l PPT
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982
 
Html 5
Html 5Html 5
Html 5
 
Php mysq l - siapa - takut
Php mysq l - siapa - takutPhp mysq l - siapa - takut
Php mysq l - siapa - takut
 
Pengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPPengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHP
 
Web programming pertemuan 1
Web programming   pertemuan 1Web programming   pertemuan 1
Web programming pertemuan 1
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 

Viewers also liked

Tugas 6 rekayasa web
Tugas 6 rekayasa webTugas 6 rekayasa web
Tugas 6 rekayasa webrizkyripai
 
Wirausaha produk rekayasa elektronika praktis
Wirausaha produk rekayasa elektronika praktis Wirausaha produk rekayasa elektronika praktis
Wirausaha produk rekayasa elektronika praktis Aulya Ilham
 
Prakarya rekayasa elektronika
Prakarya rekayasa elektronikaPrakarya rekayasa elektronika
Prakarya rekayasa elektronikaQiyad N
 
Wirausaha produk rekayasa elektronika praktis
Wirausaha produk rekayasa elektronika praktisWirausaha produk rekayasa elektronika praktis
Wirausaha produk rekayasa elektronika praktisnova147
 

Viewers also liked (9)

Tugas 6 rekayasa web
Tugas 6 rekayasa webTugas 6 rekayasa web
Tugas 6 rekayasa web
 
rekayasa gen
rekayasa genrekayasa gen
rekayasa gen
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Tugas 10
Tugas 10Tugas 10
Tugas 10
 
Tugas 9
Tugas 9Tugas 9
Tugas 9
 
Rekayasa prakarya kelas 8
Rekayasa prakarya kelas 8Rekayasa prakarya kelas 8
Rekayasa prakarya kelas 8
 
Wirausaha produk rekayasa elektronika praktis
Wirausaha produk rekayasa elektronika praktis Wirausaha produk rekayasa elektronika praktis
Wirausaha produk rekayasa elektronika praktis
 
Prakarya rekayasa elektronika
Prakarya rekayasa elektronikaPrakarya rekayasa elektronika
Prakarya rekayasa elektronika
 
Wirausaha produk rekayasa elektronika praktis
Wirausaha produk rekayasa elektronika praktisWirausaha produk rekayasa elektronika praktis
Wirausaha produk rekayasa elektronika praktis
 

Similar to Tugas 8 rekayasa web (individu)

Similar to Tugas 8 rekayasa web (individu) (20)

Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Html5
Html5Html5
Html5
 
Html power point
Html power pointHtml power point
Html power point
 
Html 5
Html 5Html 5
Html 5
 
HTML5
HTML5HTML5
HTML5
 
Bahasa HTML - 01.pdf
Bahasa HTML - 01.pdfBahasa HTML - 01.pdf
Bahasa HTML - 01.pdf
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
Html5
Html5Html5
Html5
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
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
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Html5
Html5 Html5
Html5
 
Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316
 
Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarina
 
Tugas 8 individuu
Tugas 8 individuuTugas 8 individuu
Tugas 8 individuu
 
Html5
Html5Html5
Html5
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 

More from faisalawai

Tugas 7 rekayasa web (individu)
Tugas 7 rekayasa web (individu)Tugas 7 rekayasa web (individu)
Tugas 7 rekayasa web (individu)faisalawai
 
Tugas 5 rekayasa web
Tugas 5   rekayasa webTugas 5   rekayasa web
Tugas 5 rekayasa webfaisalawai
 
Tugas 5 rekayasa web
Tugas 5   rekayasa webTugas 5   rekayasa web
Tugas 5 rekayasa webfaisalawai
 
Tugas 4 rekayasa web
Tugas 4   rekayasa webTugas 4   rekayasa web
Tugas 4 rekayasa webfaisalawai
 
Tugas 3 rekayasa web
Tugas 3   rekayasa webTugas 3   rekayasa web
Tugas 3 rekayasa webfaisalawai
 
Tugas 3 rekayasa web
Tugas 3   rekayasa webTugas 3   rekayasa web
Tugas 3 rekayasa webfaisalawai
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa webfaisalawai
 

More from faisalawai (7)

Tugas 7 rekayasa web (individu)
Tugas 7 rekayasa web (individu)Tugas 7 rekayasa web (individu)
Tugas 7 rekayasa web (individu)
 
Tugas 5 rekayasa web
Tugas 5   rekayasa webTugas 5   rekayasa web
Tugas 5 rekayasa web
 
Tugas 5 rekayasa web
Tugas 5   rekayasa webTugas 5   rekayasa web
Tugas 5 rekayasa web
 
Tugas 4 rekayasa web
Tugas 4   rekayasa webTugas 4   rekayasa web
Tugas 4 rekayasa web
 
Tugas 3 rekayasa web
Tugas 3   rekayasa webTugas 3   rekayasa web
Tugas 3 rekayasa web
 
Tugas 3 rekayasa web
Tugas 3   rekayasa webTugas 3   rekayasa web
Tugas 3 rekayasa web
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 

Tugas 8 rekayasa web (individu)

  • 1. Tugas 8 rekayasa web (individu) FAISAL AWAI 1412511014 0316
  • 2. Jelaskan mengenai HTML5 !, berikan perbedaan- perbedaan dengan versi HTML sebelumnya dan berikan contoh web yang telah mengimplementasikan HTML5 1 HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan Pada dasarnya HTML5 adalah gabungan ‘best practice‘ dari HTML 4.01 dan XHTML. Hampir semua tag atau elemen pada HTML 4.01 maupun XHTML 1.1 dapat digunakan dalam HTML5..
  • 3. Perbedaan-perbedaan dengan versi HTML sebelumnya  Penulisan doctipe pada HTML5 lebih sederhana. Mungkin inilah perbedaan paling mencolok dari halaman HTML yang ditulis menggunakan HTML5 atau tidak. Penulisan Doctype atau DTD pada HTML5 menjadi lebih sederhana: <!DOCTYPE html>.  Penulisan type atribut untuk tag <style> dan <script> tidak diperlukan pada HTML5. Hal ini karena secara default web browser akan menggunakan text/css untuk tag <style>, dan text/javascript untuk tag <script>. Sebagai contoh, untuk menggunakan external CSS, Pada HTML versi sebelumnya kita menuliskan tag <style> secara lengkap: <style type=”text/css”>…kode CSS… </style>, namun dalam HTML5 kita bisa membuatnya lebih sederhana: <style>…..kode CSS…..</style>  Penulisan meta tag karakter set (charset) pada HTML5 menjadi lebih sederhana: <meta charset=”utf-8″>, dibandingkan versi sebelumnya: <meta http- equiv=”content-type” content=”text/html;charset=UTF-8″ />.
  • 4.  Pada HTML5, tag yang berdiri sendiri (void element) tidak harus ditutup seperti dalam XHTML. Penulisan tag <br> (break) dapat ditulis dengan <br> maupun <br />.  Walaupun tidak dianjurkan, sebuah tag pada HTML5 boleh ditulis tanpa tag awal atau tanpa tag akhir. Sebagai contoh, kita tidak perlu menutup tag <p> dengan tag </p>.  Penulisan tag dan atribut adalah case-insensitive di dalam HTML5, sehingga tag <p> dan tag <P> akan dianggap sama. Hal ini berbeda dengan XHTML yang mengharuskan seluruh tag ditulis dalam huruf kecil.  Penulisan atribut tidak harus di dalam tanda kutip. Sebagai contoh: <p class=satu> adalah valid. Namun jika nilai atribut terdiri dari karakter spasi, maka tetap harus menggunakan tanda kutip, seperti: <p class=”satu dua tiga”>.  HTML5 mendukung multimedia secara langsung menggunakan tag <audio> dan <video>, sehingga kita tidak perlu tergantung kepada aplikasi pihak ke-3 seperti flash player.  HTML 5 hanya memiliki 1 versi, tidak seperti pendahulunya yang memiliki 3 versi (pada HTML 4 dan XHTML, anda akan menemukan versi strict, transitional, dan frameset)
  • 5. Contoh web yang telah mengimplementasikan HTML5 1. This Shell Website ini Shell adalah percobaan HTML5 diciptakan oleh Studios kerja keras yang mempromosikan album baru Gamit itu "Parts" dengan cara lebih menyenangkan dan bermanfaat. Situs ini menyajikan penggemar dengan teka-teki video yang jika diselesaikan, sebelum musik berakhir, memungkinkan mereka akses ke free mp3 download lagu.
  • 6. 2. Lost Worlds Fair Situs Fair Lost World ini dikembangkan untuk menampilkan kemampuan HTML5 yang melekat dalam IE9 dengan membuat poster interaktif yang membawa pengguna dalam perjalanan menuju tiga Lokal dongeng. Dengan menggunakan mouse anda untuk scroll ke bawah setiap pengunjung poster yang diizinkan untuk mengungkap misteri lebih lanjut tersembunyi di setiap lokasi.
  • 7. Apa yang anda ketahui tentang WebSocket pada HTML5, berikan contoh applikasinya ! WebSocket adalah Teknologi yang menyediakan kanal komunikasi bi-directional, full-duplex melalui socket Transmission Control Protocol (TCP), dan dirancang untuk diimplementasikan di web browser serta web server, dan tidak terlepas kemungkinan untuk dimanfaatkan oleh aplikasi native client-server.