Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 1 - Pengenalan HTML5, Mobile Application, dan Intel XDK

1
Pelatihan Intel XDK
Modul 1. Pengenalan HTML5, Mobile Application, dan
Intel XDK.
Dikembangkan oleh Intel Software.

2
Versi 1.0. September 2013.
Hak Cipta (C) 2013 Intel Software.
Adobe, Adobe Edge, dan Adobe Edge Animate merupakan merk dagang dan merk dagang
terdaftar milik Adobe, Inc.
Android, Chrome, dan Google adalah merk dagang dan merk dagang terdaftar milik Google,
Inc.
Intel, Intel XDK merupakan merk dagang dan merk dagang terdaftar milik Intel Corporation.
iOS dan OS X adalah merk dagang dan merk dagang terdaftar milik Apple, Inc.
Windows, Windows Phone, Windows Store adalah merk dagang dan merk dagang terdaftar
milik Microsoft Corporation.
Semua merk dagang terdaftar lainnya yang tercantum pada modul ini merupakan milik
pemiliknya masing-masing yang peduli.
Modul ini bebas untuk disebarluaskan secara hardcopy ataupun softcopy dengan tanpa
menambah atau mengurangi isi dari modul ini termasuk isi halaman ini. Modul ini tidak boleh
diperjual belikan atau digunakan untuk tujuan komersial lain.

3
Modul 1. Pengenalan HTML5,
Mobile Application, dan Intel
XDK.

4
Sekilas mengenai HTML 5
Hypertext Markup Language, atau biasa disingkat HTML, merupakan sebuah bahasa yang
digunakan untuk membuat sebuah halaman web yang kemudian akan ditampilkan pada
sebuah aplikasi penjelajah web seperti Internet Explorer, Safari, Google Chrome, Mozilla
Firefox, dan lain-lain. HTML merupakan sebuah standar untuk menampilkan sebuah halaman
web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World Wide Web Consortium (W3C). Bahasa HTML berbentuk berupa
tag-tag elemen dan atribut yang tersusun secara hirarkial (Markup Language). Berikut ini
contoh dari sebuah bahasa HTML:
<html>
<head>
<title>
Contoh Hello World
<title>
</head>
<body>
<h1>Halo</h1>
<p>Hello World.</p>
</body>
</html>
HTML5 itu sendiri adalah revisi kelima dari bahasa HTML. Pada HTML5 diperkenalkan
beberapa atribut dan elemen baru yang mendukung pengembangan website modern seperti
penambahan atribut dan elemen untuk mendukung elemen video, canvas, dan masih banyak
lagi. HTML5 secara utuh merupakan penggabungan teknologi antara HTML5, CSS3, dan
JavaScript. Berikut adalah contoh skrip bahasa HTML yang sudah menggunakan standar
HTML5:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contoh Hello World</title>
</head>
<body>
<h1>Halo</h1>
<p>Hello World.</p>
</body>
</html>

5
Sekilas mengenai Mobile Application
Mobile Application atau aplikasi mobile adalah aplikasi yang berjalan pada sebuah perangkat
mobile seperti komputer tablet atau smartphone. Aplikasi mobile berjalan di atas platform
sistem operasi mobile yang ada pada saat ini yaitu Android, BlackBerry, iOS, dan Windows
Phone. Aplikasi mobile dapat dibuat oleh developer pihak ketiga dan disimpan di marketplace
milik masing-masing sistem operasi mobile. Play Store untuk Android, App World untuk
BlackBerry, App Store untuk iOS, dan Windows Store untuk Windows Phone. Berikut ini
contoh aplikasi mobile Twitter untuk iOS, Android, dan Windows Phone.
Gambar 1 Aplikasi Twitter mobile untuk iOS, Android, dan Windows Phone
Membuat aplikasi mobile dapat menggunakan SDK (Software Development Kit) yang sudah
disediakan oleh masing-masing platform mobile. Misalkan, XCode untuk iOS dan Microsoft
Visual Studio untuk Windows Phone. Dengan begitu, aplikasi yang dirancang untuk iOS
hanya berjalan pada sistem operasi iOS dan tidak bisa berjalan pada sistem operasi lainnya,
begitu juga yang lainnya.
Mengenai Intel XDK
Intel XDK adalah perangkat bagi para pengembang untuk mengembangkan aplikasi HTML5
hybrid untuk berbagai perangkat mobile dan aplikasi HTML5 lainnya seperti ekstensi Google

6
Chrome, aplikasi Facebook, atau sebuah website mobile. Intel XDK dapat diinstall di sistem
operasi Windows, OS X, dan Linux.
Pada Intel XDK terdapat perangkat untuk melakukan coding, debugging, testing, dan build
aplikasi yang telah kita kembangkan menjadi aplikasi web dan aplikasi HTML5 hybrid untuk
berbagai platform mobile diantaranya iOS, Android, Windows 8 Store, Windows 8 Phone, dan
lain-lain.
Intel baru saja merilis Intel XDK New. Yang akan kita gunakan pada pelatihan ini adalah versi
Intel XDK New ini. Sampai saat modul ini ditulis, Intel XDK New baru tersedia versi
previewnya untuk sistem operasi Windows. Intel menjanjikan akan segera merilis versi
untuk sistem operasi OS X dan Linux segera. Berikut ini adalah contoh tampilan dari Intel
XDK New:
Gambar 2 Contoh tampilan antarmuka aplikasi Intel XDK

Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 1 - Pengenalan HTML5, Mobile Application, dan Intel XDK

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (12)

Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 1 - Pengenalan HTML5, Mobile Application, dan Intel XDK