Contoh Aplikasi Mobile dengan Intel XDX

Membuat Aplikasi Mobile ( Android . Ios . WP ) Dengan Intel XDK " Hello World...! " 

Sekarang hampir semua orang punya yang namanya Smartphone , nah di sini saya mau Share aplikasi buatan Intel yang lumayan bagus , sebenernya aplikasi ini dulunya bukan punya intel. yang dulu itu kalo ga salah namanya appMob yang bisa di akses lewat browser , tapi sekarang di buat Programnya . apa kelebihan aplikasi ini ? salah banyaknya adalah : - Buat yang ga paham koding , and mau buat aplikasi sederhana bisa gunain aplikasi ini semudah Drag and drop - 1 kali koding bisa buat di publish ke beberapa OS salah 3 nya Android , Ios , Windows phone dan juga bisa buat windows 8 desktop and aplikasi crome - sampai saat ini aplikasi nya FREE . Alias gratis . untuk download app nya bisa meluncur ke sini ----------- > https://software.intel.com/en-us/intel-xdk Ok buat Tuturial pertama kita bakal buat app sederhana , sampai app bisa kita debug di HP Android Kita

 01. Download app nya dulu di ya ini link downloadnya ----->
https://software.intel.com/en-us/intel-xdk




 02. Lalu di instal seperti biasa . dan ini tampilan awalnya , karna saya udah buat dua project jadi di gambar ini udah ada project yang aktif , kalo agan baru instal tampilanya kosong . untuk buat project baru , Klik start new project di pojok kiri bawah :


 03. dan ada 3 pilihan . - tamplates (pilih yang ini), - Samples and demos (sample simple app yang udah jadi ) , -inport html5 code (Bisa import game html5)

 04. pilih HTML+Cordova . untuk app mobile . jika *USE APP DESIGNERNYA di klik kita bisa pake beberapa framework yang tinggal tarik geser aja tanpa koding manual.
 

 05. tentukan di mana kita buat file and forder app nya , dan juga nama project nya :
 

 06. nah di sini kita pilih framework apa yang di gunakan :

 

08. Ini tampilan awal lembar kerja jika kita mengunakan Frameworks . kalo ga pake frame work kita bakal langsung di hadapkan sama file index.html buat mulai ngoding .

 

09. kita cuma perlu tarik geser element buat gunain Element Element yang ada di samping kiri ke lembar kerja warna putih di tengah . saya coba drag element button ke lembar kerja , kalo kita klik tandapanah kecil di samping kiri , maka akan ada menu untuk costumize sifat si button tadi , ini juga berlaku buat element lain kaya text , select gambar . dll :

 

10. sekarang saya drag TEXT ke lembar kerja . ketik kata kata sesuai keinginan . di sini saya pake " Hello World...! " .

11. ok, sekarang kita coba liat di emulatornya , klik tab EMULATE di atas :

 

12. Belum puas pake emulator yang ada di aplikasinya ? ok sekarang kita pake device android untuk coba jalanin aplikasinya . caratanya login dulu di intyel account kalo belum punya account silakan buat dengan klik logo user di pojok kanan atas yang di lingkarin merah ini :

 

 13. download aplikasi intel xdk App preview di Google Play Bisa di downlod di sini ---> https://play.google.com/store/apps/details?id=com.intel.html5tools.apppreview 

14. Jalankan aplikasi yang tadi di download di play store dan silakan login dengan account yang tadi di buat di aplikasi desktop
 .

 15. klik menu Server App di aplikasi android INtel XDK tadi .

 

16. Pasti Belum ada aplikasi yang tadi kita buat kan ? . karna kita belum upload aplikasi tadi ke server . sekarang silakan buka aplikasi intel xdk di Desktop / pc kalian : dan pilih Tab "TEST" di bagian atas . *PC HARUS TERKONEKSI KE INTERNET

 

dan proses upload aplikasi ke server berjalan

 

17. kalo sudah ter upload . cek kembali aplikasi Intel XDK di android dan masuk ke menu servers apps yang tadi , jika berhasil seharusnya list app yang kita buat tadi sudah tampil. di sini aplikasi saya beri nama 'COBA1'
 

18. Klik List Aplikasi yang kita buat tadi , dan jalankan :

 

 19. Dan , ini dia hasilnya . aplikasinya sudah bisa berlalan di Emulator android kita :

   Terima kasih .