Pendidikan Teknik Informatika Universitas Negeri Malang

Hai, bertemu lagi dengan saya tentang bagaimana membuat aplikasi windows 8 dengan menggunakan bahasa javascript. Sebenarnya Microsoft sudah menyediakan banyak sekali template di Visual Studionya. Dengan adanya template tersebut diharapkan developer dapat dengan mudah membuat dan mengembangkan aplikasi tanpa harus membuatnya dari nol.

Untuk Aplikasi sederhana yang paling awal ketika kita akan membuat aplikasi windows 8 dengan menggunakan bahasa JavaScript adalah dengan menggunakan Blank Template. Pada template ini, file yang disediakan sangatlah sederhana. Program hanya akan menampilkan satu buah halaman yang nantinya akan kita isi sesuai dengan keinginan kita.
Baiklah untuk awal pengenalan kita buat saja aplikasi “HELLO WORLD” dengan menggunakan blank template. Untuk lebih jelasnya ikuti langkah-langkah dibawah ini:

  • Jalankan Visual Studio 2012 untuk windows
  • Kemudian pilih windows store dan pilih new project. Pada dialog box pilih blank app dan isin nama aplikasi “HelloWorld”.1
  • Selanjuntya dapat dilihat di solution explorer file yang otomatis dibuat oleh visual studio. Terdapat default.html file inilah yang nantiknya akan kita ubah-ubah dan edit sehingga muncul tulisan HelloWorld.
    3
  • Coba jalankan terlebih dahulu aplikasinya, pasti akan muncul seperti gambar dibawah ini.

2
5.Jika sudah buka file default.html dan dapat kita lihat di file tersebut terdapat bahasa yang sangat mirip dengan bahasa pemrograman untuk membuat halaman web, yakni menggunakan tag-tag seperti HTML, HEAD, Body dan lain-lain.

  • Selanjutnya di elemen body kita buat sedikit modifikasi dan tambahan elemen seperti gambar dibawah ini.4
  • Kemudian coba jalankan program. Pasti akan menampilkan seperti gambar dibawah ini.

5

Namun aplikasi di atas masih belum dapat digunakan secara penuh. Coba saja kalian masukkan nama atau tulisa di dalam text box dan dilanjutkan mengklik tombol hello disampingnya. Pasti tidak akan terjadi apa apa.

Agar dapat memunculkan sesuatu, haruslah ditambahkan beberapa modifikasi dengan menggunakan javascript. Untuk tutorial akan saya berikan di postingan saya selanjutnya.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

The WordPress.com Blog

The latest news on WordPress.com and the WordPress community.

%d bloggers like this: