Mengenal HTML5 : Fitur-fitur Baru dari HTML5

Mengenal HTML5 

Pengertian HTML5

Mengenal HTML5 - Apa itu HTML5, apa sih bedanya dengan HTML yang biasanya. mungkin banyak dari kita yang belum begitu mengerti tentang HTML5 ini, dari mulai tag-tag baru yang ada di dalamnya maupun keunggulan-keunggulan yang dimilikinya di banding dengan versi HTML sebelumnya. pada kesempatan kali ini, saya akan mencoba menjelaskan mengenai dasar-dasar dari HTML5 ini, dari mulai tag-tag nya dan fitur-fitur baru yang di tawarkan.

HTML5 Bukanlah sebuah bahasa pemrograman, melainkan merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web (WWW), sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga saat ini masih dalam pengembangan dan terus di sempurnakan.

HTML5 adalah versi terbaru dari Hypertext Markup Language, sebenarnya HTML merupakan satu dari 3 jenis kode yang harus di gunakan untuk membuat atau membangun struktur web yang bagus, kode: HTML, yang membangun struktur, Cascading Style Sheets (CSS), yang memberi sentuhan tampilan, dan JavaScript, yang membuat sesuatu terjadi. HTML5 didesain untuk memberikan hampir semua yang Anda ingin lakukan secara online tanpa memerlukan software tambahan seperti plugin browser. Baik applikasi , game, musik, responsive website dan movie bahkan Anda dapat membangun aplikasi yang sangat rumit bekerja dibrowser Anda dengan HTML 5. Fitur baru seperti video playback dan fungsi drag-and-drop yang sebelumnya tergantung pada pihak ketiga browser plug-in seperti Adobe Flash, Microsoft Silverlight, dan Google Gears.

Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML sebelumnya agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. 

HTML5 merupakan hasil proyek besar dari W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML yaitu HTML5. HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5, "Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web." Kabar tersebut nampaknya membawa angin segar pada para pengembang untuk segera merealisasikan HTML5 ini, tentunya tanpa Adobe Flash, para pengguna internet akan merasa lebih nyaman untuk berinternet ria tanpa memikirkan instalasi aplikasi sebelum enikmati konten-konten yang tersedia di internet.

Setelah melalui proses yang cukup panjang, seluruh browser utama (Chrome, Safari, Firefox, Opera, IE) sekarang bisa mendukung HTML5, sehingga teknologi HTML terbaru dapat digunakan dengan sebaik-baiknya. HTML5 sebenarnya sudah mulai dikenal oleh masyarakat pada tahun 2010 meskipun sudah dikenal sejak lama oleh para pengembang web namun masih sedikit orang yang memanfaatkan kelebihan-kelebihan fitur HTML5 tersebut. Dengan adanya pengembangan HTML5, adobe flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau konten apapun di web.

Apa yang Baru pada HTML5?

HTML5 memperkenalkan sejumlah elemen dan atribut baru yang membantu dalam membangun sebuah situs web modern. Berikut ini adalah fitur yang terpenting diperkenalkan pada HTML5 :

• New Semantic Elements: Ini seperti pada elemen <header>, <footer>, and <section>.
• Forms 2.0: Perbaikan form web HTML di mana atribut baru telah diperkenalkan tag <input>. 
• Persistent Local Storage: Untuk menghilangkan ketergantungan pada plugin pihak ketiga.
• WebSocket: Sebuah generasi teknologi terbaru komunikasi dua arah untuk aplikasi web.
• Server-Sent Events: memperkenalkan even yang mengalir dari web server ke web browser yang disebut Server-Sent Events (SSE).
• Canvas: Ini mendukung gambar dua dimensi surface yang dapat diprogram dengan JavaScript.
• Audio & Video: Anda dapat menanamkan/embed audio atau video pada halaman web Anda tanpa menggunakan plugin pihak ketiga.
• Geolocation: Pengunjung dapat memilih untuk berbagi lokasi fisik mereka dengan aplikasi web Anda..
• Microdata: Ini memungkinkan Anda membuat kosakata Anda sendiri di luar HTML5 dan memperluas halaman web Anda dengan kostum semantics.
• Drag and drop: Drag dan drop item dari satu lokasi ke lokasi lain pada halaman web yang sama.

Daftar Tag-tag baru di HTML5

Tag	Description
<article>	Mendefinisikan sebuah artikel
<aside>	Mendefinisikan konten selain dari konten halaman/post
<audio>	Mendefinisikan konten audio
<canvas>	Digunakan untuk menggambar grafik, on the fly, melalui scripting (JavaScript biasanya)
<command>	Mendefinisikan tombol perintah untuk dapat memanggil
<details>	Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<datalist>	Menentukan daftar pilihan standar untuk kontrol input
<embed>	Mendefinisikan sebuah wadah untuk aplikasi eksternal (non-HTML)
<header>	Mendefinisikan sebuah dokumen atau bagian header
<figure>	Menentukan konten mandiri
<footer>	Mendefinisikan sebuah dokumen atau bagian footer
<hgroup>	Groups heading (<h1> to <h6>) elemen
<mark>	Mendefinisikan teks yang ditandai / disorot
<output>	Mendefinisikan hasil penghitungan
<source>	Mendefinisikan beberapa sumber media untuk elemen media (<video> dan <audio>)
<summary>	Mendefinisikan sebuah visible heading untuk elemen <details>
<time>	Mendefinisikan tanggal / waktu
<video>	Mendefinisikan sebuah video atau film
<section>	Mendefinisikan bagian dalam dokumen

Tag yang sudah tidak dipakai dalam HTML5

Tag	Description
<acronym>	Mendefinisikan sebuah akronim
<basefont>	Menentukan warna standar, ukuran, dan font untuk semua teks dalam dokumen
<big>	Mendefinisikan ukuran teks besar
<center>	Mendefinisikan posisi teks dicenter
<dir>	Mendefinisikan direktori list
<font>	Mendefinisikan font, warna, dan ukuran untuk teks
<frame>	Mendefinisikan sebuah window (frame) dalam sebuah frameset
<frameset>	Mendefinisikan satu set frame
<strike>	Mendefinisikan teks strikethrough
<noframes>	Mendefinisikan sebuah konten alternatif bagi pengguna bahwa konten tidak mendukung frame
<applet>	Mendefinisikan sebuah applet embed

Read more

Program Reservasi Hotel dengan C++

Program Reservasi Hotel dengan C++

Membuat Program Reservasi Hotel dengan C++ - Pada kesempatan kali ini, saya akan kembali membuat artikel tentang pemrograman bahasa C++, Setelah Kemarin saya membuat artikel Program karyawan dengan C++ pada malam hari ini saya akan kembali membuat Program Reservasi hotel, bagi yang belum mengerti apa itu reservasi, Reservasi adalah suatu proses permintaan pemesanan kamar dan fasilitas lain dalam hotel yang diinginkan oleh calon tamu untuk periode tertentu. Seluruh permintaan pemesanan kamar ini akan ditangani oleh petugas reservasi dengan mempertimbangkan keberadaan kamar pada saat itu.

Program Lengkap Reservasi Hotel dengan C++

Inputan yang perlu dimasukkan pada program ini adalah Nama pemesan, id pemesan, Resepsionis dll, untuk lebih jelasnya silahkan perhatikan Output program yang telah saya screenshoot berikut ini

dan berikut adalah sourcecode yang telah saya buat, silahkan di paste pada teks editor agan-agan sekalian, teks editor yang saya gunakan untuk membuat program Reservasi hotel ini adalah Borland C++, dari pada penasaran, langsung saja saya berikan source code nya, silahkan di pelajari, di analisa, jangan langsung di copas begitu saja hahahaha

Program Reservasi Hotel dengan C++

#include <iostream>
#include <conio>
#include <string>
#include <stdio>

main()
{

char resepsionis[30], customer[30], alamat[50];
int  kamar,no_kamar,harga_kamar, ranjang ;
int  biaya, total, bayar, lebih, lama, um, kurang;
float diskon;
string jwb, id_customer, id_resepsionis, jk,hp,  checkin, checkout;
awal:
cout<<"\n\t            =======================================";
cout<<"\n\t          ===========================================";
cout<<"\n\t        ===============================================";
cout<<"\n\t      ===================================================";
cout<<"\n\t    =======================================================";
cout<<"\n\t\t     SELAMAT DATANG DI HOTEL 'PASTI NGINEP' ";
cout<<"\n\n\t\t     Jl. Nusa Indah no.700, telp. 0276908";
cout<<"\n\t\t    Condong catur, Depok, Sleman, Yogyakarta";
cout<<"\n\t\t =============================================";
cout<<"\n\t\t================================================";



cout<<"\n\n\n\n\t\tSilahkan Isi Form berikut ini";
cout<<"\n\t\t------------------------------------------------";cout<<endl;
cout<<"\t\tNama Resepsionis yang melayani   : ";gets(resepsionis);cout<<endl;
cout<<"\t\tID resepsionis     : " ;cin>>id_resepsionis;cout<<endl;
cout<<"\t\tNama Pemesan     : ";gets(customer);cout<<endl;
cout<<"\t\tID Pemesan     : ";cin>>id_customer;cout<<endl;
cout<<"\t\tJenis Kelamin [L/P]    : ";cin>>jk;cout<<endl;
cout<<"\t\tNomor Telp/HP          : ";cin>>hp;cout<<endl;
cout<<"\t\tAlamat             : ";cin>>alamat;cout<<endl;
cout<<"\t\t------------------------------------------------";



cout<<"\n\n\n\n\t\tSilahkan Pilih tipe kamar yang anda inginkan";
cout<<"\n\t\t------------------------------------------------";
cout<<"\n\t\t1. Standard ";
cout<<"\n\t\t2. Premium  ";
cout<<"\n\t\t3. Deluxe   ";
cout<<"\n\t\t4. Suite    ";
cout<<"\n\t\t5. Presidential";
cout<<"\n\t\t------------------------------------------------";
cout<<"\n\t\tMasukkan Pilihan : ";cin>>kamar;

cout<<"\n\n\n\n\t\tSilahkan Pilih jumlah ranjang yang anda inginkan";
cout<<"\n\t\t------------------------------------------------";
cout<<"\n\t\t1. Single ";
cout<<"\n\t\t2. Twin  ";
cout<<"\n\t\t3. Double   ";
cout<<"\n\t\t4. Tripple    ";
cout<<"\n\t\t------------------------------------------------";
cout<<"\n\t\tMasukkan Pilihan : ";cin>>ranjang;cout<<endl;

if(kamar==1 && ranjang==1)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Standard dengan ranjang single ";
   harga_kamar=500000;
   }
else if(kamar==1 && ranjang==2)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Standard dengan ranjang twin ";
   harga_kamar=750000;
   }
else if(kamar==1 && ranjang==3)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Standard dengan ranjang double ";
   harga_kamar=1000000;
   }
else if(kamar==1 && ranjang==4)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Standard dengan ranjang Tripple ";
   harga_kamar=1500000;
   }
else if(kamar==2 && ranjang==1)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Premium dengan ranjang single ";
   harga_kamar=750000;
   }
else if(kamar==2 && ranjang==2)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Premium dengan ranjang twin ";
   harga_kamar=1000000;
   }
else if(kamar==2 && ranjang==3)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Premium dengan ranjang double ";
   harga_kamar=1500000;
   }
else if(kamar==2 && ranjang==4)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Premium dengan ranjang Tripple ";
   harga_kamar=2000000;
   }
else if(kamar==3 && ranjang==1)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Deluxe dengan ranjang single ";
   harga_kamar=1000000;
   }
else if(kamar==3 && ranjang==2)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Deluxe dengan ranjang twin ";
   harga_kamar=1500000;
   }
else if(kamar==3 && ranjang==3)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Deluxe dengan ranjang double ";
   harga_kamar=2000000;
   }
else if(kamar==3 && ranjang==4)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Deluxe dengan ranjang Tripple ";
   harga_kamar=2500000;
   }
else if(kamar==4 && ranjang==1)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Suite dengan ranjang single ";
   harga_kamar=1500000;
   }
else if(kamar==4 && ranjang==2)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Suite dengan ranjang twin ";
   harga_kamar=2000000;
   }
else if(kamar==4 && ranjang==3)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Suite dengan ranjang double ";
   harga_kamar=2500000;
   }
else if(kamar==4 && ranjang==4)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Suite dengan ranjang Tripple ";
   harga_kamar=3000000;
   }
else if(kamar==5 && ranjang==1)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Presidential dengan ranjang single ";
   harga_kamar=1500000;
   }
else if(kamar==5 && ranjang==2)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Presidential dengan ranjang twin ";
   harga_kamar=2000000;
   }
else if(kamar==5 && ranjang==3)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Presidential dengan ranjang double ";
   harga_kamar=2500000;
   }
else if(kamar==5 && ranjang==4)
 {
 cout<<"\n\t\tAnda Memilih kamar tipe Presidential dengan ranjang Tripple ";
   harga_kamar=3000000;
   }
else
 {
   cout<<"\n\t\tMaaf Pilihan anda tidak tersedia  ";
   cout<<"\n\t\tuntuk keamananan silahkan isi data dari awal";
   cout<<"\n\n\t\tApakah anda ingin memulai lagi? [Y/N] ";cin>>jwb;
 if(jwb=="Y" || jwb=="y")
  {
      clrscr();
      clrscr();
    goto awal;
      clrscr();
    }
    else
    {
    cout<<"\n\n\t\tTerimakasih ^_^";
    }
   }


cout<<"\n\n\n\n\t\tSilahkan mengisi form berikut";
cout<<"\n\t\t------------------------------------------------";
cout<<"\n\t\tPilih No. Kamar  [1-100]  : ";cin>>no_kamar;
cout<<"\n\t\tMenginap lebih dari 5 hari diskon 2% perhari";
cout<<"\n\n\t\tLama Menginap [hari]   : ";cin>>lama;


if(lama>=5)
 {
   diskon=0.2;
   }
else
 {
   diskon=0;
   }
cout<<"\n\n\t\tTanggal CheckIn  [DDMMYY] : ";cin>>checkin;
cout<<"\n\t\tTanggal CheckOut [DDMMYY] : ";cin>>checkout;
cout<<"\t\t------------------------------------------------";

cout<<"\n\n\n\n\t\tData Pemesanan kamar";
cout<<"\n\t\t------------------------------------------------";
cout<<"\n\t\tNama Resepsionis   : "<<resepsionis;
cout<<"\n\t\tID Resepsionis    : "<<id_resepsionis;
cout<<"\n\t\tNama Pemesan    : "<<customer;
cout<<"\n\t\tID Pemesan    : "<<id_customer;
cout<<"\n\t\tAlamat     : "<<alamat;
cout<<"\n\t\tNo Telp/HP    : "<<hp;
cout<<"\n\t\tTipe kamar    : "<<kamar<<" , "<<ranjang;
cout<<"\n\t\tNo. Kamar    : ";
if(no_kamar>=1 && no_kamar<=100)
 {
   cout<<no_kamar;
   }
else
 {
   cout<<"\n\t\tMaaf no kamar belum tersedia";
   cout<<"\n\t\tsilahkan hubungi resepsionis untuk pergantian nomor";
   cout<<"\n\t\t[tidak ada perubahan biaya]";
   }
cout<<"\n\t\tLama Menginap    : "<<lama<<" Hari";

cout<<"\n\t\tTanggal CheckIn    : "<<checkin;
cout<<"\n\t\tTanggal CheckOut   : "<<checkout;
cout<<"\n\t\tHarga per hari    : Rp. "<<harga_kamar;
cout<<"\n\t\tHarga Kamar total   : Rp. "<<lama*harga_kamar;

cout<<"\n\t\tDiskon     : Rp. "<<diskon*harga_kamar;
total=harga_kamar*lama-(diskon*harga_kamar);
cout<<"\n\n\t\tBiaya total    : Rp. "<<total;
cout<<"\n\t\tUang Muka    : Rp. ";cin>>um;
kurang=total-um;
 if(total>=um)
   {
 cout<<"\n\t\tKekurangan    : Rp. "<<kurang;
   }
   else
   {
   cout<<"\n\t\tKembali    : Rp. "<<kurang*(-1);
   }
cout<<"\n\t\t------------------------------------------------";

cout<<"\n\n\t\tTerimakasih telah memilih Hotel 'PASTI NGINEP'";
cout<<"\n\t\tSebagai tempat peristirahatan anda :) ";
cout<<"\n\t\tSemoga Peristirahatan ini bukanlah yang TERAKHIR :v ";
cout<<"\n\n\t\tApakah anda ingin memesan kamar lagi? [Y/N] ";cin>>jwb;
if(jwb=="Y" || jwb=="y")
 {
   clrscr();
   goto awal;
   }
   else
   {
   cout<<"\n\n\t\tTerimakasih Gan ^_^ ";
   }

getch();


}

program yang lumayan panjang dan sedikit melelahkan hehe, mungkin Cukup Sekian postingan tentang Program Reservasi Hotel dengan C++ yang bisa saya berikan, semoga bermanfaat :D
jika ada pertanyaan silahkan bertanya pada kolom komentar yang di sediakan, form contact US atau langsung hubungi admin, Banzaiiiii

Read more