MOBILE APPLICATIONS & HTML5

Hanif khairullah (39130517) Ryan Antonius (35130449) Class E Dosen : akhmad budi

39130517/hanif khairullah/E 35130449/ryan antonius/E

Contents
MOBILE APPLICATION ................................................................................................................................... 3 Definisi ...................................................................................................................................................... 3 Karakteristik perangkat mobile ................................................................................................................. 4 HTML 5 .......................................................................................................................................................... 6 Definisi ...................................................................................................................................................... 6 Detail HTML 5............................................................................................................................................ 7 REFERENSI ................................................................................................................................................... 11

Mobile application & HTML 5

Page 2

39130517/hanif khairullah/E 35130449/ryan antonius/E

MOBILE APPLICATION
Definisi
Aplikasi Mobile adalah sebuah aplikasi yang mobilitas dengan menggunakan memungkinkan Anda melakukan seperti PDA, telepon seluler perlengkapan

atau Handphone. Dengan menggunakan aplikasi mobile, Anda dapat dengan mudah melakukan berbagai macam aktifitas mulai dari hiburan, berjualan, belajar, mengerjakan pekerjaan kantor, browsing dan lain sebagainya. Pemanfaatan aplikasi mobile untuk hiburan paling banyak digemari oleh hampir 70% pengguna telepon seluler, karena dengan memanfaatkan adanya fitur game,Music Player, sampai video player membuat kita menjadi semakin mudah menikmati hiburan kapan saja dan dimanapun.

Mobile application & HTML 5

Page 3

39130517/hanif khairullah/E 35130449/ryan antonius/E

Karakteristik perangkat mobile

Perangkat mobile pada umumnya hampir sama dengan perangkat desktop yakni mempunyai memori, daya dan sistem operasinya. Berikut adalah karakteristik yang terdapat pada perangkat mobile. 1. ukuran yang kecil

perangkat mobile secara umum memiliki ukuran yang kecil. 2. memori yang terbatas

Mobile application & HTML 5

Page 4

39130517/hanif khairullah/E 35130449/ryan antonius/E

sama halnya seperti sistem pada desktop, pada perangkat mobile terdapat memori dengan ukuran yang kecil yaitu memori RAM dan Disk 3. daya proses yang terbatas

perangkat mobile mempunyai sistem yang pas dengan ukurannya yang kecil, 4. konsumsi daya yang rendah

perangkat mobile mengkonsumsi daya yang rendah hal ini dibatasi oleh baterai yang terdapat pada perangkat tersebut. 5. kuat dan dapat diandalkan

perangkat mobile harus mempunyai keandalan yang tinggi karena statusnya yang mudah dibawa kemana mana sehingga tahan terhadap benturan atau tetesan tetesan air. 6. Konektivitas yang terbatas

Bandwidth yang terdapat pada perangkat mobile sangatlah terbatas bahkan kadang kadang tidak tersambung sama sekali. 7. Masa hidup yang pendek

Perangkat mobile menyala dalam hitungan detik dan kebanyakan selalu menyala.

Pada umumnya aplikasi yang terdapat pada mobile menggunakan platform Java ME (Micro Edition). Berikut adalah edisi dari platform java : 1. 2. J2SE Java 2 Platform, standard edition digunakan pada aplikasi desktop J2EE Java 2 Platform, Enterprise Edition digunakan pada aplikasi enterprise yang

fokus pada pengembangan webserver, termasuk servlet, JSP, EJB dan XML 3. 4. J2ME Java 2 Platform, Micro edition digunakan pada perangkat mobile JavaCard digunakan pada smart cards. Page 5

Mobile application & HTML 5

39130517/hanif khairullah/E 35130449/ryan antonius/E

HTML 5
Definisi
Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan. Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi Multimedia terbaru, mudah dibaca oleh manusia dan jugamudahdimengerti oleh mesin. HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja Mobile application & HTML 5 Page 6

39130517/hanif khairullah/E 35130449/ryan antonius/E

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.

Detail HTML 5
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 Page 7

Mobile application & HTML 5

39130517/hanif khairullah/E 35130449/ryan antonius/E

Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Element article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video input Type pada Form dates and times, email, url, search Atribut ping (pada a dan area), charset (pada meta), async (pada script)

Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5. Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight. Semakin menjamurnya plugin didalam aplikasi atau browser membuat aplikasi web ini susah untuk menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang berbeda-beda, sebagai contoh kita ingin memasang plugin flash untuk sharing video maka pada halaman web kita harus ditulis sebagai berikut

Mobile application & HTML 5

Page 8

39130517/hanif khairullah/E 35130449/ryan antonius/E

<object type="application/x-shockwave-flash" width="400" height="220" wmode="transparent" data="flvplayer.swf?file=movies/holiday.flv"> <param name="movie" value="flvplayer.swf?file=movies/holiday.flv" /> <param name="wmode" value="transparent" /> </object>

Contoh diatas menggunakan plugin Flash dari Adobe untuk menjalankan aplikasi web pada browser maka lain caranya bila kita menggunakan Silverlight. Teknologi Silverlight dikembangkan oleh Microsoft. Contoh penggunaan Silverlight pada halaman web dapat dilihat pada HTML dibawah ini

<object width="300" height="300" data="data:application/x-silverlight-2," type="application/x-silverlight-2" > <param name="source" value="SilverlightApplication1.xap"/> </object>

HTML5 ini dibuat menyederhanakan kompleksitas penggunaan media video dengan standard baru yaitu penggunaan tag <video>. Dengan fitur baru ini maka kita cukup menulis script untuk menjalankan file video sebagai berikut

<video src=tutorialku.mp4> </video>

Isu bagaimana menjalankan file video pada aplikasi web merupakan salah satu contoh bagaimana HTML4 tidak dapat mencakup masalah ini dan masih banyak lagi isu pada HTML4. Oleh karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standard aplikasi web kita. Mobile application & HTML 5 Page 9

39130517/hanif khairullah/E 35130449/ryan antonius/E

Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah, pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut:

http://html5test.com Dari data yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox 13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point.

Mobile application & HTML 5

Page 10

39130517/hanif khairullah/E 35130449/ryan antonius/E

REFERENSI
http://ratriapri.blogspot.com/2010/10/tugas-1-pengertian-mobile-application.html http://globalonlinebook1.blogspot.com/2013/05/pengertian-mobile-application.html http://medandev.blogspot.com/2013/03/pengertian-mobile-application.html http://hana-permana.blogspot.com/2010/10/mobile-application.html http://mkr-site.blogspot.com/2012/07/apa-itu-html5-dan-kelebihannya.html http://www.computesta.com/blog/2010/05/apa-kehebatan-html5/#.UrFS89IW0gw

Mobile application & HTML 5

Page 11