Jika kita lihat postingan bapak ronald disini, salah satu tujuan dari Sketchflow adalah membuat prototype dari aplikasi yang diinginkan oleh user, sehingga user dapat memberikan feedback atas prototype yang kita buat dan demokan. Pada postingan tersebut sudah diajarkan dasar – dasar bagaimana menggunakan sketchflow untuk membuat sebuah aplikasi prototype. Sebelum saya menunjukan lebih dalam mengenai membuat sebuah prototype, kali ini saya akan membahas mengenai kegunaan sketchflow untuk membangun aplikasi web maupun desktop berdasarkan pengalaman saya.
Jika kita buka expression blend 3 kemudian kita buat project baru, maka terdapat 2 buah pilihan untuk membuat sebuah skechflow. Yang pertama adalah silverlight (web based) dan yang ke dua adalah WPF (desktop based).
Pada dasarnya mungkin yang kita dapat buat hanyalah Silverlight Sketch dan WPF sketch, namun saya melihat bahwa sebenarnya Silverlight skech dapat kita gunakan jika kita ingin membuat protype sebuah website solution. Walaupun nantinya website yang dibangun tidak menggunakan Silverlight, hanya asp.net (misalnya). Tapi jika kita menggunakan Silverlight sketchflow minimal kita akan mendapatkan seperti hal di bawah ini:
-
user akan tau flow dari jalannya aplikasi nanti (dari link ke link).
-
user dapat memberikan feedback terhadap prototype kita.
-
user akan mendapatkan gambaran user interface dari aplikasi yang akan dibangun.
Sehingga aplikasi yang nantinya kita bangun sesuai dengan requirement user. Tentunya juga meminimalisir kesalahan flow atau alur jalannya aplikasi ketika pembuatan aplikasi sebenarnya. Karena mungkin banyak user atau client yang baru keluar maunya seperti apa jika dilihatkan aplikasi yang menyerupai aslinya. Dan jangan sampai ketika kita sudah mendevelop aplikasi yang sebenarnya, ternyata user atau client maunya berbeda lagi dengan requirement yang sudah kita dapatkan sebelumnya (ini berdasarkan pengalaman juga sih.. hehehe).
Secara User Interface skechflow sendiri memiliki style bawaan yaitu “SketchStyles”. Apa itu SketchStyles? yaitu control – control yang biasanya ada pada silverlight / WPF (seperti button, rectangle, tab, dll) namun diberi “style” atau design seperti gambaran tangan. Tujuannya adalah memberi kesan “Aplikasi ini hanya sketch atau dalam perancangan”, sehingga tidak ada user atau client yg mengira prototype itu sudah bisa langsung dipakai di mesin production.
Nah.. pada postingan berikutnya kita akan mencoba membuat sebuah prototype sederhana untuk kasus Web application.
Selain visual studio 2010 beta 2 yang sudah dapat dicoba, microsoft juga mengeluarkan expression blend preview untuk .NET 4 dan silverlight 4. Perlu diperhatikan bahwa expression blend preview ini hanya untuk membuat dan memodifikasi aplikasi yang berbasiskan .NET 4 beta 2 dan silverlight 4 beta. Jadi jika masih ingin membuat aplikasi berbasiskan .NET 3.5, sketchflow, dan silverlight 3, maka tetap gunakanlah expression blend 3.
Adapun persiapan – persiapan sebelum menggunakan expression blend 4. Jika sebelumnya sudah menginstall visual studio 2010 beta 2, maka download silverlight 4 tools untuk visual studio 2010 beta 2 di sini untuk dapat membuat aplikasi berbasiskan silverlight 4. Ketika kita menginstall silverlight 4 tools, secara otomatis menginstall juga developer runtime dari silverlight 4 beta. Setelah menginstall silverlight tools untuk visual studio, download expression blend preview for .NET 4 di sini.
Kemudian setelah terinstall, dapat diperhatikan ketika kita ingin membuat sebuah project baru tidak ada sesuatu yang “new” di sana. Sama seperti versi sebelumnya, kita dapat membuat silverlight 4 application + website, atau hanya ingin membuat silverlight application saja, atau yang terakhir kita dapat membuat silverlight 4 control library.
Jenis sample yang disediakan juga tidak berbeda dengan expression blend 3 yang sudah di release. Dan setelah lihat – lihat lebih lama lagi, tidak ada perubahan yang cukup signifikan sampai saat ini pada toolsnya, yaitu expression blend preview for .NET 4 (selain dapat digunakan untuk membuat aplikasi berbasiskan silverligt 4 dan .NET 4).
Yap,, akhirnya slesai juga downloadnya setelah ditinggal cukup lama.. Dan akhirnya keluar juga fitur yang buat pnasaran dari kemaren,, yaitu Sketchflow (karena waktu masih beta, fitur ini cuma diomongin doang). Dapat kita lihat splash screen yang baru terlihat lebih damai, =p
Yang membuat menarik adalah ketika kita melihat samples, hampir semuanya merupakan samples baru. Saya coba buka SnowboardSketch (karena satu2nya samples wpf disana), dan mencoba aplikasi sketchflow tersebut. Saya rasa ini akan banyak membantu ketika kita akan membuatkan aplikasi untuk client yang banyak permintannya.. =p
Semua komentar dari user akan tersimpan dan akan terlihat maunya si user itu sebenrnya apa. User dapat langsung corat coret diatas aplikasi prototype tersebut..
Setelah mencoba2 sedikit, rasanya banyak sekali perbedaan expression blend 3 yang sudah release dengan expression blend 2. Dan itu membuat rasa ingin mencoba2 sangat besar.. Postingan2 berikutnya akan saya coba bahas satu persatu apa perbedaan dan fitur baru yang ada pada expression blend 3.
Nengok Ziggy dulu ah… =)
Bagi teman-teman yang ingin mendevelop aplikasi Silverlight 3.0 beta, selain menggunakan silverlight_tools di visual studio 2008, teman-teman dapat menggunakan tools yang satu ini (Expression Blend 3 Preview). Intellisense merupakan salah satu fitur yang baru pada Microsoft Expression Blend 3, fitur yang cukup penting ini tidak ada pada versi sebelumnya.
Jika kita buka pada XAML view, maka kita dapat langsung menikmati intellisense yang disediakan seperti ketika kita menggunakan visual studio.
Dan tidak hanya itu,, pada Microsoft Expression Blend 3 Preview ini, kita dapat membuka sebuah code behind dari XAML yang ada tanpa harus membuka Visual Studio. Pada versi sebelumnya, ketika kita klik misalnya: program.xaml.cs, maka akan terbuka di Visual Studio. Tetapi pada Microsoft Expression Blend 3 Preview ini, ketika kita klik code behind tersebut (.cs nya) maka akan terbuka di tab yang baru (masih dalam expression blend).
InstelliSense juga dapat kita gunakan disini. Dengan menekan ctrl + space, kita dapat menikmati intellisense seperti pada visual studio.
Postingan berikutnya akan mengupas lebih banyak lagi tentang perbedaan dari versi sebelumnya atau feature baru yang ada pada Expression Blend 3. Terima kasih, semoga bermanfaat..
Barusan mampir di portalnya student partners, trus ngeliat2 news ternyata ada barang baru yang cukup menarik, namanya Microsoft Tag. Jadi kalau saya liat dari videonya, microsoft tag ini fungsinya adalah seperti bar code, dan bar code ini bisa kita capture dengan windows mobile (kayaknya sih harus windows mobile). setelah kita capture pake windows mobile, maka akan tampil informasi yang berhubungan dengan tag (bar code) tersebut.
Jadi kalau ada iklan di majalah dan ada microsoft tag di bawahnya. kita tinggal capture tag tersebut maka akan langsung dapet informasi mengenai iklan atau informasi yang ada di halaman majalah tersebut. Gak perlu cari URL dan ketik URL tersebut. hohoho… Belum dicoba sih.. tapi akan segera dicoba.. menarik kayaknya.. =)
ini linknya,, http://www.microsoft.com/tag/
Pada tanggal 17 Desember 2008, FASILKOM UI mengadakan Install Fest 2.0. Dimana tujuan acaranya adalah membagi-bagikan CD gratis dan memberitahukan bagaimana cara menggunakan sebagian besar dari tools yang disediakan pada MSDNAA. Dan yang coba kita highlight adalah VSTS, Expression Studio, Robotic Studio, dan XNA+XboX. Sesi VSTS dibawakan oleh Hafiz (ex-MSP), XNA+XboX dibawakan oleh Zeddy (ex ADE), Robotic Studio dibawakan oleh Nulad, dan Expression Studio dibawakan oleh saya sendiri. =)
Sesi pertama adalah VSTS yang dibawakan oleh hafiz, dengan judul sesi “krezzzi tool”. (maap gambarnya agak burem)
Saya mendapatkan sebuah foto yang cukup menarik. Keharmonisan antara ADE Microsoft Indonesia (Julius Fenata) dan ex ADE Microsoft Indonesia (Zeddy Iskandar). xD
Ini dia zeddy lagi demo mengenai XNA. Coba perhatikan baik2 bagian perutnya.. (kira2 berapa centimeter ya tebalnya?). xD
Yang ini nulad lagi mendemokan Robotic Studio.
Dan yang terakhir adalah saya sendiri, mendemokan expression untuk membuat aplikasi WPF & Silverlight. Pada sesi ini, saya juga memperlihatkan Windows 7 dan World Wide Telescope. =)
Kemaren tanggal 17 Desember, saya, niko, dan wely memberikan materi tentang Silverlight 2.0 & WPF. Namun lebih diberatkan pada Silverlight 2.0. Pesertanya rata - rata dari bagian BMO, ada juga beberapa dari vendornya microsoft, dan ada 1 orang yang udah jago yaitu si kaka. =p
Materi yang dibahas adalah:
- Overview Silverlight 2.0 & WPF with cool demo (by Wely)
- Introduction to Expression Design (by Niko)
- Hands on Lab with Expression Design (by Niko)
- Introduction to Silverlight 2.0 using Expression Blend (by me)
- Hands on Lab with Expression Blend + Visual Studio (by me)
- DeepZoom in Silverlight (by me)
- Showing Silverlight & WPF demo which made by MIC guys (video puzzle, wpf drag & drop media player, silverlight wall of fame, deepzoom in kaskus, etc)
ini dia wely lagi garuk2, niko lagi nge charge MBPnya.. xD
Niko in action!
Semua peserta terhipnotis oleh niko, kecuali si kaka (kiri belakang). =p
Kalau kita lihat foto di bawah, kliatan si wely lagi serius banget. Tapi dia megang mouse siapa ya? Kyknya lagi pusing install windows 7 dia.. xD
Dan yang terakhir.. =)
Setelah selesai menulis buku User Experience for WPF & Silverlight with Expression Blend,
berikutnya saya berencana mencoba memberikan tips & trick lainnya pada Expression Blend untuk membuat aplikasi WPF dan Silverlight di blog ini. Karena masih banyak sekali yang masih dapat di explore lebih jauh mengenai ke dua teknologi ini jika dipandang dari sisi Expression Blend. Nantinya saya juga akan membahas mengenai kolaborasi antara masing - masing tools yang ada pada Expression Studio.
Bagi yang mau download ini linknya. File ini berupa VPC image, jadi ukurannya agak besar. Tapi kalau dilihat lagi, requirement space yang dibutuhkan min 75GB dan processor min core 2 duo.. .
Saya sendiri belum mencobanya karena ukuran filenya cukup besar untuk di download..
Silahkan menikmati silverlight 2.0 release. kalau mau download ini linknya..
Mungkin dari temen - temen ada mengalami masalah yang sama dengan saya, atau cuma di kompi saya aja yang bermasalah jangan - jangan.. 
Kalau tau solusinya mohon bantuannya yah..
Jadi ceritanya adalah pertama saya install expression blend 2.5 june preview, karena ini gratis. Lalu setelah membaca postingan teman - teman bahwa Blend 2 SP 1 sudah keluar, dengan fitur baru bisa membuat Silverlight 2.0 project plus ada motion path, kemudian saya mencoba tuk install. Tidak ada masalah dengan Blend 2 SP 1 nya. Tetapi ketika saya mencoba membuat aplikasi Silverlight 2.0 pada Blend 2.5 June Preview, tiba-tiba Stopped Working!
Sangat disayangkan kalau ke duanya tidak bisa berjalan berbarengan, karena Blend 2 SP 1 itu harus bayar. Sedangkan Blend 2.5 June Preview gratis.. huhuhuhu.... Sekali lagi mohon bantuannya ya. Siapa tau itu cuma di kompi saya aja.. T_T
Setelah sekian lama akhirnya saya menulis postingan pertama di geeks. Bukannya saya tidak mau join dengan komunitas, tetapi lebih karena saya hanya seorang newbe dan cukup segan untuk berbagi ilmu disini. Karena saya pikir, pasti apa yang saya posting orang di luar sana sudah pada bisa atau sudah tau.. Namun, setelah saya pikir-pikir, tidak ada salahnya untuk mencoba untuk berbagi apa yang baru dipelajari, akhirnya saya memutuskan untuk mencoba menulis dan berbagi ilmu disini. Mohon maav jika postingan-postingan berikutnya terkesan cupu atau sudah pada tau..