Membuat Aplikasi Buku Resep Windows 8 dengan Menggunakan JavaScript (Modifikasi ItemDetails) – Part 6

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.

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

• Untuk melengkapi modifikasi, kita juga perlu memodifikasi halaman css. Buka kembali itemDetail.css dan tambahkan beberapa statemen seperti gambar di bawah.

• Selanjutnya kita juga edit css “.itemdetailpage .content article” bagian ini terdapat paling atas pada file itemdetail.css Kemudian rubah seperti gambar dibawah ini.

• Dan yang terakhir kita rubah “.itemdetailpage .content article .item-image menjadi seperti gambar dibawah ini.

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

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.