1
Prakata
Buku ini saya buat untuk para developer yang ingin mengembangkan aplikasi berbasis Windows
Phone yang dapat dilkakukan tanpa menulis kode (coding). Sebelumnya sudah ada tools untuk
pembuatan aplikasi mobile berbasis Windows Phone menggunakan C# dan XAML atau HTML5
dan CSS yang dapat di dibuat menggunakan tools Visual Studio dari Microsoft. Namun sekarang
ada aplikasi berbasis website yang disebut dengan Windows Phone App Studio dimana para
developer tinggal membuka website untuk membuat aplikasi berbasis Windows Phone dan tanpa
coding. Dan dengan empat langkah anda dapat langsung membuat aplikasi berbasis Windows
Phone. Empat langkah itu adalah :
1. App Information
2. Cofigure App Content
3. Configure App Style
4. Summary
Yang dapat dipelajari dari ebook ini adalah membuat aplikasi berdasarkan template yang sudah
disediakan oleh Windows Phone App Studio. Berikut ini adalah beberapa template yang sudah
disediakan oleh Windows Phone App Studio :
1. My City
2. My Diet
3. My Hero
4. Birthday Party
5. Countryside
6. Video Chanel
7. Our Company
8. Catalog
9. Celebrate
10. Menu
11. Movie Review
12. My Family
13. My Favourite Band
14. My Hobby
15. My Trip
16. Official Store
17. Personal Trainer
18. Sports Team
19. Storyteller
2
Ebook ini diperuntukkan bagi Anda yang ingin mengenal, menggunakan dan mengembangkan
aplikasi Windows Phone, sebuah platform mobile terbaru dari Microsoft. Tentunya masih banyak
yang akan direvisi dari ebook mengenai Windows Phone ini namun tentunya ebook ini dapat
dijadikan fondasi awal untuk belajar.
Kevin Kurniawan
3
DAFTAR ISI
Prakata..................................................................................................................................................................................1
DAFTAR ISI ......................................................................................................................................................................... 3
Perkenalan ......................................................................................................................................................................... 7
My City Template ............................................................................................................................................................ 9
App Information ..................................................................................................................................................... 9
Configure App Content ..................................................................................................................................... 10
Configure App Style ............................................................................................................................................ 19
Summary ................................................................................................................................................................ 20
My Diet Template ......................................................................................................................................................... 22
App Information .................................................................................................................................................. 22
Configure App Content .................................................................................................................................... 23
Configure App Style ........................................................................................................................................... 25
Summary ................................................................................................................................................................ 26
My Hero Template ....................................................................................................................................................... 28
App Information .................................................................................................................................................. 28
Configure App Content .................................................................................................................................... 29
Configure App Style ........................................................................................................................................... 33
Summary ................................................................................................................................................................ 34
Birthday Party Template ............................................................................................................................................ 36
App Information .................................................................................................................................................. 36
Configure App Content .................................................................................................................................... 37
Configure App Style ........................................................................................................................................... 40
Summary ................................................................................................................................................................. 41
Countryside Template ................................................................................................................................................ 43
App Information .................................................................................................................................................. 43
Configure App Content .................................................................................................................................... 44
Configure App Style ........................................................................................................................................... 46
Summary ................................................................................................................................................................ 47
4
Video Channels Template ......................................................................................................................................... 49
App Information .................................................................................................................................................. 49
Configure App Content .................................................................................................................................... 50
Configure App Style ............................................................................................................................................ 51
Summary ................................................................................................................................................................ 52
Our Company Template ............................................................................................................................................ 54
App Information .................................................................................................................................................. 54
Configure App Content .................................................................................................................................... 55
Configure App Style ........................................................................................................................................... 58
Summary ................................................................................................................................................................ 59
Catalog Template .......................................................................................................................................................... 61
App Information ................................................................................................................................................... 61
Configure App Content .................................................................................................................................... 62
Configure App Style ........................................................................................................................................... 65
Summary ................................................................................................................................................................ 66
Celebrate Template ..................................................................................................................................................... 68
App Information .................................................................................................................................................. 68
Configure App Content .................................................................................................................................... 68
Configure App Style ............................................................................................................................................ 71
Summary ................................................................................................................................................................ 72
Menu Template ............................................................................................................................................................. 74
App Information .................................................................................................................................................. 74
Configure App Content .................................................................................................................................... 75
Configure App Style ........................................................................................................................................... 78
Summary ................................................................................................................................................................ 80
Movie Review Template............................................................................................................................................. 82
App Information .................................................................................................................................................. 82
Configure App Content .................................................................................................................................... 83
Configure App Style ........................................................................................................................................... 85
Summary ................................................................................................................................................................ 87
My Family Template .................................................................................................................................................... 89
5
App Information .................................................................................................................................................. 89
Configure App Content .................................................................................................................................... 90
Configure App Style ........................................................................................................................................... 93
Summary ................................................................................................................................................................ 94
My Favourite Band Template ................................................................................................................................... 96
App Information .................................................................................................................................................. 96
Configure App Content .................................................................................................................................... 97
Configure App Style .......................................................................................................................................... 100
Summary ............................................................................................................................................................... 102
My Hobby Template ................................................................................................................................................. 104
App Information ................................................................................................................................................ 104
Configure App Content ................................................................................................................................... 105
Configure App Style .......................................................................................................................................... 107
Summary ............................................................................................................................................................... 108
Official Store Template ............................................................................................................................................. 110
App Information ................................................................................................................................................. 110
Configure App Content .................................................................................................................................... 111
Configure App Style .......................................................................................................................................... 114
Summary ............................................................................................................................................................... 115
My Trip Template ........................................................................................................................................................ 117
App Information ................................................................................................................................................. 117
Configure App Content ................................................................................................................................... 118
Configure App Style .......................................................................................................................................... 121
Summary ............................................................................................................................................................... 122
Personal Trainer Template ...................................................................................................................................... 124
App Information ................................................................................................................................................ 124
Configure App Content ................................................................................................................................... 125
Configure App Style .......................................................................................................................................... 126
Summary ............................................................................................................................................................... 127
Storyteller Template ................................................................................................................................................... 129
App Information ................................................................................................................................................. 129
6
Configure App Content ................................................................................................................................... 130
Configure App Style .......................................................................................................................................... 133
Summary .............................................................................................................................................................. 134
Sports Team Template .............................................................................................................................................. 136
App Information ................................................................................................................................................. 136
Configure App Content ................................................................................................................................... 137
Configure App Style ......................................................................................................................................... 140
Summary ............................................................................................................................................................... 141
Membuat Aplikasi Windows Phone App Studio Tanpa Menggunakan Template ............................ 143
Mendaftarkan Aplikasi ke Marketplace ............................................................................................................. 149
Penutup.......................................................................................................................................................................... 154
Referensi ......................................................................................................................................................................... 155
7
Perkenalan
Berikut ini adalah halaman awal website dari Windows Phone App Studio yang dapat dibuka di
apps.windowsstore.com untuk memulai membuat aplikasi kita langsung klik saja tombol “start
building”.
Halaman Awal Windows Phone App Studio
Setelah menekan tombol “start building” maka anda akan diarahkan ke sebuah halaman dimana
anda diminta untuk memasukkan invitation code yang dapat diperoleh dengan mengirim email
kosong ke [email protected]. Setelah anda mendapatkan invitation code anda tinggal
memasukkan code tersebut dan mengklik “register”.
Halaman Registrasi Windows Phone App Studio
Setelah melakukan registrasi Windows Phone App Studio memiliki beberapa template yang dapat
langsung di kostumisasi seperti berikut ini :
8
1. My City
2. My Diet
3. My Hero
4. Birthday Party
5. Countryside
6. Video Chanel
7. Our Company
8. Catalog
9. Celebrate
10. Menu
11. Movie Review
12. My Family
13. My Favourite Band
14. My Hobby
15. My Trip
16. Official Store
17. Personal Trainer
18. Sports Team
19. Storyteller
Halaman Pemilihan Template Windows Phone App Studio
Pada Gambar diatas dapat dilihat bahwa kita dapat membuat aplikasi berbasis Windows Phone
berdasarkan template yang sudah disediakan atau dapat langsung membuat tanpa menggunakan
template yang disediakan. Setelah ini akan dibahas pembuatan aplikasi menggunakan satu
persatu dari template yang telah disediakan.
Saya sangat menyarankan untuk membaca terlebih dahulu aplikasi My City karena di dalam nya
terdapat informasi secara detail yang tidak dibahas di bagian template lain.
9
My City Template
Template pertama yang akan dicoba adalah My City. My City adalah template yang digunakan
untuk para developer yang ingin membuat aplikasi untuk sebuah kota. Untuk memulai nya kita
dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
10
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Info (memberikan deskripsi informasi kota yang akan dibuat)
2. Monuments (memberikan informasi monument-monument yang ada di kota tersebut)
3. Spesial Places (memberikan informasi seputar tempat yang spesial yang ada di kota
tersebut)
4. History (memberikan informasi sejarah dari kota tersebut)
5. Photo Album (memberikan foto – foto yang berkaitan dengan kota tersebut)
6. Menu Section (memberikan website yang berkaitan dengan kota tersebut)
Info
11
Sekarang saya akan mengedit bagian di dalam Application Section di bagian Info. Di dalam
tabulasi info terdapat tiga buah icon yang berbentuk pensil, mata dan tanda silang. Lambang
pensil digunakan untuk mengedit menu info seperti gambar di bawah ini.
Section Name adalah header dari sebuah halaman aplikasi kita. Kita dapat mengubah nama
header sesuai dengan keinginan kita. Setelah melakukan perubahan maka kita tinggal mengklik
“Save Changes” dan kita akan kembali ke halaman awal. Jika tidak terjadi perubahan maka kita
dapat mengklik lambang mata yang digunakan untuk melihat hasil perubuhan dari yang kita edit
di bagian emulator. Dan tanda silang atau delete digunakan untuk menghapus salah satu bagian
di aplikasi kita. Setelah di bagian info kita dapat mengubah isi deskripsi nya dengan memilih
bagian info di bagian Data Source sehingga kita akan masuk ke halaman seperti berikut.
Di bagian ini kita bisa mengisi bagian deskripsi dari info dengan deskripsi yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan deskripsi sesuai dengan contoh aplikasi yang
saya buat.
12
Kita juga bisa menambahkan beberapa tag-tag html di bagian deskripsi ini. Setelah itu kita akan
masuk ke menu yang kedua yaitu bagian monuments dan kita langsung memilih Data Source
untuk memasukkan konten yang akan kita masukkan ke dalam aplikasi kita.
Monuments
Pada bagian monuments ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari monumen dengan deskripsi yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Pada bagian atas terdapat dua buah pilihan static dan dynamic pilihan tersebut artinya jika kita
memilih static maka jika kita menambahkan konten baru ke dalam data source yang kita buat
maka data tersebut tidak akan muncul sebelum aplikasi yang dipakai oleh pengguna melakukan
update karena data tersebut terseimpan secara static di dalam aplikasi sedangkan untuk pilihan
dynamic maka jika kita memasukkan konten baru maka user tidak perlu mengupdate aplikasi
untuk mendapatkan konten terbaru, user hanya perlu melakukan refresh pada halaman tersebut
dan aplikasi tersebut akan menarik data baru yang terdapat di Data Source yang sudah kita buat
melalui koneksi internet.
13
Setelah itu di bagian Monuments selain pilihan Data Source terdapat juga pilihan Section Pages
seperti gambar di bawah ini.
Saya akan memilih bagian monuments di dalam Section Pages maka saya akan masuk ke halaman
seperti di bawah ini.
Di bagian ini terdapat pilihan title dimana kita seperti biasa dapat mengubah header menjadi
nama yang sesuai kita inginkan. Selain itu terdapat juga pilihan layout dimana kita dapat
memberikan style yang berbeda terhadap konten yang sudah kita isi di dalam Data Source. Bagian
Content adalah bagian dimana kita dapat memilih item apa yang akan ditampilkan dalam style
yang kita buat misalnya title dan subtitle atau dapat juga title dan deskripsi dari konten kita.
Sedangkan di halaman detail terdapat sebuah menu tambahan seperti berikut.
14
Bagian Extras adalah bagian dimana kita dapat menambahkan fitur yang terdapat dalam aplikasi
kita misalnya TextToSpeech adalah fitur dimana device akan membacakan isi deksripsi dari konten
yang kita pilih, ShareText adalah fitur dimana kita dapat berbagi isi konten yang kita pilih melalui
email dan sosial media, dan yang terakhir adalah PinToStart adalah fitur untuk membuat tiles baru
di start screen device kita yang saat di pilih akan langsung masuk ke halaman detail yang sudah
kita pilih.
History
Pada bagian history ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Saya akan memilih bagian monuments di dalam Section Pages maka saya akan masuk ke halaman
seperti di bawah ini.
15
Di bagian ini terdapat pilihan title dimana kita seperti biasa dapat mengubah header menjadi
nama yang sesuai kita inginkan. Selain itu terdapat juga pilihan layout dimana kita dapat
memberikan style yang berbeda terhadap konten yang sudah kita isi di dalam Data Source. Bagian
Content adalah bagian dimana kita dapat memilih item apa yang akan ditampilkan dalam style
yang kita buat. Sedangkan di halaman detail terdapat sebuah menu tambahan seperti berikut.
Bagian Extras adalah bagian dimana kita dapat menambahkan fitur yang terdapat dalam aplikasi
kita misalnya TextToSpeech adalah fitur dimana device akan membacakan isi deksripsi dari konten
yang kita pilih, ShareText adalah fitur dimana kita dapat berbagi isi konten yang kita pilih melalui
email dan sosial media, dan yang terakhir adalah PinToStart adalah fitur untuk membuat tiles baru
di start screen device kita yang saat di pilih akan langsung masuk ke halaman detail yang sudah
kita pilih.
Spesial Places
Setelah bagian monuments maka kita akan masuk ke bagian selanjutnya yaitu bagian Special
Places. Di dalam bagian Data Source Special Place kita akan masuk ke halaman dimana kita dapat
menambahkan konten yang akan dimasukkan ke dalam aplikasi kita. Pada bagian ini kita dapat
memasukkan data sesuai dengan konten yang ingin kita masukkan dengan memilih bagian edit
untuk mengganti data yang sudah ada, bagian create item untuk membuat konten baru, dan
delete untuk menghapus data yang sudah dimasukkan.
16
Di bagian ini kita bisa mengisi bagian konten dari spesial place dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Saya akan memilih bagian SpesialPlaces di dalam Section Pages maka saya akan masuk ke
halaman seperti di bawah ini.
Di bagian ini terdapat pilihan title dimana kita seperti biasa dapat mengubah header menjadi
nama yang sesuai kita inginkan. Selain itu terdapat juga pilihan layout dimana kita dapat
memberikan style yang berbeda terhadap konten yang sudah kita isi di dalam Data Source. Bagian
Content adalah bagian dimana kita dapat memilih item apa yang akan ditampilkan dalam style
yang kita buat misalnya title dan subtitle atau dapat juga title dan deskripsi dari konten kita.
Sedangkan di halaman detail terdapat sebuah menu tambahan seperti berikut.
17
Bagian Extras adalah bagian dimana kita dapat menambahkan fitur yang terdapat dalam aplikasi
kita misalnya TextToSpeech adalah fitur dimana device akan membacakan isi deksripsi dari konten
yang kita pilih, ShareText adalah fitur dimana kita dapat berbagi isi konten yang kita pilih melalui
email dan sosial media, dan yang terakhir adalah PinToStart adalah fitur untuk membuat tiles baru
di start screen device kita yang saat di pilih akan langsung masuk ke halaman detail yang sudah
kita pilih.
Photo Album
Bagian ini diisi dengan rss reader sehingga bagian Photo Album di dalam aplikasi ini akan
membutuhkan koneksi internet. Yang kita lakukan kita tinggal memasukkan rss dan mengklik
tombol “refresh”
Di bagian ini kita bisa mengisi bagian konten dari photo album dengan konten yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
18
Menu Section
Bagian terakhir di dalam Configure App Content adalah Menu Section dimana aplikasi kita dapat
masuk ke halaman website ke link yang sudah kita siapkan.
Di bagian ini kita dapat mengubah ke halaman link mana saja yang akan kita siapkan. Kita dapat
menambah link atau menghapus link dan juga mengedit link sudah ada.
Di bagian ini kita bisa mengisi bagian konten dari Menu Section dengan konten yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
19
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
20
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
21
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
22
My Diet Template
Template selanjutnya adalah My Diet. My Diet adalah template yang digunakan untuk para
developer yang ingin membuat aplikasi untuk menu makanan diet. Untuk memulai nya kita dapat
langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
23
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Diet Updates (memberikan berita terbaru seputar diet)
2. Monday (memberikan menu makanan diet pada hari senin)
3. Tuesday (memberikan menu makanan diet pada hari selasa)
4. Wednesday (memberikan menu makanan diet pada hari rabu)
5. Thursday (memberikan menu makanan diet pada hari kamis)
6. Friday (memberikan menu makanan diet pada hari jumat)
Diet Updates
Pada bagian diet updates ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
24
Di bagian ini kita bisa mengisi bagian konten dari diet update dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Pada bagian atas terdapat dua buah pilihan static dan dynamic pilihan tersebut artinya jika kita
memilih static maka jika kita menambahkan konten baru ke dalam data source yang kita buat
maka data tersebut tidak akan muncul sebelum aplikasi yang dipakai oleh pengguna melakukan
update karena data tersebut terseimpan secara static di dalam aplikasi sedangkan untuk pilihan
dynamic maka jika kita memasukkan konten baru maka user tidak perlu mengupdate aplikasi
untuk mendapatkan konten terbaru, user hanya perlu melakukan refresh pada halaman tersebut
dan aplikasi tersebut akan menarik data baru yang terdapat di Data Source yang sudah kita buat
melalui koneksi internet.
Monday - Friday
Pada bagian hari dari Monday - Friday ini kita dapat memasukkan data sesuai dengan konten
yang ingin kita masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada,
bagian create item untuk membuat konten baru, dan delete untuk menghapus data yang sudah
dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari Monday - friday dengan konten yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
25
Aplikasi ini dibuat untuk orang-orang yang sedang melakukan diet. Namun dengan sedikit
perubahan saya membuat aplikasi ini menjadi menu makanan yang memberikan informasi kalori
makanan tersebut yang dibagi menjadi tiga yaitu daging, sayuran dan minuman seperti gambar
berikut
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
26
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
27
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
28
My Hero Template
Template selanjutnya adalah My Hero. My Hero adalah template yang digunakan untuk para
developer yang ingin membuat aplikasi untuk sebuah superhero kesayangan nya. Untuk memulai
nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
29
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. History (memberikan informasi atau sejarah dari tokoh superhero)
2. Costumes (memberikan informasi kostum-kostum yang dipakai oleh tokoh superhero)
3. Powers (memberikan informasi seputar power / jurus dari tokoh superhero)
4. Character (memberikan informasi karakter-karakter yang ada di tokoh superhero)
History
Sekarang saya akan mengedit bagian di dalam Application Section di bagian History. Di dalam
tabulasi info terdapat tiga buah icon yang berbentuk pensil, mata dan tanda silang. Lambang
pensil digunakan untuk mengedit menu info seperti gambar di bawah ini.
30
Section Name adalah header dari sebuah halaman aplikasi kita. Kita dapat mengubah nama
header sesuai dengan keinginan kita. Setelah melakukan perubahan maka kita tinggal mengklik
“Save Changes” dan kita akan kembali ke halaman awal. Jika tidak terjadi perubahan maka kita
dapat mengklik lambang mata yang digunakan untuk melihat hasil perubuhan dari yang kita edit
di bagian emulator. Dan tanda silang atau delete digunakan untuk menghapus salah satu bagian
di aplikasi kita. Setelah di bagian info kita dapat mengubah isi deskripsi nya dengan memilih
bagian info di bagian Data Source sehingga kita akan masuk ke halaman seperti berikut.
Di bagian ini kita bisa mengisi bagian deskripsi dari info dengan deskripsi yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan deskripsi sesuai dengan contoh aplikasi yang
saya buat.
Kita juga bisa menambahkan beberapa tag-tag html di bagian deskripsi ini.
31
Costumes
Pada bagian costumes ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari costumes dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Pada bagian atas terdapat dua buah pilihan static dan dynamic pilihan tersebut artinya jika kita
memilih static maka jika kita menambahkan konten baru ke dalam data source yang kita buat
maka data tersebut tidak akan muncul sebelum aplikasi yang dipakai oleh pengguna melakukan
update karena data tersebut terseimpan secara static di dalam aplikasi sedangkan untuk pilihan
dynamic maka jika kita memasukkan konten baru maka user tidak perlu mengupdate aplikasi
untuk mendapatkan konten terbaru, user hanya perlu melakukan refresh pada halaman tersebut
dan aplikasi tersebut akan menarik data baru yang terdapat di Data Source yang sudah kita buat
melalui koneksi internet.
32
Powers
Pada bagian powers ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Character
Pada bagian character ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari character dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
33
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
34
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
35
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
36
Birthday Party Template
Template selanjutnya adalah Birthday Party. Birthday Party adalah template yang digunakan untuk
para developer yang ingin membuat aplikasi untuk sebuah moment berharga dalam ulang tahun
nya. Untuk memulai nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
37
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Guest List (memberikan informasi tentang tamu yang diundang)
2. Activities (memberikan informasi aktifitas-aktifitas yang akan diadakan saat pesta ulang
tahun)
3. Photo Album (memberikan informasi foto-foto yang ada saat perayaan pesta ulang
tahun)
4. Details (memberikan deskripsi tentang perayaan pesta ulang tahun)
Guest List
Pada bagian guest list ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
38
Di bagian ini kita bisa mengisi bagian konten dari guest list dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Pada bagian atas terdapat dua buah pilihan static dan dynamic pilihan tersebut artinya jika kita
memilih static maka jika kita menambahkan konten baru ke dalam data source yang kita buat
maka data tersebut tidak akan muncul sebelum aplikasi yang dipakai oleh pengguna melakukan
update karena data tersebut terseimpan secara static di dalam aplikasi sedangkan untuk pilihan
dynamic maka jika kita memasukkan konten baru maka user tidak perlu mengupdate aplikasi
untuk mendapatkan konten terbaru, user hanya perlu melakukan refresh pada halaman tersebut
dan aplikasi tersebut akan menarik data baru yang terdapat di Data Source yang sudah kita buat
melalui koneksi internet.
Activities
Pada bagian activities ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
39
Di bagian ini kita bisa mengisi bagian konten dari activities dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Pada bagian atas terdapat dua buah pilihan static dan dynamic pilihan tersebut artinya jika kita
memilih static maka jika kita menambahkan konten baru ke dalam data source yang kita buat
maka data tersebut tidak akan muncul sebelum aplikasi yang dipakai oleh pengguna melakukan
update karena data tersebut terseimpan secara static di dalam aplikasi sedangkan untuk pilihan
dynamic maka jika kita memasukkan konten baru maka user tidak perlu mengupdate aplikasi
untuk mendapatkan konten terbaru, user hanya perlu melakukan refresh pada halaman tersebut
dan aplikasi tersebut akan menarik data baru yang terdapat di Data Source yang sudah kita buat
melalui koneksi internet.
Photo Album
Pada bagian photo album ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
40
Detail
Di bagian ini kita bisa mengisi bagian deskripsi dari informasi ulang tahun kita.
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
41
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
42
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
43
Countryside Template
Template selanjutnya adalah Countryside. Countryside adalah template yang digunakan untuk
para developer yang ingin membuat aplikasi untuk seseorang yang senang dengan serangga.
Untuk memulai nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
44
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Beetles
2. Fireflies
3. Habitats
4. Diets
Beetles
Pada bagian beetles ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Fireflies
Pada bagian fireflies ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
45
Habitats
Pada bagian habitats ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Diets
Pada bagian diets ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
46
Sebagai contoh saya telah membuat dan mengubah konten aplikasi di dalam nya menjadi
aplikasi flora dan fauna indonesia beserta cagar alam yang ada di Indonesia.
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
47
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
48
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
49
Video Channels Template
Template selanjutnya adalah Video Channels. Video Channels adalah template yang digunakan
untuk para developer yang ingin membuat aplikasi untuk berbagi video favorit. Untuk memulai
nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
50
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Microsoft (memberikan informasi video yang didapat dari channel youtube)
2. Office (memberikan informasi video yang didapat dari channel youtube)
3. Windows (memberikan informasi video yang didapat dari channel youtube)
4. Microsoft Education (memberikan informasi video yang didapat dari channel youtube)
5. About These Channel (memberikan informasi video yang didapat dari channel youtube)
Microsoft / Office / Windows / Microsoft Education
Pada bagian ini kita dapat memasukkan data sesuai dengan video yang ada di aplikasi kita. Kita
hanya memasukkan channel youtube atau kata kunci search video yang ingin kita masukkan.
Setelah itu kita tinggal mengklik refresh maka list video yang kita cari akan muncul di table video.
Sebagai contoh saya telah membuat dan mengubah konten aplikasi di dalam nya menjadi
aplikasi untuk orang yang memiliki hobi bermain skateboard sehingga di dalam nya terdapat
beberapa channel video yang berhubungan dengan olahraga skateboard.
51
About These Channel
Di bagian ini kita bisa mengisi bagian deskripsi dari informasi aplikasi video channel kita.
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
52
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
53
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
54
Our Company Template
Template selanjutnya adalah Our Company. Our Company adalah template yang digunakan untuk
para developer yang ingin membuat aplikasi untuk seseorang yang ingin mempromosikan
company miliknya. Untuk memulai nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
55
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. About Us (memberikan deskripsi dari perusahaan)
2. Services And Products (memberikan informasi tentang service dan produk yang ada dari
perusahaan)
3. Team (memberikan informasi tentang team yang ada di perusahaan)
4. References (memberikan informasi website yang berkaitan dengan perusahaan)
5. News (memberikan berita yang berkaitan dengan perusahaan)
About
Di bagian ini kita bisa mengisi bagian deskripsi dari informasi dari company kita.
Service And Products
Pada bagian service and products ini kita dapat memasukkan data sesuai dengan konten yang
ingin kita masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian
create item untuk membuat konten baru, dan delete untuk menghapus data yang sudah
dimasukkan.
56
Team
Pada bagian team ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari team dengan deskripsi yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
57
References
Di bagian ini kita dapat mengubah ke halaman link mana saja yang akan kita siapkan. Kita dapat
menambah link atau menghapus link dan juga mengedit link sudah ada.
Di bagian ini kita bisa mengisi bagian konten dari references dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
News
Bagian ini diisi dengan rss reader sehingga bagian news di dalam aplikasi ini akan membutuhkan
koneksi internet. Yang kita lakukan kita tinggal memasukkan rss dan mengklik tombol “refresh”
Sebagai contoh saya telah membuat dan mengubah konten aplikasi di dalam nya menjadi
aplikasi senat mahasiswa salah satu universitas yang ada di Indonesia.
58
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
59
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
60
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
61
Catalog Template
Template selanjutnya adalah Catalog. Catalog adalah template yang digunakan untuk para
developer yang ingin membuat aplikasi untuk seseorang yang ingin mempromosikan sebuah
katalog produk. Untuk memulai nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
62
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Info (memberikan informasi seputar katalog)
2. Top Products (memberikan informasi tentang produk terbaik)
3. Our Products (memberikan informasi seluruh produk yang ada)
4. Gallery (memberikan informasi foto-foto dari produk yang ada)
5. Blog (memberikan informasi berita seputar katalog)
Info
Di bagian ini kita bisa mengisi bagian deskripsi dari informasi dari produk kita.
Top Products
Pada bagian top products ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
63
Our Products
Pada bagian team ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari our product dengan deskripsi yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
64
Gallery
Pada bagian galery ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari gallery dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Blog
Pada bagian galery ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
65
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
66
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
67
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
68
Celebrate Template
Template selanjutnya adalah Celebrate. Celebrate adalah template yang digunakan untuk para
developer yang ingin membuat aplikasi untuk membuat sebuah undangan perkawinan yang unik.
Untuk memulai nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
69
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Who (memberikan informasi tentang siapa yang mengadakan pernikahan)
2. Where (memberikan informasi dimana lokasi pernikahan diadakan)
3. Menu (memberikan informasi menu hidangan yang ada saat perayaan pernikahan)
4. Present (memberikan informasi hadiah yang didapat pasangan)
Who
Pada bagian who ini kita dapat memasukkan data sesuai dengan konten yang ingin kita masukkan
dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item untuk
membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Where
Pada bagian where ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
70
Menu
Pada bagian menu ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Present
Pada bagian present ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
71
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
72
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
73
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
74
Menu Template
Template selanjutnya adalah Menu. Menu adalah template yang digunakan untuk para developer
yang ingin membuat menu makanan agar dapat dilihat oleh masyarakat. Untuk memulai nya kita
dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
75
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Starters (memberikan menu makanan pembuka)
2. Main (memberikan menu makanan utama)
3. Desserts (memberikan menu makanan penutup)
4. Beverages (memberikan menu minuman)
5. Spesial Offer (memberikan promo-promo yang ada)
Staters
Pada bagian starters ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
76
Di bagian ini kita bisa mengisi bagian konten dari starters dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Main
Pada bagian main ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari main dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
77
Desserts
Pada bagian desserts ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari desserts dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Beverages
Pada bagian beverages ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
78
Di bagian ini kita bisa mengisi bagian konten dari beverages dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Spesial Offer
Pada bagian spesial offer ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
79
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
80
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
82
Movie Review Template
Template selanjutnya adalah Movie Review. Movie Review adalah template yang digunakan untuk
para developer yang ingin membuat review dan informasi dari sebuah film. Untuk memulai nya
kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
83
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. The Story (memberikan deskripsi dan cerita singkat tentang film yang akan direview)
2. Pictures (memberikan foto-foto atau gambar yang berkaitan dengan film yang akan
direview)
3. Characters (memberikan infomasi tokoh-tokoh yang ada dalam film yang akan direview)
4. Web (memberikan informasi website seputar film yang akan direview)
5. Watch (memberikan link video trailer film yang akan direview)
The Story
Di bagian ini kita bisa mengisi bagian deskripsi dari history film yang akan kita buat.
Di bagian ini kita bisa mengisi bagian konten dari the story dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
84
Pictures
Bagian ini diisi dengan rss reader sehingga bagian Pictures di dalam aplikasi ini akan
membutuhkan koneksi internet. Yang kita lakukan kita tinggal memasukkan rss dan mengklik
tombol “refresh”
Characters
Pada bagian characters ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari characters dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
85
Web
Web adalah dimana aplikasi kita dapat masuk ke halaman website ke link yang sudah kita
siapkan.
Watch
Web adalah dimana aplikasi kita dapat masuk ke halaman website ke link yang sudah kita
siapkan.
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
86
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
87
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
88
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
89
My Family Template
Template selanjutnya adalah My Family. My Family adalah template yang digunakan untuk para
developer yang ingin membuat aplikasi seputar keluarga nya. Untuk memulai nya kita dapat
langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
90
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Who We Are (memberikan informasi seluruh anggota keluarga)
2. Photo Album (memberikan foto-foto seputar anggota keluarga)
3. Activities (memberikan informasi seputar aktifitas anggota keluarga)
4. Moments (memberikan informasi moment-moment dari sebuah keluarga)
Who We Are
Pada bagian who we are ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari anggota keluarga dengan konten yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
91
Photo Album
Pada bagian photo album ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari photo album dengan konten yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
92
Activities
Pada bagian activities ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari activities dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Moments
Pada bagian moments ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
93
Di bagian ini kita bisa mengisi bagian konten dari moments dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
94
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
95
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
96
My Favourite Band Template
Template selanjutnya adalah My Favourite Band. My Favourite Band adalah template yang
digunakan untuk para developer yang ingin membuat aplikasi seputar band favorit nya. Untuk
memulai nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
97
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. They Are (memberikan deskripsi tentang sebuah band)
2. Singles (memberikan informasi single-single dari sebuah band)
3. Album (memberikan informasi album-album dari sebuah band)
4. Concerts (memberikan informasih konser dari sebuah band)
5. Blog (memberikan blog dari sebuah band)
6. Videos (memberikan channel video dari sebuah band)
They Are
Di bagian ini kita bisa mengisi bagian deskripsi dari informasi dari band favorite kita.
Di bagian ini kita bisa mengisi bagian konten dari they are dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
98
Singles
Pada bagian singles ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari singles dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Albums
Pada bagian album ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
99
Di bagian ini kita bisa mengisi bagian konten dari album dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Concerts
Pada bagian concerts ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari concerts dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
100
Blog
Bagian ini diisi dengan rss reader sehingga bagian news di dalam aplikasi ini akan membutuhkan
koneksi internet. Yang kita lakukan kita tinggal memasukkan rss dan mengklik tombol “refresh”
Videos
Pada bagian ini kita dapat memasukkan data sesuai dengan video yang ada di aplikasi kita. Kita
hanya memasukkan channel youtube atau kata kunci search video yang ingin kita masukkan.
Setelah itu kita tinggal mengklik refresh maka list video yang kita cari akan muncul di table video.
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
101
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
102
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
104
My Hobby Template
Template selanjutnya adalah My Hobby. My Hobby adalah template yang digunakan untuk para
developer yang ingin membuat aplikasi seputar hobby favorit nya. Untuk memulai nya kita dapat
langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
105
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. About (memberukan deskripsi dari sebuah hobby)
2. Favorites (memberikan informasi fovorit dari sebuah hobby)
3. Gallery (memberikan informasi foto-foto dari sebuah hobby)
4. News (memberikan informasi berita dari sebuah hobby)
About
Di bagian ini kita bisa mengisi bagian deskripsi dari informasi dari hobby favorite kita.
Di bagian ini kita bisa mengisi bagian konten dari they are dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
106
Favorites
Pada bagian favorites ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Gallery
Pada bagian gallery ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari gallery dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
107
News
Bagian ini diisi dengan rss reader sehingga bagian news di dalam aplikasi ini akan membutuhkan
koneksi internet. Yang kita lakukan kita tinggal memasukkan rss dan mengklik tombol “refresh”
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
108
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
109
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
110
Official Store Template
Template selanjutnya adalah Official Store. Official Store adalah template yang digunakan untuk
para developer yang ingin membuat aplikasi seputar toko dan produk yang dijual. Untuk memulai
nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
111
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Products (memberikan informasi produk yang dijual)
2. Best Sellers (memberikan informasi tentang produk yang paling laku dibeli)
3. Special Offers (memberikan informasi tentang promo-promo yang ada)
4. New Products (memberikan informasi tentang produk terbaru)
Products
Pada bagian products ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari products dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
112
Best Sellers
Pada bagian best sellers ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari best sellers dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Spesial Offers
Pada bagian spesial offers ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
113
Di bagian ini kita bisa mengisi bagian konten dari spesial offers dengan konten yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
New Products
Pada bagian new products ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari new products dengan konten yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
114
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
115
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
116
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
117
My Trip Template
Template selanjutnya adalah My Trip. My Trip adalah template yang digunakan untuk para
developer yang ingin membuat aplikasi seputar liburan atau perjalan mereka ke suatu tempat.
Untuk memulai nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
118
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. The Place (memberikan informasi deskripsi dari sebuah tempat yang dikunjungi)
2. Photos (memberikan informasi foto-foto seputar tempat yang dikunjungi)
3. Diary (memberikan informasi diary seputar tempat yang dikunjungi)
4. Fellows
5. The Next One (memberikan informasi tentang tempat yang selanjutnya akan dikunjungi)
The Place
Di bagian ini kita bisa mengisi bagian deskripsi dari informasi dari perjalanan atau liburan kita.
Di bagian ini kita bisa mengisi bagian konten dari the place dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
119
Photos
Pada bagian photos ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari photos dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Diary
Pada bagian diary ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
120
Di bagian ini kita bisa mengisi bagian konten dari diary dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
Fellows
Pada bagian fellows ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
The Next One
Pada bagian the next one ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
121
Di bagian ini kita bisa mengisi bagian konten dari new products dengan konten yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
122
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
123
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
124
Personal Trainer Template
Template selanjutnya adalah Personal Trainer. Personal Trainer adalah template yang digunakan
untuk para developer yang ingin membuat aplikasi pribadi seputar olahraga dan latihan olahraga
pribadi. Untuk memulai nya kita dapat langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
125
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Sports I Practice
2. My Priorities
3. My Diet
Photos
Pada bagian sports I practice ini kita dapat memasukkan data sesuai dengan konten yang ingin
kita masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create
item untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
My Priorities
Pada bagian my priorities ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
126
My Diet
Pada bagian my diet ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
127
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
128
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
129
Storyteller Template
Template selanjutnya adalah Storyteller. Storyteller adalah template yang digunakan untuk para
developer yang ingin membuat aplikasi tentang buku bacaan. Untuk memulai nya kita dapat
langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
130
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. Story (memberikan deskripsi atau cerita singkat dari sebuah cerita)
2. Characters (memberikan informasi tokoh-tokoh yang ada dari sebuah cerita)
3. News (memberikan informasi berita dari sebuah cerita)
4. The Author (memberikan informasi pengarang sebuah cerita)
5. More (memberikan link website yang berkaitan dengan sebuah cerita)
Story
Di bagian ini kita bisa mengisi bagian deskripsi dari buku cerita yang akan kita buat aplikasi nya.
Di bagian ini kita bisa mengisi bagian konten dari story dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
131
Character
Pada bagian character ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari story dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
News
Bagian ini diisi dengan rss reader sehingga bagian news di dalam aplikasi ini akan membutuhkan
koneksi internet. Yang kita lakukan kita tinggal memasukkan rss dan mengklik tombol “refresh”
132
The Author
Di bagian ini kita bisa mengisi bagian deskripsi dari pembuat buku.
More
More dimana aplikasi kita dapat masuk ke halaman website ke link yang sudah kita siapkan.
Di bagian ini kita bisa mengisi bagian konten dari more dengan alamat link website yang sesuai
dengan aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh
aplikasi yang saya buat.
133
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
134
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
135
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
136
Sports Team Template
Template selanjutnya adalah Sports Team. Sports Team adalah template yang digunakan untuk
para developer yang ingin membuat aplikasi tentang tim olahraga. Untuk memulai nya kita dapat
langsung memilih “create app”.
App Information
Setelah mengklik “create app” maka kita akan masuk ke halaman App Information seperti di
bawah ini dimana kita akan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi
kita.
Sebagai contoh saya akan membuat aplikasi yang sama dengan konten yang berbeda.
137
Configure App Content
Setelah memasukkan nama dan deskripsi dari aplikasi kita maka kita pilih tanda panah ke kanan
yang terdapat di kanan atas dan kita akan masuk ke halaman Configure App Content.
Di bagian Configure App Content terdapat dua buah kolom yaitu kolom Data Source dan
Apllication Section. Data Source digunakan untuk kita menyimpan data – data konten yang nanti
akan dimasukkan ke dalam aplikasi buatan kita dan Application Section adalah bagian – bagian
yang ada di dalam menu dalam aplikasi kita. Aplication Section yang disediakan dalam template
ini adalah :
1. The Team (memberikan informasi pemain dari sebuah team olahraga)
2. Awards (memberikan informasi tentang prestasi dari sebuah team olahraga)
3. Videos (memberikan informasi video dari channel sebuah team olahraga)
4. Blog (memberikan informasi berita seputar team olahraga)
The Team
Pada bagian the team ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari the team dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
138
Awards
Pada bagian awards ini kita dapat memasukkan data sesuai dengan konten yang ingin kita
masukkan dengan memilih bagian edit untuk mengganti data yang sudah ada, bagian create item
untuk membuat konten baru, dan delete untuk menghapus data yang sudah dimasukkan.
Di bagian ini kita bisa mengisi bagian konten dari awards dengan konten yang sesuai dengan
aplikasi kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang
saya buat.
139
Videos
Pada bagian ini kita dapat memasukkan data sesuai dengan video yang ada di aplikasi kita. Kita
hanya memasukkan channel youtube atau kata kunci search video yang ingin kita masukkan.
Setelah itu kita tinggal mengklik refresh maka list video yang kita cari akan muncul di table video.
Di bagian ini kita bisa mengisi bagian konten video dengan konten yang sesuai dengan aplikasi
kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang saya buat.
Blog
Bagian ini diisi dengan rss reader sehingga bagian news di dalam aplikasi ini akan membutuhkan
koneksi internet. Yang kita lakukan kita tinggal memasukkan rss dan mengklik tombol “refresh”
Di bagian ini kita bisa mengisi bagian konten blog dengan konten yang sesuai dengan aplikasi
kita. Saya memberikan contoh memasukkan konten sesuai dengan contoh aplikasi yang saya buat.
140
Configure App Style
Style
Bagian selanjutnya adalah Configure App Style bagian style ini adalah bagian kita untuk
memberikan style di aplikasi kita. Accent Brush adalah pilihan untuk mengganti warna tulisan judul
aplikasi. Background Brush adalah pilihan untuk mengganti background yang dapat diisi dengan
warna atau gambar. Foreground Brush adalah pilihan untuk mengganti warna text konten di
dalam aplikasi kita. Dan Application Bar Brush adalah pilihan untuk mengganti warna application
bar yang terdapat di bawah aplikasi kita.
Tiles
Tiles adalah bagian dimana kita dapat mengganti style icon dari aplikasi kita yang kita yang
disimpan di start screen. Cycle Template adalah pilihan dimana icon yang kita simpan di start
screen akan mengeluarkan gambar yang disimpan di dalam aplikasi kita. Flip template adalah
pilihan dimana icon yang kita simpan di start screen akan mengeluarkan gambar dan isi konten
yang ada di aplikasi kita. Sedangkan Iconic Template adalah pilihan dimana icon yang kita simpan
di start screen hanya akan menampilkan icon yang sudah kita setting di dalam App Information.
141
Splash dan Lock
Selanjutnya Splash dan Lock dimana terdapat dua buah pilihan yaitu splash screen background
dan lock screen background. Splash screen background adalah pilihan untuk image yang akan
ditampilkan saat aplikasi pertama kali dijalankan dan lock screen background adalah pilihan untuk
gambar yang dapat dijadikan wallpaper handphone jika setting untuk wallpaper dipilih dari
aplikasi kita.
Summary
Setelah ini adalah bagian terakhir dari langkah terakhir pembuatan aplikasi mobile berbasis
Windows Phone. Pada bagian ini terdapat informasi tentang aplikasi yang kita buat dan yang
terpenting adalah bagian generate yang digunakan untuk membuat aplikasi kita dapat dijalankan.
Berikut ini adalah tampilan saat tombol generate ditekan.
142
Setelah menunggu beberapa saat maka akan ada tampilan sukses dalam mengenerate aplikasi
dan anda akan masuk ke halaman seperti di bawah ini.
Setelah selesai maka terdapat beberapa tampilan seperti berikut ini. Barcode tersebut dapat di
scan di Device Windows Phone sehingga dapat diinstall dan dijalankan di Device Windows Phone
yang sudah di daftarkan sebagai device developer. Selain itu terdapat juga download source code,
download publish package, dan share aplikasi yang sudah dibuat.
143
Membuat Aplikasi Windows Phone App Studio Tanpa
Menggunakan Template
Setelah saya membahas semua template yang ada maka ada satu opsi lagi di dalam Windows
Phone App Studio yaitu “create an empty app” yang terdapat saat pertama kali kita masuk ke
pilihan template di Windows Phone App Studio seperti berikut.
Jika anda ingin membuat aplikasi tanpa menggunakan template yang telah disediakan anda dapat
membuat aplikasi menggunakan Windows Phone App Studio dengan mimilih opsi berikut.
Setelah memilih “create an empty app” maka seperti biasa anda akan masuk ke halaman App
Information dan diminta untuk memasukkan nama aplikasi dan deskripsi dari aplikasi anda.
Setelah selesai mengisi nama aplikasi dan deskripsi dari maka kita masuk ke pilihan selanjutnya
yaitu Configure App Content.
144
Yang berbeda dari pembuatan aplikasi menggunakan template dan tidak di Windows Phone App
Studio adalah saat anda membuat empty app maka anda tidak diberikan data source dan
application section sama sekali. Dan yang pertama anda lakukan anda memilih tanda tambah (+)
yang ada di sebelah application section.
Add Section adalah pilihan dimana anda membuat halaman yang nantinya dapat di slide ke kiri
dan ke kanan dan maksimal dari halaman section ini di dalam sebuah halaman adalah 6 buah
section. Pertama – tama kita akan memilih Add Section dan akan masuk ke menu halaman
penambahan section.
Di dalam sebuah halaman section kita dapat menambahkan beberapa datasource yang sudah
disediakan oleh Windows Phone App Studio misal nya berupa collection data, rss reader, youtube,
flickr, dan html. Berikut ini adalah contoh – contoh dari isi dari datasource yang disediadakan oleh
Windows Phone App Studio :
1. Collection Data Source
Berikut ini adalah isi di dalam data source collection yang berbeda adalah kita bisa
menambahkan kolom yang telah disediakan oleh Windows Phone App Studio yang nanti
145
nya dapat ditampilkan ke dalam konten aplikasi kita.
2. RSS Data Source
Berikut ini adalah isi di dalam data source RSS dimana kita dapat langsung
menambahkan RSS yang kita dapatkan untuk ditampilkan ke dalam konten aplikasi kita.
3. Youtube Data Source
Berikut ini adalah isi di dalam data source youtube dimana kita dapat langsung
146
menambahkan channel dari youtube atau kata-kata pencarian sebuah video.
4. Flickr Data Source
Berikut ini adalah isi di dalam data source flickr dimana kita dapat langsung
menambahkan RSS yang nantinya akan masuk ke dalam konten aplikasi kita.
5. HTML Data Source
147
Berikut ini adalah isi di dalam data source html dimana kita langsung menuliskan saja
deskripsi yang nanti akan dimasukkan ke dalam aplikasi kita
Selanjutnya adalah jika kita memilih menu Add Menu. Add Menu adalah pilihan jika kita ingin
membuat list menu secara vertikal dari sebuah halaman di aplikasi Windows Phone. Berikut ini
adalah tampilan saat Add Menu dipilih.
Terdapat dua pilihan lagi yang disediakan oleh Windows Phone App Studio dimana yang pertama
adalah Add Section Item dan Add Url Item. Add Section Item adalah pilihan dimana aplikasi kita
akan pindah ke halaman baru untuk menampilkan sebuah data source yang sudah kita buat.
Berikut ada tampilan saat kita memilih Add Section Item di dalam Windows Phone App Studio.
Seperti yang sebelumnya yang disediakan oleh Windows Phone App Studio adalah data source
collection, rss, youtube, flickr, dan html. Sedankan jika kita memilih Add Url item maka menu
tersebut akan berpindah halaman ke halaman browser menuju link yang sudah kita siapkan.
Berikut adalah tampilan saat kita memilih Add Url.
148
Setelah selesai membuat semua konten di dalam Empty App maka langkah selanjutnya yang kita
lakukan adalah mempercantik aplikasi kita dengan mengkonfigurasi style dari app kita seperti
gambar berikut.
Dan setelah kita mempercantik aplikasi kita ada di menu terakhir yaitu summary dimana kta dapat
melihat informasi halaman dan konten apa saja yang ada di aplikasi kita. Berikut ini adalah
tampilan summary di Windows Phone App Studio.
Setelah itu kita tinggal memilih menu generate dan aplikasi kita sudah dapat kita publish atau di
jalankan ke dalam Windows Phone Device.
149
Mendaftarkan Aplikasi ke Marketplace
Setelah Anda selesai membuat aplikasi dengan Windows Phone App Studio maka anda dapat
mendaftarkan aplikasi anda di Marketplace agar dapat diunduh oleh pengguna Windows Phone
Device. Cara untuk mendaftarkan aplikasi yang telah dibuat menggunakan Windows Phone App
Studio ke dalam Windows Phone Marketplace pertama-tama download terlebih dahulu Publish
Package yang ada di link saat kita sudah beres membuat aplikasi menggunakan Windows Phone
App Studio.
Setelah di download anda akan mendapatkan sebuah file .xap, file tersebut adalah installer yang
nantinya akan didaftarkan ke dalam Windows Phone Marketplace. Setelah itu buka halaman
Windows Phone Developer di developer.windowsphone.com.
Jika sudah anda dapat login namun anda perlu memiliki account Windows Phone Developer untuk
masuk ke dalam portal developer. Jika anda sudah memiliki account Windows Phone Developer
dan sudah melakukan login maka anda langsung memilih bagian dashboard.
150
Setelah masuk ke dalam dashboard maka anda dapat langsung mendaftarkan aplikasi buatan
anda di bagian SUBMIT APP.
Setelah itu akan ada tampilan step by step cara kita memasukkan aplikasi Windows Phone buatan
kita. Step-step berikut adalah App Info, Upload and Describe your XAP(s), Market Selection and
Custom Pricing, dan Map Service. Pertama – tama kita pilih App Info.
151
Yang harus kita masukkan disini adalah App Alias atau nama aplikasi kita yang nantinya akan
tampil di Windows Phone Marketplace. Setelah App Category dimana kita mendefinisikan
kategori dari aplikasi yang kita buat. Setelah dipilih maka kita lakukan SAVE. Setelah itu kita masuk
ke dalam tahap selanjutnya yaitu Upload and Describe your XAP(s).
Tahap ini adalah tahap kita mengupload file xap yang tadi sudah kita download kita tinggal pilih
Add New dan tunggu sampai file xap kita sudah terupload.
152
Setelah file xap telah di upload selanjut nya kita tinggal mengisi beberapa konten yang
dibutuhkan aplikasi kita di Marketplace.
Description for the store adalah bagian kita memberikan penjelasan aplikasi kita dalam
bentuk teks.
Specify keyword adalah kata kunci yang dibutuhkan untuk mencari aplikasi kita di dalam
Windows Phone Marketplace usahakan isi kata kunci yang berkaitan dengan aplikasi kita
agar lebih mudah dicari oleh pengguna Windows Phone Device.
App tile icon adalah icon yang akan ditampilkan saat aplikasi kita sudah ada di
Marketplace.
Background image adalah gambar background yang akan ditamplikan saat aplikasi kita
masuk ke dalam spotlight aplikasi di Windows Phone Marketplace.
Setelah itu kita tinggal memasukkan screenshot dari aplikasi yang kita buat, buatlah
screenshot semenarik mungkin agar pengguna Windows Phone Device tertarik untuk
mendownload aplikasi kita.
Setelah semua persyaratan sudah diisi kita tinggal memilih SAVE. Setelah itu anda akan masuk ke
halaman utama dan anda tinggal memilih REVIEW and SUBMIT, lalu anda akan masuk ke halaman
153
review dan anda tinggal memilih SUBMIT. Dan selamat aplikasi anda sudah masuk ke daftar
antrian aplikasi yang akan di testing oleh Windows Phone Marketplace dan jika semua persyaratan
sudah terpenuhi maka aplikasi anda akan ada di Windows Phone Marketplace. Selamat Berkarya!!
154
Penutup
Akhirnya sampailah kita pada bagian terakhir di ebook ini. Terimakasih anda telah membaca
ebook Membuat Aplikasi Windows Phone menggunakan Windows Phone App Studio. Semoga
ada sesuatu yang anda dapat setelah membaca ebook ini.
Akhir kata mohon maaf jika terdapat kesalahan penulisan dan pengaturan gambar. Selamat
Berkarya !!
Salam,
Kevin Kurniawan