Dalam dunia software engineering, metodologi paling klasik terdiri dari 5 fase yaitu:

1. Fase requirement atau penelusuran kebutuhan, pada fase ini kita mencari tau sebenarnya apa sih yang dibutuhkan, tujuan dari suatu proyek pengembangan aplikasi, dan seperti apa hasil yang diinginkan.
2. Fase analisa, pada tahapan ini berdasarkan hasil penelusuran kebutuhan maka kita akan memutuskan seperti apa aplikasi yang ingin dibuat, feature apa saja yang diperlukan, masalah yang kemungkinan kita hadapi, apa saja yang kita perlukan dalam proses pengembangan, dsb.
3. Fase perancangan, pada tahapan ini kita akan membuat rencana atau rancangan mengenai aplikasi yang akan dibuat berdasarkan hasil analisa sebelumnya. Misalnya berdasarkan hasil analisa kita akan membuat aplikasi dengan beberapa feature, nah kita perlu merancang table database yang kira-kira diperlukan untuk feature tersebut. Selain itu sesuai dengan hasil analisa kita membuat tampilan dari aplikasi. Struktur aplikasi yang dibutuhkan kayak bagaimana, fungsi apa saja yang akan dibuat, dsb.
4. Fase pengembangan, tahapan implementasi hasil dari analisa dan perancangan. Pada tahap ini kita akan menulis kode program sesuai yang telah direncanakan sebelumnya pada fase perancangan. Pada tahapan ini juga dilakukan pengujian terhadap suatu fungsi apakah telah berjalan sesuai yang diinginkan.
5. Fase installasi, setelah memastikan bahwa semua fungsi telah berjalan baik dan telah memenuhi kriteria yang diinginkan pada fase requirement maka aplikasi akan si setup pada server atau komputer yang akan digunakan untuk menjalankan aplikasi ini.

Fase diatas adalah fase standar yang bersifat dinamis. Tidak selamanya tiap fase yang dilewati akan ditinggalkan. Terkadang kita perlu kembali ke fase sebelumnya untuk memperbaiki kekurangan yang ada. Beberapa fase juga ada yang digabungkan agar lebih sederhana atau dipisahkan agar lebih detail.

Itu tadi metodologi klasik dalam proyek pengembangan aplikasi. Bagaimana dengan proyek pengembangan aplikasi web. Pada dasarnya karena sama-sama mengembangkan aplikasi maka metodologi diatas juga dapat digunakan. Namun terkadang kita memerlukan metodologi khusus yang bagi kita lebih nyaman. Saya sendiri memiliki metode tersendiri dalam proses pengembangan aplikasi web. Namun sebenarnya mengadopsi metodologi diatas namun dengan beberapa perubahan atau hanya perubahan kata-kata agar cocok dengan cara saya.

Berikut adalah metodologi pengembangan web yang biasa saya gunakan:

1. Fase requirement, sama dengan metodologi diatas. Pada fase ini saya mencoba mencari tahu beberapa pertanyaan berikut:
   • apa yang dibutuhkan?
   • apa tujuan dari aplikasi ini?
   • apa yang ingin dicapai?
   • apakah ada referensi atau contoh?
   • siapa sasaran penggunaan aplikasi ini?

   Setelah memperoleh jawaban dari pertanyaan itu maka saya baru memulai fase berikutnya.

2. Fase penentuan feature dan fungsi, pada tahapan ini berdasarkan hasil penelusuran kebutuhan dari aplikasi maka saya menentukan feature dan fungsi apa saja yang akan dibuat untuk memenuhi kebutuhan yang ada. Feature dibagi menjadi feature utama atau bagian besar terlebih dahulu baru kemudian didefenisikan menjadi bagian yang lebih kecil. Misalnya pada aplikasi CMS salah satu feature utama adalah blog, kemudian feature blog didefenisikan seperti feature tagging, category, comment, dsb. Pada tahapan ini yang perlu diperhatikan adalah apakah daftar feature dan fungsi yang dibuat telah memenuhi kebutuhan yang diinginkan.
3. Fase pengumpulan data, konten, gambar, dan file lain yang dibutuhkan dalam pengembangan aplikasi. Berdasarkan daftar feature dan fungsi yang akan dikembangkan maka saya akan mengumpulkan data-data dan file yang diperlukan untuk feature dan fungsi tersebut.
4. Fase analisa dan perancangan, pada tahapan ini saya mencoba menganalisa data yang telah dikumpulkan pada tahapan sebelumnya dan menuangkan hasil analisa kedalam sebuah rancangan. Misalnya berdasarkan feature yang ada maka saya merancang tabel database yang dibutuhkan oleh tiap feature. Berdasarkan konten dan data  yang ada saya juga melakukan perancangan tampilan aplikasi. Selain itu saya juga menyusun struktur aplikasi seperti menu, sitemap, dsb.
5. Fase coding, pada tahapan ini saya memulai menulis kode program. Biasanya dimulai dengan mengubah template dari file image Firework ke html. Setelah itu membuat kerangka aplikasi seperti struktur folder dan file dan memulai pengembangan fungsi untuk tiap feature.
6. Fase setup and testing, pada tahapan ini saya melakukan setup di server dimana aplikasi web nanti akan akan dijalankan. Tentu setelah melakukan testing di komputer lokal terlebih dahulu dan memastikan bahwa semua fungsi berjalan baik. Pada server juga akan dilakukan testing untuk memastikan aplikasi dapat berjalan baik pada server tersebut. Pada tahapan ini juga akan dilakukan beta test dimana beberapa orang akan mencoba menggunakan aplikasi dan memberikan komentar atau feedback terkait dengan fungsi aplikasi.
7. Fase launching, pada fase ini setelah dipastikan aplikasi berjalan baik pada server maka saya akan melakukan sosialisasi baik di dunia nyata atau maya. Beberapa diantaranya adalah melakukan posting di forum, aplikasi social network seperti facebook, membuat posting di blog, dan sosialisasi lainnya.

Itulah metodologi yang saya gunakan dalam pengembangan aplikasi web. Seperti sebelumnya tiap fase tidak bersifat mengikat tapi sebisa mungkin mengikuti alur yang ada. Sebenarnya metodologi diatas juga saya adaptasi dari salah satu metode Agile Development yaitu Feature Driven Development(FDD). FDD merupakan metode pengembangan aplikasi yang mengfokuskan pada feature atau fungsi yang ingin dikembangkan.

Pada dasarnya metodologi dikembangkan untuk membuat hasil suatu pekerjaan menjadi lebih baik. Namun tentu metodologi yang anda gunakan harus sesuai dengan diri anda sendiri. Gunakan metodologi yang paling nyaman menurut anda dan lihat apakah hasil yang dicapai lebih baik. Bila tidak pertimbangkan metodologi lain namun tetap cocok dengan anda.

Referensi:

• http://www.martinbauer.com/articles/fdd_web_development
• http://www.sitepoint.com/article/successful-development/
• http://www.greynium.com/services/web-development-methodology.html

Setelah mencoba berbagai hack yang ada makan saya menjatuhkan pilihan pada script yang saya dapat di http://www.dillerdesign.com/experiment/DD_belatedPNG. Kelebihan yang tidak dimiliki oleh beberapa script PNG hack lainnya adalah transparansi pada background yang berulang. Beberapa script lainnya yang memiliki fungsi yang sama kebanyakan tidak dapat memperbaiki masalah transparansi pada background yang berulang. Tapi script ini melakukannya dengan sempurna.

Cara penggunaannya juga cukup mudah. Cukup meng-include script javascript di halaman yang ingin kita perbaiki dan memanggil fungsi yang akan memperbaiki background dan image pada elemen DOM yang kita inginkan. Kodenya bisa seperti ini

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->

Kode diatas hanya akan dieksekusi bila browser terdeteksi sebagai Internet Explorer 6. Kita dapat memasukkan parameter pada fungsi fix sama dengan format CSS selector seperti contoh diatas yang akan melakukan perbaikan pada elemen denga CSS class .png_bg.

Saya kira solusi untuk masalah transparansi PNG di Internet Explorer bukan masalah lagi untuk para web designer untuk menciptakan web yang terlihat sama disemua browser. Selamat mencoba.

Berikut adalah beberapa website yang saya aggregate di Google Reader saya yang dapat anda jadikan referensi, bacaan, dan tutorial untuk mengembangkan skill web development anda:

1. Smashing Magazine, salah satu blog favorit saya karena selalu mengumpulkan link-link menarik dan terbaik yang berisi referensi, teknik, dan beragam informasi lainnya yang sangat berguna untuk web development. Salah satu yang banyak dicari adalah theme gratis WordPress, Icon gratis, referensi design web yang menarik, font, tutorial, dan kumpulan informasi lainnya yang sangat berguna untuk mengembangkan skill anda.
2. Sitepoint, website yang banyak berisi artikel, tutorial, dan referensi buku yang sangat menarik dan berguna untuk pengembangan skill web development.
3. Webappers, website yang banyak memberikan informasi yang menarik untuk para web developer dan web designer misalnya icon gratis, library baru, website menarik, dan beragam informasi seputar dunia web.
4. Nettuts, berisikan tutorial web design dan web development. Juga ada beberapa hasil wawancara terhadap para praktisi dunia web yang pengalamannya dapat berguna untuk para praktisi web. Selain itu Nettuts juga memberi informasi resource untuk praktisi web seperti theme, buku wajib, dan lain-lain
5. WebMongkey, membagi kontennya menjadi 3 kategori yaitu tutorial, artikel, dan kode program. Sangat berguna untuk membantu meningkatkan pengetahuan anda di dunia web development.
6. ReadWriteWeb, blog yang selalu memberikan update informasi mengenai dunia web. Saya biasanya melihat review aplikasi web terbaru di blog ini. Dengan demikian kita dapat mengikuti trend aplikasi web di internet.
7. Ajaxian, blog yang sangat sering diupdate seputar web programming. Bisa dibilang web ini merangkum informasi yang ada di internet.
8. TechCrunch, blog yang memberikan informasi mengenai bisnis di internet. Di blog ini kita bisa menemukan informasi perusahaan-perusahaan yang ada di internet dan perkembangannya.
9. Mashable, blog yang selalu memberikan update berita dan informasi dunia internet meliputi internet, aplikasi web, programming, online marketing, dan bisnis.

Tentu masih banyak resource lainnya, tapi list diatas bisa menjadi langkah awal sumber informasi untuk anda para web maniak. Kalau ada yang ingin menambahkan silakan komentar disini ya. Terima kasih.

1. Belajar bahasa pemrograman web, untuk memulainya tentu anda harus menguasai bahasa pemrograman web. Dan bahasa yang dikuasai tidak cukup 1 bahasa pemrograman saja karena web dibangun diatas beberapa faktor pendukung. Bahasa yang sebaiknya anda pelajari untuk menjadi web developer adalah:
   • HTML, merupakan bahasa pemrograman web paling dasar dan mutlak harus dikuasai. HTML adalah bahasa untuk menciptakan tampilan web yang anda lihat di browser. HTML membangun struktur tampilan web seperti header, content, footer, menu, dan sebagainya. Namun untuk menciptakan tampilan yang lebih baik tidak cukup dengan HTML saja masih diperlukan bahasa lain untuk menciptakan tampilan yang lebih baik.
   • CSS, inilah bahasa pelengkap HTML. Tanpa CSS kita tak akan dapat menciptakan tampilan yang indah. CSS adalah bahasa yang mengatur layout dan tampilan dari web tersebut misalnya warna background, tulisan, font, ukuran, dan sebagainya. Dengan kombinasi HTML dan CSS maka kita dapat menciptakan tampilan yang baik dan indah.
   • Bahasa scripting web misalnya PHP, ASP, ColdFusion, Python, dan lainnya. Bahasa pemrograman ini adalah bahasa yang akan kita gunakan untuk membangun aplikasi web. Kalau tadi HTML dan CSS merupakan pembangun tampilan dari web tersebut maka bahasa scripting ini adalah pengontrol logika aplikasi web. Bahasa ini menghubungkan aplikasi web kita dengan database dan mengolah input output dari aplikasi kita. Sebaiknya anda memilih salah satu bahasa untuk didalami. Saya menyarankan menggunakan PHP karena bahasa inilah yang paling banyak digunakan untuk membuat aplikasi web. Dengan sifatnya yang terbuka dan bebas biaya maka kita dengan mudah mempelajari dan membuat aplikasi web dengan mudah. Kelengkapan dokumentasi dan tutorial PHP juga sangat banyak sehingga anda tidak akan kesulitan mempelajari bahasa yang satu ini.
   • SQL, merupakan bahasa scripting database. Database adalah aplikasi pengolah data yang menyimpan data untuk digunakan bersama aplikasi web kita. Database ada bermacam-macam misalnya MySQL, SQLite, Oracle, PostgreSQL, SQL Server, dan database lainnya. Sangat disarankan untuk memilih salah satu untuk didalami. Walaupun SQL merupakan standar bahasa scripting database namun dengan mempelajari salah satu scripting database yang ada maka kita akan dimudahkan dalam menyimpan, mengelola, dan memberikan output data dengan tersedianya fungsi-fungsi yang akan membantu anda bekerja dengan database.
   • Javascript, bahasa scripting yang berjalan di browser. Bahasa ini tidak mutlak dipelajari, namun kalau anda ingin membuat web dengan efek animasi, dan web yang lebih interaktif maka javascript akan membantu anda. Dibandingkan dengan flash untuk membuat efek tertentu, saya lebih memilih Javascript. Kenapa, karena Flash masih memerlukan installasi plugin sedangkan Javascript sudah didukung secara default oleh browser modern.
2. Pelajari teknik penyelesaian kasus-kasus pemrograman web. Misalnya bagaimana pemrograman yang berhubungan dengan tanggal, bagaimana menghubungkan web dengan aplikasi lainnya, bagaimana mengakses database, dan beragam teknik lainnya. Dengan mengetahui teknik pemrograman dan penyelesaian kasus-kasus pemrograman web maka anda dapat lebih efektif dalam pemrograman aplikasi web anda.
3. Pelajari metode pengembangan web yang baik. Ada banyak metode pengembangan seperti RUP, Agile, dan USDP tapi pada dasarnya mengfokuskan pada analisa, perancangan, pengembangan, dan pengujian. Lakukan pengembangan aplikasi dengan tahapan-tahapan diatas. Lakukan analisa apa yang diperlukan oleh aplikasi ini, kemudian rancang terlebih dahulu aplikasi anda sebelum melakukan coding, lakukan pengembangan atau coding, dan uji coba terlebih dahulu sebelum dirilis atau didelivery. Anda dapat kembali ketahap sebelumnya bila diperlukan. Yang penting, tentukan sendiri metode yang paling baik seusai dengan diri anda.
4. Belajar mengolah gambar. Buat apa? Karena dengan gambar maka kita dapat memberikan informasi lebih cepat dan efektif dibandingkan dengan mendeskripsikan dalam text yang panjang. Cukup pelajari Adobe Photoshop atau Adobe Firework yang merupakan software paling umum untuk keperluan gambar web. Pelajari bagaimana membuat gambar seperti icon, background, patern, dan gambar lainnya. Sebenarnya bukan merupakan keharusan karena untuk menciptakan gambar untuk tampilan web karena hal ini lebih cenderung merupakan pekerjaan web designer. Namun bila anda bs membuat gambar untuk web maka akan lebih membantu dibandingkan anda harus meminta tolong teman anda untuk keperluan gambar web anda.
5. Gunakan framework, framework merupakan sekumpulan fungsi dan library yang dapat memudahkan pemrograman anda. Gunakan framework sesuai dengan bahasa pemrograman anda. Misalnya ASP menggunakan .NET Framework. Ruby dengan Rails Framework, Python dengan Django Framework, dan PHP yang lebih banyak lagi seperti Prado, Symfony, CakePHP, dan framework lainnya. Lakukan riset dan tentukan pilihan anda framework mana yang akan anda gunakan dan dalami framework tersebut. Jangan terlalu banyak berpindah-pindah framework karena anda tidak akan memperoleh manfaat maksimal karena pemahaman yang terpecah-pecah. Jadi tentukan framework pilihan anda sesuai minat, dan teknik yang anda senangi.
6. Pelajari teknik-teknik mengoptimalkan aplikasi anda. Agar aplikasi anda dapat berjalan lebih cepat dan responsif maka anda harus dapat melakukan tuning atau optimalisasi. Pelajari teknik pemrograman web yang baik, pemecahan masalah programming yang efektif, tuning dan optimalisasi database, serta optimasi web server.
7. Pelajari web server, akan sangat bermanfaat bila anda mempelajari web server agar anda dapat mengetahui bagaimana menjalankan aplikasi anda di web server. Atau bagaimana cara mengoptimalkan aplikasi di web server. Misalnya penggunaan module caching seperti APC, eAccelerator, dan sebagainya. Atau penggunaan file .htaccess untuk menciptakan friendly URL atau URL yang lebih enak dibaca. Dengan mempelajari web server maka anda dapat mengoptimalkan dan menambahkan feature aplikasi anda di server.
8. Pelajari penggunaan control panel hosting. Karena anda akan banyak berhubungan dengan control panel bila anda menyewa hosting untuk web anda. Control panel yang banyak digunakan antara lain Cpanel, Pleks, ISPConfig, dan sebagainya. Dengan memahami penggunaan control panel maka anda dapat mengoptimalkan aplikasi anda di provider hosting anda.
9. Ikuti perkembangan teknologi web terbaru. Teknologi web selalu berkembang misalnya munculnya teknologi RSS, PODCasting, dan teknologi lainnya. Pelajari bagaimana membuat dan menggunakan teknologi tersebut di aplikasi anda. Karena aplikasi yang ketinggalan jaman akan ditinggalkan penggunanya juga.
10. Pelajari manajemen proyek. Suatu pengembangan aplikasi merupakan suatu proyek yang harus di atur, direncanakan, dan dilakukan dengan baik. Dengan mempelajari manajemen proyek maka anda dapat melakukan kolaborasi dengan yang lain dalam mengembangkan aplikasi. Anda juga dapat memperoleh efektifitas dan efisiensi waktu dalam menyelesaikan suatu proyek.
11. Untuk meningkatkan kemampuan anda, selalu asah kemampuan anda dengan mengerjakan aplikasi web. Entah pekerjaan, atau proyek pribadi. Karena makin banyak aplikasi yang anda buat maka kemampuan anda akan makin baik. Kembangkan ide anda dan realisasikan menjadi suatu aplikasi.
12. Yang terakhir, jangan mau selalu menjadi web developer yang hanya mengerjakan proyek orang lain. Anda harus membuat suatu aplikasi yang dapat dijadikan produk atau layanan anda sebagai wujud kemampuan anda. Produk dan layanan ini dapat anda jual sehingga anda dapat memperoleh hasil dari kemampuan anda dan menikmati hasilnya. Dibandingkan dengan mengerjakan proyek orang lain secara terus-terusan dan dibayar per-proyek tentu akan lebih baik bila anda mengerjakan 1 produk namun anda memperoleh hasil terus-terusan dengan syarat produk anda memiliki nilai jual yang baik.

Itulah langkah-langkah dasar untuk menjadi seorang web developer menurut pengalaman saya. Langkah diatas tidaklah cukup, hanya langkah dasar saja. Semoga daftar diatas dapat menjadi pembimbing anda dan bahkan dapat menjadikan anda web developer yang lebih baik lagi. Anda harus terus belajar dan berlatih terus serta selalu menerima perkembangan yang ada agar kemampuan anda terus terasah.

1. Running anywhere, kita cukup menginstall aplikasi web pada satu server dan tanpa perlu menginstall apapun selama browser pada client terinstall maka kita langsung  dapat menjalankan aplikasi tersebut tanpa konfigurasi apapun. Secara default browser pada system operasi apapun telah tersedia sehingga kebutuhan akan browser untuk menjalankan aplikasi bukanlah suatu kendala berarti.
2. Easy to update, cukup update pada sisi server maka aplikasi pada client akan langsung menggunakan versi terupdate tanpa harus menginstall dulu pada server.
3. Requirement pada client tidak terlalu besar. Karena running aplikasi bersifat stateless dan pada sisi client hanya sebagai interface maka spesifikasi hardware pada client tidak harus cangih. Dengan Pentium II 300 & 128MB memori sudah cukup untuk menjalankan browser untuk menggunakan aplikasi web.
4. Tampilan yang dapat dibuat sesuka hati. Dengan XHTML + CSS maka tampilan apapun bisa dibuat pada aplikasi. Memberikan user experience yang berbeda.

Itulah beberapa kelebihan dari web. Mungkin aplikasi desktop bisa memiliki kelebihan diatas dengan menggunakan terminal server semacam citrix untuk mempublish aplikasi. Tapi dengan feature tersebut tentu memerlukan biaya yang tidak sedikit.

Flash merupakan salah satu teknologi web yang mampu menyajikan animasi dan multimedia canggih pada web. Salah satu kekurangan Flash bila digunakan pada website biasa sebagai penyedia informasi adalah tidak dapat di index oleh search engine semacam google karena bentuknya bukan berupa teks tapi berupa binary yang telah dicompile. Namun untuk aplikasi maka flash merupakan teknologi yang sangat baik. Apalagi menggunakan Flex yang merupakan teknologi Flash yang mampu memudahkan perancangan interface aplikasi dengan mudah karena berbasis komponen. Kekurangan Flash/Flex untuk aplikasi adalah ketidakmampuan berkomunikasi langsung dengan database.

Untuk menggunakan Flash/Flex dengan database maka harus menambahkan layer antara keduanya. Salah satunya bisa menggunakan PHP dengan framework AMFPHP. AMFPHP adalah kumpulan fungsi yang akan membantu komunikasi antara PHP dengan Flash. AMFPHP merupakan framework yang ditulis dengan PHP dimana akan digunakan untuk menerjemahkan panggilan fungsi dari Flash ke aplikasi PHP . Konsep AMFPHP adalah RPC(Remote Procedure Call) yaitu suatu konsep pemanggilan fungsi remote yang dimiliki oleh object yang berbeda. Dengan AMFPHP maka Flash dapat memanggil fungsi-fungsi pada PHP dan akan menerima hasil output panggilana fungsi-fungsi tersebut. Contohnya adalah Flash memanggil fungsi di file PHP dengan metode yang menggunakan model AMFPHP, kemudian AMFPHP akan menserialisasi panggilan tersebut dan diberikan pada file PHP. Pada file PHP panggilan akan dideserialisasi kemudian dibaca dan akan memberikan kembalian sesuai dengan apa yang diminta oleh Flash. Bila memerlukan akses ke database maka file PHP akan meminta ke database dan akan memberikan hasilnya ke flash melalui AMFPHP. Jadi AMFPHP merupakan gateway atau translator antara Flash dan PHP untuk menerjemahkan panggilan dan kembalian antara Flash dan PHP.

Dengan kombinasi ini maka kita dapat membuat aplikasi yang sangat powerfull. Dengan kombinasi kelebihan web ditambah dengan fitur multimedia dan  animasi maka aplikasi kita memiliki kelebihan portable, run anywhere, very nice interface, light and fast performance.Tinggal kita yang memikirkan konsep dan ide untuk aplikasi. Dengan semua kelebihan tersebut seharusnya kita bisa membuat aplikasi unik dan fungsional.

Referensi:

• http://www.amfphp.org/
• http://www.adobe.com/go/flex
• http://www.adobe.com/go/flash