windows phone app studio.pdf

156
Membuat Aplikasi Windows Phone menggunakan Windows Phone App Studio Kevin Kurniawan Windows Phone

Upload: ahmad-fauzi

Post on 29-Nov-2015

111 views

Category:

Documents


0 download

DESCRIPTION

Membuat aplikasi Windows Phone

TRANSCRIPT

0

Membuat Aplikasi

Windows Phone

menggunakan Windows

Phone App Studio

Kevin Kurniawan

Windows Phone

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

[email protected]

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.

81

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.

103

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

[email protected]

155

Referensi

1. Windows Phone App Studio step by step guide

2. Windows Phone in MSDN