Alir Produksi Produk WEB - Materi MAP

ALIR PRODUKSI WEB

Disusun Guna Memenuhi Tugas Kompetensi MAP

Instruktur:

v    Nin Subkhanudin Fadhila .ST., MM

v    Moh. Ismail S.kom

Disusun Oleh:

Apif mulyadi

Atika Mayangsari

Citra agustin pramanda

Nurul ayu ismyanna

Siti nurjanah

Suci prafitri

PEMERINTAH KOTA TEGAL

UPTD SMK 3 TEGAL

JURUSAN KOMPETENSI MULTIMEDIA

Jalan Gajahmada No.72 D Telp.(0283) 356081  Tegal 52113

2011/ 2012

---------------------------------------------------------------

PENGESAHAN

                      Laporan ini dengan judul “web” yang telah di buat dengan melibatkan berbegai pihak dalam rangka memenuhi tugas mata pelajaran MAP dan telah di sahkan pada :

  

Hari                 :

            Tanggal           :

           

Pengesah 1 NIN SUBKHANUDIN F .ST.MM NIP. 19850218 201001 1 018

Pengesah 2 MOH.ISMAIL S.KOM NIP.

 ---------------------------------------------------------------

BAB I

ALIR PRODUKSI PRODUK WEB

TINJAUAN PUSTAKA

WEB

Halaman web merupakan sebuah dokumen HTML, artinya untuk menulis sebuah halaman web digunakan HTML ( Hyper Text Markup Language ).HTML merupakan suatu bahasa yang menggunakan suatu tanda-tanda atau symbol symbol tertentu ( tag ) untuk menyatakan kode-kode tersebut harus ditafsirkan oleh browser agar halaman tersebutdapat ditampilkan secara benar dan rapi.

           

TOP LEVEL DOMAIN SEBUAH WEB

Ø  Domain khusus suatu Negara (Country –Specifik Top Level Domains/ ccTLDS):

ð  .id : Indonesia

ð  .au : Australia

ð  .jp : Jepang

Ø  Top Level Domain Sebuah Web Di Indonesia:

ð  .co.id  : untuk situs badan usaha yang mempunyai badan hukum sah

ð  .ac.id   : untuk situs lembaga pendidikan

ð  .go.id  : untuk situs lembaga pemerintah Republik Indonesia

ð  .mil.id : untuk situs lembaga militer Republik Indonesia

ð  .or.id   : untuk semua situs yang tidak termasuk kategori diatas

ð  .war.net.id :untuk situs industry warnet di Indonesia

ð  .sch.id : untuk situs lembaga pendidikan yang menyelenggarakan pendidikan seperti SD,SMP,SMU dan sederajat

ð  .web.id : untuk situs badan usaha yang melakukan kegiatan di www (word wide web)

JENS-JENIS WEBSITE

Sebelum membuat web baiknya anda harus tahu dulu jenis atau type blog/website sebelum mulai perjalanan panjang seorang blogger.Dua jenis utama website digolongkan menjadi website statis dan website dinamis. Di bawah ini dua kategori besar adalah jenis blog atau website yang lebih spesifik, kita akan membahas mereka dalam sekejap.Kadang kala ada sebagian yang belum mengerti akan jenis-jenis website.

Jenis  blog atau website statis adalah dimana anda membuat halaman bebas yang saling terkait satu sama lain dengan sebuah web editor HTML (atau WYSIWYG). Dengan cara inilah dahulu semua orang membangun sebuah website.Karena kesulitan-kesulitan yang dialami oleh banyak pendiri website,akhirnya para pakar membuat website dinamis. jenis website statis telah menjadi usang, kecuali jika Anda hanya memiliki beberapa halaman. Dengan banyak sistem manajemen konten atau biasa di sebut CMS gratis yang tersedia, lebih mudah untuk pemula untuk membuat website tanpa pengetahuan coding sama sekali.

Jenis blog atau website dinamis biasanya sebuah website yang terhubung ke database sehingga Anda dapat dengan mudah menyimpan dan menarik informasi dengan cara yang terorganisir dan terstruktur. WordPress dan Joomla adalah website dinamis. Sebagian besar informasi yang Anda tambahkan ke WordPress atau area administrator Joomla akan disimpan dalam database dan akan dihuni pada frontend situs Anda–secara otomatis.

Sekarang di bawah kategori utama dari sebuah website statis atau dinamis ada lebih spesifik jenis website yang dapat dibuat. Ketika meninjau daftar ini, membuat catatan bahwa situs masa depan Anda dapat menjadi kombinasi dari beberapa jenis.

Jenis-jenis  website yang lebih spesifik adalah sebagai berikut:

ð  Jenis Situs

ð  Afiliasi: Sebuah situs di mana Anda posting link ke produk dan layanan yang Anda rekomendasikan dan ketika pengunjung mengklik link atau pembelian produk pemilik website kalian akan menerima komisi. lembaga afiliasi situs Contoh: Commission Junction, ClickBank, eJunkie, dll

ð  Arsip site: jenis situs ini digunakan untuk menyimpan informasi lebih tua tentang topik tertentu, ditujukan untuk penelitian atau hiburan.. Dua contoh adalah Internet Archive dan Way Back Machine, kedua salinan menyimpan seluruh situs web saat ini dan sebelumnya.

ð  Blog (atau weblog) site: Situs yang umumnya digunakan untuk mengirim buku harian online yang mungkin termasuk diskusi atau forum. Blog telah berevolusi selama bertahun-tahun untuk melakukan lebih dari memposting pemikiran acak Anda.. Sistem blogging yang Anda pilih dapat dimodifikasi dan digunakan untuk semua jenis situs dalam daftar ini. Contoh situs blog adalah WordPress, Movable Type dan Blogger

ð  Perusahaan atau situs Bisnis: Digunakan untuk memberikan informasi latar belakang tentang sebuah organisasi, bisnis, atau layanan. Contoh situs perusahaan adalah General Motors, General Electric, dan PepsiCo.

ð  Commerce situs atau situs eCommerce: Untuk pembelian atau layanan yang baik seperti Amazon, Walmart atau Target. Lebih rinci baca di halaman e-commerce.

ð  Situs Komunitas (social network): Sebuah situs di mana orang dengan minat yang sama berkomunikasi satu sama lain, biasanya dengan chat atau papan pesan.

ð  Database site: Sebuah situs yang tujuan utama adalah untuk mencari menampilkan menyimpan data seperti Internet Pindahkan Database atau Makam Politik.

ð  Pengembangan Situs: Sebuah situs di mana informasi dan sumber daya disediakan untuk mata pelajaran yang terkait dengan pengembangan perangkat lunak, desain web dan pemrograman.

ð  Direktori situs: Sebuah situs yang berisi daftar informasi terorganisir ke dalam kategori dan subkategori tersebut dan direktori Yahoo, Google Directory dan Open Directory Project.

ð  Download site: Strictly digunakan untuk men-download konten elektronik seperti perangkat lunak, permainan, demo dan wallpaper desktop. Contoh situs Tucows dan ZDNet.

ð  Situs kerja: Memungkinkan majikan untuk posting iklan lowongan kerja untuk posisi sehingga calon karyawan mungkin berlaku. Contoh situs kerja adalah Rakasa, HotJobs dan CareerBuilder.

ð  Humor site: Tujuan utama dari situs ini terlalu menghibur dan menghibur. Contoh Bored.com.

ð  Situs Informasi: Berisi konten yang dimaksudkan untuk menginformasikan pengunjung, tetapi belum tentu untuk tujuan komersial. Sebagian besar pemerintah, lembaga pendidikan dan tidak ada-laba memiliki situs informasi.

ð  Intranet situs: Sebuah situs yang dibuat untuk sekelompok karyawan yang bekerja untuk sebuah perusahaan tertentu Intranet hanya dapat dilihat oleh karyawan saat ini bekerja di sana dan biasanya menyimpan informasi proyek internal dan kejadian perusahaan.

ð  Mirror site: Sebuah reproduksi lengkap dari sebuah website.

ð  Situs Berita: Serupa dengan situs informasi, tetapi didedikasikan untuk meracik berita dan komentar. Seperti CNN, New York Post dan Fox 5.

ð  Personal homepage: Jalankan oleh perorangan atau kelompok kecil (seperti keluarga) yang berisi informasi atau konten yang orang ingin untuk memasukkan.

ð  situs Phish: Sebuah website diciptakan untuk orang scam dan memperoleh informasi sensitif, seperti password dan rincian kartu kredit, dengan menyamar sebagai orang yang dapat dipercaya atau bisnis (seperti Social Security Administration, PayPal) dalam sebuah komunikasi elektronik.

ð  Politik situs: Sebuah situs di mana seseorang mungkin posting tentang pandangan politik. Semacam Huffington Post.

ð  Rating situs: Sebuah situs di mana orang dapat memuji atau merendahkan suatu produk, tempat atau layanan.

ð  Review Situs: Sebuah situs di mana orang dapat posting review untuk produk atau jasa.

ð  Search Engine situs: Sebuah situs yang menyediakan informasi umum dan dimaksudkan sebagai gateway atau pencarian untuk situs lain Beberapa contoh adalah Google, Yahoo dan Bing.

ð  Warez: Sebuah situs diisi dengan perangkat lunak ilegal dan media elektronik lainnya untuk di-download.

ð  portal Web: Sebuah situs yang menyediakan titik awal atau pintu gerbang ke sumber daya lainnya di Internet atau intranet.

ð  Wiki site: Sebuah situs yang pengguna bersama-sama mengedit informasi untuk melayani sebagai sumber online. Seperti Wikipedia.

Jenis-jenis web sekarang sangat bervariasi. Kalau dulu hanya ada satu jenis website saja, yaitu sebagai tempat untuk menyebarkan  informasi, kini sudah bermacam-macam. Berbagai website tersebut di antaranya adalah:

1. Website: untuk menyebar informasi kepada pembaca dan pengunjungnya. Website banyak digunakan oleh perusahaan, instansi, organisasi, meskipun ada juga perorangan.
2. Blog: untuk menyampaikan informasi bersifat pribadi, sehingga biasanya digunakan oleh perorangan. Meskipun demikian, sekarang banyak juga perusahaan dan institusi juga menggunakan blog, karena lebih interaktif dibanding website.
3. Forum: adalah situs yang digunakan untuk berbincang-bincang mengenai berbagai topik yang sudah dikelompokkan tempatnya. Pengunjung atau peserta biasanya harus mendaftarkan diri terlebih dahulu.
4. Pencari: merupakan situs yang digunakan untuk mencari informasi dengan cara tertentu. Contoh adalah Google dan Yahoo, meskipun sekarang muncul juga Bing (Microsoft) dan Wolfram Alfa.
5. Wiki: yaitu situs yang digunakan untuk menyimpan berbagai entri seperti kamus atau ensiklopedia. Pengunjung dapat mencari keterangan tentang satu istilah, nama, atau topik secara lengkap.
6. Penyimpan file: adalah situs yang ditujukan untuk menyimpan berbagai file dalam ukuran besar, sehingga cocok dipakai sebagai backup. Kapasitas yang disediakan cukup besar, antara 5 hingga 25 GB dan gratis, meskipun yang berbayar akan lebih banyak lagi fasilitas dan kapasitasnya. Misalnya RapidShare, HotFile, 4Shared, Ziddu, dan Google.
7. Email: adalah merupakan situs untuk berkomunikasi melalui e-mail, kebanyakan bersifat gratis.
8. Jejaring sosial: situs yang ditujukan untuk berkomunikasi secara sederhana, cepat, dan masif. Contohnya adalah facebook, twitter, friendster, dan yahoo.

Kalau Anda akan membuat situs, tentukan dulu jenis informasi apa yang akan Anda muat di sana. Lalu pilihlah salah satu dari berbagai jenis situs yang sudah diuraikan di atas.

---------------------------------------------------------------

BAB II

PEMBAHASAN

Alir Produksi Produk Multimedia (WEB)

Proses produksi sebuah website meliputi sebagai berikut:

1.      Pre- production web

Meliputi langkah langkah sebagai berikut:

Proses Pembuatan website–Dalam pembuatan sebuah website di perlukan dua bidang yang saling berhubungan satu sama lain, yaitu web programming dan web designing. Web programing adalah sebuah keahlian yang diperlukan untuk menuliskan script pemrograman web, sedangkan web designing merupakan bidang keahlian yang merancang dan mendesain tampilan suatu web. Untuk membangun suatu website yang bagus, dinamis dan interaktif, keduanya harus ada dan saling melengkapi. Adapun langkah-langkah Proses Pembuatan website yang harus dilaksanakan dalam membangun sebuah website adalah sebagai berikut:

a.         Perencanaan dan Tujuan

Dalam memulai pembuatan website sangat diperlukan perencanaan awal, sesuai dengan tujuan dari pembuatan website itu sendiri. Identifikasi awal perlu diperlukan misalnya: website apa yang ingin dibuat ? siapa saja pengunjung yang diharapkan ? targetan apa yang ingin dicapai dengan pembuatan website ini?. Dengan menjawab pertanyaan2 di atas, akan semakin jelas dan mempermudah dalam membangun sebuah website. Ini merupakan tahap awal dari Proses Pembuatan website

b.        Pemilihan dan Penggunaan software / Engine

Tahap Kedua dari Proses Pembuatan website yaitu Dalam pembuatan website kita memerlukan software yang digunakan untuk proses desain dan pemrograman web. Pemakaian software ini dibagi menjadi dua bagian yaitu sotware untuk program desain web dan software untuk pemrograman web. Banyak sekali sotware untuk program desain web seperti Adobe Photoshop, flash, dreamwaver, corel draw, dll.  Dan software untuk pemograman web antara lain, software dreamwaver, crimson editor, notepad, dengan pemograman seperti php ataupun asp.  Dan saat ini marak penggunaan Engine CMS ataupun CI.

 ---------------------------------------------------------------

2.      Production web

Meliputi langkah langkah sebagai berikut:     

a.         Desain Web

Dalam pembuatan desain-desain grafis untuk web dapat digunakan software desain yang ada seperti yang telah disebutkan diatas.

b.        Pemrograman Web

Pemograman web yang digunakan dalam pembuatan website antara lain php dan asp.  Penggunaan program ini disesuaikan dengan keinginanan ataupun kemampuan seorang webmaster dalam membuat suatu website. Ini merupakan tahap ke empat dari Proses Pembuatan website.

c.         Menggabungkan Design dan Pemrograman Web

Tahap berikutnya dari Proses Pembuatan website adalah dengan melakukan penggabungan desain dan pemrograman web yang telah dibuat sebelumnya. Tahap ini merupakan tahap tang paling penting, dan perlu keahlian dan perhitungan yang cermat.

Sebelum melakukan penggabungan desain dan pemrograman web, sebaiknya ditentukan terlebih dahulu jenis layout (tata letak) yang akan digunakan. Format layout banyak digunakan karena banyak menapung informasi dalam suatu halaman, disamping itu layout jenis ini dapat membuat desain yang telah dibuat terlihat seimbang dan enak dilihat. Model layout split dibagi menjadi lima bagian, yaitu header, menu kiri, menu kanan, body/content dan footer.

Bagian header ditempati oleh desaign header yang telah dibuat. Bagian menu kiri akan dipake untuk menampilkan menu kategori, menu login. Pada menu kanan ditampilkan menu popular, news lastest dan shoot message. Dan terakhir bagian footer ditempati oleh keterangan siapa pembutan website.

 ---------------------------------------------------------------

3.      Post- production web

Meliputi langkah langkah sebagai berikut:

a.         Publishing

Setelah proses pembuatan website diatas telah selesai dan semua link dapat berfungsi dengan baik, maka langkah selanjutnya adalah dengan mem-publish halaman website tersebut. Proses publishing ini dapat dilakukan dengan localhost (intranet) atau pun upload di internet.

Proses publishing dengan menggunakan localhost dapat menggunakan software seperti apache, iis, xxamp dan lainnya.  Dengan proses ini website yang kita buat dapat ditampilkan dikomputer tanpa terhubung dengan jaringan internet.  Selanjutnya publishing yang terhubung dengan jaringan internet, yaitu dengan pemesanan tempat domain dan hosting, kepada perusahaan pengelola web yang menyediakan pembelian domain dan hosting.

b.        Evaluasi

Setelah melalui proses sebelumnya, yaitu tahap perancangan, desain, pemrograman, penggabungan desain dan publishing, maka secara keseluruhan website sudah jadi dan siap diakses oleh semua orang lewat internet. Tahap selanjutnya adalah proses evaluasi terhadap website ini. Evaluasi website ini merupakan proses maintenance (perawatan) bagi suatu website. ini merupakan tahap terakhir dari Proses Pembuatan website.

salam kekuatan berawal dari hati  bayoete.blogspot.com