Pelatihan Intel XDK Modul 1. Pengenalan HTML5, Mobile Application, dan Intel XDK. Dikembangkan oleh Intel Software. 1
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. 2
Modul 1. Pengenalan HTML5, Mobile Application, dan Intel XDK. 3
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> 4
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 5
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 6