tag:blogger.com,1999:blog-1281654182870168862024-02-19T14:31:50.433-08:00Multiverse innovationUsed to be my personal blog. Along the years, i began to know where i'm up to. Then, i decided to change it into a blog that explore innovation in various area, from mobile application, software, business idea to architecture design. Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.comBlogger86125tag:blogger.com,1999:blog-128165418287016886.post-60660763070588080432016-06-01T19:23:00.001-07:002016-06-01T19:27:34.927-07:00Onshape.com - aplikasi 3D parametrik CAD berbasis awanAplikasi dan komputasi berbasis awan sebenarnya bukanlah hal yang baru.<br />
Mungkin kita tidak menyadarinya, buat kebanyakan kita, ini dimulai dari email sejak sekitar 15 tahun yang lalu saat kita berpindah menggunakan email berbasis web dari yahoo atau gmail.<br />
<br />
Sejak saat itu, sedikit mulai sedikit, kita semakin terbiasa menggunakannya. Seiring berjalannya waktu, beberapa file-file kita mulai berpindah ke aplikasi beberbasis awan seperti Dropbox, Box atau Google Drive. Belum lagi ribuan foto, data pribadi, video dll, praktis hari ini sudah tinggal di awan :)<br />
<br />
Kemanakah arah berikutnya?<br />
<br />
Salah satu yang saya lihat akan berpindah adalah aplikasi desain dan engineering. Adobe mulai menggabungkan Creative Suit dengan Adobe Cloud Services, Autodesk memulainya dengan Autodesk Fusion 360. Kesemuanya tidak hanya memungkinkan kita mendapatkan produk dengan nilai lebih tapi dalam banyak kasus, juga total harga kepemilikan yang lebih baik (total cost of ownership).<br />
<br />
Ok, kita akan bicara soal ini di lain waktu. Kali ini saya ingin bercerita tentang <a href="http://onshape.com/">onshape.com</a><br />
<br />
Aplikasi 3D parametrik CAD seperti Solidworks, PTC Creo, Catia UG NX dll di kalangan engineer dikenal sebagai aplikasi yang sangat powerfull untuk kebutuhan perancangan. Tetapi selain powerfull, aplikasi-aplikasi ini dikenal sangat mahal harganya.<br />
Sebuah lisensi basic misa mulai dari harga 5000-7000 USD, dan untuk paket-paket yang lebih spesifik dan powerfull, harganya bisa mencapai 50.000-100.000 USD. Sungguh sebuah angka yang fantastik buat ukuran kita.<br />
<br />
Yah, ok ... masih ada Glodok kata sebagian dari kita. Namun pada batas tertentu dan melihat peluanga bisnis yang lebih besar, solusi Glodok saya rasa tidak tepat dan "sustain" untuk jangka panjang.<br />
<br />
Belum lagi komputer untuk menjalankannya. Umumnya aplikasi engineering mesyaratkan komputer sekelas "workstation" untuk dapat berjalan dengan baik. PC workstation sendiri cukup mahal harganya, kita bisa mendapatkannya mulai dari sekitar 1500 USD hingga ke angka 10.000 USD untuk model tertinggi.<br />
<br />
Kembali lagi, yah, ok ... Bisa saja sih jalan di laptop biasa atau komputer rakitan. Namun kembali lagi, pada batas tertentu, kita akan dipaksa berpindah ke PC atau laptop kelas workstation untuk mendapatkan performa yang seharusnya.<br />
<br />
Ok, kita kembali lagi ke <a href="http://onshape.com/">onshape.com</a><br />
<br />
Onshape.com sendiri bukanlah aplikasi 3D parametrik CAD pertama yang berbasis awan. Autodesk memiliki seri Fusion 360, Catia-pun memiliki platform 3D experience yang memungkinkan perusahaan memindahkan Catia ke awan (cloud).<br />
<br />
Onshape.com dikembangkan oleh tim pengembang dan engineer yang merupakan pengembang awal dari Solidworks.<br />
<br />
Dari segi feature, onshape.com menawarkan fitur-fitur yang umum terdapat di aplikasi 3D parametrik CAD tradisional.<br />
Semua yang biasa kita kenal ada di dalamnya, feature tree, 2D sketch, multi body modelling seperti di Catia, hingga ke assembly dan drafting ada di dalamnya.<br />
Secara logika kerja, ada sedikit perbedaan, seperti bagaimana onshape.com meng-handle multi body geometry, pengerjaan part dalam assembly dan proses assembly part, tapi saya pikir its ok. Seorang dengan pengalaman menggunakan aplikasi 3D parametrik CAD akan dengan cepat dan mudah beradaptasi.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdoh6TXC9snu1cUNCZ0cyhmsCXdQoJKMT1aaGAQfmJxWEsUluv9hJrPihWzfLuWfoX84P-rHCInyJFW2qz06jejbnB-TxVB2C2FrJK9UA5O9z3KaNAfzTsKMYuhGrIg_S7606YJ3Cf9Js/s1600/onshape.png" imageanchor="1"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdoh6TXC9snu1cUNCZ0cyhmsCXdQoJKMT1aaGAQfmJxWEsUluv9hJrPihWzfLuWfoX84P-rHCInyJFW2qz06jejbnB-TxVB2C2FrJK9UA5O9z3KaNAfzTsKMYuhGrIg_S7606YJ3Cf9Js/s320/onshape.png" width="320" /></a><br />
<br />
Nah, ini yang menarik.<br />
<br />
Untuk menjalankan onshape.com kita hanya membutuhkan PC atau laptop yang dapat menjalankan browser yang mendukung WebGL seperti Google Chrome, Mozilla Firefox atau Microsoft Edge (browser terbaru Microsoft bawaan Windows 10).<br />
<br />
Yup, hanya itu yang dibutuhkan. Karena onshape.com berjalan langsung di browser, sebagian perhitungan matematis geometri dilakukan di awan pada server onshape.com. Tugas komputer kita hanya menampilkan saja, dan menerima input dari kita.<br />
<br />
Ok, soal memory (RAM) yang besar tentu membantu, khususnya untuk model 3D yang kompleks. :)<br />
<br />
Namun hilang sudah kebutuhkan PC atau laptop kelas workstation seperi 3D parametrik CAD tradisional.<br />
Kini, bahkan dengan laptop Chromebook yang harganya mulai dari 200USD pun kita bisa menjalankan onshape.com dan mulai merancang.<br />
<br />
Hal lain yang menarik adalah biaya.<br />
<br />
Untuk pengguna personal, onshape.com bisa digunakan secara gratis. Anda hanya perlu mendaftar dan bisa langsung bekerja. Semua fitur bisa kita dapatkan dalam versi gratis ini, yang membedakan adalah kapasitas penyimpanan yang diberikan dalam server awan mereka.<br />
<br />
Namun jika kita memutuskan membayar, menurut hemat saya, harganya pun cukup terjangkau. Dengan sekitar 100USD per bulan, anda mendapatkan 3D parametrik CAD berbasis web, full feature dengan kapasitas penyimpanan di awan tidak terbatas (setidaknya untuk saat ini :).<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcOeVieUF6kqNHjnOA3M-udRMoidfnoGJpS89RIPaOY3YMZTZtYKQmI-AiQd-q2NYGoUO2YNpOi1Z-QIY-Vl8Ckz9g7l_MSQmi7kUM1Z9gQvvvRD-oji6Z4gsyFkh7xdVugF6sUIgYNqY/s1600/onshape+pricing.png" imageanchor="1"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcOeVieUF6kqNHjnOA3M-udRMoidfnoGJpS89RIPaOY3YMZTZtYKQmI-AiQd-q2NYGoUO2YNpOi1Z-QIY-Vl8Ckz9g7l_MSQmi7kUM1Z9gQvvvRD-oji6Z4gsyFkh7xdVugF6sUIgYNqY/s320/onshape+pricing.png" width="320" /></a><br />
<br />
Masih mahal, nah, mari kita coba lihat.<br />
Untuk sebuah lisensi Solidwork, kita membutuhkan biaya sekitar 12.000 USD. Dan jangan lupa, tahun depan, masih ditambah "maintenance fee" sekitar 2000-3500 USD yang biasanya dibayar tiap tahun. Total biaya, kasar-kasarnya sekitar 15.000 USD untuk tahun pertama.<br />
<br />
Coba kita lihat dengan onshape.com<br />
Lisensi untuk 1 user hanya 12x100USD/bulan atau 1200 USD per tahun. Sudah termasuk semua fitur, tempat penyimpanan yang secure di awan (saya akan cerita pada tulisan lain soal ini).<br />
<br />
Bagaimana cukup menarik? :)<br />
<br />Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com9tag:blogger.com,1999:blog-128165418287016886.post-13197328140062851602015-09-22T23:06:00.000-07:002015-09-22T23:09:17.081-07:00Tips mendesain rumah minimalis modern<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBsQ3iHg3rbq1lLEK-unsryJhFDTy_19MrRMTnkgXu1tM-iQMzSCYQnzTRTg8SCmcNruMcAf94csB9e2Bda-HBlqF-bs5az-2RTKCPd9h38Wvhwk7Iwwptl_50c23cYm2ibkNIGlr1T3M/s1600/sketsa+rumah.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBsQ3iHg3rbq1lLEK-unsryJhFDTy_19MrRMTnkgXu1tM-iQMzSCYQnzTRTg8SCmcNruMcAf94csB9e2Bda-HBlqF-bs5az-2RTKCPd9h38Wvhwk7Iwwptl_50c23cYm2ibkNIGlr1T3M/s400/sketsa+rumah.JPG" width="400" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Banyak orang mencoba mendesain sendiri rumah idaman mereka.<br />
Jika ditelaah, banyak alasan yang menyebabkan mereka mendesain sendiri, salah satunya karena alasan biaya.<br />
<br />
Nah, pada tulisan ini, saya coba berbagi dengan anda yang sedang coba mendesain dan membangun sendiri rumah idaman anda sehingga bisa menjadi rumah yang baik dari sisi struktur, fungsi dan kesehatan, syukur-syukur juga bisa hemat energi.<br />
<br />
Ok, mari kita mulai saja.<br />
<br />
<b>1. Tentukan budget anda</b><br />
Membangun rumah membutuhkan biaya yang tidak sedikit dan biasanya, biaya ini akan membengkak juga pada akhirnya. Untuk itu penting bagi anda untuk menentukan budget awal yang tersedia, beserta "allowance", atau dana cadangan tambahan jika dibutuhkan.<br />
<br />
Budget ini nantinya akan menentukan luasan (minimal di awal) bangunan yang akan dibuat.<br />
<br />
<b>2. Tentukan fungsi dan fitur yang anda inginkan.</b><br />
Ok, jika budget sudah ditentukan, kini saatnya anda menuliskan fungsi-fungsi dan fitur apa saja yang anda inginkan ada di rumah ini.<br />
Misalnya, berapa kamar tidurnya, berapa kamar mandi, apakah ada kamar mandi dalam di kamar tidur utama dsb. Juga coba pikirkan hal-hal lain seperti misalnya apakah anda ingin ada dapur kotor, dapur bersih, gudang, teras, ruang tamu dsb.<br />
<br />
Namun jangan lupa, selarasakan hal ini dengan kebutuhan anda dan juga budget yang tersedia. Kuncinya jangan terlalu memaksakan diri disini, pikirkan dengan jernih dan diskusikan dengan keluarga.<br />
<br />
Pertimbangkan pula luas wajar dari sebuah ruangan. Jangan memaksakan memiliki kamar tidur tiga buah namun ukurannya hanya 2x2 misalnya.<br />
<br />
Jika budget belum tersedia, rencanakan rumah tumbuh yang dapat anda kembangkan ke depannya jika rejeki sudah memungkinkan.<br />
<br />
<b>3. Perhatikan lingkungan dimana rumah akan dibangun</b><br />
Nah, ini yang kebanyakan orang sering melupakannya.<br />
Coba luangkan waktu anda untuk melihat dan memperhatikan lokasi tanah dimana rumah akan dibangun dan lingkungan sekitarnya.<br />
<br />
Perhatikan arah Utara, Barat, Timur dan Selatan dari tanah ini.<br />
Kalau buat saya, ini tidak ada hubungannya dengan Feng Sui, namun lebih kepada bagaimana nanti kita meletakan pintu dan jendela.<br />
Hal ini akan mempengaruhi pencahayaan dan sirkulasi udara dari rumah anda.<br />
Dan, jika anda seorang muslim, tentu akan mempengaruhi arah kiblat dari rumah anda nantinya.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjStqmAEsDQ7docKNslnUp6Oq68uRKB1i3OhPQqDa8c2Gpm3B3CyTVWt9e6zSmPRXtIkQLjgo9qqjn4ftsoX1Zj2OFYmAuiedPqDsGu3BuclSScKBQo52RfJ-Yas8SQY-251cf2BhVgsT8/s1600/autodesk+formit+sun+analysis.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjStqmAEsDQ7docKNslnUp6Oq68uRKB1i3OhPQqDa8c2Gpm3B3CyTVWt9e6zSmPRXtIkQLjgo9qqjn4ftsoX1Zj2OFYmAuiedPqDsGu3BuclSScKBQo52RfJ-Yas8SQY-251cf2BhVgsT8/s320/autodesk+formit+sun+analysis.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Simulasi pencayahaan dengan Autodesk Formit</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>4. Mulai membuat layout rumah</b><br />
Jika semuanya sudah, kini saatnya ada mulai menggambar layout rumah idaman anda.<br />
Untuk menggambar, saat ini banyak tersedia software gratis dan mudah digunakan yang dapat membantu anda. Beberapa contoh software misalnya <a href="http://www.sketchup.com/" target="_blank">Sketchup</a>, <a href="http://www.homestyler.com/" target="_blank">Autodesk Hometyler</a> dll.<br />
<br />
Dengan bantuan software seperti <a href="http://formit360.autodesk.com/app/" target="_blank">Autodesk Formit</a>, anda bahkan dapat membuat layout, dipadukan dengan informasi GPS lokasi rumah untuk mensimulasikan jatuhnya cahaya matari sehingga bisa didapatkan pencahayaan natural yang optimal bagi rumah anda.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFLOcEe3zz7yZNSen228IYpDurTrk296nzbKyILanTTaDwMcnduwZ-5nJsRq8g19Ntgjw2DAxWDav9FmgJiyTONRbBAfn2RzjuRwzAXPOHz9pqwoAOKmdYMG89x3cJprRLrAIDpMUC4w/s1600/autodesk_FormIt.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFLOcEe3zz7yZNSen228IYpDurTrk296nzbKyILanTTaDwMcnduwZ-5nJsRq8g19Ntgjw2DAxWDav9FmgJiyTONRbBAfn2RzjuRwzAXPOHz9pqwoAOKmdYMG89x3cJprRLrAIDpMUC4w/s320/autodesk_FormIt.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Autodesk Formit dapat diakses dari browser mupun Android tablet</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Dalam membuat layout, jangan lupa, pertimbangkan ukuran wajar ruang, bagaimana sirkulasi perpindahan orang dan posisi bukaan jendela dan pintu rumah.<br />
Data-data detil seperti ini, ukuran pintu, kamar tidur, tempat tidur single maupun double, semuanya dapat anda kumpulan berbarengan dengan proses pembuatan layout.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDEAtwu22e2CJCsDskTLdb6HuTRNRxyOKkc2UNVYyagQF4AUJp3JrP-_b5XHhJ4poPeA5l8YSj2J-xJZu06RDMsQ4tz6a1bIp-iHYaoUq-CTbahdgiOofQZ6yJ6s1Y_iw9WWQcyJg13I8/s1600/sunken+house+98.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDEAtwu22e2CJCsDskTLdb6HuTRNRxyOKkc2UNVYyagQF4AUJp3JrP-_b5XHhJ4poPeA5l8YSj2J-xJZu06RDMsQ4tz6a1bIp-iHYaoUq-CTbahdgiOofQZ6yJ6s1Y_iw9WWQcyJg13I8/s320/sunken+house+98.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Contoh layout yang sudah ditambah dinding</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Kemudian, pada beberapa orang, privasi menjadi perhatian utama. Jika anda juga berpendapat sama, pertimbangkan layout yang memisahkan ruang publik dan ruang privat keluarga dengan menyediakan foyer atau partisi semi terbuka.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx2FaPRAR0vQ3pUXCJdXpCC8v2OeIOzIoZrLJ6hBhcKpgLkrOaC_z3Z12Ie8A63cdU_9Nh-RgQCJ9XCLOwM_p9Mtzn9GwQ4NPnYmB4miXR-87QqHCB5wM4Uwvcv9PRFZ10jPAbum-0bNU/s1600/hivebox4_rumah_minimalis_jakarta.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx2FaPRAR0vQ3pUXCJdXpCC8v2OeIOzIoZrLJ6hBhcKpgLkrOaC_z3Z12Ie8A63cdU_9Nh-RgQCJ9XCLOwM_p9Mtzn9GwQ4NPnYmB4miXR-87QqHCB5wM4Uwvcv9PRFZ10jPAbum-0bNU/s320/hivebox4_rumah_minimalis_jakarta.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Contoh Foyer yang semi terpisah dari ruang keluarga</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>5. Struktur</b><br />
Setelah layout anda dapatkan, mulailah pertimbangkan posisi dan ukuran struktur bangunan yang dapat mendukung layout yang diinginkan.<br />
Perhatikan posisi-posisi peletakan kolom, berapa jaraknya dan berapa besarnya.<br />
Jika anda tidak memiliki kemampuan untuk menghitung struktur, minimal pelajari kebiasaan-kebiasaan yang umum digunakan (namun sangat disarankan agar anda menghubungi orang yang ahli dalam masalah ini demi keamanan anda).<br />
<br />
Ada kalanya, proses ini membutuhkan langkah bolak-balik dengan perancangan layout. Anda mungkin saja harus berkompromi, mencari jalan tengah dimana strukturnya aman namun layout ruangan tetap sesuai yang diinginkan.<br />
<br />
Dalam merancang struktur, ada baiknya anda juga memahami karakter tanah yang ada di lokasi anda. Apakah tanahnya labil, bekas urukan atau berpasir.<br />
Idealnya memang anda harus melakukan test uji, namun jika terasa terlalu mahal, ada bisa mencari tahu dari warga sekitar informasi mengenai hal ini.<br />
Nantinya hal ini penting untuk menentukan jenis fondasi dan ukuran yang sesuai bagi bangunan anda.<br />
<br />
<b>6. Desain bentuk muka dan elemen dekoratif bangunan</b><br />
Dari awal, anda pasti sudah memiliki bayangan tentang gaya bangunan idaman anda. Apakah itu klasik, etnik atau modern minimalis.<br />
Setiap gaya tentu memiliki nilai lebih sendiri-sendiri.<br />
<br />
Sekarang, coba terapkan style yang anda suka pada layout yang anda buat.<br />
Namun, buat saya, kombinasikan lagi style ini ke dalam layout yang anda, jadi kita tidak hanya "menempelkan" style ini ke bentuk bangunan.<br />
Desain yang baik biasanya bisa dilihat dari bagaimana dia bisa memadukan style ke dalam fungsi bangunan. Jadi bukan hanya tempelan semata.<br />
<br />
Jika anda pelajari, rumah-rumah modern minimalis yang dirancang dengan baik, biasanya memiliki karakter ini. Contohnya, bentuk muka bangunan yang polos tanpa jendela, bisa jadi hal ini karena ada pertimbangan menghindari panas matahari atau karena pemiliknya menginginkan privasi yang lebih.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUfRvChVa_a6fIu8P_S_mupWCAUBjKfucy-plolnODn6F9tbOPLWYwq-8fy4mqy1N5uFUnjoiDT2IEdqKuD1wwhKGEp4yaP4Gr4wCbWDbfH5aIgqA9dmwD0ubFjmR_c39bY7b0DNNhrss/s1600/block+house.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUfRvChVa_a6fIu8P_S_mupWCAUBjKfucy-plolnODn6F9tbOPLWYwq-8fy4mqy1N5uFUnjoiDT2IEdqKuD1wwhKGEp4yaP4Gr4wCbWDbfH5aIgqA9dmwD0ubFjmR_c39bY7b0DNNhrss/s320/block+house.jpg" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Dari segi style nampak simple, elegan dan minimal, namun sebenarnya menyimpan fungsi yang optimal.<br />
<br />
Contoh lain misalnya ada rumah yang menggunakan tangga kayu berlubang. Selain memberikan kesan ringan dan luas bagi rumah, tangga model ini bisa menyalurkan pencayahaan bagi ruang yang sempit.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgauKgJwvEZyeCtyoqv67Pi9nKWC8NLewZ-mK7hMgKeW5W6TTCp-5jdS8QixN8JC3X43EvipKKPYri5XNDIHLYAadZSbhFdzHNpludegVfHTS_bgKkRSy0srl6cnAkXyZ_Kgnb-Ng7HgMw/s1600/light+stair.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgauKgJwvEZyeCtyoqv67Pi9nKWC8NLewZ-mK7hMgKeW5W6TTCp-5jdS8QixN8JC3X43EvipKKPYri5XNDIHLYAadZSbhFdzHNpludegVfHTS_bgKkRSy0srl6cnAkXyZ_Kgnb-Ng7HgMw/s320/light+stair.jpg" width="236" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Cobalah bermain-main dengan ide-ide seperti ini, niscaya rumah anda akan menjadi unik dan berbeda dari milik orang lain.<br />
<br />
7. Belajar dan mencari referensi<br />
Terakhir, mendesain adalah proses yang simultan dan berulang. Diantaranya, teruslah belajar, membaca, diskusi dan mencari refernsi bagi rumah anda sehingga bisa dihasilkan desain yang cantik, nyaman ditinggali serta sesuai dengan kemampuan keuangan anda.<br />
<br />
Selamat mendesain :)<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com7tag:blogger.com,1999:blog-128165418287016886.post-45571920236452432212015-09-20T20:39:00.000-07:002015-09-22T20:42:02.328-07:00Hivebox House - simple modern house at the far east of Jakarta<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJboNf7KFiymxbGggQ68_SDQ5D932CgzCePgvedJ1IxgawENG05DY_eH88xSskwHpqb5S4OlHGG9akMcrU1UWWUP71DbWGn3AqMJaEJpNkkO-IwawgVb6v49K_thmEakmXMzGCK72L1AQ/s1600/hivebox3_rumah_minimalis_jakarta.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJboNf7KFiymxbGggQ68_SDQ5D932CgzCePgvedJ1IxgawENG05DY_eH88xSskwHpqb5S4OlHGG9akMcrU1UWWUP71DbWGn3AqMJaEJpNkkO-IwawgVb6v49K_thmEakmXMzGCK72L1AQ/s320/hivebox3_rumah_minimalis_jakarta.jpg" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Location : Cikarang, Bekasi, West Java<br />
Area : 176 sqm<br />
Building area : 60sqm<br />
Total building area: 110 sqm (2 level)<br />
Architect : Triharsa Adicahya<br />
<br />
This house was designed for family of 4 and located inside a residential cluster near the industrial complex at the east of Jakarta.<br />
<br />
The basic concept of the house are how to design a house with simple and honest feeling.<br />
Beside that, it should provided a good privacy for the family member while give the open and spacious feeling inside.<br />
<br />
To achieve these objective, the house is designed inside simple rectangular box and placed in the middle of the land plot.<br />
<br />
This arrangement is quite challenging for me. 1st, i have to design a complete layout inside a 2 level building and narrow,limited 5x10m area. On the plus side,beside providing the occupant with inner court yard, it gives the house an air circulation area around the building which bring fresh air and a spacious feeling for occupant.<br />
<br />
Another added feature are, the house should be able to adapt future installment of solar panel. Thus, if we look from the front side of the house, we can see that its roof shape is angled toward South, which is believe to give solar panel more optimum output.<br />
And to match this feature, another smaller pointy shape covering the voyer is added, give the overall building a unique shape.<br />
<br />
At the first floor, it has a relatively large room with smaller section at the back use for services area.<br />
Its large room is a place for the living room, dining room and an open kitchen. While placed on the same room, all 3 function has their own area and partitioned with the help of the main stair.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiYTe7ZNuuChz5JGdj-iZ_52A_xMXo5gLcb_lVVPKAJNHxA47gMsIl-u5YcermW7Yq34cq9g9UEa50cm5oKB3c8N3POKxXhxXLW2gIRHud9n4WlIkJHA64Ckp9wWpmSvrW3BNVl9UJJJQ/s1600/hivebox_rumah_minimalis_jakarta.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiYTe7ZNuuChz5JGdj-iZ_52A_xMXo5gLcb_lVVPKAJNHxA47gMsIl-u5YcermW7Yq34cq9g9UEa50cm5oKB3c8N3POKxXhxXLW2gIRHud9n4WlIkJHA64Ckp9wWpmSvrW3BNVl9UJJJQ/s320/hivebox_rumah_minimalis_jakarta.jpg" width="256" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Large space with living room and kitchen separated by massif solid stair</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Placed beside this room, there is a small open terrace that function as a voyer. This small voyer is then separated by a big glass folding door to split the public area and a more private area of the living room.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBcV7UI4UQMx8XteaCvSVanNOFtn0wynZoD7KFiRois6FSvNuLU1GTqyydMA5_PkFokailNGJaMTsW1Z0vB4vjlKFO4mORClq8N5e0Ltln4hjhvWBn_nGMjghu-KkOaQ6ycJNlmSV_8o/s1600/hivebox2_rumah_minimalis_jakarta.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBcV7UI4UQMx8XteaCvSVanNOFtn0wynZoD7KFiRois6FSvNuLU1GTqyydMA5_PkFokailNGJaMTsW1Z0vB4vjlKFO4mORClq8N5e0Ltln4hjhvWBn_nGMjghu-KkOaQ6ycJNlmSV_8o/s320/hivebox2_rumah_minimalis_jakarta.jpg" width="240" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: left;">View from voyer to the dining room separated by glass folding door</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
The second floor is used as the family private area, consisted of 3 bedroom and 2 bathroom.<br />
All the room are connected with small alley with huge window that flooded with light to give sense of larger space.<br />
<br />
Bellow are 2D drawing of the house.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia9XVLjkvrwJIxFvGZGai6SHneKsgCeN8a7HTSRlnJz9RrnUcPvDuP1naQRWce5R3EMq0TEtzTYXPkVwRi1xjwNH118NVI1jwAn2NeIsFkIFvh-cNxJ58Zctu_a_4wgI25tqlHE4bC6EM/s1600/hivebox+house+1st+floor.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia9XVLjkvrwJIxFvGZGai6SHneKsgCeN8a7HTSRlnJz9RrnUcPvDuP1naQRWce5R3EMq0TEtzTYXPkVwRi1xjwNH118NVI1jwAn2NeIsFkIFvh-cNxJ58Zctu_a_4wgI25tqlHE4bC6EM/s320/hivebox+house+1st+floor.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">1st floor plan</td></tr>
</tbody></table>
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizkCy-QCeCjnEa1YqsgjWTmDsxiPqMriEVBZet_PhX_G-HLmxrMM_lwr1-NlQiv_zMEeGXrAnq3pTXWSa9qUOOrK5TzDAKV1K3znREa0M87Px7GX-EmFDisuKafScA-LvKRjuu9R4Z8GY/s1600/lantai+2.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizkCy-QCeCjnEa1YqsgjWTmDsxiPqMriEVBZet_PhX_G-HLmxrMM_lwr1-NlQiv_zMEeGXrAnq3pTXWSa9qUOOrK5TzDAKV1K3znREa0M87Px7GX-EmFDisuKafScA-LvKRjuu9R4Z8GY/s320/lantai+2.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">2nd floor plan</td></tr>
</tbody></table>
<br />Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com2tag:blogger.com,1999:blog-128165418287016886.post-49599195017632295642015-09-14T00:04:00.002-07:002015-09-21T00:20:00.258-07:00Hivebox House - rumah minimalis di Timur Jakarta<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZX-9_BQWwedBDi0lMORgEsqFFBR7B3gj8wzCiL2LU7Hl_tOIe6kqQBPpvg8T61Ys0q0n2-ZeeDKDqzl1SXQXvq41SRyeWSw059d-tgIkQCUbf0sJU7So2TB-b_jtifupr0lB7FMPiV0k/s1600/hivebox3_rumah_minimalis_jakarta.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZX-9_BQWwedBDi0lMORgEsqFFBR7B3gj8wzCiL2LU7Hl_tOIe6kqQBPpvg8T61Ys0q0n2-ZeeDKDqzl1SXQXvq41SRyeWSw059d-tgIkQCUbf0sJU7So2TB-b_jtifupr0lB7FMPiV0k/s400/hivebox3_rumah_minimalis_jakarta.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Lokasi : Cikarang, Bekasi, Jawa Barat<br />
Area : 176 sqm<br />
Tapak : 60sqm<br />
Total luas bangunan : 110 sqm (2 level)<br />
Arsitek : Triharsa Adicahya<br />
<br />
Saat ini rumah dengan desain minimalis sedang menjadi trend di masyarakat Indonesia, khususnya di Jakarta dan sekitarnya. Buktinya bisa kita lihat dengan mudah dimana-mana, di jalan, perumahan hingga pada brosur dan iklan pengembang yang ada di surat kabar dan pameran-pameran properti.<br />
<br />
Tetapi jika kita perhatikan lebih jauh, kebanyakan rumah-rumah minimalis ini masih hanyalah rumah dengan tampilan minimalis semata. Kebanyakan rumah-rumah ini sebenarnya adalah rumah biasa yang dihias sehingga tampak minimalis.<br />
<br />
Dari segi tata letak, hampir tidak ada perubahan sejak 30 tahun yang lalu. Bukaan depan pun selalu sama. 2 sisi yang membagi kamar dan ruang tamu masih saja berlaku hingga kini. Layout, sirkulasi dan pencayahaan dan kemungkinan tumbuh sering kali terabaikan begitu saja.<br />
<br />
Rumah minimalis, sebagai anak dari gerakan "modern" yang lahir di awal abad 20 sejatinya bukan hanya kosmetik atau tampak semata. Di dalamnya tersimpan sebuah ide yang berusaha menjawab kebutuhan masyarakat modern, sebuah bentuk solusi untuk pola dan gaya hidupnya telah berkembang dan semakin praktis, berbeda dari para pendahulu kita.<br />
<br />
<b>Konsep</b><br />
<br />
Hivebox house dibangun konsep dasar kesederhanaan dan jujur<br />
<br />
Dari sinilah konsep dasar dari rumah "Hivebox" saya kembangkan. Pengembangannya kira-kira adalah sebagai berikut :<br />
<br />
1. Rumah modern minimalis harus menggunakan konstruksi dasar yang seefisien mungkin.<br />
Bangunan dengan bentukan primitif kotak persegi panjang memberikan efesinsi struktur.<br />
<br />
2. Menjawab gaya hidup manusia urban yang praktis, simple dan digital.<br />
<br />
3. Rumah modern minimalis harus sehat.<br />
Pencahayaan natural dan sirkulasi udara yang baik adalah sebuah kewajiban. Begitupun harus memiliki ruang terbuka yang cukup.<br />
Implementasi dari konsep ini adalah posisi bangunan yang diletakkan di tengah-tengah area tanah, sehingga memungkinkan terjadinya lorong angin yang menambah sirkulasi udara di rumah ini.<br />
<br />
4. Rumah modern minimalis memberikan ruang interaksi yang dekat.<br />
Memudahkan interaksi keluarga dengan tetap menjaga privacy.<br />
<br />
5. Desain kontradiktif dan provokatif.<br />
Bagunan didesain dengan menyatukan 2 hal yang saling bertentangan dan memicu diskusi yang sehat. Pada satu sisi bangunan terlihat tertutup namun di dalam terbuka lebar. Pada satu sisi, luas tapak bangunan terhitung kecil, namun terasa luas di dalamnya.<br />
<br />
6. Biaya relatif terjangkau<br />
<br />
7. Mampu dikembangkan untuk menggunakan sumber energi terbaharui<br />
Bentukan pagar di lantai 3 (dak) didesain untuk penempatan solar panel ke arah Selatan yang diyakini memberikan hasil energi listrik yang lebih baik.<br />
<br />
Pada rumah ini, diadopsi pula pemikiran-pemikiran dari karya desain arsitektur rumah Jepang modern yang selalu liar, berani dan mencoba hal-hal baru. Sebuah trend yang kini mulai menjalar ke bagian lain di dunia. Dan bahkan mulai diikuti oleh pengembanga besar seperti Jaya properti dengan proyek terbarunya "<a href="http://www.jayaproperty.com/devine" target="_blank">Devine</a>" karya seorang arsitektur ternama Jepang Osamu Nishida.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgikhJ5gd-Dt9cTgESDH9f42EsRXqytkvSnOzLAFve_yP9wokgMu6exIV_0fB3wkpblQh_16CWVhyLaX0iS8Aj89epSNaY-qH5YTSl26t0x0AVV88ClDNnuk0N5FG01CVx6kvJstLLrhEk/s1600/gallery_1.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgikhJ5gd-Dt9cTgESDH9f42EsRXqytkvSnOzLAFve_yP9wokgMu6exIV_0fB3wkpblQh_16CWVhyLaX0iS8Aj89epSNaY-qH5YTSl26t0x0AVV88ClDNnuk0N5FG01CVx6kvJstLLrhEk/s320/gallery_1.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Devine karya Osamu Nishida</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Berbekal sebuah tanah kavling hook berukuran 176m2, didesainlah sebuah rumah 2,5 lantai dengan luasan tapak utama 50m2 dengan bentuk persegi panjang (5x10m) diletakan pada bagian tengah lahan (semi detach-tidak menempel pada tetangga).<br />
<br />
<b>Lantai 1</b><br />
<br />
Lantai 1 didesain sebagai ruang sosial, ruang publik dan service area.<br />
<br />
Ruang publik diakomodasi oleh sebuah teras semi terbuka dengan taman di tepian dalam bangunan utama.<br />
Teras ini difungsikan sebagai foyer untuk menerima tamu dan dibatasi oleh sebuah pintu kaca lipat dari ruang keluarga. Desain ini memberikan kesan ruang yang lebih luas dari ukuran sebenarnya, namun tetap memberikan batasan yang jelas antara area publik dan ruang sosial keluarga yang lebih privat.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cTKh-TqllUkesPj3PD2AnyT5c3-BD3q8jFJH-gIw9V6lN4LB0tkTLvbb0pk6hepW3UEgZEPDn_VQzY-QfG3glOKM-KL8WpDKO609m4W8PwmWQZdhBQYcJqpWbXuXuyAJ7GqKfZPSxno/s1600/hivebox2_rumah_minimalis_jakarta.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cTKh-TqllUkesPj3PD2AnyT5c3-BD3q8jFJH-gIw9V6lN4LB0tkTLvbb0pk6hepW3UEgZEPDn_VQzY-QfG3glOKM-KL8WpDKO609m4W8PwmWQZdhBQYcJqpWbXuXuyAJ7GqKfZPSxno/s320/hivebox2_rumah_minimalis_jakarta.jpg" width="240" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: left;">Suasana dikala subuh</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Pintu kaca lipat yang dapat dibuka sewatu-waktu, memungkinkan keluarga untuk memiliki ruang keluarga yang lebih besar lagi jika dibutuhkan, untuk acara keluarga besar misalnya.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjL3c3BPrFB78Uym9k7xIqLkiJOV3HTqA3nUx9ajm0QocsDMeGUjTE_kGSWkp4Yx354TnUpIp1t21mcbWjHIAtAaMd0VDtByfpmm5tu7MiGjL37xK04rKzurJILYalK9F5WDWP0k1kA-U/s1600/hivebox_rumah_minimalis_jakarta.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjL3c3BPrFB78Uym9k7xIqLkiJOV3HTqA3nUx9ajm0QocsDMeGUjTE_kGSWkp4Yx354TnUpIp1t21mcbWjHIAtAaMd0VDtByfpmm5tu7MiGjL37xK04rKzurJILYalK9F5WDWP0k1kA-U/s320/hivebox_rumah_minimalis_jakarta.jpg" width="256" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: left;">View ruang keluarga dari Teras dalam</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Memasuki bangunan utama dari teras, kita dapat melihat bentukan dasar bangunan persegi panjang rumah ini dibagi menjadi 2 area besar.<br />
<br />
Ruangan terbesar dari rumah ini adalah ruang keluarga, ruang makan dan dapur yang dibuat menyatu.<br />
Namun demikian, walaupun menyatu,ketiga fungsi ini dibatasi oleh pembatas virtual berupa tangga menuju lantai 2.<br />
<br />
Tangga yang solid dan masif ini, memungkinkan ruang yang nampak terbuka luas, namun sekaligus membatasi pandangan ke arah dapur, baik dari ruang keluarga maupun dari teras voyer di sampingnya.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx2FaPRAR0vQ3pUXCJdXpCC8v2OeIOzIoZrLJ6hBhcKpgLkrOaC_z3Z12Ie8A63cdU_9Nh-RgQCJ9XCLOwM_p9Mtzn9GwQ4NPnYmB4miXR-87QqHCB5wM4Uwvcv9PRFZ10jPAbum-0bNU/s1600/hivebox4_rumah_minimalis_jakarta.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx2FaPRAR0vQ3pUXCJdXpCC8v2OeIOzIoZrLJ6hBhcKpgLkrOaC_z3Z12Ie8A63cdU_9Nh-RgQCJ9XCLOwM_p9Mtzn9GwQ4NPnYmB4miXR-87QqHCB5wM4Uwvcv9PRFZ10jPAbum-0bNU/s320/hivebox4_rumah_minimalis_jakarta.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Pandangan foyer</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Di bagian belakang setelah dapur, terdapat area yang lebih tertutup. Di area ini terdapat kamar mandi, ruangan yang bisa digunakan sebagai kamar untuk asisten rumah tangga dan area service kecil untuk penempatan mesin cuci dan perkakas bantu rumah tangga lainnya.<br />
<br />
<b>Lantai 2 </b><br />
<b><br /></b>
Lantai 2 dirancang sebagai ruang privat untuk keluarga.<br />
Kamar tidur utama, kamar anak, kamar tamu dan 2 buah kamar mandi berada di lantai ini.<br />
<br />
Kamar tidur utama berada di bagian depan, tepat diatas ruang keluarga. Sebagai kamar terluas, kamar ini dilengkapi sebuah kamar mandi dalam dan sebuah teras terbuka.<br />
<br />
Suatu hal yang menarik dari kamar ini adalah, walaupun memiliki jendela dan pintu geser yang besar, namun posisinya dirancangan sedemikian rupa sehingga tidak tampak dari jalan.<br />
<br />
Pada lantai 2 juga terdapat sebuah tangga menuju dak lantai 3. Uniknya tangga ini beratapkan polikarbonat yang tembus cahaya sehingga menambah pencahayaan alami pada rumah ini.<br />
<br />
<b>Denah bangunan</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7e8SQWMgACDLfI9PuSjhxTpTr1FwIo3seZfDJAsaZkejpipKcX0u0SaDlFnYkhJ82w0-XgWdLK5JDHUSSWhYgqa02sqmlCuDIO2iikACIC9CETxTTkjFyOHl85DSRG6VigBgNRXibnXw/s1600/hivebox+house+1st+floor.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7e8SQWMgACDLfI9PuSjhxTpTr1FwIo3seZfDJAsaZkejpipKcX0u0SaDlFnYkhJ82w0-XgWdLK5JDHUSSWhYgqa02sqmlCuDIO2iikACIC9CETxTTkjFyOHl85DSRG6VigBgNRXibnXw/s320/hivebox+house+1st+floor.jpg" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizkCy-QCeCjnEa1YqsgjWTmDsxiPqMriEVBZet_PhX_G-HLmxrMM_lwr1-NlQiv_zMEeGXrAnq3pTXWSa9qUOOrK5TzDAKV1K3znREa0M87Px7GX-EmFDisuKafScA-LvKRjuu9R4Z8GY/s1600/lantai+2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizkCy-QCeCjnEa1YqsgjWTmDsxiPqMriEVBZet_PhX_G-HLmxrMM_lwr1-NlQiv_zMEeGXrAnq3pTXWSa9qUOOrK5TzDAKV1K3znREa0M87Px7GX-EmFDisuKafScA-LvKRjuu9R4Z8GY/s320/lantai+2.jpg" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Pada update berikutnya saya akan tambahkan beberapa foto-foto lain dan model 3D sketchup dari rumah ini.<br />
<br />
Semoga berguna<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com4tag:blogger.com,1999:blog-128165418287016886.post-56089214357833877312013-08-22T01:27:00.001-07:002013-08-22T01:27:36.061-07:00Trend Analysis PresentationI made this presentation after half a day discussion with my friends. It explain my approach to trend analysis, how my mind find information and connect the dot, then find the pattern.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="356" marginheight="0" marginwidth="0" mozallowfullscreen="" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/22236752" style="border-width: 1px 1px 0; border: 1px solid #CCC; margin-bottom: 5px;" webkitallowfullscreen="" width="427"> </iframe> <br />
<div style="margin-bottom: 5px;">
<b> <a href="https://www.slideshare.net/triharsaadicahya/trend-analysis-22236752" target="_blank" title="A simple how to for trend analysis ">A simple how to for trend analysis </a> </b> from <b><a href="http://www.slideshare.net/triharsaadicahya" target="_blank">triharsa adicahya</a></b> </div>
Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com3tag:blogger.com,1999:blog-128165418287016886.post-9974428020246509672013-03-26T01:46:00.002-07:002013-03-26T01:46:54.964-07:00Design you product based on your believe and point of view
<br />
<div class="western" style="margin-bottom: 0in;">
This January, Ubuntu
had just released their new OS, to everyone surprise, its not the new
desktop operating system (that they usually released in April), but
this time a smartphone OS. It is still based on Ubuntu core
technology and design philosophy, but tweaked and redesign to fit
smartphone screen and usage pattern.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
And I like to mention
again about the core technology. It is important for us to select
(the right) and develop our core technology (especially if you are
work or own a technology company). If you doing it right, you can
expand your product portfolio easily, well at least, you already has
all the need to create a new product based on it. This Ubuntu case is
another perfect example of having the right core technology that can
be adapted and expanded into another product/form.<br />
</div>
<div class="western" style="margin-bottom: 0in;">
Anyway, I would like to
talk about another thing in this share.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
As you all know, today,
there are so many smartphone on the market. In term of platform,
today we have 3 major smartphone platform.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
They are Apple iOS,
Google Android and RIM Blackberry OS. But, there are other less popular platform. They are Microsoft
Windows Mobile 8, Jolla Sailfish OS and of course Ubuntu.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Before moving on, lets
see the home screen of these Smartphone OS/platform.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjx4itOSuk5k0YHUdd0cKbHmihODOIfaYUDgwaH4YTIwzev1bvXcqv8COaW4-XE7zTTf9fAnsXw-XC7lRW9SYgTFcXugo0npgsdqV6OzbVYgEl4kCRhTAD_nVahYlSqAUYA2qHdoMtFyc/s1600/Jolla-Sailfish-OS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjx4itOSuk5k0YHUdd0cKbHmihODOIfaYUDgwaH4YTIwzev1bvXcqv8COaW4-XE7zTTf9fAnsXw-XC7lRW9SYgTFcXugo0npgsdqV6OzbVYgEl4kCRhTAD_nVahYlSqAUYA2qHdoMtFyc/s320/Jolla-Sailfish-OS.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
Jolla Sailfish OS</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD3cOiDyJD7NcxFrCQ9EjnD9tIqCwF-WgKt6gpPDtR6aLE9z4SXt_VbutODNqSdMVfAlNg_Q9dqJd_3ONrB0IPesEDLhm8igGr5SDukscBGKp1Gqv5fprh7CzW31cwYP-cjB11sY3c7lk/s1600/UbuntuOS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD3cOiDyJD7NcxFrCQ9EjnD9tIqCwF-WgKt6gpPDtR6aLE9z4SXt_VbutODNqSdMVfAlNg_Q9dqJd_3ONrB0IPesEDLhm8igGr5SDukscBGKp1Gqv5fprh7CzW31cwYP-cjB11sY3c7lk/s320/UbuntuOS.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
Ubuntu for smartphone</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjJXW5PeiGeQEfIntuq_GE5IiQiVCGlaeUA-hXdhSr4a_o8oUn3QLYrvZW04XCQf6DdH6E5_fdoJwLJCJba6Y9jjdo2aVanDHYow1C5SoaAy3k1U4Diye7bGBxBmdvqkh80kteZV52H3g/s1600/screenshot_05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjJXW5PeiGeQEfIntuq_GE5IiQiVCGlaeUA-hXdhSr4a_o8oUn3QLYrvZW04XCQf6DdH6E5_fdoJwLJCJba6Y9jjdo2aVanDHYow1C5SoaAy3k1U4Diye7bGBxBmdvqkh80kteZV52H3g/s320/screenshot_05.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Windows Phone 8</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="western" style="margin-bottom: 0in;">
<br />
</div>
While, we might can't
get the real feel how each of the work just by seeing at the home
screen, at least we can see that each of the are quite different
(okay, some of them also have similar UI with the other, but we will
let the lawyer deal with that).<br />
<br />
<div class="western" style="margin-bottom: 0in;">
The question is, how
they could come with so many different user interface for the same
product called smartphone OS/platform. And..if you want to create
another one smartphone OS, how can we design another one that would
compete, robust, easy to use but quite different?
</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Different is something
that marketing guru always said all the time. But, how can we make
differentiation? Just make it different from the rest?</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Ok, lets find out more
about our case this time.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Back to the smartphone
OS/platform.I think you must already know that each of these
smartphone OS/platform is come from different kind of company, with
their own history, focus, core (again), previous product (some of
them is not event a cellphone company) and services.
</div>
<br />
<div class="western" style="margin-bottom: 0in;">
This background makes
them have different point of view when considering a perfect
smartphone OS. In my humble opinion, their different point of view is
the main basic enabler to make different product and services for
them. Their point of view is one of the main key for delivering
unique product.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Lets talk about them
one by one. We look again who they are, their history, main product
(past or present) and their character.<br />
</div>
<div class="western" style="margin-bottom: 0in;">
<b>Apple</b></div>
<br />
<div class="western" style="margin-bottom: 0in;">
Apple started as a
computer/PC manufacturer. They are famous with their good quality and
ease of use. Apple also known as one of a view PC manufacturer that
also develop their own OS, the MacOS.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
In the early 2000's,
they develop a portable music player that will change the world, the
iPod. But, if you closely, its not the iPod that ill change
everything, for me its actually the iTunes. iTunes marks the
beginning of a new era, where a hardware is closely match and tight
with a special locked services system. This combination later on,
will be known as an ecosystem.
</div>
<br />
<div class="western" style="margin-bottom: 0in;">
In Apple case, this
ecosystem (for them) is an extension of what they believe, to deliver
best possible user experience and ease of use. No wonder, today we
see that the iPod-iTunes ecosystem model is used in all their
product, ie iPhone, iPad and even Mac PC.</div>
<br />
<br />
<div class="western" style="margin-bottom: 0in;">
<b>Google</b></div>
<br />
<div class="western" style="margin-bottom: 0in;">
Google is an
advertising agency that looks like a search engine company :) well,
at least that is what we know right now.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
I think their goals is
to provide search (or we might says, information that matters,
related and needed by its user) that as easy as possible, as quick as
possible and as accurate as possible. And in the dawn of PC era, they
try to bring "the search" to all modern computing platform. </div>
<div class="western" style="margin-bottom: 0in;">
This is why, some
says, is real the reason they develop Android in the first place. To
deliver search to the most personal computing platform, your
smartphone or tablet, first hand without other party as a conductor
(Apple launch Siri in 2011, eliminate the need for iOS devices to go
to Google for any information you needed).</div>
<div class="western" style="margin-bottom: 0in;">
</div>
<div class="western" style="margin-bottom: 0in;">
If you follow Google movement, they recently release Google Now and Google Glass. This two product will mark another step to bring related information (tailored just for you) first hand, up and center that almost automatically and feels like magic.</div>
<div class="western" style="margin-bottom: 0in;">
</div>
<div class="western" style="margin-bottom: 0in;">
This is Google. From helping you when you want to know something, to have bring something you want to know or needed before you know it.</div>
<br />
<br />
<div class="western" style="margin-bottom: 0in;">
<b>Blackberry
(previously known as RIM)</b></div>
<br />
<div class="western" style="margin-bottom: 0in;">
Yes, these is the one
that actually a smartphone company. And they are quite unique
actually. They are among the first to offer you both the hardware
(the actual cellphone) and the services (email and BBM). It something
now we know in fancy world as “ecosystem”.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Blackberry core is text
communication – email and bbm. Today when text based communication
is available in various new medium (twitter, facebook, path,
whatsapp, line etc) they embrace them. If you happen to try or have
their new Z10 with Blackberry OS 10, you cloud see all the text
massage is placed into one accessible interface. </div>
<div class="western" style="margin-bottom: 0in;">
</div>
<div class="western" style="margin-bottom: 0in; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJ2LJ9XW51e8eJgZmW5URX5iMNTV99T5Ayq7fJpT5NgR_ODZmBjbKN61PNLrl2v41hQ3pMLbV-1W_CrIk8bkU3jlYOPSk5AldBBxMW-uSHVWFDHXS5RuHMZvh2Hb84VZ0_GVieJPzgno/s1600/z10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJ2LJ9XW51e8eJgZmW5URX5iMNTV99T5Ayq7fJpT5NgR_ODZmBjbKN61PNLrl2v41hQ3pMLbV-1W_CrIk8bkU3jlYOPSk5AldBBxMW-uSHVWFDHXS5RuHMZvh2Hb84VZ0_GVieJPzgno/s320/z10.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJ2LJ9XW51e8eJgZmW5URX5iMNTV99T5Ayq7fJpT5NgR_ODZmBjbKN61PNLrl2v41hQ3pMLbV-1W_CrIk8bkU3jlYOPSk5AldBBxMW-uSHVWFDHXS5RuHMZvh2Hb84VZ0_GVieJPzgno/s1600/z10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a> </div>
<div class="separator" style="clear: both; text-align: center;">
In Blackberry OS 10, there is a Blackberry hub that contain all your text based communication
</div>
<br />
<div class="western" style="margin-bottom: 0in;">
They also known for
very good quality (physical) keyboard, something that very logical
for a text based communication devices. But, in todays screen only
smartphone, the need a better than the rest on screen keyboard. </div>
<div class="western" style="margin-bottom: 0in;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ITrHMZvAaVlaf_JRpqsrKU8qc4L6S1XNWR1PpZQUi0ejeu7Txbds33ywphxC-TTu4-uuEahFGXhXm-xdszIW-1Lle3mA7IamF2qtS82x6wZGRg-MEEWNq0xWnBoWPoWLdNo1YIm4JL8/s1600/imagesCA4BEJZS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ITrHMZvAaVlaf_JRpqsrKU8qc4L6S1XNWR1PpZQUi0ejeu7Txbds33ywphxC-TTu4-uuEahFGXhXm-xdszIW-1Lle3mA7IamF2qtS82x6wZGRg-MEEWNq0xWnBoWPoWLdNo1YIm4JL8/s1600/imagesCA4BEJZS.jpg" /></a></div>
<div class="western" style="margin-bottom: 0in;">
</div>
<br />
<div class="western" style="margin-bottom: 0in;">
This is what Blackberry
is. this is why their product looks and behaves that way.</div>
<div class="western" style="margin-bottom: 0in;">
<br />
</div>
<div class="western" style="margin-bottom: 0in;">
<b>Microsoft</b></div>
<br />
<div class="western" style="margin-bottom: 0in;">
They once ruled the
world with their Microsoft Windows OS and Microsoft Office while back
in the PC era. Today, the world have shifted, people tend to spend
more time and to do more on mobile devices such as smartphone and
tablet.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
For Microsoft, they
think that your smartphone and tablet is a PC too, but, generally, we
think a PC is that old big beige box or your heavyweight laptop. And
they losing the market mindshare.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Today they try to
repositioning their Windows OS to make it relevant with todays mobile
devices with touchscreen trend. All that devices is a PC, but with a
new kind of interaction and form factor, so they should run on top of
Windows OS. They result, you can look and feel it on new Windows 8.
<br />
</div>
<br />
<div class="western" style="margin-bottom: 0in;">
<b><a href="http://www.jolla.com/" target="_blank">Jolla</a></b></div>
<br />
<div class="western" style="margin-bottom: 0in;">
Im sure almost no one
know about this company. This is a new smartphone OS/platform
company, build by ex Nokia engineer (that once work for Nokia killed
Maemo/Meego Linux based smartphone OS) that got fired by Mr Elop
(Nokia current CEO).<br />
</div>
<div class="western" style="margin-bottom: 0in;">
Guys and girls at Jolla
believe in Maemo/Meego mobile Linux platform, and the Qt based core
technology. So, they continues the development of the platform, and
build the company for it.</div>
<div class="western" style="margin-bottom: 0in;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJlyP1RH7LbX2D0P_8k8ZLZ7Qp2iwsCvQXLlS8X8hy3oSKs7eiiyTZd1cKDKDRR7_JvKxMqzSXqk32LzhkIXH1hslhe0UaI-Rr5gTx7vAd9sqdbWTLQnUsWqTTKN7ElSu6tbJO3G6RNI/s1600/Jolla-Sailfish-OS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJlyP1RH7LbX2D0P_8k8ZLZ7Qp2iwsCvQXLlS8X8hy3oSKs7eiiyTZd1cKDKDRR7_JvKxMqzSXqk32LzhkIXH1hslhe0UaI-Rr5gTx7vAd9sqdbWTLQnUsWqTTKN7ElSu6tbJO3G6RNI/s320/Jolla-Sailfish-OS.jpg" width="320" /></a></div>
<div class="western" style="margin-bottom: 0in;">
<br />
</div>
<div class="western" style="margin-bottom: 0in;">
<b><a href="http://www.ubuntu.com/devices/phone" target="_blank">Ubuntu</a></b></div>
<br />
<div class="western" style="margin-bottom: 0in;">
Ubuntu is a company
build by Mark <span style="font-variant: normal;"><span style="color: #222222;"><span style="font-family: Times New Roman, serif;"><span style="font-size: small;"><span style="font-style: normal;"><span style="font-weight: normal;">Shuttleworth,
he is a self made millionaire and private astronaut from South
Africa. He found Ubuntu base on believe that Linux (or opensource
software ) should be part of everyday lives. We also heard they said
that Ubuntu is a Linux for human being.</span></span></span></span></span></span></div>
<br />
<div class="western" style="margin-bottom: 0in;">
It started as a Linux
distribution company for server use (much more like Redhat or Suse),
but along the way has transform beyond that with their own unique
technology and approaches. Now they produces Linux based desktop
operating system for your PC or laptop (that you can download and
install for free) and offer various cloud based services.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Part of their believe
that Linux is for human being and be part of our everyday lives, as
of last year (if im not mistaken) Mark <span style="font-variant: normal;"><span style="color: #222222;"><span style="font-family: Times New Roman, serif;"><span style="font-size: small;"><span style="font-style: normal;"><span style="font-weight: normal;">Shuttleworth
proposed that Ubuntu will expand their presence in todays computing
devices or smart devices. The first product that shows up is the
Ubuntu for smart TV, then for smartphone and the last one Ubuntu for
tablet.</span></span></span></span></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKrPHr0w6GbwrSzGFNpR06SqSeHyPlCpyeecCyUPPaWw7ZSqMv0jHhltDcjb2ZxhTcu-tHNNn_6gwDQp7kfJb4mk-fI0g8xBEK6vwmgvrYZn2NDTwFEm1JRRxg05PjCmftIG9YmX_KCrY/s1600/ubuntu-tv-pc-smartphone-tablet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKrPHr0w6GbwrSzGFNpR06SqSeHyPlCpyeecCyUPPaWw7ZSqMv0jHhltDcjb2ZxhTcu-tHNNn_6gwDQp7kfJb4mk-fI0g8xBEK6vwmgvrYZn2NDTwFEm1JRRxg05PjCmftIG9YmX_KCrY/s320/ubuntu-tv-pc-smartphone-tablet.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Ubuntu will soon have OS for every new generation of computing devices, and so does Microsoft (and Blackberry too says some rumours)</div>
<div class="western" style="margin-bottom: 0in;">
<br />
</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Now, can we see it?</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Their different point
of view and believe makes them have different product for the same
product.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Is this the same as
differentiation?</div>
<br />
<div class="western" style="margin-bottom: 0in;">
Not quite. I think
there are some similarity with the concept of “product
differentiation”, only that product differentiation usually came
from marketing team. They tend to look at the market, measuring,
mapping,talked with people of some product good, bad and preferences.
After that, they try to find a “hole” in the market, and filled
it with a new product.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
I don't says that this
approach is bad or not working. This approach actually works for many
company. But, from my limited exploration, I see that this approach
usually came up with product variant (style, material or sets of
feature) or try to enter a new segment (price point) for the same
product.</div>
<br />
<div class="western" style="margin-bottom: 0in;">
On the other hand, the
company with strong believe and have unique point of view for
something, usually can came up with more original product. They can
even bring a totally new kind of product that never exist before.<br />
</div>
<div class="western" style="margin-bottom: 0in;">
But of course, like all
product and invention, for one to success, there are more variable
that the two approach i write about. The history is full of a product
that came up from the founder believe and point of view, and some of
them fail, just like any other business.<br />
</div>
<div class="western" style="margin-bottom: 0in;">
So, do you have your
own believe and unique point of view?</div>
<br />
<div class="western" style="margin-bottom: 0in;">
<br />
</div>
<br />
<div class="western" style="margin-bottom: 0in;">
<br />
</div>
<br />
<div class="western" style="margin-bottom: 0in;">
<br />
</div>
Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com2tag:blogger.com,1999:blog-128165418287016886.post-90269579031794265782013-03-10T18:13:00.000-07:002013-03-10T18:30:13.692-07:00Windows 9 UI conceptAnother UI concept....:)<br />
<br />
Windows 8 is about 4 months old right now. Many people said bad thing about it and the PC that came along with it. They say its a compromise product, bad UI among many other things.<br />
<br />
Personally, Im living with Windows 8 since the preview release last year, and for me its a great OS. Maybe its not perfect, but i believ its a new way and concept that will complete over time.<br />
<br />
Do people even remember, iOS was not complete in the beginning. It can't load 3rd party app and missing multitasking capability. But, many people defense Apple, said it is what mobile OS should be. But, in reality iOS change time over time and become complete and more capable system. I believe Windows 8 will also change over time, patching the hole it has now.<br />
<br />
OK. In this concept, i try to address two said problem found (and many people said) about Windows 8. One, about UI consistencies between desktop and modern UI. And two, about the notification system (again, do you remember that iOS also have a problem about this also? the one that finally fix with that pull down status bar..ehemm...just like Android).<br />
<br />
Lets start it<br />
<br />
<b>First about the desktop UI.</b><br />
In my concept, i try to redesign the taskbar, flatten it (its the trend now), and make it more consistence with the whole modern UI. The icon style also replaced with modern UI one. But, unlike todays Windows 8 taskbar that only display running desktop app, this taskbar - which i rename to "taskbox" will contain both running desktop , modern UI app, .<br />
I also implemented notification box in here, the one that will also appear in the Start screen (and later in the Windows Phone 9 Start screen) so the whole thing would be consistences.<br />
I imagine, the notification box can be expanded, so the user can response to what they see quickly. I guess, i will make the mockup UI for that later.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRVwDiupcjl3Uw18gJ_NjnkvhSUrTOa4yHX-8VYsSZ0VRkHGhQfwaSBG-eJfm-V82qbMuRhyphenhyphengSEzk3izRX1mTXRh-mI22SaINcBri2EsArXjDe72qGLdFd6FGA4jZxrI_DUzZ7EKlh9_g/s1600/windows-9-desktop-concept.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRVwDiupcjl3Uw18gJ_NjnkvhSUrTOa4yHX-8VYsSZ0VRkHGhQfwaSBG-eJfm-V82qbMuRhyphenhyphengSEzk3izRX1mTXRh-mI22SaINcBri2EsArXjDe72qGLdFd6FGA4jZxrI_DUzZ7EKlh9_g/s320/windows-9-desktop-concept.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Second..The start screen.</b></div>
<div class="separator" style="clear: both; text-align: left;">
I bring the "Taskbox" into the Start screen UI, change the shape of it to match the Start screen grouping icon. The function is the same. It will contain the notification box, pinned app and running app (both desktop and modern UI app). The "Taskbox" will always be placed in the left side, so it will always visible when user go back to Start screen.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSjUxOYRZ108jrra_DVpyqd_Om-oCma1TB3XsWO64MpGuNaoDn6ciRgutSr8CWM2-BfbDUQLkK1lnFVlsH8miq43mjr2rG3VWoqDQm_U0hh_YPRxAsM3A8lj5Ov41YGk77N_Onw9u93Vw/s1600/windows-9-start-concept.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSjUxOYRZ108jrra_DVpyqd_Om-oCma1TB3XsWO64MpGuNaoDn6ciRgutSr8CWM2-BfbDUQLkK1lnFVlsH8miq43mjr2rG3VWoqDQm_U0hh_YPRxAsM3A8lj5Ov41YGk77N_Onw9u93Vw/s320/windows-9-start-concept.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
As you can see, the notification box is also present. It gives user quick access and fixed place for the user. They can response to it without have to go deeper into the apps.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Yes, with this solution, there are two method for the user to deal with push data, via the live tile and the notofication box. But, i think that shouldn't be a problem.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Last, Windows Phone implementation</b></div>
<div class="separator" style="clear: both; text-align: left;">
I try to implement the concept on the Windows phone. The taskbox will always stays at the top of the screen for quick access. It can contain frequent used app, favorite live tile, notification box and display running app.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwtGdM0IvjMDa7DZH1KX4HhztQ-oRNX6GiL_-Jto7WMwMPIyJJC4nON9b7HFWJTPcReSHlNBAEAqTmuQqBlMR0z1fAK_1dUl3kXA1VdVQveO5THWt3TCU15NmZlCf1_DOueG3_bq3I_cI/s1600/windows-phone-9-start-conce.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwtGdM0IvjMDa7DZH1KX4HhztQ-oRNX6GiL_-Jto7WMwMPIyJJC4nON9b7HFWJTPcReSHlNBAEAqTmuQqBlMR0z1fAK_1dUl3kXA1VdVQveO5THWt3TCU15NmZlCf1_DOueG3_bq3I_cI/s320/windows-phone-9-start-conce.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Thats it...</div>
<br />Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com8tag:blogger.com,1999:blog-128165418287016886.post-15404728962944802512011-11-09T22:30:00.000-08:002011-11-09T22:30:28.822-08:00Physical puzzle versus digital puzzle app<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUwgTPXpSLJFo15kazkIv143w9qzsnwbiiGJ5kkbV5pdWvpJWYPSWjvU9fe5ayQsrtYbhZPTGiVFgEYtz95fNLDRQ-BYcnD8hiVDT61-DQo4C_TOVl9oVzX3llb13C-BsAxEPRE4p22Os/s1600/Sliding-Tile-Puzzle_70279520.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUwgTPXpSLJFo15kazkIv143w9qzsnwbiiGJ5kkbV5pdWvpJWYPSWjvU9fe5ayQsrtYbhZPTGiVFgEYtz95fNLDRQ-BYcnD8hiVDT61-DQo4C_TOVl9oVzX3llb13C-BsAxEPRE4p22Os/s320/Sliding-Tile-Puzzle_70279520.jpg" width="320" /></a></div>
<span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;"><br /></span><br />
<span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">Yesterday, my lovely wife talk to me. She wants to buy a little puzzle for our 2,5 years son. Spontaneously, i asked her to check some on Android market.</span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">And her response surprise me. She said she won't do that.</span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">She wants physical little puzzle, not some digital one on flat touch screen.</span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">Then it makes me think..</span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">Maybe shes right..maybe too much interaction with touchscreen is bad for our son. He needs to feel and learn more about physical object. To play with, to explore with.</span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">And, right now, i just read a great article by </span><button class="f-IE" contenteditable="false" data-token-entity="@112938881261770413466" oid="112938881261770413466" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; border-bottom-color: rgb(221, 221, 221); border-bottom-left-radius: 2px 2px; border-bottom-right-radius: 2px 2px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px; border-top-style: solid; border-top-width: 1px; color: #3366cc; font-family: Arial, sans-serif; font-size: 13px; font: normal normal normal 13px/1.4 Arial, sans-serif; margin-bottom: 0px; margin-left: 1px; margin-right: 1px; margin-top: 0px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; padding-top: 0px; vertical-align: baseline; white-space: nowrap;" tabindex="-1"><span style="color: #888888;">+</span>Bret Victor</button><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;"> tittle <a href="http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/">A Brief Rant On The Future Of Interaction Design</a>.</span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">He talk that touch screen interface he called "picture under glass" should not be our future because it isn't our natural way to interact with our world.</span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">I think in some point he is right.</span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">But i still can't imagine the better way of </span><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">acquiring information, contacting our friends and packing so much data into a small form factor other than our current smartphone or tablet design and UI.</span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;" /><span class="Apple-style-span" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;">And its quite bother me.. </span>Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com1tag:blogger.com,1999:blog-128165418287016886.post-21501503346538323712011-11-09T20:20:00.000-08:002011-11-09T20:20:52.545-08:00Connect.me a people based communication app for smartphoneTodays many of us are using various online services to connect, interact, communicate and play with our family, friends and colleague.<br />
<br />
We have Twitter, Facebook, Google+, Yahoo messenger, Google talk/hangout, BBM, Skype and so on..<br />
And in today's world filled with always connected smartphone, we always sign in or connect with that services.<br />
<br />
In some ways, the services makes us easy to reach someone. Not so long ago, we called them or send them a SMS. Now, you can reach them if one of that online services.<br />
<br />
The problem is, in most todays smartphone, all that services are not integrate inside our smartphone OS, they lived in separated application. You want to tweet someone, you go to Twitter app, want to chat, you go to Whatsapp..<br />
This approach isn't the most practical ways of communication. These online services should make our live easier, easier to reach our contact, not spread them into separated application.<br />
<br />
Thats the problem<br />
<br />
This is the basic concept of Connect.me.<br />
This app will integrate all that online services into an address book replacement. And when you want to reach Adicahya for example, you can go to the Connect.me address book. And then from his page, you can see in which online services she online.<br />
<br />
You just pick one, and a new conversation windows pop up.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieBW05q3zK8p-z0yrINvyWOQ6ywEitqiqZ9Tu7sheUfo_b7K3oAZlBpxRhDwHWUNkUoj0iBnmgd6kNAQCSED8ME5IOZcGoMuEIpsMHM2LxqbCzqKXRqPpETwBMg-VP5a7TIL2wVCjTZBs/s1600/Nokia-N9-conversation-app-concept1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieBW05q3zK8p-z0yrINvyWOQ6ywEitqiqZ9Tu7sheUfo_b7K3oAZlBpxRhDwHWUNkUoj0iBnmgd6kNAQCSED8ME5IOZcGoMuEIpsMHM2LxqbCzqKXRqPpETwBMg-VP5a7TIL2wVCjTZBs/s320/Nokia-N9-conversation-app-concept1.jpg" width="186" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
This windows will contain all your conversation with Adicahya whether the online services you use to reach him. If you sms him first and that continue the conversation via facebook chat, all that is displayed and stored in this app.<br />
<br />
And the windows is dedicated for that particular person, and act like a single separated app.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAT5e5bdHpqx3772lNnDEMKH1ulsWk09u8xE2RFIHTmgBJwGd7bCtNI6tyXz2iyNfIAalpT-IYM4edSEm5Elu7Ew_HxPdDc_mOgeE3Uj0mYaQrRbfZPJd4ctN_ahZC6ymvrmR7TeI5-uw/s1600/Nokia-N9-conversation-app-concept3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAT5e5bdHpqx3772lNnDEMKH1ulsWk09u8xE2RFIHTmgBJwGd7bCtNI6tyXz2iyNfIAalpT-IYM4edSEm5Elu7Ew_HxPdDc_mOgeE3Uj0mYaQrRbfZPJd4ctN_ahZC6ymvrmR7TeI5-uw/s320/Nokia-N9-conversation-app-concept3.jpg" width="173" /></a></div>
<br />
<br />
This is why i called it people based communication app. Its a different concept with what we used to have. Previously we have services based communication app.<br />
<br />
Another this, since this is based on people. You can always make a shortcut for conversation with that people. But this is not traditional contact shortcut in your desktop. Its a dedicated conversation app for that particular person you care about.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZksq_9YuEna5YI25DYMu8wGDTTzzemDuMTzoM1asXScZeBxgcdWcoJH7PyvRlcpKqWXhA2QgCpZQTA7h7-ntbDJNglYFVY5rBY0su4j87o3f4zoFZDFBCzuDIWxFtDIh4ku4vPB0l4Ns/s1600/Nokia-N9-conversation-app-concept2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZksq_9YuEna5YI25DYMu8wGDTTzzemDuMTzoM1asXScZeBxgcdWcoJH7PyvRlcpKqWXhA2QgCpZQTA7h7-ntbDJNglYFVY5rBY0su4j87o3f4zoFZDFBCzuDIWxFtDIh4ku4vPB0l4Ns/s320/Nokia-N9-conversation-app-concept2.jpg" width="176" /></a></div>
<br />
As you can see, i imagine this app for Nokia Meego based N9, but i think its possible to make deploy it on Android too.<br />
<br />
So, in the near future, you don't have to worry in which online services your friend can be reach. You just have to select on of them, and have a conversation immediately. And maybe, this can make BBM obsolete :)<br />
<br />Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com55tag:blogger.com,1999:blog-128165418287016886.post-27474059780006287282011-10-18T20:30:00.000-07:002011-10-18T20:30:52.328-07:00Fream.in context aware layer for AndroidLast summer (like there is a summer in Indonesia :) i join the first startup weekend in Jakarta. This is the first time i attend an event like this. This is also the first time i had my elevator pitch, my first public presentation.<br />
Quite fun isn't it.<br />
<br />
Again, it was the first time i release my idea to general public (now, you can see more of my idea here). And, at that event, i present the "fream.in"<br />
<br />
Fream.in is my concept of context aware mobile device.<br />
What it is? Ok, here is the example..<br />
<br />
So, todays, everyone has a smartphone right. Some of you have Blackberry, other has iPhone and me, for some reason choose Dell Streak, an Android supersmartphone.<br />
But, have you think..is you smartphone really smart or just standby for your command. Can it tell you important information related to your time, place/location and personal preferences (food, clothes, shops, friend etc) ?<br />
I bet it can't..Our smartphone is just a dumb slaves.<br />
<br />
The idea is to build a layer on top of Android. This layer will have the ability to tell you important information related to your time, place/location and personal preferences (food, clothes, shops, friend etc). Automatically..<br />
And everything will be pushed into your home screen.<br />
<br />
In the 90-2000's we have push email. In the near future, we will have pushed information..real time.<br />
<br />
The practical use of this technology is enormous. Imagine this, we can have Android based automotive computer that can tell you if there is a traffic jam, local shop you like or event remind you. We can have smart TV that can recognize who's setting in front of it and stream related info for that person in particular time..and so on<br />
<br />
I think you get my point..<br />
<br />
Anyway, here is the presentation i made for the startup weekend<br />
enjoy<br />
<br />
<br />
<br />
<div class="prezi-player">
<style media="screen" type="text/css">
.prezi-player { width: 550px; } .prezi-player-links { text-align: center; }
</style><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="400" id="prezi_spr6oldgt3c2" name="prezi_spr6oldgt3c2" width="550"><param name="movie" value="http://prezi.com/bin/preziloader.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<param name="bgcolor" value="#ffffff"/>
<param name="flashvars" value="prezi_id=spr6oldgt3c2&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0"/>
<embed id="preziEmbed_spr6oldgt3c2" name="preziEmbed_spr6oldgt3c2" src="http://prezi.com/bin/preziloader.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="550" height="400" bgcolor="#ffffff" flashvars="prezi_id=spr6oldgt3c2&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0"></embed></object><div class="prezi-player-links">
<a href="http://prezi.com/spr6oldgt3c2/freamin/" title="</p><p> </p><p> rough concept</p><p> </p><p> ">Fream.in</a> on <a href="http://prezi.com/">Prezi</a></div>
</div>
<br />
<br />
<br />
AdicahyaAnonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com3tag:blogger.com,1999:blog-128165418287016886.post-36911295916401049062011-10-17T22:41:00.000-07:002011-10-17T22:41:12.835-07:00Collective InnovationAbout a week ago, when i watch TVOne, a local news channel, i see something unsual that day. That time, they had a interview with some college student who build a small car (about 1:5 of normal car). And there is something special about this car, it use..i dont know it in English..bleach? that solvent that we use to whitening our clothes..? ya, that one.. They use it as a fuell of the car.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5rRUKIxbzZUGkK71y3zsuabE_QMr4A3nUlkgqUGkg8TFGEJomAOhaeuP2K7d-VFjtrJ-U46iMHjkg19UkuIDzxBipHfJWFvxokqjpiaN5QGPXcmF4i34v1Fco9x9yWSwf26PVC0JYN4/s1600/its+chemical+car.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5rRUKIxbzZUGkK71y3zsuabE_QMr4A3nUlkgqUGkg8TFGEJomAOhaeuP2K7d-VFjtrJ-U46iMHjkg19UkuIDzxBipHfJWFvxokqjpiaN5QGPXcmF4i34v1Fco9x9yWSwf26PVC0JYN4/s1600/its+chemical+car.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;">image courtesy of <a href="http://autos.okezone.com/read/2011/09/16/52/503593/spectronic-3-mobil-berbahan-bakar-cairan-pemutih-pakaian">okezone.com</a></span></div>
<br />
<span class="Apple-style-span" style="background-color: white; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;"><br />I personally salute them for what they've achieve..then, it makes me thinking..<br /><br />Maybe i don't understand completely the concept behind the car..but, i can't imagine the practical use or even the future direction behind this innovation.<br />Why would we use bleach as a fuel?..well, i sure they know why..<br /><br />Then again, this makes me think again..this time about innovation and our understanding about the future direction.<br /><br />Today, one of the fastest innovation happens in mobile devices industry. I like to take some example, Android. Android innovation goes so fast, very fast..this year alone we've seen 2 major release, the honeycomb and tomorrow Ice Cream Sandwich.<br /><br />But, if we look deeper, Android is actually made from other separate innovation. There are parts that (maybe) in the beginning develop separately. Android is build on top of other innovation like Linux kernel, Dalvik virtual machine, some Java and many other.<br /><br />So, what is this Android has to do with the car a tell you before?<br /><br />Maybe "Smaller" innovation, if we, as a society can figure it out whats next, can be use to build a "bigger" one in term of complexity and impact.<br /><br />In case of cars..or maybe we can say automotive. "Smaller" innovation can be better hydrogen container, social traffic system, foam from natural fiber and so on. This can help us achieve whats next in automotive industry - in this case cheaper, smarter and more green personal transportation.</span>Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com0tag:blogger.com,1999:blog-128165418287016886.post-27438373882786087852011-10-06T23:21:00.000-07:002011-10-06T23:21:20.775-07:00FXos tablet and desktop user interface previewHere are two early concept of the UI design for FXos tablet/dektop version.<br />
<br />
It has been designed from the same concept as the mobile version. All the user interface element, icon, place and workflow are the same.<br />
For the gesture navigation, it'll use the same gesture as the mobile UI version. In the desktop version, the gesture can be perform with the touchpad or the touch mouse..so yes, FXos will need a touchmouse (like Apple magic mouse or that new Microsoft touch mouse).<br />
<br />
The first image will show you how the stream layer would look like on the desktop version. Please note that it also bring the same UI element as the mobile version. It just spread the information into 3 column. I think is one way to have the same base code for mobile and dektop/tablet app.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ERDzeRRuxQNArBxcH-ifIR-_WlM6i7Lg_6ArwUggarQK-KlqBAhThPQ16-aF2DodlqnT-7QjhMk3Ey-Op4IG6TK8C9x3oCg_5z_KsvJuhAw8LZ0LZ7bhL0IzXlatqn9fBWL2XeNi1yM/s1600/FXos_d_stream.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ERDzeRRuxQNArBxcH-ifIR-_WlM6i7Lg_6ArwUggarQK-KlqBAhThPQ16-aF2DodlqnT-7QjhMk3Ey-Op4IG6TK8C9x3oCg_5z_KsvJuhAw8LZ0LZ7bhL0IzXlatqn9fBWL2XeNi1yM/s400/FXos_d_stream.jpg" width="400" /></a></div>
<br />
And here is the mobile version..<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfRDa7fce55L1xXziEQz2aLUDQnHMouCuAJxu8CS8oNiekC5quz14n9szXXoNjz-v876LdN7EXE6aeC7KZqZXvAx5rkvR5kofyz7q_vTgV-hScnMnXxJIXpAs9Ns-Qsl2_aTIhVkvrLyE/s1600/FXos_stream_page.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfRDa7fce55L1xXziEQz2aLUDQnHMouCuAJxu8CS8oNiekC5quz14n9szXXoNjz-v876LdN7EXE6aeC7KZqZXvAx5rkvR5kofyz7q_vTgV-hScnMnXxJIXpAs9Ns-Qsl2_aTIhVkvrLyE/s320/FXos_stream_page.jpg" width="162" /></a></div>
<br />
<br />
The second image is showing the add new tab interface. Also, using the same UI as the mobile version, but have more column. Hmm..i forgot to state this, the icon design is not mine. i get it from deviantart, but didn't remember the designer. Please email me, if this is yours or you know who desined it.<br />
<br />
And, yeah..kinda lazy here..i use the same icon sets in 3 column. Yes, the tablet/desktop version will have 3 column..just like the stream layer.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5E4Uarj4eNUYmzL3dPrZJ6IWd6uLfagA_quufn2xNkwnCdoAJC1wuRNumgbDLShQ2Yk8E7m6k27j46jH2UqJAAK90OpXB51xxiSIoy7B0f1FCgs9mihhskJUDwWEhDh6H6QNKyybKtNU/s1600/FXos_d_add_new_tab.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5E4Uarj4eNUYmzL3dPrZJ6IWd6uLfagA_quufn2xNkwnCdoAJC1wuRNumgbDLShQ2Yk8E7m6k27j46jH2UqJAAK90OpXB51xxiSIoy7B0f1FCgs9mihhskJUDwWEhDh6H6QNKyybKtNU/s400/FXos_d_add_new_tab.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
The mobile version<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRGwV_LAIVbHdjJLLHGCet5SxVf8m-uGRx_G7oIPvQaVNUdjP9No3Qc1dLrQlzwgjuwLojSbtAxHnj4I7rXbVel66rGBD3ZT_y-bRHljA5EAZPn0HzPbv3h5TWPQwxHfdW65gltDC3aMc/s1600/FXos_add_new_tab.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRGwV_LAIVbHdjJLLHGCet5SxVf8m-uGRx_G7oIPvQaVNUdjP9No3Qc1dLrQlzwgjuwLojSbtAxHnj4I7rXbVel66rGBD3ZT_y-bRHljA5EAZPn0HzPbv3h5TWPQwxHfdW65gltDC3aMc/s320/FXos_add_new_tab.jpg" width="162" /></a></div>
<br />
<br />
In the mean time, i start designing the another way to have the same app design for both deaktop/tablet and mobile version. will show it soon.Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com1tag:blogger.com,1999:blog-128165418287016886.post-30591312391257108402011-10-02T21:26:00.000-07:002011-10-02T21:26:34.449-07:00FXm smartphone concept v0.2 for Mozilla B2GFollowing my post about Mozilla hardware, last week i post some sketch and intial 3D model of the smartphone designed (in my imagination) for Mozilla Boot to Gecko (Mozilla B2G) project.<br />
<br />
The concept is following the business model for Mozilla hardware..modularity. Today, i post the revision of the concept contruction.<br />
<br />
The styling<br />
Its still the same basic styling concept. Simple, rectangular design. It is designed to match the overall UI theme which is using a lot of rectangular shape.<br />
<br />
While match with the overall UI theme, the shape also designed with manufacturing method in mind. Again, i imagine that this Mozilla smartphone (also the tablet and ultrabook, later) will be assembled locally, parts from Mozilla, but monoblock body can be made locally using various material.<br />
<br />
I hope that the monoblock design can be made with various material unique to local area. And it can be shaped easily with those various material with CNC machine (it can be made from molded plastic too if the local Mozilla store wants to). But you got the idea.<br />
<br />
The smartphone will have only one physical button, the power button. No volume, camera, home, back button whatsever. It also only have 2 slots, one for micro SIM and one for micro SD. So no 3,5mm audio jack. Audio and video will be transmitted via bluetooth, NFC or wireless HDMI.<br />
<br />
The contruction<br />
All parts is stacked together. There will be no visible screw or anything. It should look solid on block bar. The screw will be hidden under cover plate (look at the sketch) and SIM/SD slot cover.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG9HCa9vOzeHVudrgxoQV4Hi4CkSAoGXRQ_ApjFTdBJzhh1PLWt96fjOUUuekQeGnazu4yuZBpxXicKdhuOdz79l7EA4bafdKVMtwiCRKhcNALsjeSEu9Mq6MdwibywEzMqezCGziaqgc/s1600/2011-10-03_11-01-57_668.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG9HCa9vOzeHVudrgxoQV4Hi4CkSAoGXRQ_ApjFTdBJzhh1PLWt96fjOUUuekQeGnazu4yuZBpxXicKdhuOdz79l7EA4bafdKVMtwiCRKhcNALsjeSEu9Mq6MdwibywEzMqezCGziaqgc/s400/2011-10-03_11-01-57_668.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
I will update the 3D model later..get back to work now :)</div>
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com38tag:blogger.com,1999:blog-128165418287016886.post-50822034612929110492011-09-27T07:32:00.000-07:002011-09-27T07:32:38.372-07:00Mozilla should make their own hardware lineup<br />
<br />
Anyone remember Crunchpad? If you forgot about it, its a project initiate by Michael Arrington of techcrunch to build a tablet like device to surft the internet back in 2008. Yes, it was started before the iPad. Hmmm, he should sue Apple for that :)<br />
<br />
What's unique about this project is, for me, this is one of the first hardware project (not software development project like many startups try to build) initiate not by a hardware manufacturer or a company. We even can says that it was initiate by a personal idea, backup by the community. They develop the design concept, hardware, mockup, even a prototype by themself. No high profile super high budget reseach and development center included.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglkVCKJbpUh_JOvReHPU12_yj6loBYA1R69QHR12eN5LeodKbLSx8vRcBkG6LtfGc0ySTFzsglYd8GvkGr75bObAaRQ30DnU6Bife0aRMHT9sE4m-l8_rJ9ZlxShpm4SXZxawEWeq1XBQ/s1600/crunchpadjpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglkVCKJbpUh_JOvReHPU12_yj6loBYA1R69QHR12eN5LeodKbLSx8vRcBkG6LtfGc0ySTFzsglYd8GvkGr75bObAaRQ30DnU6Bife0aRMHT9sE4m-l8_rJ9ZlxShpm4SXZxawEWeq1XBQ/s320/crunchpadjpg" width="320" /></a></div>
<br />
<br />
Sadly, the project didn't end up very well. But, this wasn't because of the hardware, or the manufacturing problem. It's a legal battle that killed the project.<br />
<br />
Anyway..it shows us that this kind a approach to develop and marketed a product is doable in 2008. So..it even become more feasible now in 2011. Today, we have more resource to make it happen. We have kickstarter.com, more accessible hardware source and sure, manufacturing technology is progressing.<br />
So, this leads me a question..why nobody try to do this again?<br />
<br />
Personally, i think someone should and can do this, again. Its soo important for them to take this approach. To make sure their idea of perfect open standart internet can be realize..<br />
<br />
Who are they? Mozilla<br />
<br />
Today, Mozilla (with their Firefox flagship) is still hold many human being gateway to the internet (24% last time i checked), especially on the desktop. They just started move to the mobile devices with Firefox for Android and Meego. But is it enough? Its not. Recent survey said that their market share in declined. If Mozilla is lead by Stephen Elop (of Nokia), he must be said it again. Mozilla is sitting in a burning platform..<br />
<br />
Lets see. Who is their main competitor right now? Google Chrome? Apple Safari? or even Internet Explorer? For Mozilla, i think is Google Chrome..its Mozilla closest competitor.<br />
<br />
So, what is Google Chrome? It is Google attempt to build a gateway to the internet. Back then, Google has the service, but people is using other party browser to access it. Not anymore..<br />
<br />
After some 3 years, look what Google Chrome has become along the way. It was a browser only. But not today, in order to achieve what Google think of perfect internet UX, they decided not only to expand the Chrome from browser to become a complete, self sustain OS, it is expanded even further, to become a devices..a complete laptop. Build from the ground up with the concept that integrate the hardware, industrial design to the UI as a perfect gateway to the internet, or the cloud as people say it now.<br />
<br />
If Mozilla want to keep up, in the long run, i think Mozilla could take this direction too. Expand their browser engine to become a full self sustain OS. And at the end, provide a complete experience both from software and hardware.<br />
<br />
The Mozilla OS is already began. They had "Boot To Gecko" project and other started to came up with similar idea base on Mozilla technology, like Webian for example.<br />
<br />
But not the hardware.<br />
<br />
<b>Hardware business model</b><br />
Today, is hard enough for a new brand/manufacturer to reach global market and marked their existance. In an exhibition like CES or IFA, we often saw some new brand with new idea came to the floor. But they won’t get to the international market most of the time and never had their impact.<br />
If its hard for new brand, how about HP with their WebOS devices?<br />
<br />
Its even harder for a non profit organization to do so. Just remember the MIT OLPC project. Mr Negoponte has to go around the world, meeting nation leader to distribute their product.<br />
In my previous post, i imagine Mozilla has to build and distribute their own hardware sets (ultra notebook, tablet and smartphone). Design and build a new hardware is relatively doable (OLPC can do that), but to distribute and market it, thats another story.<br />
<br />
Mozilla as a company is similar with MIT OLPC (CMIIW). Its a non profit foundation. But unlike OLPC, they don’t aim their product for kids only. So, no door to door goverment sales trip.<br />
For Mozilla to success, there has to be another business model.<br />
<br />
What i think is something more or less like the current most successfull open source hardware distribution model. The Arduino model.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSC0v_BuUOqFa328LmzE2E5nXngsjKcCezbxlEKfCiDGBmGEwhKnZZJI7K2-r2NPMwCyGDaffTd2_Z3YTMIN0zQu2AE5zrB_Vh4OIAx-umMif-OHU0F-CvJO4AlJVdnikUBG3VE-Crnls/s1600/arduino-uno.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSC0v_BuUOqFa328LmzE2E5nXngsjKcCezbxlEKfCiDGBmGEwhKnZZJI7K2-r2NPMwCyGDaffTd2_Z3YTMIN0zQu2AE5zrB_Vh4OIAx-umMif-OHU0F-CvJO4AlJVdnikUBG3VE-Crnls/s320/arduino-uno.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;">Arduino open source hardware platform</span></div>
<br />
<br />
If, somehow, Mozilla dediced to go this way and implemet similar model like Arduino, These are 5 things they have to do.<br />
<br />
First, design a product with maximum modularity. Use standar modular parts. Make it common so the price can be low. Mozilla will be the one who purchase it from the OEM. The “branch" then buy from Mozilla and assembled the parts.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5kAto_iNMmGGIVxPo02Gm7Q9X8wFBHqVfiEj_GZPnzqTVss9vFr6-d1Awy4M1D5vvck_QSFFByvIDVN-veE4QxBVrrA3au6uSv1rEunCd9OPEOPI0DT-o_KDntX0Ve_tHsQPTCSPaTNo/s1600/2011-09-26_14-20-23_866.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5kAto_iNMmGGIVxPo02Gm7Q9X8wFBHqVfiEj_GZPnzqTVss9vFr6-d1Awy4M1D5vvck_QSFFByvIDVN-veE4QxBVrrA3au6uSv1rEunCd9OPEOPI0DT-o_KDntX0Ve_tHsQPTCSPaTNo/s320/2011-09-26_14-20-23_866.jpg" width="320" /></a></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;">My modular concept for Mozilla's devices. Smartphone, tablet and laptop that share some of its module based on arm architecture.</span></div>
<br />
<b>Update 27/09/11</b>. I've got a response via email about the <a href="http://elinux.org/">http://elinux.org</a>. The project have some PCMCIA size complete board. This will make the modular concept more visible to design and build. If anyone interested to develop the concept further, feel free to contact me.<br />
<br />
Second build a industrial design concept (product-body case, packaging and print material) that can be produce easy around the world using existing facility.<br />
<br />
Third. Design a production and quality assurance standar. This is important to gain trust from costumer. And it should be integrated down to the OS itselt to do the QC. Make the OS won’t boot if the hardware spec and quality doesn’t meet the standar requirement.<br />
<br />
Forth, build a network of semi independent “branch”. They will be the one that produce and market the hardware locally. With the corrent product concept, the cost of setting up new “branch" can be relatively low. This will encourage local business to take part of this new crowd sourcing business.<br />
<br />
Fifth, again..design a global identity and visual communication. From store concept, advertising and so on. Make them unique, clear but can be easily reproduce around the world.<br />
<br />
The main advantage of this business model is, Mozilla can keep the cost down, while achieving their goals to bring the perfect internet experience to the world. They also encourage local business, creating more jobs and distribute both wealth and knowledge.<br />
<br />
But, this is not the "white box" business model that PC industries have implement. In this case, the hardware is still in Mozilla control to maximum user experience. Only the assembly system is distributed, but all hardware came from Mozilla itself (except the monoblock case, this can be produced locally.<br />
<br />
Thats it.<br />
<br />
<span class="Apple-style-span" style="font-size: x-small;">If you had any comment, feel free to drop me an <a href="mailto:adicahya@gmail.com">email</a>. I can't activate the comment for my blog, don't know why</span><br />
<div>
<span class="Apple-style-span" style="font-size: x-small;"><br /></span></div>
<div>
</div>
Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com1tag:blogger.com,1999:blog-128165418287016886.post-40132879492119725382011-09-27T07:19:00.000-07:002011-09-27T07:19:48.780-07:00User Interface concept for Mozilla Boot To Gecko<br />
<span class="Apple-style-span" style="font-size: x-small;">I repost this article, because the last time i post, the comment link can't load properly</span><br />
<br />
This concept is my imagination of Mozilla Boot To Gecko web based OS user interface. Since its not officially use by them, i use the imaginary FXos as the name of the OS.<br />
<br />
The name "FX" is derived from <b>F</b>irefo<b>X</b>. It will be use across the product lineup in my concept. Imagine FXu, FXt, FXm and so on. I will released them as soon as possible, so stay tune.<br />
<br />
The concept is based on my previous UI concept posted on webian.org community. The original concept can be seen at<br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #222222; font-family: arial, sans-serif;"></span><br />
<div style="font-size: 13px;">
mobile UI concept<br />
<a href="http://getsatisfaction.com/webian/topics/webian_mobile_ui" style="color: #1155cc;" target="_blank">http://getsatisfaction.com/<wbr></wbr>webian/topics/webian_mobile_ui</a><br />
and for desktop/tablet UI concept<br />
<a href="http://getsatisfaction.com/webian/topics/webian_activity_cluster_concept_ui" style="color: #1155cc;" target="_blank">http://getsatisfaction.com/<wbr></wbr>webian/topics/webian_activity_<wbr></wbr>cluster_concept_ui</a></div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
</div>
<div style="font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZ3-9E0PHC16iF6Ra4HdzxiwPOWv0GZG5R_2fNdWdENvpUKBB_qTTzQlWVZDnOSbFOK4sMiuL2p5DedVyz9mx_IzETs5K8Ri_RwUUi27RU3EVggABl5_rGxrjTuw1VYSGIcR49Rs_rEA/s1600/FXOS-app-launcher.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZ3-9E0PHC16iF6Ra4HdzxiwPOWv0GZG5R_2fNdWdENvpUKBB_qTTzQlWVZDnOSbFOK4sMiuL2p5DedVyz9mx_IzETs5K8Ri_RwUUi27RU3EVggABl5_rGxrjTuw1VYSGIcR49Rs_rEA/s320/FXOS-app-launcher.jpg" width="192" /></a></div>
<div style="font-size: 13px;">
<br /></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;">Previous UI concept for Webian Mobile</span></div>
<div style="font-size: 13px;">
<br /></div>
<br />
Please note that, this concept is far from finish, i still tweak it alot, and the ui mockup is still missing. I will complete it one by one.<br />
<br />
<b><span class="Apple-style-span" style="font-size: x-large;">FXos UI Concept - A Guideline </span></b><br />
<span class="Apple-style-span" style="font-size: x-small;">last rev 26-09-11</span><br />
<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;">Hardware</span></b><br />
<b><span class="Apple-style-span" style="font-size: large;"><br /></span></b><br />
When designing this concept, i also thinking about the hardware to make sure user will have the best user experience possible.<br />
<br />
The hardware for this concept is monoblock bar shaped phone, without any physical button except the power button (and maybe camera button). So, no home key, back key whatever. The phone styling should be clean and honest.<br />
<br />
An early sketches of the hardware concept can be seen in my <a href="http://adicahya.blogspot.com/2011/09/mozilla-should-make-their-own-hardware.html">next article</a>. I will further explore the hardware design along the UI concept.<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;"><br /></span></b><br />
<b><span class="Apple-style-span" style="font-size: large;">Basic concept</span></b><br />
<b><br /></b><br />
FXos use different UI concept than traditional desktop OS. In traditional desktop OS, which is based on old desktop methaphore, we usually found ui elements like desktop, application windows, taskbar, cabinet like file manager etc.<br />
<br />
Instead, FXos develop its UI concept based from a modern internet browser UI. In this UI, we found different common UI element than on desktop methaphore based OS. Here we have element like tittle bar that also function like a tab, address bar, status bar etc. And in browser UI, all content will be presented in full screen. So no windowed content.<br />
<br />
In FXos, the browser UI is developed further to make it suitable as an stand alone OS for devices for desktop/laptop, tablet and smartphone.<br />
<br />
There are 3 main container that represent 3 most importand element of the OS. These container is called layer. Beside as the representation 3 main element, the layer also build related on how we can navigate the OS as natural as possible. The three layers are, the base layer, the presentation layer and expose layer.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQtUCxt_7VNK-IakC9WkTylL3VBteOPAON6lLoUi1xGaAi6xvRltWD2U3hH-E6kVEQWN2xNpkWOnzwfjK_nHz3s49-HhSJa4k5tDRWPnFYXUhRkTEM442XPVhNVa0B9Na4wyhNGkxsLRU/s1600/FXOS-layer-concept.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQtUCxt_7VNK-IakC9WkTylL3VBteOPAON6lLoUi1xGaAi6xvRltWD2U3hH-E6kVEQWN2xNpkWOnzwfjK_nHz3s49-HhSJa4k5tDRWPnFYXUhRkTEM442XPVhNVa0B9Na4wyhNGkxsLRU/s400/FXOS-layer-concept.jpg" width="400" /></a></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="background-color: white; color: #222222; font-family: arial, sans-serif;">Layer on FXOS</span></span></div>
<br />
<br />
<b>Base Layer</b><br />
Is the lowest layer of all. It will always sit on the bottom of the others. The Base Layer will be the container for all setting of the device, from control panel, quick switch (something like power switcher in Android), the Tab Dock, Tray Botton and so on.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs89jyY1fr-h035DoOB9eWOPDDsNBTBTkRHdqWMH6iohdwauFvIChPY_hIPPBov-hSb_uOXzY0ODXEsobYwVAw4xBAqMpywD5MRNk_OxW13BGvjsCxCOBdRz1SEwYLsTqFmvJRfatdNdM/s1600/FXos_base_layer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs89jyY1fr-h035DoOB9eWOPDDsNBTBTkRHdqWMH6iohdwauFvIChPY_hIPPBov-hSb_uOXzY0ODXEsobYwVAw4xBAqMpywD5MRNk_OxW13BGvjsCxCOBdRz1SEwYLsTqFmvJRfatdNdM/s320/FXos_base_layer.jpg" width="162" /></a></div>
<br />
<br />
<b>Presentation Layer</b><br />
The second on is Presentation layer. This is the container of the content. All webpage and webapp and application launcher are places here. This is the main space for user interaction.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSrSTQrJxKBma0VlGiWA-MEvDJOlD70EArFzz6gg2qIxSTP7sWPx1sDegy8YtC5s4bhAk5r2u7FAV7VKO2ZVSvOXJdsn7uQUp_jtq6EnNs6E2DqSTSq37GwHEwv5ulDleJOwbIKM2x_VE/s1600/FXos_presentation_layer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSrSTQrJxKBma0VlGiWA-MEvDJOlD70EArFzz6gg2qIxSTP7sWPx1sDegy8YtC5s4bhAk5r2u7FAV7VKO2ZVSvOXJdsn7uQUp_jtq6EnNs6E2DqSTSq37GwHEwv5ulDleJOwbIKM2x_VE/s320/FXos_presentation_layer.jpg" width="162" /></a></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;">Presentation layer showing website in active tab. There is a small tip poin at the lower of the web indicating in which tab the website belong to.</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibYxENNsIb5njPErbIPE8cFfwPY9fsn8uS2MIYdn16WOuTJiUxkVg7lTkEGqtRuizTqHMpHwQupaW5jywB8NhjgPc3mvMYBw878F0rsv659IM5BTFpbq3pCjkoVV2_K0U7KKXoYPxbcZU/s1600/FXos_full_screen_web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibYxENNsIb5njPErbIPE8cFfwPY9fsn8uS2MIYdn16WOuTJiUxkVg7lTkEGqtRuizTqHMpHwQupaW5jywB8NhjgPc3mvMYBw878F0rsv659IM5BTFpbq3pCjkoVV2_K0U7KKXoYPxbcZU/s320/FXos_full_screen_web.jpg" width="162" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;">Website shows in full screen. Note that, in full screen view, there is a small semi transparent icon in the lower left of the screen. I plan to use this as an alternative shortcut to the "Tab Dock" or may something else.</span></div>
<br />
<br />
<b>Expose Layer</b><br />
And the last one is the expose layer. This layer is use to switch opened content either it is a website or a webapp. How the tab can be displayed can be costumized. It can be cover flow like, tile with preview or whatever.<br />
<br />
Website/webApp can be pinned at expose layer. in this example, "the stream" is pinned at the top left of the screen for easy to remember location.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjwspKxarnm3ERdUo8H8oOrOXe1kP1bDB0EqcjfnGhHFnLI-KdShSzC348yh3LfbeMgg5vRmIguVMACxjrgJaYl0kDzjkySKNVlBfzLQJKq1OwE6A4ZKjqaHXdiF9KEpnbB6u-uP6uP18/s1600/FXos_expose.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjwspKxarnm3ERdUo8H8oOrOXe1kP1bDB0EqcjfnGhHFnLI-KdShSzC348yh3LfbeMgg5vRmIguVMACxjrgJaYl0kDzjkySKNVlBfzLQJKq1OwE6A4ZKjqaHXdiF9KEpnbB6u-uP6uP18/s320/FXos_expose.jpg" width="162" /></a></div>
<br />
<br />
So, 3 layer. And each can be accessed with special different gesture. No button are required.<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;">Key UI element</span></b><br />
<b><br /></b><br />
<b>Tab Dock</b><br />
The Tab Dock is a mash up between browser tab and an application dock (think MacOSX dock, or windows 7 new taskbar). The reason behind this, is that, "dock" size is usually bigger than traditional tab that browser has, so its more finger friendly (important for touch based UI). The dock also placed at the bottom of the screen, so it follow the concept of clustering main activity at the bottom of the screen.<br />
The dock can also contain pinned webapp or UI element. In this case, the "Stream" screen can be access thru the pinned button placed at the Tab Dock.<br />
Other important element that place at the Tab Dock is the "Tray Button".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB0M-vLlfoMpw3iwIVvHXNiGFc17HIXCD-cQ7r9zS6-7ZwEz0f4_TsiRnM17mraxRP4hqWKW1AY7Nz3Ld5QzSRVS01wTP-5-QfhsDN10NegOx2X8sCiZRcIkp6mYs7eWr9Sra6_C_llIk/s1600/FXos_tab_dock.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="69" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB0M-vLlfoMpw3iwIVvHXNiGFc17HIXCD-cQ7r9zS6-7ZwEz0f4_TsiRnM17mraxRP4hqWKW1AY7Nz3Ld5QzSRVS01wTP-5-QfhsDN10NegOx2X8sCiZRcIkp6mYs7eWr9Sra6_C_llIk/s320/FXos_tab_dock.jpg" width="320" /></a></div>
<br />
<br />
<b>New tab screen </b><br />
When user click a add new tab button on the Tab Dock, this screen is shows up. Its a combination of app launcher and traditional address bar set (address back, back, forward and search).<br />
<br />
If you've seen my previous concept for Webian, i have move the url/search box on the top of the screen. This way, the box will not be covered by virtual keyboard. Or have to slide up when the virtual keyboard is shown. It can sit there peacefully and always accessible. This design will also be use across FXos app (see "the stream" bellow)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRGwV_LAIVbHdjJLLHGCet5SxVf8m-uGRx_G7oIPvQaVNUdjP9No3Qc1dLrQlzwgjuwLojSbtAxHnj4I7rXbVel66rGBD3ZT_y-bRHljA5EAZPn0HzPbv3h5TWPQwxHfdW65gltDC3aMc/s1600/FXos_add_new_tab.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRGwV_LAIVbHdjJLLHGCet5SxVf8m-uGRx_G7oIPvQaVNUdjP9No3Qc1dLrQlzwgjuwLojSbtAxHnj4I7rXbVel66rGBD3ZT_y-bRHljA5EAZPn0HzPbv3h5TWPQwxHfdW65gltDC3aMc/s320/FXos_add_new_tab.jpg" width="162" /></a></div>
<br />
<br />
<b>Stream</b><br />
Stream is a replacement of traditional home screen. Like its name, it shows information stream related to user preference. Here user can have social network update, location where he/she is, related surrounding place,new sms messange, calendar alarm and to do list etc.<br />
<br />
At the top of the stream, there is a text box. It can used to tweet, send sms, email, update your social network status etc. User can select what services they preffered.<br />
<br />
I imagine that, with stream, we can reduce the time user need to access dedicated messaging app. They can send and response to message right here without having to open sms app, or twitter app for example.<br />
<br />
The stream also represent how app will looks like in FXos.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfRDa7fce55L1xXziEQz2aLUDQnHMouCuAJxu8CS8oNiekC5quz14n9szXXoNjz-v876LdN7EXE6aeC7KZqZXvAx5rkvR5kofyz7q_vTgV-hScnMnXxJIXpAs9Ns-Qsl2_aTIhVkvrLyE/s1600/FXos_stream_page.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfRDa7fce55L1xXziEQz2aLUDQnHMouCuAJxu8CS8oNiekC5quz14n9szXXoNjz-v876LdN7EXE6aeC7KZqZXvAx5rkvR5kofyz7q_vTgV-hScnMnXxJIXpAs9Ns-Qsl2_aTIhVkvrLyE/s320/FXos_stream_page.jpg" width="162" /></a></div>
<br />
<br />
<b>Tray Button </b><br />
It is the replacement of current traditional system tray. It is a live button, means that, it will dynamically change the information displayed on it related to system condition. User can also click it to reveal more system notification and response to it.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlh9WbBL_3-cqz5Vr_WS0UQgKA91e1xIkuqgNzcctBTuKhbLeGAmcRbp6DQo7XD8j4Z0FGdnXYMkWC7Bc2AbsVQQk9n6x94um5XLAn_aon69iuBqE_2fdkBithaeVaCoyJLBApjFwthsU/s1600/FXos_tray_button.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="69" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlh9WbBL_3-cqz5Vr_WS0UQgKA91e1xIkuqgNzcctBTuKhbLeGAmcRbp6DQo7XD8j4Z0FGdnXYMkWC7Bc2AbsVQQk9n6x94um5XLAn_aon69iuBqE_2fdkBithaeVaCoyJLBApjFwthsU/s320/FXos_tray_button.jpg" width="320" /></a></div>
<br />
<br />
<b>Base screen </b><br />
This is the base layer. It contain device setting, quick activation bar, volume etc<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs89jyY1fr-h035DoOB9eWOPDDsNBTBTkRHdqWMH6iohdwauFvIChPY_hIPPBov-hSb_uOXzY0ODXEsobYwVAw4xBAqMpywD5MRNk_OxW13BGvjsCxCOBdRz1SEwYLsTqFmvJRfatdNdM/s1600/FXos_base_layer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs89jyY1fr-h035DoOB9eWOPDDsNBTBTkRHdqWMH6iohdwauFvIChPY_hIPPBov-hSb_uOXzY0ODXEsobYwVAw4xBAqMpywD5MRNk_OxW13BGvjsCxCOBdRz1SEwYLsTqFmvJRfatdNdM/s320/FXos_base_layer.jpg" width="162" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;">System navigation</span></b><br />
<b><br /></b><br />
In designing a system navigation for the FXOS, we have to considered what is the main input device of the next personal computing. And from my perspective they are :<br />
1. Touch screen - for tablet and smartphone<br />
2. Touch pad - for laptop and desktop<br />
3. Touch mouse - for laptop and destop.<br />
<br />
From the three of them, the newest one is the touch mouse. I think it will be the next evolution of the mouse (begin with Apple Magic Mouse) and soon will be used by most of the pople.<br />
I note the touch mouse because, the availability of it enable us to bring the same consistent way to interact with our OS. Some basic key element can now be done via simple gesture.<br />
<br />
But, it will have a consequences. Since the touch mouse is buttonless, for the sake for consistencies, other devices will also have no physiscal button for navigating the UI. The tablet and smartphone loaded with FXOS will not need any physiscal button.<br />
<br />
Again, make it simple, natural and consistence.<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;">Gesture</span></b><br />
<b><br /></b><br />
Here are standar gesture use to navigate FXOS<br />
<br />
<b>Double tap</b><br />
Shows the expose layer.<br />
<br />
<b>Tap and hold</b><br />
Reveal tab dock and reveal a simple popup option. Swipe left to open new tab, swipe right to close current tab.<br />
<br />
<b>Swipe from the bottom of the screen</b><br />
Shows the base layer where device setting and control panel placed.<br />
<br />
<b>Swipe from the left edge of the screen</b><br />
Back to previous screen, similar function to Android back button. Or can be used like browser back button.<br />
<br />
<br />
<b>Swipe from the right edge of the screen</b><br />
Forward to previous screen. Or can be used like browser forward button.<br />
<br />
<br />
<b>Pinch zooming</b><br />
Just like on the other platform, this for zoom in or zoom out the webpage/photo etc<br />
<br />
<b>Draw left pointed arrow with finger</b><br />
Back to previous page for a website viewing.<br />
<br />
<b>Draw right pointed arrow with finger</b><br />
Forward to previous for webiste viewing.<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;">Application design</span></b><br />
<b><br /></b><br />
Basic design guideline for application UI.<br />
<br />
<b>Webapp function button</b><br />
Like my previous concept ( getsatisfaction.com/webian) all the basic function of the devices is located near the bottom of the screen.<br />
The webapp, in the other hand put all the function near the top of the screen. This will make it clear for the user, which one belong to the app, which one belong to the underliying OS.<br />
<br />
<b>Webapp presentation</b><br />
All webapp (so does website) will presented in full screen.<br />
<br />
<b>App navigation</b><br />
Content of the FXOS webapp will be presented horizontally (think Microsoft Metro UI without that overlapping content). The screen animation will give a clue to the user about this. This approach will also drop the need of dedicated physical back button. User can swipe back and forth with easy and natural way.<br />
<br />
<div>
<span class="Apple-style-span" style="font-size: x-small;"><br /></span></div>
<div>
</div>
Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com16tag:blogger.com,1999:blog-128165418287016886.post-53935881405936821762011-09-27T00:26:00.000-07:002011-09-27T00:26:15.380-07:00Imaginary Mozilla smartphone conceptFollowing last post, today i manage to draw some simple 3D model of the first lineup, the FXm smartphone.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgnYhXei2YxAgW17S_9XQJcFun6GA9EGuoe8Eh-Zvp8BtLW3hHyicOetz7wUEWqd7i0D5EEPNlTaBRnNno6FhliEsb8kiH2q8OH2rr75oVSShlVSfL173JlKqIk9NUkst1fNDG4_mN_84/s1600/FXm_smartphone1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgnYhXei2YxAgW17S_9XQJcFun6GA9EGuoe8Eh-Zvp8BtLW3hHyicOetz7wUEWqd7i0D5EEPNlTaBRnNno6FhliEsb8kiH2q8OH2rr75oVSShlVSfL173JlKqIk9NUkst1fNDG4_mN_84/s320/FXm_smartphone1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijHCKjVrkhysYfAtnrcLpV-3zO1gmnOCaQigepDyKwnBZGuPLanlr_jp8xK_-dGcxH51njk7vqnYfDxDXUsMgwAOnT2xyrob6X9DkzpxxDyuQcUC99N7B8D7TPkLdY39aOdncHtbUOKRc/s1600/FXm_smartphone2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijHCKjVrkhysYfAtnrcLpV-3zO1gmnOCaQigepDyKwnBZGuPLanlr_jp8xK_-dGcxH51njk7vqnYfDxDXUsMgwAOnT2xyrob6X9DkzpxxDyuQcUC99N7B8D7TPkLdY39aOdncHtbUOKRc/s320/FXm_smartphone2.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
The styling is simple and honest. But, it could be quite different when shown. The shape itself is designed with ease of manufacture and fits in hand perfectly.<br />
<br />
This is merely an exercise of form and possible internal main component. The components included:<br />
1. Main monoblock body<br />
2. Screen (imagine a gorilla glass)<br />
3. OLED display<br />
4. Main board assy<br />
5. Battery<br />
<br />
I build the concept using PTC's Creo Elements. This software can be download and use for free, you just have to register at PTC website.<br />
<br />
You can get it at <a href="http://www.ptc.com/products/creo-elements-direct/modeling-express/">http://www.ptc.com/products/creo-elements-direct/modeling-express/</a><br />
<br />
The 3D model can be download at <a href="http://dl.dropbox.com/u/26421721/mobile2.pk2">http://dl.dropbox.com/u/26421721/mobile2.pk2</a>Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com1tag:blogger.com,1999:blog-128165418287016886.post-63828540248149457502011-09-23T01:53:00.000-07:002011-09-27T07:35:38.921-07:00Mozilla should make their own hardware lineup<span class="Apple-style-span" style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;">im sorry, because some error, i cannot load the comment system properly for this post. I repost the article <a href="http://adicahya.blogspot.com/2011/09/mozilla-should-make-their-own-hardware_27.html">here</a></span>Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.comtag:blogger.com,1999:blog-128165418287016886.post-14754192918228532632011-09-22T20:42:00.000-07:002011-09-27T07:38:43.335-07:00User Interface concept for Mozilla Boot To Geckoim sorry, because some error, i cannot load the comment system properly for this post. I repost the article<a href="http://adicahya.blogspot.com/2011/09/user-interface-concept-for-mozilla-boot_27.html"> here</a>Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.comtag:blogger.com,1999:blog-128165418287016886.post-8459212763729802232011-07-21T00:10:00.000-07:002011-07-21T00:29:05.867-07:00Jaring Tani - konsep pemberdayaan petani berbasis jejaring sosialMinggu ini saya bertemu dengan seorang senior waktu jaman kuliah di Trisakti, Bimo namanya.<div>Sebenarnya ini pertemuan bisnis biasa, kebetulan kantor saya sedang membutuhkan PC workstation baru yang sebelumnya pernah disuplai oleh perusahaan milik dia.</div><div><br /></div><div>Tapi seperti biasa, kalau ketemu Bimo, pembicaraan meluas...sangat luas :)</div><div><br /></div><div>Nah, salah satunya adalah soal petani kita. Mereka yang sebenernya sangat kita butuhkan keberadaannya, tetapi saat ini seolah berada di ujung bawah "food chain", tertekanlah bahasa gampangnya. Ada keprihatinan disini, dan ada niatan untuk melakukan sesuatu buat mereka.</div><div><br /></div><div>Ada banyak masalah di bidang pertanian kita. Tapi obrolan saya dengan Bimo, sepertinya salah satu cara untuk mengurai masalah ini adalah dengan menyediakan akses informasi kepada petani kita. Tapi kali ini informasinya berbeda, bukan lagi satu arah seperti penyuluhan atau koran masuk desa seperti jaman orba.</div><div>Jaman sekarang, informasi bersifat 2 arah, ada interaksi, berbagi dan kolaborasi...ya, inilah pola informasi baru. Pola yang sekarang lebih banyak dinikmati kita homo urbanis lewat internet.</div><div><br /></div><div>So..kita mau bawa pola informasi ini kepada petani-petani kita. Pertanyaannya adalah bagaimana caranya? Keliatannya akan ada pendekatan yang mirip dengan proyek "one laptop per child" nya Nicholas Negropote. Kita siapkan device dan softwarenya..biarkan tumbuh natural.</div><div><br /></div><div>Nah, disini baru mulai kepala saya mikir kesana kemari. Berhubung saya sedang senang membuat konsep user interface, saya langsung tergelitik membuat konsep UI aplikasinya.</div><div><br /></div><div>Bayangkan, membuat mobile app buat orang yang bisa jadi baru pertama kali memakan tablet pc..bagaimana kita akan menampilkan informasinya, navigasinya dll...bagaimana membuat aplikasi ini mudah dimengerti, self explain buat mereka.</div><div><br /></div><div>wah ini pasti seru banget..</div><div>saya share konsep saya di posting berikutnya..</div><div><br /></div><div>stay tuned</div>Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.comtag:blogger.com,1999:blog-128165418287016886.post-64753427591968527472011-06-09T19:18:00.000-07:002011-06-10T02:27:16.385-07:00Webian UI concept alternative 1Lets start designing an UI.<div><br /></div><div>This time is a design concept for <a href="http://webian.org/">Webian.org</a>. If you haven't heard about Webian, its a shell on top of existing OS (Windows, MacOSX or Linux) where user can consume web content with minimal distraction.</div><div><br /></div><div>So, in my concept, i try to imagine webian as an web based OS (similar to ChromeOS, Jolicloud or WebOS). Because its an independent OS, it has to provide all traditional OS do like file manager, control panel, app launcher and so on. </div><div><br /></div><div>But, everything would be web based and behave more or less like a web browser. And, everything must be simple, clean as Ben, the founder of Webian said.</div><div><br /></div><div>Here is my mockup</div><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiURWhE1JniGCIkByC-gTreZAA77vwsA5KJ-afs4kW1sL_BBxZTmsX7jI5ya7P3ItQbxX8bIN7SMxz4hOH_U9drSg12upxRQWr3SqKzkd3dwwkeAd4oiOj7l7MkCw6jgYBYyCM9cjAclc8/s1600/webian-desktop.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiURWhE1JniGCIkByC-gTreZAA77vwsA5KJ-afs4kW1sL_BBxZTmsX7jI5ya7P3ItQbxX8bIN7SMxz4hOH_U9drSg12upxRQWr3SqKzkd3dwwkeAd4oiOj7l7MkCw6jgYBYyCM9cjAclc8/s320/webian-desktop.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5616430456466549842" /></a><div><br /></div><div>The basic concept is, i try to relocated frequent task into on place, and in this case at the bottom of the screen. I called it activity cluster.</div><div><br /></div><div>It has a start menu, a task bar, a mozilla addon/extension bar and traditional clock.</div><div>Whats different is, when user click an add new tab (that button with "+" mark), it open a address bar where user can put web URL or search anything. So, the task bar will contain browser windows instead of app in traditional MS Windows taskbar.</div><div><br /></div><div>At the top of each browser windows (that displayed in full screen) there is a tabbed browser window name and close button similat with current modern browser UI.</div><div><br /></div><div>And thats it..i'll post my other UI concept for Webian next time.</div><div><br /></div><div>Ohh, if you want to join Webian development, please visit their website <a href="http://webian.org/">here</a></div>Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.comtag:blogger.com,1999:blog-128165418287016886.post-63342590006538667752011-06-09T08:42:00.001-07:002011-06-09T19:03:37.603-07:00user interface design, a new frontier<div>Haven't write anything for a very long time :)</div><div><br /></div><div>So, i have a new toy for exploration. After playing with motorcycle design ( and still do), trying to design a special bag for netbook (since the first eee pc came out in 2007) which is quite success (hey, designboom let me present it at Sydney Design Week 2008) in 2011 i have a new adventure.</div><div><br /></div><div>Its user interface design..</div><div><br /></div>This field is actually one of my passion since i have my first pc (my family had our first PC when i was 19 years old) . Back then, i try to imagine alternative MS Windows 95 windows botton :)<div>I event tried so many alternative operating system (OS/2 Warp 4, QNX, Redhat 5.0, Mandrake etc) and installed so many Linux Windows manager (Blackbox, Afterstep, Enlightenment and so on)...why, just to have an experience and get the logic behind the UI.</div><div><br /></div><div>When mobile phone become mainstream, i switch to mobile devices. I also try many OSes just to get the feel and logic of the UI. Backthen i had try all Symbian based UI (S60, S90 and UIQ), PalmOS, Windows Pocket PC and this year..Android.<br /><div><br />But i just started to explore the design recently, by sketching some android app.<br />So, with it, i 'll begin to write this blog again as i design more ui concept.<br />Stay tune...<div style="clear: both; text-align: center; font-size: xx-small;">Published with Blogger-droid v1.7.1</div></div></div>Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.comtag:blogger.com,1999:blog-128165418287016886.post-64887410764684018102009-02-09T17:48:00.000-08:002009-02-09T17:49:55.572-08:00my mini laptop bags on Indonesianyoungdesigners.com<p class="mobile-photo"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0pfZfM-7QH2ecn5k6O4YX7w22Z5s_yq7hIqTJJmldgCO7qpgtKIjuiyKdfPJqy5RP2kbGavofIGbGU2G1qDs7GqrpSqoXCYfKgvRSfxnlZ5YBGfARC0zyhhpLp8XaxenW1grR5rkjWl0/s1600-h/indonesianyoungdesigners-795575.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0pfZfM-7QH2ecn5k6O4YX7w22Z5s_yq7hIqTJJmldgCO7qpgtKIjuiyKdfPJqy5RP2kbGavofIGbGU2G1qDs7GqrpSqoXCYfKgvRSfxnlZ5YBGfARC0zyhhpLp8XaxenW1grR5rkjWl0/s320/indonesianyoungdesigners-795575.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5300980043224700978" /></a></p>Pagi ini mampir ke Indonesianyoungdesigners.com, lagi coba cari tahu <br>siapa sih pemenang Indonesia Good Design Selection 2008.<br>Eh ada hal menarik di halaman depan, ada gambar portfolio saya nyempil <br>disana. Kebetulan yang tampil adalah SleevePlus, tas laptop khusus <br>laptop mini semacam asus eee pc.<p>Emang sih, display portfolio itu seperti random digilir dari portfolio <br>member. Tapi, tetep aja seneng..lumayan nongol dikit :)Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.comtag:blogger.com,1999:blog-128165418287016886.post-53220169416716282362009-01-29T22:09:00.000-08:002009-01-29T22:08:32.949-08:00Sunnah ketika terjadi Gerhana<p class="mobile-photo"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CM-4VI4rDUzn4y0PLTmLAGP7Oha0usEh9dSV7wUecBfy7j5pK8JhxvIFBOxcRIAQtb5cOtRfAag5xddT2zOL4b-xEOJn33TV8cN-gPAgp0ZkLyYpNfrjC8se7Qn3dAVJosMXKlVf3ys/s1600-h/Solar+Eclipse-712951.JPG"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CM-4VI4rDUzn4y0PLTmLAGP7Oha0usEh9dSV7wUecBfy7j5pK8JhxvIFBOxcRIAQtb5cOtRfAag5xddT2zOL4b-xEOJn33TV8cN-gPAgp0ZkLyYpNfrjC8se7Qn3dAVJosMXKlVf3ys/s320/Solar+Eclipse-712951.JPG" border="0" alt="" id="BLOGGER_PHOTO_ID_5296964752626830338" /></a></p>Senin kemarin terjadi gerhana bulan cincin di sebagian wilayah <br>Indonesia. Saya sendiri menyempatkan diri untuk melihat keluar rumah <br>bersama keluarga untuk menyaksikan kejadian yang bisa dibilang langka ini.<br>Tapi sebagai umat Islam, ternyata ada beberapa sunnah yang bisa kita <br>lakukan ketika terjadi gerhana, selain sekedar melihatnya saja.<p>Nah, sunnah-sunnah tersebut dibahas pada sholat Jum'at di kantor saya <br>hari ini. Untuk itu, sebagai pengingat untuk diri saya pribadi dan Insya <br>Allah bisa bermanfaat bagi yang lain, saya membagi sunnah-sunnah tersebut.<p>Yang pertama ketika terjadi gerhana matahari maupun bulan, kita <br>disunnahkan memperbayak dzikir. Menyebut nama Allah.Yang kedua membaca <br>takbir.<br>Kemudian yang ketiga, kita disunnahkan memperbanyak sodaqoh ketika <br>terjadi gerhana.<br>Terakhir, kita, seperti yang dicontohkan Rasullulah, disunnahkan <br>melakukan sholat sunnah gerhana.<p>Perlu diketahui pula, tata cara sholat sunnah gerhana ini sedikit <br>berbeda dengan sholat sunnah lainnya. Sholat ini terdiri dari 2 rakaat. <br>Dan disetiap rakaatnya dilakukan 2 kali ruku (ada yang berpendapat 3 <br>kali sampai 5 kali, tetapi menurut bapak Uztad yang berkotbah, para <br>ulama bersepakat 2 kali saja). Jadi setelah ruku pertama, kita berdiri <br>lagi, membaca Al Fatihah dan salah satu surat kembali. Kemudian ruku <br>lagi dan sholat diteruskan seperti biasa.<br>Gerakan ini diulangi kembali di rakaat kedua.<p>Demikian, Insya Allah posting ini ada gunanya untuk saya sendiri dan <br>kita semua. AmienAnonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.comtag:blogger.com,1999:blog-128165418287016886.post-53228130377718811502009-01-29T18:25:00.000-08:002009-01-29T19:06:56.779-08:00KDE 4.2 on EEE pc 700 4G<p class="mobile-photo"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXfuyTjfURB107ur4DsAhqgykxpn1SBGbIqn2lx_p8xMX8zxx7tOrEwbYXbSX4zIxj0HfTojOaADwOpoBuuGdjR36ns32LuS4fkWYdLVr4wGMHQtK7IFkbU4Sd3ELg2hKiZ-d-CkekIfA/s1600-h/snapshot1-738943.jpeg"><br /></a></p><p class="mobile-photo"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRjuHi1PLA52-a5RZ-FvCdpOE2nJuq0WIq4XzY7QJ5chpaARZseEprzkyPjjNKQxcImVo6RMHMlwZPYnB4R2NkRVIlFrJIhE_CnWRlVvV6D96uI_sAlU7T30Jes5AUg6p-AqCSShrFQ4/s1600-h/snapshot2-739495.jpeg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRjuHi1PLA52-a5RZ-FvCdpOE2nJuq0WIq4XzY7QJ5chpaARZseEprzkyPjjNKQxcImVo6RMHMlwZPYnB4R2NkRVIlFrJIhE_CnWRlVvV6D96uI_sAlU7T30Jes5AUg6p-AqCSShrFQ4/s320/snapshot2-739495.jpeg" alt="" id="BLOGGER_PHOTO_ID_5296907746016947538" border="0" /></a></p><p class="mobile-photo">Maybe not all people know, but most Linux fans must know that on 27<br /></p>January, KDE team has launch their long waited KDE 4.2. KDE 4.2 is the<br />second major release since the first KDE 4.0 series launched about a<br />year ago.<p>Well, since im a KDE fans, i grab their Suse based KDE live cd last<br />night. And tried them on my trusted Asus eee pc.</p><p>I create the USB live installer with no trouble. Just fire up<br />unetbootin from my Windows box, and everything goes very well. I put<br />the USB disk on my eee pc and it booted just fine.<br />A little trouble comes when the first time KDE 4.2 is loading. It just<br />came back to user login screen. After a couple of times trying, i figure<br />it out to select the session to KDE failsafe. Thats it. With this<br />option, KDE 4.2 booted normally, and i was welcomed by a beautifully KDE<br />4.2 desktop.</p><p>At KDE desktop, you can see the usual folder view Plasmoid. For anyone<br />of you who don't know, KDE 4 series, doesn't display an icon like<br />traditional desktop. It used folder view to display a content of the<br />desktop folder.<br />We can added more Plasmoid to the desktop, i added baterry and sticky<br />note. But, the add widget application seems still buggy. I can only add<br />one widget at a time, adding more make it freeze.</p><p class="mobile-photo"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_657OUkknLenoNmVOak1PlYjkC5oyRPkigl5Rh1epwj9RtRY9tXFFK8hCPx7ZsEZ4VDSOnt5UOqvt05ybxWvkbkO_LHSlZPkoJG0HNBdCvkKVDgWMe-R7MeyDQHRCsEiKdZcO9c8t0yk/s1600-h/snapshot5-743494.jpeg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_657OUkknLenoNmVOak1PlYjkC5oyRPkigl5Rh1epwj9RtRY9tXFFK8hCPx7ZsEZ4VDSOnt5UOqvt05ybxWvkbkO_LHSlZPkoJG0HNBdCvkKVDgWMe-R7MeyDQHRCsEiKdZcO9c8t0yk/s320/snapshot5-743494.jpeg" alt="" id="BLOGGER_PHOTO_ID_5296907761603840258" border="0" /></a></p><p>One thing i notice it the kicker. This KDE start menu is appearantly<br />scaled down, it becomes shorter to accomodate eee pc small screen. This<br />is quite nice, but there is a little room left for us to navigate in it.</p><p class="mobile-photo"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPh5pTKtalovASbXhZoOhdr458okcI8vQrXR1F79WhFGQ3sDfl020gxNn0-_4QdwnDS6ksrNbvtFarI8mp2OZzpU3xkmOqcy9Tb9LcMJjF1JM-OZgTFdAk3xDUuxUe0hoVfAT9dTeOlBQ/s1600-h/snapshot3-740975.jpeg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPh5pTKtalovASbXhZoOhdr458okcI8vQrXR1F79WhFGQ3sDfl020gxNn0-_4QdwnDS6ksrNbvtFarI8mp2OZzpU3xkmOqcy9Tb9LcMJjF1JM-OZgTFdAk3xDUuxUe0hoVfAT9dTeOlBQ/s320/snapshot3-740975.jpeg" alt="" id="BLOGGER_PHOTO_ID_5296907749975052690" border="0" /></a></p><p>Dolphin, the file manager also works fine. One little problem is, the<br />program height. I can't make it shorter. I solve the problem by change<br />the panel configuration, so application can overlap it.</p><p class="mobile-photo"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXfuyTjfURB107ur4DsAhqgykxpn1SBGbIqn2lx_p8xMX8zxx7tOrEwbYXbSX4zIxj0HfTojOaADwOpoBuuGdjR36ns32LuS4fkWYdLVr4wGMHQtK7IFkbU4Sd3ELg2hKiZ-d-CkekIfA/s1600-h/snapshot1-738943.jpeg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXfuyTjfURB107ur4DsAhqgykxpn1SBGbIqn2lx_p8xMX8zxx7tOrEwbYXbSX4zIxj0HfTojOaADwOpoBuuGdjR36ns32LuS4fkWYdLVr4wGMHQtK7IFkbU4Sd3ELg2hKiZ-d-CkekIfA/s320/snapshot1-738943.jpeg" alt="" id="BLOGGER_PHOTO_ID_5296907739659870258" border="0" /></a></p><p class="mobile-photo"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUAwVUUF6k0AKn77r-fac0b9SJ6SfF-rs1GrYz9MMvIciI3mBG0roUw96IJBng4s52My_0NC7629f1dQ8TKFtGGtqsmtxTkV4vut2zl19UQTPG5MGNBJFv6ejrSIaxvU79xuBW0i3zK08/s1600-h/snapshot4-742296.jpeg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUAwVUUF6k0AKn77r-fac0b9SJ6SfF-rs1GrYz9MMvIciI3mBG0roUw96IJBng4s52My_0NC7629f1dQ8TKFtGGtqsmtxTkV4vut2zl19UQTPG5MGNBJFv6ejrSIaxvU79xuBW0i3zK08/s320/snapshot4-742296.jpeg" alt="" id="BLOGGER_PHOTO_ID_5296907757454072242" border="0" /></a></p><p>One application that i found doesn't work is Amarok. Don't know why. I<br />don't think it because the soundcard, because sound is ok. Suse 11<br />manage to configure eee pc sound card just fine.</p><p class="mobile-photo"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVYDCOfWc0jRFCmh67-tpFGZnb_P2HabqpmHB0af_NYFJiR9o6LkjA75l4ilsODFVqeSmwPFx1eDSZdcAb7PUsk5X9q7kU6Dd-Ozlo7wv88z_a7TlzAIUxsI2jJrH3Sl-GE1mztjqdVgI/s1600-h/snapshot6-743675.jpeg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVYDCOfWc0jRFCmh67-tpFGZnb_P2HabqpmHB0af_NYFJiR9o6LkjA75l4ilsODFVqeSmwPFx1eDSZdcAb7PUsk5X9q7kU6Dd-Ozlo7wv88z_a7TlzAIUxsI2jJrH3Sl-GE1mztjqdVgI/s320/snapshot6-743675.jpeg" alt="" id="BLOGGER_PHOTO_ID_5296907763075077234" border="0" /></a></p><p>Well..i guess thats all. Overall, i like KDE 4.2. While most people<br />seems to think it suck, and prefer Gnome, i don't.<br />With clear mind, we can see that KDE 4 series is way ahead of Gnome, in<br />a matter of concept, graphics design and the underlying architecture.</p> <div style="margin-top: 10px; height: 15px;" class="zemanta-pixie"><a class="zemanta-pixie-a" href="http://reblog.zemanta.com/zemified/3b339ed8-d637-4e08-ad3e-e96f26ed0293/" title="Zemified by Zemanta"><img style="border: medium none ; float: right;" class="zemanta-pixie-img" src="http://img.zemanta.com/reblog_e.png?x-id=3b339ed8-d637-4e08-ad3e-e96f26ed0293" alt="Reblog this post [with Zemanta]" /></a></div>Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.comtag:blogger.com,1999:blog-128165418287016886.post-11295568911787276762009-01-11T20:33:00.000-08:002009-01-11T20:32:33.296-08:00Palmtouch.net Palm pre blog by meLast week, Palm and once big names in PDA market, has release their latest product.<br> But there are something special about this new product called Palm Pre, this time, it is equipped with brand new OS caled WebOS which is based on Linux (i like Linux remember).<br> <br> Second i read the story, i realize that this could be the next big thing (after Asus eee pc hype in 2008).<br> So, i create a blog and soon a web forum around this Palm Pre and Palm WebOS, mirroring the success of similar blog and webforum for eee pc from what i see.<br> <br> Here it is, friends or everybody..<br> I present you <a href="http://palmtouch.net">palmtouch.net</a> a blog dedicated for Palm Pre and Palm WebOS.<br> Feel free to follow join it..im sure it would be a nice product to have and to follow.<br> <br> Oh..i also make a twitter microblog for it. Follow it at <a href="http://twitter.com/palmtouch">http://twitter.com/palmtouch</a><br> Anonymoushttp://www.blogger.com/profile/13438892019866715054noreply@blogger.com