Membangun Proyek Websiete 02-SI00121-Perancangan Aplikasi Perangkat Keras By: Muhammad Davi

Tahapan Membangun Proyek Website Planning (Perencanaan Web) 3 1 Designing (Mendesain web dan mengatur layout) 2 Coding (Membuat kode-kode program untuk web) 3 Testing (Pengujian Web) 4 Maintenance (Pemeliharaan Web) 3 5

Cont…. Model Waterfall Web architect Web designer Web programmer PLANNING Web architect DESIGNING Web designer CODING Web programmer TESTING PROMOTION Web developer User/Client MAINTENANCE Web administrator

1. Perencanaan Web (Planning) Empat tahap dalam merencanakan web: Menentukan tema atau tujuan website. Mengumpulkan data/bahan yang akan menjadi materi website. Membuat kerangka situs/peta situs (sitemap) Membuat jadwal kerja untuk tiap web developer (time schedule) GM = MK

a. Alur proses eksplorasi tujuan website Tentukan Tema Carilah website paling pupuler di Internet yang berhubungan dengan tema Website Lokal Website luar negeri Pelajari karakteristik masing-masing tersebut: Karakteristik desain (warna, layout) Contentnya Fiturnnya Klien

Hasil pengumpulan data Materi Website (Hasil Pengumpulan Data) Info, Logo, Foto, Sample Content dan Fitur-fiturnya. Web Designer Web Programmer -TESTING- Menggabungkan Layout, Design dan Coding. Evaluasi Website. Kompatibilitas Browser Pengujian secara Offline dan Online

b. Mengumpulkan Data (Materi Website) Ada dua metode yang dapat digunakan untuk mengumpulkan data: Metode Kuesioner Dokumen yang berisi daftar pertanyaan spesifik mengenai website yang akan dibuat. Metode Interview Wawancara langsung ketemu klien. Beberapa contoh data-data penting: Info dan keterangan mengenai perusahaan/organisasi klien. Foto/Gambar, seperti logo, foto produk, foto gudang,.. Info mengenai produk/jasa/kegiatan secara detail …

c. Membuat Peta Situs (Sitemap) Ada dua metode yang dapat digunakan untuk mengumpulkan data: Metode Kuesioner Dokumen yang berisi daftar pertanyaan spesifik mengenai website yang akan dibuat. Metode Interview Wawancara langsung ketemu klien. Beberapa contoh data-data penting: Info dan keterangan mengenai perusahaan/organisasi klien. Foto/Gambar, seperti logo, foto produk, foto gudang,.. Info mengenai produk/jasa/kegiatan secara detail …

d. Membuat Jadwal Kerja Februari 1 2 3 4 5 6 7 8 9 Analisis Sistem (Perencanaan) Pengumpulan Bahan/Data Membuat Peta Situs dan Jadwal Review & Evaluasi Designing Coding Penggabungan Design dan Coding Testing (Domain, Hosting, Upload) Promosi Maintenance Maintenance dilakukan sesuai dengan perjanjian dengan klien (biasanya 3 s/d 6)

2. Mendesain Web (Web Design) HEADER CONTENT FOOTER

Cont… Ukuran byte Ukuran pixel Resolusi monitor Standar XHTML dan CSS Layout menggunakan CSS Warna dan tipografi

3. Pemrograman Web (Coding) Coding atau Scripting dalam pemrograman web dibagi menjadi dua, yaitu: Client Side Scripting Contoh script yang berjalan di sisi client/browser: (X)HTML, JavaScript (jQuery), CSS, dan VBScript  website statis. Server Side Scripting Sedangkan contoh script yang berjalan disisi server: PHP, ASP, JSP, PERL, dan ColdFusion  website dinamis dan interaktif.

4. Pengujian Web (Testing) Uji coba yang dapat dilakukan secara offline: Kompabilitas browser. Coba tampilkan website pada beberapa browser yang berbeda-beda, terutama brwoser yang umum digunakan. Memeriksa link tiap halaman. Untuk memastikan bahwa semua link berfungsi dengan baik, sehingga tidak akan ada broken link. Memeriksa kelengkapan data. Apakah semua data yang diberikan klien sudah ada dalam website. Mencoba tiap fitur-fiturnya. Perlu dicoba-coba satu-persatu fiturnya, baik yang ada di halaman pengunjung maupun administratornya (CMS). Mengubah desain web (jika diiperlukan).

5. Promosi Web (Promotion) Bagaimana website akan dikenal khalayak ramai apabila tidak dipromosikan? Bagaimana cara mempromosikannya? Apakah ada ilmu khusus untuk mempromosikan diri?

6. Pemeliharaan Web (Maintenance) Intinya, tahap ini memastikan bahwa website dapat dapat berjalan dengan baik setiap hari. Adapun tugas Web Administrator mencakup mengelola content website dan user yang terlibat dalam website.

Jenis-Jenis Website Website Perusahaan Website Organisasi Website E-Commerce Webstie Berita Website Pemerintahan

Thank You !