Typography is science. Posted by Unknown , Wednesday, December 22, 2010 at 7:59 PM, in Labels: Typography

Typography berasal dari bahasa latin: Typos yang berarti “tanda” atau “bentuk” dan Grapho yang berarti “menulis”. Typography (Tipografi) adalah seni dan teknik pemilihan jenis huruf dan pengaturan atau penempatannya dalam ruang-ruang yang tersedia dengan maksud memberikan kenyamanan pada pembaca tulisan yang ditampilkan. Tipografi mencakup hal-hal diantaranya pemilihan jenis huruf, ukuran huruf yang digunakan, jarak antar huruf dalam tulisan dan jarak antar baris dalam sebuah alinea.

Typography  secara pribadi adalah seni untuk membuat website lebih indah dan menarik untuk dibaca dengan bentuk font yang berbeda-beda sehingga kesan yang didapat adalah tidak monoton. Dengan adanya teknik typography pengunjung akan dibawa dengan kenyamanan dalam membaca sehingga akan betah untuk berlama-lama.

"Typography are like a sword, dapat menarik perhatian tapi juga dapat menghilangkan minat baca.
So use it wisely"Dalam memberikan typography sobat tidak bisa sembarangan saja karena terdapat 5000++ jenis tulisan di luar sana dan tidak semua komputer dan browser mampu untuk mengenali jenis-jenis typography yang bisa gunakan.

Apa akibatnya jika memaksakan typography?
Banyak sekali jenis font yang unik dalam dunia website dan banyak juga yang memiliki lisensi GNU/GPL yang artinya sobat bebas untuk menggunakan dan meng-copy paste font tersebut. Tapi hati-hati dalam menggunakan setiap font yang ada, jika sobat menggunakan jenis font yang langka maka hasilnya adalah font sobat akan di ubah secara otomatis oleh komputer atau browser kedalam font yang dapat mereka kenali, alhasil kerja keras memilih font akan sia-sia.

Kesalahan
Dalam penggunaan font harus hati-hati, ada jenis font yang enak untuk dibaca dalam artikel yang panjang dan ada juga jenis font yang hanya enak dibaca jika font digunakan sebagai judul artikel. Penggunaan font yang salah dapat membunuh minat baca pengunjung. Contohnya, jika untuk artikel gunakanlah font yang memiliki garis-garis yang jelas dan bentuk yang jelas. Sekali dilihat pembaca langsung tahu huruf apa yang sedang di baca.


Cara mengetahui dan test typography Untuk mengetahui kira-kira jenis font apa saja yang bisa sobat pakai untuk memperindah blog sobat, pertama sobat harus tahu jenis font yang dapat terbaca pada browser sobat. Test ini terdiri dari 2 rangkaian tes. Untuk melakukan test font,  dapat lakukan di VisiBone.com/font/tests.html, atau untuk cepatnya klik saja link dibawah:

Test 1: Known Fonts — test your system for thousands of font names reported by others. (600K of HTML, 1K of JavaScript)
Test 2: New Fonts — see a list of all the fonts on your system, with samples. Requires Java 1.2 or later. (200K of JavaScript, 5K of Java)


Kesimpulan Typography dapat menjadi daya tarik tersendiri bagi pembaca , tapi ingat-ingat bahwa tidak setiap font dapat terbaca dengan baik di komputer dan browser pengunjung. Jadi pilah dan pilih font terbaik yang akan  gunakan untuk melengkapi typography blog.

sumber : http://www.dindingcoret.com/2010/08/blog-typography.html,  http://preaxz.com/2010/07/typography-tipografi/

Santa Branding Posted by Unknown , at 1:11 AM, in Labels: brand asset, Branding

Sembari kerja on-site di client, saya pergi jalan-jalan ke Pacific Place. Seluruh sudut mal mewah ini di sulap sesuai tema yang diusungnya yaitu Have a Holly Jolly Christmast ! Mulai dari santa klaus, rudolph, pohon natal, hingga salju hari menyemarakan atmosfernya. Hingga akhirnya saya tergelitik untuk membuat post tentang Santa Branding yang membahas selintas tentang branding  dengan kemasan natal.

"Branding atau sering juga disebut sebagai brand building banyak dikaitkan dengan upaya sebuah perusahaan untuk membangun image. Image yang dimaksud tentunya harus memiliki nilai benefit di dalam memberikan sebuah persepsi tertentu yang umumnya bersifat positif. Kekuatan branding yang luar biasa dipandang sangat berpengaruh terhadap suksesnya bisnis sebuah perusahaan." http://www.tanadisantoso.com

Brand asset : alat yang dapat meningkatkan citra produk Anda, slogan, iklan, publisitas, penjualan,promosi dan layanan pelanggan. Brand asset membantu untuk menciptakan identitas bermakna yang membangun ikatan emosional  dengan  target market. Hal ini memaksa mereka untuk mengambil tindakan dan memberikan logika yang membenarkan keputusan mereka dalam memilih produk anda.

Brand Imagery : keseluruhan persepsi konsumen atas suatu obyek yang di bentuk dari pengolahan informasi dari berbagi sumber dan waktu.

Beberapa kriteria yang harus diperhatikan dalam pemilihan elemen brand:
1. Mudah diingat
Artinya elemen brand yang dipilih hendaknya yang mudah diingat, dan disebut/diucapkan. Simbol, logo, nama yang digunakan hendaknya menarik, unik sehingga menarik perhatian masyarakat untuk diingat dan dikonsumsi.

2. Memiliki makna
Artinya elemen brand hendaknya mengandung sebuah makna maupun penjelasan/ deskripsi dari produk. Diharapkan makna ini dapat mempengaruhi konsumen untuk mengkonsumsi produk tersebut.
Deskripsi makna yang terkandung dapat berupa:
a. informasi umum tentang kategori dan isi dari produk
b. informasi tentang komposisi penting yang ditonjolkan produk dan manfaat dari produk.
3. Menarik dan lucu
Pendekatan lain untuk menarik perhatian konsumen adalah dengan variasi elemen brand yang unik, lucu, pemilihan elemen yang kaya akan visualisasi dan imajinasi. Dalam hal ini yang ditonjolkan adalah desain yang menarik dan lucu.
4. Fleksibel
Artinya elemen brand dapat dimengerti dan tetap dapat diterima oleh daerah/pasar, bahkan budaya lain. Nama yang digunakan pun tidaklah terlalu sulit untuk diterjemahkan. Seringkali pemilihan elemen brandmudah diingat oleh masyarakat lokal, namun sangatlah sulit dimengerti oleh masyarakat lain. Hal ini tentunya akan menghambat produsen untuk masuk dalam pasar yang baru.
5. Legal
Artinya brand elemen tersebut sah menurut hukum dan undang–undang yang berlaku, sehingga berada di bawah perlindungan hukum.

Mengetahui pentingnya membangun brand adalah tugas inti dari para pelaku bisnis terutama marketer. Inilah salah satu alasan mengapa IMC( Integrated Marketing Communication) dirasa sangat penting sebagai senjata utama membangun persepsi,citra,brand yang kuat dimana konsumen memiliki hubungan yang kuat dengan sebuah brand.

Maka  langkah-langkah yang perlu dilakukan adalah sebagai berikut ;
1. The search of consumer insight yaitu meneliti kebutuhan dan keinginan konsumen
2. Membangun platform komunikasi yang tepat untuk mendorong konsumen untuk menciptakan brand awareness dan kemudian melakukan brand switching, yaitu merubah pilihannya dari brand tertentu pada brand yang kita miliki
3. Mengetahui faktor-faktor apa saja yang mempengaruhi seseorang memilih produk tertentu
4. Penggunaan media dan alat-alat promosi yang kreatif dan menarik perhatian publik
5. Membangun dialog yang efektif dengan market anda

Sumber: http://www.tanadisantoso.com, http://sumberforum.com/showthread.php/466-Branding-adalah-suatu-ekuitas-yang-terpenting, http://jurnal-sdm.blogspot.com/2009/05/membangun-brand-image-produk.html, http://www.quietroom.co.uk/santa_brandbook/

Tips Merawat Blackberry Posted by Unknown , Monday, November 15, 2010 at 8:11 PM, in Labels: blackberry

Tips agar BB kita gak lemot dan kinerjanya tetap lancar dan stabil, karena BB bukan HP biasa, tetapi sebuah Smartphone. Tips ini berlaku untuk semua type BlackBerry, baik Curve, Pearl, Bold ataupun Storm. Berikut tips yang dapat bermanfaat untuk perawatan BlackBerry Anda:

1. Usahakan tiap 2-3 hari sekali, cabut/lepas baterai BlackBerry ponsel Anda, dan diamkan selama 1-2 menit, ini fungsinya untuk membuang dan menghapus sisa-sisa file yang tidak terpakai akibat proses chatting maupun browsing.
2. Anda juga bisa melakukan secara rutin Cleaning Memory, dengan cara pilih Options, Security Options, Advanced Security Options, kemudian pilih fitur Cleaning Memory dan pilih modus Enable untuk mengaktifkannya.
3. Setiap 2-3 hari sekali,lakukan Host Routing Table, dengan cara pilih Options, Advanced Options, pilih Host Routing Table, tekan tombol logo BlackBerry icon Anda dan pilih Register Now.
4. Setelah step ke 3 diatas, lakukan juga tiap 2-3 hari sekali Diagnostic Test, ini sangat penting. Karena lewat inilah kelihatan dilayar apakah smartphone BlackBerry kita terkoneksi semua, baik PIN, Register maupun koneksi Email. Dengan cara, pilih Options, Mobile Network, setelah itu tekan logo BlackBerry icon Anda ,pilih Diagnostic Test, lalu tekan lagi tombol logo BlackBerry icon, pilih RUN, biarkan sampai proses selesai. Jika saat Anda selesai memproses fitur ini, Anda mengalami kegagalan, ulangi kembali agar hasil diagnostic test Anda tidak ada yang gagal.

Itulah sekedar tips agar kinerja BlackBerry Anda kembali lancar, stabil dan tidak lemot. Semoga tips ini dapat bermanfaat. Karena BlackBerry adalah golongan gadget pintar, diharapkan Anda juga tetap pandai merawatnya agar tidak error.

Inilah 10 Fakta Menyangkut Ponsel Android Posted by Unknown , Friday, September 24, 2010 at 9:13 AM, in Labels: Android

1. Apa sih Android?

Android adalah sistem operasi smartphone layar sentuh seperti iOS iPhone dan OS BlackBerry. Android dikembangkan Google dan pertama kali muncul tahun 2007 dengan ponsel pertamanya G1 T-Mobile.

2. Apa yang spesial dari Android?

Tidak seperti OS Apple, Research In Motion (RIM) atau Windows Mobile Microsoft, Google merilis Android sebagai OS open-source di bawah naungan Open Handset Alliance. Hal lainnya Android adalah OS yang sangat baik, cepat dan kuat serta memiliki antarmuka pengguna intuitif yang dikemas dengan pilihan dan fleksibilitas. Google terus mengembangkannya.

3. Apakah ponsel Android disebut “Droids”?

Tidak. “Droid” adalah merek ponsel Android milik Verizon Wireless (Droid X, Droid Eris, Droid Incredible dan sebagainya). HTC Evo 4G Sprint bukanlah “Droid” tapi masih merupakan smartphone Android.

4. Mengapa memilih ponsel Android daripada iPhone?

Salah satu alasannya adalah Android terintegrasi dengan layanan Google seperti Gmail, Google Calendar, Google Contacts dan Google Voice dan sempurna bagi siapa saja yang menggunakan layanan Google.

Salah satu hal dari Android adalah saat pertama menyalakannya Anda diminta memasukkan nama pengguna Google dan password dan semua pesan Google, kontak dan info lainnya mulai tersinkronisasi ke handset tanpa sync ke desktop. Selain itu Android merupakan open source yang di mana kita bebas melakukan apapun perihal aplikasinya.

5.Kelemahan Android?

Menyangkut musik dan video Android tidak memiliki media resmi syncing klien ke desktop. Namun, pada umumnya Android memberi Anda lebih banyak pilihan tentang bagaimana mengatur ponsel Anda dan kontennya.

6. Apa beda versi-versi Android, seperti “Donut,” “Cupcake” dan “Froyo”?

Sama seperti Apple iOS, Google terus mengupdate Android dengan fitur baru. Versi terbaru Android adalah 2.2 dengan kode nama “Froyo” menambahkan fitur penarikan USB langsung, fungsi hotspot mobile dan dukungan Flash. Ini berarti Flash video dan modul Flash yang tidak bekerja pada iPhone akan bekerja pada web browser Android. Versi 1.6 disebut “Donut” yang menambahkan kecepatan, peningkatan resolusi layar dan aplikasi kamera dan perekam lebih cepat. Versi 1.5 “cupcakes” menambahkan perekam video.

7. Jika ada Android 2.2 mengapa terjebak versi 2.1 bahkan 1.6?

Salah satu kelemahan Google adalah begitu banyak menyediakan versi Android. Manufaktur dan operator dapat memutuskan meng-upgrade ponsel mereka ke versi terbaru Android.

Di sisi lain, iPhone yang memiliki sedikit versi di mana untuk meluncurkan versi baru iOS dapat dilakukan sekaligus dan lebih mudah.

8. Berapa banyak aplikasi tersedia untuk Android?

Sekitar 70 ribu lebih dan terus meningkat setiap hari. Google tidak memberi perlakuan khusus atas aplikasi mereka.

9. Bagaimana memilih ponsel Android?

Ponsel Android tersedia dengan beraneka macam bentuk. Apakah Anda ingin ponsel QWERTY atau lebih suka dengan touchscreen? Mencari layar besar atau yang mudah masuk saku? Apakah Anda pemakai e-mail dan pesan teks atau tertarik menonton film dan video dalam layar besar? Semua pertanyaan itu terjawab oleh produk Android saat ini.

10. Ponsel Android terbaru?

Ada HTC Evo 4G. Samsung akan merilis ponsel Android Galaxy S-class: Tipis dan ringan, layar super AMOLED 4 inci kontras tinggi, dan tersedia pada semua operator besar AS. Jika mencari ponsel Android QWERTY slide-out, pertimbangkan Motorola Droid 2 Verizon atau Samsung Epic 4.

Aplikasi rahasia yang disembunyikan dalam Windows XP Posted by Unknown , Sunday, September 5, 2010 at 9:31 PM, in Labels: aplikasi, windows XP

Untuk menjalankan Aplikasi-aplikasi di bawah ini :
Buka command prompt dan Ketikkan nama programnya (contoh :cleanmgr.exe) atau klik Start -> Run dan Ketikkan nama programnya (contoh :cleanmgr.exe).

1. Disk Cleanup = cleanmgr.exe
Digunakan untuk cleanup disk

2. Character Map = charmap.exe
Digunakan untuk mencari karakter yang tidak umum

3. Dr Watson = drwtsn32.exe
Digunakan untuk troubleshooting di PC.

4. DirectX diagnosis = dxdiag.exe
Digunakan untuk diagnosis audio video card anda

5. Private character editor = eudcedit.exe
Digunakan untuk membuat karakter baru di windows anda

6. IExpress Wizard = iexpress.exe
Digunakan untuk membuat self-extracting / self-installing package. seperti file Zip

7. Microsoft Synchronization Manager = mobsync.exe
Digunakan untuk membuat sincronisasi.

8. Clipboard Viewer = clipbrd.exe
Digunakan untuk melihat konten dari Windows clipboard

9. Windows Media Player 5.1 = mplay32.exe
Digunakan untuk membuka Windows Media Player versi 5.1

10. ODBC Data Source Administrator = odbcad32.exe
Digunakan untuk keperluan database

11. Object Packager = packager.exe
Digunakan untuk memasukkan objek kedalam file.

12. System Configuration Editor = sysedit.exe
Digunakan untuk mengubah system.ini dan win.ini

13. Syskey = syskey.exe
Digunakan untuk konfigurasi account di windows.

14. Microsoft Telnet Client = telnet.exe
Digunakan untuk melakukan koneksi internet sebelum ada browser.

15. Driver Verifier Manager = verifier.exe
Digunakan untuk monitoring driver di windows anda

16. Windows for Workgroups Chat = winchat.exe
Digunakan untuk chat sec

17. System configuration = msconfig.exe
Digunakan untuk mengontrol program startup

18. System Monitor = perfmon.exe
Digunakan untuk memonitor PC anda.

19. Program Manager = progman.exe
Merupakan warisan dari Windows 3.x desktop shell

20. gpedit.msc
Digunakan untuk mengatur group policy dan otorisasi, apabila Anda menggunakan Active Directory.

21. Remote Access phone book = rasphone.exe
Merupakan aplikasi seperti buku telepon

22. Registry Editor = regedt32.exe [juga regedit.exe]
Digunakan untuk tweaking dan editing registry windows

23. Network shared folder wizard = shrpubw.exe
Digunakan untuk membuat shared folder dalam jaringan

24. File siganture verification tool = sigverif.exe
Digunakan untuk verifikasi signature

25. Volume Control = sndvol32.exe
Digunakan untuk menampilkan sound control di System Tray

Hubungan Antara HTML 5, XHTML 1.0/1.1, dan XHTML 5 Posted by Unknown , Wednesday, August 4, 2010 at 8:59 PM, in Labels: HTML5XHTML 1.0/1.1, XHTML 5

Awalnya HTML 4.0 (markup language yang kita tahu dan cintai ini) berbasis pada sebuah aturan yang disebut SGML. Dalam aturan SGML , element names tidak case sensitive, kita dapat mempunyai elements dengan optional closing tags dan attribute values tanpa quotation marks.

Sedangkan XHTML 1.0 and 1.1 berdasarkan dari aturan XML dimana element dan attribute names harus case sensitive, Setiap opening tag harus memiliki closing tag, dan attribute values harus di-quotation .

HTML 5 mendefinisikan sebuah markup language yang tidak berbasis pada kedua aturan diatas tetapi dapat ditulis dalam “HTML form”atau “XHTML form.”

Ketika kita menulis markup dalam HTML form, kita bisa mengabaikan beberapa closing dan opening tags. Kita tidak membutuhkan quote attribute values bahkan ketika tidak blank, dan element serta attribute names tidak case sensitive. Kita bisa menggunakan beberapa XML markup dan trailing slash pada elements.

Ketika menggunakan XHTML serialization, kita dapat mengacu pada aturan XML yang disebutkan sebelumnya.Sebaiknya dalam menulis markup di XHTML 5, atau pada HTML 5, tulislah markup dalam bentuk XHTML. Lebih baik tetap menggunakan standar XML yang mewajibkan penggunaan closing tag untuk setiap opening tag daripada memghabiskan waktu melakukan optimasi markup untuk tags yang memiliki optional closing atau opening tags. Sama seperti meng -quote semua attribute values daripada menguji apakah quotes bisa berjalan. Lakukan hal tersebut dengan konsisten.

Jika ingin menggunakan XHTML 5, pastikan server dapat men-deliver dokumen dengan MIME type of application/xhtml+xml or text/xml. Hal tersebut merupakan negosiasi kita dengan hosting service dan kapan tepatnya mendeliver XML file dan syntax error yang menimbulkan error message. Tentunya penggunaan tools yang meng-generate XHTML, maka masalah tersebut diats tidak akan muncul, tools pastinya akan membuat well-formed XML.

HTML 5 mengembangkan input element dengan menawarkan attributes baru yang mengizinkan kita untuk menentukan data apa yang dapat dinput . Attributes ini termasuk min dan max (Untuk meng-set sebuah numeric range), dan HTML 5 juga menawarkan values untuk type attribute, seperti url, email, date, andtime.


JIka tak satupun dari input types yang memenuhi kebutuhan kita, HTML 5 menyediakan pattern attribute funtuk input elements dengan type="text". Value dari pattern attribute adalah sebuah regular expression, seperti yang didefiniskan dalam ECMAScript dan dipakai di JavaScript.

Software Architecture (introduction) Posted by Unknown , Thursday, June 17, 2010 at 3:31 AM, in Labels: software architecture

Apa itu software architecture?

Software application architecture  adalah proses menentukan  sebuah solusi terstuktur yang memenuhi seluruh teknikal dan operasional kebutuhan, ketika mengoptimasi common quality attributes seperti performance, security, dan manageability.  Juga termasuk sekumpulan keputusan berdasarkan  faktor luas,dan setiap keputusannya dapat dipertimbangkan dampaknya pada kualitas, performance, maintainability, dan keseluruhan kesuksesan dari sebuah aplikasi .

Kenapa Architecture itu penting?

Modern tools dan platform dapat membantu menyederhanakan  pembangunan  aplikasi, tetapi tidak akan pernah menggantikan  kebutuhan desain  dari aplikasi, berdasarkan  spesifikasi scenario yang telah ditentukan dan kebutuhan.

Architecture  berfokus pada bagaimana elemen utama  dan komponen dalam sebuah aplikasi digunakan satu sama lain atau saling berinteraksi. Pemilihan struktur data dan algoritma atau  implementasi  detil dari masing-masing component juga bahan pertimbangan .

Pertimbangan –pertimbangan utama dalam software architecture adalah :

1. ·        Bagaimana user menggunakan aplikasi?
2. ·        Bagaimana aplikasi di –deploy ke production dan di- manage?
3. ·        Apa saja quality attribute requirements untuk aplikasi, seperti security, performance, concurrency, internationalization, dan configuration?
4. ·        Bagaimana aplikasi didesain agar fleksible dan dapat di-maintain sepanjang waktu
5. ·        Architectural trend apa yang berdampak aplikasi anda sekarang  dan nanti ketika di-deploy?

Tujuan dari Architecture:

1. ·        Menjelaskan struktur dari system tetapi menyembunyikan details implementasi.
2. ·        Mewujudkan semua  use cases and scenarios.
3. ·        Mengalamatkan  requirements dari berbagai stakeholders.
4. ·        Meng-handle baik functional dan quality requirements.