Optimasi Produk

Momen yang tepat untuk Sketch sebenarnya, aplikasi desain berbasis vektor. Diawal kemunculannya belum banyak yang tertarik untuk menggunakannya akan tetapi belakangan perangkat lunak ini semakin populer. Sayangnya aplikasi ini hanya diperuntukan MacOS, OS lain harus gigit jari tidak bisa mencicipi aplikasi ini. Saya tidak ingat kapan, tiba-tiba muncul aplikasi desain baru yang cukup mencuri perhatian. Fitur yang ditawarkan mungkin hampir sama dengan Sketch akan tetapi ada fitur kolaborasi yang membuat aplikasi ini layak untuk dicoba. Namanya Figma, aplikasi yang berbasis vektor ini berbasis web sehingga siapapun dari OS manapun bisa mengakses dan menggunakannya. Sampai hari ini mereka masih membukanya untuk umum gratis hingga akhir tahun.

Beberapa Minggu belakangan, saya mencoba mengintip apa yang sedang dikembangkan oleh Adobe. Mereka mengembangkan Adobe XD (experience design) yang ternyata mengikuti alur Sketch. Entahlah, apakah Adobe XD ini akan jadi pengganti Fireworks yang sukses atau tidak.

Figma memiliki instaler untuk pengguna Windows dan MacOS. Jadi tidak perlu koneksi untuk menggunakan aplikasi ini, secara otomatis aplikasi ini akan men-singkronisasi perkerjaan yang kita lakukan secra luring. Di dalam fiturnya, Figma mengijinkan untuk mengimpor berkas dari Sketch dan (bahkan) SVG. Pada dasarnya saya bukanlah seorang desainer, tetapi saat melihat tampilan dari Figma, sederhana dan mudah dimengerti saya langsung jatuh cinta ditambah fitur kolaborasinya. Figma tidak hanya untuk membuat sebuah desain website tetapi bisa juga untuk membuat sebuah desain aplikasi mobile atau apapun yang berbasis vektor. Untuk segala jenis fitur yang ada dalam Figma ini bisa diakses di tautan berikut fitur Figma.

Untuk memulai desain apa yang akan kita buat, kita bisa memilih ukuran layar yang kita inginkan. Mulai dari ukuran ponsel cerdas, tablet, komputer destop, hingga jam cerdas. Alat-alat untuk membuat kotak, lingkaran, arah panah, garis, hingga memasukan gambar pun sudah tersedia. Aplikasi ini juga sudah dilengkapi dengan slicing tool, yang berfungsi untuk men-slicing gambar yang kita butuhkan untuk mengkonversi desain menjadi sebuah HTML.

Di bagian kiri juga ada daftar layer yang telah kita gunakan. Daftar layer ini berdasarkan dari grup yang kita buat saat membuat ukuran layar. Tentu saja, kelebihannya adalah kita bisa mengerjakan sebuah proyek desain secara kelompok dengan waktu yang bersamaan. Sebuah fitur yang menarik, dimana belum banyak pengembang yang mempunyai atau mengimplementasikan fitur ini.

Desainer, sangat suka dengan aplikasi seperti Photoshop, Illustrator, Sketch, dan Fireworks(dulu). Bagi kami developer, sebenarnya kami tidak punya kemampuan untuk mengoperasikan aplikasi tersebut dengan dan (bahkan) mungkin kami tidak perlu menginstalnya di laptop kami. Dengan Figma, masalah terpecahkan karena kami hanya perlu mengakses berkas tersebut melalui browser.

Developer menggunakan versioning dalam kegiatan sehari-hari kebanyakan dari kami menggunkan GIT. Dalam dunia desain, ide untuk menggunakan versioning yang sama masih baru-baru ini muncul. Karena yang terjadi adalah setiap kali desain diperbarui, developer masih belum menggunakan versi yang lama atau yang sebelumnya. Fitur inilah yang diusung oleh Figma, mereka mengembangkan aplikasi ini dengan dengan sistem versioning yang sangat menarik. Jadi tak perlu khawatir, Desainer dan Developer akan memiliki sebuah desain yang sama. Dalam fitur kolaborasi Figma, memungkinkan banyak orang bekerja dalam satu berkas yang sama dan itu berarti desain akan selalu terbarui.

Sering kali kami developer juga memiliki masalah "missing fonts" saat membuka berkas Photoshop / Illustrator / Sketch. Dengan cara yang cerdas dan elegan, Figma secara bawaan menggunakan google fonts. Jadi baik desainer ataupun developer tidak perlu lagi untuk mengunduh semua font untuk digunakan dalam desain. Cukup membuka aplikasi Figma, dan jalan.

Dua Minggu berselang, giliran rangkaian acara bulanan dihelat. Kali ini ide dari Pak Michael, Founder dari Celebgramme untuk mengajak kami semua nonton bareng. Acara yang kami tonton sebenarnya masih asing, "Shark Tank". Bagi yang belum tahu, "Shark Tank" adalah sebuah acara reality show Pitching di depan para investor, mungkin bisa dicari di Youtube, sedikit tentang acara ini. Mereka berusaha menarik minat investor untuk menginvestasikan uang mereka. Cukup banyak yang berhasil, dan tidak sedikit pula yang gagal.

Hasil dari nonton acara tersebut adalah kita bisa menarik benang merahnya. Kebanyakan apa yang dilihat investor adalah pertumbuhan, dan tentunya yang menguntungkan bagi mereka. Tambahannya adalah latar belakang apa yang membuat mereka membuat produk (kebanyakan produk jadi yang kasat mata). Sudah berapa lama para founder dan co founder tersebut bekerja atau berkolaborasi, dan tentunya alasan apa mereka mencari tambahan dana dari investor. Secara garis besar, investor tidak melihat produk apa yang mereka jual/produksi. Mereka hanya peduli pada pertumbuhan startup itu sendiri dan valuasi kedepan seperti apa.

Bagi pitcher yang membutuhkan tambahan dana investasi, mereka harus mengenal betul produk yang mereka jual. Mengerti bagaimana memvaluasi produk mereka. Serta tidak ketinggalan adalah mereka harus bertindak cepat atas tawaran-tawaran yang muncul dari investor dan pandai-pandai melakukan penawaran. Tidak usah terlalu berlebihan tentang valuasi, karena saya yakin bahwa investor jauh lebih pandai dari pitcher soal memvaluasi produknya.

Banyak ide muncul, sebagian besar mereka memiliki ide unik dan semangat membara. Dari sekian banyak, hanya terjaring 5 ide, yaitu Doxloud, Fitfinder, Rest n Peace, First aid On, dan terakhir Oleh2Go. Juara 2 harus dihuni 2 ide, yaitu Doxloud dan Oleh2Go karena memiliki poin yang sama. Sang juaranya yaitu Fitfinder, walaupun jika saya bilang diawal meragukan tetapi mereka punya senjata pamungkas waktu presentasi di akhir.

Harapan saya hanya satu, mereka tidak berhenti sampai disini, lanjut terus hingga startup mereka bisa besar dan didanai investor. Semoga beruntung teman-teman, jika butuh bantuan jangan segan untuk menghubungi saya.

Suwec, DiLo, UC, TEDx, dan macam-macam komunitas masih saja terasa kurang. Seperti ada yang salah, apakah kota ini masih butuh edukasi? Apakah memang lingkungannya tidak mendukung? Apakah kami terlalu optimis? Apakah? Apakah? Apakah? Terlalu banyak pertanyaan yang ingin saya pertanyakan.

Saya hanya ingin menyalurkan semangat yang tertular 2 tahun lalu itu. Berbagi ilmu yang selama ini saya pernah dapat. Menunjukan jalan setapak yang pernah saya lewati. Memberi peta pada mereka yang belum pernah masuk hutan belantara ini, agar mereka tak tersesat dan tetap dengan tujuan untuk sukses.

Untuk kesalahan dengan kode 502 bisa ikuti cara berikut. Langkah pertama coba buka berkas berikut “/etc/php5/fpm/pool.d/www.conf”. Kemudian ganti baris berikut “listen = /var/run/php5-fpm.sock” dengan teks berikut “listen = 127.0.0.1:9000″.

Jika masih belum membantu, dan instalasi website anda adalah Wordpress. Coba ganti nama xmlrpc.php pada instalasi Wordpress anda. Beberapa orang mengubah berkas tersebut, karena ternyata ada beberapa skrip yang mencoba menyerang via berkas tersebut, sehingga cpu tampak sibuk.

Untuk kesalahan 504, ini biasanya terjadi karena masalah timeout. Timeout disini berarti bahwa server memberikan toleransi lebih kecil untuk memuat atau memproses sebuah pekerjaan. Untuk memperbaikinya buka berkas berikut “sudo vim /etc/php5/fpm/php.ini”. Cari baris berikut “max_execution_time”, ganti nilainya menjadi “300″.

Teks Editor

Teks editor yang saya gunakan adalah Vim, menurut saya ini cukup powerful dan cepat. Rekomendasi teks editor lain adalah Sublimetext, Atom, Table Light, dan Brackets. Teks editor yang baru saja saya sebutkan cukup ringan digunakan dan cukup powerful untuk untuk standar developmen.

Browser

Browser adalah perlengkapan utama seorang front end. Kita sebagai front end harus berkawan dekat dengan semua browser yang digunakan mayoritas. Mengetahui kelemahan masing-masing browser akan sangat membantu tugas kita untuk mengakali membuat tampilan yang identik. Pasang semua jenis browser dalam komputer anda, terutama untuk browser yang jamak dipakai seperti, Google Chrome, Firefox, IE10, Safari, Opera, dan beberapa browser lainnya.

Web Development Tool

Saat ini sudah hampir disetiap browser menyediakan fitur ini. Favorit saya sendiri adalah Chrome Dev Tools. Pilihan tergantung dari masing-masing individu. Untuk Firefox bisa menggunakan Dev Tool bawaan atau menggunakan Firebug.

Git

Git adalah sebuah versioning dalam sebuah proyek. Fungsinya agar kita tahu kita telah mencapai versi berapa dalam tahap developmen. Alat ini sangat berguna saat kita mengerjakan suatu proyek dalam tim. Bitbucket adalah salah satu penyedia servis ini.

NodeJs

Saat ini NodeJs adalah salah satu bahasa pemrograman yang sedang naik daun. Banyak fitur yang ditawarkan, serta banyak alat yang cukup membantu dalam proses developmen yang dikembangkan dalam bahasa ini, contohnya adalah Bower dan Grunt yang biasa saya gunakan.

Bower

Bower adalah sebuah package manager yang fungsinya untuk mengumpulkan paket-paket yang dibutuhkan dalam sebuah developmen.

Grunt/Gulp

Grunt atau Gulp berfungsi sebagai task runner, untuk otomatisasi pekerjaan yang sering dan berulang-ulang kita lakukan. Seperti contohnya kompilasi sass, minify js, dsb.

Performance Tools

Setelah pekerjaan kita selesai, tugas berikutnya adalah menguji seberapa cepat web yang telah kita buat termuat dalam sebuah browser. Kita akan disuguhkan data yang cukup akurat tentang pemuatan sebuah halaman web. Mulai dari script, gambar, serta total berapa lama web kita termuat dalam browser.

Check list