Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

LOGO www.themegallery.com Membangun Proyek Websiete 02-SI00121-Perancangan Aplikasi Perangkat Keras By: Muhammad Davi.

Presentasi serupa


Presentasi berjudul: "LOGO www.themegallery.com Membangun Proyek Websiete 02-SI00121-Perancangan Aplikasi Perangkat Keras By: Muhammad Davi."— Transcript presentasi:

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

2 LOGO Tahapan Membangun Proyek Website Designing (Mendesain web dan mengatur layout) 2 Testing (Pengujian Web) 4 Planning (Perencanaan Web) 31 Coding (Membuat kode-kode program untuk web) 33 Maintenance (Pemeliharaan Web) 35

3 LOGO Cont…. Model Waterfall PLANNING Web architect DESIGNING Web designer CODING Web programmer TESTINGPROMOTION Web developer User/Client MAINTENANCE Web administrator

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

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

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

7 LOGO 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 …

8 LOGO 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 …

9 LOGO d. Membuat Jadwal Kerja Februari 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)

10 LOGO 2. Mendesain Web (Web Design) HEADER CONTENT FOOTER

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

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

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

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

15 LOGO 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.

16 LOGO Jenis-Jenis Website 1. Website Perusahaan 2. Website Organisasi 3. Website E-Commerce 4. Webstie Berita 5. Website Pemerintahan

17 LOGO


Download ppt "LOGO www.themegallery.com Membangun Proyek Websiete 02-SI00121-Perancangan Aplikasi Perangkat Keras By: Muhammad Davi."

Presentasi serupa


Iklan oleh Google