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 .
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 .
