Tahapan Proyek Tahapan Proyek Pembuatan Situs WebPembuatan Situs Web

Materi Ke-10Materi Ke-10

Development ProcessDevelopment Process

Web Rapid Application DevelopmentWeb Rapid Application Development (Web RAD)(Web RAD)

Waterfall ModelWaterfall Model (Model Rekayasa (Model Rekayasa Web Air Terjun)Web Air Terjun)

Modified Waterfall ModelModified Waterfall Model (Variasi (Variasi Rekayasa Web variasi Model Air Rekayasa Web variasi Model Air Terjun)Terjun)

Web Rapid Application Web Rapid Application DevelopmentDevelopment (Web RAD) (Web RAD)

Adalah proses pembuatan situs web Adalah proses pembuatan situs web dimana desainer tidak memerlukan banyak dimana desainer tidak memerlukan banyak diskusi dengan pihak klien sehubungan diskusi dengan pihak klien sehubungan dengan desain situs web yang ditampilkan.dengan desain situs web yang ditampilkan.

Metode ini dapat mempercepat proses Metode ini dapat mempercepat proses pembuatan web, tapi mengakibatkan pembuatan web, tapi mengakibatkan banyak kekurangan yang terjadi.banyak kekurangan yang terjadi.

Metode ini tidak disarankan untuk Metode ini tidak disarankan untuk pembuatan web berskala besar.pembuatan web berskala besar.

Waterfall ModelWaterfall Model (Model (Model Rekayasa Web Air Terjun)Rekayasa Web Air Terjun)

Adalah proses pembuatan situs web Adalah proses pembuatan situs web secara terstruktur dan berurutan secara terstruktur dan berurutan dimulai dari penentuan masalah, analisa dimulai dari penentuan masalah, analisa kebutuhan, perancangan implementasi, kebutuhan, perancangan implementasi, integrasi, uji coba sistem, penempatan integrasi, uji coba sistem, penempatan situs web dan pemeliharaan.situs web dan pemeliharaan.

Metode ini cocok untuk pembuatan situs Metode ini cocok untuk pembuatan situs web berskala besar.web berskala besar.

Waterfall ModelWaterfall Model (Model Rekayasa Web Air (Model Rekayasa Web Air Terjun) …..Terjun) …..

Penentuan Masalah ; Pada tahap ini dilakukan diskusi antara pihak Penentuan Masalah ; Pada tahap ini dilakukan diskusi antara pihak pengembang dan klien mengenai apa tujuan pembuatan situs web pengembang dan klien mengenai apa tujuan pembuatan situs web bagi klien dan apa saja keuntungan yang diperoleh klien dari bagi klien dan apa saja keuntungan yang diperoleh klien dari pembuatan situs web tersebut.pembuatan situs web tersebut.

Analisa Kebutuhan ; pada tahap ini dilakukan analisa kebutuhan Analisa Kebutuhan ; pada tahap ini dilakukan analisa kebutuhan dan spesifikasi lengkap tentang isi, jenis skrip yang digunakan, dan spesifikasi lengkap tentang isi, jenis skrip yang digunakan, menentukan web statis atau dinamis, penggunaan multimedia dan menentukan web statis atau dinamis, penggunaan multimedia dan kebutuhan-kebutuhan lainnya. Pada tahap ini harus menerangkan kebutuhan-kebutuhan lainnya. Pada tahap ini harus menerangkan sejelas-jelasnya terhadap situs web yang akan dibangun.sejelas-jelasnya terhadap situs web yang akan dibangun.

Perancangan ; pada tahap ini kelompok web desainer dan Perancangan ; pada tahap ini kelompok web desainer dan kelompok web programmer berkolaborasi dalam menentukan kelompok web programmer berkolaborasi dalam menentukan rancangan situs web sesuai dengan spesifikasi yang diberikan. rancangan situs web sesuai dengan spesifikasi yang diberikan. Kelompok web desainer membuat rancangan tampilan visual Kelompok web desainer membuat rancangan tampilan visual sedangkan web programer menentukan rancangan program yang sedangkan web programer menentukan rancangan program yang dibutuhkan dalam pembuatan fasilitas-fasilitas yang ada pada situs dibutuhkan dalam pembuatan fasilitas-fasilitas yang ada pada situs

web. web.

Waterfall ModelWaterfall Model (Model Rekayasa Web Air (Model Rekayasa Web Air Terjun) …..Terjun) …..

Implementasi ; pada tahap ini dilakukan proses Implementasi ; pada tahap ini dilakukan proses implementasi terhadap seluruh situs web sesuai dengan implementasi terhadap seluruh situs web sesuai dengan tugas masing-masing kelompok. Pada tahap ini dilakukan tugas masing-masing kelompok. Pada tahap ini dilakukan proses uji coba masing-masing unit, sehingga dapat proses uji coba masing-masing unit, sehingga dapat diketahui bagian mana yang masih harus diperbaiki.diketahui bagian mana yang masih harus diperbaiki.

Integrasi ; adalah tahapan yang dilakukan penggabungan Integrasi ; adalah tahapan yang dilakukan penggabungan dari semua komponen penyusun situs web, sehingga dari semua komponen penyusun situs web, sehingga menjadi situs web yang solid dan sesuai dengan spesifikasi menjadi situs web yang solid dan sesuai dengan spesifikasi yang ada.yang ada.

Uji coba system ; pada tahap ini dilakukan proses uji coba Uji coba system ; pada tahap ini dilakukan proses uji coba terhadap system yang dibangun termasuk di dalamnya terhadap system yang dibangun termasuk di dalamnya sistem navigasi, fasilitas situs web seperti buku tamu, sistem navigasi, fasilitas situs web seperti buku tamu, counter, login pengguna dan fasilitas lainnya diuji counter, login pengguna dan fasilitas lainnya diuji kinerjanya, sehingga dapat diketahui bagian-bagian mana kinerjanya, sehingga dapat diketahui bagian-bagian mana yang belum berfungsi dengan baik.yang belum berfungsi dengan baik.

Waterfall ModelWaterfall Model (Model Rekayasa Web Air (Model Rekayasa Web Air Terjun) …..Terjun) …..

Penempatan dan pemeliharaan situs Penempatan dan pemeliharaan situs web ; pada tahap ini situs web siap web ; pada tahap ini situs web siap untuk dipublikasikan di internet. Pada untuk dipublikasikan di internet. Pada proses ini selain pemeliharaan hosting proses ini selain pemeliharaan hosting yang baik juga perlu diperhitungkan yang baik juga perlu diperhitungkan pemeliharaan situs web tersebut. pemeliharaan situs web tersebut. Seperti isinya perlu diganti atau Seperti isinya perlu diganti atau diperbaiki yang pada dasarnya adalah diperbaiki yang pada dasarnya adalah menjadi tugas web administrator. menjadi tugas web administrator.

Modified Waterfall ModelModified Waterfall Model (Variasi (Variasi Rekayasa Web variasi Model Air Rekayasa Web variasi Model Air

Terjun)Terjun) Pada dasarnya metode ini adalah Pada dasarnya metode ini adalah

pengyempurnaan dari metode air terjun pengyempurnaan dari metode air terjun (waterfall mode). Hal ini disebabkan (waterfall mode). Hal ini disebabkan karena adanya kelemahan yang sangat karena adanya kelemahan yang sangat mendasar dari waterfall model. Yaitu mendasar dari waterfall model. Yaitu pada tahap penentuan masalah dan pada tahap penentuan masalah dan analisa kebutuhan menjadi tulang analisa kebutuhan menjadi tulang punggung keberhasilan proyek punggung keberhasilan proyek pembuatan situs web. pembuatan situs web.

Persiapan ProyekPersiapan Proyek

Tujuan Pembuatan Situs WebTujuan Pembuatan Situs Web Menentukan Siapa pengunjung Situs Menentukan Siapa pengunjung Situs

WebWeb Analisa Kebutuhan dan Spesifikasi Analisa Kebutuhan dan Spesifikasi

Situs Web.Situs Web.

Persiapan ProyekPersiapan Proyek(Tujuan Pembuatan Situs Web)(Tujuan Pembuatan Situs Web)

Mengapa klien memerlukan situs Mengapa klien memerlukan situs web ?web ?

Mengaoa situs web yang dibangun Mengaoa situs web yang dibangun memerlukan teknologi canggih ?memerlukan teknologi canggih ?

Mengapa situs memerlukan Mengapa situs memerlukan komponen mulitmedia?komponen mulitmedia?

Persiapan Proyek Persiapan Proyek (Menentukan Siapa pengunjung Situs (Menentukan Siapa pengunjung Situs

Web)Web)

Jangan terlalu fokus pada jangkauan Jangan terlalu fokus pada jangkauan situs web.situs web.

Range usia.Range usia. Latar belakang target pengunjung Latar belakang target pengunjung

utama.utama. Akses situs webAkses situs web

Persiapan Proyek Persiapan Proyek (Analisa Kebutuhan dan Spesifikasi Situs (Analisa Kebutuhan dan Spesifikasi Situs

Web)Web)

Menentukan apakah situs web yang Menentukan apakah situs web yang dibangun bersifat dinamis atau statis.dibangun bersifat dinamis atau statis.

Situs web statis adalah situs yang dalam Situs web statis adalah situs yang dalam menampilkan informasinya tidak menampilkan informasinya tidak memisahkan antara isi dan presentasi atau memisahkan antara isi dan presentasi atau secara singkat isinya tetap.secara singkat isinya tetap.

Situs dinamis adalah situs web yang dalam Situs dinamis adalah situs web yang dalam menampilkan informasinya memisahkan menampilkan informasinya memisahkan antara isi dan presentasi, dan isinya bersifat antara isi dan presentasi, dan isinya bersifat dinamis atau dapat diubah setiap saat dinamis atau dapat diubah setiap saat tanpa mengubah seluruh dokumen HTML.tanpa mengubah seluruh dokumen HTML.

Keuntungan Web Statis vs Keuntungan Web Statis vs DinamisDinamis

Dapat melakukan hosting situs web Dapat melakukan hosting situs web dimanapun dan biaya hostingnya lebih dimanapun dan biaya hostingnya lebih murah daripada hosting web dinamis.murah daripada hosting web dinamis.

Pada bagian layout dan design, web statis Pada bagian layout dan design, web statis lebih fleksibel dan dapat dibuat dengan lebih fleksibel dan dapat dibuat dengan gaya yang lebih stylist, dan lebih mudah gaya yang lebih stylist, dan lebih mudah untuk mengganti dari halaman ke halaman.untuk mengganti dari halaman ke halaman.

Tidak memerlukan database untuk Tidak memerlukan database untuk menyimpan data seperti pada web dinamis menyimpan data seperti pada web dinamis yang bekerja dengan melakukan yang bekerja dengan melakukan penyimpanan data pada suatu database.penyimpanan data pada suatu database.

Keuntungan Web Dinamis vs Keuntungan Web Dinamis vs StatisStatis

Biaya pemeliharaan lebih murah daripada Biaya pemeliharaan lebih murah daripada membayar untuk memprogram ulang setiap membayar untuk memprogram ulang setiap kali dibutuhkan adanya perubahan situs web.kali dibutuhkan adanya perubahan situs web.

Dapat di-update setiap saat dari komputer Dapat di-update setiap saat dari komputer manapun yang terkoneksi dengan internet.manapun yang terkoneksi dengan internet.

Dapat dilakukan pencarian data dengan mudahDapat dilakukan pencarian data dengan mudah Dapat digunakan untuk database multiguna.Dapat digunakan untuk database multiguna.

Persiapan Proyek Persiapan Proyek (Analisa Kebutuhan dan Spesifikasi Situs (Analisa Kebutuhan dan Spesifikasi Situs

Web) …..Web) …..

Memilih jenis situs web yang akan dibangun Memilih jenis situs web yang akan dibangun berdasarkan jenis isi dan keinginan klien.berdasarkan jenis isi dan keinginan klien.

Memilih database server.Memilih database server. Membuat skema database.Membuat skema database. Menentukan requirement dari sistem yang Menentukan requirement dari sistem yang

digunakan pengguna.digunakan pengguna. Menentukan kebutuhan isi situs web.Menentukan kebutuhan isi situs web. Menentukan kebutuhan fungsional situs web.Menentukan kebutuhan fungsional situs web. Menentukan kebutuhan sistem situs web.Menentukan kebutuhan sistem situs web.

Pengerjaan ProyekPengerjaan Proyek

DesainDesain ImplementasiImplementasi Integrasi SistemIntegrasi Sistem Penempatan Situs WebPenempatan Situs Web Pemeliharaan Situs Web.Pemeliharaan Situs Web.

DesainDesain(tahapan)(tahapan)

Desain visual ; adalah web desainer menentukan Desain visual ; adalah web desainer menentukan tampilan halaman web, seperti letak banner, tampilan halaman web, seperti letak banner, navigasi, logo untuk situs web.navigasi, logo untuk situs web.

Desain teknologi ; adalah pendefinisian prosedur-Desain teknologi ; adalah pendefinisian prosedur-prosedur yang diperlukan dan antar muka antara prosedur yang diperlukan dan antar muka antara prosedur tersebut (bila situs web bersifat prosedur tersebut (bila situs web bersifat dinamis)dinamis)

Desain struktur informasi ; web desainer Desain struktur informasi ; web desainer menentukan bagaimana isi situs (informasi) bisa menentukan bagaimana isi situs (informasi) bisa dicocokkan dengan halaman web. Dijelaskan dicocokkan dengan halaman web. Dijelaskan secara singkat bagaimana sumber informasi pada secara singkat bagaimana sumber informasi pada isi situs dipecah-pecah sesuai dengan struktur isi situs dipecah-pecah sesuai dengan struktur dari situs web dan dihubungkan dengan link-link. dari situs web dan dihubungkan dengan link-link.

Desain Desain (Pembuatan Storyboarding)(Pembuatan Storyboarding)

Digunakan untuk mengemukakan Digunakan untuk mengemukakan bagaimana layout dan navigasi situs bagaimana layout dan navigasi situs web yang berguna agar klien dapat web yang berguna agar klien dapat mengetahui bagaimana situs web mengetahui bagaimana situs web yang dibangun bekerja.yang dibangun bekerja.

Bila klien sudah setuju, maka dapat Bila klien sudah setuju, maka dapat dilanjutkan dengan proses dilanjutkan dengan proses pembuatan prototipe.pembuatan prototipe.

Desain Desain (pembuatan prototipe)(pembuatan prototipe)

Pada tahap ini dibuat beberapa Pada tahap ini dibuat beberapa desain halaman depan situs web. Hal desain halaman depan situs web. Hal ini dilakukan karena seluruh desain ini dilakukan karena seluruh desain halam situs web akan mengacu pada halam situs web akan mengacu pada desain halaman depan ini.desain halaman depan ini.

Implementasi Implementasi (Tugas Web desainer)(Tugas Web desainer)

Membuat image-image pada Membuat image-image pada halaman situs web.halaman situs web.

Menata ulang letak banner, link dan Menata ulang letak banner, link dan animasi sesuai masukan dari klien animasi sesuai masukan dari klien terhadap prototipe yang dibuat.terhadap prototipe yang dibuat.

Mengatur isi situs pada setiap Mengatur isi situs pada setiap halaman sesuai pembagian kategori halaman sesuai pembagian kategori isi.isi.

Implementasi Implementasi (Tugas Web desainer) …..(Tugas Web desainer) …..

Membangun situs web mulai halaman depan Membangun situs web mulai halaman depan sampai halaman akhir dengan aplikasi web sampai halaman akhir dengan aplikasi web editor sesuai dengan struktur web yang editor sesuai dengan struktur web yang dipilih.dipilih.

Melakukan uji coba setiap halaman situs web Melakukan uji coba setiap halaman situs web yang akan dibangun untuk menekan tingkat yang akan dibangun untuk menekan tingkat kesalahan situs web secara keseluruhan.kesalahan situs web secara keseluruhan.

Selalu memperhatikan prinsip-prinsip desain Selalu memperhatikan prinsip-prinsip desain web.web.

Implementasi Implementasi (Tugas Web programer)(Tugas Web programer)

Menggunakan bahasa pemrograman yang Menggunakan bahasa pemrograman yang telah disepakati pada tahap analisis telah disepakati pada tahap analisis kebutuhan sistem.kebutuhan sistem.

Membagi tugas pemrograman dengan Membagi tugas pemrograman dengan memecah-mecah setiap unit memecah-mecah setiap unit pemrograman yang besar menjadi unit pemrograman yang besar menjadi unit yang kebih kecil.yang kebih kecil.

Melakukan pengkodean terhadap setiap Melakukan pengkodean terhadap setiap unit-unit kecil tersebut.unit-unit kecil tersebut.

Implementasi Implementasi (Tugas Web programer) …..(Tugas Web programer) …..

Pada pembuatan fasilitas yang berhubungan Pada pembuatan fasilitas yang berhubungan dengan database, web programer mebuat dengan database, web programer mebuat script untuk mengakses database sesuai script untuk mengakses database sesuai dengan MDL (model data logika)yanag telah dengan MDL (model data logika)yanag telah dibuat selanjutnya mengimplementasikan dibuat selanjutnya mengimplementasikan dalam pemrograman.dalam pemrograman.

Melakukan uji coba kinerja program pada Melakukan uji coba kinerja program pada setiap unit pemrograman, sehingga kinerja setiap unit pemrograman, sehingga kinerja web programer lebih efektif dan efisien.web programer lebih efektif dan efisien.

Integrasi SistemIntegrasi Sistem

Web desainer menggabungkan semua Web desainer menggabungkan semua halaman situs dan memastikan tidak ada halaman situs dan memastikan tidak ada kesalahan link (kesalahan link (broken linkbroken link).).

Web desainer membuang semua tag-tag Web desainer membuang semua tag-tag HTML yang tidak berguna yang biasanya HTML yang tidak berguna yang biasanya dibuat oleh program aplikasi editor web.dibuat oleh program aplikasi editor web.

Web programer menggabungkan unti-unti Web programer menggabungkan unti-unti pemrograman dan memastikan tidak ada pemrograman dan memastikan tidak ada kesalahan dalam pemrograman (kesalahan dalam pemrograman (error freeerror free))

Integrasi Sistem …..Integrasi Sistem …..

Web desainer dan web programer Web desainer dan web programer menggabungkan semua komponen-menggabungkan semua komponen-komponen situs web (image, isi, link, komponen situs web (image, isi, link, animasi, buku tamu, login pengguna, animasi, buku tamu, login pengguna, dll)dll)

Melakukan uji coba terhadap kinerja Melakukan uji coba terhadap kinerja situs web secara keseluruhan.situs web secara keseluruhan.

Penempatan Situs WebPenempatan Situs Web

Memastikan tidak ada masalah pada Memastikan tidak ada masalah pada situs web yang dibangun.situs web yang dibangun.

Memiliki web hosting.Memiliki web hosting. Mendaftar ke ISP.Mendaftar ke ISP. Mengupload file-file ke server.Mengupload file-file ke server.

Pemeliharaan Situs WebPemeliharaan Situs Web

Update isi, keterangan, artikel, dll.Update isi, keterangan, artikel, dll. Mengganti image, gambar dan elemen Mengganti image, gambar dan elemen

grafis lainnya.grafis lainnya. Menambahkan atau mengurangi halaman,Menambahkan atau mengurangi halaman, Manupilasi image dan penambahan image Manupilasi image dan penambahan image

berdasarkan usulan klien.berdasarkan usulan klien. Newsletter dan pemeliharaan daftar e-mail.Newsletter dan pemeliharaan daftar e-mail. Update keranjang belanja.Update keranjang belanja. Pembuatan dokumen pdf dan uploading.Pembuatan dokumen pdf dan uploading. Mendesain ulang (bila diperlukan).Mendesain ulang (bila diperlukan).