Perancangan Web

							Web Design




         caradesainweb.blogspot.com
          Dasar Perancangan
• Definisikan Tujuan
• Perencanaan yang matang dan tujuan yang
  jelas [adalah kunci keberhasilan dalam
  membangun situs web, terutama ketika Anda
  bekerja sebagai bagian dari tim
  pengembangan.]




                            caradesainweb.blogspot.com
            2 Proses Penting
• Kumpulkan tim pengembangan Anda, analisis
  kebutuhan dan tujuan, dan bekerja melalui
  proses perancangan diuraikan di sini untuk
  memperbaiki rencana.
• membuat dokumen proyek yang detail
  apa yang ingin di lakukan dan mengapa, apa
  teknologi dan konten yang di perlukan, berapa
  lama Proses nya, apa yang Anda akan lakukan
  untuk melakukan itu, dan bagaimana Anda akan
  menilai hasil nya.

                               caradesainweb.blogspot.com
      Keterampilan inti yang dibutuhkan dalam tim
                 pengembangan web

•   Strategi dan perencanaan
•   proyek manajemen
•   Informasi arsitektur dan pengguna
•   desain antarmuka
•   grafis untuk web
•   teknologi Web
•   tempat produksi

                                   caradesainweb.blogspot.com
    peran tim Web dan tanggung jawab
•   Proyek pemangku kepentingan atau sponsor
•   Web manajer proyek
•   kegunaan utama
•   informasi arsitek
•   Art director
•   Teknologi Web
•   Leader Situs produksi
•   Editor situs

                              caradesainweb.blogspot.com
 Project stakeholder atau sponsor
• orang atau kelompok yang bertanggung jawab untuk
  memulai situs proyek web
• Dalam kebanyakan kasus sponsor adalah klien atau
  pelanggan untuk pekerjaan pengembangan situs web
• Sponsor memberikan visi strategis secara keseluruhan
  dan tujuan untuk proyek pengembangan situs,
  menyetujui kontrak atau rencana kerja, yang
  bertanggung jawab atas jadwal anggaran dan proyek,
  dan menyediakan sumber daya untuk mendukung
  pekerjaan dari tim pengembangan situs


                                   caradesainweb.blogspot.com
          Manajer Proyek Web
• Mengkoordinasikan dan mengkomunikasikan sehari-
  hari taktis pelaksanaan proyek situs web
• Bertindak dalam batasan proyek piagam dan tujuan,
  anggaran proyek, pengembangan jadwal, dan kualitas
  tujuan yang dipaparkan dalam perencanaan tahap
• menciptakan dan memelihara perencanaan proyek dan
  Strategi dokumen, spreadsheet anggaran,
  proyek jadwal dan grafik Gantt, pertemuan
  catatan, catatan penagihan, dan proyek lainnya
  dokumentasi yang rinci tim kegiatan


                                  caradesainweb.blogspot.com
Gantt charts




           caradesainweb.blogspot.com
              kegunaan utama
• bekerja sama dengan arsitek informasi
• Memimpin memiliki tanggung jawab untuk pengujian
  pengguna, pengguna penelitian dan pengembangan
  pribadi, dan yang universal kegunaan standar untuk
  proyek situs
• mengevaluasi efektivitas desain melalui tambahan
  penelitian dan pengujian pengguna dan memastikan
  bahwa tujuan kegunaan yang universal terpenuhi
• Bertanggung jawab untuk mengevaluasi keberhasilan
  proyek


                                   caradesainweb.blogspot.com
              informasi arsitek

• mengatur dan mengkategorikan struktur situs
  web dan
  kadar
• paling aktif di awal desain dan perencanaan
  tahapan proyek, pengembangan konten
  kategorisasi skema, situs yang konsisten
  terminologi struktur, konten di seluruh situs, dan
  situs arsitektur diagram yang menjelaskan
  keseluruhan situs berencana untuk kedua
  sponsor dan web anggota tim

                                  caradesainweb.blogspot.com
arsitektur diagram Web




                caradesainweb.blogspot.com
9 Pillars of Successful Web Teams
       (Jesse James Garrett)




                      caradesainweb.blogspot.com
caradesainweb.blogspot.com
          Awal Perencanaan
• Memahami dan mengkomunikasikan 3 tujuan
  utama
• Pahami audiens
• Analisa Web (sebagai alat perencanaa)
• Masukan untuk desain
• Persediaan Isi



                           caradesainweb.blogspot.com
 Memahami dan mengkomunikasikan 3 tujuan
                utama
• Harus mencakup strategi khusus di mana situs
  web akan dirancang, berapa lama desain situs,
  konstruksi, dan periode evaluasi akan jadi, dan
  langkah-langkah kuantitatif dan kualitatif yang
  spesifik tentang bagaimana keberhasilan situs
  akan dievaluasi.
• Membangun situs web adalah proses yang
  berkelanjutan, bukan sistem lama dengan
  konten statis.

                                caradesainweb.blogspot.com
                 Pahami Audiens
• Identifikasi potensi pemirsa untuk situs web Anda sehingga
  Anda dapat struktur situs desain untuk memenuhi kebutuhan
  dan harapan mereka.
• Sebuah sistem yang dirancang dengan baik harus
  mengakomodasi berbagai keterampilan dan minat. Misalnya,
  jika tujuan dari situs web Anda adalah untuk memberikan
  Informasi internal perusahaan, sumber daya manusia
  dokumen, atau informasi lainnya sebelumnya diterbitkan
  dalam manual kertas, audiens Anda akan berkisar dari mereka
  yang akan kunjungi situs berkali-kali setiap hari untuk mereka
  yang hanya kadang-kadang merujuk ke situs.


                                         caradesainweb.blogspot.com
  Tipe Web Site dan Dokumen

• dynamic web pages
• Static web pages




                   caradesainweb.blogspot.com
     Web content management
• Editorial alur kerja, proses persetujuan, dan
  manajemen akses untuk penulis web individu
• Situs manajemen halaman, direktori, rekening
  konten kontributor, dan operasi sistem umum
• Sebuah antarmuka pengguna interaktif,
  biasanya berbasis browser, yang tidak
  memerlukan pengetahuan teknis dari web,
  html, atau css untuk membuat konten web

                               caradesainweb.blogspot.com
                     Blogs
A blog is actually a simple cms, typically
  designed to support three core features:
• Easy publication of text, graphics, and
  multimedia content on the web
• Built-in tools that enable blog readers to post
  comments (an optional feature)
• Built-in rss features that allow subscribers to
  see when a blog site has been updated

                                 caradesainweb.blogspot.com
   The Site Development Process
1. Site definition and planning
2. Information architecture
3. Site design
4. Site construction
5. Site marketing
6. Tracking, evaluation, and maintenance



                               caradesainweb.blogspot.com
caradesainweb.blogspot.com