puzzle in my head

"Life is puzzle unsolved"

[wdytari]

Belanja Online dengan Kleora

Belanja. Kegiatan paling menyenangkan selain makan dan tidur. Di zaman serba digital ini, kegiatan belanja juga mengalami perubahan mengikuti perkembangan teknologi. Yang biasanya mesti datang ke toko atau mall-nya langsung, sekarang dengan Internet pun udah bisa jelajah toko-toko online dengan cukup scroll di gadget saja.

Dari sekian banyak aplikasi yang menyediakan layanan belanja online, kali ini saya akan mereview aplikasi yang bernama Kleora. Dengan tagline Shopping Partner On The Go, Kleora menjadi pusat online shop yang terkoneksi dengan ribuan online shop yang menjual berbagai macam produk, seperti pakaian, kosmetik, tas bahkan kuliner. Meskipun Kleora mengatakan bahwa aplikasi mereka dibuat untuk para wanita, tapi kalian para lelaki juga sah-sah aja kok scroll Kleora.

Pertama kali install Kleora dan mulai scroll sana sini, aplikasi ini terbilang cukup sederhana dan mudah digunakan, karena pada dasarnya aplikasi Kleora di-design untuk pengguna yang menggunakan smartphone. Ada beberapa kategori utama di dalam aplikasi Kleora, yaitu Sepatu, Pakaian, Tas, Health & Beauty, Home & Living, Kuliner serta Baby & Kid. Karena belum punya debay alias dedek bayi untuk scroll Baby & Kid, jadinya saya lebih memilih kategori Pakaian layaknya wanita single di luar sana (ahem!).

Tampilan saat memilih suatu kategori pun cukup user friendly. Kleora menampilkan foto produk, harga dan jumlah like untuk produk tersebut. Tapi terkadang saat scroll terus menerus, lama kelamaan foto produknya agak lama untuk ke-refresh, jadinya yang muncul malah foto yang sama untuk produk yang berbeda. Lalu saat ingin melakukan filter pencarian, saya agak dibuat kebingungan untuk mencari opsi tersebut. Dan ternyata, opsi filter disatukan dengan opsi pencarian yang ditampilkan dengan icon Search. 

Saat mencoba pilihan filter yang disediakan, saya memilih pencarian untuk kemeja dengan range harga 0 – 300 ribu. Kenapa 300 ribu? Karena kantong saya masih tergolong kantong mahasiswa. Hehe. Hasil filter yang ditampilkan pun sesuai dengan keinginan. Namun, hasil dari filter tersebut juga menampilkan kebaya kutubaru yang ternyata dianggap sebagai kemeja juga. Mungkin saja hal ini dikarenakan sang seller memasukkan produk kebaya ini sendiri ke dalam kategori kemeja. Tapi setelah scroll demi scroll, ada beberapa kebaya yang muncul juga. Dengan adanya hal tersebut, jadinya proses pencarian produk yang saya lakukan jadi sedikit terhambat.

Selain itu, ada satu hal yang membuat saya rada gemes dengan aplikasi ini. Suatu hari, saat ingin melanjutkan kegiatan scroll online shop di Kleora, terdapat notifikasi yang mengatakan bahwa aplikasi ini harus di-update ke versi terbaru. Namun karena koneksi Internet saat itu tidak memungkinkan, saya ingin menunda proses update tersebut. Tapi ternyata Kleora tidak membolehkan, alias kalau belum di-update ya tidak akan bisa digunakan. Gemes? Lumayan.

Secara keseluruhan, aplikasi Kleora memang sangat cocok digunakan untuk pengguna (terutama wanita) yang ingin berbelanja dengan mudah, cepat dan gak ribet tanpa harus melangkahkan kaki kesana kemari untuk berbelanja di banyak toko. Kleora memudahkan dengan mengumpulkan banyak online shop dengan kategori produk yang bervariasi.  Fitur-fitur yang diberikan oleh Kleora pun sudah bagus dan terbilang cukup lengkap, seperti pencarian berdasarkan toko atau barang, filter produk yang diinginkan, mengubah range harga dan lainnya. Fitur yang menjadi favorit saya yaitu fitur untuk mencari range harga sesuai keinginan. Fitur ini dibuat sesederhana mungkin oleh Kleora dan tentunya sangat bermanfaat bagi saya yang sering membatasi pencarian berdasarkan harga produk. Hehe :D

Saran yang saya berikan cukup dengan dua poin saja, yaitu hasil proses filtering lebih akurat dan tidak melenceng dari apa yang diinginkan serta adanya permintaan update yang tidak mengharuskan pengguna untuk melakukan update di saat itu juga.

Jadi, untuk kamu yang pengen belanja cepet dan murah tapi tetap berkualitas, bisa langsung download aplikasi Kleora di Play Store. Kleora, your best partner for shopping! :) 

[wdytari]

Him

He was a fever from which I will never recover.

All heat and hunger, he inflamed my senses.

And when he had devoured my very soul – when I had nothing left to surrender,

he abandoned me to the wreckage of myself, and smiled.

-- got it from somewhere in the Internet world

[wdytari]

Analogi Nasi Padang & Moving On

Siapa yang tak tahu tentang kemasyhuran nasi padang? Ayam balado, sayur nangka dan kuahnya yang dipercikkan ke nasi yang menggunung? Tak lupa pula sambal khas di pinggiran piring. Sungguh sebuah serpihan surga dunia.

Lalu apa hubungannya dengan move on?

Saya, sama seperti kalian. Penikmat dan penyembah nasi padang. Tapi itu dulu. Terakhir mencecap nasi padang itu adalah tahun dua ribu tiga belas. Sudah dua tahun berlalu tanpa nasi padang. Saya pensiun dari dunia ke-nasi-padang-an dikarenakan lambung yang saya miliki tidak ingin bertemu lagi dengan nasi padang. Jikalau dipaksa, saya bisa menggelepar tak berdaya karena memuntahkan isi perut sekian kali dalam kurun waktu sejam saja.

Ya. Menyedihkan.

Lalu apa hubungannya dengan move on?

Saat saya terpaksa meninggalkan nasi padang dua tahun lalu, saya ragu setengah mampus. Bagaimana bisa saya melupakan rasa nasi padang jika dia ada di mana mana? Bayangkan saja, bisa jadi tiap kilometer yang saya tempuh, saya akan bertemu dengan rumah makan padang dengan menara piring-piringnya yang bertumpuk di sisi jendela. Apalagi teman-teman saya termasuk dalam sekte penyembah setia nasi padang. Tapi apa boleh buat. Saya harus terbiasa tanpa nasi padang.

Kisah saya meninggalkan nasi padang ini mirip dengan cerita kita yang terkadang sulit move on. Sulit meninggalkan rasa meskipun kita tahu rasa itu tak ada harapannya sama sekali. Stalking doi, ikut-ikut suka sama apa yang doi suka, nungguin doi nge-chat, dan parahnya membuat diri sendiri yakin kalau doi suka padahal mah kita tau aslinya kagak. She's/he's not into you. Deal with it. If she/he likes you, they'll make an effort or something else. They're gonna win your heart. Sinkronkan hati dan otak. It's time to move on.

Look at me. Dua tahun terbiasa tanpa nasi padang. Awal-awalnya memang sulit untuk terbiasa. Tiap kali godaan untuk masuk ke rumah makan padang muncul kembali, saya cukup mengingat akhir cerita dimana saya terkapar di rumah sakit. That's enough.

Ya, analogi nasi padang dan moving on. Jika saya mampu untuk meninggalkan nasi padang, seharusnya kamu juga mampu untuk mengikhlaskan.

[wdytari]

Can't wait to publish more apps on Windows Phone Store \o/

[wdytari]

I don't know since when, watching you smile has been my favorite hobby.

And I don't know since when, hearing your voice has been my favorite lullaby.

I don't know since when, your name has been a constant part in my prayers.

I don't know since when, thoughts about you, about us, have been a remedy for my bad days.

And I don't know since when, making you happy has been one of my top priorities.

I don't know since when, your love has been my lucky charm. Each and every day.

And I don't know since when, "you" and "I" just won't be enough, because we has become an "us".

I don't know since when, losing you has been one of my biggest fears and my worst nightmares.

And I don't know since when, saying good night to you has been my favorite way to end my day. Good night, you :)

---------

(Those words belong to Dwika Putra, one of my following on Twitter)

(image source)

[wdytari]

93 Million Miles

♫ 93 million miles from the Sun, people get ready get ready,

'cause here it comes it’s a light, a beautiful light, over the horizon into our eyes

Oh, my my how beautiful, oh my beautiful mother

She told me, "Son in life you’re gonna go far, and if you do it right you’ll love where you are

Just know, that wherever you go, you can always come home" ♫

Jason Mraz, 93 Million Miles. One of my favorite song when I'm far away from home.

No, I won't talk about that song. I'll talk about home. About many things I've learned since I live in big town, so far from my home. 

Sudah dua tahun lamanya saya tinggal di Bandung, taking my bachelor degree. Cukup aneh juga saat pertama kali jauh dari rumah. Maklum, tujuh belas tahun lebih saya habiskan di kampung halaman, dari taman kanak-kanak hingga menengah atas tidak jauh dari rumah. Dan kemudian ada hal-hal yang  bisa direnungi sedikit demi sedikit.. (bahasanya semakin mellow saja ini)

1. The presence of family

Dibesarkan selama belasan tahun tanpa pernah jauh dari keluarga kadang membuat arti dari keluarga menjadi biasa-biasa saja. Tapi setelah pergi jauh, saya mengerti bagaimana rasanya kangen rumah, kangen masakan mama, kangen nonton sama keluarga.

Saat jauh, banyak pertanyaan yang terkadang muncul. Kabar mama bagaimana? Bapak sehat tidak ya?

Kalau tiba-tiba dengar kabar ada yang sakit, pengennya ya langsung pulang ke rumah aja. Tapi apa daya, kuliah susah ditinggalin dan duit juga kadang pas-pasan :(

So guys, di saat kita punya banyak waktu bareng keluarga, manfaatin sebaik-baiknya. Leave your gadget, nge-tweet-nya ntaran aja, chatting gak pentingnya besok-besok aja. Because someday you will know, you are nothing without your family.

2. Merantau

Merantaulah. Ini serius. Merantaulah. Pergi jauh dari rumah, dari kampung halaman. Seperti syair Imam Syafi'I ini

Orang berilmu dan beradab tidak akan diam di kampung halaman

Tinggalkan negerimu dan merantaulah ke negeri orang

Merantaulah, kau akan dapatkan pengganti dari kerabat dan kawan

Berlelah-lelahlah, manisnya hidup terasa setelah lelah berjuang

Aku melihat air menjadi rusak karena diam tertahan

Jika mengalir manjadi jernih, jika tidak, kan keruh menggenang

Singa jika tidak tinggalkan sarang tak akan dapat mangsa

Anak panah jika tidak tinggalkan busur tak akan kena sasaran

JIka matahari di orbitnya tidak bergerak dan terus diam

Tentu manusia bosan padanya dan enggan memandang

Bijih emas bagaikan tanah biasa sebelum digali dari tambang

Kayu gaharu tak ubahnya seperti kayu biasa jika di dalam hutan

Dari merantau, kita bisa belajar hal-hal yang belum pernah didapatkan. Beradaptasi, memahami kultur budaya lain, memahami karakter teman-teman baru. Merantau juga membuat kita jadi mandiri. Bangun pagi tanpa teriakan mama, makan tanpa masakan mama. 

3. The feeling of going home

Saat berada di tengah perjalanan untuk pulang ke rumah, ada rasa meluap-luap yang susah dijelaskan. Entah itu rasa apa. Yang jelas, rasanya hidup lebih bahagia, jalanan berbatu seperti jalan tol mulus licin, panas matahari jadi seperti hujan salju. (saya bahkan belum pernah nyentuh salju)

Soon or later, kamu akan merasakan apa yang saya rasakan saat pulang ke rumah. Seburuk apapun cuaca hari itu, kamu masih bisa tersenyum lebar seakan-akan baru menang undian mobil plus rumah gede! :)

4. Thanks to Skype

Dulu, saat video call baru pertama kali di-release sebagai teknologi yang keren banget, saya kurang ngerti manfaat besarnya untuk saya akan seperti apa. (remaja macam apa ini)

Tapi setelah saya harus tinggal di kota yang jaraknya mesti nyebrang pulau dulu, saya pengen meluk founder dari Skype ini. Saat kangen keluarga, Skype benar-benar ngobatin. (Saya bukan buzzer Skype ya. Postingan ini tidak berbayar)

Jadi saat kamu pergi jauh ninggalin rumah, pastikan aplikasi video call sudah terinstall dengan baik :)

5. Perbanyak ibadah

Saat jauh dari keluarga, tetap yakin Tuhan ada di dekat kita. Saat tidak bisa menjaga keluarga dari dekat, gantikan dengan doa-doa sehabis ibadah. Tuhan Maha Mendengar. Pergi jauh membuat kita bisa lebih bersyukur, paham makna hidup (cielah), dan sering bersujud memohon doa untuk mereka yang kita sayang.

Ah, merantaulah gaes. It will teach you more than anything you've got in school. Trust me :)

♫ Oh, my my how beautiful, oh my irrefutable father,

He told me, "Son sometimes it may seem dark, but the absence of the light is a necessary part.

Just know, you’re never alone, you can always come back home" ♫

[wdytari]

Fast App Switching

Hai. Kali ini kita akan membahas mengenai Fast App Switching di aplikasi Windows Phone dan bagaimana membuat aplikasi Windows Phone kita memiliki fitur Fast App Switching tersebut.

Fast App Switching?

Saat user exit dari sebuah aplikasi dengan men-tap Start button, maka aplikasi tersebut akan berada dalam fase suspended. Jika user men-tap button Back di Windows Phone, maka page yang sebelumnya diakses akan muncul kembali. Itulah yang disebut dengan Fast App Switching.

Jadi, misal user membuka aplikasi A, maka Main Page akan otomatis muncul. Setelah itu, user menuju page About Apps. Saat user men-tap Start button, maka user akan exit dari aplikasi A tersebut dan aplikasinya berada dalam fase suspended. Tapi jika user men-tap button back, user akan kembali ke page About Apps yang terakhir diaksesnya di aplikasi A. 

How to Enable?

Untuk menambahkan Fast App Switching di aplikasi Windows Phone kalian sangat mudah sederhana :)

1. Buka project aplikasi Windows Phone di Visual Studio

2. Buka Solution Explorer dan buka WMAAppManifest.xml di bagian Properties. 

3. Klik kanan, dan pilih View Code

4. Setelah itu akan terbuka halaman untuk mengedit code WMAppManifest tersebut. 

5. Di bagian <Tasks> DeafultTask </Tasks>, edit kodingannya menjadi seperti di bawah ini

Yap! Selesai :D

Aplikasi Windows Phone kalian sudah memiliki Fast App Switching sekarang. Sederhana bukan? :)

Sekian. Happy coding as always :)

[wdytari]

Navigation Stack

Navigation Stack? Sesuai dengan istilah stack itu sendiri yang berarti tumpukan, maka navigation stack bisa diartikan tumpukan navigasi.

Sederhananya seperti ini, jika kita membuka Page 1 di aplikasi, lalu menuju ke Page 2, dan ke Page 3 lagi, maka saat kita menekan button Back, kita akan menuju Page 2, dan saat menekan button Back lagi, kita akan kembali ke Page 1.

Itulah yang dinamakan stack. Berikut ilustrasi yang dapat membantu. 

(image source)

First entry akan masuk ke stack, lalu entry berikutnya juga masuk ke stack sehingga akan membuat tumpukan. Saat user memilih opsi Back, entry yang muncul adalah entry terakhir yang dibuka. Dan tentu saja, entry yang pertama dibuka akan muncul terakhir.

Push navigate forward artinya memasukkan page ke Navigation Stack, sedangkan Pop navigate forward artinya button Back di-tap sehingga memunculkan page terakhir yang dibuka.

Penggunaan navigation stack dapat dicontohkan di bawah ini:

Di bagian app bar page tersebut, terdapat pilihan untuk mengakses page About Us. Untuk menavigasikan app bar tersebut dengan page About Us, bisa menambahkan kodingan seperti ini di page xaml yang memiliki app bar tersebut.

Dari penambahan kodingan itu, kita bisa mengakses page xaml.cs dan menambahkan kodingan seperti di bawah ini: 

Secara otomatis, jika user men-tap about us di app bar, maka akan langsung menuju page About Us dan page tersebut akan masuk di navigation stack. Saat user menuju page lain setelah page About Us dan menekan button Back, maka user akan kembali ke page About Us tersebut.

  Remove Back Entry

Jika kita menginginkan navigation stack tidak berfungsi saat user berada di Main Page dan men-tap button Back, maka kita dapat menggunakan Remove Back Entry. Sehingga user yang yang men-tap button Back di Main Page, akan langsung exit dari aplikasi, bukan membuka page terakhir lagi.

Cukup tambahkan kodingan sederhana di bawah ini di page xaml.cs

Navigation Stack sangat sederhana bukan? Happy coding as always :))

[wdytari]

How to Load Image from Gallery

Setelah membahas mengenai bagaimana cara untuk Capture Image di Windows Phone App (check here), kali ini kita akan membahas bagaimana Load Image from Gallery. Load Image friom Gallery artinya gambar yang telah tersimpan sebelumnya di Gallery akan tampil di page aplikasi kita. Caranya pun sangat mirip dengan Capture Image.

Tutorial (sangat) sederhananya bisa diikuti di bawah ini:

Mengedit Page xaml

1. Create project baru atau buka project kalian yang telah dibuat sebelumnya di Visual Studio.

2. Create button untuk load image from gallery. Contohnya seperti ini.

Tutorial membuat button bisa dicek di sini.

3. Buka page xaml, dan tambahkan seperti di bawah ini 

Berikut penjelasan mengenai kodingan tersebut.

ImageLoader dimaksudkan sebagai tempat hasil capture akan ditampilkan di page

ImagePicker nantinya akan menyembunyikan button setelah hasil capture ditampilkan di page.

Pastikan kalian membuat Click = "Load_Image" untuk mengedit button kita di xaml.cs

 4. Klik kanan Click = "Load_Image" dan pilih Go To Definition. Kalian akan langsung diarahkan ke page xaml.cs

Mengedit Page xaml.cs

Kita juga menggunakan beberapa library tambahan, yaitu Microsoft.Phone.Tasks, System.IO, dan System.Windows.Media.Imaging. Pastikan kalian menambahkan library-library tersebut di page xaml.cs. Contohnya seperti ini: 

Dan sekarang saatnya mengedit page xaml.cs :)

1. Setelah mengklik Go To Definition di Click = "Load_Image", kalian akan langsung menuju private void Load_Image. Tambahkan selectphoto.Show(); di dalam kurung kurawalnya.

2. Tambahkan variabel seperti di bawah ini

3. Di bawah Initialize Component(), tambahkan

  selectphoto = new PhotoChooserTask();

  selectphoto.Completed += new EventHandler<PhotoResult>(selectphoto_Completed);

4. Di bawah private void Load_Image, tambahkan kodingan ini

Yap, Load Image from Gallerry-nya sudah bisa dijalankan. Simpel kan? :)

Terima kasih. Sampai jumpa di postingan selanjutnya. Happy coding as always :D

[wdytari]

How to Capture Image in Windows Phone App

Kali ini kita akan bahas mengenai Capture Image di Windows Phone Application. Capture image ini menggunakan kamera di Windows Phone. Sama seperti menggunakan kamera, hasil dari capture tadi akan tersimpan di Camera roll. Tapi kalian bisa membuat hasil capture ini tampil di page aplikasi Windows Phone kalian :)

Bagi yang ingin membuat apps dengan fitur Capture Image, bisa mengikuti tutorial (sangat) sederhana di bawah ini.

Mengedit Page xaml

1. Create project baru atau buka project kalian yang telah dibuat sebelumnya di Visual Studio.

2. Create button untuk capture image nantinya. Contohnya seperti ini. 

Tutorial membuat button bisa dicek di sini.

3. Buka page xaml, dan tambahkan seperti di bawah ini 

Berikut penjelasan mengenai kodingan tersebut

ImageLoader dimaksudkan sebagai tempat hasil capture akan ditampilkan di page

ImagePicker nantinya akan menyembunyikan button setelah hasil capture ditampilkan di page.

Pastikan kalian membuat Click = "Capture_Click" untuk mengedit button kita di xaml.cs

4. Klik kanan "Capture Click" dan pilih Go To Definition. Kalian akan langsung diarahkan ke page xaml.cs.

Mengedit Page xaml.cs

Aplikasi yang menggunakan fitur capture image menggunakan CameraCaptureTask Class yang memungkinkan aplikasi ini menggunakan kamera pada Windows Phone melalui aplikasi yang dibuat.

Selain itu, kita juga menggunakan beberapa library tambahan, yaitu Microsoft.Phone.Tasks, System.IO, dan System.Windows.Media.Imaging. Pastikan kalian menambahkan library-library tersebut di page xaml.cs. Contohnya seperti ini:

  Dan sekarang saatnya mengedit page xaml.cs :)

1. Setelah mengklik Go To Definition di "Capture Click", kalian akan langsung menuju private void Capture_Click. Tambahkan cameraCaptureTask.Show(); di dalam kurung kurawalnya.

2. Tambahkan variabel seperti di bawah ini

3. Di bawah Initialize Component(), tambahkan

cameraCaptureTask = new CameraCaptureTask();

cameraCaptureTask.Completed += new EventHandler<PhotoResult>(cameraCaptureTask_Completed);

4. Di bawah private void Capture_Click, tambahkan kodingan ini

Dan selesailah aplikasi Capture Image ini. Kalian bisa mencoba dengan deploy di Visual Studio :)

Terima kasih. Sampai jumpa di postingan selanjutnya. Happy coding as always :D

[wdytari]

Embed Custom Font for Your Windows Phone Apps

Aplikasi yang bagus seharusnya diikuti dengan design yang catchy dan menarik yang menghindarkan user dari kebosanan saat menggunakan aplikasi tersebut. Salah satu komponen dalam design adalah pemilihan font yang menarik dan sesuai dengan penggunaan aplikasi.

Saat men-develop sebuah aplikasi di Visual Studio, biasanya kita menggunakan font yang telah disediakan oleh Visual Studio atau dikatakan default font. Tapi tahukah kalian bahwa font yang tidak tergolong dalam default font itu tetap bisa kalian gunakan di aplikasi Windows Phone? Yep, caranya mudah sekali :)

Here we go…

1. Buka visual studio dan apps yang diinginkan

2. Klik kanan folder font di Solution Explorer -- Add Existing Item --Cari font yang ingin kalian gunakan. Jika kalian tidak memiliki folder font, silahkan dibuat sendiri ya. Folder font ini hanya untuk memudahkan saat menyimpan font yang diinginkan. Kalian juga bisa menggunakan folder Assets loh :)

3. Klik font yang sudah ada di list folder fonts, buka properties, dan di bagian Build, pilihlah opsi Content.

4. Setelah itu, kalian bisa menuju ke kodingan yang ingin diubah fontnya. Tambahkan ini:

FontFamily="font path#nama font"

Contohnya: 

FontFamily="/Stuffing;component/Fonts/Fonts.zip#Source Sans Pro Light"

  Untuk melihat nama font, kalian bisa membuka font terlebih dahulu. Contohnya seperti ini:

Yap, udah bisa kan? Happy coding as always :D

[wdytari]

Local Database for Windows Phone

Kali ini saya akan membahas sedikit mengenai Local Database dalam Windows Phone Application. Nah, Local Database itu sendiri apa ya? Bagi kalian yang ingin membuat aplikasi dengan fitur-fitur yang mewajibkan adanya database agar aplikasi berjalan dengan baik, Local Database menjadi solusinya.

Local Database yang dibahas di sini berbeda dengan database yang digunakan di perangkat pc/desktop. Local Database hanya dapat digunakan di aplikasi yang bersangkutan sehingga aplikasi lain tidak bisa menggunakan Local Database tersebut. Windows Phone sendiri menggunakan LINQ to SQL. Hehe.

LINQ to SQL membuat aplikasi kita dapat menggunakan LINQ (Language Integrated Query) yang akan melakukan komunikasi dengan database relasional. Sederhananya, LINQ to SQL ini mengoperasikan Local Database pada suatu aplikasi yang dapat mencakup skema database, insert data, update data, dan lainnya.

Bagi yang sebelumnya sudah cukup mengenal database yang dioperasikan di desktop/pc seperti Microsoft SQL, Local Database ini lumayan berbeda jika dibandingkan dengan Microsoft SQL. Salah satunya yang telah disebutkan di atas, bahwa Local Database hanya dapat digunakan pada satu apps yang bersangkutan. Selain itu, Local Database hanya dapat digunakan dengan menggunakan LINQ to SQL.

Salah satu contoh aplikasi Windows Phone yang telah saya buat menggunakan Local Database adalah What to Do, sebuah aplikasi to do list sederhana. Local Database pada aplikasi tersebut berguna dalam menyimpan semua to do yang user telah buat sebelumnya. Jadi saat aplikasi di-close, to do yang telah dibuat tidak akan hilang saat aplikasi dibuka kembali.

Untuk mengetahui step by step membuat Local Database pada Windows Phone Apps kalian, bisa ikuti tutorial asik dan menyenangkan di sini.

Sampai jumpa di artikel berikutnya, and happy coding as always :)

[wdytari]

Flat Design for Your Apps

Sebagian besar dari kalian pasti sudah sering mendengar kata flat di dunia per-design-an. Entah itu flat icon, flat color, atau flat web design. Nah, terus flat design itu apa?

Berdasarkan hasil browsing dan menyimpulkan sendiri, flat design adalah suatu konsep design yang meniadakan efek tiga dimensi di dalamnya, seperti bevel, emboss, gradien, drop shadow, tekstur, dan lainnya. Yap, flat! Sehingga design yang menggunakan konsep flat akan terlihat clean dan pesan yang ingin disampaikan lebih mudah diterima user.

Awal mula dari munculnya flat design ini dimulai di negara Swiss sekitar tahun 1940-an. Flat design menjadi terkenal di kalangan designer Swiss kala itu. Dan sekarang sejarah terulang kembali. Flat design saat ini menjadi trend dan para designer cenderung berpihak ke flat design yang terlihat lebih modern dan crisp.  Microsoft sendiri mengenalkan konsep Metro pda Windows 8 dengan menggunakan flat design loh :)

Saya juga membuat icon aplikasi menggunakan konsep flat design seperti ini. 

Flat Colors

Dalam flat design, kita menggunakan warna-warna solid tanpa gradien atapun pemnambahan tekstur. Contohnya seperti icon di atas. Contoh warna-warna flat bisa kamu dapatkan di http://flatuicolors.com/. Warna cerah bisa kalian padu padankan sesuai keinginan.

  Long Shadow

Design di atas menggunakan long shadow, yaitu adanya efek bayangan dari atas yang memiliki kemiringan 45 derajat. Long shadow sering diterapkan di flat design loh. Contoh lainnya seperti ini

(image source)

Gimana? Udah pengen ngebuat design dengan konsep flat juga? :)

[wdytari]

Page Control for Windows Phone Apps

Saat kalian membangun sebuah aplikasi Windows Phone, jangan lupa untuk menentukan Page Control seperti apa yang ingin dipilih. Fungsi dari Page Control ini adalah memudahkan user dalam melakukan navigasi ke semua fitur yang dimiliki oleh aplikasi kalian. Sebaiknya dalam memilih Page Control ini disesuaikan dengan aplikasi yang dibuat, sehingga nantinya pesan dari aplikasi dapat di-deliver dengan baik. Bukan membuat user kebingungan dan akhirnya malah uninstall :)) Page Control yang disediakan oleh Windows Phone dan sering digunakan yaitu Panorama Control dan Pivot Control.

Panorama Control

Seperti namanya, Panorama Control ini adalah canvas yang memanjang secara horizontal, yang terdiri dari sejumlah page tertentu yang dinamakan panorama item. Kalian bisa menambahkan hingga 5 panorama item di aplikasi kalian. Penampakan dari Panorama seperti di bawah ini

(image source)

Panorama Control memungkinkan next panorama item agak sedikit muncul di visible screen area aplikasi. Gunanya untuk memberitahu user bahwa aplikasi ini adalah panorama dan bisa di-swipe kanan kiri :)

FYI nih ya, Panorama Control ini cuma tersedia di platform Windows Phone loh. Jadi platform lain belum menyediakan Panorama control yang keren banget kayak di atas itu :D

  Pivot Control

Pivot Control biasa juga dikenal dengan The App Tab Style. Sesuai dengan istilah 'tab' tersebut, Pivot Control terdiri atas beberapa tab yang dinamakan Pivot Item, yaitu page-page individual yang saling berkaitan satu sama lainnya. User dapat men-tap title dari tab tersebut untuk melihat konten yang ditampilkan.

Jika aplikasimu dibangun dengan satu tema, misal Books atau Movies, Pivot Control bisa menjadi pilihan yang tepat karena kalian dapat menghubungkan setiap pivot item menjadi satu kesatuan tema.

(image source)

Terus caranya gimana buat implement panorama dan pivot control? Nah, buat kalian yang udah install Visual Studio, kalian bisa memilih Page Control yang dinginkan saat membuat New Project. Tinggal pilih aja dan ngoding deh :) 

[wdytari]

Blend for Visual Studio

Hai. Di postingan kali ini, akan dibahas sedikit mengenai Blend for Visual Studio. Bagi kalian yang sudah pernah membuat aplikasi Windows Phone, tentunya pernah mendengar atau mungkin sudah sering menggunakan tools keren ini.

What is Blend?

Microsoft Expression Blend for Visual Studio adalah tool yang dapat digunakan dalam design user interface aplikasi web atau Windows Phone. Bagi yang bingung saat mendesign UI Windows Phone apps, kalian bisa menggunakan Blend ini loh :)

Expression Blend ini dulunya bernama Sparkle sebelum direname oleh Microsoft pada tahun 2006.

Why Blend?

Selama membuat aplikasi Windows Phone, Blend menjadi superhero penolong bagi saya yang kebetulan belum terlalu mahir menguasai kodingan. Ada banyak fitur dan kelebihan yang dimiliki oleh Blend for Visual Studio ini. Blend adalah tool yang compatible dengan Visual Studio, sehingga project yang dibuat di Visual Studio dapat dibuka di Blend. Jika ada yang diubah di Visual Studio, maka project di Blend juga bisa ikut diubah secara otomatis.

Di Blend Visual Studio, kita dapat mengubah UI di suatu apps, seperti mengubah background di aplikasi, mengubah layout, ataupun menambahkan page xaml baru dalam aplikasi. Blend memudahkan dalam mendesign UI tanpa harus menuliskan rentetan kodingan.

Berikut ada tutorial sederhana membuat form di Blend

1. Open new project di Blend. Pilih kategori Windows Phone

2. Buka Assets yang ada di pojok paling kiri bawah, klik Controls dan pilih Border

3. Border Thickness-nya sesuai pilihan kalian. Di bawah ini bagian Bottom saja yang diberi border.

4. Buka kembali Assets, pilih Categories » Panels. Dan pilih Grid. Tempatkan Grid tersebut di dalam Border

5. Setelah itu, tempatkan Text Box dan Text Block di dalam Grid seperti ini. Text Box dan Text Block dapat ditemukan di Assets » Controls.

6. Untuk mengubah backgorund, klik LayoutRoot dan di bagian Properties sebelah kanan akan muncul pilihan Background. Untuk memilih solid color, kalian bisa mem-paste hex value dari warna yang diinginkan.

7. Yap. Selesai. :) Untuk men-deploy, klik tab Project dan pilh Run Project.

Sangat mudah bukan menggunakan Blend ini? :)

Happy coding as always :D

[wdytari]

Wireframe Tool

Saat ingin membuat suatu aplikasi, hal pertama yang seharusnya kita lakukan terlebih dahulu adalah membuat wireframe atau sketsa awal dari design aplikasi yang ingin kita buat. Wireframing dilakukan untuk memudahkan kita dalam menentukan user interface seperti apa yang ingin ditampilkan, fitur-fitur apa saja yang ada, menentukan alur serta memudahkan saat mendesign aplikasi ke depannya.

Nah, mungkin masih ada yang men-design wireframe dengan menggunakan kertas dan pensil layaknya saat membuat sketsa gambar biasa. Tapi sekarang ini sudah ada banyak sekali tools wireframing yang bisa kita gunakan. Salah satu tools wireframing yang useful banget adalah Sketchflow. Bagi kalian yang sudah meng-install Visual Studio dan Blend for Visual Studio, Sketchflow dapat dibuka melalui Blend for Visual Studio. 

Sketchflow tidak hanya menyediakan fitur untuk sketsa wireframing saja, tapi banyak banget fitur lainnya yang bisa dieksplor oleh user. Salah satunya adalah kalian bisa membuat animasi dengan menggunakan Sketchflow loh. Iya, animasi!

Ada juga Sketch FlowMap yang memudahkan kita dalam mengatur navigasi aplikasi yang akan kita buat. Dan hasil dari wireframing kita bisa dieksport ke Microsoft Word loh. Sekali klik, dan semuanya udah beres!

Buat yang pengen langsung ngoding, wireframe yang kita buat bisa langsung di-coding juga.

Keren kan? Nah, happy wireframing :D

[wdytari]

Twitter Verification Code Trouble

Pernah panik karena kunci rumah hilang entah kemana dan kamu tidak bisa masuk ke rumah sendiri? Itulah yang saya rasakan saat kehilangan "kunci" untuk masuk ke akun twitter saya sendiri.

Akun dihack atau dibajak oleh orang lain pasti menimbulkan perasaan trauma tersendiri bukan? Untuk menghindari hal-hal tersebut terjadi, beberapa sosial media yang saya ketahui mengeluarkan fitur untuk melindungi para penggunanya. Mei 2013 kemarin, Twitter meluncurkan Two Factor Authentication untuk memastikan pengguna yang mengakses twitter adalah pengguna yang benar-benar asli atau pemilik sebenarnya. Tahun 2011 lalu, Google lebih dulu memiliki fitur seperti ini, yang mengirimkan kode ke nomor ponsel pengguna untuk kembali diinputkan di halaman authentication saat sedang login.

Two Factor Authentication bermaksud bahwa selain login dengan username dan password secara biasa, pengguna Twitter akan diminta menginputkan kode 6 digit yang diterimanya melalui ponsel di halaman Login Verification. Namun permintaan kode ini hanya akan ada jika kamu mengaktifkan fitur tersebut dan jika kamu sedang sign in di device atau apps yang baru. Fitur ini tentu sangat berguna jika kamu ingin Twitter kamu tetap aman dalam genggaman kamu sendiri.

Cara mengaktifkannya sangat mudah. Login ke twitter seperti biasa, kemudian klik Setting dan pada bagian Account, kamu tinggal mencentang bagian Account Security, dan klik Save Changes. Setelah itu, kamu akan mendapatkan intruksi untuk step selanjutnya. 

Saya mengaktifkan fitur Two Factor Authentication ini pada bulan Juni 2013 lalu. Tidak ada masalah sama sekali hingga tanggal 31 Juli 2013 kemarin. Sehari sebelumnya, saya sempat log out dari akun twitter di laptop, dan saat kembali sign ini besoknya, ada permintaan untuk mengisi Login Verification seperti biasa. Namun setelah ditunggu agak lama, kode verifikasi dari Twitter tidak kunjung masuk juga. Saat itu saya cukup panik, dan terus mencoba untuk login. Namun kodenya tetap tidak masuk ke inbox ponsel. Yang lebih membuat saya panik, saat mengecek Twitter Support untuk mencari artikel mengenai hal ini, saya tidak menemukan cara untuk mengatasi jika kode verifikasi untuk login tidak masuk ke ponsel pengguna. Searching? Saya telah melakukannya juga namun hal ini tidak membantu.

Sebelumnya perlu diketahui, Twitter mengirimkan kode verifikasi melalui nomor  atau yang biasa disebut shortcode tertentu. Shortcode ini akan berbeda di tiap negara dan tiap operator mobile tersebut. Karena saya menggunakan Telkomsel dan tinggal di Indonesia, maka shortcode yang menjadi perantara antara Twitter dan saya adalah 89887. Saya lalu mencoba untuk mengirimkan pesan "Test" ke shortcode tersebut, namun ternyata pesan tersebut malah menjadi tweet di Twitter. (Teman saya memberitahu bahwa saya ngetweet aneh). Baru tahu kalau bisa ngetweet melalui sms dengan shortcode tersebut :))))

Makin panik? Tentu saja. Saya tidak tahu harus bagaimana.  Saya mulai membayangkan kemungkinan terburuk jika tidak akan bisa login selama-lamanya dan mulai berpikir tentang username baru yang akan saya gunakan :D

Setelah pusing berkeliling di halaman Twitter Support membaca beberapa artikel hingga mengganti password twitter melalui email, saya kemudian menyerah. 1 jam lebih, saya lalu melihat inbox ponsel saya berisi kode verifikasi dari twitter. Akhirnya saya mulai berpikir positif bahwa server twitter sedang sibuk sehingga untuk mengirimkan kode verifikasi membutuhkan waktu lebih dari 1 jam. Dan Alhamdulillah, setelah belasan kode verifikasi menyerang inbox (itu karena saya terus meresend ulang saat login), saya akhirnya bisa menikmati scroll timeline di Twitter kembali.

Berikut beberapa tips bagi pengguna twitter:

Pastikan ponsel Anda tidak akan hilang saat mengaktifkan Two Factor Authentication

Jika Anda mengganti nomor, maka jangan lupa untuk mengubah settingan di Twitter Anda

Jika kode verifikasi tidak kunjung muncul di ponsel Anda, bersabarlah. Twitter juga bisa sibuk, bukan?

Jangan pernah memberitahu password kepada orang lain, meskipun itu teman terdekat.

Meskipun telah menggunakan Two Factor Authentication, Anda juga harus tetap waspada dengan Twitter Anda sendiri. :)