[revisi tidak terperiksa]

Revisi per 22 Februari 2016 01.22

PERANCANGAN MEDIA VIDEO PROFILE

BERBENTUK PROMOSI DAN INFORMASI

DI SMK AT-THAHIRIN 2

CILEDUG TANGERANG

SKRIPSI

Disusun Oleh :

NIM	: 1121466941
NAMA	: Adam Maulana Rachman

JURUSAN TEKNIK INFORMATIKA

KONSENTRASI MULTIMEDIA AUDIO VISUAL DAN BROADCASTING

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

TANGERANG

(2015/2016)

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

LEMBAR PENGESAHAN SKRIPSI

PERANCANGAN MEDIA VIDEO PROFILE

BERBENTUK PROMOSI DAN INFORMASI

DI SMK AT-THAHIRIN 2

CILEDUG TANGERANG

Disusun Oleh :

NIM	: 1121466941
NAMA	: Adam Maulana Rachman
Jenjang Studi	: Strata Satu
Jurusan	: Teknik Informatika
Konsentrasi	: Multimedia Audio Visual dan Broadcasting

Disahkan Oleh :

Tangerang, Januari 2016

Ketua					Kepala Jurusan
STMIK RAHARJA					Jurusan Teknik Informatika




(Ir.Untung Rahardja, M.T.I)					(Junaidi, M.Kom)
NIP : 000594					NIP : 001405

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN MEDIA VIDEO PROFILE

BERBENTUK PROMOSI DAN INFORMASI

DI SMK AT-THAHIRIN 2

CILEDUG TANGERANG

Dibuat Oleh :

NIM	: 1121466941
NAMA	: Adam Maulana Rachman

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Teknik Informatika

Konsentrasi Multimedia Audio Visual dan Broadcasting

Disetujui Oleh :

Tangerang, Januari 2016

Pembimbing I			Pembimbing II




(Lusyani Sunarya,.S.Sn,M.Si)			(Gunawan Putrodjodjo.Ir,.MM)
NID : 06124			NID : 14007

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN MEDIA VIDEO PROFILE

BERBENTUK PROMOSI DAN INFORMASI

DI SMK AT-THAHIRIN 2

CILEDUG TANGERANG

Dibuat Oleh :

NIM	: 1121466941
NAMA	: Adam Maulana Rachman

Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian

Komprehensif

Jurusan Teknik Informatika

Konsentrasi Multimedia Audio Visual dan Broadcasting

Tahun Akademik 2015/2016

Disetujui Penguji :

Tangerang, Januari 2016

Ketua Penguji	Penguji I	Penguji II




(_______________)	(_______________)	(_______________)
NID :	NID :	NID :

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

LEMBAR KEASLIAN SKRIPSI

PERANCANGAN MEDIA VIDEO PROFILE

BERBENTUK PROMOSI DAN INFORMASI

DI SMK AT-THAHIRIN 2

CILEDUG TANGERANG

Disusun Oleh :

NIM	: 1121466941
NAMA	: Adam Maulana Rachman
Jenjang Studi	: Strata Satu
Jurusan	: Teknik Informat
Konsentrasi	: Multimedia Audio Visual dan Broadcasting

Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan Perguruan Tinggi Raharja maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.

Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.

Tangerang, Februari 2016

(Adam Maulana Rachman)

NIM : 1121466941

)*Tandatangan dibubuhi materai 6.000;

BAB I

PENDAHULUAN

Latar Belakang Penelitian

Pesatnya perkembangan informasi dan komunikasi saat ini sangat berperan penting bagi masyarakat luas. Hal ini dibuktikan dengan banyaknya pelopor telekomunikasi dan informasi yang berlomba – lomba menyajikan dengan merealisasikan informasi dan komunikasi yang dapat digunakan untuk memperoleh informasi, baik melalui media cetak seperti koran, majalah, buku, maupun media elektronik seperti radio, televisi, telepon, dan internet.

Dinas Kominfo adalah suatu lembaga instansi pemerintahan yang membidangi pengolahan data informasi dan komunikasi yang dibutuhkan oleh Pemerintahan Kota Tangerang. Adapun lembaga tersebut terletak di Gedung Pusat Pemerintahan Lt.4 yang beralamatkan di Jl.Satria Sudirman Kota Tangerang. Lembaga ini dipimpin oleh seorang kepala dinas, serta terdapat satu sekretariat dan tiga bidang, diantaranya : bidang pengolahan data dan desiminasi informasi, bidang pos dan telekomunikasi, dan bidang telematika. Lembaga ini dibentuk pada tahun 2008, berdasarkan Peraturan Walikota Tangerang Nomor 28 tahun 2008 Tentang Organisasi dan Tata Kerja Dinas Informasi dan Komunikasi.

Saat ini Dinas Kominfo, memberikan layanan atau sarana media informasi melalui beberapa bentuk media yaitu berupa media sosial maupun website Kota Tangerang, dan media informasi sendiri saat ini memiliki perkembangan yang sangat pesat dibandingkan dengan media komunikasi lainnya, kebutuhan mengenai informasi akan terus bertambah sesuai perkembangan zaman. Agar dapat menyampaikan informasi pelayanan terbaru yang lebih efektif setidaknya harus mempunyai sarana media yang dapat menunjang efektivitas dalam proses komunikasi yang dilakukan oleh suatu lembaga atau instansi.

Dengan adanya pelayanan baru yang diluncurkan oleh pemerintah Kota Tangerang bernama LAKSA (Layanan Aspirasi Kotak Saran Anda). Aplikasi LAKSA adalah media komunikasi yang berfungsi untuk meneruskan keluhan masyarakat yang masuk melalui Call Center sehingga dapat direspon dengan cepat oleh dinas terkait, sehingga masyarakat dapat dengan mudah memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang. Dengan demikian penulis tertarik untuk membuat media video infografis yaitu Perancangan Video Infografis Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang. Sehingga melalui perancangan media tersebut diharapkan dapat memberikan bentuk informasi pelayanan yang lebih menarik, efektif, serta mudah diterima khususnya oleh masyarakat Kota Tangerang.

Dari hasil analisa kebutuhan yang dilakukan penulis terhadap Dinas Kominfo, membutuhkan media informasi yang menarik untuk memudahkan masyarakat dalam memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang melalui media video infografis.

Berdasarkan analisa di atas, penulis mencoba mengambil tema dalam Skripsi ini dengan judul: “PERANCANGAN VIDEO INFOGRAFIS APLIKASI LAKSA (LAYANAN ASPIRASI KOTAK SARAN ANDA) PADA DINAS KOMINFO KOTA TANGERANG”.

Rumusan Masalah

Berdasarkan latar belakang dan berdasarkan pengamatan yang dilakukan oleh penulis, maka dapat diuraikan beberapa permasalahan yang dihadapi, antara lain :

Media dalam bentuk apa yang efektif dan dapat menunjang informasi aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang ?
Bagaimana merancang media informasi yang dapat menarik perhatian audience dalam menunjang pemanfaatan aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) ?
Target seperti apa yang akan dicapai melalui Perancangan video infografis aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang ?

Ruang Lingkup

Dalam ruang lingkup ini penulis membatasi masalah yang akan di bahas hanya sebatas Pembuatan Media Video Infografis meliputi seperti Profil Pemerintahan Kota Tangerang khususnya pada Dinas KOMINFO, pengertian layanan Aplikasi LAKSA, dan media infografis Aplikasi LAKSA.

Tujuan dan Manfaat

Tujuan

Tujuan penelitian skripsi dapat dijabarkan sebagai berikut :

Mengimplementasikan rancangan media yang efektif, untuk informasi Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang, yang dikemas dalam bentuk video infografis.
Untuk merancang media audio visual dalam bentuk video infografis yang menarik, sehingga dapat menunjang informasi Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang .
Untuk mencapai Target Dinas Kominfo Kota Tangerang dalam hal menyampaikan informasi Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) khususnya kepada masyarakat Kota Tangerang.

Manfaat

Manfaat penelitian skripsi dapat dijabarkan sebagai berikut :

Dapat dijadikan media informasi yang efektif mengenai aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang yang akan disampaikan kepada masyarakat Kota Tangerang.
Masyarakat Kota Tangerang dapat memahami dan tertarik untuk menggunakan Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda),sehingga masyarakat dapat dengan mudah memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang.
Melalui perancangan video infografis ini diharapkan Dinas Kominfo Kota Tangerang akan mencapai target yang diharapkan, dalam hal penyampaian informasi dan memberikan pelayanan terbaik serta manfaat positif dalam hal komunikasi masyarakat Kota Tangerang kepada Dinas Pemerintahan Kota Tangerang.

Metodologi Penelitian

Metode-metode yang digunakan dalam penelitian ini diantaranya Metode Analisa Permasalahan, Metode Pengumpulan Data, Metode Analisa Perancangan Media, dan Metode Konsep Produksi Mavib (KPM).

Metode Analisa Permasalahan

Untuk mendapatkan permasalahan penelitian skripsi ini penulis melakukan wawancara pada hari senin tanggal 2 November 2015 pada bagian Dinas KOMINFO Kota Tangerang dengan Bapak Adhi Zulkifli, ST.MT sebagai Kepala Pengembangan E-Goverment.

Metode Pengumpulan Data.

Observasi
Observasi adalah pengambilan data yang diperlukan untuk penyusunan laporan Kuliah Kerja Praktek melalui pengamatan dan membuat pencatatan secara sistematik terhadap unsur – unsur yang telah diteliti dengan tujuan secara langsung pada Dinas Kominfo Pemkot Tangerang.
Interview
Wawancara adalah pengumpulan data dengan cara bertatap muka langsung dengan orang yang akan diwawancarai, untuk memperoleh informasi yang lebih jelas dan gambaran mengenai design seperti apa yang diinginkan, dengan cara melakukan tanya jawab secara langsung kepada narasumber atau stakeholder yaitu pada bagian TELEMATIKA dengan Bapak Rama Prima Mufti Al Rasyid pada Dinas Kominfo Pemkot Tangerang dan juga pihak-pihak yang terkait dengan topik penelitian.
Studi Pustaka
Selain melakukan observasi dan wawancara, pengumpulan data dengan cara studi pustaka dilakukan untuk melengkapi data-data yang relevan dalam pemilihan judul yang berkaitan dengan Multimedia Audio Visual and Broadcasting.

Metode Analisa Perancangan Media

Media video infografis yang dibutuhkan oleh Dinas Kominfo Kota Tangerang, akan diproduksi dengan menggunakan aplikasi program komputer grafis diantaranya : Adobe Premiere Pro CS 4, Adobe After Effects CS 4, dan Adobe Photoshop CS 4

Metode Konsep Produksi Mavib (KPM)

Konsep produksi mavib yang digunakan penulis dalam penelitian skripsi ini adalah sebagai berikut :

Pre Production
Production
Post Production

Sistematika Penelitan

Untuk mempermudah dalam memahami lebih jelas tentang penulisan penelitian ini, maka penulis mengelompokkan materi penulisan menjadi lima (V) bab yang masing-masing saling berkaitan satu sama lainnya, sehingga tulisan ini menjadi satu kesatuan yang utuh, kelima bab tersebut yaitu :

BAB 1 PENDAHULUAN

Bab ini berisi tentang uraian Latar Belakang Penelitan, Rumusan Masalah, Ruang Lingkup Penelitian, Tujuan dan Manfaat Penelitian, Metodologi Penelitian, dan Sistematika Penulisan.

BAB II : LANDASAN TEORI

Dalam bab ini berisi tentang konsep dasar yang melandasi permasalahan penelitian sesuai dengan topik yang di bahas / judul perancangan yang di angkat.

BAB III : IDENTIFIKASI MASALAH

Pada Bab ini berisikan tentang Gambaran Umum Objek Yang Diteliti, Product Information, Market Analisis, Potensial Market, Market Segmetation, Tujuan, Strategi, Buget Media, dan Konfigurasi Hadware.

BAB IV : KONSEP PRODUKSI MEDIA

Bab ini berisi tentang PreProduction, Production, Perancangan Multimedia, Perencanaan Audio, Perecanaan Visual, dan PostProduction.

BAB V : PENUTUP

Bab ini berisi tentang kesimpulan, saran dan kesan yang dapat diberikan oleh penulis darihasil penelitian yang dilakukan.

DAFTAR PUSTAKA

Berisikan tentang referensi yang digunakan dalam penyusunan hasil laporan

DAFTAR LAMPIRAN

Berisikan daftar dari keseluruhan lampiran-lampiran yang melengkapi laporan sebagai lampiran.

BAB II

LANDASAN TEORI

Teori Umum

Definisi Perancangan

Soepadmo (2013:10)^[1], Perancangan adalah setiap rancangan harus memenuhi kebutuhan penggunanya dan dapat berfungsi dengan baik, fungsi timbul sebagai akibat dari adanya kebutuhan manusia dalam usaha untuk mempertahankan serta mengembangkan hidup dan kehidupannya di alam semesta ini.

Binanto (2010 : 260)^[2], Perancangan adalah tahap pembuatan spesifikasi mengenai arsitektur program, gaya, tampilan, dan kebutuhan material atau bahan untuk program. Tahap ini biasanya menggunakan storyboard untuk menggambarkan deskripsi tiap scene lain dan bagian alur (flowchart) untuk menggambarkan aliran dari satu scene ke scene lain.

Proses Perancangan Secara Umum

Menurut Hendratman (2010 : 09)^[3] :

Konsep
Adalah hasil kerja berupa pemikiran yang menentukan tujuan-tujuan, kelayakan, dan segmen atau audience yang dituju. Konsep didapatkan dari pihak non-grafis, antara lain : ekonomi, politik, hukum, budaya dan lain-lain yang ingin menterjemahkan ke dalam bentuk visual karena dapat bekerja untuk membantu pihak yang membutuhkan solusi secara visual.
Media
Untuk mencapai kriteria ke sasaran atau segmen yang dituju diperlukan studi kelayakan yang cocok dan efektif untuk mencapai tujuannya. Media bisa berupa cetak, elektonik.
Ide
Untuk mencari ide yang kreatif diperlukan studi banding, wawancara dan lain-lain agar desain yang dibuat dapat efektif diterima dan membangkitkan kesan tertentu yang sulit dilupakan. Kadang untuk mendapatkan ide, diperlukan suatu imajinasi, membuat hal yang tidak mungkin menjadi mungkin, bahkan membuat suatu hal yang konflik atau paradoks.
Persiapan Data
Data berupa teks atau gambar terlebih dahulu harus kita pilih dan seleksi. Apakah data itu sangat penting sehingga harus tampil atau kurang penting sehingga bisa ditampilkan lebih kecil, samar atau dibuang sama sekali.
Visualisasi
Menentukan komponen desain, pemilihan warna, layout sampai finishing.
Produksi
Setelah desain dan coding yang dibuat selesai, sebaiknya terlebih dahulu diuji coba (testing) untuk memastikan sistem atau produk tidak ada kesalahan.

Teori Khusus

Pengertian Video

Menurut Ayuningtyas (2010 : 7)^[4] Video merupakan penggabungan gambar-gambar mati yang dibaca secara berurutan dalam suatu waktu atau kecepatan tertentu. Gambar-gambar yang digabung tersebut dinamakan frame dan kecepatan pembacaan gambar disebut dengan frame rate, dengan satuan fps (frame per second). Karena dimainkan dalam kecepatan yang tinggi maka tercipta ilusi gerak yang halus, semakin besar nilai frame rate maka akan semakin halus pergerakan yang ditampilkan.

Video Infografis

Menurut Lankow, et al (2012:6)^[5] Infographics singkatan dari "information graphic." Istilah ini telah mendapatkan popularitas baru-baru ini didasarkan pada peningkatan penggunaan grafis dalam pemasaran online. Beberapa menggunakan istilah ini untuk berkonotasi format unik yang telah diadopsi secara luas untuk aplikasi ini, yang ditandai dengan ilustrasi, tipografi besar, dan orientasi vertikal menampilkan bermacam-macam fakta.

Konsep Dasar Media

Pengertian Media

Menurut Desrianti dkk, (2012 : 133) ^[6], Media adalah segala bentuk yang digunakan untuk menyalurkan informasi. Pengertian media yang diberikan AECT (Association for education communication and tecnology) ini menunjukkan bahwa istilah ”media” memiliki makna yang sangat umum.

Menurut Maimunah dkk (2012 : 283)^[7] Media adalah sarana untuk menyampaikan pesan atau informasi kepada publik dengan menggunakan berbagai unsur komunikasi grafis seperti teks atau gambar atau foto.

Menurut Tjiptono (2012 : 240)^[8] Beberapa sarana komunikasi (media) yang dipakai dalam menyampaikan dan menyebarluaskan pesan antara lain : Media cetak, media elektronik, papan iklan, pos langsung (direct mail), petunjuk penjualan (point of purchase), selebaran dan kalender.

Alternatif Media

Menurut Supriyono (2010 : 136)^[9] alternatif media sebagai berikut :

Media cetak (Printed material)
Media yang statis dan mengutamakan pesan dengan jumlah kata, gambar, atau foto, baik dalam tata warna maupun hitam putih. Contoh : Poster, stiker, sampul buku, packaging, folder, leaflet, amplop & kop surat, tas belanja, katalog, iklan majalah dan surat kabar.
Media Elektronik (electronic)
Media dengan teknologi dan hanya bisa digunakan bila ada transmisi siaran. Contoh : Radio, televisi, internet, film, program video, animasi komputer.
Media Luar Ruangan (outdoor)
Media iklan (biasanya berukuran besar) yang dipasang ditempat-tempat terbuka seperti di pinggir jalan, di pusat keramaian, atau tempat-tempat khusus lainnya, seperti di bis, gedung, pagar tembok dan sebagainya. Contoh : spanduk, banner, papan nama, umbul-umbul, neon box, neon sign, billboard, baliho, mobil box.
Media Dalam Ruangan (indoor)
Media iklan yang biasanya berukuran kecil atau sedang yang bisa dipasang didalam ruangan . Contoh : Etalase (windows display), point of purchase, design gantung, floor stand.
Media Lini Atas (Above The Line)
Yaitu aktifitas promosi yang biasanya dilakukan oleh manajemen pusat sebagai upaya membentuk brand image perusahaan sesuai yang diinginkan. Contoh : iklan di Televisi dengan berbagai versi. Sifat media lini atas adalah merupakan media ‘tak langsung’ yang mengenai audience, karena sifatnya yang terbatas pada penerimaan audience.
Media Lini Bawah (Below The Line)
Yaitu segala aktifitas promosi yang dilakukan di tingkat retail/konsumen dengan salah satu tujuannya adalah merangkul konsumen supaya tertarik dengan produk yan diromosikan. Contoh : program bonus/hadiah, event, pembinaan konsumen dan lain-lain.

Definisi Grafis

Menurut Ibnu (2013 : 96-97)^[10]. Desain yang menekankan tanpa keindahan akan tidak menarik sehingga tidak komunikatif. Menarik atau indah bisa dilihat dengan menggunakan mata (lahir) atau dengan hati (batin), maka desain akan menarik apabila indah dipandang atau konsepnya yang kreatf. Keindahan yang dibahas disini lebih ditekankan pada kemampuan mata sebagai penilai.

Unsur Unsur Desain Grafis

Desain yang menekankan tanpa keindahan akan tidak menarik sehingga tidak komunikatif. ’menarik’ atau ’indah’ bisa dilihat dengan menggunakan mata (lahir) atau dengan hati (batin), maka desain akan menarik apabila indah dipandang atau konsepnya yang kreatif. Keindahan yang dibahas disini lebih ditekankan pada kemampuan mata sebagai penilai. Tetapi sebelum mendesain, kita perlu mengenal terlebih dahulu unsur-unsur dalam desain itu sendiri.

Agar menarik mata (eye catching) diperlukan pengetahuan tentang unsur-unsur dalam desain grafis, antara lain :

Garis (Line)
Garis di definisikan sebagai sekumpulan titik yang dideretkan memanjang. Dalam definisi lain, garis adalah suatu goresan, kumpulan titik yang memanjang, batas limit suatu benda, masa ruang, warna, dll. Garis adalah elemen visual yang dapat dipakai di mana saja dengan tujuan untuk memperjelas dan mempermudah pembaca. Bisa juga digunakan fantasi visual.
Bidang (Shape)
Segala bentuk apa pun yang memiliki dimensi tinggi dan lebar disebut juga dengan bidang. Bidang dapat berupa bentuk-bentuk geometris (lingkaran, segitiga, segiempat, elipse, setengah lingkaran, dan sebagainya) dan bentuk-bentuk yang tidak beraturan.
Warna (Color)
Setiap warna mempunyai karakteristik tersendiri. Dengan warna kita dapat mengkomunikasikan desain kita kepada audience secara efektif. Warna merupakan unsur penting dalam obyek desain. Karena dengan warna orang bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari bentuk-bentuk visual secara jelas.
Gelap – Terang (Value)
Salah satu cara untuk menciptakan kemudahan baca adalah dengan menyusun unsur-unsur visual secara kontras gelap-terang. Kontras value bersifat relative, sangat dipengaruhi oleh background dan elemen-elemen lain di sekitarnya. Kontras value digunakan untuk menonjolkan pesan atau informasi, sekaligus menciptakan citra.
Tekstur (Teksture)
Tekstur adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai dengan cara dilihat atau diraba. Dalam seni rupa, khususnya desain grafis, tekstur dapat bersifat nyata dan dapat pula tidak nyata (tekstur semu). Sedangkan tekstur dalam konteks desain komunikasi visual lebih cenderung pada tekstur semu, yaitu kesan visual dari suatu bidang. Tekstur juga sering digunakan untuk mengatur keseimbangan dan kontras. Yang pada prakteknya, tekstur sering dikategorikan sebagai corak dari suatu permukaan benda, misalnya permukaan karpet, kulit kayu, dan lain sebagainya.
Format
Format adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu objek. Dengan meggunakan unsur ini anda dapat menciptakan kontras dan penekanan (emphasis) pada objek desain anda sehingga orang dapat mengetahui mana yang akan dibaca dan dilihat terlebih dahulu.

Prinsip Prinsip Desain Grafis

Dalam mengkomposisi atau mengatur layout agar menarik menggunakan prinsip-prinsip sebagai berikut :

Keseimbangan (Balance)
Keseimbangan atau balance adalah pembagian sama berat, baik secara visual maupun optik. Komposisi desain dapat dikatakan seimbang apabila objek di bagian kiri dan kanan terkesan sama berat. Kesan seimbang atau balance dapat dibangun menggunakan elemen garis, warna, value, ukuran, bidang dan tekstur. Ada dua pendekatan untuk menciptakan balance. Pertama dengan membagi sama berat kiri-kanan atau atas-bawah secara sistematis atau setara, di sebut keseimbangan formal (formal balance). Keseimbangan yang kedua adalah keseimbangan asimetris (informasi balance), yaitu penyusunan elemen-elemen desain yang tidak sama antara sisi kiri dan sisi kanan namun secara seimbang.
Tekanan (Emphasis)
Penekanan atau penonjolan objek dapat dilakukan dengan beberapa cara, antara lain dengan menggunakan warna mencolok, ukuran foto atau ilustrasi dibuat paling besar, menggunakan huruf sans serif ukuran besar, arah diagonal, dan dibuat berbeda dengan elemen-elemen lain. Ada beberapa cara yang dapat dilakukan untuk menonjolkan elemen visual dalam karya desain, yaitu sebagai berikut :
1. Kontras. Focal point dapat diciptakan dengan teknik kontras, yaitu objek yang dianggap paling penting dibuat berbeda dengan elemen-elemen lainnya.
2. Isolasi objek. Focal point juga dapat diciptakan dengan cara memisahkan objek dari kumpulan objek-objek yang lain. Secara visual, objek yang terisolasi akan lebih menarik perhatian.
3. Penempatan objek. Objek yang ditempatkan di tengah bidang akan menjadi focal point. Objek yang ditempatkan pada titik pusat garis perspektif juga akan menjadi fokus perhatian.
4. Irama (Rhythm). Irama adalah pola layout yang dibuat dengan cara menyusun elemen-elemen visual secara berulang-ulang. Irama visual dalam desain grafis dapat berupa repetis dan variasi. Repetisi adalah irama yang dibuat dengan penyusunan elemen berulang kali secara konsisten. Sementara itu, Variasi adalah perulangan elemen visual disertai perubahan bentuk, ukuran, atau posisi.
5. Kesatuan (Unity) Desain dikatakan menyatu secara keseluruhan tampak harmonis, ada kesatuan antara tipografi, ilustrasi, warna dan unsur-unsur desain lainnya. Menciptakan kesatuan pada desain yang hanya memiliki satu muka, seperti poster, dan iklan, relatif lebih mudah dibandingkan bentuk baku atau folder yang memiliki beberapa halaman. Pada desain majalah atau buku, kesatuan dapat dilakukan dengan cara-cara sebagai berikut :
  1. Mengulang warna, bidang, garis, grid atau elemen yang sama pada setiap halaman.
  2. Menyeragamkan jenis huruf untuk judul, body copy, dan caption.
  3. Menggunakan unsur-unsur visual yang memiliki kesamaan warna, tema dan bentuk.
  4. Gunakan satu atau dua jenis huruf dengan variasi ukuran dan style (bold, italic dan sebagainya).

Definisi Typografi

Menurut Hendratman (2010 : 63)^[3] Tipografi (typography) adalah ilmu yang mempelajari tentang huruf. Dengan perkembangan font-font komputer, kita akan leluasa memilih jenis font yang diinginkan. Namun memilih font adalah pekerjaan yang melelahkan karena sering banyaknya font yang tersedia.

Pengertian Tentang Psikologi Warna

Menurut Widada (2012 : 14 – 15) ^[11] sebagai berikut :

Pengertian Warna
Secara obyektif warna adalah sifat cahaya yang dipancarkan dan terurai sebagai warna pelangi ( merah, jingga, kuning, ungu ). Jenis warna yang demikian disebut Spectrum atau warna cahaya. Secara Subyektif warna adalah bagian dari pengalaman indra penglihat (mata) yang diterima dari pantulan sinar atau cahaya pada suatu obyek atau benda tertentu.
Teori Warna
Secara garis besar dikenal adanya 2 dasar teori tentang warna :
1. Prang System
2. Munsell System
Menurut teori Prang system warna dapat dibagi berdasarkan:
1. HUE (nama warna) : panas atau dinginnya warna
  1. Menunjukkan nama-nama warna : merah, biru, hijau.
  2. Perbedaan warna adalah perbedaan HUE.
  3. Bila hijau menjadi kebiruan dapat dikatakan berubah HUE nya.
2. VALUE : Terang atau gelapnya warna.
3. INTENSITY : Cerah atau suranya warna.
Jenis/Bentuk Warna
1. Warna Primer
  Warna Primer adalah warna-warna yang tidak dapat dibuat dari warna lain, tetapi dapat untuk membuat warna lain. Disebut juga warna pokok atau warna pertama. Warna primer terdiri dari beberapa warna, antara lain : merah (Magenta), Kuning (Yellow), Biru (Cyan Blue). Komposisi warna-warna : kuat dan kontras.
2. Warna Sekunder
  Warna-warna yang merupakan hasil pencampuran 2 (dua) warna primer, dengan perbandingan yang sama akan mendapatkan tiga warna pula, yaitu jingga, ( merah + kuning ), hijau ( kuning + biru ), dan ungu ( merah + biru ).
3. Warna Quarter
  Warna yang merupakan hasil percampuran 2 (dua) warna tersier, yaitu coklat jingga adalah hasil percampuran warna coklat, kuning dan coklat merah, sedangkan coklat hijau adalah hasil percampuran warna coklat, kuning dan coklat biru.
4. Warna Tersier
  Warna pada tingkat ketiga sebagai hasil percampuran warna – warna sekunder yang menghasilkan tiga warna, yaitu orange – jingga, orange – hijau, dan hijau – jingga.
5. Warna Complementer
  Dua warna yang dianggap saling berlawanan, seperti ungu dan kuning, merah dan hijau, biru dan jingga, dan lain sebagainya. Warna-warna ini di anggap dapat menghasilkan “gangguan optis“ bila digoyang sepertinya dapat bergerak.
Makna Simbolik Warna
1. Warna Merah
  Semangat, keberanian, amarah, bahaya, kekerasan, kekejaman, kesakitan.
2. Warna Kuning
  Kegembiraan, keceriaan, kecemerlangan, keagungan, ciptaan.
3. Warna Kuning Emas
  Kemewahan, kejayaan, kemenangan, kemulyaan, kekuatan spiritual.
4. Warna Hijau
  Pertumbuhan, kesuburan, keremajaan, keyakinan, pengharapan, kesanggupan, kehidupan, penelitian.
5. Warna Biru
  Kebenaran, keteguhan, ketenangan, kesejukan, kesetiaan, kemurahan hati.
6. Warna Putih
  Kesucian, kebenaran, perdamaian, kemurnian, kejujuran, ketentraman.
7. Warna Hitam
  Ketabahan, kekuatan, ketegasan, kejantanan, kesengsaraan.
8. Warna Abu-Abu
  Ketaatan, rendah hati, kesholihan, modern.
9. Warna Orange
  Kemajuan, semangat, perkembangan, energi.
10. Warna Violet
  Kemulyaan, kebesaran jiwa, kelembutan.
11. Warna Indigo
  Ilmu pengetahuan, kemapanan, kedewasaan.

Pengertian Tentang Simbolik Bentuk

Menurut Tjiptono (2012 : 30)^[8] Simbolisasi bentuk adalah bentuk bangun, rupa, figure, sosok suatu objek terungkap dalam kontur atau outline atau garis keliling dari objek yang bersangkutan.

Pengertian Citra atau Image

Menurut Sunarya ( 2013 : 37^[12] Citra atau image adalah bagaimana perusahaan tersebut ingin dirasakan dan dipandang oleh masyarakat, (konsumen, network/supplier, pemerintah bahkan oleh kompetitor ).

Layout

Pengertian Layout
Menurut Hendratman (2010 : 85)^[3] Layout arti katanya secara bahasa adalah Tata letak. Menurut salah satu teorinya, layout adalah usaha untuk menyusun, menata. atau memadukan unsur-unsur komunikasi grafis (teks, gambar, tabel, dll) menjadi komunikasi visual yang komunikatif, estetik, dan menarik.
Jenis Jenis Layout
Menurut Supriyono ( 2010 : 9 )^[9] :
1. Layout Kasar adalah gambar kerja untuk memperlihatkan komposisi tata letak sinopsis, gambar yang akan dibuat, biasanya pada layout kasar ini dibuat hitam putih dengan menggunakan coretan atau sketsa pensil gambar yang dibuat secara manual.
2. Layout Komprehensif adalah suatu gambar yang sudah mendekati komposisi final, dalam hal ini komposisi gambar yang pada umumnya disajikan dalam bentuk warna.
3. Final Atwork merupakan tahap desain yang sudah final yang telah melewati beberapa proses sebelumnya yaitu layout kasar dan layout komprehensif. Pada tahap ini text dan tata letak image telah disempurnakan dengan beberapa kali revisi selama proses desain.

Teori Desain Komunukasi Visual

Menurut Supriyono (2010 : 9)^[9] Desain grafis belakangan lebih sering disebut “desain komunikasi visual” (DKV) karena memiliki peran mengomunikasikan pesan atau informasi kepada pembaca dengan berbagai kekuatan visual, seperti tipografi, ilustrasi warna, garis, layout dan sebagainya dengan bantuan teknologi. Dalam beberapa kasus, istilah DKV dianggap lebih dapa menampung perkembangan desain grafis yang semakin luas, tidak terbatas dengan penggunaan pada penggunaann unsur-unsur grafis (visual). Meski demikian, istilah Desain Grafis (Graphic Desain) masih sering digunakan. DKV dikatagorikan sebagai Commercial Art kerena merupakan paduan antara seni rupa (Visual Art) dan keterampilan komunikasi untuk tujuan bisnis. Ketatnya tujuan bisnis dibidang industri barabg dan jasa, ditambah perkembangan tekhnologi dan komunikasi, menjadikan DKV berkembang pesat.

Tidak dapat, menghindari karya – karya desain karya komunikasi visual saat ini sudah mengambil sebagian waktu dan perhatian manusia. Setiap hari mata kita dipaksa untuk melihat iklan. Ketika membuka halaman majalah, surat kabar, internet, atau televisi mata kita segera disergap iklan. Saat melintas dijalan raya kita pun selalu dikepung media outdoor berupa poster, billboard, spanduk, baliho, banner, papan nama, dan bentuk-bentuk iklan lainnya. Di ruangan kantor mata kita masih dijejali brosur, katalog, kop surat, kartu nama, kalender, dan berbagai media cetak lainnya.

Tidak berhenti sampai disitu, iklan cetak berupa leaflet atau brosur bahkan sering dibagikan di Traffic dan warna.- light saat lampu merah, dipusat perbelanjaan dan ditampat – tempat publik lainnya. Semua media iklan tersebut berusaha keras merebut perhatian konsumen dengan menggunakan elemen-elemen visual, seperti logo, tipografi, dan warna. Maraknya karya-karya desain komunikasi visual menuntut desainer untuk lebih kreatif. Desain yang “biasa-biasa saja” dapat dipastikan kalah bersaing dan kurang diperhatikan pembaca. Desainer kini semakin dituntut mampu memberikan gagasan – gagasan besar, ide-ide segar yang tidak terduga.

Konsep Dasar Informasi

Pengertian Data

Sumber informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal datum atau item. Menurut McLeod (2012: 5)^[13] “ Data adalah deskripsi kenyataan yang menggambarkan adanya suatu kejadian (event), data terdiri dari fakta (fact) dan angka yang secara relatif tidak berarti bagi pemakai”.

Data dapat berbentuk nilai yang terformat, teks, citra, audio, dan video.

Teks, adalah sederetan huruf, angka, dan simbol-simbol yang kombinasinya tidak tergantung pada masing masing item secara individual misalnya, artikel koran, majalah dan lain-lain.
Data yang terformat, adalah data dengan suatu format tertentu, misalnya data yang menyatakan tanggal atau jam, dan nilai mata uang.
Citra (image), adalah data dalam bentuk gambar, citra dapat berupa, grafik, foto, hasil ronsten, dan tanda tangan.
Audio, adalah data dalam bentuk suara misalnya, instrumen musik, suara orang, suara binatang, detak jantung, dan lain-lain.
Video, adalah gambar yang bergerak dan dilengkapi dengan suara misalnya, suatu kejadian dan aktivitas-aktivitas dalam bentuk film.

Pengertian Informasi

Informasi ibarat darah yang mengalir di dalam tubuh suatu organisasi. Sehingga informasi merupakan salah satu bentuk sumber daya utama dalam suatu organisasi yang digunakan oleh manager untuk mengendalikan perusahaan dalam mencapai tujuan.

Menurut McLeod (2012: 8)^[13] Informasi (information) dapat didefinisikan sebagai berikut:“Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimannya, informasi disebut juga data yang diproses atau data yang memiliki arti”.

Jenis Jenis Informasi

Menurut O’Brien (2012: 15)^[14] jenis-jenis informasi dijelaskan sebagai berikut :

Informasi manajerial
Informasi strategis untuk manajerialtingkat atas, informasi taktis untuk manajerial tingkat menengah, dan informasi operasional untuk manajerial tingkat bawah.
Sumber informasi
Sumber informasi dibagi, menjadi informasi internal dan eksternal. Informasi internal adalah informasi yang menggambarkan keadaan (profile), sedangkan informasi eksternal adalah informasi yang menggambarkan ada tidaknya perubahan di luar organisasi. Informasi ini biasanya lebih banyak digunakan untuk kegiatan-kegiatan manajerial tingkat atas.
Informasi rutinitas
Informasi rutinitas, dibagi menjadi informasi rutin dan insendentil. Informasi rutin digunakan secara periodik terjadwal dan digunakan untuk penanggulangan masalah rutin, sedangkan informasi insendentil diperlukan untuk penanggulangan masalah khusus.
Informasi fisik
Informasi fisik, dapat diartikan susunan yang terdiri dari perangkat keras, perangkat lunak dan tenaga pelaksanaan yang secara bersama-sama saling mendukung untuk menghasilkan suatu produk, dan sistem informasi dari segi fungsi merupakan suatu proses berurutan dimulai dari pengumpulan data dan diakhiri dengan komunikasi.

Kualitas Informasi

Menurut Jogiyanto (2012: 9)^[15] Kualitas dari informasi (quality of information) sangat tergantung dari tiga hal yaitu accurate , timeliness, dan relevance.

Relevan (relevance)
Informasi tersebut mempunyai manfaat untuk pemakainya dan relevansi informasi untuk tiap-tiap orang akan berbeda-beda.
Tepat Waktu (timeliness)
Informasi tersebut datang pada penerima tidak boleh terlambat. Informasi yang sudah usang tidak akan mempunyai nilai lagi, karena informasi merupakan landasan di dalam pengambilan keputusan.
Akurat (accuracy)
Informasi harus bebas dari kesalahan-kesalahan dan tidak menyesatkan. Akurat juga berarti informasi harus jelas mencerminkan maksudnya. Informasi harus akurat karena dari sumber informasi sampai ke penerima informasi kemungkinan banyak terjadi gangguan (noise) yang dapat merusak informasi.

Nilai Informasi

Menurut Jogiyanto (2012: 9)^[15] nilai dari informasi (value of information) ditentukan oleh dua hal yaitu, manfaat dan biaya pendapatannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan biaya mendapatkannya. Sulit untuk menggabungkan suatu bagian informasi pada suatu masalah yang tertentu dengan biaya memperolehnya, karena sebagian besar informasi dipakai banyak pihak dalam perusahaan. Informasi tidak dapat ditaksir keuntungannya dengan nilai uang, tetapi dapat ditaksir dengan nilai efektifnya. Pengukuran nilai informasi biasanya dihubungkan dengan analisis cost effectiveness atau cost benefit.

Namun, dalam kenyataannya informasi yang biaya untuk mendapatkannya tinggi belum tentu memiliki manfaat yang tinggi pula. Suatu informasi dikatakan bernilai jika manfaatnya lebih efektif dibandingkan dengan biaya untuk mendapatkannya dan sebagian besar informasi tidak dapat tepat ditaksir keuntungannya dengan satuan nilai uang, tetapi dapat ditaksir nilai efektivitasnya.

Nilai suatu infomasi berhubungan dengan keputusan. Hal ini berarti bahwa apabila tidak ada pilihan atau keputusan, informasi menjadi tidak diperlukan. Keputusan dapat berkisar dari keputusan berulang yang sederhana sampai keputusan strategis jangka panjang informasi tersebut. Informasi yang dapat mengurangi ketidakpastian dalam pengambilan keputusan dapat dikatakan informasi tersebut memiliki nilai yang tinggi. Sebaliknya apabila informasi tersebut kurang memberikan manfaat dalam pengambilan keputusan, maka informasi tersebut dikatakan bernilai rendah. Nilai informasi dikatakan sempurna apabila perbedaan antara kebijakan optimal, tanpa informasi yang sempurna dan kebijakan optimal menggunakan informasi yang sempurna dapat dinyatakan dengan jelas. Nilai suatu informasi dapat ditentukan berdasarkan sifatnya.

Tentang 10 sifat yang dapat menentukan nilai informasi, yaitu sebagai berikut :

Kemudahan dalam memperoleh informasi
Memiliki nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.
Sifat luas dan kelengkapannya Informasi
Mempunyai nilai yang lebih sempurna apabila mempunyai lingkup/cakupan yang luas dan lengkap. Informasi sepotong dan tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.
Ketelitian (accuracy)
Informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi/akurat. Informasi menjadi tidak bernilai jika tidak akurat, karena akan mengakibatkan kesalahan pengambilan keputusan.
Kecocokan dengan pengguna (relevance)
Informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunanya. Informasi berharga dan penting menjadi tidak bernilai jika tidak sesuai dengan kebutuhan penggunanya, karena tidak dapat dimanfaatkan untuk pengambilan keputusan.
Ketepatan waktu (Timeliness)
Informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima/usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.
Kejelasan (clarity)
Informasi yang jelas akan meningkatkan kesempurnaan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.
Fleksibilitas/ keluwesannya
Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manajer/pimpinan pada saat pengambilan keputusan.
Dapat Dibuktikan
Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Kebenaran informasi bergantung pada validitas data sumber yang diolah.
Tidak ada prasangka
Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.
Dapat diukur
Informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai yang sempurna

Program Aplikasi Penunjang Desain

Adobe Photoshop CS3

Menurut Maulana (2010 : 1-3)^[16] Adobe Photoshop adalah suatu perangkat lunak yang canggih yang dapat digunakan untuk membuat, menyunting dan memanipulasi tampilan termasuk mengoreksi warna dan memberi efek tampilan atas sebuah gambar atau photo, hasil dari program ini merupakan sebuah gambar atau image, didalam komputer grafis terbagi menjadi dua kelompok yaitu Gambar Bitmap dan Gambar Vektor.

Dengan kemampuan pengolahan bitmap yang sangat baik, menjadikan Adobe Photoshop menjadi standar yang umum digunakan didalam pengolahan objek bitmap. Adobe Photoshop menyimpan beberapa kemampuan yang sangat baik untuk membuat gambar selayaknya menggunakan aplikasi berbasis vektor. Akan tetapi hal tersebut membutuhkan pemahaman konsep dasar pembentukan kurva vektor yang tidak dapat ditinggalkan oleh aplikasi dalam mengolah bitmap seperti photoshop. Konsep dasar yang harus dipahami adalah : manajemen layer, pembuatan path, dan seleksi. Toolbox berfungsi sebagai tombol pengganti perintah yang dipergunakan untuk mempercepat pekerjaan. Nama-nama toolbox terdiri atas Marquee tools, Lasso tools, Magic Wand tool, Move tool, Crop tool, Slice tool, Healing brush tool, Pencil tool, Clone Stamp tool, History Brush tool, Eraser tool, Paint Bucket tool, Blur tool, Path Component Selection tool, Type tool, Pen tool, Zoom tool, Eyedroper Hand tool, dan sebagainya.

Sedangkan menurut Widada (2011 : 18)^[17] Adobe Photoshop adalah suatu perangkat lunak canggih yang dapat digunakan untuk membuat, menyunting, dan memanipulasi tampilan termasuk mengoreksi warna dan memberi efek tampilan atas sebuah gambar atau photo, hasil dari program ini merupakan sebuah gambar / image, di dalam desain grafis bentuk gambar dibagi menjadi 2 yaitu Gambar Bitmap dan Gambar Vektor. Sedangkan yang dihasilkan melalui aplikasi program Adobe Photoshop adalah merupakan gambar bitmap.

Kualiatas gambar ditentukan oleh jumlah pixel yang diperlukan pada gambar tersebut, maka Anda harus menentukan dimensi (ukuran) pixel terhadap resolusi gambar yang akan dikerjakan, serta harap diperhatikan tentang Monitor yang resolusinya dapat menunjang untuk tampilan gambar.

Adobe Photoshop menyediakan berbagai piranti yang akan membantu Anda dalam membuat gambar, Anda dapat memformat tampilan gambar tersebut dengan menggunakan filter yang telah disediakan, dengan menggunakan filter Anda dapat memberikan efek-efek tertentu untuk obyek gambar atau bahkan memberikan filter pada masing-masing layer sehingga menghasilkan gambar seperti yang diinginkan.

Gambar 2.1 Lembar Kerja Adobe Photoshop CS3

Adobe Ilustrator CS3

Menurut Madiun (2011 : 1-2)^[18] Adobe Illustrator merupakan salah satu software handal untuk membuat vector atau ilustrasi dalam desain. Adobe Illustrator banyak digunakan oleh para desainer professional dunia dalam menciptakan berbagai hasil karya dari mulai yang sederhana hingga yang kompleks sekalipun. User Interfacenya sangatmudah dimengerti, terdiri dari beberapa pengelompokan menu. Sekalipun barupertama kali menggunakannya, tetap dapat menggunakannya tanpa kebingungan. Dengan Illustrator akan menghasilkan desain terbaik yang pernah dilihat dalam media cetak atau web.

Tampilan program Adobe Illustrator CS3 memiliki beberapa bagian, yakni menu bar, application bar, panel, dan toolbar. Masing-masing bagian tersebut ada yang memiliki fungsi dan kegunaan sama, tetapi ada yang saling melengkapi. Seperti panel Toolbox akan dilengkapi pengaturannya dengan toolbar. Tool-tool yang terdapat pada toolbox juga akan dilengkapi pengaturannya dengan menggunakan panel-panel yang ada.

Perbedaan interface Adobe Illustrator sebelumnya adalah tampilan menu bar yang agak berada di atas. Sehingga akan terlihat tampilan program lebih kompak dan lebih luas dan lebar jika membuat objek pada sebuah dokumen kerja.

Elemen dasar dari jendela kerja Adobe Illustrator CS6"" diantaranya :

Menu Bar atau Baris Menu
Berisi barisan perintah berupa menu, seperti menu File, Edit, Objek, Type, Select, Effect, View, Window dan Help.
Tab Document
Merupakan tampilan dokumen saat anda bekerja.
Application Bar
Bagian yang berada diatas terdiri dari beberapa menu dan pengaturan aplikasi.
Tombol Workplace
Digunakan untuk memilih pilihan interface program.
Title Bar
Tempat panel-panel berada pada program.
Control Panel
Menampilkan objek yang sedang terseleksi.
Toolbox
Merupakan tool-tool yang ada pada program.
Icon Collepse
Bagian pengaturan pada panel-panel.

Gambar 2.2 Lembar Kerja Adobe Ilustrator CS3

Adobe After Effect CS3

Menurut Hendratman (2010 : 23)^[19] Adobe After Effect merupakan software motion graphics yang dapat digunakan sebagai software compositing, animasi dan video effect. Adobe after effect adalah software animasi bukan image editing sehingga untuk image editing perlu mengggunakan photoshop. After effect pun bukan software video editing, sehingga untuk merangkai video dengan durasi relatif panjang menggunakan Adobe premiere. After effect pun bukan software animasi 3D, sehingga untuk membuat animasi 3D lebih powerfull akan lebih baik jika menggunakan 3D studiomax.

Adobe after effect awalnya didesain oleh CoSA (Company of Sciene and Art) sebagai software montion graphics pada desktop. Setelah di akuisisi oleh Aldus dan kemudian oleh Adobe, dibuat intregrasi yang baik antara software ini dengan software Adobe premiere, Photoshop dan Illustrator. Oleh karena itu pada saat ini Adobe after effect merupakan salah satu software multimedia terbaik, yang menyediakan semua hal yang dibutuhkan oleh para amatir dan profesional untuk motion graphics / animasi dan visual effect, yang merupakan bagian proses kreatif dari animasi multimedia.

Format-format Adobe after effect. Format – format yang mendukung penciptaan suatu karya kreatif dengan menggunakan Adobe after effect adalah :

Avi
Avi video (*.avi) merupakan format standar dari file video dengan kualitas terbaik teteapi memerlukan kapasitas hard disk yang besar, karena file yang dihasilkan mempunyai kapasitas yang besar pula.
Quicktime movie
Quicktime movie (*.mov) yang merupakan format standar apple computer untuk mendistribusikan file video, dulunya format ini hanya digunakan pada computer Machintosh saja, tetapi kini dipergunakan oleh sebagian pengguna PC untuk distribusi video terkompresi dengan file yang berukuran kecil tapi memiliki kualitas yang bagus.
Macromedia flash
Format macromedia flash (*.swf) format ini banyak dipergunakan untuk animasi web dan telah menjadi standar baru dalam animasi web, dengan ukuran file yang kecil format ini mudah sekali didistribusikan dan dijalankan secara realtime di halaman web dengan menggunakan Macromedia Flash Player.

Gambar 2.3 Lembar Kerja Adobe After Effect CS3

Adobe Premiere Pro CS3

Ayuningtyas [2010:7]^[4] Dimasa lalu pengeditan dan memenipulasi video untuk membuat sebuah film, membutuhkan berbagai macam peralatan video editing yang haranya relatif sangat mahal, tapi saat ini dengan komputer multimedia dan program aplikasi video editing seperti Pinnacle Studio, Ulead Video atau Adobe Premiere pengeditan dan memanipulasi sebuah video dapat dilakukan dengan mudah, cepat dan murah.

Dalam dasar-dasar pengolahan video perlu adanya pemahaman mengenai video, standar penyiaran telavisi, video digital, format data video digital, rasio aspek, timecode, frame size, bit depht, bit rate, metode kompresi, kelebihan dan kekurang video digital dan keunggulan video digital.

Adobe Premiere merupakan program aplikasi video editing yang dikembangkan oleh Adobe. Didalam Adobe Premiere terdapat Frame Rate dan Standar Penyiaran (broadcasting), yang dapat diatur sesuai kebutuhan dalam proses pengeditan, yaitu :

Standar penyiaran SCAM.
Standar penyiaran ini dipergunkan dinegara-negara di Eropa, Timur Tengah dan Afrika, dengan Frame Rate 25 frame/detik.
Standar penyiaran PAL
Standar penyiaran ini banyak dipergunkan dinegara-negara Asia, Autralia, Uni Eropa dan Amerika Selatan, dengan Frame Rate 25 frame/detik.
Standar Penyiaran NTSC.
Standar penyiaran ini sering dipergunkan oleh negara-negara amerika, jepang, kanada, meksiko dan korea, dengan Frame Rate 29.97 frame/detik. Secara garis besar jendela Adobe Premiere terdiri dari enam jendela, yaitu: Jendela Project, Jendela Monitor, Bar Tool, Jendela Timeline, Jendela Info dan Jendela History.
Jendela Project
Berguna sebagai tempat sementara penyimpanan klip sebelum disusun atau diedit pada jendela timeline.
Jendela Monitor
Berguna untuk menjalankan dan menampilkan klip pada Jendela Project atau poject film atau video pada Jendela Timeline. bagian Jendela Monitor sebelah kiri, digunakan untuk menjalankan, menampilakan klip pada Jendela Project dan pada bagian jendela monitor sebelah kanan, menampilkan project film pada Jendela Timeline.
Jendela Timeline
Berguna untuk menyusun dan mengedit klip-klip yang digunakan pada project video atau film yang dibuat.
Bar Tool menyediakan alat untuk mengedit klip pada project.
Jendela Info memberikan informasi klip pada project.
Jendela History menampilkan daftar perintah yang dilaksanakan pada project.

Gambar 2.4 Lembar Kerja Adobe Premiere Pro CS3

Elisitasi

Menurut Guritno (2011 : 302 – 304)^[20]. Elisitasi merupakan rancangan yang dibuat berdasarkan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi. Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu:

Elisitasi tahap I, berisi seluruh rancangan sistembaru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.
Elisitasi tahap II, merupakan hasilpengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDIbertujuan memisahkan antara rancangan sistem yang penting dan harus ada padasistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi. Berikut penjelasan mengenai MDI:
1. M pada MDIberarti Mandatory (penting). Maksudnya, requirement tersebut harus ada dantidak boleh dihilangkan pada saat membuat sistem baru.
2. D pada MDI berarti Desirable. Maksudnya, requirement tersebut tidak terlalupenting dan boleh dihilangkan. Namun, jika requirement tersebut digunakan dalampembentukan sistem maka akan membuat sistem tersebut lebih sempurna.
3. I pada MDI berarti Inessential. Maksudnya, requirement tersebut bukanlah bagiansistem yang dibahas, tetapi bagian dari luar sistem.
Elisitasi tahap III, merupakan hasil penyusutan elisitasi tahap II dengan caramengeliminasi semua requirement dengan option I pada metode MDI. Selanjutnya,semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE,yaitu:
1. T artinya Teknikal, bagaimana tata cara atau teknik pembuatan requirement dalam sistem yang diusulkan?
2. O artinya Operasional, bagaimana tata cara penggunaan requirement dalam sistem akan dikembangkan?
3. E artinya Ekonomi, berapakah biaya yang diperlukan guna membangun requirement di dalam sistem?

Metode TOE tersebut dibagi menjadi beberapa option, yaitu:

High (H): Sulit untuk dikerjakan, karenateknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirementtersebut harus dieliminasi.
Middle (M): Mampu dikerjakan.
Low (L): Mudah dikerjakan.
Final draft elisitasi, merupakan hasil akhiryang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasarpembuatan suatu sistem yang akan dikembangkan.

Literature Review

Berdasarkan studi pustaka pada beberapa penelitian. Maka penulis melakukan literature review terhadap penelitian-penelitian sebelumnya sebagai berikut :

Penelitian Muhamd Riyan Surya Nugraha dengan judul Perancangan Media Video Iklan Menggunakan Animasi 3D Max Di Klinik Usada Nugraha Kabupaten Tangerang (2013).
Media penunjang informasi dan promosi sangat penting dalam membangun image dari sebuah lembaga atau institusi, salah satunya adalah media video promosi. Fungsi media video promosi secara umum adalah selain sebagai aset perusahaan juga berfungsi sebagai tanda atau identitas dari perusahaan dalam menjalin kerjasama dengan relasi yang baik dengan perusahaan atau lembaga dan instansi terkait lainnya. Penelitian ini bertujuan untuk menerapkan konsep media media desiain dapat memberikan informasi dan promosi yang lebih efektif mengenai profil dan aktivitas perusahaan.
Menurut jurnal yang disusun oleh Ikhwan August Star Hanif, Andry Alamsyah, dan Yahya Peranginangin dengan judul Perancangan Infografis Sebagai Alternatif Bentuk Nilai Mahasiswa (Studi Pada Mata Kuliah Di Telkom University, Eksperimen: Mata Kuliah Entrepreneurship Prodi Adbis) (2013)
Penilaian hasil pembelajaran mahasiswa adalah hal yang biasa dilakukan oleh seroang dosen atau staf pengajar. Nilai tersebut menjadi ukuran keberhasilan mahasiswa dalam mengikuti pembelajaran suatu mata kuliah baik di dalam kelas maupun diluar kelas. Pada umumnya bentuk dari nilai adalah data statistik yang ditampilkan dalam bentuk tabel. Nilai matakuliah di Telkom University ditunjukan dengan standar nilai A, AB, B, BC, C, D, E, dan T. Nilai tersebut sering kali berupa data statistik. Maka diperlukan merubahnya menjadi visual dalam hal ini berbentuk infografis dengan memilih mata kuliah eksperimen Entrepreneurship Prodi Administrasi Bisnis, Fakukultas Komunikasi Bisnis, Telkom University. MOOC (Masive Open Online Course) merupakan metode pembelajaran online yang mengandalkan konten digital sebagai media pembelajaran. Jumlah user atau pelajar pada MOOC bisa mencapai ratusan, ribuan, hingga ratusan ribu. Jumlah yang banyak ini akan membutuhkan manajemen konten yang optimal.
Menurut jurnal yang di susun oleh Mulyate dan Karenia Marisa dengan judul Perancangan Buku Kumpulan Infografis Resep Aneka Hidangan Pembuka dan Penutup Ala Barat Untuk Anak-Anak (2013)
Perancangan ini membuat buku berisi kumpulan infografis resep aneka hidangan pembuka dan penutup ala Barat, disajikan dengan visual yang menarik yang sedapat mungkin disesuaikan dengan karakter anak-anak. Dengan adanya buku ini diharapkan mampu meningkatkan minat membaca anak-anak di Indonesia serta membantu meningkatkan kreativitas dan kemampuan mereka dalam memasak.
Penelitian Doni Indriasto dengan judul Perancangan Infografis Board Game Edukasi Sejarang Perang Surabaya 10 November 1945 (2014)
Berawal dari fenomena dimana sejarah yang telah dilupakan menyebabkan kurangnya pengetahuan tentang peristiwa maupun perjuangan. Rasa Nasionalisme mulai menipis seiring berjalannya era globalisasi contohnya produk permainan. Dibutuhkan metode baru dalam pengajaran sejarah yang dapat menarik minat anakanak dalam memainkan dan dipahami. Dalam board game ini akan dihadirkan tempat-tempat sejarah dan tokoh pahlawan sebagai edukasi dari permainan, yang dibagi dalam dua kartu yaitu pertanyaan dan infografis mengenai perang 10 November 1945. Konsep utama dalam perancangan board game ini adalah “Experience Heroic Surabaya”, pengalaman yang disampaikan melalui perjuanganmulai dari start sampai finish dengan cara menjawab pertanyaan untuk bisa lanjut. Menggunakan ilustrasi yang lucu dan menarik yang akan memberikan kejutan setiap membuka kemasan karena ada pop-up environment-nya mengenai gedung perjuangan.

BAB III

IDENTIFIKASI MASALAH

Gambaran Umum Object Yang Di Teliti

Sejarah Singkat

Dinas Kominfo adalah suatu Lembaga Instansi Pemerintahan yang membidangi pengolahan data informasi dan komunikasi yang dibutuhkan oleh Pemerintahan Kota Tangerang. Adapun lembaga tersebut terletak di Gedung Pusat Pemerintahan Lt.4 yang beralamatkan di Jl.Satria Sudirman Kota Tangerang. Lembaga ini dipimpin oleh seorang Kepala Dinas, serta terdapat satu sekretariat dan tiga bidang. Diantaranya, bidang pengolahan data dan desiminasi informasi, bidang pos dan telekomunikasi dan bidang telematika. Lembaga inidibentuk pada tahun 2008, berdasarkan Peraturan Walikota Tangerang Nomor 28 tahun 2008 Tentang Organisasi Dan Tata Kerja Dinas Informasi dan Komunikasi.

Dinas Kominfo mempunyai visi dan misi yaitu “Pelopor Pengembangan Teknologi Informasi dan Komunikasi Yang Maju Dalam Tata Laksana Pemerintahan dan Komunikasi Publik yang Baik”.

Penjabaran atas makna dari visi tersebut adalah sebagai berikut:

Pelopor Pengembangan Teknologi Informasi dan Komunikasi yang Maju, maksudnya adalah Dinas Komunikasi dan Informatika diharapkan mampu menjadi institusi yang mempelopori penerapan teknologi informasi dan komunikasi yang maju di lingkungan Pemerintah Daerah kota Tangerang.
Tata Laksana Pemerintahan; maksudnya adalah Dinas Komunikasi dan Informatika diharapkan mampu memfasilitasi terselenggaranya kegiatan administrasi yang efektif dan efisien melalui penerapan aplikasi teknologi informasi dan komunikasi untuk mendukung aktivitas administrasi pemerintah daerah dan mampu menjadi institusi yang dapat membuat jejaring koordinasi lintas dinas dalam lingkup Pemerintah Daerah Kota Tangerang menjadi lebih baik, optimal dan mudah, melalui penerapan sistem koordinasi berbasis teknologi informasi dan komunikasi.
Komunikasi Publik yang Baik, maksudnya adalah Dinas Komunikasi dan Informatika mampu menjadi institusi yang dapat memfasilitasi komunikasi antara pemerintah daerah dengan masyarakat. Menginformasikan dan mensosialisasikan berbagai aktivitas pemerintah berikut kebijakan dan programnya, sekaligus menampung dan menyampaikan aspirasi masyarakat terkait dengan kebutuhan pelayanan dari Pemerintah Daerah Kota Tangerang.

Struktur Organisasi

Gambar 3.1 Struktur Organisasi Dinas Kominfo

Wewenang dan Kewajiban Tiap Departemen

Kepala Dinas
Kepala Dinas mempunyai tugas pokok memimpin, mengatur, mengkoordinasikan dan mengendalikan seluruh kegiatan penyelenggaraan tugas dan fungsi Dinas dalam penyelenggaraan urusan Daerah yang berkenaan dengan komunikasi dan informatika.
Sekretariat
Sekretariat dipimpin oleh seorang Sekretaris yang mempunyai tugas pokok membantu Kepala Dinas dalam pengkoordinasian pelaksanaan kebijaksaaan penyelenggaraan tugas dan fungsi Dinas serta menyelenggarakan kegiatan di bidang administrasi umum, keuangan, kepegawaian dan perencanaan.
Sub Bagian Umum Dan Kepegawaian
Sub Bagian Umum dan Kepegawaian dipimpin oleh seorang kepala Sub Bagian yang mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Sekretariat di bidang administrasi umun dan administrasi kepegawaian.
Sub Bagian Keuangan
Sub Bagian Keuangan dipimpin oleh seorang Kepala Sub Bagian yang mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Sekretariat dibidang administrasi keuangan.
Sub Bagian Perencanaan
Sub Bagian Perencanaan dipimpin oleh seorang Kepala Sub Bagian yang mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Sekretariat di bidang perencanaan.
Bidang Pengolahan Data dan Diseminasi Informasi
Bidang Pengolahan Data dan Diseminasi Informasi dipimpin oleh seorang Kepala Bidang yang mempunyai tugas pokok memimpin, merencanakan, mengatur dan mengendalikan kegiatan penyelenggaraan sebagian tugas Dinas dalam lingkuup pengolahan data, penyebarluasan informasi dan promosi Daerah, pengendali opini publi, serta pembinaan multi media dan lembaga informasi.
Seksi Pengolahan Data dan Informasi
Seksi Pengolahan Data dan Informasi dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pengolahan Data dan Diseminasi Informasi yang berkenaan dengan peliputan, pendokumentasian, pengolahan data dan penyiapan informasi bagi masyarakat mengenai kegiatan dan hasil penyelenggaraan pemerintahan, pembangunan dan pembinaan kemasyarakatan di Daerah serta pengendalian opini publik.
Seksi Pengembangan Multi Media
Seksi Pengembangan Multi Media dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pengolahan Data dan Diseminasi Informasi yang berkenaan dengan pembinaan dan penyebarluasan informasi melalui multimedia serta promosi Daerah melalui media telivisi dan radio.
Seksi Pengembangan Lembaga Informasi
Seksi Pengembangan Lembaga Informasi dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pengolahan Data dan Diseminasi Informasi yang berkenaan dengan pembinaan pers, percetakan dan kelompok komunikasi; penyebarluasan informasi melalui media cetak, media tradisional dan media tatap muka; serta promosi Daerah melalui media cetak.
Bidang Pos Dan Telekomunikasi
Bidang Pos dan Telekomunikasi dipimpin oleh seorang Kepala Bidang yang mempunyai tugas pokok memimpin, merencanakan, mengatur dan mengendalikan kegiatan penyelenggaraan sebagian tugas Dinas dalam lingkup pembangunan, pengadaan, pemeliharaan, perbaikan prasarana dan sarana, serta layanan teknis persandian dan telekomunikasi yang di lingkungan Pemerintahan Daerah; pengendalian penggunaan frekuensi radio; serta perijinan di bidang pos dan telekomunikasi.
Seksi Pos Dan Pengendalian Frekuensi Radio
Seksi Pos dan Pengendalian Frekuensi Radio dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pos dan Telekomunikasi yang berkenaan dengan pembinaan serta pengendalian di bidang pos dan pengguna frekuensi radio.
Seksi Sandi dan Telekomunikasi
Seksi Sandi dan Telekomunikasi dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pos dan Telekomunikasi yang berkenaan dengan pembangunan, pengadaan dan pengembangan sistem persandia (sissan) untuk jaring persadian, peralatan sandi (palsan) dan jaringan telekomunikasi di lingkungan Pemerintah Daerah serta peijinan di bidang Telekomunikasi.
Seksi Layanan Teknis Telekomunikasi.
Seksi Layanan Teknis Telekomunikasi dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pos dan Telekomunikasi yang berkenaan dengan layanan, pemeliharaan serta perbaikan prasarana dan sarana persandian dan telekomunikasi di lingkungan Pemerintah Daerah.
Bidang Telematika
Bidang Telematika dipimpin oleh seorang Kepala Bidang yang mempunyai tugas pokok memimpin, merencanakan, mengatur dan mengendalikan kegiatan penyelenggaraan sebagian tugas Dinas dalam lingkup pembangunan, pengembangan, pengelolaan serta pemberdayaan Sistem Informasi Manajemen Daerah (SIMDA) dan Website Kota Tangerang.
Seksi Pemberdayaan Telematika
Seksi Pemberdayaan Telematika dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Telematika yang berkenaan dengan sosialisasi serta pemberian bimbingan teknis dan fasilitasi dalam rangka optimalisasi penerapan dan pemanfaatan Teknologi Informasi dan Komunikasi (TIK) di Daerah.
Seksi E-Government
Seksi E-Government dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Telematika yang berkenaan dengan penyusunan rencana pembangunan dan pengembangan Sistem Informasi Manajemen Daerah serta pengelolaan Bank Data dan Website Kota Tangerang.
Seksi Sarana Dan Prasarana Telematika
Seksi Sarana Dan Prasarana Telematika dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Telematika yang berkenaan dengan pengadaan, pemeliharaan dan perbaikan sarana dan prasarana telematika serta pembinaan Pranata Komputer dan Operator Komputer di lingkungan Pemerintahan Daerah.

Product Information

Produk

Dengan adanya pelayanan baru yang diluncurkan oleh pemerintah Kota Tangerang bernama LAKSA (Laporan Aspirasi Kotak Saran Anda). Aplikasi LAKSA adalah media komunikasi yang berfungsi untuk meneruskan keluhan masyarakat yang masuk melalui Call Center sehingga dapat direspon dengan cepat oleh dinas terkait, sehingga masyarakat dapat dengan mudah memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang.

Dengan demikian penulis tertarik untuk membuat media infographic berupa animasi 2D yaitu Perancangan Video Animasi Infographic Aplikasi LAKSA (Laporan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang. Sehingga melalui perancangan media tersebut diharapkan dapat memberikan bentuk informasi pelayanan yang lebih menarik, efektif, serta mudah diterima khususnya oleh masyarakat Kota Tangerang.

Latar Belakang Produk

Saat ini Dinas Kominfo, memberikan layanan atau sarana media informasi melalui beberapa bentuk media yaitu berupa media sosial maupun website, dan media informasi sendiri saat ini memiliki perkembangan yang sangat pesat dibandingkan dengan media komunikasi lainnya, kebutuhan mengenai informasi akan terus bertambah sesuai perkembangan zaman. Agar dapat menyampaikan informasi pelayanan terbaru yang lebih efektif setidaknya harus mempunyai sarana media yang dapat menunjang efektivitas dalam proses komunikasi yang dilakukan oleh suatu lembaga atau instansi.

Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) yang di buat oleh Dinas Kominfo Kota Tangeraang belum mempunyai media infografis maka dari itu penulis membuat video infografis sehingga masyarakat dapat mudah mengetahui penggunaan aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda).

Perkembangan Produk

Perkembangan media audio visual sekarang ini sangatlah di butuhkan, terutama bagi Dinas Kominfo sebagai lembaga instansi pemerintahan yang membidangi pengolahan data informasi dan komunikasi Untuk membangun layanan di Kota Tangerang, maka Dinas Kominfo mengeluarkan aplikasi beranama LAKSA (Layanan Aspirasi Kotak Saran Anda). Setelah membuat aplikasi tersebut maka Dinas Kominfo juga membutuhkan rancangan video infografis, agar dapat memberikan bentuk informasi pelayanan yang lebih menarik, efektif, serta mudah diterima dan dimanfaatkan khususnya oleh masyarakat Kota Tangerang.

Material Produk

Dalam karyanya penulis menggunakan produk berupa Media Infografis berbasis video yang didalamnya terdapat media sebagai berikut:

Tabel 3.1 Material Produk Pembuatan Video Infographic

Spesifikasi Produk

Manfaat
1. Menjadi media infografis yang efektif
2. Dapat di terima oleh masyarakat Kota Tangerang
3. Masyarakat dapat menggunakan layanan LAKSA (Layanan Aspirasi Kotak Saran Anda)
Kelebihan
1. Memiliki hasil karya yang efektif dalam penyampaian pesan
2. Media audio visual yang menarik dan mudah dipahami
3. Biaya cukup terjangkau
Kekurangan
1. Sulitnya proses produksi
2. Lamanya proses produksi

Market Analis

Market analisis adalah investigasi terdokumentasi dari pasar yang digunakan untuk menginformasikan kegiatan perencanaan instansi terutama sekitar keputusan persediaan, pembelian, perluasan tenaga kerja, fasilitas, pembelian peralatan modal, kegiatan informasi dan banyak aspek lain.

Market Positioning

Dengan adanya video infografis ini diharapkan masyarakat Kota Tangerang dapat mengetahui layanan aplikasi laksa ini. Mulai dari cara penggunaan sampai alur informasinya. Market Positoning dibutuhkan oleh setiap perusahaan atau intasi pemerintahan untuk menunjang dan memasarkan suatu produk yang dihasilkan, agar dapat diinformasikan kepada masyarakat.

Dinas Kominfo adalah suatu Lembaga Instansi Pemerintahan yang membidangi pengolahan data informasi dan komunikasi yang dibutuhkan oleh Pemerintahan Kota Tangerang. Dengan adanya pelayanan baru yang diluncurkan oleh pemerintah Kota Tangerang bernama LAKSA (Laporan Aspirasi Kotak Saran Anda). Aplikasi LAKSA adalah media komunikasi yang berfungsi untuk meneruskan keluhan masyarakat yang masuk melalui Call Center sehingga dapat direspon dengan cepat oleh dinas terkait, sehingga masyarakat dapat dengan mudah memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang. Dengan demikian penulis tertarik untuk membuat media infographic berupa animasi 2D yaitu Perancangan Video Animasi Infographic Aplikasi LAKSA (Laporan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang. Sehingga melalui perancangan media tersebut diharapkan dapat memberikan bentuk informasi pelayanan yang lebih menarik, efektif, serta mudah diterima khususnya oleh masyarakat Kota Tangerang.

Potensial Market

Pembuatan media video infografis ini bertujuan untuk menginformasikan media aplikasi layanan LAKSA (Layanan Aspirasi Kotak Saran Anda). Dengan adanya video infografis ini diharapkan dapat menjawab kebutuhan masyarakat kota tangerang akan aplikasi LAKSA tentang seputar kota tangerang, sebagai media layanan komunikasi antara masyarakat dengan dinas terkait.

Berdasarkan wawancara yang telah dilaksanakan, dengan dibuatnya video infografis ini diharapkan masyarakat Kota Tangerang dapat berperan aktif dalam menyuarakan keluh kesah dan saran nya kepada pemerintah kota tangerang agar dapat terwujudnya layanan yang lebih efektif dan berkualitas.

Market Segmentation

Geografi : Wilayah Kota Tangerang

Demografi

Jenis Kelamin : Pria & Wanita
Umur : 17- 25 th
Kelas Ekonomi : Menengah
Sasaran : Masyarakat Kota Tangerang

Psikografi : Masyarakat Kota Tangerang yang ingin memberikan masukan ataupun keluhan terhadap pemerintah Kota Tangerang.

Marketing Objective (Tujuan Pemasaran)

Dalam memberikan media infografis kepada masyarakat luas yaitu dengan media informasi berupa video infografis dengan konsep audio visual yang bertujuan meningkatkan image dan kuantitas minat dari masyarakat luas yang akan menggunakan layanan aplikasi LAKSA. Media yang digunakan sebelumnya tidak ada maka dari itu penulis membuat video infografis tersebut.

Marketing Strategis (Strategi Pemasaran)

Strategi komunikasi pemasaran disini berkaitan dengan strategi sosialisasi diantaranya video infografis ini akan digunakan oleh pemerintah kota tangerang dalam rangka meningkatkan kualitas layanan masyarakat. Sedangkan untuk masyarakat umum video infografis ini digunakan untuk mengetahui cara dan alur dari layanan LAKSA tersebut agar mudah di pahami oleh masyarakat oleh tangerang.

Budget Produksi Media

Tabel 3.2. Budget Produksi Media

Konfigurasi Hardware

Spesifikasi Hardware

Prossesor Intel(R) Core(TM) i3 CPU M370 @2.40Ghz (4 CPUs)
Monitor 14” Widescreen
Mouse Optical Mouse
Keyboard Qwerty SK 900
RAM 2Gb
Harddisk 500Gb

Software yang digunakan

Adobe Illustrator CS4
Adobe Photoshop CS4
Adobe After Effect CS4
dobe Premiere CS4

Elisitasi

Elisitasi Tahap 1

Elisitasi Tahap 2

Keterangan:

M : Mandatory (yang diinginkan)
D : Desirable (yang diperlukan)

I : Inessential (yang mutlak tidak diperlukan)

Elisitasi Tahap 3

Keterangan :

T =Technical H = High
O = Operational M = Middle

E = Economy L = Low

Final Draft Elisitasi

BAB IV

KONSEP PRODUKSI MAVIB (KPM)

Dalam penelitian ini khususnya perancangan video infografis animasi 2D aplikasi LAKSA, melalui Konsep Produksi MAVIB melalui 3 tahapan yaitu preproduction, production, dan postproduction. Dengan Konsep Produksi MAVIB, rancangan media video infografs animasi 2D yang dibuat akan menjadi lebih baik, dalam segi produksi maupun teoritisnya. Untuk lebih jelasnya di ilustrasikan pada bagan berikut ini :

Gambar 4.1 Konsep Produksi MAVIB (KPM)

Preproduction

Preproduction adalah langkah dimana dimulainya pembuatan sebuah project dalam hal ini adalah pembuatan video infografis. Ada beberapa langkah Preproduction dalam pembuatan video infografis, pertama-tama harus melakukan observasi lapangan, pengumpulan data, analisis data, menemukan ide, pesan yang akan disampaikan, sinopsis / cerita, storyboard, script breakdown sheet, time schedule, anggaran / budget, peralatan yang digunakan, dan terakhir penentuan crew and talent. Semua tahapan yang ada harus sesuai time schedule yang ditetapkan. Untuk lebih jelasnya di ilustrasikan pada bagan berikut ini :

Gambar 4.2 Tahap Preproduction

Observasi

Pengamatan yang dilakukan pada Dinas KOMINFO Kota Tangerang, mengenai sudah ada ataupun tidaknya video infografis di setiap layanan yang sudah di buat di Kota Tangerang.

Pengumpulan Data

Dalam pengumpulan data, penulis menggunakan metode penelitian, di antaranya :

Observasi
Penulis melakukan penelitian terhadap Dinas KOMINFO Kota Tangerang, agar mendapatkan data-data yang dibutuhkan dalam pembuatan video infografis ini, lalu setelah itu penulis melakukan tahapan produksi dan sesuai dengan harapannya.
Wawancara
Wawancara adalah cara mendapatkan informasi ataupun data yang berkaitan dengan cara bertatap muka langsung. Wawancara dilakukan agar mendapat informasi atau data yang akurat untuk menunjang pembuatan video infografis yang diinginkan oleh Dinas KOMINFO Kota Tangerang, selanjutnya di adakan pertemuan dengan stakeholder yaitu Bapak Adhi Zulkifli, ST.MT sebagai Kepala Pengembangan E-Goverment.
Studi Pustaka
Selain melakukan observasi dan wawancara, pengumpulan data dengan cara studi pustaka dilakukan untuk melengkapi data-data yang relevan dalam pemilihan judul yang berkaitan dengan Multimedia Audio Visual and Broadcasting.

Analisis Data

Analisa data dilakukan secara detail agar mendapat informasi yang dibutuhkan dalam pembuatan video infografis ini. Data yang di dapat selanjutnya akan di proses dan kemudian dilakukan solusi untuk memecahkan masalah yang ada dalam merancang video infografis tersebut. Kemudian data yang telah diperoleh akan di rangkum dan di analisa agar mendapatkan ide atau tema yang sesuai dengan video infografis yang akan dibuat, sehingga pembuatan video infografis ini lebih terarah dan sesuai dengan kebutuhan. Dengan demikian definisi tersebut dapat ketahui bahwa analisis data merupakan proses mengorganisasikan dan mengurutkan data ke dalam pola yang lebih spesifikasi, dan selanjutnya akan di proses dengan data yang telah di dapatkan sebelumnya.

Ide

Dinas Kominfo Kota Tangerang ingin meningkatkan penyampaian informasi mengenai layanan aplikasi terbaru yaitu LAKSA (Layanan Aspirasi Kotak Saran Anda). Media Video Infografis merupakan media yang sangat efektif untuk memberikan penyampaian informasi berupa media audio visual berbasis animasi 2D, sehingga dapat menarik dan memudahkan masyarakat Kota Tangerang dalam memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang, sehingga dapat menunjang efektivitas dalam proses komunikasi.

Pesan yang disampaikan

Media informasi berupa video infografis ini bertujuan untuk menyampaikan informasi secara akurat dan detail. Sehinga masnyarakat khususnya Kota Tangerang dapat mengetahui informasi yang telah disampaikan lewat media video infografis ini. Untuk mempermudah dalam penyamapaian media video infografis ini, maka hal-hal yang diperhatikan adalah dalam bentuk penyampaiannya. Karena video infografis yang merupakan sarana penyampaian informasi yang akurat dan benar dalam bentuk audio dan visual mengenai infografis tentang aplikasi LAKSA.

Visualisasi Berdasarkan Konteks

Tabel 4.1. Visualisasi Berdasarkan Konteks

Sinopsis

Sinopsis adalah bagian dari alur cerita yang menghubungkan jalan cerita pertama hingga terakhir dan di gabungkan sehingga menjadi satu jalan cerita yang menarik. Sinopsis atau alur cerita pembuatan video infografis ini adalah :

“Memperkenalkan tampilan Kota Tangerang mulai dari taman cikokol, gedung pusat pemerintahan kota tangerang, masjid al azhom, dan bus APTB yang melewati kawasan Kota Tangerang. Lalu menampilkan gambaran media sosial yang mengeluhkan dan mengkritik ataupun bertanya kepada pemerintah Kota Tangerang melalui #PelayananKotaTangerang. Setelah itu muncul tokoh pegawai PNS yang merasa hal ini harus di perbaiki, maka pegawai tersebut memberikan solusi baru yaitu aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda), setelah itu memberikan penjelasan mengenai layanan LAKSA. Selanjutnya menampilkan bagaimana caranya menggunakan aplikasi tersebut, lalu memberikan informasi bahwa ada 2 cara untuk menggunakan layanan tersebut melalui telepon dan sms. Setelah itu menampilkan susunan cara penggunaan aplikasi LAKSA dari via telepon maupun via sms. Lalu setiap keluhan tersebut akan di tampilkan di website Kota Tangerang.”

Pembuatan Storyboard

Storyboard adalah sebuah gambar sket yang dilengkapi dengan petunjuk atau catatan pengambilan gambar sekaligus gerak pada sebuah karakter untuk kebutuhan pembuatan animasi. Selama proses preproduction, perencanaan yang berhubungan dengan visualiasasi yang akan dibuat membutuhkan storyboard sebagai media bantuannya. Adapun storyboard dalam Video Animasi 2D Infografis Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) Pada Dinas Komunikasi dan Informasi (KOMINFO) Pemerintahan Kota Tangerang adalah sebagai berikut :

Gambar 4.3 Scene 1 Menampilkan suasana Kota Tangerang

Gambar 4.4 Scene 2 Menampilkan contoh media sosial

Gambar 4.5 Scene 3 Menampilkan pegawai PNS yang sedang berfikir

Gambar 4.6 Scene 4 Menampilkan pegawai PNS yang mendapatkan solusi

Gambar 4.7 Scene 5 Menampilakan logo aplikasi LAKSA melaui ponsel

Gambar 4.8 Scene 6 Menampilkan dan menjelaskan layanan LAKSA

Gambar 4.9 Scene 7 Menampilkan menggunakan layanan LAKSA

Gambar 4.10 Scene 8 Cara menggunakan aplikasi LAKSA

Gambar 4.11 Scene 9 Pengaduan di teruskan ke dinas terkait

Gambar 4.12 Scene 10 SKPD Mengirimkan SMS Jawaban Pengaduan

Gambar 4.13 Scene 11 Sms di tampilkan di website

Gambar 4.14 Scene 12 Penutup

Script Breakdown Sheet

Membuat sebuah rancangan naskah penulisan yang lebih detail agar dapat mempermudah proses editing. Dan juga pengabungan dari sinopsis dan story board.

Script Breakdown Sheet dalam video infografis ini adalah :

Tabel 4.2 Script Breakdown Sheet

Time Schedule

Time Schedule pembuatan video infografis ini ditargetkan selama 4 bulan hingga akhir Desember 2015, berikut adalah tabel time scedule produksi :

Tabel 4.3 Time Schedule

Anggaran / Budget

Tabel 4.4. Anggaran / Budget

Peralatan yang digunakan

Prossesor Intel(R) Core(TM) i3 CPU M370 @2.40Ghz (4 CPUs)
Monitor 14” Widescreen
Mouse Optical Mouse
Keyboard Qwerty SK 900
RAM 2Gb
Harddisk 500Gb

Produksi Team (Crew) & Talent

Berhubung project skripsi merupakan project mandiri, yang dimaksud crew adalah peneliti secara personal yang dibantu beberapa orang diantaranya:

Tabel 4.5 Pemain dan Crew

Production

Production adalah tahapan dimana pengambilan gambar atau shooting dilakukan. Dalam production pada tahapan project ini dibagi menjadi :

Perencanaan visual, bentuk visualisasi yang dihasilkan nantinya berupa karya visual atau dalam bentuk video. Perencanaan visual ditujukkan guna memberikan penyampaian informasi yang ditampilkan. Untuk mencapai perencanaan visual yang baik dibuat tujuan visual sebagai arahan mencapai visualisasi yang terkonsep. Tujuan Visual sebagai acuan untuk menampilkan kesan dan image apa yang ingin ditonjolkan dari tampilan video infografis ini. Untuk mencapai tujuan visual diperlukan strategi visual sebagai langkah yang diperlukan dalam mencapai tujuan visual, strategi visual meliputi teknik dan metode yang dipakai dalam video infografis 2D aplikasi LAKSA, sedangkan program visual merupakan step mewujudkan perencanaan visual dengan di produksinya program visual di artikan perencanaan visual telah tercapai. Berikut merupakan bagan dari tahap proses Production.

Gambar 4.15 Bagan Production

Program Visualisasi, didalam proses produksi inilah perancangan spesial effects dibuat, dengan menggunakan aplikasi–aplikasi yang merupakan hasil dari kemajuan teknologi. Acuan storyboard diubah menjadi animatrix yaitu semacam slide show dari storyboard yang sudah diisi dengan dialog yang belum diedit. Ada beberapa tahapan dalam program visual yaitu diantaranya :

Gambar 4.16 Scene 1 (Menampilkan Kota Tangerang)

Gambar 4.17 Scene 2 (Menampilkan Contoh Media Sosial)

Gambar 4.18 Scene 3 (Menampilkan pegawai PNS yang sedang berfikir)

Gambar 4.19 Scene 4 (Menampilkan pegawai PNS yang mendapatkan solusi)

Gambar 4.20 Scene 5 (Menampilakan logo aplikasi LAKSA melaui ponsel)

Gambar 4.21 Scene 6 (Menampilkan dan menjelaskan layanan LAKSA)

Gambar 4.22 Scene 7 (Menampilkan menggunakan layanan LAKSA)

Gambar 4.23 Scene 8 (2 Cara menggunakan aplikasi LAKSA)

Gambar 4.24 Scene 9 (Pengaduan di teruskan ke dinas terkait)

Gambar 4.25 Scene 10 (SKPD mengirimkan sms jawaban)

Gambar 4.26 Scene 11 (Sms di tampilkan di website KOTA TANGERANG)

Gambar 4.27 Scene 12 (Penutup)

Perencanaan Multimedia

Perencanaan multimedia diperlukan tiga tahapan elemen sitematis yaitu teks, gambar, dan suara kemudian digabungkan atau di kombinasikan menjadi satu file yang berbentuk video. Perencanaan multimedia ini di dasarkan atas konsep yang efektif untuk menjangkau masyarakat dalam memperoleh informasi secara akurat dan efisien. Dalam membentuk multimedia ini, karya audio visual di gabungkan dari beberapa elemen di antaranya suara, teks, dan gambar lalu di tambah dengan spesial efek agar tampilan menjadi lebih menarik dan jelas dengan informasi yang tepat. Untuk mensukseskan perencanaan multimedia ini diperlukan 3 tahapan sistematis, dimulai dari tujuan multimedia, strategi multimedia, dan program multimedia. Perencanaan multimedia ditujukan guna menarik masyarakat agar menjangkau lebih luas dengan menggunakan input yang telah diolah (teks, gambar, suara). Dengan adanya perencanaan multimedia di harapkan dapat tercapainya target yang telah di tentukan. Dengan tahapan melalui tujuan multimedia yang terfokus pada project pembuatan video.

Tujuan Multimedia

Tujuan dari multimedia pembuatan video infografis ini adalah untuk sarana sumber informasi bagi masyarakat luas yang ingin mengetahui tentang aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda), dan memberikan informasi lengkap tentang pengertian aplikasi LAKSA serta bagaimana cara menggunakannya, serta meningkatkan minat masyarakat untuk memberikan saran dan masukan nya untuk Kota Tangerang.

Strategi Multimedia

Sebelum masuk proses produksi harus melalui tahap strategi multimedia, komponen yang mencakup strategi multimedia adalah :

Geografi : Wilayah Kota Tangerang

Demografi

Jenis Kelamin : Pria & Wanita
Umur : 17- 25 th
Kelas Ekonomi : Menengah
Sasaran : Masyarakat Kota Tangerang

Psikografi : Masyarakat Kota Tangerang yang ingin memberikan masukan ataupun keluhan terhadap pemerintah Kota Tangerang.

Program Multimedia

Program multimedia media video informasi dan promosi yang dibuat ada tiga tahapan yaitu :

Teks
Teks dalam video ini memakai type Estrangelo Edessa, Arial Raounded MT Bold diterapkan dalam media informasi dengan beberapa efek.
Picture
Gambar yang digunakan yaitu berupa banyak gambar berformat png yang di padukan dengan bentuk visual yang dapat hasilnya nanti akan menjadi berupa video.
Sound
Suara yang digunakan dalam media video infografis ini adalah menggunakan suara asli manusia (dubber) dan beberapa efek suara alunan musik seperti piano, gitar, drum, dan bass. Penerapan dubber di sesuaikan dengan background video yang telah dibuat agar sesuai dengan kondisi yang sebenarnya.

Perencanaan Audio

Dalam perancangan video infografis, audio sangat berperan penting dalam penyampain informasi dalam bentuk suara. Jika tidak ada suara ataupun audio ini, video yang dibawakan atau di putar menjadi kurang memuaskan dan cepat bosan. Karena jika tidak ada audio maka langkah yang di tempuh adalah dengan memperbanyak tulisan, dan hal ini yang membuat video infografis jadi membosankan. Dalam konsep produksi ini audio memiliki tujuan audio, strategi audio dan program audio.

Tujuan Audio

Tujuan audio ini di artikan untuk penerapan pada bidang video infografis. Agar video yang telah di buat dapat di mengerti oleh masyarakat dan dapat menjadi salah satu sarana media komunikasi antara masyarakat dengan pemerintahan Kota Tangerang. Tujuan Audio digunakan untuk menerangkan dan menjelaskan gambar bergerak yang sedang diputar sehingga media informasi dan promosi berupa video ini akan lebih hidup dan memberikan informasi dan promosi pada masyarakat luas. Media video infografis ini dapat menjadi acuan masyarakat untuk mendapatkan informasi yang luas dan lengkap mengenai layanan kota tangerang. Audio ini juga berperan besar dalam pembentukan dan penempatan suara dengan latar background gambar yang sesuai, sehingga pesan yang di sampaikan lebih jelas dan memiliki arti.

Strategi Audio

Strategi Audio, media yang di gunakan setidaknya memenuhi tiga aspek yaitu Geografi, demografi dan psikografi. Dalam perancangan audio ini harus memperhatikan detail suara yang di hasilkan. Dalam pembuatan audio ini menggunaka suara manusia yaitu dengan dubber, mambaca naskah sesuai dengan background gambar yang pas. Dengan memberikan suara dubber maka informasi yang di sampaikan akan terlihat jelas, gambar dan suara yang pas memungkinkan masyarakat mendapatkan informasi dengan mudah dan cepat. Media yang akan dirancang dan dipersiapkan setidaknya memenuhi tiga aspek sasaran yaitu :

Geografi : Wilayah Kota Tangerang

Demografi

Jenis Kelamin : Pria & Wanita
Umur : 17- 25 th
Kelas Ekonomi : Menengah
Sasaran : Masyarakat Kota Tangerang

Psikografi : Masyarakat Kota Tangerang yang ingin memberikan masukan ataupun keluhan terhadap pemerintah Kota Tangerang.

Program Audio

Audio yang telah disiapkan dalam pembuatan project ini sudah dilakukan untuk menyesuaikan dengan gambar yang sudah ada, agar tidak terlihat jumping. Audio yang di gunakan seperti suara instrument musik dalam format mp3. Adapun suara audio yang di hasilakan dari suara manusia, yaitu dubber. Dubber adalah orang yang membaca naskah untuk menyesuaikan dengan background gambar atau video yang akan di putar. Dalam dubber ini biasanya suara yang di hasilkan harus jelas dan tepat pada gambar ataupun background video yang akan di putar. Dengan adanya program audio, media video infografis ini akan menjadi lebih baik lagi karena ada penambahan dari suara dubbing untuk meperjelas suatu gambar. Pengambilan audio yang sesuai diperlukan proses editing dari cutter video dan penyesuaian penempatan dengan gambar yang ditampilkan. Proses besar kecilnya suara audio dibuat dari volume mixing audio.

Perencanaan Visual

Perencanaan visual yang di hasilkan adalah keseluruhan penggabungan dari gambar, suara dan teks yang menghasilkan satu video utuh yang di gunakan untuk memberikan informasi. Dengan menggabungkan teks dengan format penulisan yang telah di tentukan kemudian gambar yang telah di produksi sebelumnya dan suara yang di hasilkan dari membaca naskah kemudian di edit dan di render lalu menghasilkan video yang siap untuk di gunakan. Tampilan video yang di hasilkan pun akan lebih menarik dan tidak membosankan. Dengan adanya perencanaan visual semua tahapan akan terlaksana dengan baik dan akurat. Perencanaan visual juga ditujukan untuk memberikan kesan atau image dalam video yang ditampilkan.

Tujuan Visual

Tujuan Visual yang telah di buat dan terdapat pada video infografis ini yang di rancang dengan sebagai media informasi yang menggambungkan gambar, suara, dan teks. Lalu dengan beberapa efek-efek animasi yang berhubungan dengan teknologi. Efek perpindahan gambar menggunakan beberapa tipe seperti slide, sehingga dapat menciptakan suatu bentuk visulisasi yang terkesan menarik.

Tabel 4.6 Kesan Visual effect

Strategi Visual

Dengan kemajuan teknologi yang modern seperti ini, komputer pun menjadi canggih dan dapat membantu pekerjaan manusia menjadi lebih mudah. Sehingga efek-efek yang dihasilkan dalam pembuatan video infografis ini seperti rill dan cukup menarik. Menampilkan visualisasi efek-efek yang berbeda-beda dalam setiap scene nya menjadikan daya tarik untuk setiap opening, dubber, visual gambar, sampai mengenai cara dan kegunaan aplikasi LAKSA.

Program Visual

Program Visual yang dihasilkan ataupun di rancang menggunakan spesial efek mendukung hasil dari kemajuan teknologi modern. Acuan storyboard diubah menjadi animatrix yaitu semacam slide show dari storyboard yang sudah diisi dengan dubbing yang telah di buat sebelumnya serta suara musik ataupun backsound dari instument.

Perencanaan Broadcasting

Perencanaan Broadcasting di tujukan untuk menjangkau masyarakat dengan program pendistribusian efektif serta efisien. Dengan di buatnya perencanaan broadcasting tujuan untuk mencakup masyarakat luas dengan memberikan informasi yang berkaitan dengan media video infografis ini agar mencapai target jangkauan penyebaran informasi yang diberikan. Sehingga dengan dibuatnya perencanaan broadcasting suatu media informasi atau media promosi menjadi arahan dapat mencapai target jangkauan audience. Perencanaan broadcasting terdiri dari tujuan broadcasting, strategi broadcasting dan program broadcasting.

Tujuan Broadcasting

Pada perencanaan tujuan Broadcasting ini adalah untuk menjangkau khalayak yang cukup luas tanpa mem filter atau membandingkan khalayak yang berhak mendapat informasi dan promosi telah di buat. Tujuan Broadcasting ini adalah mennyampaikan informasi dan promosi dalam bentuk video infografis kepada khalayak umum, semua informasi yang diberikan dapat bermanfaat bagi masyarakat dan dapat di terima baik oleh mayarakat tanpa memandang siapapun. Semua berhak mendapatkan informasi yang bermanfaat dan berguna untuk dijadikan bahan acuan untuk mendapatkan pandangan yang lebih baik.

Strategi Broadcasting

Strategi Broadcasting dilakukan dengan cara memanfaatkan fasilitas yang sudah ada, seperti menggunakan media internet untuk penyebaran informasi. Dengan meggunakan jasa internet, akses untuk memberikan informasi kepada masyarakat akan lebih mudah dan menghemat waktu. Melalui website ataupun meng upload ke situs video ternama seperti Youtube.

Program Broadcasting

Program Broadcasting yang di tujukan kepada masyarakat luas, untuk mendapatkan informasi yang berkaitan dengan media video infografis aplikasi LAKSA. Untuk menayangkan hasil dari produksi audio visual juga memanfaatkan fasilitas internet sebagai medianya. Untuk detailnya program broadcasting media informasi yang dibuat dari hasil editing media video infografis aplikasi LAKSA pada Dinas KOMINFO Kota Tangerang akan disalurkan melalui :

Youtube, Sebagai sarana untuk melihat video dengan konteks streaming memanfaatkan koneksi internet yang cukup cepat agar tidak terjadi buffering. Dengan meng upload video infografis ini, maka informasi yang diterima oleh masyarakat akan menjadi lebih mudah dan efisien. Meng upload video di youtube harus memiliki akun untuk log in, dalam format video, jika video dengan kapasitas besar akan cukup menyita waktu yang lama dan juga tergantung dengan koneksi internet itu sendiri.
Internet, berupa website Kota Tangerang dimana siapapun dan kapanpun dapat mengakses website tersebut tanpa harus login terlebih dahulu selama jaringan akses terkoneksi dengan internet. Dengan alamat web www.tangerangkota.go.id semua informasi bisa di dapatkan dengan mudah.

Postproduction

Postproduction adalah tahap terakhir dari semua proses yang sebelumnya. Dari proses awal preproduction, lalu masuk tahap production, dan berakhir di tahap postproduction. Pada tahap postproduction ini terdapat terdapat proses editing, mixing, finishing, tahapan keluaran dan segmen pasar. Dengan adanya tahap terakhir ini, diharapkan target yang akan dicapai akan terwujud dan terlaksana.

Tahap postproduction adalah proses finishing sebuah karya sampai menjadi sebuah video yang utuh dan mampu menyampaikan sebuah cerita atau pesan kepada audience. Dalam tahap finishing ini, proses editing sedang dilakukan oleh editor. Dimana semua gambar gerak, teks dan suara di gabungkan sehingga menghasilkan satu format penyampaian informasi yang baik dan jelas. Berikut bagan dari tahapan postproduction:

Gambar 4.28 Bagan Postproduction

Editing

Pada tahap editing video dilakukan pemotongan, pemilihan dan penyusunan hasil gambar produksi sesuai keinginan atau gagasan sutradara sesuai dengan naskah dan storyboard.

Mixing

Mixing adalah suatu proses percampuran gambar dan audio serta penambahan beberapa teks, selanjutnya ditambahkan efek-efek animasi agar tampilannya terlihat lebih menarik, dan sesuai dengan naskah ataupun storyboad yang telah dibuat sebelumnya. Kesinambungan antara suara asli, narasi, ilustrasi musik, dan sound efek sangat diperhatikan agar serasi dan harmonis serta terdengar dengan jelas. Setelah melalui proses mixing ini, kemudian di render dan di ubah ke beberapa format file selanjutnya akan di pasarkan dan di sebarkan kepada masyarakat luas.

Finishing

Tahap finishing ini adalah tahap terakhir dalam proses pembuatan media video infografis ini setelah penggabungan semua gambar, teks, suara musik maupun suara dubber telah di masukkan ke dalam satu video. Pada tahap ini dilakukan proses export video dari adobe premier pro CS 3 menjadi format video yang telah di tentukan. Selanjutnya hasil eksport video akan di burning ke CD, dan selanjutnya akan di upload ke dalam situs pemutar video yaitu Youtube.

Tahapan Keluaran

Pada tahap ini, hasil render dari semua penggabungan gambar gerak mulai dari teks dan suara akan di eksport ke dalam format video yang telah di tentukan sebelumnya. Dimana format video yang di kehendaki adalah dalam format wmv. Selanjutnya hasil yang telah jadi akan di upload ke dalam website www.tangerangkota.go.id.

Segmen Pasar

Hasil project video infografis ini akan di upload ke situs website kota tangerang ataupun youtube dengan chanel Kota Tangerang yang nantinya akan di lihat oleh seluruh masyarakat khususnya yang ada di kota tangerang. Sehingga video tersebut dapat memberikan penjelasan secara ringkas dan padat pada aplikasi LAKSA kota tangerang.

BAB V

PENUTUP

Kesimpulan

Media video infografis dapat dijadikan sebagai penunjang informasi pada layanan aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda), sehingga masyarakat dengan mudah dapat memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas terkait pada Pemerintahan Kota Tangerang.
Dengan merancang video infografis aplikasi LAKSA dengan berbasis animasi 2D dimana terdapat unsur gerak, suara, musik,desain grafis, ilustrasi, dan warna yang menarik sehingga dapat menunjang aplikasi LAKSA yang mudah di pahami pemanfaatannya oleh masyarakat Kota Tangerang
Masyarakat dapat paham akan layanan aplikasi LAKSA dan dapat membantu memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas terkait di Kota Tangerang.

Saran

Dinas Kominfo agar terus melakukan layanan aplikasi terbaru juga media infografis nya, sehingga layanan aplikasi tersebut dapat lebih menarik dan dipahami.
Masyarakat lebih aktif dalam memberikan pesan, keluhan, saran, ataupun laporan nya dengan melalui layanan aplikasi LAKSA.
Untuk penulis yang ingin melanjutkan agar lebih membuat video infografis yang lebih menarik agar audience lebih tertarik.

Kesan

Dengan melakukan observasi pada Dinas Kominfo penulis menjadi lebih mengerti dan paham bagaimana merancang Media Video Infografis sebagai penunjang informasi yang baik dan benar, serta menarik dan interaktif bagi para audience serta lebih mengenal akan layanan apa saja di Kota Tangerang.

DAFTAR PUSTAKA

↑ Soepadmo, Gatoet, “Panduan Mudah Merancang Bangunan”. Niaga Swadaya, Jakarta, 2013
↑ Binanto, Iwan. 2010. "Multimedia Digital (Dasar Teori dan Pengembangannya)", Yogyakarta
↑ ^3,0 ^3,1 ^3,2 Hendratman, Hendi, ST. "Tips n Trix Computer Graphics Design", Informatika Bandung, 2010
↑ ^4,0 ^4,1 Ayuningtyas, Melvy. 2010. Ngedit Video Dengan Adobe Premiere CS3. Bekasi: Dunia Komputer.
↑ Lankow, Jason, Jose Ritchie, Ross Croocks, “Infographics: Power of Visual Storrytelling” Hoboken, New Jersey: John Wiley & Sons, Inc. 2012.
↑ Desrianti, Dewi Immaniar, Untung Rahardja, Reni Mulyani. 2012. Audio Visual As One Of The Teaching Resources On Ilearning. Journal CCIT Vol.5 No.2 – Januari 2012. Tangerang: Perguruan Tinggi Raharja
↑ Maimunah, Lusyani Sunarya, Nina Larasati. 2012. Media Company Profile Sebagai Sarana Penunjang Informasi dan Promosi. Journal CCIT Vol.5 No.3 – Mei 2012. Tangerang: Perguruan Tinggi Raharja.
↑ ^8,0 ^8,1 Tjiptono, Fandy. 2012. Strategi Pemasaran. Yogyakarta : Andi.
↑ ^9,0 ^9,1 ^9,2 Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta: Andi.
↑ TW Ibnu. 2013. Belajar desain grafis. Yogyakarta: Media Pressindo
↑ Widada, Sugeng. 2012. Diktat Mata Kuliah Nirmana. Tangerang: Perguruan Tinggi Raharja.
↑ Sunarya ,Lusyani . 2013. Diktat Perkuliahan Aplikasi Program Komputer Mavib II, Tangerang : STMIK RAHARJA.
↑ ^13,0 ^13,1 McLeod. Yakub. 2012. Pengantar Sistem Informasi, Yogyakarta: Graha Ilmu
↑ O'Brien. Takub. 2012. Pengantar Sistem Informasi. Jakarta: Graha Ilmu
↑ ^15,0 ^15,1 Jogiyanto, Diktat, "Desain Karakter and Modeling", Hal 7, Skripsi Stmik Raharja, Tangerang, 2010
↑ Maulana, Arya. 2010. “Panduan Lengkap Adobe Photoshop Cs 3”. Yogyakarta: Andi
↑ Widada, Sugeng. 2011. “Diktat Mata Kuliah Aplikasi Program Mavib 1”. Tangerang: Perguruan Tinggi Raharja
↑ Madiun, Madcoms. 2011. “Panduan Lengkap Adobe Ilustrator CS3”. Yogyakarta: Andi
↑ Hendratman,Hendi, ST. “The Magic of Adobe After Effects”, Bandung, 2010
↑ Guritno, Suryo, dkk. Theory and Application of ITResearch Metodologi Penelitian Teknologi Informasi. Yogyakarta: Andi. 2011.

DAFTAR LAMPIRAN

Kartu Bimbingan Skripsi Perguruan Tinggi Raharja
Formulir Seminar Proposal Skrpisi
Formulir Pertemuan Stakeholder Skripsi
Formulir Final Presentasi Skripsi
Surat Pengantar Observasi / Penelitian Skripsi
Formulir Permohonan Usulan Penelitian
Formulir Validasi Skripsi & Kwitansi
Surat Keterangan Implementasi dari Stakeholder
Surat Keterangan Observasi Penelitian
Surat Keterangan Hibah
Surat Keterangan Jurnal Penelitian
Fotokopi Sertifikat Prospek
Fotokopi Sertifikat TOEFL RCEP
Fotokopi Sertifikat Juara Indie Movie STMIK Raharja
Fotokopi Sertifikat Documentation and Broadcasting Commite
Fotokopi Sertifikat Seminar workshop IT
Daftar Pertanyaan Wawancara
Surat Undangan Stakeholder
Fotokopi KSTF
Elisitasi Tahap I, II, III & Final
X Banner
Slide Presentasi Skripsi
Katalog Produk & Daftar Riwayat Hidup

Contributors

AdamMaulana

[soepa2013-1] Soepadmo, Gatoet, “Panduan Mudah Merancang Bangunan”. Niaga Swadaya, Jakarta, 2013

[nanto2010-2] Binanto, Iwan. 2010. "Multimedia Digital (Dasar Teori dan Pengembangannya)", Yogyakarta

[hendra2010-3] 3,0 ^3,1 ^3,2 Hendratman, Hendi, ST. "Tips n Trix Computer Graphics Design", Informatika Bandung, 2010

[ayu2010-4] 4,0 ^4,1 Ayuningtyas, Melvy. 2010. Ngedit Video Dengan Adobe Premiere CS3. Bekasi: Dunia Komputer.

[lanko2012-5] Lankow, Jason, Jose Ritchie, Ross Croocks, “Infographics: Power of Visual Storrytelling” Hoboken, New Jersey: John Wiley & Sons, Inc. 2012.

[desri2012-6] Desrianti, Dewi Immaniar, Untung Rahardja, Reni Mulyani. 2012. Audio Visual As One Of The Teaching Resources On Ilearning. Journal CCIT Vol.5 No.2 – Januari 2012. Tangerang: Perguruan Tinggi Raharja

[maimun2012-7] Maimunah, Lusyani Sunarya, Nina Larasati. 2012. Media Company Profile Sebagai Sarana Penunjang Informasi dan Promosi. Journal CCIT Vol.5 No.3 – Mei 2012. Tangerang: Perguruan Tinggi Raharja.

[fandy2012-8] 8,0 ^8,1 Tjiptono, Fandy. 2012. Strategi Pemasaran. Yogyakarta : Andi.

[supri2010-9] 9,0 ^9,1 ^9,2 Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta: Andi.

[ibu2013-10] TW Ibnu. 2013. Belajar desain grafis. Yogyakarta: Media Pressindo

[widada2012-11] Widada, Sugeng. 2012. Diktat Mata Kuliah Nirmana. Tangerang: Perguruan Tinggi Raharja.

[sunar2013-12] Sunarya ,Lusyani . 2013. Diktat Perkuliahan Aplikasi Program Komputer Mavib II, Tangerang : STMIK RAHARJA.

[yakub2012-13] 13,0 ^13,1 McLeod. Yakub. 2012. Pengantar Sistem Informasi, Yogyakarta: Graha Ilmu

[brien2012-14] O'Brien. Takub. 2012. Pengantar Sistem Informasi. Jakarta: Graha Ilmu

[jogi2010-15] 15,0 ^15,1 Jogiyanto, Diktat, "Desain Karakter and Modeling", Hal 7, Skripsi Stmik Raharja, Tangerang, 2010

[arya2010-16] Maulana, Arya. 2010. “Panduan Lengkap Adobe Photoshop Cs 3”. Yogyakarta: Andi

[widada2011-17] Widada, Sugeng. 2011. “Diktat Mata Kuliah Aplikasi Program Mavib 1”. Tangerang: Perguruan Tinggi Raharja

[madiun2011-18] Madiun, Madcoms. 2011. “Panduan Lengkap Adobe Ilustrator CS3”. Yogyakarta: Andi

[hendi2010-19] Hendratman,Hendi, ST. “The Magic of Adobe After Effects”, Bandung, 2010

[gurtino2011-20] Guritno, Suryo, dkk. Theory and Application of ITResearch Metodologi Penelitian Teknologi Informasi. Yogyakarta: Andi. 2011.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

@@ Baris 1: / Baris 1: @@
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''PERANCANGAN MEDIA VIDEO PROFILE'''</P></div>
-<p style="line-height: 1">'''PERANCANGAN MEDIA VIDEO PROFILE'''</P></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''BERBENTUK PROMOSI DAN INFORMASI DI'''</P></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''BERBENTUK PROMOSI DAN INFORMASI'''</P></div>
-<p style="line-height: 1">'''SMK AT-THAHIRIN 2 CILEDUG TANGERANG'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''DI SMK AT-THAHIRIN 2'''</P></div>
-<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''CILEDUG TANGERANG'''</P></div>
-<p style="line-height: 1">'''[[Skripsi|SKRIPSI]]'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''[[Skripsi|SKRIPSI]]'''</P></div>
-[[File:Logo stmik raharja.jpg|150px|center]]</div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">[[File:Logo stmik raharja.jpg|150px|center]]</div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: ">'''Disusun Oleh :'''</P></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><p style="line-height: ">'''Disusun Oleh :'''</P></div>
 {|table align="center"
 |-
 |<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1121466941'''</div>
 |-
-|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[ADAM MAULANA RACHMAN]]'''</div>
-|}
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[Adam Maulana Rachman]]'''</div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+|}
-<p style="line-height: 1">'''[[TEKNIK INFORMATIKA]]'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''JURUSAN [[Teknik Informatika|TEKNIK INFORMATIKA]]'''</P></div>
-<p style="line-height: 1">'''MULTIMEDIA AUDIO VISUAL and BROADCASTING '''</P></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''KONSENTRASI MULTIMEDIA AUDIO VISUAL DAN BROADCASTING'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</P></div>
-<p style="line-height: 1">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</P></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''[[STMIK RAHARJA]]'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''TANGERANG'''</P></div><div style="font-size: 14pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''(2015/2016)'''</P>
-<p style="line-height: 1">'''[[STMIK RAHARJA]]'''</P></div>
+</div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''TANGERANG'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''2015/2016'''</P></div>
 {{pagebreak}}
+<hr width="100%">
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''(STMIK) RAHARJA'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''STMIK RAHARJA'''</p></div>
 &nbsp;
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PENGESAHAN SKRIPSI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PSIKOTEST ONLINE  PADA  SISTEM INFORMASI'''</p></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''PERANCANGAN MEDIA VIDEO PROFILE'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''BERBENTUK PROMOSI DAN INFORMASI'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''DI SMK AT-THAHIRIN 2'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''CILEDUG TANGERANG'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">''' REKRUITMENT KARYAWAN DI PT. KRAKATAU INFORMATION TECHNOLOGY TBK'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh :</p></div>
@@ Baris 59: / Baris 55: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1121466941</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1121466941'''</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Adam Maulana Rachman]]</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[Adam Maulana Rachman]]'''</div>
 |-
@@ Baris 75: / Baris 71: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Multimedia Audio Visual and Broadcasting</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Multimedia Audio Visual dan Broadcasting</div>
 |}
@@ Baris 82: / Baris 78: @@
 &nbsp;
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, 28 Januari 2016</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, Januari 2016</p></div>
 {|table align="center"
@@ Baris 95: / Baris 90: @@
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">STMIK RAHARJA</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Jurusan Sistem Informatika</div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">STMIK RAHARJA</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Jurusan Teknik Informatika</div>
 |-
@@ Baris 115: / Baris 110: @@
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Ir. Untung Rahardja, M.T.I)</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Nur Azizah, M.Akt, M.Kom)</u></div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Ir.[http://untungrahardja.ilearning.me/ Untung Rahardja], M.T.I)</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([http://junaidi.ilearning.me/ Junaidi], M.Kom)</u></div>
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 000594 </div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 078010 </div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 000594</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 001405</div>
 |}
 {{pagebreak}}
+<hr width="100%">
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''(STMIK) RAHARJA'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''STMIK RAHARJA'''</p></div>
 &nbsp;
@@ Baris 133: / Baris 130: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PSIKOTEST ONLINE  PADA  SISTEM INFORMASI'''</p></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''PERANCANGAN MEDIA VIDEO PROFILE'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''BERBENTUK PROMOSI DAN INFORMASI'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''DI SMK AT-THAHIRIN 2'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''CILEDUG TANGERANG'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''REKRUITMENT KARYAWAN DI PT. KRAKATAU INFORMATION TECHNOLOGY TBK'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Dibuat Oleh :</p></div>
@@ Baris 142: / Baris 144: @@
 |-
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1121466941'''</div>
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1121466941</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Adam Maulana Rachman]]</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[Adam Maulana Rachman]]'''</div>
 |}
@@ Baris 161: / Baris 161: @@
 <p style="line-height: 2" style="text-align: center;">Jurusan Teknik Informatika</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Multimedia Audio Visual and Broadcasting</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Multimedia Audio Visual dan Broadcasting </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div>
@@ Baris 167: / Baris 167: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
-<p style="line-height: 2" style="text-align: right;">Tangerang, 28 Januari 2016</p></div>
+<p style="line-height: 2" style="text-align: right;">Tangerang, Januari 2016</p></div>
 {|table align="center"
@@ Baris 193: / Baris 193: @@
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Wahyu Hidayat,S.I.Kom)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Triyono,S.kom)</u></div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Lusyani Sunarya,.S.Sn,M.Si)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Gunawan Putrodjodjo.Ir,.MM)</u></div>
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 02026 </div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 08190 </div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 06124 </div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 14007 </div>
 |}
 {{pagebreak}}
+<hr width="100%">
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''(STMIK) RAHARJA'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''STMIK RAHARJA'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN DEWAN PENGUJI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PSIKOTEST ONLINE  PADA  SISTEM INFORMASI'''</p></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''PERANCANGAN MEDIA VIDEO PROFILE'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">''' REKRUITMENT KARYAWAN DI PT. KRAKATAU INFORMATION TECHNOLOGY TBK'''</p></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''BERBENTUK PROMOSI DAN INFORMASI'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''DI SMK AT-THAHIRIN 2'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''CILEDUG TANGERANG'''</P></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Dibuat Oleh :</p></div>
@@ Baris 220: / Baris 225: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1411477652</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1121466941'''</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Alam Pratama]]</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[Adam Maulana Rachman]]'''</div>
 |}
@@ Baris 236: / Baris 241: @@
 <p style="line-height: 1" style="text-align: center;">Komprehensif</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Jurusan Sistem Informasi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Jurusan Teknik Informatika</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Sistem Informasi Manajemen</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Multimedia Audio Visual dan Broadcasting</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tahun Akademik 2014/2015</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tahun Akademik 2015/2016</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Penguji :</p></div>
@@ Baris 246: / Baris 251: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
-<p style="line-height: 1" style="text-align: right;">Tangerang, 28 Januari 2016</p></div>
+<p style="line-height: 1" style="text-align: right;">Tangerang, Januari 2016</p></div>
 {|table align="center"
@@ Baris 291: / Baris 296: @@
 {{pagebreak}}
+<hr width="100%">
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''(STMIK) RAHARJA'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''STMIK RAHARJA'''</p></div>
 &nbsp;
@@ Baris 300: / Baris 307: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR KEASLIAN SKRIPSI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">'''PSIKOTEST ONLINE  PADA  SISTEM INFORMASI'''</p></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''PERANCANGAN MEDIA VIDEO PROFILE'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;2">''' REKRUITMENT KARYAWAN DI PT. KRAKATAU INFORMATION TECHNOLOGY TBK'''</p></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''BERBENTUK PROMOSI DAN INFORMASI'''</P></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Saya yang bertanda tangan dibawah ini,</p></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''DI SMK AT-THAHIRIN 2'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"><p style="line-height: 1">'''CILEDUG TANGERANG'''</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh :</p></div>
 {|table align="center"
@@ Baris 310: / Baris 321: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1411477652</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1121466941'''</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Alam Pratama]]</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[Adam Maulana Rachman]]'''</div>
 |-
@@ Baris 322: / Baris 333: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Informasi</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Teknik Informat</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Informasi Manajemen </div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Multimedia Audio Visual dan Broadcasting</div>
 |}
 &nbsp;
@@ Baris 338: / Baris 348: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tangerang, 28 Januari 2016</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tangerang, Februari 2016</p></div>
 {|table align="center"
@@ Baris 364: / Baris 374: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[Alam Pratama]])'''</u></div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''([[Adam Maulana Rachman]])'''</u></div>
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM : 1411477652'''</div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM : 1121466941'''</div>
 |}
@@ Baris 377: / Baris 387: @@
 {{pagebreak}}
+<hr width="100%">
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAKSI</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">Perkembangan teknologi pada saat ini sudah berkembang begitu pesatnya, media internet pun sudah banyak digunakan untuk mendapatkan informasi, khususnya dalam hal lowongan pekerjaan. Namun pengolahan data perekrutan karyawan pada PT. Krakatau Information Technology Tbk masih menggunakan sistem yang manual. Sehingga pada proses perekrutan karyawan pun masih kurang efisien. Pada permasalahan ini, penulis mengambil kesimpulan dan jalan keluar, dengan melakukan analisa sistem yg berjalan dengan menggunakan beberapa metode antara lain, metode pengumpulan data yaitu observasi dan studi pustaka, metode analisa dan perancangan. Selanjutnya penulis melakukan usulan perancangan sistem yg akan di implementasikan dari hasil analisa yang telah dilakukan. Dari hasil di atas, maka penulis melakukan penelitian dan mengusulkan perancangan sistem perekrutan karyawan pada  perusahaan PT. Krakatau Information Technology Tbk agar dapat memberikan pelayanan informasi yang bermutu dan uptodate bagi para calon pelamar. Berdasarkan gambaran yang telah dipaparkan di atas maka di implementasikan ide yg dituangkan pada Laporan SKRIPSI yang berjudul “Psikotest Online  Pada  Sistem Informasi Rekruitment Karyawan Di PT. Krakatau Information Technology Tbk”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Kata Kunci: Sistem, Informasi, Rekrutmen,Psikotest Online.''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">''ABSTRACT''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''
-The development of technology nowadays has grown so rapidly,the Internet media has been widely used to obtain information, particularly interms of jobs. However data processing recruitment of employees at PT.Krakatau Information Technology Tbk still uses a manual system. So that the recruitment processis still less efficient. In this problem, the authors conclude and the way out,by analyzing the system that runs using several methods, among others, data collection methods, namely observation and literature, methods of analysis and design. Furthermore, the authors do a system design proposal which will be implemented from the analysis that has been done. From the above results, the authors conducted a study and proposed system design recruitment company PT.Krakatau Information Technology Tbk in order to provide quality service and up to date information for potential applicants. According to figures presented above have implemented the ideas that poured in Thesis report entitled "System DesignInformation For Online Recruitment In. PT. Krakatau Information Technology Tbk ". </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Keywords: Sistem, Informasi, Rekrutmen,Psikotest Online.''</p></div>
-{{pagebreak}}
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KATA PENGANTAR'''</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bismillahirrahmanirrahim</p></div><div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Assalamu’alaikum Wr. Wb.</p></div><div>
-<p style="line-height: 2">Segala puji dan syukur penulis panjatkan kehadirat Allah SWT atas berkat rahmat dan anugerah-Nya yang dilimpahkan kepada penulis, sehingga penulisan Laporan Skripsi  ini dapat terselesaikan dengan baik dan tepat pada waktunya.Hanya karena kasih sayang dan kekuatan-Nya lah penulis mampu menyelesaikan Laporan SKRIPSI yang berjudul “Psikotest Online  Pada  Sistem Informasi Rekruitment Karyawan Di PT. Krakatau Information Technology Tbk”.Penulis berharap karya tulis ini dapat memberikan informasi yang bermanfaat dan tambahan pengetahuan bagi para pembaca umumnya serta mahasiswa khususnya. Semoga karya tulis ini dapat menjadi bahan perbandingan dalam  periode selanjutnya, dan dapat menjadi suatu karya ilmiah yang baik.
-  Pada kesempatan ini juga penulis ingin mengucapkan banyak terima kasih dan penghargaan setinggi-tingginya kepada semua pihak yang telah membantu penulis dalam menyelesaikan penulisan Laporan Kuliah Kerja Praktek ini, antara lain:
-Tujuan dari pembuatan Skripsi ini adalah sebagai salah satu persyaratan dalam memperoleh gelar Sarjana Komputer (S.Kom) untuk jenjang S1 di Perguruan Tinggi Raharja, Cikokol Tangerang. Sebagai bahan penulisan, penulis mengambil data berdasarkan hasil observasi, wawancara, survey serta studi pustaka yang mendukung penulisan ini.Dalam usaha menyelesaikan Skripsi ini sudah barang tentu cukup banyak mendapatkan bantuan maupun dorongan dari para pihak lain dan teman-teman seperjuangan. Untuk itu pada kesempatan ini penulis mengucapkan terima kasih yang sedalam-dalamnya kapada yang terhormat :</p></div>
-  <p style="line-height: 2">1. Bapak Ir. Untung Rahardja, M.T.I., selaku Presiden Direktur Perguruan Tinggi Raharja, </p>
-  <p style="line-height: 2">2. Bapak Drs. Po. Abas Sunarya, M.Si., selaku Direktur Perguruan Tinggi Raharja.</p>
-  <p style="line-height: 2"> 3. Ibu Nurazizah, M.Kom, selaku Kepala Jurusan Sistem Informasi S1.</p>
-  <p style="line-height: 2"> 4. Ibu Dina Fitria Murad, M.Kom dan Bapak Nasril Sany, S.Kom selaku Dosen Pembimbing  saya yang telah berkenan memberikan bimbingan, pengarahan dan bantuan &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dalam penyusunan laporan Skripsi ini.</p>
-  <p style="line-height: 2"> 5. Untuk Staff RPU yang telah membantu memberikan informasi mengenai skripsi kepada mahasiswa/mahasiswi terutama kepada penulis. </p>
-  <p style="line-height: 2">6. Untuk teman seperjuangan yang tidak bisa penulis sebutkan satu persatu yang telah susah senang bersama dalam mengerjakan Skripsi ini. </p>
-  <p style="line-height: 2">7.
-    Terima kasih yang setinggi-tingginya kepada Bapak dan Ibu, Adik dan keluarga tercinta yang telah &nbsp;memberikan dukungan baik moril maupun materil dan </p>
-  <p style="line-height: 2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tentunya Do’a restu yang tiada henti.</p>
-</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-  <p style="line-height: 2">Penulis menyadari bahwa dalam penyusunan laporan ini masih banyak terdapat kekurangan. Dengan segala keterbatasan dan kesederhanaan dalam penulisan dan penyusunan laporan ini, penulis sangat mengharapkan kritik dan saran yang bersifat membangun.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Akhir kata, kepada semua pihak yang telah membantu terwujudnya laporan Skripsi ini, semoga Allah SWT selalu melimpahkan rahmat dan hidayah-Nya.</p></div>
-<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
-{| width="100%" align="right"
-|-
-| width="60%" | || align="center" | Tangerang,28 Januari 2016
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| ||
-|-
-| width="60%" | || align="center" | <u>Nama. Alam Pratama</u>
-|-
-| width="60%" | || align="center" | NIM. 1121466919
-|-
-|}
-</div>
 {{pagebreak}}
@@ Baris 518: / Baris 393: @@
 {{pagebreak}}
+{{Pagebreak}}
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR SIMBOL'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL USE CASE DIAGRAM'''</p></div>
-[[Berkas:Daftar Simbol Use Case Diagram.png|pus]]
 {{pagebreak}}
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL ACTIVITY DIAGRAM'''</p></div>
-[[Berkas:Daftar Simbol Activity Diagram.png|pus]]
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL SEQUENCE DIAGRAM'''</p></div>
+<hr width="100%">
-[[Berkas:Daftar Simbol Sequence Diagram.png|pus]]
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR TABEL'''</p></div>
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB I'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENDAHULUAN'''</div>
+==Latar Belakang Penelitian==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pesatnya perkembangan informasi dan komunikasi saat ini sangat berperan penting bagi masyarakat luas. Hal ini dibuktikan dengan banyaknya pelopor telekomunikasi dan informasi yang berlomba – lomba menyajikan dengan merealisasikan informasi dan komunikasi yang dapat digunakan untuk memperoleh informasi, baik melalui media cetak seperti koran, majalah, buku, maupun media elektronik seperti radio, televisi, telepon, dan internet.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dinas Kominfo adalah suatu lembaga instansi pemerintahan yang membidangi pengolahan data informasi dan komunikasi yang dibutuhkan oleh Pemerintahan Kota Tangerang. Adapun lembaga tersebut terletak di Gedung Pusat Pemerintahan Lt.4 yang beralamatkan di Jl.Satria Sudirman Kota Tangerang. Lembaga ini dipimpin oleh seorang kepala dinas, serta terdapat satu sekretariat dan tiga bidang, diantaranya : bidang pengolahan data dan desiminasi informasi, bidang pos dan telekomunikasi, dan bidang telematika. Lembaga ini dibentuk pada tahun 2008, berdasarkan Peraturan Walikota Tangerang Nomor 28 tahun 2008 Tentang Organisasi dan Tata Kerja Dinas Informasi dan Komunikasi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Saat ini Dinas Kominfo, memberikan layanan atau sarana media informasi melalui beberapa bentuk media yaitu berupa media sosial maupun website Kota Tangerang, dan media informasi sendiri saat ini memiliki perkembangan yang sangat pesat dibandingkan dengan media komunikasi lainnya, kebutuhan mengenai informasi akan terus bertambah sesuai perkembangan zaman. Agar dapat menyampaikan informasi pelayanan terbaru  yang lebih efektif setidaknya harus mempunyai sarana media yang dapat menunjang efektivitas dalam proses komunikasi yang dilakukan oleh suatu lembaga atau instansi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan adanya pelayanan baru yang diluncurkan oleh pemerintah Kota Tangerang bernama LAKSA (Layanan Aspirasi Kotak Saran Anda). Aplikasi LAKSA adalah media komunikasi yang berfungsi untuk meneruskan keluhan masyarakat yang masuk melalui Call Center sehingga dapat direspon dengan cepat oleh dinas terkait, sehingga masyarakat dapat dengan mudah memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang. Dengan demikian penulis tertarik untuk membuat media video infografis yaitu Perancangan Video Infografis Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang. Sehingga melalui perancangan media tersebut diharapkan dapat memberikan bentuk informasi pelayanan yang lebih menarik, efektif, serta mudah diterima khususnya oleh  masyarakat Kota Tangerang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari hasil analisa kebutuhan yang dilakukan penulis terhadap Dinas Kominfo, membutuhkan media informasi yang menarik untuk memudahkan masyarakat dalam memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang melalui media video infografis.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan analisa di atas, penulis mencoba mengambil tema dalam Skripsi ini dengan judul: “PERANCANGAN VIDEO  INFOGRAFIS APLIKASI LAKSA (LAYANAN ASPIRASI KOTAK SARAN ANDA) PADA DINAS KOMINFO KOTA TANGERANG”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+==Rumusan Masalah==
-<p style="line-height: 1">Tabel 3.5. Stategi S-O</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan latar belakang dan berdasarkan pengamatan yang dilakukan oleh penulis, maka dapat diuraikan beberapa permasalahan yang dihadapi, antara lain :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<ol>
-<p style="line-height: 1">Tabel 3.6. Strategi </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media dalam bentuk apa yang efektif dan dapat menunjang informasi aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang ?
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bagaimana merancang media informasi yang dapat menarik perhatian audience dalam menunjang pemanfaatan aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) ?
-<p style="line-height: 1">Tabel 3.8. Strategi W-O</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Target seperti apa yang akan dicapai melalui Perancangan video infografis aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang ?
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+</ol>
-<p style="line-height: 1">Tabel 3.9. Elisitasi Tahap I</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 3.10. Elisitasi Tahap II</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 3.11. Elisitasi Tahap 111</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 3.12. Final Draft Elisitasi</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.1. Perbedaan Sistem Berjalan dan Usulan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.2.Acount</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.3. Buku Tamu</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.4. Daftar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.5. Daftar Data Kayawan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.6.Jawaban</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.7.Pertanyaan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.8. Pengujian Blackbox</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.9. Time Schedule</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Tabel 4.10. Estimasi</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR GAMBAR'''</p></div>
+==Ruang Lingkup==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam ruang lingkup ini penulis membatasi masalah yang akan di bahas hanya sebatas Pembuatan Media Video Infografis meliputi seperti Profil Pemerintahan Kota Tangerang khususnya pada Dinas KOMINFO, pengertian layanan Aplikasi LAKSA, dan media infografis Aplikasi LAKSA.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+==Tujuan dan Manfaat==
-<p style="line-height: 1">Gambar 3.1. Struktur Organisasi PT. Kraktau Information Technology Tbk</p></div>
+===Tujuan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tujuan penelitian skripsi dapat dijabarkan sebagai berikut :</p></div>
-<p style="line-height: 1">Gambar 3.2. Use Case Diagram yang sedang berjalan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 3.3. Activity Diagram yang sedang berjalan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.2. Activity Diagram yang diusulkan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.3. Squence Diagram HRD yang diusulkan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.4. Sequence Diagram Pelamar yang diusulkan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.5. State Machine Diagram HRD yang diusulkan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.6. State Machine Diagram Pelamar yang diusulkan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.7. Class Diagram yang diusulkan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.8. Tampilan Login</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.9. Tampilan Home</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.10. Tampilan Daftar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.11. Tampilan Data Calon Karyawan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.12. Tampilan Tes Online</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.13. Tampilan Hasil Tes</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.14. Tampilan Menu Daftar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.15. Tampilan Menu Setelah Daftar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.16. Tampilan Menu Login</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.17. Tampilan Input Menu Berhasil Login</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.19. Tampilan Data Calon Karyawan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.20. Tampilan Upload CV dan Surat Lamaran Kerja</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.21. Tampilan Tes Online</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 1">Gambar 4.22. Tampilan Hasil Tes Online</p></div>
-=<div style="font-size:115%;font-family: 'times new roman'; text-align: center">'''BAB I'''</div>=
-<div style="font-size:14 115%;font-family: 'times new roman'; text-align: center">'''PENDAHUL UAN'''</div>
-==Latar Belakang Masalah==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Perkembangan kebutuhan sistem komputerisasi juga sejalan dengan berkembangnya ilmu pengetahuan dan teknologi yang sangat pesat khususnya ilmu komputer. Penggunaan perangkat komputer dapat dilengkapi dengan program aplikasi sehingga dapat memberikan hasil yang berkualitas dan juga menjadi lebih optimal.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Penggunaan perangkat komputer juga mempengaruhi bagaimana sebuah prosedur yang ada dalam sebuah institusi, organisasi maupun perusahaan. Salah satu faktor yang menjadi topik dalam penelitian dan penulisan laporan skripsi ini adalah sistem penerimaan karyawan baru yang dapat ditampilkan secara online pada PT. Krakatau Information Technology Tbk. Sumber Daya Manusia (SDM) terus dirasakan sebagai salah satu aset yang paling penting dan berharga dalam perusahaan. Karena SDM memainkan peran sebagai pemberi ide, pendorong dan pelaksana ide, juga kegiatan-kegiatan lain dalam perusahaan untuk mencapai tujuan perusahaan. Maka dari itu semakin baik modal sumber daya manusia dalam suatu perusahaan, akan semakin baik pula kinerja perusahaan tersebut. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Dalam menjalankan kegiatan perusahaan, tidak hanya dituntut kemajuan bisnis atau pengguna teknologi yang canggih,
- tetapi juga perlu diperhatikan dari sumber daya manusianya,
- yaitu bagaimana sebuah perusahaan dapat memiliki aset berupa sumber daya manusia yang mempunyai kedisiplinan yang tinggi
- dan kinerja yang sesuai dengan kebutuhan perusahaan. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Pada umumnya kegiatan yang terdapat pada sebuah perusahaan tidak lepas dari penggunaan sistem komputerisasi, mulai dari surat menyurat,
-input lamaran kerja, pembuatan laporan ke bagian personalia sampai dengan pembuatan laporan-laporan lainnya.
-Jika dalam kegiatan tersebut tidak menggunakan sistem komputerisasi, maka semua pekerjaan tidak akan bisa selesai dengan cepat dan akan memerlukan waktu yang lebih lama.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Namun pada saat ini, masih banyak perusahaan yang masih menggunakan sistem yang manual meskipun sudah menggunakan komputer.
-Seperti salah satu contoh pada perusahaan PT. Krakatau Information Technology Tbk masih menggunakan sistem manual dalam perekrutan karyawan.
-Dimana setiap calon karyawan baru harus datang ke perusahaan membawa lamaran untuk mengikuti tes dan wawancara secara langsung,
-kemudian harus menunggu hasil tes seleksi yang akan diberitahukan oleh perusahaan tersebut melalui telepon ataupun menggunakan media komunikasi lain. Akibat dari sistem ini bagian personalia harus mencari data-data calon karyawan yang sudah masuk ke perusahaan, sehingga mengakibatkan data-data tersebut mudah hilang dan tidak terdokumentasi dengan baik. Oleh sebab itu penulis memilih judul “Perancangan Sistem Informasi Untuk ''Online Recruitment'' Pada PT. Kraktau Information Technology Tbk”.</p></div>
-==Perumusan Masalah==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Setelah melihat latar belakang masalah di atas maka masalah yang dibahas pada penelitian ini adalah :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengimplementasikan rancangan media yang efektif, untuk informasi Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang, yang dikemas dalam bentuk video infografis.
-<p style="line-height: 2"> Aplikasi apakah yang akan digunakan dalam membuat sistem perekrutan karyawan secara online ?.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Untuk merancang media audio visual dalam bentuk video infografis  yang menarik, sehingga dapat menunjang informasi Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang .
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Untuk mencapai Target Dinas Kominfo Kota Tangerang dalam hal menyampaikan informasi Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) khususnya kepada masyarakat Kota Tangerang.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+</ol>
-<p style="line-height: 2">
+===Manfaat===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Manfaat penelitian skripsi dapat dijabarkan sebagai berikut :</p></div>
-Apakah sistem perekrutan karyawan baru yang berjalan saat ini sudah sesuai dengan standar yang telah ditentukan ?.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">
-Bagaimana cara penilaian hasil test calon karyawan secara online dapat dilakukan ?.</p></li></ol>
-==Tujuan dan Manfaat Penelitian==
-===Tujuan Penelitian===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tujuan penelitian yaitu uraian yang menjelaskan
-secara detail maksud dan tujun yang hendak dicapai dari penelitian yang dilakukan. Adapun tujuan yang ingin dicapai
- dari penelitian yang dilakukan adalah sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat dijadikan media informasi yang efektif mengenai aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang yang akan disampaikan kepada masyarakat Kota Tangerang.
-<p style="line-height: 2">Untuk membuat sistem perekrutan secara online pada PT. Krakatau Information Technology Tbk
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Masyarakat Kota Tangerang dapat memahami dan tertarik untuk menggunakan Aplikasi LAKSA  (Layanan Aspirasi Kotak Saran Anda),sehingga masyarakat dapat dengan mudah memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang.
-dengan menggunakan aplikasi web.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Melalui perancangan video infografis ini diharapkan Dinas Kominfo Kota Tangerang akan mencapai target yang diharapkan, dalam hal penyampaian informasi dan memberikan pelayanan terbaik serta manfaat positif dalam hal komunikasi masyarakat Kota Tangerang kepada Dinas Pemerintahan Kota Tangerang.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+</ol>
-<p style="line-height: 2">
-Untuk merancang dan mengimplementasikan sistem perekrutan karyawan secara online pada PT. Krakatau Information Technology Tbk
-yang dapat menghasilkan informasi yang lebih mudah diakses oleh bagian personalia.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+==Metodologi Penelitian==
-<p style="line-height: 2">Penilaian test  karyawan secara online dapat dilakukan apabila calon karyawan sudah melakukan test di dalam web tersebut.</p></li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Metode-metode yang digunakan dalam penelitian ini diantaranya Metode Analisa Permasalahan, Metode Pengumpulan Data, Metode Analisa Perancangan Media, dan Metode Konsep Produksi Mavib (KPM).</p></div>
-===Manfaat penelitian===
+===Metode Analisa Permasalahan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mendapatkan permasalahan penelitian skripsi ini penulis melakukan wawancara pada hari senin tanggal 2 November 2015 pada bagian Dinas KOMINFO Kota Tangerang dengan Bapak Adhi Zulkifli, ST.MT sebagai Kepala Pengembangan E-Goverment.</p></div>
-<p style="line-height: 2">Adapun manfaat yang dihasilkan
-dari penelitian ini adalah :</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Memberikan kemudahan pada bagian
-Personalia untuk mendapatkan data karyawan baru melalui media online, tanpa harus mencari calonkaryawan melalui telepon ataupun media lainnya. </p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+===Metode Pengumpulan Data.===
-<p style="line-height: 2">Memudahkan dalam hal proses penelusuran informasi
-mengenai dari calon karyawan untuk menyeleksi dan memberikan informasi bagi calon karyawan.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Memberikan kemudahan
-kepada calon karyawan untuk mengetahui hasil tes secara online. Tanpa perlu menunggu konfirmasi dari pihak perusahaan melalui telepon</p></li></ol>
-==Ruang Lingkup Penelitian==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Untuk lebih
-memfokuskan penelitian pada permasalahan yang ada agar tidak menyimpang dari pokok permasalahan, maka penulis membuat batasan permasalahan, yaitu batasan masalah yang akan dibahas dan yang tidak akan dibahas pada penulisan dan penelitian skripsi ini. Berikut ini adalah poin-poin yang akan menjadi batasan masalah : </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Observasi<br>
-<p style="line-height: 2">Proses penerimaan lamaran.</p>
+Observasi adalah pengambilan data yang diperlukan untuk penyusunan laporan Kuliah Kerja Praktek melalui pengamatan dan membuat pencatatan secara sistematik terhadap unsur – unsur yang telah diteliti dengan tujuan secara langsung pada Dinas Kominfo Pemkot Tangerang.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Interview<br>
-<p style="line-height: 2">Proses seleksi</p>
+Wawancara adalah pengumpulan data dengan cara bertatap muka langsung dengan orang yang akan diwawancarai, untuk memperoleh informasi yang lebih jelas dan gambaran mengenai design seperti apa yang diinginkan, dengan cara melakukan tanya jawab secara langsung kepada narasumber atau stakeholder yaitu pada bagian TELEMATIKA dengan Bapak Rama Prima Mufti Al Rasyid pada Dinas Kominfo Pemkot Tangerang dan juga pihak-pihak yang terkait dengan topik penelitian.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Studi Pustaka<br>
+Selain melakukan observasi dan wawancara, pengumpulan data dengan cara studi pustaka dilakukan untuk melengkapi data-data yang relevan dalam pemilihan judul yang berkaitan dengan Multimedia Audio Visual and Broadcasting.
+</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+===Metode Analisa Perancangan Media===
-<p style="line-height: 2">Penilaian secara online.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media video infografis yang dibutuhkan oleh Dinas Kominfo Kota Tangerang, akan diproduksi dengan menggunakan aplikasi program komputer grafis diantaranya : Adobe Premiere Pro CS 4, Adobe After Effects CS 4, dan Adobe Photoshop CS 4</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Hasil tes seleksi yang akan diberikan secara
-online kepada calon karyawan.</p></li></ol>
-==Metode Penelitian==
+===Metode Konsep Produksi Mavib (KPM)===
-===Metode Pengumpulan Data===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Konsep produksi mavib yang digunakan penulis dalam penelitian skripsi ini adalah sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Wawancara<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pre Production
-Dalam metode ini, mewawancarai responden yang bernama Bapak Aziz bagian ''Human Resourch Development'' sebagai stakeholder, dalam  memberikan masukan agar sistem yang digunakan saat ini bisa berkembang menjadi lebih baik lagi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Production
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Observasi<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Post Production
-Pada observasi yang dilakukan selama 4 bulan, penulis menemukan banyak kekurangan pada sistem yang digunakan saat ini. Karena dalam proses penginputan data karyawan masih secara manual menggunakan Microsoft Excel.
+</ol>
-Metode ini dilakukan untuk mencari dan mendapatkan sumber-sumber kajian. landasan teori yang mendukung, data-data, atau informasi sebagai acuan dalam  melakukan perencanaan, percobaan, pembuatan dan penyusunan laporan.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Studi Pustaka<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Metode ini dilakukan untuk mencari dan mendapatkan sumber-sumber kajian. landasan teori yang mendukung, data-data, atau informasi sebagai acuan dalam  melakukan perencanaan, percobaan, pembuatan dan penyusunan laporan.</p></li></ol>
+==Sistematika Penelitan==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mempermudah dalam memahami lebih jelas tentang penulisan penelitian ini, maka penulis mengelompokkan materi penulisan menjadi lima (V) bab yang masing-masing saling berkaitan satu sama lainnya, sehingga tulisan ini menjadi satu kesatuan yang utuh, kelima bab tersebut yaitu :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB 1  PENDAHULUAN</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab ini berisi tentang uraian Latar Belakang Penelitan, Rumusan Masalah, Ruang Lingkup Penelitian, Tujuan dan Manfaat Penelitian, Metodologi Penelitian, dan Sistematika Penulisan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB II : LANDASAN TEORI</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam bab ini berisi tentang konsep dasar yang melandasi permasalahan penelitian sesuai dengan topik yang di bahas / judul perancangan yang di angkat.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB III : IDENTIFIKASI MASALAH</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada Bab ini berisikan tentang Gambaran Umum Objek Yang Diteliti, Product Information, Market Analisis, Potensial Market, Market Segmetation, Tujuan, Strategi, Buget Media, dan Konfigurasi Hadware. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB IV : KONSEP PRODUKSI MEDIA</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab ini berisi tentang PreProduction, Production, Perancangan Multimedia, Perencanaan Audio, Perecanaan Visual, dan PostProduction.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB V : PENUTUP</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab ini berisi tentang kesimpulan, saran dan kesan yang dapat diberikan oleh penulis darihasil penelitian yang dilakukan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">DAFTAR PUSTAKA</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berisikan tentang referensi yang digunakan dalam penyusunan hasil laporan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">DAFTAR LAMPIRAN</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berisikan daftar dari keseluruhan lampiran-lampiran yang melengkapi laporan sebagai lampiran.</p></div>
-===Metode Analisa===
+{{pagebreak}}
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Pada metode ini penulis menganalisa suatu sistem yang sudah ada, menggunakan metode analisa SWOT ''(Strength, Weakness, Opportunities, dan Threats)'',  dan ditambah dengan elisitasi tahap I, elisitasi tahap II, elisistasi tahap III dan  final draft.</p></div>
-===Metode Perancangan===
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada metode ini penulis melakukan  pengembangan berdasarkan hasil analisa yang telah didapat berisi dengan merancang sistem yang diusulkan yang penulis gambarkan melalui Unified Modelling Language (UML), seperti Activity Diagram, Use Case Diagram, Sequence Diagram, dan Class Diagram.</p></div>
-===Metode Testing===
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Dalam proses pengujian ''Recruitment online'' Pada PT. Krakatau Information Technology Tbk, peneliti menggunakan metode Blackbox Testing, yaitu metode uji coba yang memfokuskan pada tujuan fungsional software. Metode pengujian blackbox digunakan untuk menemukan kesalahan dalam beberapa kategori,
-antara lain fungsi-fungsi yang salah atau hilang, kesalahan tampilan luar, kesalahan output, kesalahan dalam struktur data atau akses database eksternal dan kesalahan performa.</p></div>
-==Sistematika Penulisan==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Untuk memahami lebih jelas tentang penulisan Skripsi
-ini, maka penulis mengelompokan materi penulisan menjadi 5 bab yang yang masing-masing saling berkaitan antara bab satu dengan yang lainya,
-sehingga menjadi kesatuan yang utuh, yaitu: </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">BAB I : PENDAHULUAN</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Bab ini berisi tentang uraian
-latar belakang, perumusan masalah, ruang lingkup penelitian, tujuan danmanfaat, metode penelitian dan sistematika penulisan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">BAB II : LANDASAN TEORI</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Pada bab ini akan dijelaskan
-tentang konsep dasar mengenai judul laporan dan definisi-definisi yang berhubungan dengan permasalahan yang dibahas pada bagian sistem yang berjalan dan akan menjadi laporan penelitian skripsi ini.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">BAB III : ANALISA SISTEM YANG BERJALAN</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Pada bab ini merupakan gambaran sejarah PT. Krakatau Information Technology Tbk, dan
-merupakan penjabaran hasil penelitian dilokasi kerja meliputi struktur organisasi perusahaan serta wewenang dan tanggung jawab, analisa masukan, analisa proses, analisa keluaran, konfigurasi sistem dan diagram UML pada sistem yang berjalan. Ditambah dengan elisitasi tahap I, elisitasi tahap II, elisitasi tahap III sampai dengan final draft.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB IV : SISTEM YANG DIUSULKAN DAN IMPLEMENTASI</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Bab ini berisi tentang sistem yang diusulkan dengan digambarkan melalui Unified Modelling Language (UML) dan uraian mengenai tampilan layar dari website yang dibuat.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">BAB V : KESIMPULAN DAN SARAN</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Bab ini merupakan bab penutup yang berisi
-tentang kesimpulan dan  saran dari hasil pengamatan dan  penelitian yang dilakukan pada skripsi ini.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">DAFTAR PUSTAKA</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">LAMPIRAN-LAMPIRAN</p></div>
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
 ==Teori Umum==
-===Konsep Dasar Sistem===
+===Definisi Perancangan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Definisi Sistem'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Soepadmo (2013:10)<ref name="soepa2013">Soepadmo, Gatoet, “Panduan Mudah Merancang Bangunan”. Niaga Swadaya, Jakarta, 2013</ref>, Perancangan adalah setiap rancangan harus memenuhi kebutuhan penggunanya dan dapat berfungsi dengan baik, fungsi timbul sebagai akibat dari adanya kebutuhan manusia dalam usaha untuk mempertahankan serta mengembangkan hidup dan kehidupannya di alam semesta ini.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Binanto (2010 : 260)<ref name="nanto2010">Binanto, Iwan. 2010. "Multimedia Digital (Dasar Teori dan Pengembangannya)", Yogyakarta</ref>, Perancangan adalah tahap pembuatan spesifikasi mengenai arsitektur program, gaya, tampilan, dan kebutuhan material atau bahan untuk program. Tahap ini biasanya menggunakan storyboard untuk menggambarkan deskripsi tiap scene lain dan bagian alur (flowchart) untuk menggambarkan aliran dari satu scene ke scene lain.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Menurut Suprihadi dkk<ref name="Suprihadi">
-Suprihadi,Rini Kartika Hudiono, Lina Sinatra Wijaya. 2013. "Rancang Bangun Sistem Jejaring Klaster Berbasis Web Menggunakan Metode Model View Controller". Vol.6 No.3 - Mei 2013 ISSN: 1978-8282STMIK Raharja.
-</ref> dalam Jurnal CCIT (2013:310), “Sistem adalah sekumpulan unsur atau elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Menurut(Sutarman,2012:13<ref name="Sutarman">.
-"Sistem adalah elemen yang saling berhubungan dan berinteraksi dalam satu  kesatuan untuk menjalankan suatu prosespencapaian suatu tujuan utama".
-"Konsep Dasar Sistem Informasi". Yogyakarta: Andi Offset.</ref>,
- yaitu:</p></div>
+===Proses Perancangan Secara Umum===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hendratman (2010 : 09)<ref name="hendra2010">Hendratman, Hendi, ST. "Tips n Trix Computer Graphics Design", Informatika Bandung, 2010</ref> :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Konsep<br>
+Adalah hasil kerja berupa pemikiran yang menentukan tujuan-tujuan, kelayakan, dan segmen  atau  audience yang dituju. Konsep didapatkan dari pihak non-grafis, antara lain : ekonomi, politik, hukum, budaya dan lain-lain yang ingin menterjemahkan ke dalam bentuk visual karena dapat bekerja untuk membantu pihak yang membutuhkan solusi secara visual.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media <br>
+Untuk mencapai kriteria ke sasaran atau segmen yang dituju diperlukan studi kelayakan yang cocok dan efektif untuk mencapai tujuannya. Media bisa berupa cetak, elektonik.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ide<br>
+Untuk mencari ide yang kreatif diperlukan studi banding, wawancara dan lain-lain agar desain yang dibuat dapat efektif diterima dan membangkitkan kesan tertentu yang sulit dilupakan. Kadang untuk mendapatkan ide, diperlukan suatu imajinasi, membuat hal yang tidak mungkin menjadi mungkin, bahkan membuat suatu hal yang konflik atau paradoks.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Persiapan Data<br>
+Data berupa teks atau gambar terlebih dahulu harus kita pilih dan seleksi. Apakah data itu sangat penting sehingga harus tampil atau kurang penting sehingga bisa ditampilkan lebih kecil, samar atau dibuang sama sekali.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Visualisasi<br>
+Menentukan komponen desain, pemilihan warna, layout sampai finishing.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Produksi<br>
+Setelah desain dan coding yang dibuat selesai, sebaiknya terlebih dahulu diuji coba (testing) untuk memastikan sistem atau produk tidak ada kesalahan.
+</ol>
-Setiap sistem terdiri dari unsur-unsur, seperti sistem pernafasan kita terdiri dari suatu kelompok unsur,
-yang terdiri dari hidung, saluran pernafasan, paru-paru, dan darah. Unsur-unsur yang membentuk sub sistem tersebut.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Unsur-unsur tersebut merupakan bagian terpadu sistem yang bersangkutan, unsur-unsur sistem berhubungan erat satu dengan yang lain
+==Teori Khusus==
-  dan sifat serta kerjasama antara unsur sistem tersebut mempunyai bentuk tertentu.</p>
+===Pengertian Video===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Ayuningtyas (2010 : 7)<ref name="ayu2010">Ayuningtyas, Melvy. 2010. Ngedit Video Dengan Adobe Premiere CS3. Bekasi: Dunia Komputer.</ref> Video merupakan penggabungan gambar-gambar mati yang  dibaca secara berurutan dalam suatu waktu atau kecepatan tertentu. Gambar-gambar yang digabung tersebut dinamakan  frame  dan kecepatan pembacaan gambar disebut dengan frame rate, dengan satuan fps (frame per second). Karena dimainkan dalam kecepatan yang tinggi maka tercipta ilusi gerak yang halus, semakin besar nilai frame rate maka akan semakin halus pergerakan yang ditampilkan.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+===Video Infografis===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Lankow, et al  (2012:6)<ref name="lanko2012">Lankow, Jason, Jose Ritchie, Ross Croocks, “Infographics: Power of Visual Storrytelling” Hoboken, New Jersey: John Wiley & Sons, Inc. 2012.</ref> Infographics singkatan dari "information graphic." Istilah ini telah mendapatkan popularitas baru-baru ini didasarkan pada peningkatan penggunaan grafis dalam pemasaran online. Beberapa menggunakan istilah ini untuk berkonotasi format unik yang telah diadopsi secara luas untuk aplikasi ini, yang ditandai dengan ilustrasi, tipografi besar, dan orientasi vertikal menampilkan bermacam-macam fakta.</p></div>
+===Konsep Dasar Media===
-Unsur sistem tersebut bekerja sama untuk mencapai tujuan sistem, setiap sistem mempunyai tujuan tertentu.
+====Pengertian Media====
- Seperti sistem pernafasan kita bertujuan menyediakan oksigen dan pembuangan karbon dioksida dari tubuh kita bertujuan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Desrianti dkk, (2012 : 133) <ref name="desri2012">Desrianti, Dewi Immaniar, Untung Rahardja, Reni Mulyani. 2012. Audio Visual As One Of The Teaching Resources On Ilearning. Journal CCIT Vol.5 No.2 – Januari 2012. Tangerang: Perguruan Tinggi Raharja</ref>, Media adalah segala bentuk yang digunakan untuk menyalurkan  informasi. Pengertian media yang diberikan AECT (Association for education communication and tecnology) ini menunjukkan bahwa istilah ”media” memiliki makna yang sangat umum.</p></div>
- menyediakan oksigen dan tersebut yang berupa hidung, saluran pernafasan, paru-paru, dan darah bekerja sama satu dengan
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Maimunah  dkk  (2012 : 283)<ref name="maimun2012">Maimunah, Lusyani Sunarya, Nina Larasati. 2012. Media Company Profile Sebagai Sarana Penunjang Informasi dan Promosi. Journal CCIT Vol.5 No.3 – Mei 2012. Tangerang: Perguruan Tinggi Raharja.</ref> Media adalah sarana untuk menyampaikan pesan atau informasi kepada publik dengan menggunakan berbagai unsur komunikasi grafis seperti teks atau gambar atau foto.</p></div>
- yang lain dengan proses tertentu untuk mencapai tujuan tersebut.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Tjiptono (2012 : 240)<ref name="fandy2012">Tjiptono, Fandy. 2012. Strategi Pemasaran. Yogyakarta : Andi.</ref> Beberapa sarana komunikasi (media) yang dipakai dalam menyampaikan dan menyebarluaskan pesan antara lain : Media cetak, media elektronik, papan iklan, pos langsung (direct mail), petunjuk penjualan (point of purchase), selebaran dan kalender.</p></div>
+====Alternatif Media====
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Supriyono (2010 : 136)<ref name="supri2010">Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta: Andi.</ref> alternatif media sebagai berikut :</p></div>
-Suatu sistem merupakan bagian dari sistem lain yang lebih besar, sistem pernafasan kita merupakan bagian dari sistem metabolisme tubuh, contoh sistem lan adalah sistem pencernaan makanan, sistem peredaran darah, dan sistem pertahanan tubuh</p></li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Karakteristik Sistem'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Sutabri (2012:20)<ref name="Sutabri"/>, “Model umum sebuah sistem adalah input, process, output, hal ini merupakan konsep sebuah sistem yang sangat sederhana sebab sebuah sistem dapat mempunyai beberapa masukan dan keluaran.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Selain itu,sebuah sistem mempunyai karakteristik atau sifat-sifat tertentu yang mencirikan bahwa hal tersebut bisa dikatakan sebagai suatu sistem. Adapun karakteristik yang dimaksud adalah sbb:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-.       Komponen Sistem (Components)<p style="line-height: 2"></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, artinya saling bekerja sama membentuk satu kesatuan. Komponen-komponen sistem tersebut dapat berupa suatu bentuk subsistem, setiap subsistem memiliki sifat dari sistem yang menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan, suatu sistem dapat mempunyai sistem yang lebih besar atau sering disebut “supra sistem”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">2.
-Batasan Sistem (Boundary)<p style="line-height: 2"></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Ruang lingkup sistem merupakan daerah yang membatasi antar sistem dengan sistem yang lain atau sistem dengan lingkungan luarnya, batasan sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan yang tidak dapat dipisahkan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-.      Lingkugan Luar Sistem (Environtment)<p style="line-height: 2"></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Bentuk apapun yang ada diluar ruang lingkup atau batasan sistem yang mempengaruhi operasi sistem tersebut disebut lingkungan luar sistem, lingkungan luar sistem ini dapat bersifat menguntungkan dan dapat juga bersifat merugikan sistem tersebut. Dengan demikian, lingkungan luar tersebut harus tetap dijaga dan dipelihara, lingkungan luar yang merugikan harus dikendalikan, jika tidak akan mengganggu kelangsungan hidup sistemtersebut.</p></div>
- <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">4.   Penghubung Sistem (Interface)
-<p style="line-height: 2"></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Media yang menghubungkan sistem dengan subsistem lain disebut penghubung sistem atau interface, penghubung ini memungkinkan sumber-sumber daya  mengalir dari satu subsistem ke subsistem lain. Bentuk keluaran dari satu subsistem akan menjadi masukan untuk subsistem lain melalui integrasi sistem yang membentuk suatu kesatuan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-. Masukkan Sistem (Input)
-<p style="line-height: 2"></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Energi yang dimasukkan kedalam sistem disebut masukkan sistem, yang dapat berupa pemeliharaan (maintenance input) dan sinyal (signal Input). Contoh, di dalam suatu unit sistem komputer “program” adalah maintenance input yang digunakan untuk mengoperasikan komputernya dan “data” adalah signal input untuk diolah menjadi informasi.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-. Keluaran Sistem (Output)
-<p style="line-height: 2"></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hasil energi yang diolahdan diklasifikasikan menjadi keluaran yang berguna, kaluaran ini merupakan masukan bagi subsistem yang lain seperti sistem informasi. Keluaran yang dihasilkan adalah informasi, informasi ini dapat digunakan sebagai masukkan untuk pengambilan keputusan atau hal-hal yang menjadi input bagi subsistem lain.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-.Pengolahan Sistem (Proses)
-<p style="line-height: 2"></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Suatu sistem dapat mempunyai suatu proses yang akan mengubah masukan menjadi keluaran, contohnya adalah sistem akuntansi. Sistem ini akan mengolah data transaksi menjadi laporan-laporan yang dibutuhkan oleh pihak manajemen.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-. Sasaran Sistem (Objective)
-<p style="line-height: 2"></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Suatu sistem memiliki tujuan dan sasaran yang pasti dan bersifat ''deterministic'',jika suatu sistem tidak memiliki sasaran maka operasi sistem tidak ada gunanya. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuan yang telah direncanakan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''3. Klasifikasi Sistem'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Sutabri (2012:22)<ref name="Sutabri"/>,sistem merupakan suatu bentuk integrasi antara satu komponen dengan komponen lainnya karena sistem memiliki sasaran yang berbeda untuk setiap kasus yang terjadi yang ada di dalam sistem tersebut. Oleh karena itu, sistem dapat diklasifikasikan dari beberapa sudut pandang, diantaranya:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media cetak (Printed material)<br>
-Sistem abstak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya sistem teologia, yaitu sistem yang berupa pemikiran hubungan antara manusia dengan Tuhan, sedangkan sistem fisik merupakan sistem yang ada secara fisik, misalnya sistem komputer, sistem produksi, sistem penjualan, sistem administrasi personalia, dan lain sebagainya</p>
+Media yang statis dan mengutamakan pesan dengan jumlah kata, gambar, atau foto, baik dalam tata warna maupun hitam putih. Contoh : Poster, stiker, sampul buku, packaging, folder, leaflet, amplop & kop surat, tas belanja, katalog, iklan majalah dan surat kabar.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media Elektronik (electronic)<br>
+Media dengan teknologi dan hanya bisa digunakan bila ada transmisi siaran. Contoh : Radio, televisi, internet, film, program video, animasi komputer.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media Luar Ruangan (outdoor)<br>
+Media iklan (biasanya berukuran besar) yang dipasang ditempat-tempat terbuka seperti di pinggir jalan, di pusat keramaian, atau tempat-tempat khusus lainnya, seperti di bis, gedung, pagar tembok dan sebagainya. Contoh : spanduk, banner, papan nama, umbul-umbul, neon box, neon sign, billboard, baliho, mobil box.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media Dalam Ruangan (indoor) <br>
+Media iklan yang biasanya berukuran kecil atau sedang yang bisa dipasang didalam ruangan . Contoh  : Etalase (windows display), point of purchase, design gantung, floor stand.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media Lini Atas (Above The Line) <br>
+Yaitu aktifitas promosi yang biasanya dilakukan oleh manajemen pusat sebagai upaya membentuk brand image perusahaan sesuai yang diinginkan. Contoh : iklan di Televisi dengan berbagai versi. Sifat media lini atas  adalah merupakan media ‘tak langsung’ yang mengenai audience, karena sifatnya yang terbatas pada penerimaan audience.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media Lini Bawah (Below The Line)<br>
+Yaitu segala aktifitas promosi yang dilakukan di tingkat retail/konsumen dengan salah satu tujuannya adalah merangkul konsumen supaya tertarik dengan produk yan diromosikan. Contoh : program bonus/hadiah, event, pembinaan konsumen dan lain-lain.
+</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+===Definisi Grafis===
-Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat oleh manusia, misalnya sistem perputaran bumi, terjadinya siang malam, dan pergantian musim. Sedangkan sistem buatan manusia merupakan sistem yang melibatkan interaksi manusia dengan mesin yang disebut human machine sistem. Sistem informasi berbasis komputer merupakan contoh human machine sistem karena menyangkut penggunaan komputer yang berinteraksi dengan manusia.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Ibnu (2013 : 96-97)<ref name="ibu2013">TW Ibnu. 2013. Belajar desain grafis. Yogyakarta: Media Pressindo</ref>. Desain yang menekankan tanpa keindahan akan  tidak  menarik  sehingga  tidak  komunikatif. Menarik atau indah bisa dilihat dengan menggunakan mata (lahir) atau dengan hati (batin), maka desain akan menarik apabila indah dipandang atau konsepnya yang kreatf. Keindahan yang dibahas disini lebih ditekankan pada kemampuan mata sebagai penilai.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Sistem yang berinterkasi dengan tingkah laku yang dapat diprediksi disebut sistem deterministic. Sistem komputer adalah contoh dari sistem yang tingkah lakunya dapat dipastikan berdasarkan program-program komputer yang dijalankan. Sedangkan sistem yang bersifat probabilistik adalah sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur ''probabilistic''.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh oleh lingkunagn luarnya. Sistem ini bekerja secara otomatis tanpa campur tangan pihak luar. Sedangkan sistem tebuka adalah sistem yang berhubungan dan dipengaruhi oleh lingkungan luarnya. Sistem ini menerima masukan dan menghasilkan keluaran untuk sub sistem lainnya.</p></li></ol>
-===Konsep Dasar Data dan Informasi===
- <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Definisi Data'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Suprihadi dkk dalam Jurnal CCIT(2013:310)<ref name="Suprihadi"/>, “Data merupakan sekumpulan keterangan atau bukti mengenai sesuatu kenyataan yang masih mentah, masih berdiri sendiri, belum diorganisasikan, dan belum diolah.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Definisi Informasi'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Maimunah dkk dalam Jurnal CCIT (2012:57) <ref name="maimunah">Henderi,Maimunah, Randy Andrian. 2011. "Desain aplikasi E-Learning Sebagai Media Pembelajaran Artificial Informatics". Journal CCIT Vol-4 No.3 – Mei 2011 ISSN: 1978-8282 STMIK Raharja.</ref>“Informasi adalah data yang telah diolah menjadi sebuah bentuk yang lebih berarti bagi penerimannya dan bermanfaat dalam mengambil suatu keputusan”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Sutabri (2012:29)<ref name="Sutabri"/>, “Teori informasi lebih tepat disebut sebagai teori matematis dan komunikasi, sumber informasi adalah data”. Informasi adalah sebuah istilah yang tepat dalam pemakaian umum, mengenai data mentah, data tersusun, kapasitas sebuah saluran komunikasi, dan lain sebagainya. Informasi juga mencakup mengenai data yang telah diklasifikasikan atau diinterpretasi untuk digunakan dalam proses pengambilan keputusan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Sistem pengolahan informasi mengolah data menjadi informasi atau informasi berhubungan dengan keputusan, nilai informasi dilukiskan paling berarti dalam konteks sebuah keputusan seperti ibarat darah yang mengalir di dalam tubuh suatu organisasi sehingga informasi ini sangat penting di dalam suatu organisasi dalam mengambil sebuah keputusan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''3. Siklus Informasi'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Menurut Sutabri (2012:32)<ref name="Sutabri"/>, “Data merupakan bentuk yang masih mentah yang belum dapat bercerita banyak karena itu perlu diolah lebih lanjut, data diolah melalui suatu model agar menjadi informasi.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Fungsi utama informasi adalah menambah pengetahuan, informasi yang disampaikan kepada pemakai merupakan hasil data yang sudah diolah menjadi sebuah keputusan. Akan tetapi, dalam kebanyakan pengambilan keputusan yang kompleks, informasi hanya dapat menambah kemungkinan kepastian atau mengurangi bermacam-macam piihan. Informasi yang disediakan bagi pengambil keputusan, memberi suatu kemungkinan faktor resiko pada tingkat-tingkat pendapatan yang berbeda.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''4. Nilai Informasi'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Nilai dari informasi (value of information) ditentukan dari dua hal, yaitu manfaat dan biaya mendapatkannya. Menurut Sutabri (2012:38)<ref name="Sutabri"/>, “Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya, akan tetapi perlu diperhatikan bahwa informasi yang digunakan didalam suatu sistem informasi umumnya digunakan  untuk  beberapa kegunaan.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Sehingga tidak memungkinkan dan sulit untuk menghubungkan suatu bagian informasi pada suatu masalah yang tertentu dengan biaya untuk memperolehnya,karena sebagian besar informasi dinikmati tidak hanya oleh satu pihak di dalam perusahaan. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Lebih lanjut sebagian besar informasi tidak dapat persis ditaksir keuntungannya dengan suatu nilai uang, tetapi dapat ditaksir nilai efektifitasnya. Nilai informasi ini didasarkan atas 10 (sepuluh) sifat,yaitu :</p></div>
+===Unsur Unsur Desain Grafis===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Desain yang menekankan tanpa keindahan akan tidak menarik sehingga tidak komunikatif. ’menarik’ atau ’indah’ bisa dilihat dengan menggunakan mata (lahir) atau dengan hati (batin), maka desain akan menarik apabila indah dipandang atau konsepnya yang kreatif. Keindahan yang dibahas disini lebih ditekankan pada kemampuan mata sebagai penilai. Tetapi sebelum mendesain, kita perlu mengenal terlebih dahulu unsur-unsur dalam desain itu sendiri.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Agar menarik mata (eye catching) diperlukan pengetahuan tentang unsur-unsur dalam desain grafis, antara lain :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Mudah Diperoleh (easily obtained)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Garis (Line)<br>
-Sifat ini menunjukan informasi dapat diperoleh dengan mudah dan cepat, kecepatan memperoleh dapat diukur misalnya 1 menit versus 24 jam. Akan tetapi, beberapa nilainya bagi pemakai informasi sulit mengukurnya.</p></li>
+Garis di definisikan sebagai sekumpulan titik yang dideretkan memanjang. Dalam definisi lain, garis adalah suatu goresan, kumpulan titik yang memanjang, batas limit suatu benda, masa ruang, warna, dll. Garis adalah elemen visual yang dapat dipakai di mana saja dengan tujuan untuk memperjelas dan mempermudah pembaca. Bisa juga digunakan fantasi visual.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Luas dan Lengkap (extensive dan complete)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Sifat ini menunjukan lengkapnya isi informasi, hal ini tidak berarti hanya mengenai volumenya, tetapi juga mengenai keluaran informasinya. Sifat ini sangat kabur, karena itu sulit mengukurnya.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bidang (Shape) <br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Ketelitian (Accuracy)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Sifat ini menunjukan minimnya kesalahan dalam informasi, dalam hubungannya dengan volume data yang besar terjadi dua jenis kesalahan, yakni kesalahan pencatatan dan kesalahan perhitungan.</p></li>
+Segala bentuk apa pun yang memiliki dimensi tinggi dan lebar disebut juga dengan bidang. Bidang dapat berupa bentuk-bentuk geometris (lingkaran, segitiga, segiempat, elipse, setengah lingkaran, dan sebagainya) dan bentuk-bentuk yang tidak beraturan.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Kecocokan (Suitability)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Sifat ini menunjukan seberapa baik keluaran informasi dalam hubungan dengan permintaan para pemakai, isi informasi harus ada hubungannya dengan masalah yang sedang dihadapi semua keluaran lainnya tidak berguna tetapi mahal mempersiapkannya, sifat ini sulit mengukurnya.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna (Color)<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Ketepatan Waktu (Timeliness)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Menunjukan tak ada keterlambatan jika ada yang sedang ingin mendapatkan informasi masukan, pengolahan, dan pelaporan keluaran kepadapemakai biasanya tepat waktu.</p></li>
+Setiap warna mempunyai karakteristik tersendiri. Dengan warna kita dapat mengkomunikasikan desain kita kepada audience secara efektif. Warna merupakan unsur penting dalam obyek desain. Karena dengan warna orang bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari bentuk-bentuk visual secara jelas.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Kejelasan (Clarity)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Sifat ini menunjukan keluaran informasi yang bebas dariistilah-istilah yang tidak jelas, membetulkan laporan dapat memakan biaya yang besar.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gelap – Terang (Value)<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Keluwesan (Flexibility)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Sifat ini berhubungan dengan dapat disesuaikannya keluaran informasi tidak hanya dengan beberapa keputusan, tetapi juga dengan beberapa pengambilan keputusan. Sifat ini sulit diukur, tetapi dalam banyak hal dapat diberikan nilai yang dapat diukur.</p></li>
+Salah satu cara untuk menciptakan kemudahan baca adalah dengan menyusun unsur-unsur visual secara kontras gelap-terang. Kontras value bersifat relative, sangat dipengaruhi oleh background dan elemen-elemen lain di sekitarnya. Kontras value digunakan untuk menonjolkan pesan atau informasi, sekaligus menciptakan citra.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Dapat Dibuktikan (Can Be Proved)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Sifat ini menunjukan kemampuan beberapa pemakai informasi untuk menguji keluaran informasi dan sampai pada kesimpulan yang sama.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tekstur (Teksture)<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Tidak Ada Prasangka (No prejudice)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Sifat ini berhubungan dengan tidak adanya keinginan untuk mengubah informasi guna mendapatkan kesimpulan yang telah dipertimbangkan sebelumnya.</p></li>
+Tekstur adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai dengan cara dilihat atau diraba. Dalam seni rupa, khususnya desain grafis, tekstur dapat bersifat nyata dan dapat pula tidak nyata (tekstur semu). Sedangkan tekstur dalam konteks desain komunikasi visual lebih cenderung pada tekstur semu, yaitu kesan visual dari suatu bidang. Tekstur juga sering digunakan untuk mengatur keseimbangan dan kontras. Yang pada prakteknya, tekstur sering dikategorikan sebagai corak dari suatu permukaan benda, misalnya permukaan karpet, kulit kayu, dan lain sebagainya.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Dapat Diukur (Can Be Measured)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Sifat ini menunjukan hakikat informasi yang dihasilkan dari sistem informasi formal</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Format<br>
+Format adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu objek. Dengan meggunakan unsur ini anda dapat menciptakan kontras dan penekanan (emphasis) pada objek desain anda sehingga orang dapat mengetahui mana yang akan dibaca dan dilihat terlebih dahulu.
 </ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: 0.5in"><p style="line-height: 2">'''5. Kualitas Informasi'''</p></div>
+===Prinsip Prinsip Desain Grafis===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: 0.5in"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam mengkomposisi atau mengatur layout agar menarik menggunakan prinsip-prinsip sebagai berikut :</p></div>
-Menurut Sutabri (2012:32)<ref name="Sutabri"/>,“Kualitas dari suatu informasi (quality of information) tergantung dari tiga hal, yaitu informasi harus akurat (accurate), tepat pada waktunya (time liness) dan relevan (relevance).”</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Akurat (accuracy)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Keseimbangan (Balance)<br>
-Informasi harus bebas dari kesalahan-kesalahan dan tidak menyesatkan. Informasi harus akurat karena biasanya dari sumber informasi sampai penerima informasi adakemungkinan terjadi gangguan (noise) yang dapat mengubah atau merusak informasi tersebut.</p></li>
+Keseimbangan atau balance adalah pembagian sama berat, baik secara visual maupun optik. Komposisi desain dapat dikatakan seimbang apabila objek di bagian kiri dan kanan terkesan sama berat. Kesan seimbang atau balance dapat dibangun menggunakan elemen garis, warna, value, ukuran, bidang dan tekstur. Ada dua pendekatan untuk menciptakan balance. Pertama dengan membagi sama berat kiri-kanan atau atas-bawah secara sistematis atau setara, di sebut keseimbangan formal (formal balance). Keseimbangan yang kedua adalah keseimbangan asimetris (informasi balance), yaitu penyusunan elemen-elemen desain yang tidak sama antara sisi kiri dan sisi kanan namun secara seimbang.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tepat Pada Waktunya (Accuracy)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tekanan (Emphasis)<br>
-Informasi yang datang pada penerima tidak boleh terlambat. Informasi yang sudah usang tidak akan mempunyai nilai lagi, karena informasi merupakan landasan didalam pengambilan keputusan. Bila pengambilan keputusan tersebut terlambat, maka dapat berakibat fatal untuk organisasi.</p></li>
+Penekanan atau penonjolan objek dapat dilakukan dengan beberapa cara, antara lain dengan menggunakan warna mencolok, ukuran foto atau ilustrasi dibuat paling besar, menggunakan huruf sans serif ukuran besar, arah diagonal, dan dibuat berbeda dengan elemen-elemen lain. Ada beberapa cara yang dapat dilakukan untuk menonjolkan elemen visual dalam karya desain, yaitu sebagai berikut :
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Relevan (Relevance)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+ <ol>
-Informasi tersebut mempunyai manfaat untuk pemakainya. Relevansi informasi untuk tiap–tiap orang satu dengan yang lainnya berbeda.</p></li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kontras. Focal point dapat diciptakan dengan teknik kontras, yaitu objek yang dianggap paling penting dibuat berbeda dengan elemen-elemen lainnya.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Isolasi objek. Focal point juga dapat diciptakan dengan cara memisahkan objek dari kumpulan objek-objek yang lain. Secara visual, objek yang terisolasi akan lebih menarik perhatian.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Penempatan objek. Objek yang ditempatkan di tengah bidang akan menjadi focal point. Objek yang ditempatkan pada titik pusat garis perspektif juga akan menjadi fokus perhatian.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Irama (Rhythm). Irama adalah pola layout yang dibuat dengan cara menyusun elemen-elemen visual secara berulang-ulang. Irama visual dalam desain grafis dapat berupa repetis dan variasi. Repetisi adalah irama yang dibuat dengan penyusunan elemen berulang kali secara konsisten. Sementara itu, Variasi adalah perulangan elemen visual disertai perubahan bentuk, ukuran, atau posisi.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kesatuan (Unity) Desain dikatakan menyatu secara keseluruhan tampak harmonis, ada kesatuan antara tipografi, ilustrasi, warna dan unsur-unsur desain lainnya. Menciptakan kesatuan pada desain yang hanya memiliki satu muka, seperti poster, dan iklan, relatif lebih mudah dibandingkan bentuk baku atau folder yang memiliki beberapa halaman. Pada desain majalah atau buku, kesatuan dapat dilakukan dengan cara-cara sebagai berikut :
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengulang warna, bidang, garis, grid atau elemen yang sama pada setiap halaman.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menyeragamkan jenis huruf untuk judul, body copy, dan caption.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menggunakan unsur-unsur visual yang memiliki kesamaan warna, tema dan bentuk.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gunakan satu atau dua jenis huruf dengan variasi ukuran dan style (bold, italic dan sebagainya).
+ </ol>
+ </ol>
 </ol>
-===Konsep Dasar Sistem Informasi===
+===Definisi Typografi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hendratman (2010 : 63)<ref name="hendra2010">Hendratman, Hendi, ST. "Tips n Trix Computer Graphics Design", Informatika Bandung, 2010</ref> Tipografi (typography) adalah ilmu yang mempelajari tentang huruf. Dengan perkembangan font-font komputer, kita akan leluasa memilih jenis font yang diinginkan. Namun memilih font adalah pekerjaan yang melelahkan karena sering banyaknya font yang tersedia.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Definisi Sistem Informasi'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Sutabri(2012:46)<ref name="Sutabri"/>, “Suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Mendelson yang dikutip dari buku IT Research (Guritno, 2011:31)<ref name="Sutabri"/>, “Para ahli menganggap bahwa sistem informasi adalah disiplin ilmu lain yang lebih fundamental dan merupakan disiplin acuan (reference discipline).”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Oleh karena itu, sistem informasi dapat lebih dijelaskan sebagai sebuah keterkaitan antara satu dengan yang lainnya yang membentuk suatu jaringan yang saling berhubungan satu dengan yang lainnya, yang berelasi dan membentuk suatu sistem yang mempunyai tujuan atau sasaran akhir menghasilkan, menampilkan, atau membentuk suatu informasi dari hasil pengolahan suatu data mentah yang berisi fakta dan sebagainya.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Komponen Sistem Informasi'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutabri (2012:47)<ref name="Sutabri"/>, “Sistem informasi terdiri dari komponen-komponen yang disebut blok bangunan (building bock), yang terdiri dari blok masukan, blok model, blok keluaran, blok terknologi, blok basis data, dan blok kendali. Sebagai suatu sistem, keenam blok tersebut masing-masing saling berinteraksi satu dengan yang lain membentuk suatu kesatuan untuk mencapai sasaran”. Beriku pengertiannya :</p></div>
+===Pengertian Tentang Psikologi Warna===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Widada (2012 : 14 – 15) <ref name="widada2012">Widada, Sugeng. 2012. Diktat Mata Kuliah Nirmana. Tangerang: Perguruan Tinggi Raharja.</ref> sebagai berikut :</p></div>
 <ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pengertian Warna<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Blok Masukan (Input Block)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+Secara obyektif warna adalah sifat cahaya yang dipancarkan dan terurai sebagai warna pelangi ( merah, jingga, kuning, ungu ). Jenis warna yang demikian disebut Spectrum atau warna cahaya. Secara Subyektif warna adalah bagian dari pengalaman indra penglihat (mata) yang diterima dari pantulan sinar atau cahaya pada suatu obyek atau benda tertentu.
-Input mewakili data yang masuk kedalam sistem informasi, input yang dimaksud adalah metode dan media untuk menangkap data yang akan dimasukan yang dapat berupa dokumen-dokumen dasar.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Teori Warna<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Blok Model (Model Block)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+Secara garis besar dikenal adanya 2 dasar teori tentang warna :
-Blok ini terdiri dari kombinasi prosedur, logika, dan model matematik yang akan memanipulasi data masukan (input) dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran (output)yang diinginkan.</p></li>
+ <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Blok Keluaran (Technology Block)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">Teknologi merupakan “tool box” dalam sistem informasi, teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran, dan membantu pengendalian dari sistem secara keseluruhan. Teknologi terdiri dari 3 (tiga) bagian utama, yaitu teknisi (brainware),perangkat lunak (software), danperangkat keras (hardware).</p></li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Prang System
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Blok Basis Data (Database Block)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Munsell System
-Basis data (database) merupakan kumpulan data yang saling berkaitan dan berhubungan satu sama lain, tersimpan di perangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya. Data didalam basis data perlu diorganisasikan sedemikian rupa agar informasi yang dihasilkan berkualitas.</p></li>
+ </ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height: 2;">Blok Kendali (Control Block)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+ <br>Menurut teori Prang system warna dapat dibagi berdasarkan:
-Banyak hal yang dapat merusak sistem informasi, seperti bencana alam, api, termperatur, air, debu, kecurangan-kecurangan, kegagalan-kegagalan sistem itu sendiri, ketidak efisienan, sabotase, dan lain sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung diatasi.</p></li>
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">HUE (nama warna) : panas atau dinginnya warna
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menunjukkan nama-nama warna : merah, biru, hijau.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Perbedaan warna adalah perbedaan HUE.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bila hijau menjadi kebiruan dapat dikatakan berubah HUE nya.
+ </ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">VALUE : Terang atau gelapnya warna.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">INTENSITY : Cerah atau suranya warna.
+ </ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jenis/Bentuk Warna
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Primer<br>
+ Warna Primer adalah warna-warna yang tidak dapat dibuat dari warna lain, tetapi dapat untuk membuat warna lain. Disebut juga warna pokok atau warna pertama. Warna primer terdiri dari beberapa warna, antara lain : merah (Magenta), Kuning (Yellow), Biru (Cyan Blue). Komposisi warna-warna : kuat dan kontras.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Sekunder<br>
+ Warna-warna yang merupakan hasil pencampuran 2 (dua) warna primer, dengan perbandingan yang sama akan mendapatkan tiga warna pula, yaitu  jingga, ( merah + kuning ), hijau ( kuning + biru ), dan ungu ( merah + biru ).
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Quarter<br>
+ Warna yang merupakan hasil percampuran 2 (dua) warna tersier, yaitu coklat jingga adalah hasil percampuran warna coklat, kuning dan coklat merah, sedangkan coklat hijau adalah hasil percampuran warna coklat, kuning dan coklat biru.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Tersier<br>
+ Warna pada tingkat ketiga sebagai hasil percampuran warna – warna sekunder yang menghasilkan tiga warna, yaitu orange – jingga, orange – hijau, dan hijau – jingga.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Complementer<br>
+ Dua warna yang dianggap saling berlawanan, seperti ungu dan kuning, merah dan hijau, biru dan jingga, dan lain sebagainya. Warna-warna ini di anggap dapat menghasilkan “gangguan optis“ bila digoyang sepertinya dapat bergerak.
+ </ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Makna Simbolik Warna
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Merah <br>
+ Semangat, keberanian, amarah, bahaya, kekerasan, kekejaman, kesakitan.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Kuning<br>
+ Kegembiraan, keceriaan, kecemerlangan, keagungan, ciptaan.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Kuning Emas<br>
+ Kemewahan, kejayaan, kemenangan, kemulyaan, kekuatan spiritual.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Hijau<br>
+ Pertumbuhan, kesuburan, keremajaan, keyakinan, pengharapan, kesanggupan, kehidupan, penelitian.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Biru<br>
+ Kebenaran, keteguhan, ketenangan, kesejukan, kesetiaan, kemurahan hati.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Putih<br>
+ Kesucian, kebenaran, perdamaian, kemurnian, kejujuran, ketentraman.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Hitam<br>
+ Ketabahan, kekuatan, ketegasan, kejantanan, kesengsaraan.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Abu-Abu<br>
+ Ketaatan, rendah hati, kesholihan, modern.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Orange<br>
+ Kemajuan, semangat, perkembangan, energi.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Violet<br>
+ Kemulyaan, kebesaran jiwa, kelembutan.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Warna Indigo<br>
+ Ilmu pengetahuan, kemapanan, kedewasaan.
+    </ol>
 </ol>
-===Konsep Dasar Analisa Sistem Informasi===
+===Pengertian Tentang Simbolik Bentuk===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Tjiptono (2012 : 30)<ref name="fandy2012">Tjiptono, Fandy. 2012. Strategi Pemasaran. Yogyakarta : Andi.</ref> Simbolisasi bentuk adalah bentuk bangun, rupa, figure, sosok suatu objek terungkap dalam kontur atau outline atau garis keliling dari objek yang bersangkutan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Pengertian Analisa Sistem Informasi'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutabri (2012:220)<ref name="Sutabri"/>,“Tahap analisisa sistem dilakukan setelah tahap investigasi sistem dan sebelum tahap rancangan sistem, tahap analisis sistem merupakan tahap yang kritis dan sangat penting karena kesalahan ditahap ini akan menyebabkan kesalahan pada tahap selanjutnya.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Aisyah dkk di dalam Jurnal Perancangan Aplikasi Akademik Teknologi ''Mobile'' Menggunakan J2ME CCIT Vo. 4 No. 2 (2011:203)<ref name="Aisyah"/>,“Analisa sistem atau analisis sistem adalah langkah-langkah melakukan analisa sistem yang akan dirancang, serta melakukan penelitian terhadap kebutuhan-kebutuhan sistem, dan apa saja kekurangannya.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Proses analisis sistem dalam pengembangan sistem informasi merupakan suatu prosedur yang dilakukan untuk pemeriksaan masalah dan penyusunan alternatif pemecahan masalah yang timbul serta membuat spesifikasi sistem yang baru atau sistem yang akan diusulkan dan dimodifikasi.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutabri (2012:221)<ref name="Sutabri"/>,“Suatu laporan yang dapat menggambarkansistem yang telah dipelajari dan diketahui bentuk permasalahannya serta rancangan sistem baru yang akan dibuat atau dikembangkan.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Tahap-tahap Analisa Sistem Informasi'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Henderi dkk dalam Jurnal Desain aplikasi E-learning Sebagai Media Pembelajaran ''Arifical Romantics'' CCIT Vol 4 No. 3 (2011:332)<ref name="Henderi"/>,"Tahap analisis sistem adalah tahap penguraian dari suatu sistem yang utuh kedalam bagian–bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan, kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat dibuat rancangan sistem yang baru sesuai dengan kebutuhan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahap analisis merupakan tahap yang paling kritis dan sangat penting, karena kesalahan di tahapan ini akan menyebabkan kesalahan di tahap selanjutnya.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''3. Fungsi Analisa Sistem Informasi'''</p></div>
+===Pengertian Citra atau Image===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adapun fungsi analisa sistem informasi adalah :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sunarya ( 2013 : 37<ref name="sunar2013">Sunarya ,Lusyani . 2013. Diktat Perkuliahan Aplikasi Program Komputer Mavib II, Tangerang : STMIK RAHARJA. </ref> Citra atau image adalah bagaimana perusahaan tersebut ingin dirasakan dan dipandang oleh masyarakat, (konsumen, network/supplier, pemerintah bahkan oleh kompetitor ).</p></div>
+===Layout===
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Mengidentifikasi masalah-masalah kebutuhan pemakai ''(user)''.<p style="font-family: 'times new roman'text-align: justify;line-height: 2"></p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pengertian Layout<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menyatakan secara spesifik sasaran yang harus dicapai untuk memenuhi kebutuhan pemakai ''(user)''.<p style="font-family: 'times new roman'text-align: justify;line-height: 2"></p></li>
+Menurut Hendratman (2010 : 85)<ref name="hendra2010">Hendratman, Hendi, ST. "Tips n Trix Computer Graphics Design", Informatika Bandung, 2010</ref> Layout arti katanya secara bahasa adalah Tata letak. Menurut salah satu teorinya, layout adalah usaha untuk menyusun, menata. atau memadukan unsur-unsur komunikasi grafis (teks, gambar, tabel, dll) menjadi komunikasi visual yang komunikatif, estetik, dan menarik.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Memilih alternatif-alternatif metode pemecahan masalah yang paling tepat.<p style="font-family: 'times new roman'text-align: justify;line-height: 2"></p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jenis Jenis Layout<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Untuk tugas ketiga, analis sistem harus memilih alternatif pemecahan masalah yang paling tepat.<p style="font-family: 'times new roman'text-align: justify;line-height: 2"></p></li>
+Menurut Supriyono ( 2010 : 9 )<ref name="supri2010">Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta: Andi.</ref> :
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Merencanakan dan menerapkan rancangan sistemnya. Pada tugas atau fungsi terakhir dan analis sistem adalah menerapkan rancangan-rancangan sistemnya yang tekah disetujui oleh pemakai.<p style="font-family: 'times new roman'text-align: justify;line-height: 2"></p></li>
+ <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">menerapkan rancangan sistemnya. Pada tugas atau fungsi terakhir dan analis sistem adalah menerapkan rancangan-rancangan sistemnya yang telah disetujui oleh pemakai.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Layout Kasar adalah gambar kerja untuk memperlihatkan komposisi tata letak sinopsis, gambar yang akan dibuat, biasanya pada layout kasar ini dibuat hitam putih dengan menggunakan coretan atau sketsa pensil gambar yang dibuat secara manual.
-<p style="font-family: 'times new roman'text-align: justify;line-height: 2"></p></li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Layout Komprehensif adalah suatu gambar yang sudah mendekati komposisi final, dalam hal ini komposisi gambar yang pada umumnya disajikan dalam bentuk warna.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Final Atwork merupakan tahap desain yang sudah final yang telah melewati beberapa proses sebelumnya yaitu layout kasar dan layout komprehensif. Pada tahap ini text dan tata letak image telah disempurnakan dengan beberapa kali revisi selama proses desain.
+ </ol>
 </ol>
-==Teori Khusus==
+===Teori Desain Komunukasi Visual===
-=== ''Unifield Modelling Language'' (UML)===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Supriyono (2010 : 9)<ref name="supri2010">Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta: Andi.</ref> Desain grafis belakangan lebih sering disebut “desain komunikasi visual” (DKV) karena memiliki peran mengomunikasikan pesan atau informasi kepada pembaca dengan berbagai kekuatan visual, seperti tipografi, ilustrasi warna, garis, layout dan sebagainya dengan bantuan teknologi. Dalam beberapa kasus, istilah DKV dianggap lebih dapa menampung perkembangan desain grafis yang semakin luas, tidak terbatas dengan penggunaan pada penggunaann unsur-unsur grafis (visual). Meski demikian, istilah Desain Grafis (Graphic Desain) masih sering digunakan. DKV dikatagorikan sebagai Commercial Art kerena merupakan paduan antara seni rupa (Visual Art) dan keterampilan komunikasi untuk tujuan bisnis. Ketatnya tujuan bisnis dibidang industri barabg dan jasa, ditambah  perkembangan  tekhnologi dan komunikasi, menjadikan DKV berkembang pesat.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Definisi Unified Modeling Language (UML)'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tidak dapat, menghindari karya – karya desain karya komunikasi visual saat ini sudah mengambil sebagian waktu dan perhatian manusia. Setiap hari mata kita dipaksa untuk melihat iklan. Ketika membuka halaman majalah, surat kabar, internet, atau televisi mata kita segera disergap iklan. Saat melintas dijalan raya kita pun selalu dikepung media outdoor  berupa poster, billboard, spanduk, baliho, banner, papan nama, dan bentuk-bentuk iklan lainnya. Di ruangan kantor mata kita masih dijejali brosur, katalog, kop surat, kartu nama, kalender, dan berbagai media cetak lainnya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tidak berhenti sampai disitu, iklan cetak berupa leaflet atau brosur bahkan sering dibagikan di Traffic dan warna.- light saat lampu merah, dipusat perbelanjaan dan ditampat – tempat  publik  lainnya. Semua media iklan tersebut berusaha keras merebut perhatian konsumen dengan menggunakan elemen-elemen visual, seperti logo, tipografi, dan warna. Maraknya karya-karya desain komunikasi visual menuntut desainer untuk lebih kreatif. Desain yang “biasa-biasa saja” dapat dipastikan kalah bersaing dan kurang diperhatikan pembaca. Desainer  kini semakin dituntut mampu memberikan  gagasan – gagasan besar, ide-ide segar yang tidak terduga.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Herlawati (2011:7)<ref name="herlawati">Herlawati, Prabowo Pudjo Widodo. 2011. "Menggunakan UML Unified Modeling Language". Bandung : Informatika.</ref>pada bukunya, blok pembangun utama UML adalah diagram, beberapa diagram ada yang rinci (jenis timing diagram) dan lainnya ada yang bersifat umum (misalnya diagram kelas).</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Intinya, UML merupakan alat komunikasi yang konsisten dalam mensuport para pengembang sistem saat ini, sebagai perancangan sistem mau tidak mau pasti akan menjumpai UML, baik kita sendiri yang membuat atau sekedar membaca diagram UML buatan orang lain.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">UML diaplikasikan untuk maksud tertentu, biasanya antara lain untuk :</p></div>
+===Konsep Dasar Informasi===
+====Pengertian Data====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sumber informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal datum atau item. Menurut McLeod (2012: 5)<ref name="yakub2012">McLeod. Yakub. 2012. Pengantar Sistem Informasi, Yogyakarta: Graha Ilmu</ref> “ Data adalah deskripsi kenyataan yang menggambarkan adanya suatu kejadian (event), data terdiri dari fakta (fact) dan angka yang secara relatif tidak berarti bagi pemakai”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data dapat berbentuk nilai yang terformat, teks, citra, audio, dan video.</p></div>
 <ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Teks, adalah sederetan huruf, angka, dan simbol-simbol yang kombinasinya tidak tergantung pada masing masing item secara individual misalnya, artikel koran, majalah dan lain-lain.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Merancang perangkat lunak.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sarana komunikasi antara perangkat lunak dengan proses bisnis.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menjabarkan sistem secara rinci untuk analisa dan mencari apa yang diperlukan sistem.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Mendokumentasikan sistem yang ada, proses-proses dan organisasinya.</p></li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Data yang terformat, adalah data dengan suatu format tertentu, misalnya data yang menyatakan tanggal atau jam, dan nilai mata uang.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Citra (image), adalah data dalam bentuk gambar, citra dapat berupa, grafik, foto, hasil ronsten, dan tanda tangan.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Evolusi UML'''</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Audio, adalah data dalam bentuk suara misalnya, instrumen musik, suara orang, suara binatang, detak jantung, dan lain-lain.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Chonoles (Herlawati, 2011:8)<ref name="herlawati"/>, Menjelaskan “Bahwa sebelum ada UML,para pengembang bahasa pemograman berorientasi object sulit untuk berkomunikasi satu sama lain.”</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Video, adalah gambar yang bergerak dan dilengkapi dengan suara misalnya, suatu kejadian dan aktivitas-aktivitas dalam bentuk film.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">(Herlawati, 2011:8)<ref name="herlawati"/> Pada bulan oktober 1994, Jim Rumbaugh, penemu notasi Object Modeling Technique (OMT) dan Grady Booch, penemu Booch Method (Metode Booch) bersama-sama menyamakan notasi mereka, dan ditahun yang sama Ivar Jacobson (penemu Objectory Method) ikut bergabung hingga mereka sering disebut “three omigos”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sejak tahun 1997, divisi Revision Task Force (RTF) milik OMG beberapakali merevisi UML yang dimaksudkan untuk memperkuat konsistensi notasi,meningkatkan kekompakan antara user dan pengembang perangkat lunak. Akan tetapi UML terpakasa mengikuti perkembangan software-software berbasis objek yang ada(misalnya Java) dari sisi pendekatan komponen (Component-based development) dan kemampuan tools software-software tersebut, setelah dilakukan perubahan secara sistematik, akhirnya dihasilkan UML 2.0 pada tahun 2003. </p></div>
+</ol>
+====Pengertian Informasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''3. Diagram-Diagram UML'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Informasi ibarat darah yang mengalir di dalam tubuh suatu organisasi. Sehingga informasi merupakan salah satu bentuk sumber daya utama dalam suatu organisasi yang digunakan oleh manager untuk mengendalikan perusahaan dalam mencapai tujuan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut McLeod (2012: 8)<ref name="yakub2012">McLeod. Yakub. 2012. Pengantar Sistem Informasi, Yogyakarta: Graha Ilmu</ref> Informasi (information) dapat didefinisikan sebagai berikut:“Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimannya, informasi disebut juga data yang diproses atau data yang memiliki arti”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">(Herlawati 2011:10)<ref name="herlawati">pada bukunya </ref> menjelaskan UML menyediakan 9 (sembilan) jenis diagram, yang lain menyebutkan 8 (delapan) karena ada beberapa diagram yang digabung, misalnya diagram komunikasi, diagram urutan dan diagram pewaktuan digabung menjadi diagram interaksi. Namun demikian model-model itu dapat dikelompokkan berdasarkan sifatnya yaitu statis atau dinamis. Dibawah akan disebutkan beberapa jenis diagram dalam UML, diagram tersebut antara lain :</p></div>
+====Jenis Jenis Informasi====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut O’Brien (2012: 15)<ref name="brien2012">O'Brien. Takub.  2012. Pengantar Sistem Informasi. Jakarta:  Graha Ilmu </ref> jenis-jenis informasi dijelaskan sebagai berikut :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-.Diagram Use-Case, bersifat statis.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Diagram ini memperlihatkan himpunan use-case dan aktor-aktor (suatu jenis khusus darikelas). Diagram ini terutama sangat penting untuk mengorganisasi dan meodelkan perilaku suatu sistem yang dibutuhkan seperti diharapkan pengguna.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-.Diagram Interaksi dan Sequence (urutan),bersifat dinamis.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Diagram urutan adalah diagram interaksi yang menekankan pada pengiriman pesan dalam suatu waktu tertentu.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-.Diagram Aktivitas (activity Diagram), bersifat dinamis.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Diagram aktivitas adalah tipe khusus dari diagram status yang memperlihatkan aliran tipe khusus dari diagram status yang memperlihatkan aliran dari suatu aktivitas ke aktivitas lainnya dalam suatu sistem. Diagram ini terutama penting dalam permodelan aliran kendali antar objek.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">4. Diagram Kelas, bersifat statis</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Diagram ini memperlihatkan himpuan kelas-kelas, atar muka-antar muka, kolaborasi-kolaborasi,serta relasi-relasi. Diagram ini umum dijumpai pada pemodelan sistem berorientasi objek, meskipun bersifat statis, sering pula diagram kelas memuat kelas-kelas aktif.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''4. Use Case Diagram'''</p></div> <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Pilone (Herlawati 2011:21)<ref name="herlawati"></ref>, “Use case menggambarkan fungsi tertentu dalam suatu sistem berupa komponen, kejadian atau kelas.”</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Use case sangat menentukan karakteristik sistem yang kita buat, oleh karena itu, Menurut Chonoles (Herlawati, 2011:22)<ref name="herlawati"/> Use case yang baik yaitu :</p></div>
-<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pilihlah nama yang baik</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Ilustrasikan perilaku dengan lengkap</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Identifikasi perilaku dengan lengkap</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menyediakan usecase lawan (inverse)</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Batasi usecase hingga satu perilaku saja</p></li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Menurut Whitten (Herlawati, 2011:21)<ref name="herlawati">, “Use case sebagai urutan langkah-langkah yang secara tindakan saling terkait (skenario), baik tertomatisasi maupun secara manual, untuk tujuan melengkapi satu tugas bisnis tunggal. Komponen pembentuk diagram use case adalah :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''5. Elemen UseCase Terdiri Dari''' :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada usecase terdapat beberapa elemen yang menjadi pembentuk utamau secase, dapat di uraikan yaitu elemen-elemen tersebut yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Diagram usecase, disertai dengan narasi dan sekenario.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Aktor (actor), mendefinisikan entitas diluar sistem yang memakai sistem.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Asosiasi (assosiations), mengidikasikan aktor mana yang berinteraksi dengan usecase dalam suatu sistem.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"><<include>> dan <<extend>>, merupakan indikator yang menggambarkan jenis relasi dan interaksi antar usecase.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Generalisasi (generalization), menggambarkan hubungan turunan antara usecase atau antar aktor.</p></li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Informasi manajerial<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''6. Relasi Antar Use Case atau Actor'''</p></div>
+Informasi strategis untuk manajerialtingkat atas, informasi taktis untuk manajerial tingkat menengah, dan informasi operasional untuk manajerial tingkat bawah.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sumber informasi <br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Generalisasi (Generalization) pada actor dan usecase dimaksudkan untuk menyederhanakan model dengan cara menarik keluar sifat-sifat pada actor-actor maupun use case-use case yang sejenis. Chonoles (Herlawati, 2011:24), memberikan cara untuk mengetahui kapan dibutuhkan generalisasi berdasarkan tujuannya yaitu :</p></div><ol>
+Sumber informasi dibagi, menjadi informasi internal dan eksternal. Informasi internal adalah informasi yang menggambarkan keadaan (profile), sedangkan informasi eksternal adalah informasi yang menggambarkan ada tidaknya perubahan di luar organisasi. Informasi ini biasanya lebih banyak digunakan untuk kegiatan-kegiatan manajerial tingkat atas.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Mekanisme berbeda dengan satu tujuan yang sama(Generalisasi Usecase)</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Agen berbeda dengan satu tujuan yang sama (Generalisasi Aktor)</p></li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Informasi rutinitas <br>
+Informasi rutinitas, dibagi menjadi informasi rutin dan insendentil. Informasi rutin digunakan secara periodik terjadwal dan digunakan untuk penanggulangan masalah rutin, sedangkan informasi insendentil diperlukan untuk penanggulangan masalah khusus.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''7. Ekstensi (Extention)'''</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Informasi fisik <br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Written Herlawati (2011:28)<ref name="herlawati"/>Menjelaskan “ekstensi pada usecase adalah usecase yang terdiri dari langkah yang diekstraksi dari usecase yang lebih kompleks untuk menyederhanakan masalah orisinal dan karena itu memperluas fungsinya.</p></div>
+Informasi fisik, dapat diartikan susunan yang terdiri dari perangkat keras, perangkat lunak dan tenaga pelaksanaan yang secara bersama-sama saling mendukung untuk menghasilkan suatu produk, dan sistem informasi dari segi fungsi merupakan suatu proses berurutan dimulai dari pengumpulan data dan diakhiri dengan komunikasi.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Ekstensi merupakan hubungan antara usecase dan usecase yang diperluas disebut extend relationship, diberi simbol <<extend>> dan hubungan berupa garis putus-putus berpanah terbuka.</p></div>
+</ol>
+====Kualitas Informasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''8. Inklusi (Iclution)'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Jogiyanto (2012: 9)<ref name="jogi2010">Jogiyanto, Diktat, "Desain Karakter and Modeling", Hal 7, Skripsi Stmik Raharja, Tangerang, 2010</ref> Kualitas dari informasi (quality of information) sangat tergantung dari tiga hal yaitu  accurate , timeliness, dan relevance.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Written Herlawati (2011:30)<ref name="herlawati"/>“Usecase dasar yang akan diinklusi tidak lengkap, berbeda dengan usecase dasar yang akan diekstensi, sehingga usecase inklusi bukan merupakan usecase optional dan tidak boleh tidak dijalankan.”a.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Inklusi bertujuan untuk memperluas perilaku usecase dasar, ekstensi tidak selalu dibutuhkan oleh usecase dasar yang memutuskan kapan dipanggilnya usecase ekstensi adalah usecase ekstensi itu sendiri</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''9. Sequence Diagram (Diagram Urutan)'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Douglas Herlawati (2011:30)<ref name="herlawati"/>“Perilaku kolektif atau interaksi (sequence diagram) difokuskan pada rangkaian pertukaran messages (kejadian, operasi, dan sejenisnya) diantara kumpulan objek-objek.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''10. Activity Diagram (Diagram Urutan)'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Douglas Herlawati (2011:30)<ref name="herlawati"/>“Activity diagram lebih memfokuskan diri pada eksekusi dan alur sistem dari pada bagaimana sistem itu dirakit, diagram ini tidak hanya memodelkan software melainkan modelkan model bisnis juga, dan activity diagram menunjukan sistem dalam bentuk kumpulan aksi-aksi.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''11. Aktivitas dan aksi'''</p></div>
-===Konsep Dasar Analisis SWOT===
-===Analisis ''Critical Success Factor'' (CSF)===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Ward (2002:209), analisis Critical Success Factor (CSF)merupakanarea terbatas dalam suatu bisnis yang apabila terpenuhi maka akan menjaminkesuksesan kinerja kompetitif bagi perusahaan.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Rockart (Ward,2002:209), mendefinisikan CSF sebagai area tertentudalam perusahaan,dimana jika hasil dari area tersebut memuaskan, maka akan menjamin keberhasilanperusahaan dalam bersaing. Area tersebut adalah area kunci dimana ‘sesuatuharus berjalan dengan baik dan benar’, sehingga keberhasilan bisnis dapatdicapai dan terus berkembang.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapapendapat yang dikemukakan di atas dapatditarik kesimpulanbahwa analisi CSF adalah sebuah teknik yang terkenal tidak hanya dalammengembangkan strategi IS/IT tetapi juga dalam pengembangan strategi bisnis.CSF digunakan untuk menginterpretasikan tujuan bisnis dan memunculkan aktivitasyang diperlukan untuk mencapainya, serta kebutuhan informasi yang nantinyadigunakan.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adapun manfaat darianalisis CSF menurut Ward dan Peppard (2002:209) adalahsebagai berikut :</p></div>
 <ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Relevan (relevance)<br>
+Informasi tersebut mempunyai manfaat untuk pemakainya dan relevansi informasi untuk tiap-tiap orang akan berbeda-beda.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tepat Waktu (timeliness)<br>
+Informasi tersebut datang pada penerima tidak boleh terlambat. Informasi yang sudah usang tidak akan mempunyai nilai lagi, karena informasi merupakan landasan di dalam pengambilan keputusan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Akurat (accuracy)<br>
+Informasi harus bebas dari kesalahan-kesalahan dan tidak menyesatkan. Akurat juga berarti informasi harus jelas mencerminkan maksudnya. Informasi harus akurat karena dari sumber informasi sampai ke penerima informasi kemungkinan banyak terjadi gangguan (noise) yang dapat merusak informasi.
+</ol>
+====Nilai Informasi====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Jogiyanto (2012: 9)<ref name="jogi2010">Jogiyanto, Diktat, "Desain Karakter and Modeling", Hal 7, Skripsi Stmik Raharja, Tangerang, 2010</ref> nilai dari informasi (value of information) ditentukan oleh dua hal yaitu, manfaat dan biaya pendapatannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan biaya mendapatkannya. Sulit untuk menggabungkan suatu bagian informasi pada suatu masalah yang tertentu dengan biaya memperolehnya, karena sebagian besar informasi dipakai banyak pihak dalam perusahaan. Informasi tidak dapat ditaksir keuntungannya dengan nilai uang, tetapi dapat ditaksir dengan nilai efektifnya. Pengukuran nilai informasi biasanya dihubungkan dengan analisis cost effectiveness atau cost benefit.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Namun, dalam kenyataannya informasi yang biaya untuk mendapatkannya tinggi belum tentu memiliki manfaat yang tinggi pula. Suatu informasi dikatakan bernilai jika manfaatnya lebih efektif dibandingkan dengan biaya untuk mendapatkannya dan sebagian besar informasi tidak dapat tepat ditaksir keuntungannya dengan satuan nilai uang, tetapi dapat ditaksir nilai efektivitasnya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Nilai suatu infomasi berhubungan dengan keputusan. Hal ini berarti bahwa apabila tidak ada pilihan atau keputusan, informasi menjadi tidak diperlukan. Keputusan dapat berkisar dari keputusan berulang yang sederhana sampai keputusan strategis jangka panjang informasi tersebut. Informasi yang dapat mengurangi ketidakpastian dalam pengambilan keputusan dapat dikatakan informasi tersebut memiliki nilai yang tinggi. Sebaliknya apabila informasi tersebut kurang memberikan manfaat dalam pengambilan keputusan, maka informasi tersebut dikatakan bernilai rendah. Nilai informasi dikatakan sempurna apabila perbedaan antara kebijakan optimal, tanpa informasi yang sempurna dan kebijakan optimal menggunakan informasi yang sempurna dapat dinyatakan dengan jelas. Nilai suatu informasi dapat ditentukan berdasarkan sifatnya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tentang 10 sifat yang dapat menentukan nilai informasi, yaitu sebagai berikut :</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kemudahan dalam memperoleh informasi<br>
+Memiliki nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sifat luas dan kelengkapannya Informasi<br>
+Mempunyai nilai yang lebih sempurna apabila mempunyai lingkup/cakupan yang luas dan lengkap. Informasi sepotong dan tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ketelitian (accuracy)<br>
+Informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi/akurat. Informasi menjadi tidak bernilai jika tidak akurat, karena akan mengakibatkan kesalahan pengambilan keputusan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kecocokan dengan pengguna (relevance)<br>
+Informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunanya. Informasi berharga dan penting menjadi tidak bernilai jika tidak sesuai dengan kebutuhan penggunanya, karena tidak dapat dimanfaatkan untuk pengambilan keputusan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ketepatan waktu (Timeliness)<br>
+Informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima/usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kejelasan (clarity)<br>
+Informasi yang jelas akan meningkatkan kesempurnaan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Fleksibilitas/ keluwesannya<br>
+Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manajer/pimpinan pada saat pengambilan keputusan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat Dibuktikan<br>
+Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Kebenaran informasi bergantung pada validitas data sumber yang diolah.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tidak ada prasangka<br>
+Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat diukur<br>
+Informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai yang sempurna
+</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+===Program Aplikasi Penunjang Desain===
-<p style="line-height: 2">
+====Adobe Photoshop CS3====
-Analisis CSFmerupakan teknik yang paling efekrif falam melibatkan manajemen senior dalammengembangkan strategi sistem informasi. Karena CSF secara keseluruhan telahberakar pada bisnis dan memberikan komitmen bagi manajemen puncak dalammenggunakan sistem informasi yang diselaraskan dengan pencapaian tujuan melaluiarea bisnis yang kritis.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut  Maulana (2010 : 1-3)<ref name="arya2010">Maulana, Arya. 2010. “Panduan Lengkap Adobe Photoshop Cs 3”. Yogyakarta: Andi</ref> Adobe Photoshop adalah suatu perangkat lunak yang canggih yang dapat digunakan untuk membuat, menyunting dan memanipulasi tampilan termasuk mengoreksi warna dan memberi efek tampilan atas sebuah gambar atau photo, hasil dari program ini merupakan sebuah gambar atau image, didalam komputer grafis terbagi menjadi dua kelompok yaitu Gambar Bitmap dan Gambar Vektor.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan kemampuan pengolahan bitmap yang sangat baik, menjadikan Adobe Photoshop menjadi standar yang umum digunakan didalam pengolahan objek bitmap. Adobe Photoshop menyimpan beberapa kemampuan yang sangat baik untuk membuat gambar selayaknya menggunakan aplikasi berbasis vektor. Akan tetapi hal tersebut membutuhkan pemahaman konsep dasar pembentukan kurva vektor yang tidak dapat ditinggalkan oleh aplikasi dalam mengolah bitmap seperti photoshop. Konsep dasar yang harus dipahami adalah : manajemen layer, pembuatan path, dan seleksi. Toolbox berfungsi sebagai tombol pengganti perintah yang dipergunakan untuk mempercepat pekerjaan. Nama-nama toolbox terdiri atas Marquee tools, Lasso tools, Magic Wand tool, Move tool, Crop tool, Slice tool, Healing brush tool, Pencil tool, Clone Stamp tool, History Brush tool, Eraser tool, Paint Bucket tool, Blur tool, Path Component Selection tool, Type tool, Pen tool, Zoom tool, Eyedroper Hand tool, dan sebagainya.</p></div>
-<p style="line-height: 2"> Analisis CSFmenghubungkan proyek SI yang akan diimplementasikan dengan tujuannya, dengandemikian siste, informasi nantinya akan dapat direalisasikan agar sejalan denganstrategi bisnis perusahaan.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Widada (2011 : 18)<ref name="widada2011">Widada, Sugeng. 2011. “Diktat Mata Kuliah Aplikasi Program Mavib 1”. Tangerang: Perguruan Tinggi Raharja</ref> Adobe Photoshop adalah suatu perangkat lunak canggih yang dapat digunakan untuk membuat, menyunting, dan memanipulasi tampilan termasuk mengoreksi warna dan memberi efek tampilan atas sebuah gambar atau photo, hasil dari program ini merupakan sebuah gambar / image, di dalam desain grafis bentuk gambar dibagi menjadi 2 yaitu Gambar Bitmap dan Gambar Vektor. Sedangkan yang dihasilkan melalui aplikasi program Adobe Photoshop adalah merupakan gambar bitmap.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kualiatas gambar ditentukan oleh jumlah pixel yang diperlukan pada gambar tersebut, maka Anda harus menentukan dimensi (ukuran) pixel terhadap resolusi gambar yang akan dikerjakan, serta harap diperhatikan tentang Monitor yang resolusinya dapat menunjang untuk tampilan gambar.</p></div>
-<p style="line-height: 2"> Dalam wawancaradengan manajemen senior, analisis CSF dapat menjadi perantara yang baik dalammengetahui informasi apa yang diperlukan setiap individu.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adobe Photoshop menyediakan berbagai piranti yang akan membantu Anda dalam membuat gambar, Anda dapat memformat tampilan gambar tersebut dengan menggunakan filter yang telah disediakan, dengan menggunakan filter Anda dapat memberikan efek-efek tertentu untuk obyek gambar atau bahkan memberikan filter pada masing-masing layer sehingga menghasilkan gambar seperti yang diinginkan.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-yR99VlVBwCs/VsD5J_rJErI/AAAAAAAADKA/5x-70RfzcXs/w957-h538-no/2.1.png"/></div>
-<p style="line-height: 2"> Denganmenyediakan suatu hubungan dengan kebutuhan informasi, analisis CSF memegangperanan penting dalam memprioritaskan investasi modal yang potensial.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 2.1 Lembar Kerja Adobe Photoshop CS3</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"> Analisis CSFsangat berguna dalam perencanaan sistem informasi pada saat strategi bisnistidak berjalan sesuai dengan tujuan perusahaan, dengan memfokuskan padamasalah-masalah tertentu yang paling kritis.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"> Analisis CSFsangat berguna apabila digunakan sejalan dengan analisi value chain dalam mengidentifikasikan proses yang palimg kritis,serta memberikan focus pada pencapaian tujuan melalui kegiatan-kegiatan yangpaling tepat untuk dilaksanakan.</p></li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat yang dikemukakan di atas dapat
- ditarik kesimpulan bahwa value chain adalah tool analisis strategi yang digunakan untuk memahami keunggulan kompetitif sebagai sebuah jaringan dari komponen-komponen utam dan saling keterkaitannya.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Model Analisis Value Chain'''</p></div>
-<div align="center"><img width="300" height="200" style="margin:0px" src="https://lh5.googleusercontent.com/-8XiXiq8XkRY/VDZaBfzFj2I/AAAAAAAAAPs/PO2LJwA62VI/w556-h344-no/Anggota%2Badmin.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 2.1 Model Analisis Value Chain</p></div>
-===Definisi ''Black Testing''===
-===Tahapan Implementasi Sistem===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Aisyah dkk dalam Jurnal CCIT (2011:203)<ref name="aisyah">Herlawati,Prabowo Pudjo Widodo. 2011. "Menggunakan UML Unified Modeling Language". Bandung : Informatika.</ref>, “Implementasi sistem adalah tahapan selanjutnya dari program yang telah diuji secara offline kemudian di implementasikan online dan di publish secara resmi.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Sutabri(2012:229) <ref name="Sutabri"/>, setelah sistem dianalisis dan dirangcang dengan menggunakanteknologi yang sudah diseleksi dan dipilih maka tiba saatnya bagi sistemtersebut untuk diimplementasikan. Adapun tujuan utama dari tahap implementasisistem ini adalah sebagai berikut:</p></div>
+====Adobe Ilustrator CS3====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Madiun (2011 : 1-2)<ref name="madiun2011">Madiun, Madcoms. 2011. “Panduan Lengkap Adobe Ilustrator CS3”. Yogyakarta: Andi</ref> Adobe Illustrator merupakan salah satu software handal untuk membuat vector atau ilustrasi dalam desain. Adobe Illustrator banyak digunakan oleh para desainer professional dunia dalam menciptakan berbagai hasil karya dari mulai yang sederhana hingga yang kompleks sekalipun. User Interfacenya sangatmudah dimengerti, terdiri dari beberapa pengelompokan menu. Sekalipun barupertama kali menggunakannya, tetap dapat menggunakannya tanpa kebingungan. Dengan Illustrator akan menghasilkan desain terbaik yang pernah dilihat dalam media cetak atau web.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tampilan program Adobe Illustrator CS3 memiliki beberapa bagian, yakni menu bar, application bar, panel, dan toolbar. Masing-masing bagian tersebut ada yang memiliki fungsi dan kegunaan sama, tetapi ada yang saling melengkapi. Seperti panel Toolbox akan dilengkapi pengaturannya dengan toolbar. Tool-tool yang terdapat pada toolbox juga akan dilengkapi pengaturannya dengan menggunakan panel-panel yang ada.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perbedaan interface Adobe Illustrator  sebelumnya adalah tampilan menu bar yang agak berada di atas. Sehingga akan terlihat tampilan program lebih kompak dan lebih luas dan lebar jika membuat objek pada sebuah dokumen kerja.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elemen dasar dari jendela kerja Adobe Illustrator CS6"" diantaranya :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menu Bar atau Baris Menu<br>
-<p style="line-height: 2">Pengkajian mengenai rangkaian sistem, perangkat lunak,dan perangkat keras dalam bentuk sistem jaringan informasi terpusat agar dapatdiperoleh sebuah bangunan atau arsitektur sistem informasi.</p>
+Berisi barisan perintah berupa menu, seperti menu File, Edit, Objek, Type, Select, Effect, View, Window dan Help.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tab Document<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+Merupakan tampilan dokumen saat anda bekerja.
-<p style="line-height: 2"> Melakukan uji coba perangkat lunak sistem sebagaipengolah data sekaligus penyaji informasi yang dibutuhkan.</p></li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Application Bar<br>
+Bagian yang berada diatas terdiri dari beberapa menu dan pengaturan aplikasi.
-===Perekrutan===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tombol Workplace<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+Digunakan untuk memilih pilihan interface program.
-<p style="line-height: 2">Menurut Meiastoko dalam Jurnal Administrasi Bisnis (JAB) Vol. 6 (2013:3) <ref name="dody">Meiastoko, dody. 2013. “Implementasi Sistem Informasi Sumber Daya Manusia Dalam, Kegiatan Rekruitmen Karyawan”. Jurnal Administrasi Bisnis (JAB) Vol.6 No.2-September 2013</ref>Recruitment merupakan serangkaian aktivitas mencari dan memikat pelamar kerja dengan motivasi, kemampuan, keahlian, dan pengetahuan yang diperlukan guna menutupi kekurangan yang diidentifikasi dalam perencanaan kepegawaian.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Title Bar<br>
+Tempat panel-panel berada pada program.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Control Panel<br>
+Menampilkan objek yang sedang terseleksi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Toolbox<br>
+Merupakan tool-tool yang ada pada program.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Icon Collepse<br>
+Bagian pengaturan pada panel-panel.
+</ol>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-4UUCoWJptoA/VsD5JrZ1MFI/AAAAAAAADJ8/Dcb5FNQGomI/w957-h538-no/2.2.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Gambar 2.2 Lembar Kerja Adobe Ilustrator CS3</p></div>
-===Seleksi Pegawai atau Karyawan===
+====Adobe After Effect CS3====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hendratman (2010 : 23)<ref name="hendi2010">Hendratman,Hendi, ST. “The Magic of Adobe After Effects”, Bandung, 2010</ref> Adobe After Effect merupakan software motion graphics yang dapat digunakan sebagai software compositing, animasi dan video effect. Adobe after effect adalah software animasi bukan image editing sehingga untuk image editing perlu mengggunakan photoshop. After effect pun bukan software video editing, sehingga untuk merangkai video dengan durasi relatif panjang menggunakan Adobe premiere. After effect pun bukan software animasi 3D, sehingga untuk membuat animasi 3D lebih powerfull akan lebih baik jika menggunakan 3D studiomax.</p></div>
-<p style="line-height: 2">Memilih kandidat yang mampu untuk memilih prospek dan berkorespondensi dengan yang dikatakan, (Pujadi,  Jurnal CCIT Vol.4 No.2, 2011:188)<ref name="pujadi">Pujadi, Tri. 2011. "Design Computer-Based Application For Recruitment And Selection Employee At PT. Indonesia Telemedia." Vol.4 No.2-Januari 2011 ISSN: 1978-8282 STMIK Raharja.</ref>tersedia dengan :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adobe after effect awalnya didesain oleh CoSA (Company of Sciene and Art) sebagai software montion graphics pada desktop. Setelah di akuisisi oleh Aldus dan kemudian oleh Adobe, dibuat intregrasi yang baik antara software ini dengan software Adobe premiere, Photoshop dan Illustrator. Oleh karena itu pada saat ini Adobe after effect merupakan salah satu software multimedia terbaik, yang menyediakan semua hal yang dibutuhkan oleh para amatir dan profesional untuk motion graphics / animasi dan visual effect, yang merupakan bagian proses kreatif dari animasi multimedia.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Format-format Adobe after effect. Format – format yang mendukung penciptaan suatu karya kreatif dengan menggunakan Adobe after effect adalah :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Avi<br>
-<p style="line-height: 2">Memeriksa dokumen aplikasi dan dokumen yang harus dilampirkan dalam surat permohonan.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Wawancara terlebih dahulu untuk memeriksa kebenaran dokumen yang telah ditulis.</p>
+Avi video (*.avi) merupakan format standar dari file video dengan kualitas terbaik teteapi memerlukan kapasitas hard disk yang besar, karena file yang dihasilkan mempunyai kapasitas yang besar pula.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Quicktime movie<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+Quicktime movie (*.mov) yang merupakan format standar apple computer untuk mendistribusikan file video, dulunya format ini hanya digunakan pada computer Machintosh saja, tetapi kini dipergunakan oleh sebagian pengguna PC untuk distribusi video terkompresi dengan file yang berukuran kecil tapi memiliki kualitas yang bagus.
-<p style="line-height: 2">Tes diagnostik, keterampilan, kesehatan, dapat dilakukan oleh perusahaan / dapat dilakukan oleh pihak luar.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Macromedia flash<br>
+Format macromedia flash (*.swf) format ini banyak dipergunakan untuk animasi web dan telah menjadi standar baru dalam animasi web, dengan ukuran file yang kecil format ini mudah sekali didistribusikan dan dijalankan secara realtime di halaman web dengan menggunakan Macromedia Flash Player.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+</ol>
-<p style="line-height: 2"> Menyelidiki latar belakang dari sumber lain di tempat kerja sebelumya.</p></li></ol>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-xO38cEMjp0s/VsD5J5EinaI/AAAAAAAADKE/8m5u3Z-i4lM/w957-h538-no/2.3.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 2.3 Lembar Kerja Adobe After Effect CS3</p></div>
+====Adobe Premiere Pro CS3====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Ayuningtyas [2010:7]<ref name="ayu2010">Ayuningtyas, Melvy. 2010. Ngedit Video Dengan Adobe Premiere CS3. Bekasi: Dunia Komputer.</ref> Dimasa lalu pengeditan dan memenipulasi video untuk membuat sebuah film, membutuhkan berbagai macam peralatan video editing yang haranya relatif sangat mahal, tapi saat ini dengan komputer multimedia dan program aplikasi video editing seperti Pinnacle Studio, Ulead Video atau Adobe Premiere pengeditan dan memanipulasi sebuah video dapat dilakukan dengan mudah, cepat dan murah.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam dasar-dasar pengolahan video perlu adanya pemahaman mengenai video, standar penyiaran telavisi, video digital, format data video digital, rasio aspek, timecode, frame size, bit depht, bit rate, metode kompresi, kelebihan dan kekurang video digital dan keunggulan video digital. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adobe Premiere merupakan program aplikasi video editing yang dikembangkan oleh Adobe. Didalam Adobe Premiere terdapat Frame Rate dan Standar Penyiaran (broadcasting), yang dapat diatur sesuai kebutuhan dalam proses pengeditan, yaitu : </p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Standar penyiaran SCAM.<br>
+Standar penyiaran ini dipergunkan dinegara-negara di Eropa, Timur Tengah dan Afrika, dengan Frame Rate 25 frame/detik.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Standar penyiaran PAL<br>
+Standar penyiaran ini banyak dipergunkan dinegara-negara Asia, Autralia, Uni Eropa dan Amerika Selatan, dengan Frame Rate 25 frame/detik.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Standar Penyiaran NTSC.<br>
+Standar penyiaran ini sering dipergunkan oleh negara-negara amerika, jepang, kanada, meksiko dan korea,  dengan Frame Rate 29.97 frame/detik. Secara garis besar jendela Adobe Premiere terdiri dari enam jendela, yaitu: Jendela Project, Jendela Monitor, Bar Tool, Jendela Timeline, Jendela Info dan Jendela History.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jendela Project<br>
+Berguna sebagai tempat sementara penyimpanan klip sebelum disusun atau diedit pada jendela timeline.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jendela Monitor<br>
+Berguna untuk menjalankan dan menampilkan klip pada Jendela Project atau poject film atau video pada Jendela Timeline. bagian Jendela Monitor sebelah kiri, digunakan untuk menjalankan, menampilakan klip pada Jendela Project dan pada bagian jendela monitor sebelah kanan, menampilkan project film pada Jendela Timeline.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jendela Timeline<br>
+Berguna untuk menyusun dan mengedit klip-klip yang digunakan pada project video atau film yang dibuat.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bar Tool menyediakan alat untuk mengedit klip pada project.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jendela Info memberikan informasi klip pada project.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jendela History menampilkan daftar perintah yang dilaksanakan pada project.
+</ol>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-h5S4wewNgEI/VsEi5PW93LI/AAAAAAAADK0/o_W3VFZdUVQ/w957-h538-no/2.4.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 2.4 Lembar Kerja Adobe Premiere Pro CS3</p></div>
 ===Elisitasi===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Guritno (2011 : 302 – 304)<ref name="gurtino2011">Guritno, Suryo, dkk. Theory and Application of ITResearch Metodologi Penelitian Teknologi Informasi. Yogyakarta: Andi. 2011.</ref>. Elisitasi merupakan rancangan yang dibuat berdasarkan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi. Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu:</p></div>
-Menurut Hidayati dkk dalam Jurnal CCIT (2011:302) <ref name="Hidayati"></ref>, ”Elisitasi berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi.”Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap yaitu sebagai berikut:</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Elisitasi Tahap I'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Elisitasi Tahap II'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''3. Elisitasi Tahap III'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE ''(Technical, Operational, Economics)''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''4. Final Draft Elisitasi'''</p></div>
-Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan<//p></div>
-===Konsep Dasar Web===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Definisi Web'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Menurut Kustiyahningsih (Lilian, 2011:37)<ref name="lilian">Lilian Nila Sari Putri. SI 1011464388. 2013-2014. "Perancangan  Sistem Informasi Perpustakaan Sekolah Pada SMK Teluk Naga Tangerang." STMIK Raharja.</ref>, “Web adalah layanan yang di dapat yang di dapat oleh pemakai komputer yang terhubung ke internet.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Murya (Lilian, 2012:38)<ref name="lilian"/>, “WEB (World Wide Web) adalah suatu layanan sajian informasi yang menggunakan konsep hyperlink (tautan), media memudahkan surfer (sebutan para pemakai komputer yang melakukan browsing atau penelusuran informasi melalui internet).”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Dari pendapat di atas dapat disimpulkan bahwa web merupakan layanan yang dapat oleh pemakai komputer terhubung ke internet, baik berupa teks, gambar,suara maupun video yang interaktif dan mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext) yang dapat diakses melalui sebuah browser.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Jenis-jenis Web'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Seiring dengan perkembangan teknologi informasi yang begitu cepat, website juga mengalami perkembangan yang sangat berarti. Dalam pengelompokan jenis web, lebih diarahkan berdasarkan kepada fungsi, sifat atau style dan bahasa pemrograman yang digunakan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Menurut Hidayat (Lilian, 2010:36)<ref name="lilian"/> Jenis-jenis web berdasarkan sifat atau style sebagai berikut:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Elisitasi tahap I, berisi seluruh rancangan sistembaru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.
-<p style="line-height: 2">Website Dinamis, merupakan sebuah website yang menyediakan konten atau isiyang selalu berubah-ubah setiap saat. Bahasa pemrograman yang digunakan antara lain PHP, ASP, .NET dan memanfaatkan database MySQL atau MySQL.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Elisitasi tahap II, merupakan hasilpengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDIbertujuan memisahkan antara rancangan sistem yang penting dan harus ada padasistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi. Berikut penjelasan mengenai MDI:
+ <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">M pada MDIberarti Mandatory (penting). Maksudnya, requirement tersebut harus ada dantidak boleh dihilangkan pada saat membuat sistem baru.
-<p style="line-height: 2">Website Statis, merupakan website yang kontennya sangat jarang berubah. Bahasa pemrograman yang digunakan adalah HTML dan belum memanfaatkan database.</p></li></ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">D pada MDI berarti Desirable. Maksudnya, requirement tersebut tidak terlalupenting dan boleh dihilangkan. Namun, jika requirement tersebut digunakan dalampembentukan sistem maka akan membuat sistem tersebut lebih sempurna.
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">I pada MDI berarti Inessential. Maksudnya, requirement tersebut bukanlah bagiansistem yang dibahas, tetapi bagian dari luar sistem.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''3. Fungsi Web'''</p></div>
+ </ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Elisitasi tahap III, merupakan hasil penyusutan elisitasi tahap II dengan caramengeliminasi semua requirement dengan option I pada metode MDI. Selanjutnya,semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE,yaitu:
-Menurut Hidayat (Lilian, 2010:37)<ref name="lilian"/>, Berdasarkan pada fungsinya, website terbagi atas : </p></div>
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">T artinya Teknikal, bagaimana tata cara atau teknik pembuatan requirement dalam sistem yang diusulkan?
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">O artinya Operasional, bagaimana tata cara penggunaan requirement dalam sistem akan dikembangkan?
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">E artinya Ekonomi, berapakah biaya yang diperlukan guna membangun requirement di dalam sistem?
+ </ol>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Metode TOE tersebut dibagi menjadi beberapa option, yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">High (H): Sulit untuk dikerjakan, karenateknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirementtersebut harus dieliminasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Middle (M): Mampu dikerjakan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Low (L): Mudah dikerjakan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Final draft elisitasi, merupakan hasil akhiryang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasarpembuatan suatu sistem yang akan dikembangkan.
+</ol>
+==Literature Review==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan studi pustaka pada beberapa penelitian. Maka penulis melakukan literature review terhadap penelitian-penelitian sebelumnya sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Penelitian Muhamd Riyan Surya Nugraha dengan judul Perancangan Media Video Iklan Menggunakan Animasi 3D Max Di Klinik Usada Nugraha Kabupaten Tangerang (2013).<br>
-<p style="line-height: 2">Personal Website; Website yang berisi informasi pribadiseseorang.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Commercial Website; Website yang dimiliki oleh sebuah perusahaan yang bersifat bisnis.</p>
+Media penunjang informasi dan promosi sangat penting dalam membangun image dari sebuah lembaga atau institusi, salah satunya adalah media video promosi. Fungsi media video promosi secara umum adalah selain sebagai aset perusahaan juga berfungsi sebagai tanda atau identitas dari perusahaan dalam menjalin kerjasama dengan relasi yang baik dengan perusahaan atau lembaga dan instansi terkait lainnya. Penelitian ini bertujuan untuk menerapkan konsep media media desiain dapat memberikan informasi dan promosi yang lebih efektif mengenai profil dan aktivitas perusahaan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menurut jurnal yang disusun oleh Ikhwan August Star Hanif, Andry Alamsyah, dan Yahya Peranginangin dengan judul Perancangan Infografis Sebagai Alternatif Bentuk Nilai Mahasiswa (Studi Pada Mata Kuliah Di Telkom University, Eksperimen: Mata Kuliah Entrepreneurship Prodi Adbis) (2013)<br>
+Penilaian hasil pembelajaran mahasiswa adalah hal yang biasa dilakukan oleh seroang dosen atau staf pengajar. Nilai tersebut menjadi ukuran keberhasilan mahasiswa dalam mengikuti pembelajaran suatu mata kuliah baik di dalam kelas maupun diluar kelas. Pada umumnya bentuk dari nilai adalah data statistik yang ditampilkan dalam bentuk tabel. Nilai matakuliah di Telkom University ditunjukan dengan standar nilai A, AB, B, BC, C, D, E, dan T. Nilai tersebut sering kali berupa data statistik. Maka diperlukan merubahnya menjadi visual dalam hal ini berbentuk infografis dengan memilih mata kuliah eksperimen Entrepreneurship Prodi Administrasi Bisnis, Fakukultas Komunikasi Bisnis, Telkom University. MOOC (Masive Open Online Course) merupakan metode pembelajaran online yang mengandalkan konten digital sebagai media pembelajaran. Jumlah user atau pelajar pada MOOC bisa mencapai ratusan, ribuan, hingga ratusan ribu. Jumlah yang banyak ini akan membutuhkan manajemen konten yang optimal.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menurut jurnal yang di susun oleh Mulyate dan Karenia Marisa dengan judul Perancangan Buku Kumpulan Infografis Resep Aneka Hidangan Pembuka dan Penutup Ala Barat Untuk Anak-Anak (2013)<br>
+Perancangan ini membuat buku berisi kumpulan infografis resep aneka hidangan pembuka dan penutup ala Barat, disajikan dengan visual yang menarik yang sedapat mungkin disesuaikan dengan karakter anak-anak. Dengan adanya buku ini diharapkan mampu meningkatkan minat membaca anak-anak di Indonesia serta membantu meningkatkan kreativitas dan kemampuan mereka dalam memasak.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Penelitian Doni Indriasto dengan judul  Perancangan Infografis Board Game Edukasi Sejarang Perang Surabaya 10 November 1945 (2014) <br>
+Berawal dari fenomena dimana sejarah yang telah dilupakan menyebabkan kurangnya pengetahuan tentang peristiwa maupun perjuangan. Rasa Nasionalisme mulai menipis seiring berjalannya era globalisasi contohnya produk permainan. Dibutuhkan metode baru dalam pengajaran sejarah yang dapat menarik minat anakanak dalam memainkan dan dipahami. Dalam board game ini akan dihadirkan tempat-tempat sejarah dan tokoh pahlawan sebagai edukasi dari permainan, yang dibagi dalam dua kartu yaitu pertanyaan dan infografis mengenai perang 10 November 1945. Konsep utama dalam perancangan board game ini adalah “Experience Heroic Surabaya”, pengalaman yang disampaikan melalui perjuanganmulai dari start sampai finish dengan cara menjawab pertanyaan untuk bisa lanjut. Menggunakan ilustrasi yang lucu dan menarik yang akan memberikan kejutan setiap membuka kemasan karena ada pop-up environment-nya mengenai gedung perjuangan.
+</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+{{pagebreak}}
-<p style="line-height: 2">Government Website; Website yang dimiliki oleh instansi pemerintah, pendidikan yang bertujuan memberikan pelayanan kepada pengguna.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
-<p style="line-height: 2">Non-Profit Organization Website; Dimiliki oleh organisasi yang bersifat non-profit atau tidak bersifat bisnis</p></li></ol>
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''IDENTIFIKASI MASALAH'''</div>
+{{pagebreak}}
-===HTML ''(Hypertext Markup Language)''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Definisi HTML'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Winarno dkk (2011:1)<ref name="winarno"></ref>“Core inti dari pemograman atau desain web adalah HTML, ini karena HTML merupakan bahasa yang dipahami oleh browser guna menampilkan halaman web yang bisa dilihat di browser.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-HTML merupakan singkatan dari Hypertext Markup Language, artinya bahasa ini adalah bahasa markup untuk memformat konten halaman web dengan kata lain, bahasa untuk mengatur bagaimana penampilah dan pemformatan konten di web.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-HTML adalah bahasa pemograman yang bebas, dan tidak dimiliki oleh siapa pun, pengembangannya dilakukan banyak orang, banyak pihak di seluruh dunia dan bisa dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama secara global.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Dokumen HTML'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Winarno dkk (2011:2)<ref name="winarno"/>“Dokumen HTML adalah dokumen berbasis teks yang dapat diedit oleh editor teks apapun di sistem operasi apapun.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dokumen HTML memiliki beberapa elemen yang dikelilingi oleh tag-teks yang dimulai dengan < dan di akhiri dengan >. Contoh kodenya adalah :<img src=“gambar.gif”/></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tag ini fungsinya menampilkan gambar dari file gambar bernama “gambar.gif” yang nantianya gambar akan ditampilkan jika file HTML ini dibuka di browser.</p></div>
-===Konsep Dasar CSS===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Menurut Wiswakarma (Lilian, 2010:43)<ref name="Lilian">Lilian</ref>, “CSS (Cascading Style Sheet) adalah salah satu bahasa pemograman desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan bahasa penanda”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Menurut Khafidli (Lilian, 2011:44)<ref name="Lilian"/>, “CSS (Cascading Style Sheet) merupakan salah satu bahasa pemograman web yang berguna untuk mengendalikan beberapa elemen dalam sebuah web sehingga lebih terstruktur dan seragam”. Pada umumnya, CSS digunakan untuk memformat tampilan halaman web yang dibaut dengan menggunakan HTML.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Dari kedua definisi di atas, maka dapat disimpulkan CSS adalah kepanjangan dari Cascading Style Sheet yang merupakan bahasa pemograman berbasis web untuk digunakan pada tampilan web.</p></div>
-===PHP ''(Hypertext Processor)''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">'''1. Definisi PHP'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Dan dalam penulisan PHP terdapat tahap coding, menurut Maimunah dkk dalam Jurnal CCIT (2010:165)<ref name="Maimunah">Maimunah</ref>, ” Coding merupakan tahap implementasi hasil desain ke dalam baris-baris program”. Untuk memulai program PHP,  kita dapat memulainya dengan mengenal sebuah tag pengenal PHP yang digunakan untuk menuliskan kode PHP.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Dikutip dari Wahana Komputer buku “Hot Tip dan Trik PHP” (2013:1), menjelaskan bahwa “PHP adalah pemrograman berbasis web yang sudah sangat dikenal, bahasa pemrograman PHP termaksud bahasa Pemrograman berbasis web yang bersifat cross platform atau dapat dijalankan diberbagai macam sistem operasi.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Menurut Winarno dkk (2011:4)<ref name="winarno"/>, “PHP atau Hypertext Preprocessor adalah sebuah bahasa pemrograman web berbasis server (server-side) yang mampu mem-parsing kode PHP dari kode web dengan ekstensi .php hingga menghasilkan tampilan website yang dinamis di sisi client (browser).”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">PHP adalah bahasa script yang sangat cocok untuk pengembangan webdan dapat dimasukkan ke dalam HTML. Ketika memprogram dengan PHP atau framework PHP, anda bisa menggunakan software editor teks, beberapa editor PHP sbb :</p></div>
+==Gambaran Umum Object Yang Di Teliti==
+===Sejarah Singkat===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dinas Kominfo adalah suatu Lembaga Instansi Pemerintahan yang membidangi pengolahan data informasi dan komunikasi yang dibutuhkan oleh Pemerintahan Kota Tangerang. Adapun lembaga tersebut terletak di Gedung Pusat Pemerintahan Lt.4 yang beralamatkan di Jl.Satria Sudirman Kota Tangerang. Lembaga ini dipimpin oleh seorang Kepala Dinas, serta terdapat satu sekretariat dan tiga bidang. Diantaranya, bidang pengolahan data dan desiminasi informasi, bidang pos dan telekomunikasi dan bidang telematika. Lembaga inidibentuk pada tahun 2008, berdasarkan Peraturan Walikota Tangerang Nomor 28 tahun 2008 Tentang Organisasi Dan Tata Kerja Dinas Informasi dan Komunikasi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dinas Kominfo mempunyai visi dan misi yaitu “Pelopor Pengembangan Teknologi Informasi dan Komunikasi Yang Maju Dalam Tata Laksana Pemerintahan dan Komunikasi Publik yang Baik”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penjabaran atas makna dari visi tersebut adalah sebagai berikut:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Active State Komodo Edit</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bluefish</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Eclipse</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Emacs</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Geany</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">jEdit</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pelopor Pengembangan Teknologi Informasi dan Komunikasi yang Maju, maksudnya adalah Dinas Komunikasi dan Informatika diharapkan mampu menjadi institusi yang mempelopori penerapan teknologi informasi dan komunikasi yang maju di lingkungan Pemerintah Daerah kota Tangerang.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Netbeans IDE</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Vim</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">SciTE</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dreamweaver CS</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Alleycode HTML Editor</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">ConTEXT</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">CodeLobster</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Crimson Editor</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dev-PHP IDE</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">HTML-Kit</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">InType</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Notepad++</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Programer’s Notepad</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">PSPad</p></li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tata Laksana Pemerintahan; maksudnya adalah Dinas Komunikasi dan Informatika diharapkan mampu memfasilitasi terselenggaranya kegiatan administrasi yang efektif dan efisien melalui penerapan aplikasi teknologi informasi dan komunikasi untuk mendukung aktivitas administrasi pemerintah daerah dan mampu menjadi institusi yang dapat membuat jejaring koordinasi lintas dinas dalam lingkup Pemerintah Daerah Kota Tangerang menjadi lebih baik, optimal dan mudah, melalui penerapan sistem koordinasi berbasis teknologi informasi dan komunikasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Komunikasi Publik yang Baik, maksudnya adalah Dinas Komunikasi dan Informatika mampu menjadi institusi yang dapat memfasilitasi komunikasi antara pemerintah daerah dengan masyarakat. Menginformasikan dan mensosialisasikan berbagai aktivitas pemerintah berikut kebijakan dan programnya, sekaligus menampung dan menyampaikan aspirasi masyarakat terkait dengan kebutuhan pelayanan dari Pemerintah Daerah Kota Tangerang.
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+===Struktur Organisasi===
+<div align="center"><img width="400" height="500" style="margin:0px" src="https://lh4.googleusercontent.com/-068sVZbPzPY/VsD3eMrW_YI/AAAAAAAADJ0/X-wpd9IvKRQ/w459-h518-no/3.1.jpg"/></div>
-<p style="line-height: 2">'''2. Variabel PHP'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 3.1 Struktur Organisasi Dinas Kominfo</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Winarno dkk (2011:8)<ref name="winarno"/>, “Variabel memungkinkan anda untuk menciptakan rumus bagi operasi tertentu dimana nilai operand-nya bisa dialokasikan secara dinamis.”</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-ariabel merupakan istilah yang menyatakan sebuah tempat yang digunakan untuk menampung nilai-nilai tertentu dimana nilai di dalamnnya bisa diubah-ubah. Variable merupakan tempat untuk menyimpan data dalam tipe tertentu, variabel bisa berupa null (belum ada jenisnya), angka, string, objek, array, boolean, danisinya bisa diubah-ubah nantinya. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Berbeda dengan bahasa pemrograman lain, variabel pada PHPlebih fleksibel, tidak perlu mendefinisikan jenisnya ketika mendefinisikan pertama kali. Ada 6 (enam) variabel dasar yang dapat diakomodasikan di PHP,seperti berikut :</p></div>
+===Wewenang dan Kewajiban Tiap Departemen===
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Boolean<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Adalah tipe data paling standar yang hanya menyatakan kebenaran, apakan True (benar) atau False (salah). Contoh sederhana :<?php $variabel_bol </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepala Dinas<br>
+Kepala Dinas mempunyai tugas pokok memimpin, mengatur, mengkoordinasikan dan mengendalikan seluruh kegiatan penyelenggaraan tugas dan fungsi Dinas dalam penyelenggaraan urusan Daerah yang berkenaan dengan komunikasi dan informatika.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sekretariat<br>
+Sekretariat dipimpin oleh seorang Sekretaris yang mempunyai tugas pokok membantu Kepala Dinas dalam pengkoordinasian pelaksanaan kebijaksaaan penyelenggaraan tugas dan fungsi Dinas serta menyelenggarakan kegiatan di bidang administrasi umum, keuangan, kepegawaian dan perencanaan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sub Bagian Umum Dan Kepegawaian<br>
+Sub Bagian Umum dan Kepegawaian dipimpin oleh seorang kepala Sub Bagian yang mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Sekretariat di bidang administrasi umun dan administrasi kepegawaian.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sub Bagian Keuangan<br>
+Sub Bagian Keuangan dipimpin oleh seorang Kepala Sub Bagian yang mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Sekretariat dibidang administrasi keuangan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sub Bagian Perencanaan<br>
+Sub Bagian Perencanaan  dipimpin oleh seorang Kepala Sub Bagian yang mempunyai tugas pokok melaksanakan sebagian tugas dan fungsi Sekretariat di bidang perencanaan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bidang Pengolahan Data dan Diseminasi Informasi<br>
+Bidang Pengolahan Data dan Diseminasi Informasi dipimpin oleh seorang Kepala Bidang yang mempunyai tugas pokok memimpin, merencanakan, mengatur dan mengendalikan kegiatan penyelenggaraan sebagian tugas Dinas dalam lingkuup pengolahan data, penyebarluasan informasi dan promosi Daerah, pengendali opini publi, serta pembinaan multi media dan lembaga informasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seksi Pengolahan Data dan Informasi<br>
+Seksi Pengolahan Data dan Informasi dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pengolahan Data dan Diseminasi Informasi yang berkenaan dengan peliputan, pendokumentasian, pengolahan data dan penyiapan informasi bagi masyarakat mengenai kegiatan dan hasil penyelenggaraan pemerintahan, pembangunan dan pembinaan kemasyarakatan di Daerah serta pengendalian opini publik.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seksi Pengembangan Multi Media<br>
+Seksi Pengembangan Multi Media dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pengolahan Data dan Diseminasi Informasi yang berkenaan dengan pembinaan dan penyebarluasan informasi melalui multimedia serta promosi Daerah melalui media telivisi dan radio.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seksi Pengembangan Lembaga Informasi<br>
+Seksi Pengembangan Lembaga Informasi dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pengolahan Data dan Diseminasi Informasi yang berkenaan dengan pembinaan pers, percetakan dan kelompok komunikasi; penyebarluasan informasi melalui media cetak, media tradisional dan media tatap muka; serta promosi Daerah melalui media cetak.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bidang Pos Dan Telekomunikasi<br>
+Bidang Pos dan Telekomunikasi dipimpin oleh seorang Kepala Bidang yang mempunyai tugas pokok memimpin, merencanakan, mengatur dan mengendalikan kegiatan penyelenggaraan sebagian tugas Dinas dalam lingkup pembangunan, pengadaan, pemeliharaan, perbaikan prasarana dan sarana, serta layanan teknis persandian dan telekomunikasi yang di lingkungan Pemerintahan Daerah; pengendalian penggunaan frekuensi radio; serta perijinan di bidang pos dan telekomunikasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seksi Pos Dan Pengendalian Frekuensi Radio<br>
+Seksi Pos dan Pengendalian Frekuensi Radio dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pos dan Telekomunikasi yang berkenaan dengan pembinaan serta pengendalian di bidang pos dan pengguna frekuensi radio.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seksi Sandi dan Telekomunikasi<br>
+Seksi Sandi dan Telekomunikasi dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pos dan Telekomunikasi yang berkenaan dengan pembangunan, pengadaan dan pengembangan sistem persandia (sissan) untuk jaring persadian, peralatan sandi (palsan) dan jaringan telekomunikasi di lingkungan Pemerintah Daerah serta peijinan di bidang Telekomunikasi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seksi Layanan Teknis Telekomunikasi.<br>
+Seksi Layanan Teknis Telekomunikasi dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Pos dan Telekomunikasi yang berkenaan dengan layanan, pemeliharaan serta perbaikan prasarana dan sarana persandian dan telekomunikasi di lingkungan Pemerintah Daerah.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bidang Telematika<br>
+Bidang Telematika dipimpin oleh seorang Kepala Bidang yang mempunyai tugas pokok memimpin, merencanakan, mengatur dan mengendalikan kegiatan penyelenggaraan sebagian tugas Dinas dalam lingkup pembangunan, pengembangan, pengelolaan serta pemberdayaan Sistem Informasi Manajemen Daerah (SIMDA) dan Website Kota Tangerang.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seksi Pemberdayaan Telematika<br>
+Seksi Pemberdayaan Telematika dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Telematika yang berkenaan dengan sosialisasi serta pemberian bimbingan teknis dan fasilitasi dalam rangka optimalisasi penerapan dan pemanfaatan Teknologi Informasi dan Komunikasi (TIK) di Daerah.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seksi E-Government<br>
+Seksi E-Government dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Telematika yang berkenaan dengan penyusunan rencana pembangunan dan pengembangan Sistem Informasi Manajemen Daerah serta pengelolaan Bank Data dan Website Kota Tangerang.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seksi Sarana Dan Prasarana Telematika<br>
+Seksi Sarana Dan Prasarana Telematika dipimpin oleh seorang Kepala Seksi yang mempunyai tugas pokok memimpin dan mengatur pelaksanaan sebagian tugas Bidang Telematika yang berkenaan dengan pengadaan, pemeliharaan dan perbaikan sarana dan prasarana telematika serta pembinaan Pranata Komputer dan Operator Komputer di lingkungan Pemerintahan Daerah.
+</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Integer<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+==Product Information==
+===Produk===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan adanya pelayanan baru yang diluncurkan oleh pemerintah Kota Tangerang bernama LAKSA (Laporan Aspirasi Kotak Saran Anda). Aplikasi LAKSA adalah media komunikasi yang berfungsi untuk meneruskan keluhan masyarakat yang masuk melalui Call Center sehingga dapat direspon dengan cepat oleh dinas terkait, sehingga masyarakat dapat dengan mudah memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan demikian penulis tertarik untuk membuat media infographic berupa animasi 2D yaitu Perancangan Video Animasi Infographic Aplikasi LAKSA (Laporan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang. Sehingga melalui perancangan media tersebut diharapkan dapat memberikan bentuk informasi pelayanan yang lebih menarik, efektif, serta mudah diterima khususnya oleh  masyarakat Kota Tangerang.</p></div>
-Adalah bilangan bulat (bukan pecahan) baik negatif atau positif, misalnya...,-2,-1,0,1,2,...). integer bisadituliskan dalam satuan desimal (berbasis 10), heksa desimal (berbasis 16), atau oktal (berbasis 8) dan bisa juga ditambah tanda plus atau minus (- atau+), penandaan ini bersifat opsional.</p></li>
+===Latar Belakang Produk===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Saat ini Dinas Kominfo, memberikan layanan atau sarana media informasi melalui beberapa bentuk media yaitu berupa media sosial maupun website, dan media informasi sendiri saat ini memiliki perkembangan yang sangat pesat dibandingkan dengan media komunikasi lainnya, kebutuhan mengenai informasi akan terus bertambah sesuai perkembangan zaman. Agar dapat menyampaikan informasi pelayanan terbaru  yang lebih efektif setidaknya harus mempunyai sarana media yang dapat menunjang efektivitas dalam proses komunikasi yang dilakukan oleh suatu lembaga atau instansi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) yang di buat oleh Dinas Kominfo Kota Tangeraang belum mempunyai media infografis maka dari itu penulis membuat video infografis sehingga masyarakat dapat mudah mengetahui penggunaan aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda).</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Floating Point<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+===Perkembangan Produk===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perkembangan media audio visual sekarang ini sangatlah di butuhkan, terutama bagi Dinas Kominfo sebagai lembaga instansi pemerintahan yang membidangi pengolahan data informasi dan komunikasi Untuk membangun layanan di Kota Tangerang, maka Dinas Kominfo mengeluarkan aplikasi beranama LAKSA (Layanan Aspirasi Kotak Saran Anda). Setelah membuat aplikasi tersebut maka Dinas Kominfo juga membutuhkan rancangan video infografis, agar dapat memberikan bentuk informasi pelayanan yang lebih menarik, efektif, serta mudah diterima dan dimanfaatkan khususnya oleh  masyarakat Kota Tangerang.</p></div>
-Adalah nomor pecahan atau juga bilangan real,bisa didefinisikan dengan syntaxberikut :
-<?php
-$a = 3.652;
-$b = 3.2e3;
-$c = 7E-10;
-?></p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">String<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Adalah untaian karakter, ada 256 karakter yang bisa dijadikan string. Sebuah sting bisa didefinisikan dengan berbagai cara, yang paling mudah adalah dengan tanda petik tunggal.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Null<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Adalah nilai yang merepresentasikan variabel tanpa value, NULL adalah nilai yang mungkin untuk Null, sebuah variabel akan menjadi Null jika dialokasikan konstanta NULL, variabel yang belum di-set ke nilai apapun, menerima unset().</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Operator<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Adalah simbol yang berfungsi untuk melakukan aksi/operasi tertentu terhadap nilai operand yang pada umumnya darihasil operasi tersebut menghasilkan nilai baru. Ada banyak jenis operator, sbb:</p></li></ol>
-===Konsep Dasar Database dan MYSQL===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Definisi Database'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Menurut Hidayati dkk dalam Jurnal CCIT (2011:238)<ref name="hidayati">Hidayati, Untung Raharja, Mia Novalia. 2011. "Peningkatan Kinerja Distributed Database Melalui Metode DMQ Base Level". Journal CCIT Vol – 4 No.3 – Mei 2011 ISSN: 1978-8282 STMIK Raharja.</ref>,menjelaskan bahwa “Database adalah kumpulan fakta-fakta sebagai respresentasi dari dunia nyata yang saling berhubungan dan mempunyai arti tertentu. Database digunakan untuk menyimpan data agar data tersebut dapat dimanipulasi dengan mundah, terjamin keakuratannya, efisiensi dalam penyampaiannya, dan tentu saja dapat dengan mudah untuk diakses kembali.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pada dasarnya database dapat diolah dengan menggunakan suatu software (perangkat lunak). Software yang digunakan untuk mengelola dan memanggil query database disebut database management sistem (DBMS).</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Winarno dkk (2011:56)<ref name="winarno">Winarno, Ali Zaki, Smit Dev Community. 2011. "Mudah Membuat Website dan E-Commerce Dengan PHP Framework". Jakarta: PT. Elex Media Komputindo.</ref>, “Database adalah sebuah kebutuhan, dengan database programer dapat menyimpan dan mengambil data dengan mudah, database membuat sebuah aplikasi bisa berdaya guna dan menyimpan data dari user.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Desain Database'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Henderi dkk dalam Jurnal CCIT (2011:174)<ref name="henderi">Henderi, Maimunah, Randy Andrian. 2011. "Desain aplikasi E-Learning Sebagai Media Pembelajaran Artificial Informatics". Journal CCIT Vol-4 No.3 – Mei 2011 ISSN: 1978-8282 STMIK Raharja.</ref>, “Design database dibuat setelah melakukan analisa terhadap data yang ada pada penerimaan mahasiswa baru sebagai objek pembuatan Prototype program system data warehouse dan data mining sebagai tools pengukur kinerja.”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''3. Pengertian MySQL'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Kustiyahningsih (Lilian, 2011:34)<ref name="lilian"/>,“MySQL adalah sebuah basis data yang mengandung satu atau jumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau sejumlah tabel. Tabel terdiri dari atas sejumlah baris dan setiap baris mengandung satu atau sejumlah tabel”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Raharjo (Lilian, 2011:34)<ref name="lilian"/> “SQL adalah bahasa standar yang digunakan untuk mengakses data di dalam database relasional. Setiap server database resional atau Relational Database Management System (RDBMS) mendukung SQL untuk mengatur dan mengolah datanya.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> MySQL termasuk jenis RDBMS (Relational Database Management System ). Sedangkan RDBMS sendiri akan lebih banyak mengenal istilah seperti table, baris, dankolom digunakan perintah-perintah di MySQL.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''4. Perintah Dasar Database MySQL'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Raharjo (Lilian, 2011:34), dalam menjalankan MySQL diperlukan berbagai perintah untuk membuat suatu database, berikut ini disebutkan beberapa perintah dasar dalam menggunakan MySQL. Untuk menjalankan MySQL pertama kali cukup dengan mengetikkan MySQL pada Command Prompt, Perintah-perintahnya adalah sebagai berikut:</p></div>
+===Material Produk===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam karyanya penulis menggunakan produk berupa Media Infografis berbasis video yang didalamnya terdapat media sebagai berikut:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.1 Material Produk Pembuatan Video Infographic</p></div>
+<div align="center"><img width="450" height="150" style="margin:0px" src="https://lh3.googleusercontent.com/-hus8EXYn5Bo/VsD3oFgK06I/AAAAAAAADKk/gP2XsMxgeWA/w452-h130-no/tabel%2B3.1.JPG"/></div>
+===Spesifikasi Produk===
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Manfaat
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menjadi media infografis yang efektif
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dapat di terima oleh masyarakat Kota Tangerang
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Masyarakat dapat menggunakan layanan LAKSA (Layanan Aspirasi Kotak Saran Anda)
+ </ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kelebihan
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Memiliki hasil karya yang efektif dalam penyampaian pesan
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media audio visual yang menarik dan mudah dipahami
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Biaya cukup terjangkau
+ </ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kekurangan
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sulitnya proses produksi
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Lamanya proses produksi
+ </ol>
+</ol>
+==Market Analis==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Market analisis adalah investigasi terdokumentasi dari pasar yang digunakan untuk menginformasikan kegiatan perencanaan instansi terutama sekitar keputusan persediaan, pembelian, perluasan tenaga kerja, fasilitas, pembelian peralatan modal, kegiatan informasi dan banyak aspek lain.</p></div>
-Menampilkan database:SHOW DATABASE.</p>
+===Market Positioning===
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Membuat data basebaru: CREATE DATABASE database.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Memilih database yang akan digunakan: USE database.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Menampilkan tabel : SHOW TABLE.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Membuat tabel baru: CREATE TABEL tabel (field spesifikasi_field).</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menampilkan struktur tabel: SHOW COLUMNS FROM tabel atau DESCRIBE table.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Mengubah stuktur tabel: ALTER TABLE tabel jenis_Pengubahan.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan adanya video infografis ini diharapkan masyarakat Kota Tangerang dapat mengetahui layanan aplikasi laksa ini. Mulai dari cara penggunaan sampai alur informasinya. Market Positoning dibutuhkan oleh setiap perusahaan atau intasi pemerintahan untuk menunjang dan memasarkan suatu produk yang dihasilkan, agar dapat diinformasikan kepada masyarakat.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Mengisikan data: INSERT INTO table (kolom 1) VALUES (data_kolom1); atau INSERT INTO table SET kolom1=data_kolom;.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dinas Kominfo adalah suatu Lembaga Instansi Pemerintahan yang membidangi pengolahan data informasi dan komunikasi yang dibutuhkan oleh Pemerintahan Kota Tangerang. Dengan adanya pelayanan baru yang diluncurkan oleh pemerintah Kota Tangerang bernama LAKSA (Laporan Aspirasi Kotak Saran Anda). Aplikasi LAKSA adalah media komunikasi yang berfungsi untuk meneruskan keluhan masyarakat yang masuk melalui Call Center sehingga dapat direspon dengan cepat oleh dinas terkait, sehingga masyarakat dapat dengan mudah memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang. Dengan demikian penulis tertarik untuk membuat media infographic berupa animasi 2D yaitu Perancangan Video Animasi Infographic Aplikasi LAKSA (Laporan Aspirasi Kotak Saran Anda) pada Dinas Kominfo Kota Tangerang. Sehingga melalui perancangan media tersebut diharapkan dapat memberikan bentuk informasi pelayanan yang lebih menarik, efektif, serta mudah diterima khususnya oleh  masyarakat Kota Tangerang.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menampilkan data: SELECT kolom FROM tabel WHERE criteria ORDER BY kolom atau SELECT * FROM table.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Mengubah data: UPDATE tabel SET kolom=pengubahan_data WHERE kriteria.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menampilkan data dengan kriteria tertentu: SELECT kolom1, FROM table WHERE kriteria.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menghapus data : DELETE FROM tabel WHERE kriteria;</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menghapus tabel: DROP table.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menghapus database: DROP database;</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keluar dari MySQL: QUIT; atau EXIT.</p></li></ol>
-===Konsep Dasar ''Dreamweaver'' CS5===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Menurut Sigit (Lilian, 2010:44)<ref name="lilian"/>,“Dreamweaver adalah sebuah HTML editor profesional untuk mendesain web secara visual dan mengelola situs atau halaman web”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Puspitasari (Lilian, 2011:44)<ref name="lilian"/>, “Dreamweaver CS5 adalah salah satu HTML Editor Professional yang berfungsi untuk mendesain web secara visual dan mengelola situs atau halaman web”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan dari definisi-definisi di atas, maka dapat disimpulkan dreamweaver adalah suatu aplikasi yang digunakan dalam membangun atau membuat sebuah web.</p></div>
-===Konsep Dasar XAMPP===
+==Potensial Market==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pembuatan media video infografis ini bertujuan untuk menginformasikan media aplikasi layanan LAKSA (Layanan Aspirasi Kotak Saran Anda). Dengan adanya video infografis ini diharapkan dapat menjawab kebutuhan masyarakat kota tangerang akan aplikasi LAKSA tentang seputar kota tangerang, sebagai media layanan komunikasi antara masyarakat dengan dinas terkait.</p></div>
-<p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan wawancara yang telah dilaksanakan, dengan dibuatnya video infografis ini diharapkan masyarakat Kota Tangerang dapat berperan aktif dalam menyuarakan keluh kesah dan saran nya kepada pemerintah kota tangerang agar dapat terwujudnya layanan yang lebih efektif dan berkualitas. </p></div>
-XAMPP  merupakan sebuah tool yang menyediakan beberapa paket perangkat lunak ke dalam satu buah paket.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Menurut Madcoms (Yulianto, 2010:314)<ref name="yulianto">Yulianto. 2013-2014. "Pengembangan SIS+ Pada Perguruan Tinggi Raharja Study Kasus : Daftar Nilai dan Biodata Menggunakan Yii Framework". STMIK Raharja.</ref>, sekarang ini bayak paket software instalasi webserver yang disediakan secara gratisdiantaranya menggunakan XAMPP. Dengan menginstal XAMPP, tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP, dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasinya secara otomatis.</p></div>
-===Definisi Teknologi Informasi===
+==Market Segmentation==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Geografi : Wilayah Kota Tangerang<br>
-Teknologi informasi biasa disebut TI, IT (Information Technology) atau ifotech. Berbagai definisi teknologi informasi telah diutarakan oleh beberapa ahli, diantaranya Haang den Keen yang dikutip dari Jurnal Sistem Informasi & Bisnis (Permatasari, 2011:77). Mendefinisikan “Teknologi informasi adalah seperangkat alat yang membantu anda bekerja dengan informasidan melakukan tugas-tugas yang berhubungan dengan pemrosesan informasi.”</p></div>
+Demografi
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+ <ol>
-Menurut Martin dalam buku JUSIB (Permatasari, 2011:77), “Teknologi informasi tidak hanya terbatas pada teknologi komputer (perangkat keras atau lunak) yang digunakan untuk memproses dan menyimpan informasi, melainkan juga mencakup teknologi komunikasi untuk mengirimkan informasi.”</p></div>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jenis Kelamin : Pria & Wanita
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Umur : 17- 25 th
-Menurut Williams dan Swayer dalam buku JUSIB (Permatasari,2011:77), “Teknologi informasi adalah teknologi yang menggabungkan sisitem komputasi atau komputer dengan jalur komunikasi high speed yang membawa data, suata dan juga dalam bentuk video.”</p></div>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kelas Ekonomi : Menengah
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sasaran : Masyarakat Kota Tangerang
-==''Liteature Review''==
+ </ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Literature Review ini dilakukan oleh peneliti untuk mengetahui landasan awal dan sebagai pendukung bagi kegiatan penelitian yang dilakukan oleh peneliti, sehingga dapat menghindari pengulangan hal yang sama dalam penelitian dan dapat melakukan pengembangan ketingkat yang lebih tinggi dalam rangka menyempurnakan atau melengkapi penelitian yang nantinya akan dikembangkan lagi untuk kedepannya. Penelitian ini yang saya tulis dengan judul “Perancangan Sistem Informasi Untuk Online Rekrutmen Pada PT.Yuasa Battery Indonesia”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Adapun Literature Review sebagai landasan dalam mendukung penelitian adalah sebagai berikut:</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Penelitian yang dilakukan oleh Tri Pujadi (Jurnal CCIT, 2010)<ref name="pujadi"/> dengan judul “Design Computer-Based Application for Recruitment and Selection Employee at PT. Indonusa Telemedia”. Pada penelitian sistem ini diciptakan dengan menggunkan VB 6.0, Ms.Acces Database dan aplikasi ini dapat menampilkan laporan baik berbentuk Microsoft Office ataupun microsoft excel. Penulis melakukan penelitian di level berikutnya yaitu membuat e-recruitment dengan berbasis web menggunakan PHP, dreamweaver CS3 dan MySQL sebagai databasenya. </p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Penelitian yang dilakukan oleh Sri Yuliasih (2009) Penelitian yang telah dilakukan oleh Sri Yuliasih berjudul “Analisa Sistem Informasi Penerimaan Kepegawaian Pada Pemerintahan Kota Tangerang”. Pada penelitiannya hanya dibatasi pada sistem penerimaan pegawai, mulai dari analisa masukan (input)sampai pada prosedur-prosedur yang berhubungan dengan proses penerimaan kepegawaian. Dengan proses seperti itu akan Program yang digunakan untuk pembuatan sistem yang diusulkan yaitu menggunakan visual basic dengan database-nya yaitu Microsoft Access.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Penelitian yang dilakukan oleh Andri Fajar Sektiawan (STMIK
-Raharja,  2010) dengan judul  “Perancangan Sistem Perekrutan 60 Pegawai Berbasis Web Pada  PT. Pacific Food Indonesia”.  Pada penelitian ini sistem yang sedang berjalan dalam perekrutan karyawan masih menggunakan sistem manual yang dilakukan dengan cara penempelan pamplet atau dengan cara pemberitahuan kepada karyawan lain, untuk itu dibuat website yang diharapkan memberi nilai tambah dalam penyampaian informasi kegiatan perekrutan karyawan, dan dibuat program perekrutan karyawan guna mempermudah pekerjaan bagian terkait. Penulis melakukan penelitian di level berikutnya yaitu membuat e-recruitment dengan basis web yang tidak hanya untuk memudahkan pelamar mendapatkan informasi lowongan pekerjaan tetapi pelamar dapat langsung melamar pekerjaan secara online.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Penelitian yang dilakukan oleh Aakash Gopalia (Oxford Brookers University)<ref name="gopalia">Gopalia, Aakash (Oxford Brookers University). Effectiveness of Online Recruitment and Selection Process: Case of Tesco </ref>. “Effectiveness of Online Recruitment and Selection Process : A Case of Tesco”. Pada penelitian ini sistem ini menggunakan  web based software  application  untuk mengisi lowongan.  Dengan menggunakan form  online e-recruitment  untuk merekrut pegawai dinilai efektif dan menghemat waktu bagi para kandidat, selain itu menurunkan biaya perekrutan dan mendapatkan kandidat yang berkualitas dengan proses seleksi yang cepat.  Penulis melakukan penelitian di level berikutnya yaitu membuat e-recruitment dengan basis web yang tidak hanya untuk memudahkan pelamar mendapatkan informasi lowongan pekerjaan tetapi pelamar dapat langsung melamar pekerjaan secara online. Dan dalam tahapan seleksi 61 tes penulis menambahkan tes online yang dilakukan pelamar di perusahaan.</p></li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Dari keempat penelitian yang sudah dilakukan diatas masing-masing masih menggunakan sistem yang manual yaitu cara penginputannya masih menggunakan Microsoft Office. Penggunaan sistem tersebut masih banyak kekurangan sehingga dalam penginputan data karyawan pun masih belum efektif dan efesien. Oleh karena itu Saya membuat sistem Perekerutan Karyawan secara Online bertujuan untuk mempermudah bagian HRD dalam merekrut calon karyawan dan dalam penginputan data karyawan baru.</p></div>
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PEMBAHASAN'''</div>
-==Analisa Organisasi==
-===Gambaran Umum Perusahaan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">PT. Krakatau Information Technology Tbk yang beralamat di jl. Raya Anyer Kec.Cilegon 42446(Anyer).Perusahaan ini bergerak di bidang Information Technology (IT).
-Pengalaman PT Krakatau Information Technology Tbkadalah  membuat Aplikasi Bina ProduksiConrol System (PCS) pada PT Krakatau Steel, membuat Instalasi &Implementasi MRP Aplikasi pada PT Krakatau Wajatama, membuat SAP Re-implementasi – Aktivasi PSAK-10 dan Barcode Sistem pada PT Latinusa,melakukanPengembangan Sistem Keuangan dan Akutansi pada PT Krakatau Engineering, membuatPengaturan Sistem Manajemen Infrastruktur ( LAN ) pada PT Krakatau TirtaIndustri,membuat Sistem Manajemen Properti dan Infrastruktur Managed Servicespada PT Krakatau Industrial Estate Cilegon, melakukan Pengembangan AplikasiBisnis pada PT Fumira,membuat Sistem Manajemen Pelabuhan dan InfrastrukturManaged Services pada PT Krakatau Bandar Samudra, membuat Lokal Pajak Aplikasi( Aplikasi Pajak Daerah ) ,membuat Sistem Aplikasi Penduduk pada PemerintahKota Serang, membuat Sistem Informasi Manajemen Keuangan Terpadu pada BadanKoordinasi Penanaman Modal ( BKPM), membuat Infrastruktur Managed Services padaPT Krakatau Daya Listrik.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-===Sejarah Singkat Perusahaan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Berdiri pada tanggal 4 Juni 1993. Sebelumnyamerupakan Divisi Pengolahan Data (Electronic Data Processing/ EDP) PT KrakatauSteel (PTKS). Kami lahir dengan nama PT Krakatau Information Technology ataubiasa disebut ‘Krakatau IT’. Di awal pendirian kami berada di bawah naungan PTKrakatau Engineering (PTKE), salah satu anak perusahaan PT Krakatau Steel.Melihat urgensi dan kontribusinya terhadap PT Krakatau Steel, maka pada tanggal9 November 1995, Krakatau IT diakuisisi sebagai anak perusahaan PT Krakatau Steelmelalui pengalihan saham dari PTKE.
-        PT  Krakatau Steel adalah perusahaan bajaterintegrasi pertama dan terbesar di Asia Tenggara. PT Krakatau Steel memilikianak perusahaan yang bergerak pada berbagai sektor usaha: pembangkit listrik,pelabuhan, pengolahan air, rumah sakit, kawasan industri, teknologi informasi,konstruksi, dan industri baja hilir.
 </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Psikografi : Masyarakat Kota Tangerang yang ingin memberikan masukan ataupun keluhan terhadap pemerintah Kota Tangerang.</p></div>
+==Marketing Objective (Tujuan Pemasaran)==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam memberikan media infografis kepada masyarakat luas yaitu dengan media informasi berupa video infografis dengan konsep audio visual yang bertujuan meningkatkan image dan kuantitas minat dari masyarakat luas yang akan menggunakan layanan aplikasi LAKSA. Media yang digunakan sebelumnya tidak ada maka dari itu penulis membuat video infografis tersebut.</p></div>
-===Visi
+==Marketing Strategis (Strategi Pemasaran)==
-dan Misi Pada PT Krakatau Informationechnology Tbk
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Strategi komunikasi pemasaran disini berkaitan dengan strategi sosialisasi diantaranya video infografis ini akan digunakan oleh pemerintah kota tangerang dalam rangka meningkatkan kualitas layanan masyarakat. Sedangkan untuk masyarakat umum video infografis ini digunakan untuk mengetahui cara dan alur dari layanan LAKSA tersebut agar mudah di pahami oleh masyarakat oleh tangerang.</p></div>
-Visi  2013 - 2018 ===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Menjadi Perusahaan Penyedia Solusi Sistem Manufaktur Terpadu yang terkemukadan terpercaya di Indonesia pada tahun 2018
-·      Perusahaan penyedia Solusi SistemManufaktur Terpadu.
-PT Krakatau IT menjadi Perusahaan penyedia solusi sistem manufakturterpadu bagi pelanggan melalui layanan dan produk Manufacturing Automation,Manufacturing Execution System, dan Manufacturing Business Planning.
-"Terkemuka"
-PT Krakatau IT berupaya menguasai pangsa pasar solusi sistem manufakturterpadu di Indonesia minimal sebesar 60% pada tahun 2018, dengan peningkatanrevenue 20% setiap tahun.
-"Terpercaya"
-Untuk menjadi terpercaya, PT Krakatau IT merencanakan peningkatanpelayanan dan penyelesaian proyek sistem manufacturing sebesar 99%, kepuasanpelanggan 15% pertahun, perolehan pelanggan baru 6 pelanggan pertahun, denganratio kompetensi SDM internal dan eksternal (outsource) 50:50 untukManufacturing Automation; 75:25 untuk Manufacturing Execution System; dan 90:10untuk Manufacturing Business Planning, pada tahun 2018. Dan CGPI indeks minimal 75.
-"Misi 2013 - 2018"
-Menyediakan Solusi Sistem Manufaktur Terpadu untuk meningkatkan kinerja pelanggan
-"Menyediakan Solusi Sistem Manufaktur Terpadu"
-PT Krakatau IT menyediakan solusi bagi pelangganmelalui implementasi dan pemeliharaan Sistem Manufaktur Terpadu.
-"Meningkatkan Kinerja Pelanggan"
-PT Krakatau IT berupaya memberikan solusi SistemManufaktur Terpadu untuk meningkatkan proses kerja manufaktur Pelanggan.
-</p> </div>
-===Struktur Organisasi Perusahaan===
-<div align="center"><img width="300" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-blCtqcdVp34/VCTgJdvyW_I/AAAAAAAAAAs/ihzbvfYd6k4/w500-h487-no/Gambar%2B3.1.JPG"/></div>
-===Wewenang dan Tanggung Jawab===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Untuk pembagian kerja dan jabatanmasing-masing bagian memiliki tugas dan wewenang yang telah ditetapkan olehpihak perusahaan antara lain yaitu :</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"> DIREKTUR UTAMA</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2"> Human Resource Development (HRD)</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-.      Merencanakan kegiatan di Departemen HRD</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-.      Mengorganisir seluruh kegiatan sesuai rencana.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-.      Mengkoordinir pelaksanaan kegiatan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-.      Melakukan pengarahan dan pengawasan terhadap pelaksanaan kegiatan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Menciptakan suasana kerja yang harmonis.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Melaksanakan tugas-tugas lain yang diberikan oleh atasan.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">PERSONALIA</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Menyiapkan Perjanjian kerja baru karyawan Baru.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.    Menyiapkan/membuatan  Absensi karyawan khusus untuk bagian personalia dan Humas.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Melaporkan data absensi pada atasan dan untuk diserahkan pada bagian payroll.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Membuat surat izin karyawan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Memperbaharui/Updatedan Record data.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">INTERNAL AUDITTOR (SPI)</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Menyusun Program Kerja Audit Tahunan (PKAT) agar aktivitas organisasi berjalan efektif.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Melaksanakan audit (temuan,rekomendasi,dan evaluasi) pada organisasi perusahaan sesuai dengan Program Kerja Audit Tahunan (PKAT) atau Non PKAT agar aktivitas organisasi perusahaan berjalan efektif dan efisien sesuai dengan kebijakan perusahaan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Memonitoring tindak lanjut rekomendasi audit supaya hasil audit yang telah dilakukan dapatdiimplementasikan dengan baik.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Membuat laporan manager letter hasil audit dan laporan bulanan meliputi progres kerjadan aktivitas yang terkait.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+==Budget Produksi Media==
-<p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.2. Budget Produksi Media</p></div>
-.     Bersama Corporarate Transformation Division membuat dan mereview sistem prosedur SPI,agar aktivitas berjalan optimal terkait dengan implementasi knowledge management.</p></div>
+<div align="center"><img width="400" height="250" style="margin:0px" src="https://lh6.googleusercontent.com/-DJ-c4CSe668/VsD3ob9UKmI/AAAAAAAADKk/UaT9I2YmBd4/w436-h278-no/tabel%2B3.2.JPG"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">STAFF ADMINISTRASI DIREKSI.</P>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+==Konfigurasi Hardware==
-<p style="line-height: 2">
-.      Melaksanakan kegiatanyang mendukung aktivitas Direksi meliputi : pengaturan akses telephone, penjadwalan janji dan pertemuan,pengaturan perjalanan dinas dalam dan luar negeri,menyiapkan konsumsi,agaraktivitas Direksi berjalan lancar.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.  Melaksanakan kegiatan administratif yang meliputi : membuat surat ke luar,fillingdandistribusi surat masuk/ keluar, menyiapkan SDK,ATK,UM,deklaran fax,fotocopy dan filling SK/dokumen yang telah ditanda tangani Direksi,agar seluruh dokumen Direksi dapat di arsipkan dan mudahdidapatkan kembali.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.    Mempersiapkan,memproses Petty cash, dan reimbursement Direksi.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">CORPORATE SECRETARY</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Menjalinkerja sama dengan berbagai stake holder agar citra perusahaan meningkat.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Mensosialisasikan kebijakan perusahaan dan atau pemerintah kepada  pihak internal dan eksternal untukkelancaran implementasi kebijakan perusahaan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Memberikan kajian hukum kepada direksi berkaitan dengan operasional dan pengembangan usahaperusahaan agar diperoleh kepastian hukum dalam pelaksanaannya.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.    Menyiapkan konsep perjanjian kerja baik diluar perusahaan (pelanggan dan rekanan) dandidalam perusahaan ( karyawan), surat keputusan direksi,,kontrak,perjanjiankerja sama, dan perizinan usaha perusahaan,agar operasional perusahaan berjalansesuai dengan kebijakan yang diambil.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">STAFF DIREKTUR UTAMA</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.        Melakukankajian terhadap bisnis perusahaan dari aspekbisnis,operasional,produk,sdm(modal insani) dan financial, denganberkoordinasidenganunit kerja terkait.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.    Membuat rekomendasi kepada Direktur Utama terkait dengan hasil kajian yang dialkukan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Mengkoordinirlaporan dari semua unit kerja dan disusun menjadi laporan bulanan perusahaandan laporan untuk Direktur Utama.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Melaksanakan tugas yang diinstruksikan oleh Direktur Utama.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">PROCUREMENT</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Melaksanakan proses pengadaan/pembelian barang dan jasa untuk proyek atau kebutuhan internal perusahaan sesuai dengan sasaran, tata aturan dan kebijakan perusahaan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Membina hubungan yang baik dengan distributor/vendor dalam rangka untuk mendapatkan sumber barang,jasa,dan harga terbaik untuk kepentingan proses pengadaan Barang dan Jasa.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Mengumpulkan informasi spesifikasi teknis dan harga dari distributor atau vendor yang terpercaya dalam rangka penyusunan database harga dan Vendor. </p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">NON SAP APPLICATION BUSINESS UNIT</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Dengan dibantu Corporate Transformation Division,merencanakan / merumuskan arah dan pengembangan Non SAP Busines Unit,termasuk kompetensi inti,layanan / produk inti,market target,targetrevenue,metodologi dll. Dan rencana yang tertuang dalam Rencana Induk Non SAPBusines Unit.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Menyusun rencana kerja tahunan Non SAPBusines Unit.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-. Bersama Human Capital dan Corporate Transformation Division membangun kompetensi inti Non SAP Busines Unit ,seperti tertuang dalam Rencana Induk Non SAP Busines Unit , termasuk consultant,System Development, dan PMO.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Merencanakan dan merumuskan MarketingStrategy & Plan, yang meliputi : Product / Services Requirment,Positioning,Market Segmentation,Distribution Channel,Pricing Strategy,Advertising &Promotion Plan,Financial / Sales Forecast, & Marketing Budget.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">SAP BUSINESS UNIT</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Dengan dibantu Corporate Transformation Division,merencanakan / merumuskan arah dan pengembangan  SAP Busines Unit,termasuk kompetensi inti,layanan / produk inti,market target,target revenue,metodologi dll. Dan rencana yang tertuang dalam Rencana Induk SAP Busines Unit.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Menyusun rencana kerja tahunan  SAP Busines Unit.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Bersama Human Capital dan CorporateTransformation Division membangun kompetensi inti SAP Busines Unit ,seperti tertuang dalam Rencana Induk SAP Busines Unit , termasuk consultant,System Development, dan PMO.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Merencanakan dan merumuskan Marketing Strategy & Plan, yang meliputi : Product / Services Requirment,Positioning,Market Segmentation,Distribution Channel,Pricing Strategy,Advertising &Promotion Plan,Financial / Sales Forecast, & Marketing Budget.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">IT INFRASTRUKTURE BUSINESS UNIT</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Dengan dibantu Corporate Transformation Division,merencanakan / merumuskan arah dan pengembangan  SAP Busines Unit,termasuk kompetensi inti,layanan / produk inti,market target,target revenue,metodologidll. Dan rencana yang tertuang dalam Rencana Induk  IT Infrastructur Busines Unit.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Menyusun rencana kerja tahunan  IT Infrastructure Busines Unit.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Bersama Human Capital dan Corporate Transformation Division membangun kompetensi inti  IT Infrastrucsture Busines Unit , seperti tertuang dalam Rencana IT  Infrastructure Busines Unit , termasuk consultant, System Development, dan PMO.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-.      Merencanakan dan merumuskan Marketing Strategy & Plan, yang meliputi : Product / Services Requirment,Positioning, Market Segmentation,Distribution Channel,PricingStrategy,Advertising & Promotion Plan,Financial/Sales Forecast, &Marketing Budget.</p></div>
-</ol>
-==Konfigurasi Sistem==
 ===Spesifikasi Hardware===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Sistemtersebut menggunakan 1 unit komputer PC dengan spesifikasi sebagai berikut :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">a. Processor          : Intel Pentium P6200 </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">b.    Monitor            : LCD 14”</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">c.      RAM                : 1 GB </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">d.    Hard Disk        : 320 GB HDD</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">e.      Keyboard          : Standar Printer :          Deskjet </p></div>
-===Spesifikasi Softaware===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">a.      Microsoft Windows 7</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">b.    Microsoft Office 2007</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">c.      Data base : SQL server</p></div>
-===Hak akses (Brainware)===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Untukmengoperasikan atau mengolah data hanya dapat dilakukan oleh administrasiPersonalia dan HRD atau department terkait terhadap data ini.</p></div>
-==Tata Laksana Sistem Yang Sedang Berjalan==
-===Use Case Diagram===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Usecase diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang diperbuatsistem, dan bukan “bagaimana”. Sebuah usecase mempresentasikan sebuah interaksi antara aktor dengan sistem.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Proses berikut menjelaskan proses yang terkait dengan actor dan sistemnya. Interaksi tersebut dapat digambarkan dengan use case diagram. Berikut ini adalah use case diagram untuk Sistem Informasi Penerimaan Karyawan Pada PT Yuasa Battery Indonesia.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Berdasarkan gambar 3.3 Use Case Diagram yang ada terdapat ;</p></div><ol>
-<div align="center"><img width="250" height="250" style="margin:0px" src="https://lh5.googleusercontent.com/-0K2u69WRg5k/VCTgR1m7KjI/AAAAAAAAAA0/vXS6Rf_Zzy4/w540-h389-no/Gambar%2B3.2.JPG"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">
-Nama usecase : Terima Form PML 6.2.1/A1</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Actor        : Department dan HRD</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Keterangan  : HRD menerima Form PML 6.2.1/A1 dari department</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
-Nama usecase : Membuat Informasi Lowongan</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Actor        : HRD dan Pelamar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Keterangan  : HRD memasang Informasi Lowongan</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
-Nama usecase : Mengumpulkan Lamaran</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Actor        : HRD dan Pelamar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Keterangan  : Bagian HRD mengumpulkan lamaran masuk</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
-Nama usecase : Konfirmasi Karyawan Baru</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Actor        : HRD dan Department</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Keterangan  : Bagian HRD memberikan konfirmasi kepada Department mengenai pelamar yang akan diseleksi</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
-Nama usecase : Memanggil Calon Karyawan</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Actor        : HRD dan Pelamar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Keterangan    : HRD memanggil calon karyawan yang akan diseleksi</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
-Nama usecase  : Melakukan Tes Seleksi</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Actor        : HRD dan Pelamar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Keterangan    : Melakukan tes seleksi meliputi tes tertulis dan tes komputer</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
-Nama usecase  : Melakukan Wawancara</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Actor        : HRD dan Pelamar</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Keterangan    : HRD mewawancarai para calon karyawan yang sudah mengikuti tes tertulis</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
-Nama use case : Informasi Hasil Tes Seleksi</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Actor        : HRD dan Pimpinan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Keterangan    : Bagian HRD memberikan informasi hasil tes seleksi kepada para calon karyawan</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
-Nama use case : Laporan Proses Seleksi</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Actor        : HRD, Pimpinan, Department</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Keterangan    : HRD memberikan laporan proses seleksi kepada Pimpinan dan Department terkait</p></div>
-===Activity Diagram===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Activity Diagram menggambarkan berbagai alir aktifitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaima mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Activity diagram merupakan state diagram khusus, dimana sebagian besar state adalah action dan sebagian besar transisidi-trigger oleh selesainya statesebelumnya (internal processing).Oleh karena itu activity diagram tidak menggambarkan behavior internal sebuah sistem (dan interaksi antar sub-sistem) secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktifitas dari level atas secara umum.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-<div align="center"><img width="300" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-_EVars4a93k/VCTgT4K_0DI/AAAAAAAAAA8/awJWsiL2QIo/w673-h493-no/Gambar%2B3.3.JPG"/></div>
-Berdasarkan gambar 3.3 Activity Diagram yang ada terdapat ;</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-a. 1 (satu) Initial Node sebagai awal objek.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-b. 31 (tiga puluh satu) Activity.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-c. 4 (empat) Vertical Swimelane.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-d. 6 (enam) Fork Node.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-e. 2 (dua) Final Node.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Alur aktifitas yang digambarkan pada Activity Diagram diatas adalah Ka.Dept. terkait mengajukan permohonan karyawan baru kepada bagian HRD (Human Resource Department) dengan menyerahkan PML.6.2.1/A1. Kemudian setelah mendapatkan formulir tersebut, pihak HRD membuat informasi lowongan melalui iklan, surat kabar, internet dsb untuk mencari karyawan baru sesuai dengan yang dibutuhkan Ka.Dept. terkait. Setelah menemukan calon karyawan yang mengirimkan lamaran ke perusahaan, lalu bagian HRD memanggil para calon karyawan tersebut untuk mengikuti tes seleksi dan wawancara. Jika para calon pelamar lulus tes seleksi dan wawancara maka akan mengikuti tes selanjutnya, apabila gagal maka akan diinformasikan. Setelah melakukan proses seleksi, pihak HRD memberikan informasi kepada Ka. Dept.terkait mengenai karyawan baru yang lulus tes seleksi.</p></div>
-==Analisa Sistem Yang Sedang Berjalan==
-===Metode Analisa===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1.        Analisa Critical Success Factors (CSF)'''</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam kegiatan ini akan dielaborasikan visi dan misi menjadi tujuan bisnis PT. Yuasa Battery Indonesia yang kemudian akan di aplikasikan menggunakan CSF analisis untuk menemukan kebutuhan organisasi. Langkah-langkah elaborasi tersebut dapat dijelaskan pada gambar 3.5di bawah ini</p></div>
-<div align="center"><img width="350" height="250" style="margin:0px" src="https://lh4.googleusercontent.com/-Wpl0Tq52_Vc/VCThGqbkIAI/AAAAAAAAABM/VuiPihN7xF0/w660-h354-no/Gambar%2B3.4.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan hasil pengamatan dokumen di PT. Yuasa Battery Indonesia didapatkan pernyataan visi dan kebijakan mutu perusahaan dan lingkungan, sebagai berikut :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Seluruh karyawan PT. Yuasa Battery Indonesia menjadikan pembaharuan dan pengembangan sebagai filosofi perusahaan, sertamemiliki komitmen untuk memproduksi baterai yang berkualitas tinggi demi kenyamanan dan kepercayaan pelanggan Kami di seluruh dunia dengan menggunakan teknologi energy maju berdasarkan sistem berdasarkan Sistem Manajemen Mutu ISO 9001 : 2008. Melalui kegiatan pengelolaan lingkungan dengan mencegah pencemaran dan melakukan perbaikan berkelanjutan serta menaati peraturan perundang-undangan yang berlaku dan persyaratan lain yang ditetapkan berdasarkan sistem manajemen lingkungan ISO14001 : 2004. Seluruh karyawan PT. Yuasa Battery Indonesia berupaya untuk melaksanakan
-bisnis dengan standar global dan moral yang lebih tinggi.</p></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-hP4rAJyc4hg/VCTiEDqMbxI/AAAAAAAAAEA/eb1WV6-pcCk/w347-h493-no/Tabel%2B3.1.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan tabel di atas, dapat diketahui bahwasanya pencapaian tujuan-tujuan organisasi PT. Yuasa Battery Indonesia dipengaruhi oleh business need  yang tertuang pada tabel di atas, selanjutnya untuk mengetahui kebutuhan Sistem Informasi (SI) yang mendukung business need organisasi maka perlu dilakukan elaborasi terhadap CSF organisasi dengan menentukan Key Decision yang berhubungan dengan CSF tersebut dan dari Key Decision tersebut akan  diidentifikasi kebutuhan Sistem Informasi (SI) dari organisasi. Hasil elaborasi CSF dapat dilihat pada tabel 3.2. di bawah ini.
-</p></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-xtQopCIRzB0/VCTjEnZ1BXI/AAAAAAAAAEY/upmkxdXPhnk/w519-h493-no/Tabel%2B3.2.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Analisa SWOT'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Analisa SWOT dilakukan dengan mengidentifikasikan kekuatan dan faktor-faktor positif yang berasal dari internal organisasi,kelemahan dan faktor- faktor negatif dari internal. Peluang atau kesempatan dana keuntungan dari faktor eksternal dan ancaman atau resiko yang dipengaruhi oleh faktor eksternal organisasi.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Analisis untuk mencari strategi dengan menggunakan kekuatan yang ada untuk memanfaatkan peluang yang tersedia (strategi S-O) serta menggunakan kekuatan yang dimiliki untuk mengatasi ancaman yang ada (strategiS-T).Selain itu dianalisis pula strategi untuk mengurangi kelemahan yang dimiliki dalam meraih peluang yang ada (strategi W-O) maupun mengatasi ancamanyang ada (strategi W-T). Pemetaan strategi S-O, W-O, S-T, dan W-T dapat  dilihat pada tabel dibawah ini.</p></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-AJR7AAl4pZI/VCTjEzVLK6I/AAAAAAAAAEc/qqf10x8-TEA/w432-h493-no/Tabel%2B3.3.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-sfbCoIAdvPA/VDcvy6Q-AbI/AAAAAAAAAXQ/EahOZUzwJXw/w432-h493-no/Tabel%2B3.3.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-epbdPziWpuw/VDcvzNVlCdI/AAAAAAAAAXE/zb7irLnnWRo/w434-h493-no/Tabel%2B3.4.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-E5snOpV06Yw/VDcvzTJZKLI/AAAAAAAAAXc/8tMHIdTKLiU/w445-h493-no/Tabel%2B3.5.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-RnDND14Fbgo/VDcvzm8dhtI/AAAAAAAAAXU/WOX03HbLW-o/w382-h492-no/Tabel%2B3.6.JPG"/></div>
-<div align="center"><img width="350" height="400"style="margin:0px" src="https://lh6.googleusercontent.com/-AQ49PTxLTWA/VDcv0lzsoXI/AAAAAAAAAXw/KYjjKRZk6_I/w353-h493-no/Tabel%2B3.7.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-NkkWTkhz8tY/VDcv0hXNSxI/AAAAAAAAAXs/Euocq_GE1Gc/w335-h493-no/Tabel%2B3.8.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''3. Analisa Value Chain'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Analisis Value Chain merupakan suatu metode untuk merinci suatu rangkaian dari bahan baku hingga produk akhir yang digunakan, menjadi kegiatan strategi yang relevan untuk memahami perilaku biayadan perbedaan sumber daya. Analisis Value Chain mengenai penjelasan seluruh aktivitas yang termasuk dalam aktivitas utama dan aktivitas pendukung terhadap organisasi
-PT. Yuasa Battery Indonesia dapat dilihat pada gambar 3.5. berikut ini :</p></div>
-<div align="center"><img width="350" height="250" style="margin:0px" src="https://lh5.googleusercontent.com/-dyAdzQHlGMw/VDc5XT11qEI/AAAAAAAAAbY/jr66rNmF3vA/w760-h474-no/Gambar%2B3.5.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-a.      '''Aktifitas Utama''' </p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Yang menjadi aktivitas utama yang terdapat pada analisis value chain organisasi PT. Yuasa Battery Indonesia adalah sebagai berikut:</p></div>
-<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Penerimaan komponen yang dikirim dari vendor.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Proses produksi battery.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Pengiriman produk ke customer.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Sosialisasi,sponsor, dan Promosi.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Pelayanan prima kepada pelanggan.</p></li></ol>
- <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a.        Penerimaan komponen yang dikirim dari vendor. PT. Yuasa Battery Indonesia adalah perusahaan yang bergerak bergerak di bidang manufacturing. Produksi yang dihasilkan oleh PT. Yuasa Battery Indonesia adalah  mulai dari Battery/Aki, UPS, Rectifier Charger  hingga produk-produk  lain yang berhubungan dengan aki. yang komponen dasarnya dikirmkan melalui vendor.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b.      Proses Produksi Battery Proses ini merupakan kegiatan pembuatan battery mulai dari penerimaan komponen dasar battery, kemudian pengecekan komponen battery, produksi battery, sampai dengan barang produksi yang sudah siap untuk dikirim ke customer.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c.      Pengiriman produk ke customer Kegiatan ini merupakan kegian pengiriman barang yang sudah dipacking dan siap untuk dikirimkan kepada para customer.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">d.    Sosialisasi, publikasi, sponsor dan promosi Kegiatan ini dilakukan untuk memperkenalkan produk kepada pelanggan guna meningkatkan pemasaran produk di kalangan masyarakat.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">e.      Pelayanan Prima Kepada Pelanggan Kegiatan ini merupakan kegiatan memberikan pelayanan prima kepada pelanggan dengan cara memberikan kepuasan pelanggan terhadap barang yang telah diproduksi.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''b.      Aktifitas Pendukung'''</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a.      Keuangan </p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b.    Human Resources dan General Affairs</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c.      Information Technology</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">d.    Kerjasama antara perusahaan dengan warga setempat</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a.      Keuangan</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kegiatanini adalah kegiatan yang mengolah keuangan perusahaan baik pemasukan, pengeluaran maupun asset perusahaan.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b.      Human  Resources dan General Affairs</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Human Resources'' adalah kegiatan pengelolaan sumber daya manusia yang berada dilingkungan perusahaan. ''General Affairs'' adalah kegiatan supporting unit perusahaan yang bertugas sebagai pengurus kendaraan perusahaan, pelaksanaan keamanan, kesehatan dsb.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c.      Information Technology (IT)</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Aktivitas Information Technology (IT) yaitu,aktivitas yang dilakukan untuk menjaga pemeliharaan inventaris IT dan jaringan pada server.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">d.    Kerjasama antara perusahaan dengan warga setempat</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kegiatan ini dilakukan antara perusahaan dengan warga setempat guna menjaga lingkungan agar tetap terjaga dari sampah maupun limbah pabrik.</p></div>
-===Analisa Batasan Sistem===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setiap sistem mempunyai batasan sistem (boundary) yang memisahkan sistem dengan lingkungan luarnya. Kesatuan luar merupakan kesatuan diluar sistem yang dapat berupa orang, organisasi, atau sistem lainnya yang memberikan input atau menerima output dari sistem.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Melihat permasalahan yang ada di PT. Yuasa Battery Indonesia, maka peneliti membatasi permasalahan hanya membahas proses penerimaan karyawan, proses seleksi, penilaian secara online,dan hasil seleksi yang akan diberikan secara online kepada calon karyawan.</p></div>
-===Analisis Kekurangan Sistem Yang Berjalan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan dari analisis yang dilakukanpenulis, terhadap sistem yang berjalan di PT. Yuasa Battery Indonesia, terdapatbeberapa kekurangan sistem yang berjalan, antara lain :</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. Belum adanya sistem informasi yang memudahkan pihak personalia untuk penginputan data calon karyawan secara efektif.  </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. Pengolahan data yang menyulitkan pihak personalia karena masih menggunakan Microsoft Excel sehingga membutuhkan waktu yang lama.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c. Belum adanya sistem informasi yang membantu pihak personalia dalam menyeleksi calon karyawan yang sesuai dengan bagian yang dibutuhkan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">d. Bagian personalia masih harus mengumpulkan lamaran yang masuk melalui email, maupun melalui pos.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">e. Belum adanya sistem yang informasi yang memudahkan bagian personalia untuk mendapatkan calon karyawan yang sesuai dengan kriteria perusahaan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">f. Para calon karyawan harus datang ke perusahaan untuk melakukan tes seleksi dan wawancara.</p></div>
-===Analisis Kontrol===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Pada proses sistem yang berjalan, perlu ditingkatkan pengontrolannya untuk sistem yang lebih baik lagi agar kinerja karyawan dapat berjalan secara maksimal, karena masih ditemukan kendala yang menghambat seperti lamaran yang masuk harus dikumpulkan dan disortir sesuai dengan bagian yang dibutuhkan oleh perusahaan.</p></div>
-===Analisis Prosedur===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Berdasarkan dari analisis yang dilakukan penulis, dalam hal prosedur yang masih berjalan saat ini masih kurang efektif dalam proses penerimaan surat lamaran yang masuk. Hal ini bisa dilihat dengan banyaknya surat lamaran yang masuk dari berbagai media seperti media iklan,media cetak dan kantor pos. Dimana surat-surat lamaran yang masuk, kemudian harus disortir sesuai dengan bagian masing-masing yang dibutuhkan oleh perusahaan. Hal ini membutuhkan waktu yang cukup lama dalam pemilihan surat lamaran yang sesuai dengan kebutuhan perusahaan.</p></div>
-===Analisis Tenaga Kerja===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Adapun yang melakukan proses perekrutan karyawan yang berjalan saat ini adalah 1 orang staff ''(Human Resources Development)'' dan 1 orang Kepala Seksi atau Ka. Sie HRD yang mengawasi dan menerima laporan setiap adanya data calon karyawan dan karyawan baru.</p></div>
-===Analisis Waktu===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Berdasarkan analisis yang dilakukan pada PT. Yuasa Battery Indonesia saat ini proses perekrutan karyawan membutuhkan waktu yang lama dikarenakan harus penyortiran surat lamaran yang masuk. Kemudian melakukan tes seleksi secara langsung jika calon karyawan sudah sesuai dengan kriteria yang dibutuhkan perusahaan dan mendapat panggilan dari perusahaan.</p></div>
-===Analisis Kebutuhan Sistem===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Dalam merancangsebuah sistem perlu adanya analisi kebutuhan sistem. Diantaranya merupakan kebutuhan sistem yang diperlukan, yaitu:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Prossesor Intel(R) Core(TM) i3 CPU M370 @2.40Ghz (4 CPUs)
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Monitor 14” Widescreen
-Dapat menampilkan menu informasi lowongan pekerjaan sesuai dengan bagian yang dibutuhkan.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat menampilkan menu soal tes online yangakan dilaksanakan oleh para pelamar yang sudah diseleksi dan sudah sesuai dengan kebutuhan.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat menampilkan diagram alur proses penerimaan karyawan baru</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat menampilkan hasil tes seleksi sesuai dengan range waktu yang telah ditetapkan perusahaan.</p></li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mouse Optical Mouse
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Keyboard Qwerty SK 900
-==Permasalahan Yang Dihadapi dan Solusi Yang diberikan==
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">RAM 2Gb
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''1. Masalah Yang Dihadapi'''</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Harddisk 500Gb
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+</ol>
-Berdasarkan dari analisis yang dilakukan penulis dapat diambil kesimpulan bahwa sistem perekrutan karyawan yang sedang berjalan saat ini di PT. Yuasa Battery Indonesia belum berjalan dengan baik karena membutuhkan waktu yang cukup lama dalam proses pengumpulan dan penyeleksian data calon karyawan. Sedangkan surat lamaran yang masuk melalui email, dan pos cukup banyak dan bagian yang dilamarnya pun berbeda-beda. Sehingga pihak HRD ''(Human Resources Department)'' harus menyortir kembali surat lamaran yang masuk sesuai dengan kebutuhan perusahaan. Dengan begitu belum adanya sistem perekrutan karyawan yang dapat mempermudah pihak HRD dalam penyeleksian karyawan baru.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''2. Solusi Yang Diberikan'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Berdasarkan analisis terhadap sistem yang berjalan, dapat diambil kesimpulan bahwa perlu diadakan perancangan sistem atas kekurangan dan kebutuhan sistem dengan melakukan analisis terhadap alternatif pemecahan masalah, antara lain sebagai berikut:</p></div>
+===Software yang digunakan===
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Membangun sistem yang dibutuhkan oleh pihak HRD (Human Resource Department) dengan menciptakan sistem aplikasi berbasis online. Agar data pelamar yang masuk bisa diolah secara cepat dan terintegrasi.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Membangun suatu aplikasi sistem yang berbasis web untuk memudahkan pihak HRD dalam pencarian karyawan baru secara ''online''. </p></li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Adobe Illustrator CS4
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Adobe Photoshop CS4
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Adobe After Effect CS4
-Berdasarkan beberapa alternatif pemecahan masalah di atas penulis melakukan suatu kajian untuk permasalahan maka perlu dibangun aplikasi sistem yang berbasis ''online'' karena banyak keuntungan yang diperoleh antara lain:</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">dobe Premiere CS4
-<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat menjalankan aplikasi berbasis ''online'' di manapun kapan pun tanpa harus melakukan penginstalan.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat dijalankan pada sistem operasi mana pun.</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tidak memerlukan spesifikasi komputer yang tinggi untuk dapat menggunakan aplikasi berbasis online.</p></li></ol>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Penulis akan membuat suatu aplikasi berbasis ''online'' yang dapat digunakan oleh pihak HRD. Sistem tersebut akan menampilkan kriteria karyawan yang dibutuhkan oleh perusaahn, menampilkan bagian-bagian yang dibutuhkan oleh perusahaan dan menampilkan tes seleksi karyawan dan hasil tes seleksi secara online.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Aplikasi yang dirancang merupakan solusi yang tepat untuk mengatasi permasalahan yang ada pada sistem yang berjalan. Perancangan sistem dibuat dengan menggunakan bahasa pemrograman PHP dengan Framework Code Igniter (CI) dan MySQL untuk mengelola data basenya.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penulis akan merancang sebuah sistem perekrutan karyawan secara online yang bermaanfaat untuk pihak HRD dalam memperoleh calon karyawan baru yang mudah diakses dan mudah dipahami.</p></div>
 ==Elisitasi==
+===Elisitasi Tahap 1===
+<div align="center"><img width="450" height="500" style="margin:0px" src="https://lh4.googleusercontent.com/-Tf0LV2fbKwM/VsD3m2Y5HxI/AAAAAAAADJ0/5Zi62ql8VD4/w493-h488-no/elisitasi1.JPG"/></div>
+===Elisitasi Tahap 2===
+<div align="center"><img width="450" height="500" style="margin:0px" src="https://lh6.googleusercontent.com/-Y1i_sF1wYME/VsD3nLXn6RI/AAAAAAAADJ0/icLFoSkYCbg/w490-h520-no/elisitasi2.JPG"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan:<br>
+M  : Mandatory (yang diinginkan)<br>
+D  : Desirable (yang diperlukan)<br>
+I  : Inessential (yang mutlak tidak diperlukan)</p></div>
-===Elisitasi Tahap I===
+===Elisitasi Tahap 3===
+<div align="center"><img width="450" height="500" style="margin:0px" src="https://lh5.googleusercontent.com/-JBDHA04d4YI/VsD3nmdY27I/AAAAAAAADJ0/GcgxZaU2xjU/w447-h538-no/elisitasi3.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">ELisitasi Tahap 1 yang disusun berdasarkan  hasil wawancara dan analisa pada bagian dan pihak yang mempunyai hubungan langsung dengan sistem yang akan dikembangkan. Dalam hal ini wawancara dilakukan terhadap staff personalia mengenai sistem yang diusulkan oleh pihak manajemen</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan :<br>
-<div align="center"><img width="300" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-3__w1ZSc6Bc/VD1ErlpaM3I/AAAAAAAAApg/kN0ucpUlZN0/w484-h384-no/El_new%2B1.JPG"/></div>
+T =Technical H = High<br>
+O = Operational M = Middle<br>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-t1ol9iWc_RU/VD1ElcQKhsI/AAAAAAAAApI/U-qrbLjt0h4/w297-h493-no/El_new%2B1.2.JPG"/></div>
+E = Economy  L = Low</p></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-E91u7RvkIz0/VD1EosNBhPI/AAAAAAAAApQ/eDKEV07Arbk/w303-h493-no/El_new%2B1.3.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-osBlftbC-xY/VD1Ep-FDjCI/AAAAAAAAApY/PCf7FOdjElM/w352-h239-no/El_new%2B1.4.JPG"/></div>
-===Elisitasi Tahap II===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi Tahap II dibentuk berdasarkan Elisitasi Tahap I yang kemudian diklasifikasikan lagi dengan menggunakan metode MDI. Sesuai dengan ruang lingkup penelitian yang telah dijelaskan pada bab sebelumnya, maka semua requirement di atas diberi opsi I (Inessential) yang dapat terlihat.</p></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-ENsFHC7TOQE/VD1EfVwYxaI/AAAAAAAAAo4/cvvjrbcWEq0/w317-h493-no/El_New%2B2.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-JfnRonxiQNw/VD1EbTf0EKI/AAAAAAAAAoo/rT3MiLhb94E/w285-h443-no/El_New%2B2.1.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-Jhg5QtqlXqQ/VD1EckNZefI/AAAAAAAAAow/XpzMC_nHxk8/w321-h483-no/El_New%2B2.2.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Keterangan : ''M : Mandatory, D : Desireable, I : Inessential''</p></div>
-===Elisitasi Tahap III===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan Elisitasi Tahap II di atas, dibentuklah Elisitasi Tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opsi HML.Terdapat 14 requirements yang opsinya High (H) dan harus dieliminasi.</p></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-owTVQVsa18A/VD1ExisjX1I/AAAAAAAAAp4/BoNPz98vuQE/s444-no/El_new%2B3.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-8LNaXEIn9H8/VD1EuOc9z-I/AAAAAAAAApo/EQRAZH1aevw/w320-h483-no/El_new%2B3.1.JPG"/><div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-jhjAiWKAYrM/VD1EibEbboI/AAAAAAAAApA/_frPcCm8b3U/w337-h483-no/El_New%2B3.2.JPG"/><div>
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-QL5Kc9quDIo/VD1Eu7DAPLI/AAAAAAAAApw/Gx1KO9khunM/w399-h208-no/El_new%2B3.3.JPG"/><div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Keterangan : ''T : Technical, O : Operational, E : Economy, L : Low, M : Midle, H : High''</p></div>
 ===Final Draft Elisitasi===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Final draft elisitasi merupakan bentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasar untuk membangun Sistem Rekrutmen Online Pada PT. Yuasa Battery Indonesia. Berdasarkan elisitasi tahap III diatas, dihasilkan requirement final draft yang diharapkan dapat mempermudah penulis dalam membuat suatu sistem rekrutmen online untuk PT. Yuasa Battery Indonesia.</p></div>
+<div align="center"><img width="450" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-Icv6IwQVfDw/VsD3nkjzU4I/AAAAAAAADJ0/ETDJr3HnZcg/w499-h351-no/elisitasi4_1.JPG"/></div>
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh4.googleusercontent.com/-OSenG_SbbwM/VD1Ey4gVRjI/AAAAAAAAAqA/wvZrfLZyfMc/w419-h164-no/FD%2B1.JPG"/></div>
+<div align="center"><img width="450" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-iXzji9u4YJ0/VsD3oERXSyI/AAAAAAAADJ0/0UU8Z4bqpbc/w543-h378-no/elisitasi4_2.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-PEfmTaCWEIk/VD1E2DKoFDI/AAAAAAAAAqI/FYdT1I8oBGw/w328-h483-no/FD%2B2.JPG"/></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-IB1gKfTpsBA/VD1E4aV7MuI/AAAAAAAAAqQ/JLHklXNRM34/w341-h483-no/FD%2B3.JPG"/></div>
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
+{{pagebreak}}
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
-==Rancangan Sistem Usulan==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Setelah mengadakan penelitian dan analisa sistem yang berjalan maka ditemukan beberapa masalah yang dihadapi yaitu sistem yang berjalan masih belum optimal dikarenakan masih ada data calon karyawan baru yang diinput secara manual,masih menggunakan Microsoft Excel.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adapun perancangan sistem yang coba diusulkan ini dibuat dengan menggunakan UML (Unified Modelling Language) diagram dengan menggunakan aplikasi software Visual Paradigm for UML 6.4. Sedangkan untuk pembuatan perangkat lunaknya dibuat dengan menggunakan bahasa PHP dengan sistem aplikasi database menggunakan Xampp. UML yang akan dibuat menggunakan antara lain:</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Use Case Diagram</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sequence Diagram</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Activity Diagram</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">State Machine Diagram</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Class Diagram</p></li></ol>
-===Prosedur Sistem Usulan===
+=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">'''1. HRD (Human Resource Department)'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KONSEP PRODUKSI MAVIB (KPM)'''</div>
+{{pagebreak}}
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Melakukan ''Login''</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampilkan Menu Admin HRD</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampillkan Home</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampilkan Profil Perusahaan</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Membuat username</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampilkan Lowongan Pekerjaan</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampilkan Input Lamaran</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampilkan Informasi Seleksi</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampilkan Tes Seleksi</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampikan Hasil Tes</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampilkan Terima Hasil Tes</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-''Logout''</p></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">'''1. HRD (Human Resource Department)'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam penelitian ini khususnya perancangan video infografis animasi 2D aplikasi LAKSA, melalui Konsep Produksi MAVIB melalui 3 tahapan yaitu preproduction, production, dan postproduction. Dengan Konsep Produksi MAVIB, rancangan media video infografs animasi 2D yang dibuat akan menjadi lebih baik, dalam segi produksi maupun teoritisnya. Untuk lebih jelasnya di ilustrasikan pada bagan berikut ini :</p></div>
+<div align="center"><img width="450" height="150" style="margin:0px" src="https://lh5.googleusercontent.com/-VE_qwz3CVyI/VsD3ef1Qg9I/AAAAAAAADJ0/-1lHWho_COc/w441-h138-no/4.1.JPG"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar  4.1 Konsep Produksi MAVIB (KPM)</p></div>
-<ol>
+==Preproduction==
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Preproduction adalah langkah dimana dimulainya pembuatan sebuah project dalam hal ini adalah pembuatan video infografis. Ada beberapa langkah Preproduction dalam pembuatan video infografis, pertama-tama harus melakukan observasi lapangan, pengumpulan data, analisis data, menemukan ide, pesan yang akan disampaikan, sinopsis / cerita, storyboard, script breakdown sheet, time schedule, anggaran / budget, peralatan yang digunakan, dan terakhir penentuan crew and talent. Semua tahapan yang ada harus sesuai time schedule yang ditetapkan. Untuk lebih jelasnya di ilustrasikan pada bagan berikut ini :</p></div>
-Melakukan ''Login''</p>
+<div align="center"><img width="200" height="500" style="margin:0px" src="https://lh6.googleusercontent.com/-FggUTgiFZuk/VsD3h-7Ld4I/AAAAAAAADJ0/0YvMd4Fs8do/w235-h538-no/4.2.JPG"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.2 Tahap Preproduction</p></div>
-Menampilkan Username</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampillkan Home</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-Menampilkan Profil Perusahaan</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-''Logout''</p></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">'''Pihak Ka. Dept. (Kepala Department)'''</p></div>
+===Observasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pengamatan yang dilakukan pada Dinas KOMINFO Kota Tangerang, mengenai sudah ada ataupun tidaknya video infografis di setiap layanan yang sudah di buat di Kota Tangerang.</p></div>
+===Pengumpulan Data===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam pengumpulan data, penulis menggunakan metode penelitian, di antaranya :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Observasi<br>
-Melakukan ''Login''</p>
+Penulis melakukan penelitian terhadap Dinas KOMINFO Kota Tangerang, agar mendapatkan data-data yang dibutuhkan dalam pembuatan video infografis ini, lalu setelah itu penulis melakukan tahapan produksi dan sesuai dengan harapannya.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Wawancara<br>
-Menampilkan Konfirmasi dan Penyerahan Form ke HRD</p>
+Wawancara adalah cara mendapatkan informasi ataupun data yang berkaitan dengan cara bertatap muka langsung. Wawancara dilakukan agar mendapat informasi atau data yang akurat untuk menunjang pembuatan video infografis yang diinginkan oleh Dinas KOMINFO Kota Tangerang, selanjutnya di adakan pertemuan dengan stakeholder yaitu Bapak Adhi Zulkifli, ST.MT sebagai Kepala Pengembangan E-Goverment.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Studi Pustaka<br>
-Menampillkan Home</p>
+Selain melakukan observasi dan wawancara, pengumpulan data dengan cara studi pustaka dilakukan untuk melengkapi data-data yang relevan dalam pemilihan judul yang berkaitan dengan Multimedia Audio Visual and Broadcasting.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+</ol>
-Menampilkan Profil Perusahaan</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-''Logout''</p></ol>
+===Analisis Data===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Analisa data dilakukan secara detail agar mendapat informasi yang dibutuhkan dalam pembuatan video infografis ini. Data yang di dapat selanjutnya akan di proses dan kemudian dilakukan solusi untuk memecahkan masalah yang ada dalam merancang video infografis tersebut. Kemudian data yang telah diperoleh akan di rangkum dan di analisa agar mendapatkan ide atau tema yang sesuai dengan video infografis yang akan dibuat, sehingga pembuatan video infografis ini lebih terarah dan sesuai dengan kebutuhan. Dengan demikian definisi tersebut dapat ketahui bahwa analisis data merupakan proses mengorganisasikan dan mengurutkan data ke dalam pola yang lebih spesifikasi, dan selanjutnya akan di proses dengan data yang telah di dapatkan sebelumnya.</p></div>
+===Ide===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dinas Kominfo Kota Tangerang ingin meningkatkan penyampaian informasi mengenai layanan aplikasi terbaru yaitu LAKSA (Layanan Aspirasi Kotak Saran Anda). Media Video Infografis merupakan media yang sangat efektif untuk memberikan penyampaian informasi berupa media audio visual berbasis animasi 2D, sehingga dapat menarik dan memudahkan masyarakat Kota Tangerang dalam memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas Pemerintahan Kota Tangerang, sehingga dapat menunjang efektivitas dalam proses komunikasi.</p></div>
-===''Use Case Diagram'' Yang Diusulkan===
+===Pesan yang disampaikan===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dikarenakan sistem yang berjalan masih bersifat manual dan masih menggunakan aplikasi Microsoft Excel dalam penginputannya, maka sistem use case diagram yang diusulkan hampir sama seperti sistem yang berjalan. Namun terdapat perbedaan dalam sistem pengolahan penyampaian informasi dari HRD kepada Pelamar dan terhadap pimpinan PT. Yuasa Battery Indonesia. Berikut use case diagram yang diusulkan :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media informasi berupa video infografis ini bertujuan untuk menyampaikan informasi secara akurat dan detail. Sehinga masnyarakat khususnya Kota Tangerang dapat mengetahui informasi yang telah disampaikan lewat media video infografis ini. Untuk mempermudah dalam penyamapaian media video infografis ini, maka hal-hal yang diperhatikan adalah dalam bentuk penyampaiannya. Karena video infografis yang merupakan sarana penyampaian informasi yang akurat dan benar dalam bentuk audio dan visual mengenai infografis tentang aplikasi  LAKSA.</p></div>
-<div align="center"><img width="350" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-84P0WNCDCvo/VDc5XaUKHYI/AAAAAAAAAbg/7aOzvJnD3dg/w584-h493-no/Gambar%2B4.1.JPG"/></div>
+===Visualisasi Berdasarkan Konteks===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan gambar 4.1. Use Case Diagram yang diusulkan terdapat :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.1. Visualisasi Berdasarkan Konteks</p></div>
-<ol>
+<div align="center"><img width="400" height="450" style="margin:0px" src="https://lh5.googleusercontent.com/-8fKsbjmbeS4/VsD3o8qQByI/AAAAAAAADJ0/xhz42gTROKs/w377-h471-no/tabel%2B4.1.JPG"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-(satu) ''System'' yang mencakup seluruh kegiatan sistem informasi rekrutmen ''online''</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-(tiga) ''actor'' yang melakukan kegiatan yaitu : Ka. Dept., HRD, Pelamar dan Pimpinan</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-(sepuluh) ''use case'' : ''Login'', ''Home'', Daftar, Menu Admin HRD, View Profile Perusahaan, ''Login'', View Informasi Lowongan, View Tes Seleksi, View Informasi Hasil Tes dan ''Logout''</p></li>
-===''Activity Diagram'' Yang Diusulkan===
+===Sinopsis===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sinopsis adalah bagian dari alur cerita yang menghubungkan jalan cerita pertama hingga terakhir dan di gabungkan sehingga menjadi satu jalan cerita yang menarik. Sinopsis atau alur cerita pembuatan video infografis ini adalah :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><em>“Memperkenalkan tampilan Kota Tangerang mulai dari taman cikokol, gedung pusat pemerintahan kota tangerang, masjid al azhom, dan bus APTB yang melewati kawasan Kota Tangerang. Lalu menampilkan gambaran media sosial yang mengeluhkan dan mengkritik ataupun bertanya kepada pemerintah Kota Tangerang melalui #PelayananKotaTangerang. Setelah itu muncul tokoh pegawai PNS yang merasa hal ini harus di perbaiki, maka pegawai tersebut memberikan solusi baru yaitu aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda), setelah itu memberikan penjelasan mengenai layanan LAKSA. Selanjutnya menampilkan bagaimana caranya menggunakan aplikasi tersebut, lalu memberikan informasi bahwa ada 2 cara untuk menggunakan layanan tersebut melalui telepon dan sms. Setelah itu menampilkan susunan cara penggunaan aplikasi LAKSA dari via telepon maupun via sms. Lalu setiap keluhan tersebut akan di tampilkan di website Kota Tangerang.”</em></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan dari usecase diagram di atas dapat kita gambarkan Activity diagram dari altifitas para aktor yang ada pada sistem yang diusulkan dalam Peracangan Sistem Informasi Untuk Online ''Recruitment'' Pada PT. Yuasa Battery Indonesia sebagai berikut: </p></div>
+===Pembuatan Storyboard===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Storyboard adalah sebuah gambar sket yang dilengkapi dengan petunjuk atau catatan pengambilan gambar sekaligus gerak pada sebuah karakter untuk kebutuhan pembuatan animasi. Selama proses preproduction, perencanaan yang berhubungan dengan visualiasasi yang akan dibuat membutuhkan storyboard sebagai media bantuannya. Adapun storyboard dalam Video Animasi 2D Infografis Aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda) Pada Dinas Komunikasi dan Informasi (KOMINFO) Pemerintahan Kota Tangerang adalah sebagai berikut :</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-zGNx5b7ISdA/VsD3lLw0AWI/AAAAAAAADJw/NN4EXdIh4EA/w761-h538-no/4.3.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.3 Scene 1 Menampilkan suasana Kota Tangerang</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-LuEikbI53sQ/VsD3lWsr0rI/AAAAAAAADJw/McSNrbTtsHg/w761-h538-no/4.4.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.4 Scene 2 Menampilkan contoh media sosial</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-pjONS0TyKCs/VsD3lz_fSeI/AAAAAAAADJw/kiRIQfnbaa4/w763-h538-no/4.5.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.5 Scene 3 Menampilkan pegawai PNS yang sedang berfikir</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-OOUnGRIFrC8/VsD3mIQuagI/AAAAAAAADJw/MfA4xy6T9gU/w764-h538-no/4.6.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.6 Scene 4 Menampilkan pegawai PNS yang mendapatkan solusi</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-fc4wvhe1LNg/VsD3mBR6aPI/AAAAAAAADJw/tpmWW_1VZoQ/w763-h538-no/4.7.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.7 Scene 5 Menampilakan logo aplikasi LAKSA melaui ponsel</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-5rKaWFtn3go/VsD3mpbzLRI/AAAAAAAADJw/rWXHJEpaj8I/w761-h538-no/4.8.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.8 Scene 6 Menampilkan dan menjelaskan layanan LAKSA</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-tqh1osKHTR4/VsD3m7fqheI/AAAAAAAADJw/ti9Ngatn2M0/w753-h538-no/4.9.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.9 Scene 7 Menampilkan menggunakan layanan LAKSA</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-JjtloEUPgUk/VsD3efaNIFI/AAAAAAAADJ0/QuumWRhYPhY/w761-h538-no/4.10.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.10 Scene 8 Cara menggunakan aplikasi LAKSA</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-GnTv6UbnZmg/VsD3fHLQwCI/AAAAAAAADJ0/O6d5XOpqpK0/w761-h538-no/4.11.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.11 Scene 9 Pengaduan di teruskan ke dinas terkait</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-o59G3UFissA/VsD3faSM0qI/AAAAAAAADJ0/2Q9QTB-F_DU/w761-h538-no/4.12.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.12 Scene 10 SKPD Mengirimkan SMS Jawaban Pengaduan</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-VpwJMflnZgM/VsD3fpBMKtI/AAAAAAAADJ0/17QlazB6dAk/w761-h538-no/4.13.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.13 Scene 11 Sms di tampilkan di website</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-0EWu4r6BHww/VsD3gN9f6sI/AAAAAAAADJ0/TRvA4bjmHfc/w761-h538-no/4.14.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.14 Scene 12 Penutup</p></div>
+===Script Breakdown Sheet===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Membuat sebuah rancangan naskah penulisan yang lebih detail agar dapat mempermudah proses editing. Dan juga pengabungan dari sinopsis dan story board.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Script Breakdown Sheet dalam video  infografis ini adalah :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.2  Script Breakdown Sheet</p></div>
+<div align="center"><img width="400" height="500" style="margin:0px" src="https://lh5.googleusercontent.com/-47Q5O90x5dk/VsD3o3l973I/AAAAAAAADJ0/F4sOVHkjalY/w430-h538-no/tabel%2B4.2.JPG"/></div>
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/--zTPj87TNTc/VDc5bkAl-YI/AAAAAAAAAcw/0dmesRoaOBM/w704-h493-no/Gambar%2B4.2.JPG"/></div>
+===Time Schedule===
-<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Time Schedule pembuatan video infografis ini ditargetkan selama 4 bulan hingga akhir Desember 2015, berikut adalah tabel time scedule produksi : </p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.3 Time Schedule</p></div>
+<div align="center"><img width="450" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-M46xmoCGHuU/VsD3pVhjjSI/AAAAAAAADJ0/lce5FhKqZrE/w494-h308-no/tabel%2B4.3.JPG"/></div>
-Berdasarkan gambar 4.2., Activity Diagram sistem yang diusulkan terdapat :</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-(satu) ''Initial Node'', objek yang diawali</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-(delapan belas) ''Action State'', berawal dari daftar sebelum masuk login diharuskan mendaftar untuk mendapatkan username dan password, setelah mendaftar masuk ke login untuk memverifikasikan username dan password, jika gagal maka akan masuk kembali ke login, jika benar akan masuk pada home yang berisi Profile Perusahaan, Profil Lengkap Perusahaan, Sejarah Perusahaan, Produk, Struktur Organisasi Perusahaan, Visi Perusahaan , Kebijakan Mutu dan Lingkungan, Informasi Lowongan Kerja, Informasi Hasil Tes, Daftar Nama, Hasil dan Keterangan Lulus atau Gagal.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-(satu) ''Activity Final Node'', ojek yang diakhiri</p></li></ol>
-===''Sequence Diagram'' HRD Yang Diusulkan===
-<div align="center"><img width="350" height="250" style="margin:0px" src="https://lh4.googleusercontent.com/-P2YqxYoVzhU/VDc5dgRiejI/AAAAAAAAAdc/Q02goeXOknc/w724-h493-no/Gambar%2B4.3.JPG"/></div>
+===Anggaran / Budget===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.4. Anggaran /  Budget</p></div>
+<div align="center"><img width="450" height="370" style="margin:0px" src="https://lh3.googleusercontent.com/-3zt5vZ1u8NU/VsD3piviwiI/AAAAAAAADJ0/h7ZgJ904dRo/w478-h279-no/tabel%2B4.4.JPG"/></div>
+===Peralatan yang digunakan===
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Prossesor Intel(R) Core(TM) i3 CPU M370 @2.40Ghz (4 CPUs)
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Monitor 14” Widescreen
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mouse Optical Mouse
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Keyboard Qwerty SK 900
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">RAM 2Gb
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Harddisk 500Gb
+</ol>
-Berdasarkan gambar 4.3., ''Sequence Diagram'' sistem yang diusulkan terdapat :</p></li>
+===Produksi Team (Crew) & Talent===
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berhubung project skripsi merupakan project mandiri, yang dimaksud crew adalah peneliti secara personal yang dibantu beberapa orang diantaranya:</p></div>
-(satu) ''Actor'', yang melakukan kegiatan yaitu HRD</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.5 Pemain dan Crew</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<div align="center"><img width="400" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-Wknp6IpJGpE/VsD3pkG4N9I/AAAAAAAADJ0/_eKmjdsvzyg/w378-h247-no/tabel%2B4.5.JPG"/></div>
-(tujuh) ''Lifeline'', yaitu, Login, Home, Profile Perusahaan, Informasi Lowongan, Informasi Hasil Tes, Logout.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+==Production==
-(sepuluh) ''Message'', ''Login'', ''Email'', ''Password'', Verifikasi ''Home'', Daftar ''Username'', ''View'' Informasi Lowongan Hasil Tes, ''Logout''.</p></li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Production adalah tahapan dimana pengambilan gambar atau shooting dilakukan. Dalam production pada tahapan project ini dibagi menjadi :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perencanaan visual, bentuk visualisasi yang dihasilkan nantinya berupa karya visual atau dalam bentuk video. Perencanaan visual ditujukkan guna memberikan penyampaian informasi yang ditampilkan. Untuk mencapai perencanaan visual yang baik dibuat tujuan visual sebagai arahan mencapai visualisasi yang terkonsep. Tujuan Visual sebagai acuan untuk menampilkan kesan dan image apa yang ingin ditonjolkan dari tampilan video infografis ini. Untuk mencapai tujuan visual diperlukan strategi visual sebagai langkah yang diperlukan dalam mencapai tujuan visual, strategi visual meliputi teknik dan metode yang dipakai dalam video infografis 2D aplikasi LAKSA, sedangkan program visual merupakan step mewujudkan perencanaan visual dengan di produksinya program visual di artikan perencanaan visual telah tercapai. Berikut merupakan bagan dari tahap proses Production. </p></div>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-yKeJ8iJp4us/VsD3gKqJXeI/AAAAAAAADJ0/2UJ0UY91jV8/w811-h538-no/4.15.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.15 Bagan Production</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Program Visualisasi, didalam proses produksi inilah perancangan spesial effects dibuat, dengan menggunakan aplikasi–aplikasi yang merupakan hasil dari kemajuan teknologi. Acuan storyboard diubah menjadi animatrix yaitu semacam slide show dari storyboard yang sudah diisi dengan dialog yang belum diedit. Ada beberapa tahapan dalam program visual yaitu diantaranya :</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-JTIkSXptZu4/VsD3gobyQsI/AAAAAAAADJw/sRJjzmWoCUY/w683-h450-no/4.16.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.16 Scene 1 (Menampilkan Kota Tangerang)</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-JDPg4vg5PnQ/VsD3g5Q13iI/AAAAAAAADJw/cL7R6aq2iKE/w678-h453-no/4.17.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.17 Scene 2 (Menampilkan Contoh Media Sosial)</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-zaWp9bqCmQI/VsD3hOhfCPI/AAAAAAAADJw/L4-LSdxuEqQ/w677-h449-no/4.18.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.18 Scene 3 (Menampilkan pegawai PNS yang sedang berfikir)</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-llj5gNMdDxA/VsD3htA22-I/AAAAAAAADJw/jGbpWAxvMxw/w675-h451-no/4.19.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.19 Scene 4 (Menampilkan pegawai PNS yang mendapatkan solusi)</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-WiZDxNwwX9Y/VsD3h43yqxI/AAAAAAAADJw/HbGzMWp8AJ4/w680-h451-no/4.20.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.20 Scene 5 (Menampilakan logo aplikasi LAKSA melaui ponsel)</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-UuVLL0bmWzk/VsD3ip-9b7I/AAAAAAAADJw/gnTvTNG-fDE/w673-h452-no/4.21.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.21 Scene 6 (Menampilkan dan menjelaskan layanan LAKSA)</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-waqHqoIuGvg/VsD3iz-vhpI/AAAAAAAADJw/F2Nylb7RSbY/w694-h462-no/4.22.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.22 Scene 7 (Menampilkan menggunakan layanan LAKSA)</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-LWycanA0CWg/VsD3jJxDD4I/AAAAAAAADJw/lJtrsFJ1j74/w693-h461-no/4.23.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.23 Scene 8 (2 Cara menggunakan aplikasi LAKSA)</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-JdbgVz2VlJg/VsD3jcm9TnI/AAAAAAAADJw/B8uXnTFogF0/w692-h461-no/4.24.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.24 Scene 9 (Pengaduan di teruskan ke dinas terkait)</p></div>
+<div align="center"><img width="450" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-mgZAaI6Ed5g/VsD3jwm9ehI/AAAAAAAADJw/E3WQ0_7HlgE/w524-h344-no/4.25.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.25 Scene 10 (SKPD mengirimkan sms jawaban)</p></div>
+<div align="center"><img width="450" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-ajCMojVxYa4/VsD3kQpGTxI/AAAAAAAADJw/7iwJ63NJKSc/w571-h380-no/4.26.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.26 Scene 11 (Sms di tampilkan di website KOTA TANGERANG)</p></div>
+<div align="center"><img width="600" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-zRyBMeZlN1I/VsD3keLvWRI/AAAAAAAADJw/KSAWvaehHl8/w714-h467-no/4.27.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.27 Scene 12 (Penutup)</p></div>
-===''Sequence Diagram'' Pelamar Yang Diusulkan===
+===Perencanaan Multimedia===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perencanaan multimedia diperlukan tiga tahapan elemen sitematis yaitu teks, gambar, dan suara kemudian digabungkan atau di kombinasikan menjadi satu file yang berbentuk video. Perencanaan multimedia ini di dasarkan atas konsep yang efektif untuk menjangkau masyarakat dalam memperoleh informasi secara akurat dan efisien. Dalam membentuk multimedia ini, karya audio visual di gabungkan dari beberapa elemen di antaranya suara, teks, dan gambar lalu di tambah dengan spesial efek agar tampilan menjadi lebih menarik dan jelas dengan informasi yang tepat. Untuk mensukseskan perencanaan multimedia ini diperlukan 3 tahapan sistematis, dimulai dari tujuan multimedia, strategi multimedia, dan program multimedia. Perencanaan multimedia ditujukan guna menarik masyarakat agar menjangkau lebih luas dengan menggunakan input yang telah diolah (teks, gambar, suara). Dengan adanya perencanaan multimedia di harapkan dapat tercapainya target yang telah di tentukan. Dengan tahapan melalui tujuan multimedia yang terfokus pada project pembuatan video.</p></div>
-<div align="center"><img width="350" height="250" style="margin:0px" src="https://lh4.googleusercontent.com/-mwChqWsEm7M/VDc5djpsvCI/AAAAAAAAAdg/_gyA9E3UWtg/w719-h493-no/Gambar%2B4.4.JPG"/></div>
+====Tujuan Multimedia====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tujuan dari multimedia pembuatan video infografis ini adalah untuk sarana sumber informasi bagi masyarakat luas yang ingin mengetahui tentang aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda), dan memberikan informasi lengkap tentang pengertian aplikasi LAKSA serta bagaimana cara menggunakannya, serta meningkatkan minat masyarakat untuk memberikan saran dan masukan nya untuk Kota Tangerang.</p></div>
+====Strategi Multimedia====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sebelum masuk proses produksi harus melalui tahap strategi multimedia, komponen yang mencakup strategi multimedia adalah :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Geografi :  Wilayah Kota Tangerang<br>
+Demografi
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jenis Kelamin :  Pria & Wanita
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Umur :  17- 25 th
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kelas Ekonomi :  Menengah
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sasaran :  Masyarakat Kota Tangerang
+ </ol>
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Psikografi  :  Masyarakat Kota Tangerang yang ingin memberikan masukan  ataupun keluhan terhadap pemerintah Kota Tangerang.</p></div>
+====Program Multimedia====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Program multimedia media video informasi dan promosi yang dibuat ada tiga tahapan yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Teks<br>
+Teks dalam video ini memakai type Estrangelo Edessa, Arial Raounded MT Bold diterapkan dalam media informasi dengan beberapa efek.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Picture<br>
+Gambar yang digunakan yaitu berupa banyak gambar berformat png yang di padukan dengan bentuk visual yang dapat hasilnya nanti akan menjadi berupa video.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sound<br>
+Suara yang digunakan dalam media video infografis ini adalah menggunakan suara asli manusia (dubber) dan beberapa efek suara alunan musik seperti piano, gitar, drum, dan bass. Penerapan dubber di sesuaikan dengan background video yang telah dibuat agar sesuai dengan kondisi yang sebenarnya.
+</ol>
-Berdasarkan gambar 4.4., ''Sequence Diagram'' sistem yang diusulkan terdapat :</p></li>
+===Perencanaan Audio===
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam perancangan video infografis, audio sangat berperan penting dalam penyampain informasi dalam bentuk suara. Jika tidak ada suara ataupun audio ini, video yang dibawakan atau di putar menjadi kurang memuaskan dan cepat bosan. Karena jika tidak ada audio maka langkah yang di tempuh adalah dengan memperbanyak tulisan, dan hal ini yang membuat video infografis jadi membosankan. Dalam konsep produksi ini audio memiliki tujuan audio, strategi audio dan program audio.</p></div>
-(satu) ''Actor'', yang melakukan kegiatan yaitu pihak pelamar</p></li>
+====Tujuan Audio====
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tujuan audio ini di artikan untuk penerapan pada bidang video infografis. Agar video yang telah di buat dapat di mengerti oleh masyarakat dan dapat menjadi salah satu sarana media komunikasi antara masyarakat dengan pemerintahan Kota Tangerang. Tujuan Audio digunakan untuk menerangkan dan menjelaskan gambar bergerak yang sedang diputar sehingga media informasi dan promosi berupa video ini akan lebih hidup dan memberikan informasi dan promosi pada masyarakat luas. Media video infografis ini dapat menjadi acuan masyarakat untuk mendapatkan informasi yang luas dan lengkap mengenai layanan kota tangerang. Audio ini juga berperan besar dalam pembentukan dan penempatan suara dengan latar background gambar yang sesuai, sehingga pesan yang di sampaikan lebih jelas dan memiliki arti.</p></div>
-(tujuh) ''Lifeline'', yaitu, Daftar, Login, Data Calon Karyawan, Upload CV dan Lamaran Kerja, Tes Seleksi, Hasil Tes Seleksi, ''Logout''</p></li>
+====Strategi Audio====
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Strategi Audio, media yang di gunakan setidaknya memenuhi tiga aspek yaitu Geografi, demografi dan psikografi. Dalam perancangan audio ini harus memperhatikan detail suara yang di hasilkan. Dalam pembuatan audio ini menggunaka suara manusia yaitu dengan dubber, mambaca naskah sesuai dengan background gambar yang pas. Dengan memberikan suara dubber maka informasi yang di sampaikan akan terlihat jelas, gambar dan suara yang pas memungkinkan masyarakat mendapatkan informasi dengan mudah dan cepat. Media yang akan dirancang dan dipersiapkan setidaknya memenuhi tiga aspek sasaran yaitu :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Geografi : Wilayah Kota Tangerang<br>
+Demografi
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Jenis Kelamin : Pria & Wanita
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Umur : 17- 25 th
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kelas Ekonomi : Menengah
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sasaran : Masyarakat Kota Tangerang
+ </ol>
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Psikografi : Masyarakat Kota Tangerang yang ingin memberikan masukan ataupun keluhan terhadap pemerintah Kota Tangerang.</p></div>
-(sepuluh) message yaitu Daftar, Login, Email, Password, Verifkasi, Input data calon karyawan, Mengisi Tes Seleksi, View Hasil Tes Seleksi, Logout</p></li></ol>
+====Program Audio====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Audio yang telah disiapkan dalam pembuatan project ini sudah dilakukan untuk menyesuaikan dengan gambar yang sudah ada, agar tidak terlihat jumping. Audio yang di gunakan seperti suara instrument musik dalam format mp3. Adapun suara audio yang di hasilakan dari suara manusia, yaitu dubber. Dubber adalah orang yang membaca naskah untuk menyesuaikan dengan background gambar atau video yang akan di putar. Dalam dubber ini biasanya suara yang di hasilkan harus jelas dan tepat pada gambar ataupun background video yang akan di putar. Dengan adanya program audio, media video infografis ini akan menjadi lebih baik lagi karena ada penambahan dari suara dubbing untuk meperjelas suatu gambar. Pengambilan audio yang sesuai diperlukan proses editing dari cutter video dan penyesuaian penempatan dengan gambar yang ditampilkan. Proses besar kecilnya suara audio dibuat dari volume mixing audio.</p></div>
-===''State Machine Diagram'' HRD Yang Diusulkan===
+===Perencanaan Visual===
-<div align="center"><img width="350" height="250" style="margin:0px" src="https://lh4.googleusercontent.com/rR5Mf2apANu6i7eavXAg5gSojqRVsc4DjZ3DsrgvM8w=w674-h493-no"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perencanaan visual yang di hasilkan adalah keseluruhan penggabungan dari gambar, suara dan teks yang menghasilkan satu video utuh yang di gunakan untuk memberikan informasi. Dengan menggabungkan teks dengan format penulisan yang telah di tentukan kemudian gambar yang telah di produksi sebelumnya dan suara yang di hasilkan dari membaca naskah kemudian di edit dan di render lalu menghasilkan video yang siap untuk di gunakan. Tampilan video yang di hasilkan pun akan lebih menarik dan tidak membosankan. Dengan adanya perencanaan visual semua tahapan akan terlaksana dengan baik dan akurat. Perencanaan visual juga ditujukan untuk memberikan kesan atau image dalam video yang ditampilkan.</p></div>
+====Tujuan Visual====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tujuan Visual yang telah di buat dan terdapat pada video infografis ini yang di rancang dengan sebagai media informasi yang menggambungkan gambar, suara, dan teks. Lalu dengan beberapa efek-efek animasi yang berhubungan dengan teknologi. Efek perpindahan gambar menggunakan beberapa tipe seperti slide, sehingga dapat menciptakan suatu bentuk visulisasi yang terkesan menarik. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.6 Kesan Visual effect</p></div>
+<div align="center"><img width="450" height="75" style="margin:0px" src="https://lh5.googleusercontent.com/-VJZQi6EOyX8/VsD3p2PIgNI/AAAAAAAADJ0/N_Qbywo6Q2c/w473-h76-no/tabel%2B4.6.JPG"/></div>
+====Strategi Visual====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan kemajuan teknologi yang modern seperti ini, komputer pun menjadi canggih dan dapat membantu pekerjaan manusia menjadi lebih mudah. Sehingga efek-efek yang dihasilkan dalam pembuatan video infografis ini seperti rill dan cukup menarik. Menampilkan visualisasi efek-efek yang berbeda-beda dalam setiap scene nya menjadikan daya tarik untuk setiap opening, dubber, visual gambar, sampai mengenai cara dan kegunaan aplikasi LAKSA.</p></div>
+====Program Visual====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Program Visual yang dihasilkan ataupun di rancang menggunakan spesial efek mendukung hasil dari kemajuan teknologi modern. Acuan storyboard diubah menjadi animatrix yaitu semacam slide show dari storyboard yang sudah diisi dengan dubbing yang telah di buat sebelumnya serta suara musik ataupun backsound dari instument.</p></div>
-===''State Machine Diagram'' Yang diusulkan ''Pelamar''===
+===Perencanaan Broadcasting===
-<div align="center"><img width="350" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/-6Zietoj6dSU/VDc5e7gFEcI/AAAAAAAAAd4/cykcSdTYAko/w673-h493-no/Gambar%2B4.6.JPG"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perencanaan Broadcasting di tujukan untuk menjangkau masyarakat dengan program pendistribusian efektif serta efisien. Dengan di buatnya perencanaan broadcasting tujuan untuk mencakup masyarakat luas dengan memberikan informasi yang berkaitan dengan media video infografis ini agar mencapai target jangkauan penyebaran informasi yang diberikan. Sehingga dengan dibuatnya perencanaan broadcasting suatu media informasi atau media promosi menjadi arahan dapat mencapai target jangkauan audience. Perencanaan broadcasting terdiri dari tujuan broadcasting, strategi broadcasting dan program broadcasting.</p></div>
+====Tujuan Broadcasting====
-===Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada perencanaan tujuan Broadcasting ini adalah untuk menjangkau khalayak yang cukup luas tanpa mem filter atau membandingkan khalayak yang berhak mendapat informasi dan promosi telah di buat. Tujuan Broadcasting ini adalah mennyampaikan informasi dan promosi dalam bentuk video infografis kepada khalayak umum, semua informasi yang diberikan dapat bermanfaat bagi masyarakat dan dapat di terima baik oleh mayarakat tanpa memandang siapapun. Semua berhak mendapatkan informasi yang bermanfaat dan berguna untuk dijadikan bahan acuan untuk mendapatkan pandangan yang lebih baik.</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://lh4.googleusercontent.com/-VVq3zUQl03A/VDcv1ms0o4I/AAAAAAAAAZ0/ocaDzvgohyA/w668-h395-no/Tabel%2B4.1.JPG"/></div>
+====Strategi Broadcasting====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Strategi Broadcasting dilakukan dengan cara memanfaatkan fasilitas yang sudah ada, seperti menggunakan media internet untuk penyebaran informasi. Dengan meggunakan jasa internet, akses untuk memberikan informasi kepada masyarakat akan lebih mudah dan menghemat waktu. Melalui website ataupun meng upload ke situs video ternama seperti Youtube. </p></div>
-==Rancangan Basis Data==
+====Program Broadcasting====
-===Class Diagram===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Program Broadcasting yang di tujukan kepada masyarakat luas, untuk mendapatkan informasi yang berkaitan dengan media video infografis aplikasi LAKSA. Untuk menayangkan hasil dari produksi audio visual juga memanfaatkan fasilitas internet sebagai medianya. Untuk detailnya program broadcasting media informasi yang dibuat dari hasil editing media video infografis aplikasi LAKSA pada Dinas KOMINFO Kota Tangerang akan disalurkan melalui :</p></div>
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-RjCzBbToauE/VDc5fLLgHUI/AAAAAAAAAeA/CHXexlAApxU/w790-h493-no/Gambar%2B4.7.JPG"/></div>
-===Spesifikasi Basis Data===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Spesifikasi basis data merupakan desain basis data yang dianggap telah normal. Desain basis data menjelaskan media penyimpanan yang digunakan, isi yang disimpan, primary key dan panjang record. Spesifikasi yang digunakan dalam sistem yang akan dibangun adalah sebagai berikut:</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">1. Nama Field : Account</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hard Disk</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi :
-id+username+password+status+level+created_date+update_date</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : ID</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 4</p></div>
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-RVOySAc3Lfg/VDcv2uc1Y0I/AAAAAAAAAYQ/aO5SaP0RYZE/w702-h468-no/Tabel%2B4.2.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">2. Nama Field : Buku Tamu</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hard Disk</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi :
-id+username+password+status+level+created_date+update_date</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : ID</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 4</p></div>
-<div align="center"><img width="300" height="350" style="margin:0px" src="https://lh5.googleusercontent.com/-3-U9tnKB8mQ/VDcv2rqv5SI/AAAAAAAAAZw/UGMBS3v4f7Q/w702-h419-no/Tabel%2B4.3.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">3. Nama Field : Daftar</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hard Disk</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi :
-id+nama_depan+nama_belakang+email+password+created_date+question+left_question+reload+total            question+total_answer+total_unanswered+true_answer</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : ID</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 8</p></div>
-<div align="center"><img width="300" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-omz4L_MzUtM/VDcv3EBj_sI/AAAAAAAAAZs/owWgIJhNHjk/w388-h493-no/Tabel%2B4.4.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">4. Nama Field : data_karyawan</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hard Disk</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi :
-nama+alamat+tempat_lahir+tanggal_lahir+telp+email+agama+pendidikan_terakhir+ terakhir_bekerja+id_daftar+cv+lamaran</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : ID</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 4</p></div>
-<div align="center"><img width="300" height="350" style="margin:0px" src="https://lh4.googleusercontent.com/-ofa52JtW-mM/VDcv3dZuqzI/AAAAAAAAAYg/PzDtttNLwZ8/w563-h493-no/Tabel%2B4.5.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">5. Nama Field : jawaban</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hard Disk</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi :
-id+jawaban+pertanyaan_id</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : ID</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 4</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://lh5.googleusercontent.com/-2_YBMKBk2UA/VDcv3pK7RJI/AAAAAAAAAkY/K4wGoYus-oY/w554-h243-no/Tabel%2B4.6.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">6. Nama Field : pertanyaan</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hard Disk</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi :
-id+pertanyaan+id_jawaban</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : ID</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 4</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://lh6.googleusercontent.com/-X3O17uAlLwI/VDcv3rSFuhI/AAAAAAAAAZc/Tc3Sbq1kDP4/w582-h238-no/Tabel%2B4.7.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">7. Nama Field : submit_jawaban</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hard Disk</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi : id+id_pelamar+id_pertanyaan+id_jawaban</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : ID</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 4</p></div>
-==Rancangan Prototype==
-===Tampilan Login===
-<div align="center"><img width="350" height="250" style="margin:0px" src="https://lh6.googleusercontent.com/-xik92gOzFVU/VDc5fVaymQI/AAAAAAAAAd0/o8ezDxk00-A/w752-h404-no/Gambar%2B4.8.JPG"/></div>
-===Tampilan Home===
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-PGqsCRkEQPw/VDc5gA5WjLI/AAAAAAAAAd8/inYcJP3FYG4/w519-h493-no/Gambar%2B4.9.JPG"/></div>
-===Tampilan Daftar===
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-gZlAdgnfcsg/VDc5XxnsHxI/AAAAAAAAAb8/JMg21fWEQAo/w700-h409-no/Gambar%2B4.10.JPG"/></div>
-===Tampilan Data Calon Karyawan===
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-ADq8JrH9LSQ/VDc5YXN-RtI/AAAAAAAAAbw/nsA3gxeFQ-Y/w585-h493-no/Gambar%2B4.11.JPG"/></div>
-===Tampilan Tes Online===
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh6.googleusercontent.com/-elNDu83zlxU/VDc5YsD2jkI/AAAAAAAAAb0/8w-OMavShaQ/w609-h385-no/Gambar%2B4.12.JPG"/></div>
-===Tampilan Hasil Tes Seleksi===
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh6.googleusercontent.com/-G3i9gfLiiXs/VDc5ZadCJwI/AAAAAAAAAcY/gnzAGw9jkm8/w787-h358-no/Gambar%2B4.13.JPG"/></div>
-==Konfigurasi Sistem Usulan==
-===Spesifikasi Perangkat Keras (Hardware)===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Perangkat keras (hardware) yang digunakan dalam pembuatan aplikasi ini antara lain sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">Processor    : Intel Pentium</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Youtube, Sebagai sarana untuk melihat video dengan konteks streaming memanfaatkan koneksi internet yang cukup cepat agar tidak terjadi buffering. Dengan meng upload video infografis ini, maka informasi yang diterima oleh masyarakat akan menjadi lebih mudah dan efisien. Meng upload video di youtube harus memiliki akun untuk log in, dalam format video, jika video dengan kapasitas besar akan cukup menyita waktu yang lama dan juga tergantung dengan koneksi internet itu sendiri.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">Monitor      : 14” LCD monitor</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Internet, berupa website Kota Tangerang dimana siapapun dan kapanpun dapat mengakses website tersebut tanpa harus login terlebih dahulu selama jaringan akses terkoneksi dengan internet. Dengan alamat web www.tangerangkota.go.id  semua informasi bisa di dapatkan dengan mudah.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">RAM          : 1GB</p>
+</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">Hardisk    : 320 GB</p></li></ol>
-===Spesifikasi Perangkat Lunak (Software)===
+==Postproduction==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perangkat Lunak (Softaware) yang digunakan dalam pembuatan aplikasi ini antara lain sebagai berikut :</p></div><ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Postproduction adalah tahap terakhir dari semua proses yang sebelumnya. Dari proses awal preproduction, lalu masuk tahap production, dan berakhir di tahap postproduction. Pada tahap postproduction ini terdapat terdapat proses editing, mixing, finishing, tahapan keluaran dan segmen pasar. Dengan adanya tahap terakhir ini, diharapkan target yang akan dicapai akan terwujud dan terlaksana.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">Windows 7</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahap postproduction adalah proses finishing sebuah karya sampai menjadi sebuah video yang utuh dan mampu menyampaikan sebuah cerita atau pesan kepada audience. Dalam tahap finishing ini, proses editing sedang dilakukan oleh editor. Dimana semua gambar gerak, teks dan suara di gabungkan sehingga menghasilkan satu format penyampaian informasi yang baik dan jelas. Berikut bagan dari tahapan postproduction:</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">Visual Paradigm for UML 6.4 Enterprise Edition</p>
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-2ofNG5TfEBw/VsD3k0fq0FI/AAAAAAAADJw/UxgTCnw-tKs/w359-h293-no/4.28.png"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">XAMPP</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.28 Bagan Postproduction</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">Notepad ++</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">Framework CodeIgniter (CI)</p><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">Mozilla Firefox (browser)</p></li></ol>
-===Hak Akses===
+===Editing===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada tahap editing video dilakukan pemotongan, pemilihan dan penyusunan hasil gambar produksi sesuai keinginan atau gagasan sutradara sesuai dengan naskah dan storyboard.</p></div>
-Pengoperasian aplikasi ini dapat dilakukan oleh :</p></div>
-<ol>
+===Mixing===
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">HRD</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Mixing adalah suatu proses percampuran gambar dan audio serta penambahan beberapa teks, selanjutnya ditambahkan efek-efek animasi agar tampilannya terlihat lebih menarik, dan sesuai dengan naskah ataupun storyboad yang telah dibuat sebelumnya. Kesinambungan antara suara asli, narasi, ilustrasi musik, dan sound efek sangat diperhatikan agar serasi dan harmonis serta terdengar dengan jelas. Setelah melalui proses mixing ini, kemudian di render dan di ubah ke beberapa format file selanjutnya akan di pasarkan dan di sebarkan kepada masyarakat luas.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"><p style="line-height: 2">Ka.Dept. Terkait</p></li></ol>
-==Blacbox Testing==
+===Finishing===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahap finishing ini adalah tahap terakhir dalam proses pembuatan media video infografis ini setelah penggabungan semua gambar, teks, suara musik maupun suara dubber telah di masukkan ke dalam satu video. Pada tahap ini dilakukan proses export video dari adobe premier pro CS 3 menjadi format video yang telah di tentukan. Selanjutnya hasil eksport video akan di burning ke CD, dan selanjutnya akan di upload ke dalam situs pemutar video yaitu Youtube.</p></div>
-Untuk tahap pengujian penulis menggunakan metode blackbox, untuk memastikan bahwa program atau sistem yang dibuat masih terdapat bug (kesalahan) atau tidak. Dari setiap tes pengujian tidak menutup kemungkinan masih terdapat bug (kesalahan) dari sistem yang telah dites, namun pengujian ini setidaknya dapat meminimalisir bug (kesalahan)yang terdapat didalam sistem</p></div>
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-ZdziiU7Dg1s/VDcv4LoV75I/AAAAAAAAAYw/i7_Jr_aRZiI/w513-h493-no/Tabel%2B4.8.JPG"/></div>
+===Tahapan Keluaran===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada tahap ini, hasil render dari semua penggabungan gambar gerak mulai dari teks dan suara akan di eksport ke dalam format video yang telah di tentukan sebelumnya. Dimana format video yang di kehendaki adalah dalam format wmv. Selanjutnya hasil yang telah jadi akan di upload ke dalam website www.tangerangkota.go.id. </p></div>
-==Implementasi Sistem Yang Diusulkan==
+===Segmen Pasar===
-===Tampilan Menu Daftar===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hasil project video infografis ini akan di upload ke situs website kota tangerang ataupun youtube dengan chanel Kota Tangerang yang nantinya akan di lihat oleh seluruh masyarakat khususnya yang ada di kota tangerang. Sehingga video tersebut dapat memberikan penjelasan secara ringkas dan padat pada aplikasi LAKSA kota tangerang.</p></div>
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh6.googleusercontent.com/-D5xFyOn6ba4/VDc5Znmr3jI/AAAAAAAAAcI/X9v2lrlTiq4/w748-h393-no/Gambar%2B4.14.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+{{pagebreak}}
-<p style="line-height: 2">Keterangan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tampilan di atas adalah tmpilan untuk admin dan pelamar jika ingin memasuki login</p></div>
-===Tampilan Menu Setelah Daftar===
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-0m5sq-CuN3Q/VDc5ZxtNg4I/AAAAAAAAAco/dRjq0ebi-_E/w659-h262-no/Gambar%2B4.15.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Keterangan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tampilan setelah berhasil daftar untuk admin dan pelamar jika ingin memasuki Login.</p></div>
-===Tampilan Menu Login===
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh6.googleusercontent.com/-VfCWNxQZUPM/VDc5aR-sEhI/AAAAAAAAAcU/6A80oo1mB8Y/w537-h292-no/Gambar%2B4.16.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Keterangan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tampilan menu Login untuk pelamar dan admin yang sudah berhasil mndaftar dan ingin masuk ke Home. </p></div>
-===Tampilan Menu Berhasil Login===
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh5.googleusercontent.com/-iDp-aWFfvA8/VDc5a_RJZuI/AAAAAAAAAcs/0I_XLhWMJ_0/w655-h233-no/Gambar%2B4.17.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Keterangan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tampilan dia atas merupakan tampilan berhasil Login, untuk pelamar yang ingin mengisi daftar calon karyawan.</p></div>
-===Tampilan Data Calon Karyawan===
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh6.googleusercontent.com/-S6VlNHkOH-M/VDc5a2g7q9I/AAAAAAAAAck/Jhq12ITyH3E/w669-h332-no/Gambar%2B4.18.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Keterangan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tampilan di atas merupakan tampilan form data calon karyawan yang telah berhasil Login dan akan mengikuti tes online.</p></div>
-===Tampilan Upload CV dan Surat Lamaran Kerja===
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-60yRpbZAK34/VDc5bZegu3I/AAAAAAAAAdI/qGv2zJxE1uQ/w694-h334-no/Gambar%2B4.19.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Keterangan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tampilan di atas merupakan tampilan upload CV dana Surat Lamaran Kerja untuk pelamar yang sudah terdaftar dan berhasil melakukan Login.</p></div>
-===Tampilan Soal Tes Online===
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh4.googleusercontent.com/-MmhmN7z2Ut0/VDc5ce1N8LI/AAAAAAAAAdE/cjzcUCK9KSw/w704-h293-no/Gambar%2B4.20.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Keterangan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tampilan di atas merupakan tampilan tes online untuk para pelamar yang sudah berhasil melakukan daftar, login,kemudian mengisi form data calon karyawan. </p></div>
-===Tampilan Hasil Tes Online===
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh5.googleusercontent.com/-Aa834e2vsyE/VDc5cjGjpoI/AAAAAAAAAdA/ZNVRE_LgkIA/w680-h298-no/Gambar%2B4.21.JPG"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Keterangan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tampilan ini merupakan tampilan penilaian atau hasil tes seleksi online yang dapat dilihat dua hari setelah melakukan tes online.</p></div>
-===Time Schedule===
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height:2;">Penyerahan Surat Observasi Skripsi<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
-Pada tahap ini dilakukan pembuatan surat pernyataan obesrvasi dari kampus untuk melakukan analisa atau riset.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height:2;">Wawancara<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
-Proses ini merupakan proses wawancara dengan stakeholder untuk mencari informasi mengenai sistem perekrutan karyawan yang berjalan pada saat ini.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height:2;">Mengumpulkan Data<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
-Mengumpulkan data-data selama lima hari untuk dijadikan suatu pembahasan</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height:2;">Elsitasi<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
-Pada tahap ini merumuskan elisitasi dengan melakukan wawancara.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height:2;">Presentasi Program<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
-Pada tahap ini menjelaskan tentang tampilan program dan fungsi-fungsi yang terdapat di dalamnya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height:2;">Testing Program<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
-Pada tahap ini merupakan pengujian program yang akan diimplementasikan oleh pihak HRD ''(Human Resource Department)''</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align:justify;line-height:2;">Sosialisasi Program<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
-Proses ini merupakan sosialisasi program kepada pihak HRD untuk menjelaskan bagaimana cara pengoperasian program.</p></li>
-<li style="font-size: 12pt;font-family: 'times new  roman';text-align:justify;line-height:2;">Dokumentasi<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
-Proses perekaman terhadap kegiatan yang sudah dilakukan sejak awal kegiatan mulai dari penyerahan surat keterangan observas sampai dengan sosialisasi program pada pihak HRD.</p></li></ol>
-<div align="center"><img width="350" height="200" style="margin:0px" src="https://lh6.googleusercontent.com/-UO2LvOXTtjc/VDcv4DojL5I/AAAAAAAAAY0/0RGOKhMX4Vw/w554-h297-no/Tabel%2B4.9.JPG"/></div>
-==Estimasi Biaya==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Setelah adanya perancangan sistem, maka jika dilihat dari segi biaya memang cukup tinggi akan tetapi jika dipandang dari segi manfaat dan kegunaan,biaya yang dikeluarkan sebanding dengan manfaat yang dihasilkan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Biaya penelitian rinci sesuai kebutuhan penelitian antara lai sebagai berikut:</p></div>
-<div align="center"><img width="400" height="250" style="margin:0px" src="https://lh5.googleusercontent.com/-JOcjhf5ntTY/VCTmWqTXYUI/AAAAAAAAAIc/lZfU-xHdI6w/w560-h308-no/Tabel%2B4.10.JPG"/></div>
 =<div style="font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KESIMPULAN DAN SARAN'''</div>
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
 ==Kesimpulan==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Setelah menyelesaikan laporan ini dapat disumpulkan beberapa hal sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dalam sistem perekrutan karyawan yang baru pada PT. Yuasa Battery Indonesia, akan dibangun sistem perekrutan karyawan secara online.Sistem tersebut menggunakan salah satu framework PHP yaitu Code Igniter. Kemudian menggunakan database server MySQL untuk pembuatan database dan paket aplikasi XAMPP yang berperan sebagaiweb server yang membantu dalam menampilkan hasil website  tanpa harus online atau terakses dengan internet.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Media video infografis dapat dijadikan sebagai penunjang informasi pada layanan aplikasi LAKSA (Layanan Aspirasi Kotak Saran Anda), sehingga masyarakat dengan mudah dapat memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas terkait pada Pemerintahan Kota Tangerang.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dengan merancang video infografis aplikasi LAKSA dengan berbasis animasi 2D dimana terdapat unsur gerak, suara, musik,desain grafis, ilustrasi, dan warna yang menarik sehingga dapat menunjang aplikasi LAKSA yang mudah di pahami pemanfaatannya oleh masyarakat Kota Tangerang
-Sistem perekrutan karyawan yang masih berjalan pada PT. Yuasa Battery Indonesia belum memenuhi standard yang telah ditetapkan, karena masih menggunakan sistem yang manual dalam penginputan data karyawan yaitu dengan cara menggunakan aplikasi Microsoft Excel.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Masyarakat dapat paham akan layanan aplikasi LAKSA dan dapat membantu memberikan pesan, keluhan, saran, ataupun laporan kepada Dinas terkait di Kota Tangerang.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+</ol>
-Penilaian hasil test calon karyawan secara online, dapat dilakukan dengan cara membuka website rekrutmen online dengan menggunakan username masing-masing. Kemudian hasil tersebut akan tampik setelah dua hari melakukan tes pada page hasil tes seleksi yang telah disediakan.</p></li></ol>
 ==Saran==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Saran-saran yang dapat penulis sampaikan dalam laporan ini adalah sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Untuk memaksimalkan pemanfaatan sistem informasi yang dibuat maka dapat dilakukan pelatihan yang digunakan untuk disosialisasikan bagi para pegawai agar lebih familiar dengan sistem yang telah dibuat.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dinas Kominfo agar terus melakukan layanan aplikasi terbaru juga media infografis nya, sehingga layanan aplikasi tersebut dapat lebih menarik dan dipahami.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Masyarakat lebih aktif dalam memberikan pesan, keluhan, saran, ataupun laporan nya dengan melalui layanan aplikasi LAKSA.
-Perlu diperhatikan dan dilakukan evaluasi secara berkala terhadap sistem untuk selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Untuk penulis yang ingin melanjutkan agar lebih membuat video infografis yang lebih menarik agar audience lebih tertarik.
+</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+==Kesan==
-Perlu adanya fitur tambahan yang dapat melakukan backup data yang ada di dalam database secara rutin, hal ini sangat penting jika terjadi kesalahan atau error pada komputer ataupun disebabkan gangguan listrik secara menyeluruh, maka dengan adanya fitur backup data tersebut data tidak akan hilang.</p></li></ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan melakukan observasi pada Dinas Kominfo penulis menjadi lebih mengerti dan paham bagaimana merancang Media Video Infografis sebagai penunjang informasi yang baik dan benar, serta menarik dan interaktif bagi para audience serta lebih mengenal akan layanan apa saja di Kota Tangerang.</p></div>
+{{pagebreak}}
 =<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
+<references />
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+{{pagebreak}}
-<p style="line-height: 2"><references /></p></div>
-=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LAMPIRAN-LAMPIRAN'''</div>=
+=<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR LAMPIRAN'''</div>=
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 1:  [https://docs.google.com/a/raharja.info/document/d/1RAmCBxtuAd3eVKHvCvINSoI7Kj9-r79DRve5VH1f_ds/edit#bookmark=id.syhrplwwgxhq Kartu Bimbingan (Pembimbing I dan II)]</div>
+<ol>
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 2:  [https://docs.google.com/a/raharja.info/document/d/1RAmCBxtuAd3eVKHvCvINSoI7Kj9-r79DRve5VH1f_ds/edit#bookmark=id.9ktjav3z0v8w Elisitasi Tahap I, II,III dan Final Draft]</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kartu Bimbingan Skripsi Perguruan Tinggi Raharja
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 3:  [https://docs.google.com/a/raharja.info/document/d/1RAmCBxtuAd3eVKHvCvINSoI7Kj9-r79DRve5VH1f_ds/edit#bookmark=id.p4c6auy5ymfj Formulir Seminar Prorposal]</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Formulir Seminar Proposal Skrpisi
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 4:  [https://docs.google.com/a/raharja.info/document/d/1RAmCBxtuAd3eVKHvCvINSoI7Kj9-r79DRve5VH1f_ds/edit#bookmark=id.4hn8w2cdbxmv Formulir Pertemuan Stakeholder]</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Formulir Pertemuan Stakeholder Skripsi
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 5:  Uraian Pekerjaan</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Formulir Final Presentasi Skripsi
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 6:  Formulir Wawancara</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Surat Pengantar Observasi / Penelitian Skripsi
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 7:  Surat Pengantar Observasi</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Formulir Permohonan Usulan Penelitian
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 8:    Surat Keterangan Implementasi Program</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Formulir Validasi Skripsi & Kwitansi
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 9:    Sertifikat IT</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Surat Keterangan Implementasi dari Stakeholder
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 10:  Sertifikat TOEFL</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Surat Keterangan Observasi Penelitian
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 12:  Sertifkat Prospek</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Surat Keterangan Hibah
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 13:  Katalog Produk</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Surat Keterangan Jurnal Penelitian
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 14:  Final Presentasi</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Fotokopi Sertifikat Prospek
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text-indent: 0.5in; line-height: 1">Lampiran 15:  Daftar Riwayat Hidup  </div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Fotokopi Sertifikat TOEFL RCEP
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Fotokopi Sertifikat Juara Indie Movie STMIK Raharja
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Fotokopi Sertifikat Documentation and Broadcasting Commite
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Fotokopi Sertifikat Seminar workshop IT
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Daftar Pertanyaan Wawancara
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Surat Undangan Stakeholder
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Fotokopi KSTF
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Elisitasi Tahap I, II, III & Final
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">X Banner
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Slide Presentasi Skripsi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Katalog Produk  & Daftar Riwayat Hidup
+</ol>
+{{pagebreak}}
-[[Category:Skripsi 2013/2014]]
+[[Category: Skripsi 2015/2016]]

SI1121466941: Perbedaan revisi

Revisi per 22 Februari 2016 01.22

Daftar isi

BAB I

Latar Belakang Penelitian

Rumusan Masalah

Ruang Lingkup

Tujuan dan Manfaat

Tujuan

Manfaat

Metodologi Penelitian

Metode Analisa Permasalahan

Metode Pengumpulan Data.

Metode Analisa Perancangan Media

Metode Konsep Produksi Mavib (KPM)

Sistematika Penelitan

BAB II

Teori Umum

Definisi Perancangan

Proses Perancangan Secara Umum

Teori Khusus

Pengertian Video

Video Infografis

Konsep Dasar Media

Pengertian Media

Alternatif Media

Definisi Grafis

Unsur Unsur Desain Grafis

Prinsip Prinsip Desain Grafis

Definisi Typografi

Pengertian Tentang Psikologi Warna

Pengertian Tentang Simbolik Bentuk

Pengertian Citra atau Image

Layout

Teori Desain Komunukasi Visual

Konsep Dasar Informasi

Pengertian Data

Pengertian Informasi

Jenis Jenis Informasi

Kualitas Informasi

Nilai Informasi

Program Aplikasi Penunjang Desain

Adobe Photoshop CS3

Adobe Ilustrator CS3

Adobe After Effect CS3

Adobe Premiere Pro CS3

Elisitasi

Literature Review

BAB III

Gambaran Umum Object Yang Di Teliti

Sejarah Singkat

Struktur Organisasi

Wewenang dan Kewajiban Tiap Departemen

Product Information

Produk

Latar Belakang Produk

Perkembangan Produk

Material Produk

Spesifikasi Produk

Market Analis

Market Positioning

Potensial Market

Market Segmentation

Marketing Objective (Tujuan Pemasaran)

Marketing Strategis (Strategi Pemasaran)

Budget Produksi Media

Konfigurasi Hardware

Spesifikasi Hardware

Software yang digunakan

Elisitasi

Elisitasi Tahap 1

Elisitasi Tahap 2

Elisitasi Tahap 3

Final Draft Elisitasi

BAB IV

Preproduction

Observasi

Pengumpulan Data

Analisis Data

Ide