Memasukkan Video, Audio, dan Input Form Baru di HTML5

VIDEO

Digunakan untuk  memasukkan video, misalnya ingin memutar video kedalam halaman web. Pada versi HTML sebelumnya untuk memutar video pada sebuah web menggunakan plugins tambahanyang biasa disebut flash Player. Tag Video Pada HTML5, setidaknya ada  3 jenis format videoyang mendukung yaitu :

•  Ogg(File Ogg dengan Video Codec Theora dan Audio Codec Vorbis) (.ogg)
•  MPEG4(File MPEG4 dengan Video Codec H.264 dan Audio Codec AAC) (.mp4)
•  WebM(File WebM dengan Video Codec  VP8 dan Audio Codec Vorbis)(.webm)

Apabila anda mempunyai video dengan format video bukan ogg, mp4, dan webm. Anda bisa menggunakan aplikasi video converter salah satunya, miro video converter. Tag <video>.

Sintaks Penulisanya :

<video src="judulvideo.ogg" controls="controls">

</video>

atau

<videocontrols="controls"> <source

src="judulvideo.webm" type="video/webm"></video>

ATRIBUT PADA TAG <VIDEO>

Atribute = controls.

Value = controls.

Description : Menentukan  kontrol video  yang akan ditampilkan(Contoh: tombol play/pause).

Atribute = autoplay.

Value =  autoplay.

Description : Menentukan bahwa video akan mulai berputar otomatis.

Atribute = src.

Value = URL.

Description : Menentukan alamat URL dari mana sumber video.

Atribute = width.

Value =  pixels.

Description: Mengatur lebar dari video player.

Atribute = height.

Value = pixels.

Description : Mengatur tinggi dari video player.

Atribute = loop.

Value = loop.

Description : Untuk mengulang  / memainkan kembali video yang telah selesai diputar.

Atribute = muted.

Value = muted.

Description : Menentukan bahwa output suara akan dimute/dihilangkan.

Atribute = poster.

Value = URL.

Description : Menentukan  gambar  yang akan  tampil  ketika  video masih belum berputar .

Atribute = preload.

Value =  auto, meta,data,none.

Description : Menentukan  jika  dan  bagaimana  kapan  video  ini  harus diputar menjalani proses loading ketika halaman terbuka.

CONTOH TAG <VIDEO>

AUDIO

Digunakan untuk memasukkan suara/audio, misalnya ingin memutar lagu kedalam halaman web. Ketika di generasi sebelumnya (HTML 4.01) memasukkan audio ke dalam web masih harus menggunakan flash.Tag Audio Pada HTML5, setidaknya ada  3 jenis format audio yang mendukung yaitu :

•  Ogg(File Ogg dengan Video Codec Theora dan Audio Codec Vorbis) (.ogg)
•  MPEG4(File MPEG4 dengan Video Codec H.264 dan Audio Codec AAC) (.mp4)
•  WebM(File WebM dengan Video Codec  VP8 dan Audio Codec Vorbis)(.webm)

Jenis format audio sama seperti format pada video. Tag <audio>. Sintaks Penulisanya :

<audio controls="controls"><source src="judullagu.mp3" type="audio/mp3"></audio>

ATRIBUT PADA TAG <AUDIO>

Atribute = controls.

Value = controls.

Description : Menentukan  kontrol video  yang akan ditampilkan (Contoh: tombol play/pause).

Atribute = autoplay.

Value = autoplay.

Description : Menentukan  bahwa  video  akan  mulai  berputar otomatis.

Atribute = src.

Value = URL.

Description : Menentukan alamat URL dari mana sumber video.

Atribute = loop.

Value = loop.

Description : Untuk  mengulang  / memainkan  kembali video  yang telah selesai diputar .

Atribute = preload.

Value = auto,metadat,a none.

Description : Menentukan jika dan bagaimana kapan video ini harus diputar menjalani proses loading ketika halaman terbuka.

CONTOH TAG <AUDIO>

INPUT FORM BARU DI HTML5

Macam -macam jenis input form baru di HTML5 yaitu:

• email
• url
• number
• range
• Date pickers (date, month, week, time,datetime, datetime-local)
• search
• color
• tel (tipe ini belum support jadi tidak ada perubahan)

Sintaks Penulisanya : <input type="jenis"/>

VALIDATOR (http://validator.w3.org/ )

Digunakan untuk mengecek validasi atau kebenaran kode HTML web anda.

Sejarah Internet & Teknologi Web

SEJARAH INTERNET

Internet berawal dari diciptakannya teknologi jaringan komputer sekitar tahun 1960.Jaringan komputer adalah beberapa komputer terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya dalam satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan pengguna komputer lainnya. Pada awal diciptakannya, jaringan komputer dimanfaatkan oleh angkatan bersenjata Amerika untuk mengembangkan senjata nuklir.

Internet merupakan jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat pada tahun 1969, melalui proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network), di mana mereka mendemonstrasikan bagaimana dengan hardware dan software komputer yang berbasis UNIX, kita bisa melakukan komunikasi dalam jarak yang tidak terhingga melalui saluran telepon. Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang mereka tentukan menjadi cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai TCP/IP (Transmission Control Protocol/Internet Protocol). 

 

Sejarah Internet Indonesia

Sejarah internet Indonesia dimulai pada awal tahun 1990-an. Sejak 1988, ada pengguna awal Internet di Indonesia yang memanfaatkan CIX (Inggris) dan Compuserve (AS) untuk mengakses internet. 

Berdasarkan catatan whois ARIN dan APNIC, protokol Internet (IP) pertama dari Indonesia, UI-NETLAB (192.41.206/24) didaftarkan oleh Universitas Indonesia pada 24 Juni 1988. RMS Ibrahim, Suryono Adisoemarta, Muhammad Ihsan, Robby Soebiakto, Putu, Firman Siregar, Adi Indrayanto, dan Onno W. Purbo merupakan beberapa nama-nama legendaris di awal pembangunan Internet Indonesia pada tahun 1992 hingga 1994. Masing-masing personal telah memberikan kontribusi keahlian dan dedikasinya dalam membangun cuplikan-cuplikan sejarah jaringan komputer di Indonesia. 

Di sekitar tahun 1994 mulai beroperasi IndoNet yang dipimpin oleh Sanjaya. IndoNet merupakan ISP komersial pertama Indonesia. Sambungan awal ke Internet dilakukan menggunakan dial-up oleh IndoNet, sebuah langkah yang cukup nekat barangkali. Lokasi IndoNet masih di daerah Rawamangun di kompleks dosen UI, kebetulan ayah Sanjaya adalah dosen UI. Akses awal di IndoNet mula-mula memakai mode teks dengan shell account, browser lynx dan email client pine serta chatting dengan conference pada server AIX. Tahun 1995, pemerintah Indonesia melalui Departemen Pos Telekomunikasi menerbitkan ijin untuk ISP yang diberikan kepada IndoNet yang dipimpin oleh Sanjaya dan Radnet pimpinan BRM. Roy Rahajasa Yamin.

Mulai 1995 beberapa BBS di Indonesia seperti Clarissa menyediakan jasa akses Telnet ke luar negeri. Dengan memakai remote browser Lynx di AS, maka pemakai Internet di Indonesia bisa akses Internet (HTTP).

Perkembangan terakhir yang perlu diperhitungkan adalah trend ke arah e-commerce dan warung internet yang satu & lainnya saling menunjang membuahkan masyarakat Indonesia yang lebih solid di dunia informasi.

SEJARAH WEB

Web atau bisa disebut situs web, atau web site adalah sejumlah halaman web yang saling berkaitan. Suatu situs web biasanya disimpan pada sebuah server web, yg bisa diakses dengan jaringan internet. Jadi disini bisa dikatakan web dengan internet saling berhubungan. Situs web yang saling berhubungan dan berkaitan dapat diakses secara publik dengan WWW (World Wide Web). Tetapi tidak semua situs web dapat diakses secara publik, ada banya juga situs web yang mengharuskan penggunjung situs web tersebut untuk mendaftarkan diri mereka untuk alasan keamanan web.

Langsung kesejarah Web, pengembang pertama kali Web atau Web Site adalah Sir Timothy John "Tim" Berness-Lee, situs web pertama tersambungkan dengan jaringan dimulai pada tahun 1991, dan dapat digunakan secara gratis oleh publik pada 30 April 1993. Situs web dibuat untuk mempermudah penukaran, pengiriman, dan memperbarui informasi.

Situs web dapat dibuat dari hasil kerja perorangan, atau kepemilikan organisasi atau perusahaan. Biasanya dalam sebuah situs web membahas sebuah atau beberapa topik khusus. Sebuah situs web dapat membahas topik yang menghubungkannya ke situs web lainnya, begitu pula sebaliknya. Tetapi hal ini dapat juga membuat perbedaan antara situs web yang dibuat oleh individu ataupun perseorangan maupun dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.

Javascript

JAVASCRIPT

JavaScript adalah sebuah bahasa script yang dicantumkan pada sebuah halaman web dan dijalankan pada browser web. JavaScript adalah nama implementasi Netscape Communications Corporation untuk ECMAScript standar, suatu bahasa skrip yang didasarkan pada konsep pemrograman berbasis prototipe. Bahasa ini terutama terkenal karena penggunaannya di situs web (sebagai JavaScript sisi klien) dan juga digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan (embedded) di aplikasi lain. Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan sintaks C. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan bahasa pemrograman Self. Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag <script>...</script>. 

Contohnya : (akan menampilkan sebuah dialog box berisi Halo Dunia! ketika sebuah tombol diklik oleh pengguna)

 

MEMASUKKAN JAVA SCRIPT KE DALAM DOKUMEN HTML
1. Mengapit JavaScript tersebut dengan tag <script>...</script>. Contoh :

 

2. Menggunakan tag HTML yang menangani event. Contoh :

Kegunaan JavaScript

Kegunaan utama JavaScript adalah untuk menuliskan fungsi yang disisipkan kedalam HTML baik secara langsung disisipkan maupun diletakan ke file teks dan di link dari dokumen HTML.

Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan (embedded). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain. 

Berikut ini salah satu aplikasi javascript yang dinamis sehingga dapat membuat tampilan web anda menjadi interaktif : 

• Aplikasi Jam

Jam digital dapat dibuat menggunakan javascript dengan memanfaatkan fungsi Date() dan fungsi set Timeout() untuk melakukan refresh setiap detik pada halaman.