Materi 10-rekayasa-web-tahapan-proyek

28
Tahapan Proyek Tahapan Proyek Pembuatan Situs Web Pembuatan Situs Web Materi Ke-10 Materi Ke-10

Transcript of Materi 10-rekayasa-web-tahapan-proyek

Page 1: Materi 10-rekayasa-web-tahapan-proyek

Tahapan Proyek Tahapan Proyek Pembuatan Situs WebPembuatan Situs Web

Materi Ke-10Materi Ke-10

Page 2: Materi 10-rekayasa-web-tahapan-proyek

Development ProcessDevelopment Process

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

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

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

Page 3: Materi 10-rekayasa-web-tahapan-proyek

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

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

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

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

Page 4: Materi 10-rekayasa-web-tahapan-proyek

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

Adalah proses pembuatan situs web Adalah proses pembuatan situs web secara terstruktur dan berurutan dimulai secara terstruktur dan berurutan dimulai dari penentuan masalah, analisa 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.

Page 5: Materi 10-rekayasa-web-tahapan-proyek

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 bagi pengembang dan klien mengenai apa tujuan pembuatan situs web bagi klien dan apa saja keuntungan yang diperoleh klien dari pembuatan situs klien dan apa saja keuntungan yang diperoleh klien dari pembuatan situs web tersebut.web tersebut.

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

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

Page 6: Materi 10-rekayasa-web-tahapan-proyek

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

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

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

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

Page 7: Materi 10-rekayasa-web-tahapan-proyek

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 untuk web ; pada tahap ini situs web siap untuk dipublikasikan di internet. Pada proses ini dipublikasikan di internet. Pada proses ini selain pemeliharaan hosting yang baik selain pemeliharaan hosting yang baik juga perlu diperhitungkan pemeliharaan juga perlu diperhitungkan pemeliharaan situs web tersebut. Seperti isinya perlu situs web tersebut. Seperti isinya perlu diganti atau diperbaiki yang pada diganti atau diperbaiki yang pada dasarnya adalah menjadi tugas web dasarnya adalah menjadi tugas web administrator. administrator.

Page 8: Materi 10-rekayasa-web-tahapan-proyek

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 pada mendasar dari waterfall model. Yaitu pada tahap penentuan masalah dan analisa tahap penentuan masalah dan analisa kebutuhan menjadi tulang punggung kebutuhan menjadi tulang punggung keberhasilan proyek pembuatan situs keberhasilan proyek pembuatan situs web. web.

Page 9: Materi 10-rekayasa-web-tahapan-proyek

Persiapan ProyekPersiapan Proyek

Tujuan Pembuatan Situs WebTujuan Pembuatan Situs Web Menentukan Siapa pengunjung Situs WebMenentukan Siapa pengunjung Situs Web Analisa Kebutuhan dan Spesifikasi Situs Analisa Kebutuhan dan Spesifikasi Situs

Web.Web.

Page 10: Materi 10-rekayasa-web-tahapan-proyek

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

Mengapa klien memerlukan situs web ?Mengapa klien memerlukan situs web ? Mengaoa situs web yang dibangun Mengaoa situs web yang dibangun

memerlukan teknologi canggih ?memerlukan teknologi canggih ? Mengapa situs memerlukan komponen Mengapa situs memerlukan komponen

mulitmedia?mulitmedia?

Page 11: Materi 10-rekayasa-web-tahapan-proyek

Persiapan Proyek Persiapan Proyek (Menentukan Siapa pengunjung Situs Web)(Menentukan Siapa pengunjung Situs Web)

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

Range usia.Range usia. Latar belakang target pengunjung utama.Latar belakang target pengunjung utama. Akses situs webAkses situs web

Page 12: Materi 10-rekayasa-web-tahapan-proyek

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

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

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

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

Page 13: Materi 10-rekayasa-web-tahapan-proyek

Keuntungan Web Statis vs DinamisKeuntungan Web Statis vs Dinamis

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

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

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

Page 14: Materi 10-rekayasa-web-tahapan-proyek

Keuntungan Web Dinamis vs StatisKeuntungan Web Dinamis vs Statis

Biaya pemeliharaan lebih murah daripada Biaya pemeliharaan lebih murah daripada membayar untuk memprogram ulang setiap kali membayar untuk memprogram ulang setiap kali dibutuhkan adanya perubahan situs web.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.

Page 15: Materi 10-rekayasa-web-tahapan-proyek

Persiapan Proyek Persiapan Proyek (Analisa Kebutuhan dan Spesifikasi Situs Web) (Analisa Kebutuhan dan Spesifikasi Situs 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.

Page 16: Materi 10-rekayasa-web-tahapan-proyek

Pengerjaan ProyekPengerjaan Proyek

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

Page 17: Materi 10-rekayasa-web-tahapan-proyek

DesainDesain(tahapan)(tahapan)

Desain visual ; adalah web desainer menentukan Desain visual ; adalah web desainer menentukan tampilan halaman web, seperti letak banner, navigasi, tampilan halaman web, seperti letak banner, navigasi, logo untuk situs web.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 dinamis)prosedur tersebut (bila situs web bersifat dinamis)

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

Page 18: Materi 10-rekayasa-web-tahapan-proyek

Desain Desain (Pembuatan Storyboarding)(Pembuatan Storyboarding)

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

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

Page 19: Materi 10-rekayasa-web-tahapan-proyek

Desain Desain (pembuatan prototipe)(pembuatan prototipe)

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

Page 20: Materi 10-rekayasa-web-tahapan-proyek

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

Membuat image-image pada halaman Membuat image-image pada halaman situs web.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 halaman Mengatur isi situs pada setiap halaman sesuai pembagian kategori isi.sesuai pembagian kategori isi.

Page 21: Materi 10-rekayasa-web-tahapan-proyek

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 dipilih.editor sesuai dengan struktur web yang 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.

Page 22: Materi 10-rekayasa-web-tahapan-proyek

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

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

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

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

Page 23: Materi 10-rekayasa-web-tahapan-proyek

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

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

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

Page 24: Materi 10-rekayasa-web-tahapan-proyek

Integrasi SistemIntegrasi Sistem

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

Web desainer membuang semua tag-tag HTML Web desainer membuang semua tag-tag HTML yang tidak berguna yang biasanya dibuat oleh yang tidak berguna yang biasanya dibuat oleh program aplikasi editor web.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))

Page 25: Materi 10-rekayasa-web-tahapan-proyek

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, dll)animasi, buku tamu, login pengguna, dll)

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

Page 26: Materi 10-rekayasa-web-tahapan-proyek

Penempatan Situs WebPenempatan Situs Web

Memastikan tidak ada masalah pada situs Memastikan tidak ada masalah pada situs web yang dibangun.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.

Page 27: Materi 10-rekayasa-web-tahapan-proyek

Pemeliharaan Situs WebPemeliharaan Situs Web

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

lainnya.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).

Page 28: Materi 10-rekayasa-web-tahapan-proyek