Recent Creation – Web application for startup

Aplikasi ini adalah sebuah sales order sistem. Tugasnya adalah menerima order dari pelanggan, mencatat status order (apakah sudah dibayar? apakah sudah diantar?), membuat jadwal pengantaran, laporan penjualan berdasarkan kriteria sesuai keinginan beserta grafiknya dan mencetak bon.

login

Di atas adalah login page.

orderadd

di atas adalah halam untuk menambah order

laporanskublurred

 

di atas adalah contoh laporan lengkap beserta grafiknya.

Advertisements

Recent Creation – Web Application for Spinning Factory

Cerita dimulai saat saya diminta membuat aplikasi untuk sebuah pabrik pemintalan benang empat bulan lalu. Saat itu ownernya meminta untuk dibuatkan aplikasi yang bisa dibuka di komputer maupun iPad dan smartphone. Hmm, lalu saya pikir ya sudah buat saja aplikasinya di web. Tapi masalahnya saya buta sama sekali tentang bikin web application.

Jadilah saya ngebut belajar bikin application, yang bisa dibuka di web browser (firefox, chrome). Untung saya punya teman yang jago komputer sehingga saya bisa konsultasi banyak hal.

Setelah empat bulan, akhirnya saya bisa menghasilkan web application seperti dibawah ini

login

Ini adalah halaman login. Sama seperti application pada umumnya, kalau mau pakai ya harus login dulu. Tidak bisa sembarang orang memakai.

home

Ini adalah halaman home page.

Aplikasi ini online, artinya bisa di akses dari manapun berada selama ada internet. Tak perlu install2 apapun, selama bisa buka facebook berarti bisa juga buka aplikasi saya.

Aplikasi ini mampu menampung semua data spareparts di perusahaan tersebut, yang jumlahnya ribuan. Mampu melayani permintaan pembelian dan transfer antar pabrik.

master

purchase_add

Seluruh halaman yang berpotensi membingungkan dilengkapi dengan live-help system yang bisa dinyalakan. Ia akan membantu user menampilkan petunjuk pengisian sesuai dengan item yang harus diisi (berdasarkan mouse hover).

Pilihan barang (yang akan dibeli, atau di transfer) dibuat semudah mungkin.

master_choice

Aplikasi web ini juga dilengkapi dengan multi-tier approval system. Jadi kalau mau beli barang, harus persetujuan si anu, persetujuan si itu, baru bisa dibeli.

transfer_review

Jika ada permintaan pembelian / transfer yang baru, sistem secara otomatis akan mengirimkan email ke orang-orang yang bersangkutan, mirip seperti twitter yang mengirim email kalau ada yang mention kita.

Semua stok di update secara otomatis berdasarkan events, seperti pembelian otomatis menambah stok, pemakaian otomatis mengurangi stok.

Tentunya tidak semua orang bisa mengakses semua halaman, maka pada aplikasi ini juga diterapkan grid-based permission system, dimana setiap user mendapat level akses horizontal (divisi) dan vertikal (0-9) berdasarkan posisi di divisi itu, dan setiap user ingin mengakses halaman paka kedua level akses akan dievaluasi oleh sistem untuk menentukan boleh/tidaknya ia mengakses suatu halaman. Jika tidak boleh, maka akan muncul tampilan sebagai berikut

access_denied

Dalam mendesain aplikasi ini, saya telah mengikuti arsitektur kode modern dengan standard MVC (Model View Controller), yang artinya pemisahan atas struktur dasar, logika berpikir, dan tampilan depan. Tujuannya untuk mengisolasi error sehingga satu error tidak akan menghancurkan keseluruhan sistem.

Arsitektur yang rapi juga memastikan aplikasi ini sangat scalable, dapat dikembangkan tanpa takut merusak apa yang sudah ada, dan memudahkan tugas maintenance serta error detection.

Ia juga telah dilengkapi dengan automated application testing and error detection untuk minimalisasi error, sehingga user memiliki 100% keyakinan core task aplikasi akan tetap berjalan tanpa kesalahan operasi (seperti stok yang tidak berkurang setelah diambil, dsb).

Saya juga memasukkan unsur fully-automated deployment yang tujuannya untuk meminimalisasi down-time jika terjadi server crash. Server baru dapat digunakan dalam waktu yang jauh lebih cepat dari pada menggunakan metode manual.

Ia telah memiliki load balancer untuk memastikan kerja mesin seimbang dan optimal, sehingga user tak perlu menunggu lama untuk membuka halaman-halaman yang ada.

Jika terdapat error, saya memasukkan fitur auto-notification sehingga user tak perlu repot-repot member tahu saya error tersebut, saya akan langsung mengetahuinya lewat email yang dikirim otomatis.

Fitur automated-backup and cloud-backup juga diterapkan untuk menjaga data user dari bencana yang tidak dinginkan.

Masih banyak hal yang harus dipelajari, jadi kalau teman-teman mau bikin website yang jauh berbeda dari apa yang saya tampilkan disini, saya akan dengan senang hati mengerjakannya. Sekalian belajar hal baru 🙂

Thanks to steven for teaching me so many things about websites, web applications, and web management. The credit is yours.

Recent Creation – Sales Engagement Application # Project

Baru-baru ini saya belajar bahasa program baru, untuk bikin program yang “kelihatan” kaya program beneran, jauh lebih profesional :p

and this is what i’ve made

Home

Sebuah aplikasi untuk mencatat data nasabah, lebih dari sekedar nama nomor telepon alamat, aplikasi ini akan mencatat semua informasi tambahan seperti tanggal ulang tahunnya, ulang tahun suaminya, ulang tahun anaknya, masa lalunya (bekerja dimana, tinggal dari mana). Tujuannya, supaya komunikasi saya dengan nasabah bisa di personalize. Bagaimana contoh komunikasi yang dipersonalize?

  1. Saat dia atau anggota keluarganya ulang tahun, kita mengucapkan selamat ulang tahun, lengkap dengan nama dan umurnya
  2. Saat kita menanyakan kabarnya (atau kabar keluarganya), kita lebih dari sekedar mengucapkan apa kabar tetapi kita bisa menanyakan bagaimana pekerjaan dia di (isi dengan perusahaan tempat ia bekerja)
  3. Jika nasabah adalah pengusaha, saya bisa mereferensikan orang lain ke usaha dia, karena saya mencatat siapa punya usaha apa.

Untuk sebagai pengingat nasabah mana yang harus di follow up setiap minggunya, ada fitur cetak laporan setiap minggu. Secara otomatis, aplikasi ini akan memberitahu mana2 nasabah yang harus ditelepon, dan tentang apa, seperti dibawah ini

Engagement List

aplikasi ini mengubah cara sales BPR Artadamas Mandiri berkomunikasi dengan nasabah 🙂