Pendidikan Teknik Informatika Universitas Negeri Malang

Kembali lagi dengan saya tentang membuat aplikasi Windows 8 dengan menggunakan bahasa javascript dan menggunakan template dari Visual Studio. Sebelumnya kita telah memodifikasi groupdetails dan groupitems kali ini kita akan memodifikasi.

Baiklah sekarang kita coba saja dari pada penasaran.

  • Pertama-tama buka itemDetail.html dan cari elemen DIV dengan dekorasi role=”main” atribut dan modifikasi data tersebut seperti gambar dibawah ini.

1

  • itemDetail ini masih belum terhubund dengan data yang ada. Untuk menghubungkan data yang kita buat nantinya kita perlu merubah Javascript yang ada di itemDetail sama dengan gambar di bawah.2
  • Untuk melengkapi modifikasi, kita juga perlu memodifikasi halaman css. Buka kembali itemDetail.css dan tambahkan beberapa statemen seperti gambar di bawah.3
  • Selanjutnya kita juga edit css “.itemdetailpage .content article” bagian ini terdapat paling atas pada file itemdetail.css Kemudian rubah seperti gambar dibawah ini.4
  • Dan yang terakhir kita rubah “.itemdetailpage .content article .item-image menjadi seperti gambar dibawah ini.5

Setelah semua langkah di atas coba jalankan, dengan begitu data akan tampil isi detail dari data yang kita isi nantinya.

groupdetails groupitems itemdetails

Yap kali program kalian sudah jadi. Keren bukaan?gampang bukan?

Untuk tampilah telah kita selesaikan, dengan begini program yang telah kita buat sudah mempunya tampilan yang cukup bagus. Selanjutnya terserah kalian sendiri bagaiamana mendesain tampilan program anda.

Cukup menarik bukan membuat aplikasi Windows 8 dengan menggunakan javascript. Mirip seperti membangung sebuah website.

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: