SlideShare a Scribd company logo
*Nama : Art David LT
*Nim : 1211510944
*Falkutas : FTI
*Tugas 8
Rekayasa Web
0316 - KI
HTML5
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[1]) dan hingga bulan Juni 2011 masih
dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki
teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga
mudah dimengerti oleh mesin.
HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C)
untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML.
HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan
terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.
Berikut tujuan dibuatnya HTML5 :
* Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
* Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
* Penanagan kesalahan yang lebih baik
* Lebih markup untuk menggantikan scripting
* HTML5 merupakan perangkat mandiri
* Proses pembangunan dapat terlihat untuk umum
Fitur baru dalam HTML5 :
* Unsur kanvas untuk menggambar
* Video dan elemen audio untuk media pemutaran
* Dukungan yang lebih baik untuk penyimpanan secara offline
* Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
* Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.
*
Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 (
Internet Explorer ) akan mendukung beberapa fitur dari HTML5.
Perbedaan-perbedaan dengan versi HTML sebelumnya
Penambahan elemen baru:
section serupa seperti h1-h6
article bisa berupa entri blog atau tulisan konten
aside menyajikan konten pelengkap
header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi
footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya
dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk
menyajikan percakapan
yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas, dan elemen
terkait berkas multimedia lainnya.~ Penambahan atribut baru:
atribut media, ping pada elemen pranala
autofocus, placeholder, required, autocomplete, dan sebagainya, terkait elemen input dan form
reversed pada elemen ol untuk urutan besar ke kecil.~ Perubahan makna elemen:
Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak
‘deprecated’ (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik
tertentu. Hal yang sama berlaku pula untuk elemen i
Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi
Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya
dan lain-lain.~ Elemen dan atribut yang tidak digunakan:
center
font
strike, u, big
frame, frameset, noframes
acronym
longdesc
scope pada td
dan sebagainya.

Beberapa contoh website yang menggunakan
HTML 5, seperti dibawah ini:
*Adobe – The Expressive Web
*Orange Spocket
*Har Du Det I Deg
*HTC
*BeerCamp 2012

HTML5 WebSocket, bringing socket to the
web
Pada spesifikasinya, 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.
*
Satu dari sekian banyak fitur unik yang disediakan WebSocket adalah kemampuannya untuk melintasi proxy
dan firewall, yang mana merupakan wilayah yang umumnya bermasalah untuk kebanyakan aplikasi. Aplikasi
berbasis Comet biasanya menggunakan long-polling sebagai garis pertahanan yang belum sempurna untuk
mempertahankan diri dari firewall dan proxy. Teknik tersebut efektif, tapi tidak cocok bila diterapkan
untuk aplikasi yang memiliki latency dibawah 500 milidetik atau membutuhkan haluan keluaran
(Throughput) yang tinggi. Teknologi berbasis plugin seperti Adobe Flash, juga menyediakan beberapa level
dari dukungan socket, namun sejak lama telah dibebani oleh masalah dengan kemampuannya untuk
melewati proxy dan firewall yang mana kini telah dipecahkan oleh WebSocket.
WebSocket mendeteksi kehadiran proxy server dan secara otomatis membuat sebuah tunnel untuk dapat
melewati proxy tersebut. Tunnel dibuat dengan cara mengeluarkan sebuah pernyataan HTTP CONNECT
kepada proxy server, yang mana meminta proxy server untuk membuka koneksi TCP/IP ke host dan port
spesifik. Setelah tunnel selesai dibuat, komunikasi dapat mengalir dengan leluasa melalui proxy. Karena
HTTP/S juga bekerja dengan cara yang sama, secure WebSocket melalui SSL juga dapat menggunakan
teknik HTTP CONNECT yang sama.
WebSocket menggunakan standard protokol RFC6455 untuk handshake dan komunikasi antara klien dan
server. Web browser seperti Google Chrome untuk Android sepenuhnya telah mendukung RFC6455 termasuk
pesan biner.
*
NodeJS adalah framework Javascript yang mengimplementasikan multiple WebSocket Servers, dengan
menggunakan server-side JavaScript dengan model asynchronous event-driven. Hal tersebut memungkinkan Node.js
memiliki performance terbaik untuk mendukung arsitektur di semua aplikasi internet.
Felix Geisendörfer menjelaskan dengan sederhana apa itu NodeJS:
Sebuah command line tool. Anda mengunduh tarball, melakukan proses compile dan install.
Berkerja pada program Javascript dengan mengetikkan ‘node my_app.js’ di Terminal Anda.
JS dieksekusi oleh V8 javascript engine (mesin yang membuat Google Chrome berkerja cepat).
Node menyediakan sebuah JavaScript API untuk mengakses Network dan File System.
Selain Node.js, ada beberapa pilihan Server WebSocket, antara lain:
* jWebSocket (Java)
* web socket Ruby (Ruby)
* Socket IO-Node (NodeJS)
* WebSocket-Node (Pure JS client & server implementation of the lastest draft-10)
* Kaazing WebSocket Gateway (Java-based WebSocket Gateway)
* mod_pyWebSocket (Python-based extension for the Apache HTTP Server)
* Netty (Java network framework which includes WebSocket support)
* wsproxy (WebSockets to generic TCP socket proxy)
* websocket (Python)
* websockify (Python, C, Node.js)
* txWebSocket (Python/Twisted, hixie-76 handshake)
* [plack socketio middleware] (Perl Rack/WSGI-like middleware)
Anda dapat menemukan contoh-contoh script untuk mengimplementasikan NodeJs ataupun framework lainnya yang
mendukung WebSocket, bahkan Anda bisa memulainya dengan Native Script dari Websocket.org

More Related Content

What's hot

Tugas 8 - Rekayasa Web
Tugas 8 - Rekayasa WebTugas 8 - Rekayasa Web
Tugas 8 - Rekayasa Web
arisjunedi
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
Arif Munandar
 
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwiTugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
ISMAIL ALUWI
 
Tugas 8 rekweb
Tugas 8   rekwebTugas 8   rekweb
Tugas 8 rekweb
rimaafauziaah
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
Mohammad Arief
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
utia yahya
 
Html 5
Html 5Html 5
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
044249
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982
debbie95
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
Aditya Indraprasti
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
Elisanendes
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
Linda Lestari
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
rizkyripai
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
datarole. PT
 
Tugas8 [ku]-0316-kahfi arif akbar-1012501571
Tugas8 [ku]-0316-kahfi arif akbar-1012501571Tugas8 [ku]-0316-kahfi arif akbar-1012501571
Tugas8 [ku]-0316-kahfi arif akbar-1012501571
kahfi ariep akbar
 
Laporan tugas besar website_PBW
Laporan tugas besar website_PBWLaporan tugas besar website_PBW
Laporan tugas besar website_PBW
Nona Tyaz Suderajat [AY]
 
Tugas 2 0317 individu
Tugas 2 0317 individuTugas 2 0317 individu
Tugas 2 0317 individu
eko nofrianto
 

What's hot (19)

Tugas 8 - Rekayasa Web
Tugas 8 - Rekayasa WebTugas 8 - Rekayasa Web
Tugas 8 - Rekayasa Web
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwiTugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
 
Tugas 8 rekweb
Tugas 8   rekwebTugas 8   rekweb
Tugas 8 rekweb
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
 
Powerpoint Html5
Powerpoint Html5Powerpoint Html5
Powerpoint Html5
 
Html 5
Html 5Html 5
Html 5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Html5
Html5 Html5
Html5
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
Tugas8 [ku]-0316-kahfi arif akbar-1012501571
Tugas8 [ku]-0316-kahfi arif akbar-1012501571Tugas8 [ku]-0316-kahfi arif akbar-1012501571
Tugas8 [ku]-0316-kahfi arif akbar-1012501571
 
Laporan tugas besar website_PBW
Laporan tugas besar website_PBWLaporan tugas besar website_PBW
Laporan tugas besar website_PBW
 
Tugas 2 0317 individu
Tugas 2 0317 individuTugas 2 0317 individu
Tugas 2 0317 individu
 

Viewers also liked

O pt e a desmoralização da esquerda no brasil
O pt e a desmoralização da esquerda no brasilO pt e a desmoralização da esquerda no brasil
O pt e a desmoralização da esquerda no brasil
Fernando Alcoforado
 
Tugas 3 rekayasa web 0316
Tugas 3 rekayasa web 0316Tugas 3 rekayasa web 0316
Tugas 3 rekayasa web 0316
art david
 
Rumo ao lixo da história
Rumo ao lixo da históriaRumo ao lixo da história
Rumo ao lixo da história
Fernando Alcoforado
 
рязанский край
рязанский крайрязанский край
рязанский край
Mansell19
 
A banking system different is possible
A banking system different is possibleA banking system different is possible
A banking system different is possible
Fernando Alcoforado
 
Us9af 000820dp
Us9af 000820dpUs9af 000820dp
Us9af 000820dp
BaddddBoyyyy
 
наш урок
наш урокнаш урок
наш урок
Mansell19
 
Taller nivelacion 3 periodo sociales tercero
Taller nivelacion 3 periodo  sociales terceroTaller nivelacion 3 periodo  sociales tercero
Taller nivelacion 3 periodo sociales tercero
3168962544
 
A verdade sobre a formação do lucro no capitalismo
A verdade sobre a formação do lucro no capitalismoA verdade sobre a formação do lucro no capitalismo
A verdade sobre a formação do lucro no capitalismo
Fernando Alcoforado
 
кто нас защищает
кто нас защищаеткто нас защищает
кто нас защищает
Mansell19
 

Viewers also liked (10)

O pt e a desmoralização da esquerda no brasil
O pt e a desmoralização da esquerda no brasilO pt e a desmoralização da esquerda no brasil
O pt e a desmoralização da esquerda no brasil
 
Tugas 3 rekayasa web 0316
Tugas 3 rekayasa web 0316Tugas 3 rekayasa web 0316
Tugas 3 rekayasa web 0316
 
Rumo ao lixo da história
Rumo ao lixo da históriaRumo ao lixo da história
Rumo ao lixo da história
 
рязанский край
рязанский крайрязанский край
рязанский край
 
A banking system different is possible
A banking system different is possibleA banking system different is possible
A banking system different is possible
 
Us9af 000820dp
Us9af 000820dpUs9af 000820dp
Us9af 000820dp
 
наш урок
наш урокнаш урок
наш урок
 
Taller nivelacion 3 periodo sociales tercero
Taller nivelacion 3 periodo  sociales terceroTaller nivelacion 3 periodo  sociales tercero
Taller nivelacion 3 periodo sociales tercero
 
A verdade sobre a formação do lucro no capitalismo
A verdade sobre a formação do lucro no capitalismoA verdade sobre a formação do lucro no capitalismo
A verdade sobre a formação do lucro no capitalismo
 
кто нас защищает
кто нас защищаеткто нас защищает
кто нас защищает
 

Similar to Tugas 8 rekayasa web 1211510944 art david

Ppt html5
Ppt html5Ppt html5
Ppt html5
rizki pradana
 
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
Herman Tolle
 
HTML5
HTML5HTML5
HTML5
ucienmapcu
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020mutia902
 
Html to-blog
Html to-blogHtml to-blog
Html to-blog
nakukurniawan1
 
Html power point
Html power pointHtml power point
Html power point
minmon
 
pengertian URL,HTML, dan Hyperlink beserta contohnya
pengertian URL,HTML, dan Hyperlink beserta contohnyapengertian URL,HTML, dan Hyperlink beserta contohnya
pengertian URL,HTML, dan Hyperlink beserta contohnya
isnaizulziyyah
 
Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316
sapatati
 
Makalah internet dan html
Makalah internet dan htmlMakalah internet dan html
Makalah internet dan html
Shinta Ta'Cuco
 
Makalah html
Makalah htmlMakalah html
Makalah html
Shinta Ta'Cuco
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5
Ristianawati
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman
Rika Pertiwi
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programmingFrisianlllllllFlag
 
Tugas Pw [21]
Tugas Pw [21]Tugas Pw [21]
Tugas Pw [21]
guest44fbf5d7
 
Choirul vbnet-01
Choirul vbnet-01Choirul vbnet-01
Choirul vbnet-01
Nurdin Al-Azies
 

Similar to Tugas 8 rekayasa web 1211510944 art david (18)

Ppt html5
Ppt html5Ppt html5
Ppt html5
 
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
HTML5
HTML5HTML5
HTML5
 
Html 5
Html 5Html 5
Html 5
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
 
Html to-blog
Html to-blogHtml to-blog
Html to-blog
 
Html power point
Html power pointHtml power point
Html power point
 
pengertian URL,HTML, dan Hyperlink beserta contohnya
pengertian URL,HTML, dan Hyperlink beserta contohnyapengertian URL,HTML, dan Hyperlink beserta contohnya
pengertian URL,HTML, dan Hyperlink beserta contohnya
 
Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316
 
Makalah internet dan html
Makalah internet dan htmlMakalah internet dan html
Makalah internet dan html
 
Makalah html
Makalah htmlMakalah html
Makalah html
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
 
Tugas Pw [21]
Tugas Pw [21]Tugas Pw [21]
Tugas Pw [21]
 
Choirul vbnet-01
Choirul vbnet-01Choirul vbnet-01
Choirul vbnet-01
 

More from art david

Tugas 7 rekayasa web 1211510944 art david
Tugas 7 rekayasa web 1211510944 art davidTugas 7 rekayasa web 1211510944 art david
Tugas 7 rekayasa web 1211510944 art david
art david
 
Tugas rekayasa web 6
Tugas rekayasa web 6Tugas rekayasa web 6
Tugas rekayasa web 6
art david
 
Tugas 5 rekayasa web
Tugas 5 rekayasa webTugas 5 rekayasa web
Tugas 5 rekayasa web
art david
 
Tugas 4 rekayasa web 0316
Tugas 4 rekayasa web 0316Tugas 4 rekayasa web 0316
Tugas 4 rekayasa web 0316
art david
 
Tugas 3 kelompok 1
Tugas 3 kelompok 1Tugas 3 kelompok 1
Tugas 3 kelompok 1
art david
 
Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316
art david
 
Tugas 1 KI 0316 Kelompok 1
Tugas 1 KI 0316 Kelompok 1Tugas 1 KI 0316 Kelompok 1
Tugas 1 KI 0316 Kelompok 1
art david
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
art david
 

More from art david (8)

Tugas 7 rekayasa web 1211510944 art david
Tugas 7 rekayasa web 1211510944 art davidTugas 7 rekayasa web 1211510944 art david
Tugas 7 rekayasa web 1211510944 art david
 
Tugas rekayasa web 6
Tugas rekayasa web 6Tugas rekayasa web 6
Tugas rekayasa web 6
 
Tugas 5 rekayasa web
Tugas 5 rekayasa webTugas 5 rekayasa web
Tugas 5 rekayasa web
 
Tugas 4 rekayasa web 0316
Tugas 4 rekayasa web 0316Tugas 4 rekayasa web 0316
Tugas 4 rekayasa web 0316
 
Tugas 3 kelompok 1
Tugas 3 kelompok 1Tugas 3 kelompok 1
Tugas 3 kelompok 1
 
Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316
 
Tugas 1 KI 0316 Kelompok 1
Tugas 1 KI 0316 Kelompok 1Tugas 1 KI 0316 Kelompok 1
Tugas 1 KI 0316 Kelompok 1
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
 

Recently uploaded

KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdekaKKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
irvansupriadi44
 
Modul Ajar PAI dan Budi Pekerti Kelas 8 Fase D Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 8 Fase D Kurikulum MerdekaModul Ajar PAI dan Budi Pekerti Kelas 8 Fase D Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 8 Fase D Kurikulum Merdeka
Fathan Emran
 
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
Kanaidi ken
 
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata anginMedia Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
margagurifma2023
 
Aksi Nyata Erliana Mudah bukan memahamii
Aksi Nyata Erliana Mudah bukan memahamiiAksi Nyata Erliana Mudah bukan memahamii
Aksi Nyata Erliana Mudah bukan memahamii
esmaducoklat
 
Laporan Pembina Pramuka sd format doc.docx
Laporan Pembina Pramuka sd format doc.docxLaporan Pembina Pramuka sd format doc.docx
Laporan Pembina Pramuka sd format doc.docx
RUBEN Mbiliyora
 
MODUL AJAR MAT LANJUT KELAS XI FASE F.pdf
MODUL AJAR MAT LANJUT KELAS XI FASE F.pdfMODUL AJAR MAT LANJUT KELAS XI FASE F.pdf
MODUL AJAR MAT LANJUT KELAS XI FASE F.pdf
sitispd78
 
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARUAKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
junaedikuluri1
 
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPALANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
Annisa Syahfitri
 
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIANSINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
NanieIbrahim
 
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptxRANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
SurosoSuroso19
 
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdfPanduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
MildayantiMildayanti
 
Juknis penggunaan aplikasi ecoklit pilkada 2024
Juknis penggunaan  aplikasi ecoklit pilkada 2024Juknis penggunaan  aplikasi ecoklit pilkada 2024
Juknis penggunaan aplikasi ecoklit pilkada 2024
abdinahyan
 
Modul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Matematika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Fathan Emran
 
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
asepridwan50
 
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdfMODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
YuristaAndriyani1
 
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptxGERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
fildiausmayusuf1
 
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdfPPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
SdyokoSusanto1
 
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
nasrudienaulia
 
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptxObservasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
akram124738
 

Recently uploaded (20)

KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdekaKKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
 
Modul Ajar PAI dan Budi Pekerti Kelas 8 Fase D Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 8 Fase D Kurikulum MerdekaModul Ajar PAI dan Budi Pekerti Kelas 8 Fase D Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 8 Fase D Kurikulum Merdeka
 
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
 
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata anginMedia Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
 
Aksi Nyata Erliana Mudah bukan memahamii
Aksi Nyata Erliana Mudah bukan memahamiiAksi Nyata Erliana Mudah bukan memahamii
Aksi Nyata Erliana Mudah bukan memahamii
 
Laporan Pembina Pramuka sd format doc.docx
Laporan Pembina Pramuka sd format doc.docxLaporan Pembina Pramuka sd format doc.docx
Laporan Pembina Pramuka sd format doc.docx
 
MODUL AJAR MAT LANJUT KELAS XI FASE F.pdf
MODUL AJAR MAT LANJUT KELAS XI FASE F.pdfMODUL AJAR MAT LANJUT KELAS XI FASE F.pdf
MODUL AJAR MAT LANJUT KELAS XI FASE F.pdf
 
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARUAKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
 
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPALANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
 
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIANSINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
SINOPSIS, TEMA DAN PERSOALAN NOVEL MENITI IMPIAN
 
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptxRANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
 
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdfPanduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
 
Juknis penggunaan aplikasi ecoklit pilkada 2024
Juknis penggunaan  aplikasi ecoklit pilkada 2024Juknis penggunaan  aplikasi ecoklit pilkada 2024
Juknis penggunaan aplikasi ecoklit pilkada 2024
 
Modul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Matematika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Matematika Kelas 11 Fase F Kurikulum Merdeka
 
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
 
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdfMODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
MODUL P5 FASE B KELAS 4 MEMBUAT COBRICK.pdf
 
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptxGERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
 
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdfPPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
 
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
 
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptxObservasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
 

Tugas 8 rekayasa web 1211510944 art david

  • 1. *Nama : Art David LT *Nim : 1211510944 *Falkutas : FTI *Tugas 8 Rekayasa Web 0316 - KI
  • 2. HTML5 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[1]) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web. Berikut tujuan dibuatnya HTML5 : * Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript * Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash ) * Penanagan kesalahan yang lebih baik * Lebih markup untuk menggantikan scripting * HTML5 merupakan perangkat mandiri * Proses pembangunan dapat terlihat untuk umum Fitur baru dalam HTML5 : * Unsur kanvas untuk menggambar * Video dan elemen audio untuk media pemutaran * Dukungan yang lebih baik untuk penyimpanan secara offline * Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section * Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search. * Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.
  • 3. Perbedaan-perbedaan dengan versi HTML sebelumnya Penambahan elemen baru: section serupa seperti h1-h6 article bisa berupa entri blog atau tulisan konten aside menyajikan konten pelengkap header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas, dan elemen terkait berkas multimedia lainnya.~ Penambahan atribut baru: atribut media, ping pada elemen pranala autofocus, placeholder, required, autocomplete, dan sebagainya, terkait elemen input dan form reversed pada elemen ol untuk urutan besar ke kecil.~ Perubahan makna elemen: Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak ‘deprecated’ (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik tertentu. Hal yang sama berlaku pula untuk elemen i Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya dan lain-lain.~ Elemen dan atribut yang tidak digunakan: center font strike, u, big frame, frameset, noframes acronym longdesc scope pada td dan sebagainya.
  • 4.  Beberapa contoh website yang menggunakan HTML 5, seperti dibawah ini: *Adobe – The Expressive Web *Orange Spocket *Har Du Det I Deg *HTC *BeerCamp 2012
  • 5.  HTML5 WebSocket, bringing socket to the web Pada spesifikasinya, 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.
  • 6. *
  • 7. Satu dari sekian banyak fitur unik yang disediakan WebSocket adalah kemampuannya untuk melintasi proxy dan firewall, yang mana merupakan wilayah yang umumnya bermasalah untuk kebanyakan aplikasi. Aplikasi berbasis Comet biasanya menggunakan long-polling sebagai garis pertahanan yang belum sempurna untuk mempertahankan diri dari firewall dan proxy. Teknik tersebut efektif, tapi tidak cocok bila diterapkan untuk aplikasi yang memiliki latency dibawah 500 milidetik atau membutuhkan haluan keluaran (Throughput) yang tinggi. Teknologi berbasis plugin seperti Adobe Flash, juga menyediakan beberapa level dari dukungan socket, namun sejak lama telah dibebani oleh masalah dengan kemampuannya untuk melewati proxy dan firewall yang mana kini telah dipecahkan oleh WebSocket. WebSocket mendeteksi kehadiran proxy server dan secara otomatis membuat sebuah tunnel untuk dapat melewati proxy tersebut. Tunnel dibuat dengan cara mengeluarkan sebuah pernyataan HTTP CONNECT kepada proxy server, yang mana meminta proxy server untuk membuka koneksi TCP/IP ke host dan port spesifik. Setelah tunnel selesai dibuat, komunikasi dapat mengalir dengan leluasa melalui proxy. Karena HTTP/S juga bekerja dengan cara yang sama, secure WebSocket melalui SSL juga dapat menggunakan teknik HTTP CONNECT yang sama. WebSocket menggunakan standard protokol RFC6455 untuk handshake dan komunikasi antara klien dan server. Web browser seperti Google Chrome untuk Android sepenuhnya telah mendukung RFC6455 termasuk pesan biner.
  • 8. * NodeJS adalah framework Javascript yang mengimplementasikan multiple WebSocket Servers, dengan menggunakan server-side JavaScript dengan model asynchronous event-driven. Hal tersebut memungkinkan Node.js memiliki performance terbaik untuk mendukung arsitektur di semua aplikasi internet. Felix Geisendörfer menjelaskan dengan sederhana apa itu NodeJS: Sebuah command line tool. Anda mengunduh tarball, melakukan proses compile dan install. Berkerja pada program Javascript dengan mengetikkan ‘node my_app.js’ di Terminal Anda. JS dieksekusi oleh V8 javascript engine (mesin yang membuat Google Chrome berkerja cepat). Node menyediakan sebuah JavaScript API untuk mengakses Network dan File System. Selain Node.js, ada beberapa pilihan Server WebSocket, antara lain: * jWebSocket (Java) * web socket Ruby (Ruby) * Socket IO-Node (NodeJS) * WebSocket-Node (Pure JS client & server implementation of the lastest draft-10) * Kaazing WebSocket Gateway (Java-based WebSocket Gateway) * mod_pyWebSocket (Python-based extension for the Apache HTTP Server) * Netty (Java network framework which includes WebSocket support) * wsproxy (WebSockets to generic TCP socket proxy) * websocket (Python) * websockify (Python, C, Node.js) * txWebSocket (Python/Twisted, hixie-76 handshake) * [plack socketio middleware] (Perl Rack/WSGI-like middleware) Anda dapat menemukan contoh-contoh script untuk mengimplementasikan NodeJs ataupun framework lainnya yang mendukung WebSocket, bahkan Anda bisa memulainya dengan Native Script dari Websocket.org