Artikel

Home > Artikel
 

 

Mengenal HTML5


Diposting : 2017-03-15 oleh : WebHozz



Sebuah aplikasi tanpa memiliki kemampuan untuk menyimpan data akan terasa sangat tidak bermakna. Penggunaan database ini tentu sangat bermanfaat agar aplikasi yang kita buiat bisa menyimpan dan mengolah data sesuai dengan yang kita inginkan.

Dalam sebuiah aplikasi berbasis mobile, ada beberapa pilihan cara untuk melakukan ini salah satunya menggunakan HTML 5 local storage, nah cara ini yang akan kita bahas sobat webhozz. HTML 5 local storage ini adalah sebuah fasilitas yang ada pada browser yang mendukung HTML 5 untuk menyimpan data (key dan valuenya) secara local.

Beberapa browser yang mendukung HTML 5 local storage ini antara lain (versi minimum) :\

·         Internet explorer versi 8.

·         Firefox versi 3.5.

·         Safari 4.0.

·         Chrome 4.0.

·         Opera 10.5.

·         iPhone 2.0.

·         Android 2.0.

Untuk mengakses database local storage ini menggunakan javascript. Berikut ini adalah kode javascript untuk mengecek apakah browser mendukung HTML 5 local storage :

                function support_html5_storage ( )        {

                                try   {

                   return  ‘localStorage’   in window && window [ ‘ localStorage ‘ ]     ! = =

              null ;

                   }    catch   (e)   {

                 return false ;

                     }

}

 

Atau kita bisa menggunakan fasilitas modernizr.js yang bisa kalian download di http://www.modernizr.com/ _  untuk mengecek apakah browser mendukung HTML5 dan CSS3. Setelah kalian menyertakan modernizr.js dalam file kita, mengecek apakah browser mendukung localstorage cukup dengan perintah sebagai berikut:

               

if  (Modernizr.localstorage)   {

                    / /  window.localStorage is available!

                }   else   {

                    / /  no native support for HTML5 storage  : (

                    / /  maybe try dojox.storage. or a third-party solution

                }

 

Berikut ini adalah kode javascript yang bisa kita gunakan untuk menyimpan atau mengambil data dalam sebuah local storage. Menyimpan Data dengan setItem ( ) ;

                localstorage.setItem ( “ full name “ ,   “ yudistira “ ) ;  / /

                menyimpan sebuah data demgam field full name yang isinya yuan yudistira.

 

Apa yang terjadi jika full name sudah di punya nilai? Maka tanpa ada peringatan apapun, nama tersebut akan ditimpa dengan data yang baru. Jika full name belum pernah dibuat sebelumnya, maka akan dibuatkan sesuai dengan yang kita inginkan.

 

Mengambil data dengan .getitem( ) ;

                var NamaPenulis = localstorage.getitem ( “ full name “ ) ;

apa yang terjadi jika belum pernah diset variable itu sebelumnya?

Maka hasilnya adalah “null”.

 

Menghapus data dengan removeitem() ;

Contoh :

                localstorage.removeitem ( “ full name “ ) ;     / /   ini  akan  menghapus  item  full  name 

 

 

                localstorage.removeitem ( ) ;    / /     ini tidak akan menghapus apapun 




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,