Wonderful Christmas: Living in Harmony

Status: Done

An event with hundreds of choir members and dozens of artists.

B-Management Model Management

Status: Done

Politik Indonesia

Status: Done

Situs ini sudah online sejak tahun 2001 (berita pertama publish tanggal 26 Oktober 2001!). Semuanya dibuat dari nol. Tidak menggunakan framework maupun produk open source apa pun. Mind the mediocre design, the design was made by me :). Website ini dibuat oleh sebuah majalah politik, namun mereka ingin tampil descreet, so I won't mention the name. [uri]

Seminar Software Developers Day: Apache and PHP Security Implementation

Status: Done

Software Developers Day adalah program tahunan yang diselenggarakan oleh ASPILUKI, Asosiasi Piranti Lunak Indonesia. Pada SDD 2006, saya diminta untuk menjadi pembicara di sesi kedua (after lunch). topik yang diambil adalah Setting Up a Secure PHP Environment. Secara garis besar menceritakan tentang pengamanan Server PHP. Disini server yang diambil adalah Apache karena secara statistik Apache digunakan paling banyak di dunia (68.83%).


Disini dilakukan cuci otak mengenai mindset yang harus kita camkan dalam melakukan pengamanan aplikasi. Disini dipaparkan mengenai pengamanan webserver, baik itu jika milik sendiri maupun jika hanya pada taraf shared hosting.

Pengamanan aplikasi berbasis PHP menjadi kunci dari seminar ini. Disini saya paparkan masalah-masalah coding dalam PHP yang umumnya masih dilupakan oleh para programmer PHP, seperti:

• Masalah Register Global
• Masalah Superglobals
• Masalah validasi input
• Masalah validasi path
• Masalah magic_quote_gpc
• Masalah XSS
• Masalah SQL Injection
• Masalah kesalahan escaping queries
• Masalah error reporting
• Masalah security file
• Masalah naming convention
• Masalah mengamankan file konfigurasi
• Masalah keamanan session ID
• Masalah shared hosting
• dan masih banyak lagi

Disini, semua masalah yang dipaparkan diatas dipasangkan dengan solusinya. Namun tidak terbatas pada itu saja, disini juga saya paparkan case studies melalui pengalaman riil saya tentang masalah security ini, contohnya:

• Masalah validasi path yang dialami situs BRR (Badan Rekonstruksi dan Rekonsiliasi)
• Masalah XSS (cross site scripting) yang dialami situs jabar.go.id
• Masalah naming convention yang dialami situs Universitas Mercu Buana
• Masalah error reporting yang dialami situs iloveblue.com

Total slides ada 80 slides, dengan total waktu pemaparan hingga 4 jam! Saya sangat senang dengan para peserta yang semuanya tidak ada yang beranjak dari tempat duduknya selama sesi saya ini. Padahal sesi kedua ini dimulai dari pukul 2 siang dan baru selesai pukul 6 sore. Ketika saya keluar dari ruangan, ternyata sudah sepi. Tampaknya ruang yang lain (seminar ini paralel tiga ruang) sudah selesai dari pukul 4 sore.


Semua berjalan lancar, walaupun pada waktu itu saya sedang demam tinggi. Semua berjalan lancar dan setiap pertanyaan peserta dapat dijawab dengan baik. Disini pesan sponsor: Jika anda ingin menyelenggarakan seminar dan memerlukan pembicara, silahkan hubungi saya di natali[@]ardianto.com. Topik yang berkaitan dengan web seperti security, scripting language PHP, Oracle, SQL Server (sampai taraf advanced seperti replikasi dan agent), MySQL (sampai taraf Master and Slave server dan tuning), Apache, AJAX, Javascript techniques dan lain-lain, boleh sekiranya menghubungi saya. I'll see what I can do.

Azzato.de Design Photography - Flash Version

Status: Done

Azzato.de adalah salah satu portfolio Flash terbaik saya. Dikembangkan pada tahun 2003, Azzato.de adalah sebuah situs fotografer terkenal di Jerman bernama Mayk Azzato. Pengembangan situs ini ditargetkan memakan waktu 1,5 bulan, namun pada kenyataannya ternyata memakan waktu 4 bulan.

Koq bisa selama itu? Ya karena sebenarnya kami (saya dan rekan Cyrosure saya, Diaz) sebenarnya mengembangkan dua situs. Situs ini memiliki versi putih dan versi hitam. Cukup merepotkan, karena tidak mungkin dibuat script untuk men-generate dua versi warna, ya akhirnya dibuat satu-satu. Cara masuk situs versi putih atau hitam? Ketika pertama kali akses ya untung-untungan saja, karena saya random dalam PHP-nya. Baru nanti jika sudah ada di dalam situs tersebut, ada tombol untuk change color.

Versi Hitam

Versi Putih

Actionscripting di situs ini lumayan hardcore. Kalau diperhatikan, terdapat panah di dalam menu tersebut dimana jika didekatkan, panah akan mengarah ke cursor anda, namun jika menjauh dari lingkaran menu tersebut, panah akan gone haywire. Setelah itu juga menu navigasi, dimana harus didesain jika dimouse over akan keluar menu perlahan-lahan, namun jika di click akan langsung tampil. Dan juga agar ketika tidak sengaja mouseover ke 1/4 lingkaran menu yang lainnya tidak tiba-tiba pindah menu.

Di dalam situs juga banyak mengandung actionscript lainnya. Silahkan diexplore satu-satu :) Salah satu bagian yang lumayan sulit adalah di bagian portfolionya. Jika diperhatikan terdapat menu navigasi yang berbentuk rotating box. Ini benar-benar tricky, sebab so far belum ada software third-party yang bisa membantu hal ini. Lalu solusinya? Hehehe ya dibuat satu-satu per framenya :P Jadi ada delapan menu navigasi dalam portfolio, dikalikan dua situs putih dan hitam, jadi harus dibuat 16 kali! Mabok dey, jadinya mengerjakannya bergiliran.

Tapi semua itu tidak sia-sia, karena di dalam menu portfolio ada submenu nude :P. Lumayan memberi motivasi. Wah untung ini situs bule, karena kalau pemiliknya orang Indonesia, bisa dibilang pornografi dan pornoaksi.


Anyway, sebenarnya di site ini ada easter egg-nya. Saya kasih hint yah. Jika menekan sebuah huruf dalam keyboard, akan secara otomatis pop-up situs team gwe, Cyrosure.us. Koq iseng banget dibuat? Ya karena rekan-rekan pada tidak percaya kalau situs ini made in Indonesia ^_^V

BCA Finance Video Tutorial

Status: Done

Suatu hari Senin saya ditelepon untuk membuat video tutorial untuk BCA Finance. Saya baru bisa datang hari Rabu, karena kebetulan kuliah tidak ada pada saat itu. Ternyata harus diserahkannya hari Jumat pagi. Duh another two days deadline. Yang cukup merepotkan, software aplikasi yang saya berikan untuk capture screen itu berformat raw AVI, alhasil capture 15 menit berukuran 1,5 GB. Juga ada gambar video yang masih berformat MiniDV, kaset. Untung masih punya teman yang punya kamera. Walau pun driver harus diinstall ke dua laptop dan satu komputer, untung saja komputer yang terakhir bisa detect kameranya. Kalau engga, wah deadline bisa lewat.

Hasilnya? Well, revisi berlangsung banyak sekali, dan setiap revisi diberikan waktu dua hari. Lumayan ngebut juga. Kesulitan terjadi pada bagian narasi. Ya! Suara yang anda dengar adalah suara saya :) Actually saya sudah membayar seorang rekan wanita untuk membacakan narasi, tapi ternyata pihak BCA Finance tidak menyukainya. Yah tahu gitu...

Narasi direkam menggunakan microphone standar, dimana tingkat noisenya cukup tinggi. Saya terpaksa memakai aplikasi Cooledit dan mengedit suara satu persatu untuk mengurangi noise yang cukup mengganggu. Sialnya lagi, pihak BCA Finance menggunakan speaker active 5.1 sehingga suara terdengar sangat jelas (berikut noise dan ambient di lingkungan sekitar, duh). Tapi setelah a grueling hard work, selesailah sudah.

Berikut hasilnya. Durasi actual 15' 7", resolusi 720x576 dengan kualitas video tinggi (sedikit diatas VCD). Yang anda lihat sudah saya potong-potong menjadi 2' 21" dan resolusi 320x240 dan kualitas video ancur :D

Traffic Management Control - 3D Interior Design

Status: Done

Okay, waktu itu hari sabtu siang. Tiba-tiba mendapat telepon dari seseorang yang meminta saya datang ke Ditlantas (Direktorat Lalu Lintas) di Daerah Pancoran. Setelah meluncur kesana, ternyata saya diminta untuk membuat desain interior 3D untuk ruang TMC yang akan dibangun di Polda Jaya. Berikut rancangannya. Okay, I got the blueprint, now all I have to do is translate it to three dimensional interior. Lama pembuatan? Gwe mulai buat hari sabtu jam 11 malam. Penyerahannya hari Senin jam 6 pagi! Jadi kurang lebih dikerjakan selama 31 jam! Hasilnya?

Tampak dari atas Tampak dari perspektif

Not bad untuk pengerjaan satu hari tujuh jam :) Anyway, setelah dipresentasikan, kemudian-kemudian terdapat tiga kali revisi yang lumayan merepotkan, considering mintanya malem (ketika saya baru pulang dari kuliah di MTI) dan diserahkannya pagi jam 6 (karena para pejabatnya apel pada jam tersebut). Sekarang sudah memasuki revisi ketiga, dan I hope ngga akan ada lagi perubahan-perubahan.

Tampak dari depan
Tampak samping
Tampak samping

Welcome to the one and only Natali Ardianto Portfolio Blog

Yup, this is the first page of my portfolio blog. I got this idea while I was driving my car home from my campus. Kenapa ngga dibuat blog saja portfolionya, agar bisa ada cerita-cerita background tentang apa saja yang ada di sebuah proyek. Sebab IMHO orang kurang mengappreciate the process, padahal proses tersebut yang lebih penting.

Juga kadang orang melihat situs dengan sebelah mata. Menganggap semua situs sama saja. Disini saya ingin supaya semua orang tahu bahwa more than what meets the eyes. Oh ya, portfolio yang saya tulis disini tidak berurut berdasarkan waktu, jadi begitu ada ide ingin cerita, ya saya elaborate.

Okay, that's all. And one more thing, dilarang keras mengambil gambar di situs ini. I have friends yang pernah mengalami pembajakan portfolio. It's a big no no! Harus melalui ijin terlebih dahulu. I have no problem when someone borrow my portfolio, as long as ijin terlebih dahulu. Tapi kalau membajak? What a total loser.

Cheers!