Sekilas E-Book Head First Design Patterns

Hello semua, lagi dan lagi saya post di blog ini untuk minggu ini.

Dan kali ini saya akan mencoba menjelaskan salah satu bab dari salah satu e-book design pattern yang dibuat oleh Eric Freeman dan Elisabeth Freeman beserta rekannya Kathy Sierra dan Bert Bates yang berjudul HEAD FIRST DESIGN PATTERN.

Design pattern secara ringkas dijelaskan disini merupakan sebuah pola desain dalam arsitektur dan ilmu komputer merupakan cara formal mendokumentasikan solusi untuk masalah desain dalam bidang keahlian tertentu. Ide ini diperkenalkan oleh arsitek Christopher Alexander di bidang arsitektur dan telah diadaptasi untuk berbagai disiplin ilmu lainnya, termasuk ilmu komputer. Sebuah koleksi terorganisir dari pola desain yang berhubungan dengan bidang tertentu disebut pola bahasa.

Dan yang ditegaskan disini adalah bagaimana anda berurusan dengan hal-hal yang membuat Anda  merasa tidak nyaman akan sebuah hal dan anda tahu di mana yang berubah sehingga anda mempunyai sebuah pandangan sendiri tentang suatu hal tersebut.

Read More

Jenis Template Website

Sesuai judul diatas, maka dalam penulisan kali ini saya akan menjelaskan atau setidaknya membandingkan  jenis template website, yaitu website berita / portal berita dan website toko online.

1.    1. Website Berita.

Pada bagian website berita ini saya mengambil contoh situs detikcom, yang beralamatkan www.detik.com , pada dasarnya saya mengambil contoh detikcom karena situsnya yang sudah cukup populer di Indonesia.

Berikut ini adalah tampilan awalnya.

Jika kita amati design template dari detikcom ini lebih banyak tulisan daripada gambar, mengapa demikian? Karena  tujuan dari dibuatnya sebuah portal berita itu adalah memberikan informasi kepada pembacanya, maka terbentuklah design template yang menyesuaikan dengan tujuan tersebut.

2.     2. Website Toko Online.

Pada bagian Toko Online ini, contoh apa yang bisa kita ambil? Apa yang ada dibenak kalian jika disebutkan Toko Online Populer di Indonesia? Mungkin jawabannya saat ini adalah tokobagus.com. maka dari itu saya akan mencoba mengambil contoh design template website tokobagus.com.

Berikut tampilan awalnya.

Jadi setelah anda telaah, apa yang menarik dari situs toko online? Ya, situs toko online lebih mengedepankan gambar yang mereka mainkan untuk ditaruh di websitenya. Mengapa demikian? Simple, karena toko adalah tempat untuk berjualan, nah pada kasus ini yang dijual adalah berupa barang, maka dari itu yang harus ditonjolkan di website jual beli barang seperti ini tentu saja barangnya. Dengan begitu calon pembeli akan mudah untuk menentukan ketertarikannya dengan barang tersebut karena adanya gambar yang telah disediakan.

Nah, apa kesimpulan dari perbandingan 2 website ini? Saya yakin anda bisa menjawabnya :)

Read More

Dasar Design Pattern

Pendahuluan

Dalam dunia programmasi, berbagai jenis problem identik yang sering dijumpai telah dikenal, di identifikasi dan lebih penting lagi telah di ditemukan pemecahannya. GOF atau Gang Of Four sebuah study group yang terdiri dari para praktisi informatika : Erich Gamma, Richard Helm, Ralph Johnson dan John Vlissides mengumpulkan problem-problem tersebut beserta metoda pemecahannya. Dengan mengkhususkan dalam hal pemograman berorientasi objek (OO), mereka membuat sebuah buku berjudul "Design Patterns: Elements of Reusable Object-Oriented Software" yang berisi solusi-solusi beserta penjelasannya. Kemudian dalam perkembangan selanjutnya solusi umum tersebut dikenal dengan nama Design Pattern.
Secara formal design pattern dapat didefinisikan seperti berikut ini :

Design pattern adalah solusi umum terhadap masalah masalah yang sering muncul dalam applikasi software.
terjemahan bebas dari wiki

Design Pattern dalam perkembangannya mendapat antusiasme yang cukup besar oleh para praktisi programmasi. Karena design pattern sangat membantu dalam menghasilkan kode yang berkualitas, mudah di jaga dan mudah dikembangkan.

Motivasi

Orang lain telah menemukan solusi dari problem anda. Karena itu untuk mempercepat pekerjaan anda, anda tidak perlu lagi berpikir lama lama mencari sebuah solusi yang mungkin hasilnya tidak lebih bagus dari pada solusi yang ada. Anda hanya cukup mengadaptasi solusi umum tersebut sesuai dengan kebutuhan anda. Mungkin ini yang dapat menjadi pertimbangan dalam memulai sebuah konsep dari pengembangan perangkat lunak (software developpement).
Selain itu, dengan menguasai penggunaan dan konsep dari design pattern anda akan menguasai pengetahuan yang menjadi dasar dari design pattern. Pengetahuan ini tidak hanya berguna dalam konteks design pattern saja namun juga pada konsepsi arsitektur applikasi perangkat lunak pada umumnya.
Kemudian pada tingkat tertentu, design pattern akan menjadi sebuah bahasa umum antara sesama programmer. Bayangkan dari pada harus menjelaskan lengkap sebuah solusi, kita cukup dapat mengatakan sebuah nama design pattern dan semua orang langsung mengerti.
Terakhir dan yang paling utama, design pattern akan membantu anda dalam membuat konsep object dari applikasi yang sedang dirancang.

Metode Pembelajaran

Untuk menguasai sebuah design pattern tertentu anda tidak perlu menghapal (baik diagram UML, maupun definisi formalnya). Tapi anda harus mengerti apa yang menjadi dasar penggunaannya, mengenali problemasi-problemasi apakah yang cocok dengan design pattern tersebut. Sebelum masuk dan terintegrasi dalam kode anda. Terlebih dahulu prinsip design pattern harus masuk dan terintegrasi di dalam otak anda.
Metoda pembelajaran yang di rencanakan adalah :

• Definisi formal dari sebuah design pattern
• Studi kasus penggunaan design pattern
• Contoh dalam bentuk kode java
• Pengembangan design pattern
• Berdiskusi di forum yang disediakan disetiap artikel
• Mengulang sendiri

Disini anda akan mendapatkan 4 point teratas. Sedangkan point terakhir tergantung pada diri anda sendiri.

Daftar Design Pattern

Daftar design pattern dibawah ini dapat bertambah seiring dengan waktu.

• Strategy
• Obsever
• Decorator
• Factory
• Singleton
• Command
• Facade
• ….

Penutup

Penulisan design pattern yang akan dilakukan tidak akan ideal. Dalam prakteknya akan terdapat kekurangan kekurangan baik dalam penjelasan, contoh atau materi lainnya. Untuk itu partisipasi pembaca akan sangat bermanfaat baik dalam menambahkan hal hal yang kurang maupun mengkoreksi hal hal yang salah atau mungkin sekedar bertanya karena memang penjelasannya tidak begitu bagus.

Read More

Design Pattern iPhone

iPhone ( /ˈaɪfoʊn/ eye-fohn) adalah jajaran telepon pintar yang dirancang dan dipasarkan oleh Apple Inc. iPhone menggunakan sistem operasi telepon genggam iOS Apple yang dikenal dengan nama "iPhone OS" sampai pertengahan 2010, sesaat setelah peluncuran iPad. iPhone pertama diluncurkan tanggal 29 Juni 2007; iPhone terbaru, yaitu iPhone 5 generasi keenam, diluncurkan tanggal 21 September 2012. Antarmuka penggunanya dikembangkan secara menyeluruh di layar multisentuhnya, termasuk sebuah papan ketik virtual. iPhone memiliki konektivitas Wi-Fi dan seluler (2G, 3G dan 4G).

iPhone dapat merekam video (meski tidak dijadikan fitur standar sampai iPhone 3GS), mengambil foto, memutar musik, mengirim dan menerima surel, menjelajah web, mengirim SMS, dan menerima surat suara visual. Sejumlah fungsi lain—permainan, referensi, navigasi GPS, jejaring sosial, dll.—dapat diaktifkan dengan mengunduh aplikasi; pada 2012, App Store menawarkan lebih dari 700.000 aplikasi buatan Apple dan pengembang pihak ketiga.

Ada enam generasi model iPhone, masing-masing dilengkapi satu dari enam versi iOS yang terseida. iPhone pertama berupa telepon Pita frekuensi GSM dan menjadi perintis desain produk-produk selanjutnya; ukuran layar dan penempatan tombolnya tidak berubah di seluruh jajaran produknya. iPhone 3G dilengkapi kemampuan jaringan seluler 3G dan lokasi A-GPS. iPhone 3GS dilengkapi prosesor yang lebih cepat dan kamera beresolusi tinggi yang dapat merekam video beresolusi 480p. iPhone 4 dilengkapi "retina display" 960 × 640, sebuah kamera belakang beresolusi tinggi dan sebuah kamera depan beresolusi rendah untuk panggilan video dan aplikasi lain. iPhone 4S dilengkapi kamera 8-megapiksel dengan kemampuan merekam video beresolusi 1080p, prosesor inti ganda, dan sistem kendali suara bahasa alami bernama Siri. iPhone 5 dilengkapi prosesor A6 baru, layar Retina 4-inci yang lebih besar daripada layar 3,5-inci di iPhone versi sebelumnya, dan menggantikan konektor 30 pin dengan konektor digital Lightning.

Selama beberapa tahun, Apple dan pabrik kontrakannya, Foxconn, menuai banyak kritik akibat kondisi kerja yang buruk di pabrik perakitannya di Cina.

Read More

Desain Apple Yang Fenomenal

Pada kesempatan kali ini saya akan coba membahas tentang produk yang sedang buming saat ini yaitu apple. Siapa sih yang tidak tahu apple? Apa sih yang membuat apple disukai banyak orang? Salah satu yang terlintas dalam pemikiran saya adalah karena desain nya yang membuat orang suka. Maka dari itu saya akan coba mengulas tentang sebuah buku karya Berty Hari Sulistyo dan Deny Hermawan yang berjudul Misteri Desain Apple.

 

 

Sebuah buku berisi 138 halaman dengan layout yang sangat cantik dan kualitas kertas poster yang sangat baik. Setiap halaman penuh dengan pengungkapan misteri-misteri yang selama ini menjadi tanda tanya bagi saya. Dikupas dengan gamblang dan mengajak kita menyelami pemikiran Steve Jobs dalam setiap jejak langkah penciptaan karya-karyanya.

Buku ini diawali dengan ulasan momen-momen penting yang mempengaruhi kehidupan Steve Jobs. Kesederhanaan namun dengan keteguhan prinsip hidup yang membangun Steve Jobs menjadi seseorang idealis yang hidup secara sederhana. Menarik bahwa prinsip pagar belakang haruslah dibuat sama baiknya dengan pagar depan, sekalipun tidak terlihat orang lain. Namun pagar tersebut haruslah tetap menyatukan kita dengan alam, bukan untuk memisahkan.

Perjalanan spiritual Steve Jobs juga diulas dengan tajam. Ketertarikan Steve Jobs pada prinsip hidup Zen. Keinginan Steve Jobs untuk menjadi biara Zen. Petualangan Steve Jobs di India dalam rangka mencari pencerahan diri. Sampai Steve Jobs menyimpulkan bahwa penduduk India tidak menggunakan kecerdasan sebagaimana layaknya penduduk Amerika. Mereka menggunakan intuisi, dan intuisi mereka sangat maju jauh. Menurut Steve Jobs, intuisi adalah sesuatu yang lebih kuat, lebih kuat dari kecerdasan.

Dengan intuisi, Steve Jobs akhirnya memberi nama perusahaannya, “Apple Computer”.

Saat itu aku sedang melakukan diet buah. Aku baru saja kembali dari kebun aple milik Friedland. Nama ‘Apple’ kedengarannya menyenangkan, penuh semangat, tidak mengintimidasi karena sama sekali bukan kata berbau komputer. Selain itu nama ini juga akan berada di atas Atari dalam daftar buku telepon.

Dengan semangat tersebut, lahir pula logo pertama “Apple Computer”. Sebuah gambar Sir Issac Newton sedang berada dibawah pohon apel, dengan buah apel yang bersinar. Sebuah peristiwa besar tentang penemuan hukum gravitasi bumi.

Di tahun 1977, desainer grafis Rob Janoff mengganti logo “Apple Computer” dengan buah apel berwarna-warni yang tergigit.

Dibuat warna-warni, karena pada saat itu hanya Apple II sebuah komputer personal yang mampu menampilkan gambar berwarna dilayar monitor.

Kenapa tergigit, Rob Janoff mengatakan itu adalah untuk membedakan buah apel dengan buah ceri. Karena dengan gigitan sebesar itu dapat dipastikan itu adalah buah apel. Sekalipun kemudian banyak mitos yang berkata lain. Seperti buah dari kisah Nabi Adam, atau penghormatan untuk Alan Turing.

Dikemudian hari baru kemudian juga disadari arti gigitan (bite), yang terdengar seperti byte, yang adalah satuan terkecil data pada sistem komputasi. Sesungguhnya Rob Janoff sendiri merasa senang bahwa akhirnya desain yang dia buat menjadi penih makna yang tidak sembarangan.

Kaligrafi

Pada bab-bab berikutnya diulas lebih rinci mengenai kaidah-kaidah kaligrafi yang menjiwai desain produk apple. Bagaimana Steve Jobs tergila-gila pada kaligrafi, termasuk berguru pada maestro kaligrafi Lloyd J.. Reynolds.

Zen

Juga mengenai falsafah Zen. Sahabat Steve Jobs yang juga guru Zen Jepang, Kobun Chino Roshi, yang memiliki kepribadian dan karakter seperti Steve Jobs. Sebuah kepribadian yang rumit, penuh kontradiksi, begitu emosional, tidak sabar dan banyak menuntut. Tapi sangat tekun mencari dan sangat mencintai kesederhanaan.

Kesederhanaan tersebut tercermin dari rumah Steve Jobs di Palo Alto, ataupun Apple Store yang dibangun di New York.

Diulas juga beberapa falsafah Zen yang mendasari desain-desain dari produk Apple. Baik secara perangkat keras maupun operating system dan aplikasi, serta icon-iconnya. Seperti:

• Fukinsei pada stack dan icon
• Kanso pada desain MacBook Air
• Kokou pada desain iPod
• Shizen pada pola patern warna Macintosh dan Keyboard
• Yugen, lembut halus tapi kuat seperti konsep sudut membundar dan anti lancip
• Datsuzoku pada iMac Sunflower, iBook Clamsheel dan Mac Cube
• Seijaku pada Macintosh 128K dan Mac Pro.

Jonathan Ive

Diulas juga mengenai sahabat Steve Jobs, Jonathan Ive. Inilah sosok jenius desainer produk Apple. Jony, demikian disapa, adalah kepala desainer produk Apple. Dia juga rekan spiritual Steve Jobs. Lahir di London, 1967. Kuliah di jurusan Seni dan Desain di Newcastle Polytechnic. Mulai terlibat di Apple pada 1992.

Konsep-konsep beliau yang kemudian menjadi kekuatan produk Apple adalah:

• Lebih simpel
• Desain yang akrab
• Memicu rasa penasaran
• Segar dan enak dipegang
• Desain yang lembut
• Visi yang jelas
• Takdir sebuah desain
• Bukan tampilan semata
• Memudahkan pengguna dan memanusiakan produk
• Banyak fungsi satu bentuk
• Dinamis dan berpengaruh.

Dieter Rams

Beliau adalah inspirator dari Jonathan Ive. Banyak karya-karya Rams yang kemudian menginspirasi produk-produk Apple. Sementara Rams berpendapat:

Apple telah mencapai sesuatu yang Rams sendiri tak pernah lakukan. Apple adalah satu dari sedikit perusahaan di dunia yang secara alami mengerti kekuatan desain yang bagus, dalam  produk maupun bisnisnya.

Sebuah lelucon dari Rams:

Beda zaman dengan saya, saya dulu antre menerima makanan pada akhir Perang Dunia II, kini orang antre beli iPhone.

10 prinsip desain Dieter Rams:

• Inovatif
• Berguna
• Punya keindahan
• Mudah dipahami
• Tidak mempersulit keadaan
• Jujur
• Tahan lama
• Konsekuen sampai detail terakhir
• Peduli Lingkungan
• Sesimpel Mungkin

Fibonacci dan Golden Ratio

Bila kita merujuk pada deret Fibonacci, kesan cantik, menarik dan indah tidak lagi menjadi urusan perasaan semata. Ada kemampanan dan logika yang membuat orang mengatakan sebuah object itu indah atau tidak. Ada hitungan matematikanya.

Demikian juga logo Apple, dilihat dari keselarasan dengan deret Fibonacci dan Golden Ratio dapat digambarkan sebagai berikut.

Demikian juga icon iCloud dan Mac OS X Lion.

Bentuk, Ruang dan Perancangan

Untuk mendapatkan produk yang sesuai dengan kebutuhan penggunanya, tampilan visual luar dan dalam sebuah produk dirancang sedemikian rupa sehinga sesuai tujuan. Beberapa unsur perancangan dan pertalian antar bentuk yang terkait dengan desain Apple:

• Bentuk primer
• Pola grid
• Artikulasi bentuk
• Kontur bidang
• Hirarki fungsi
• Pengulangan
• Racana
• Kontras
• Penataan font

Simbol

Bagi Apple, desain bukan hanya soal pengolahan praktek teori visual semata. Tapi juga penambahan nilai seperti sensasi, misteri dan faktor penguat citra produk. Simbol juga mengalami proses pencarian makna yang mendalam, sehinggal hasil yang didapat bukanlah simbol yang mudah lekang oleh jaman.

Satu hal yang menarik, bahwa simbol ikon Maps pada iPhone ternyata diambil dari peta asli letak markas Apple di Cupertino California, Amerika.

Putih

Putih seolah mewakili sejumlah imajinasi kita. Baik mengenai dinding rumah yang tenang, gelas keramik sehari-hari, gaun pengantin yang cantik dan suci, awan yang terlihat agung, kemilau berlian yang mahal, bantal yang empuk, batu hias yang unik, mutiara yang indah ataupun pasir putih dengan semilir angin.

Kenapa produk Apple banyak didominasi oleh warna putih?

• Ruang putih akan lebih memacu kreatifitas
• Ruang putih menarik bagi mata
• Ruang putih menciptakan keseimbangan dan harmoni pada layout
• Ruang putih menciptakan fokus dan daya pikat sebuah layout secara keseluruhan
• Ruang putih memudahkan keterbacaan
• Ruang putih menimbulkan kesan elegan dan mewah
• Ruang putih memberikan arah aliran penglihatan mata

Do It Yourself

Pada bab terakhir ulasan ini diungkap, bagaimana filosofi Apple membuat desain produk Apple menjadi yang terdepan. Dan banyak filosofi yang diungkap disini, sangatlah tepat menjadi pembelajaran kita semua.

Sebuah buku yang sangat inspiratif, baik bagi Komunitas Developer Apple, maupun siapa saja yang menginginkan keunggulan desain untuk menjadi yang terdepan dalam kompetisi teknologi saat ini.

Read More