SI1121469073: Perbedaan revisi

Dari widuri
Lompat ke: navigasi, cari
[revisi tidak terperiksa][revisi tidak terperiksa]
(BAB I)
(BAB II)
Baris 698: Baris 698:
 
=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</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>
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
==Teori Umum==
 
===Konsep Dasar Sistem===
 
<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">
+
==Konsep Dasar Perancangan==
 +
===Pengertian Perancangan===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Iwan Binanto (2010 : 260-261)<ref name="binanto2010">Binanto, Iwan. 2010 Multimedia Digital Dasar (Teori dan Pengembangannya) Yogyakarta : Andi</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 bagan alir (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 Pujirianto 2012:27<ref name="pujirianto2012">Pujirianto. 2012. Pengajaran Pemahaman melalui Desain. Jakarta : indeks</ref>. Perancangan adalah wujud visual yang dihasilkan dari bentuk-bentuk kreatif yang telah direncanakan. Langkah awal dalam perancangan desain bermula dari hal-hal yang tidak teratur berupa gagasan atau ide-ide kemudian melalui proses penggarapan dan pengelolaan akan menghasilkan hal-hal yang teratur, sehingga hal-hal yang sudah teratur bisa memenuhi fungsi dan kegunaan secara 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">Adapun yang dimaksud perancangan dalam penelitian ini adalah tahap kegiatan pembuatan sebuah media majalah yang dilakukan melalui tahapan-tahapan dati Perencanaan Media, Perencanaan Pesan samapai tahapan Perencanaan Visual, dari tahapan- tahapan yang dilakukan guna menghasilkan bentuk rancangan visual yang kreatif yang telah terencana dan tersusun  secara baik.</p></div>
  
<p style="line-height: 2">
+
===Proses Perancangan Secara Umum===
Menurut Suprihadi dkk<ref name="Suprihadi">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hendi Hendratman (2010 : 09-12)<ref name="hendi2010">Hendratman, Hendi. 2010. Tips N Trik Computer Grapics Design Bandung : Informatika</ref> :</p></div>
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.
+
<ol type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Persiapan Data </p></li>
</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"><p style="line-height: 2">Data dapat berupa teks atau gambar yang terlebih dahulu diseleksi, apakah data tersebut sangat penting sehingga harus ditampilkan atau data kurang penting sehingga dapat ditampilkan lebih kecil, samar atau ditiadakan sama sekali. Data dapat berupa data Informatif yaitu berupa foto atau teks dan judul serta data Estetis yaitu berupa bingkai, background, efek grafis garis atau bidang.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Ide</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Untuk mencari ide yang kreatif diperlukan studi banding, wawancara dan lain-lain agar desain yang dibuat bisa efektif diterima dan membangkitkan kesan tertentu yang sulit dilupakan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Konsep</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Hasil kerja berupa pemikiran yang menentukan tujuan-tujuan, kelayakan dan segmen yang dituju. Oleh karena itu, desain grafis menjadi desain komunikasi visual agar dapat bekerja untuk membantu pihak yang membutuhkan solusi secara visual.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Media</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Untuk mencapai kriteria ke sasaran atau segmen yang dituju diperlukan studi kelayakan yang cocok dan efektif untuk mencapai tujuannya. Media bisa berupa cetak, elektonik, luar ruang dan lain-lain.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Visualisasi </p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menentukan komponen desain, pemilihan warna, layout sampai finishing.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Produksi</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Setelah desain dan coding yang dibuat selesai, sebaiknya terlebih dahulu diuji coba (testing) untuk memastikan sistem atau produk tidak ada kesalahan.</p></div></ol>
 +
===Pengertian Project===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Dewi Priyatno (2010:35)<ref name="dewi2010">Priyatno, Dewi. 2010. Create Your Film. Jakarta : Multicom</ref> Project adalah susunan klip video, gambar, atau musik di timeline atau storyboard yang sedang dalam pengeditan.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
==Konsep  Dasar Media==
 +
===Pengertian Media===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media adalah saluran penyampaian pesan komersial kepada khalayak sasaran atau dapat dikatakan salah satu komunikasi periklanan yang dilakukan melalui saluran media tertentu, seperti televisi, surat kabar, majalah, radio, buku profile, papan iklan, pos langsung, petunjuk penjualan, selebaran, pengantar penawaran dan alat peraga</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 Rhenald Kasali (2012:77)<ref name="kasal2012">Kasali, Rhenald. 2012. Manajemen Periklanan Konsep dan Aplikasinya. Jakarta : Pustaka Utama Grafiti</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>
 +
<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 ( vol. 5 No. 3 – Mei 2012)<ref name="maimunah2012">Maimmunah, Llusyani Sunarya, dan Nina Larasati. 2012.</ref>  Media adalah sarana untuk menyampaikan pesan atau informasi kepada public dengan menggunakan berbagai unsur komunikasi grafis seperti teks atau gambar atau foto.</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 adalah saluran penyimpanan pesan komersial kepada khalayak sasaran atau dapat dikatakan salah satu komunikasi periklanan yang dilakukan melalui saluran media tertentu, seperti televisi, surat kabar, majalah, radio, internet, buku profil, media luar ruangan, iklan transit dan direct mail.</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 maksud dari penelitian ini media adalah suatu informasi atau pesan kepada masyarakat yang menggunakan komunikasi grafis dengan cara penyampaiannya seperti teks atau gambar.</p></div>
 +
===Jenis-jenis Media===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Secara umum media yang tersedia dapat dikelompokkan menjadi media cetak. Media elektronik, media luar ruang. media dalam ruang, media lini atas dan media lini bawah.</p></div>
 +
<ol type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Media Cetak</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yaitu media yang statis dan mengutamakan pesan-pesan dengan jumlah kata, gambar, atau foto, baik dalam tata warna maupun hitam putih. Jenis-jenis media cetak terdiri atas  surat kabar, buku profil, majalah, tabloid, brosur dan lain-lain.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Media Elektronik</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yaitu media dengan teknologi dan hanya bisa digunakan bila ada transmisi siaran. Bentuk-bentuk iklan dalam media elektronik biasanya berupa sponsorship, iklan partisipasi (disisipkan ditengah-tengah film atau acara), pengumuman acara, iklan layanan masyarakat, jingle, sandiwara dan lain-lain. Jenis-jenis media elektronik terdiri atas : televisi dan radio.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Media Luar Ruang (outdoor)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yaitu media iklan (biasanya berukuran besar) yang dipasang ditempat-tempat terbuka seperti di pinggir jalan, di pusat keramaian, atau tempat-tempat khusus lainnya, seperti di dalam bis, gedung, pagar tembok dan sebagainya. Jenis-jenis media luar ruang meliputi : billboard, baliho, poster, spanduk umbul-umbul, transit (panel bis), balon raksasa dan lain-lain.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Media Dalam Ruang ( indoor) </p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yaitu media iklan yang biasanya berukuran kecil atau sedang yang bisa dipasang didalam ruangan . Jenis media dalam ruangan adalah : panel indoor, poster, poster session dan lain-lain</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Media Lini Atas</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yaitu media komunikasi yang dapat dicerna atau ditangkap dengan indera penglihatan sekaligus indera pendengaran seperti televisi.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Media Lini Bawah</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yaitu media-media minor yang digunakan untuk mengiklankan produk.</p></div></ol>
  
<p style="line-height: 2">
+
==Konsep Dasar Desain==
Menurut(Sutarman,2012:13<ref name="Sutarman">.  
+
===Definisi Desain===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Rakhmat Supriyono (2010:136)<ref name="rakhmat2010">Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta :Andi</ref>. Desain merupakan art direction, yaitu penampilan visual secara menyeluruh dari iklan. Hasil kerja sama antara art direction dan copywriter (berupa konsep verbal dan visual) dipadukan secara sinergis ke dalam desain melalui proses standar, yaitu membuat sketsa-sketsa kasar, menentukan alternatif desain, hingga final artwork (FAW).  </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 maksud Desain dalam penelitian ini Desain adalah tampilan visual sepenuhnya dari iklan yang dihasilkan dari konsep verbal dan visual yang dibuat melalui beberapa tahapan dari bentuk sketsa kasar sampai pada final artwork.  </p></div>
 +
===Alternatif Desain===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Alternatif desain merupakan desain yang benar-benar memiliki perbedaan komposisi, layout, warna, pendekatan visual, dan lain-lain. Intinya alternatif desain yang satu harus berbeda look dan feel dari alternatif desain yang 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">Tujuan dari alternatif desain sebenarnya adalah mencari solusi yang paling terbaik, diantara deadline waktu yang ada. Disini peran brief desain yang baik menjadi penting, karena hal tersebut dapat mempersempit jumlah alternatif desain yang tercipta.</p></div>
 +
===Fungsi – Fungsi  Desain===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut  Lusyani Sunarya, S.S.n. (2010 :7)<ref name="lusyani2010">Lusyani Sunarya, S.S.n. 2010. Diktat Mata Kuliah Desain Karakter and Modeling. Tangerang</ref> Diktat Mata Kuliah Desain Karakter and Modeling :</p></div>
 +
<ol type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Fungsi Informasi</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Desain  selalu menyampaikan informasi dan pengirim pesan secara visual.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Fungsi identifikasi </p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Desain selalu menyiratkan atau menyuratkan identitas pengirim pesannya lewat karakter visual.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Fungsi Persuasi </p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Desain mampu mengekspresikan isi dari pesan dan menghadirkan resonansi atau getaran emosi lewat bahasa visualnya (seperti emosi dalam bahasa musikal) sehingga dapat menimbulkan persuasi.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Fungsi Rekreasi</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Lingkungan yang bertujuan untuk menciptakan suasana tertentu dalam lustrasi  dalam sebuah media, Contoh : Taman Rekreasi Expo (Pameran), pusat ilmiah dan sebagainya.</p></div></ol>
 +
===Pengertian Grafis===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Grafis dalam istilah bahasa Inggris disebut Graphic diartikan sebagai goresan yang berupa titik-titik atau garis yang berhubungan dengan kegiatan cetak-mencetak. Desain Grafis dapat diartikan sebagai proses pemikiran untuk mengalihkan gagasan dalam wujud gambar. Dalam proses mendesain ini seorang desainer dapat mempergunakan peralatan manual seperti kuas atau dengan teknologi komputer. Desain grafis komputer dapat diartikan sebagai upaya untuk mengalihkan gagasan kepada orang lain dalam wujud gambar yang dibuat menggunakan bantuan teknologi komputer. Seni grafis adalah sejenis karya seni murni yang umumnya memiliki dwimatra, merupakan hasil kerja diatas kertas, lempengan batu, logam, kayu, lembar sablon atau lainnya dimana pada permukaannya seseorang telah mengungkapkan gagasan dan cita rasa seninya dalam bentuk goresan, torehan, cukilan, guratan, sapuan, dan sebagainya.</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 type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Garis (line)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Garis diartikan sebagai sekumpulan titik yang dideretkan memanjang. Dalam pengertian 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.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Bidang (shape)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Segala bentuk apa pun yang memiliki dimensi tinggi dan lebar disebut juga dengan bidang. Bidang dapat berupa bentuk-bentuk geometris (lingkaran, segitiga, segiempat, elip, setengah lingkaran, dan sebagainya) dan bentuk-bentuk yang tidak beraturan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna (Color)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Gelap-terang (value)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Tekstur (Teksture)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Format</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Format adalah unsur lain dalam desain yang mengartikan 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.</p></div></ol>
  
"Sistem adalah elemen yang saling berhubungan dan berinteraksi dalam satu kesatuan untuk menjalankan suatu prosespencapaian suatu tujuan utama".
+
===Prinsip-Prinsip Desain Grafis===
"Konsep Dasar Sistem Informasi". Yogyakarta: Andi Offset.</ref>,  
+
<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>
yaitu:</p></div>
+
<ol type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Keseimbangan (Balance)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Tekanan (emphasis)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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:</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">Kontras. Focal point dapat diciptakan dengan teknik kontras, yaitu objek yang dianggap paling penting dibuat berbeda dengan elemen-elemen lainnya.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="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.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="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.</p></li></ol>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Irama (Rhythm)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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. Repetis adalah irama yang dibuat dengan penyusunan elemen berulang kali secara konsisten. Sementara itu, Variasi adalah perulangan elemen visual disertai perubahan bentuk, ukuran, atau posisi</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Kesatuan (Unity)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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:</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">Mengulang warna, bidang, garis, grid atau elemen yang sama pada setiap halaman.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Menyeragamkan jenis huruf untuk judul, body copy dan caption.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Menggunakan unsur-unsur visual yang memiliki kesamaan warna, tema dan bentuk.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Gunakan satu atau dua jenis huruf dengan variasi ukuran dan style (bold, italic dan sebagainya).</p></li></ol></ol>
  
<ol>
+
===Pengertian Typografi===
<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 Hendi Hendratman (2010: 63). 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>
 +
===Pengertian Tentang Psikologi Warna===
 +
<ol type="A"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
 +
Pengertian Warna</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sugeng Widada pada Diktat Mata Kuliah Nirmana (2010:14)<ref name="sugeng2010">Widada, Sugeng. 2010. Diktat Mata Kuliah Nirmana</ref> 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".</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Teori Warna Secara garis besar dikenal adanya 2 dasar teori tentang warna:</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">Prang system</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Munsell system</p></li></ol>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menurut teori Prang system warna dapat dibagi berdasarkan :</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">HUE (nama warna): panas atau dinginnya warna</p></li>
 +
<ol type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Menunjukkan nama-nama warna: merah, biru, hijau</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Perbedaan warna adalah perbedaan HUE</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Bila hijau menjadi kebiruan dapat dikatakan berubah HUE nya</p></li></ol>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">VALUE: Terang atau gelapnya warna</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">INTENSITY: Cerah atau suranya warna</p></li></ol>
  
Setiap sistem terdiri dari unsur-unsur, seperti sistem pernafasan kita terdiri dari suatu kelompok unsur,  
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">
yang terdiri dari hidung, saluran pernafasan, paru-paru, dan darah. Unsur-unsur yang membentuk sub sistem tersebut.</p>
+
Jenis atau bentuk warna</p></li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+
<ol type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna primer</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna sekunder</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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).</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Quarter</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna tersier</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Warna pada tingkat ketiga sebagai hasil percampuran warna–warna sekunder yang menghasilkan tiga warna, yaitu orange–jingga, orange–hijau, dan hijau–jingga.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Complementer</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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 digoya cvng sepertinya dapat bergerak.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Makna Simbolik Warna</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menurut Sugeng Widada pada Diktat Mata Kuliah Nirmana (2010 : 21)<ref name="sugeng2010">Widada, Sugeng. 2010. Diktat Mata Kuliah Nirmana</ref> mengenai arti dari sebuah warna.</p></div></ol>
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Merah.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Semangat, keberanian, amarah, bahaya, kekerasan, kekejaman, kesakitan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Kuning.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kegembiraan, keceriaan, kecemerlangan, keagungan, ciptaan</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Kuning Emas.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kemewahan, kejayaan, kemenangan, kemulyaan, kekuatan spiritual.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Hjau.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pertumbuhan, kesuburan, keremajaan, keyakinan, pengharapan, kesanggupan, kehidupan, penelitian.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Biru.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kebenaran, keteguhan, ketenangan, kesejukan, kesetiaan, kemurahan hati.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Putih.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kesucian, kebenaran, perdamaian, kemurnian, kejujuran, ketentraman</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Hitam.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Ketabahan, kekuatan, ketegasan, kejantanan, kesengsaraan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Abu-abu.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Ketaatan, rendah hati, kesholihan, modern.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Orange.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kemajuan, semangat, perkembangan, energi.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Warna Violet.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kemulyaan, kebesaran jiwa, kelembutan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Indigo.</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Ilmu pengetahuan, kemapanan, kedewasaan</p></div></ol></ol>
 +
===Pengertian Tentang Simbolisasi Bentuk===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Fandi Tjiptono (2012 : 30)<ref name="fandi2012">Tjiptono, Fandi. 2012. Strategi Pemasaran. Yogyakarta : Andi</ref> "Simbolisasi bentuk adalah bentuk bangun, rupa, figure, sosok suatu objek terungkap dalam kountur atau outline atau garis keliling dari objek yang bersangkutan".</p></div>
 +
===Pengertian Mutu
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Prof. Dr. Nanang Fattah (2012 : 5)<ref name="nanang2012">Prof. Dr. Nanang Fattah (2012 :  5)</ref> "Mutu adalah kemampuan (ability) yang dimiliki oleh suatu produk atau jasa (service) yang dapat memenuhi kebutuhan atau harapan, kepuasan (satisfaction), pelanggan (costumer) yang dalam pendidikan dikelompokkan menjadi dua, yaitu internal costumer dan eksternal".</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">Menurut Fandi Tjiptono (2012 : 30)<ref name="fandi2012">Tjiptono, Fandi. 2012. Strategi Pemasaran. Yogyakarta : Andi</ref> "Citra atau Image adalah data dalam bentuk gambar. Citra dapat berupa grafik, foto, hasil rontgen,dan tanda tangan, ataupun gambar yang lain".</p></div>
 +
===Jenis-jenis Layout
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Pengertian Layout</p></li>
 +
<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 : 85) "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) menjadi komunikasi visual yang komunikatif, estetik dan menarik".</p></div>
  
Unsur-unsur tersebut merupakan bagian terpadu sistem yang bersangkutan, unsur-unsur sistem berhubungan erat satu dengan yang lain
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Jenis Layout Menurut Supriyono (2010 : 9)<ref name="rakhmat2010">Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta :Andi</ref>:</p></li>
dan sifat serta kerjasama antara unsur sistem tersebut mempunyai bentuk tertentu.</p>
+
<ol type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Layout Kasar</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Layout Komprehensif</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adalah suatu gambar yang sudah mendekati komposisi final, dalam hal ini komposisi gambar yang pada umumnya disajikan dalam bentuk warna.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Final Artwork</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</p></div></ol></ol>
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+
==Konsep Dasar Majalah==
 +
===Definisi Majalah===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Majalah secara harfiah dalam bahasa Inggris berarti magazine, menurut Djafar H. Assegaff (2011:127)<ref name="djafar2011">Assegaff, Djafar H. 2011 Jurnalistik Masa Kini. PT. Ghalia Indonesia : Jakarta</ref>, Majalah diartikan sebagai publikasi atau terbitan secara berkala yang memuat artikel-artikel dari berbagai penulis.</p></div>
 +
===Bentuk-bentuk Majalah ===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Djafar H. Assegaff (2011: 126-128)<ref name="djafar2011">Assegaff, Djafar H. 2011 Jurnalistik Masa Kini. PT. Ghalia Indonesia : Jakarta</ref> :</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">Majalah bergambar</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yaitu bentuk majalah yang memuat reportase berdasarkan gambar-gambar suatu peristiwa atau suatu karangan khusus berisikan foto-foto.
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah anak-anak</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yaitu bentuk majalah khusus mengenai dunia anak-anak.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah berita</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni majalah berkala mingguan yang menjadikan berita-berita dengan suatu gaya tulisan khas dilengkapi dengan foto-foto dan gambar.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah budaya</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni penerbitan pers mengkhususkan isinya dengan masalah kebudayaan dan diterbitkan setiap minggu, bulan ataupun secara berkala.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah bulanan</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni bentuk majalah yang terbit secara berkala memuat keterangan-keterangan ringan, cerita pendek, cerita bergambar dan lain sebagainya.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah ilmiah</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni bentuk majalah terbit secara berkala khusus berisi mengenai suatu bidang ilmu misalnya teknik radio, elektronika, hukum dan lain-lain.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah keagamaan</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni bentuk majalah yang isinya khusus mengenai majalah agama, juga mengenai pendidikan kekeluargaan dan lain-lain.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah keluarga</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni bentuk majalah yang memuat karangan-karangan untuk seluruh keluarga, dari yang ringan bacaan anak-anak sampai kepada rumah tangga.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah khas</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni bentuk majalah setengan bulanan, yang isinya khusus mengenai berbagai macam bidang profesi, ada majalah khusus mengenai ilmu-ilmu sosial, kedokteran, industri, keagamaan, bisnis, fotografi, filateli dan lain-lain.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah mode</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni majalah yang diterbitkan bulanan atau setengah bulanan yang berisikan mode dan dilampiri lembaran berisikan pola pakaian.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah perusahaan</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni majalah (surat kabar) yang diterbitkan secara teratur oleh suatu perusahaan berisikan berita-berita atau berisi informasi mengenai kepegawaian, karyawan, kebijaksanaan dan produksi perusahaan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah remaja</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni majalah yang mengkhususkan isinya mengenai masalah remaja.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah sari tulisan</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni bentuk penerbitan dengan format khusus yang berisikan ringkasan karangan dari berbagai tulisan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah sastra</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni bentuk majalah khas yang terbit secara berkala dengan isinya khusus membicarakan masalah-masalah kesusastraan dan resensi buku-buku (novel) kontemporer atau kegiatan dalam bidang sastra.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Majalah wanita</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yakni majalah yang berisikan karangan-karangan khusus mengenai dunia wanita, dari masalah-masalah mode, resep masakan, kekeluargaan dan juga yang duhiasi dengan foto-foto.</p></div></ol>
  
  
Unsur sistem tersebut bekerja sama untuk mencapai tujuan sistem, setiap sistem mempunyai tujuan tertentu.
 
Seperti sistem pernafasan kita bertujuan menyediakan oksigen dan pembuangan karbon dioksida dari tubuh kita bertujuan
 
menyediakan oksigen dan tersebut yang berupa hidung, saluran pernafasan, paru-paru, dan darah bekerja sama satu dengan
 
yang lain dengan proses tertentu untuk mencapai tujuan tersebut.</p>
 
  
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
 
  
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>
+
==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">Menurut McLeod (2012 : 5)<ref name="mcleod">Media Company McLeod. 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>
 +
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="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.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Data yang terformat, adalah data dengan suatu format tertentu, misalnya data yang menyatkan tanggal atau jam, dan nilai mata uang.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Citra (image), adalah data dalam bentuk gambar, citra dapat berupa grafik, foto, hasil ronsten, dan tanda tangan.</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 pengertian diatas dapat ditarik kesimpulan data adalah bahan buku informasi, dapat didefinisikan sebagai kelompok teratur simbol - simbol yang mewakili kuantitas, fakta, tindakan, benda dsb.</p></div>
 +
===Pengertian Informasi===
 +
<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="mcleod">Media Company McLeod. 2012. Pengantar Sistem Informasi. Yogyakarta : Graha Ilmu</ref> Informasi (information) dapat didefinisikan 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">“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">Menurut Maimunah dalam jurnal CCIT (Maimunah dkk, 2012 : 284)<ref name="maimunah2012">Maimmunah, Llusyani Sunarya, dan Nina Larasati. 2012.</ref>  ”Informasi adalah data yang telah diolah menjadi sebuah bentuk yang lebih berarti bagi penerimanya, dan bermanfaat 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">Informasi dapat disimpulkan sebagai hasil dari pengelolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian (event) yang nyata (fact) yang digunakan untuk 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">Adapun maksud informasi dalam penelitian ini Informasi adalah bahan yang dihasilkan dari sekumpulan data yang diolah menjadi lebih berguna, yang dijadikan pegangan untuk mengambil keputusan</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="yakub2012">O’Brien, Yakub. 2012. Pengantar Sistem Informasi. Yogyakarta : Graha Ilmu.</ref> jenis-jenis informasi dijelaskan 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">Informasi manajerial</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi strategis untuk manajerial tingkat atas, informasi taktis untuk manajerial tingkat menengah, dan informasi operasional untuk manajerial tingkat bawah.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Sumber informasi</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Informasi rutinitas</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Informasi fisik</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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.</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">Menurut Jogiyanto (2012:9)<ref name="jogiyanto2012">Jogiyanto. 2012 Yakub (Pengantar Sistem Informasi) Graha Ilmu</ref> Kualitas dari  informasi (quality of information) sangat tergantung dari tiga hal yaitu accurate , time line, dan relevance. </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">Relevansi</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi benar-benar memberikan manfaat bagi pemakai.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Ketepatan Waktu</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menyatakan usia data yang sesuai dengan upaya pengambilan keputusan. Artinya, informasi tersebut tidak usang atau kadaluarsa ketika sampai ke penerima, sehingga masih ada waktu untuk menggunakan informasi tersebut sebagai bahan pengambilan keputusan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Akurasi  </p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menyatakan derajat kebenaran terhadap informasi dan menentukan kehandalan atau rehabilitas informasi. Informasi yang benar-benar bebas kesalahan dikatakan sangat akurat.</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">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>
+
===Nilai Informasi===
<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 Jogiyanto (2012: 9)<ref name="jogiyanto2012">Jogiyanto. 2012 Yakub (Pengantar Sistem Informasi) Graha Ilmu</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">Nilai suatu informasi dapat ditentukan berdasarkan sifatnya 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;text-indent: 0.0in"><p style="line-height: 2">Kemudahan dalam memperoleh </p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi memperoleh nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Sifat luas dan kelengkapannya</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup atau cakupan yang luas dan lengkap. Informasi sepotong dan tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Ketelitian (accuracy)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi atau akurat. Informasi menjadi tidak bernilai jika tidak akurat, karena akan mengakibatkan kesalahan pengambilan keputusan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Kecocokan dengan pengguna (relevance)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunaanya,  Informasi berharga dan penting menjadi tidak bernilai jika tidak sesuai dengan kebutuhan penggunanya, karena tidak dapat dimanfaatkan untuk pengambilan keputusan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Ketepatan waktu </p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">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 atau using, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Kejelasan (clarity)</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi yang jelas akan meningkatkan kesempurnan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Fleksibilitas atau keluwesannya</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manajer atau pimpinan pada saat pengambilan keputusan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Dapat dibuktikan</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Kebenaran informasi bergantung pada validitas data sumber yang diolah.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Tidak ada prasangka</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Dapat diukur</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Dapat diukur</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai yang sempurna.</p></div></ol>
  
<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>
+
==Program Aplikasi Penunjang Desain==
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
===Codel Draw===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Athenk Arts (2012:1)<ref name="athenk2012">Athenk Arts. 2012 Efek-Efek Terbaik CorelDraw dan Photoshop Citra Media Pustaka: Yogyakarta</ref> CorelDraw adalah sebagai dasar pemahaman seni menggambar dikomputer,  yang lebih menekankan pada teknik penggunaan fasilitas dasar pada software berbasis CAD (Computer Aided Design) lainnya.</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">Toolbar</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Umumnya terletak di bagian kiri, terdiri dari berbagai macam tool-tool mulai dari menarik garis, mewarnai hingga member efek pada objek.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Menu Bar</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Terletak pada bagian atas antar muka dan terdiri dari berbagai macam menu yang berguna untuk pengaturan lanjutan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Properti Bar</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Terletak di bawah menu bar, yang memberikan info tentang parameter dan pengaturan objek gambar.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Colour Pallete</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Terdiri dari sekumpulan warna kotak-kotak yang berfungsi untuk memberi warna pada objek. Umumnya terletak di sebelah kiri.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Docker </p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berisi perintah lanjutan dan tambahan. Untuk menampilkannya melalui menu windows docker.</p></div></ol>
 +
<div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/-685-mxlMBcA/VtCO2bL_wtI/AAAAAAAAAiI/XFoQvHzZ1M8/w756-h426-no/2.1.png" width="448px" height="336"/></div>
 +
      <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 2.1.</p></div>
 +
              <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tampilan Jendela Kerja Program CorelDraw X7</p></div>
  
1.       Komponen Sistem (Components)<p style="line-height: 2"></p></div>
+
===Adobe PhotoShop 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">Adobe PhotoShop CS3 adalah suatu program editing gambar yang dipergunakan untuk membuat, mengolah dan menghasilkan suatu gambar (image) digital dengan cara teknik dan meng-efek. Sehingga gambar terlihat lain dari aslinya dan berkualitas tinggi. Dengan adobe photoshop kita dapat mendesain berbagai macam bentuk ilustrasi secara tepat seperti : Koran, tabloid, cover buku, brosur dan lain-lain.</p></div>
 +
<ol type="A"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Toolbox</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Terdiri dari seperangkat fasilitas untuk mengedit atau memanipulsai image.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Option Bar</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan Option Bar akan berubah secara dinamis sesuai tool yang digunakan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">View</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berfungsi untuk memperbesar atau memperkecil tampilan sesuai dengan keinginan.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Palet Navigator</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berfungsi menggeser atau memperbesar melalui sebuah salinan miniature gambar. Bagian tengah palet navigator disebut Thumbnail.</p></div>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Penggaris</p></li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Untuk menampilkan klik view>show rules( Ctrl + R), ukuran penggaris pada pixel.</p></div></ol>
  
<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 align="center"><img style="margin:0px" src="https://lh4.googleusercontent.com/-kMOpskqOt44/VtCO2Z7QHPI/AAAAAAAAAiI/HFbIHwcxIb0/w965-h541-no/2.2.png" width="448px" height="336"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 2.2.</p></div>
 +
              <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tampilan Jendela Kerja Adobe Photoshop CS3</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>
+
==Elisitasi==
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hidayati dalam Rahardja (2011:302)<ref name="hidayati2011">Hidayati dalam Rahardja (2011:302),</ref>, "Elisitasi merupakan rancangan yang dibuat berdasarkan sistem baru yang diinginkan oleh pihak manajemen terkait dan 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">Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu:</p></div>
 +
<o><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Elisitasi tahap I, berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Elisitasi tahap II, merupakan hasil pengklasifikasian elisitasi tahap berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan system yang penting dan harus ada pada system baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi.</p></li>
 +
Berikut penjelasan mengenai MDI:</p></li>
 +
<ol type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">M pada MDI berarti Mandatory (penting). Maksudnya, requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">D pada MDI berarti Desirable. Maksudnya, requirement tersebut tidak  terlalu penting dan boleh dihilangkan. Namun, jika requirement tersebut digunakan dalam pembentukan sistem maka akan membuat sistem tersebut lebih sempurna.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">I pada MDI berarti Inessential. Maksudnya, requirement tersebut bukanlah bagian sistem yang dibahas, tetapi bagian dari luar sistem.</p></li></ol>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Elisitasi tahap III, merupakan hasil penyusutan elisitasi tahap II dengan cara mengeliminasi semua requirement dengan option I pada metode MDI. Selanjutnya, semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu:</p></li>
 +
<ol type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">T artinya Teknikal, bagaimana tata cara atau teknik pembuatan requirement dalam sistem yang diusulkan?</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">O artinya Operasional, bagaimana tata cara penggunaan?</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Requirement dalam sistem akan dikembangkan?</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">E artinya Ekonomi, berapakah biaya yang diperlukan guna membangun requirement di dalam sistem? Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:</p></li></ol>
 +
<ul><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">High (H): Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirement tersebut harus dieliminasi.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Middle (M): Mampu dikerjakan.</p></li>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Low (L) : Mudah dikerjakan.</p></li></ul>
 +
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Final draft elisitasi, merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p></li></ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
==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 Perpustakaan Perguruan Tinggi Raharja. Maka penulis melakukan literature review terhadap penelitian-penelitian sebelumnya sebagai berikut:</p></div>
<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>
+
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Perancangan Media Company Profile Sebagai Sarana Penunjang Informasi dan Promosi Pada PT Inovasi Multi Teknologi disusun oleh Nina Larasati. Saat ini media promosi seperti apa yang dapat memberikan informasi kepada masyarakat atau pelaku bisnis yang dapat mengkomunikasikan PT Inovasi Multi Teknologi secara baik dan menarik, kepada khalayak sehingga informasi yang dihasilkan dapat menjadi nilai tambah, nilai jual serta mengharumkan nama baik perusahaan, sebagai salah satu alternatif pemecahan masalah, maka diperlukan sebuah perancangan media promosi berupa Company Profile yang efektif, menarik perhatian seluruh konsumen dan bagi pelaku bisnis untuk melakukan kerja sama. Media promosi ini diharapkan menjadi media yang dapat menginformasikan secara lengkap dan jelas tentang PT Inovasi Multi Teknologi.</p></li>
 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Perancangan Company Profile dalam Bentuk CD Interaktif Pada CV. Kelompok Kerja Grafika disusun oleh Abdul Jabbaar. Pada Skripsi ini, Penulis melakukan analisa terhadap permasalahan yang ada, maka penulis ini mengusulkan kepada perusahaan untuk membuat Company Profile, yaitu suatu karya desain yang dikemas dalam bentuk CD Interaktif yang merupakan sebagai media yang dapat dijadikan sebagai aset suatu lembaga atau perusahaan yang dapat digunakan untuk meningkatkan image atau citra dari perusahaan untuk menjalin kerja sama dangan relasi perusahaan, lembaga, dan instansi terkait lainnya.</p></li>
<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;text-indent: 0.0in"><p style="line-height: 2">Perancangan Company Profile Interaktif Sebagai Media Informasi dan Promosi Pada CV. Global Multimedia disusun oleh Suharnianti. Media promosi merupakan sarana yang sangat penting dalam penyampaian informasi yang lengkap dan terperinci mengenai CV. Global Multmedia. Mulai dari Sejarah mutu kualitas, fasilitas sampai dengan kelebihan yang terdapat pada CV. Global Multimedia. Dalam hal ini akan dirancang sebuah media Company Profile dalam suatu desain grafis yang dikemas dalam bentuk web profile dan CD Interaktif yang setiap saat dipergunakan oleh pihak pemasaran.</p></li>
3.      Lingkugan Luar Sistem (Environtment)<p style="line-height: 2"></p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"><p style="line-height: 2">Perancangan Media Company Profile Sebagai Penunjang Informasi Dan Promosi Pada CV. Zachra Utama Makmur Tangerang disusun oleh Luthfi Pratama. Media penunjang informasi dan promosi sangat penting dalam membangun simage dari sebuah lembaga atau institusi, salah satunya adalah media Company Profile. Fungsi media Company Profile 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 Company Profile dapat memberikan informasi dan promosi yang lebih efektif mengenai profil dan aktivitas perusahaan.</p></li></ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
{{pagebreak}}
<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">
+
5. 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">
+
6. 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">
+
7.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">
+
8. 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">
+
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>
+
 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+
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>
+
<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>
+
 
+
<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">
+
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>
+
<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;">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>
+
<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;">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>
+
<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;">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>
+
<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;">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>
+
<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>
+
</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>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: 0.5in"><p style="line-height: 2">
+
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">
+
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>
+
<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">
+
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>
+
<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">
+
Informasi tersebut mempunyai manfaat untuk pemakainya. Relevansi informasi untuk tiap–tiap orang satu dengan yang lainnya berbeda.</p></li>
+
</ol>
+
 
+
===Konsep Dasar Sistem 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 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>
+
 
+
<ol>
+
 
+
<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">
+
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;">Blok Model (Model Block)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+
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>
+
<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;">Blok Basis Data (Database Block)<p style="font-family: 'times new roman'text-align: justify;line-height: 2">
+
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>
+
<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">
+
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>
+
 
+
===Konsep Dasar Analisa Sistem Informasi===
+
 
+
<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>
+
<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>
+
 
+
<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;">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>
+
<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;">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>
+
<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>
+
<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.
+
<p style="font-family: 'times new roman'text-align: justify;line-height: 2"></p></li>
+
</ol>
+
 
+
==Teori Khusus==
+
=== ''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">'''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">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>
+
<ol>
+
 
+
<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>
+
 
+
<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>
+
<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>
+
<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>
+
 
+
<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">(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>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+
1.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">
+
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">
+
3.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>
+
<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>
+
 
+
<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>
+
<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>
+
 
+
<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>
+
<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>
+
<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>
+
 
+
<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 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;text-indent: 0.0in">
+
<p style="line-height: 2">
+
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>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+
<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>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+
<p style="line-height: 2"> Dalam wawancaradengan manajemen senior, analisis CSF dapat menjadi perantara yang baik dalammengetahui informasi apa yang diperlukan setiap individu.</p>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+
<p style="line-height: 2"> Denganmenyediakan suatu hubungan dengan kebutuhan informasi, analisis CSF memegangperanan penting dalam memprioritaskan investasi modal yang potensial.</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 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>
+
 
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+
<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>
+
 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+
<p style="line-height: 2"> Melakukan uji coba perangkat lunak sistem sebagaipengolah data sekaligus penyaji informasi yang dibutuhkan.</p></li></ol>
+
 
+
===Perekrutan===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<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>
+
 
+
===Seleksi Pegawai atau Karyawan===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<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>
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+
<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>
+
 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+
<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;text-indent: 0.0in">
+
<p style="line-height: 2"> Menyelidiki latar belakang dari sumber lain di tempat kerja sebelumya.</p></li></ol>
+
 
+
===Elisitasi===
+
<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: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">
+
<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;text-indent: 0.0in">
+
<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>
+
+
<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>
+
<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: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;text-indent: 0.0in">
+
<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>
+
 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+
<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">
+
<p style="line-height: 2">Non-Profit Organization Website; Dimiliki oleh organisasi yang bersifat non-profit atau tidak bersifat bisnis</p></li></ol>
+
 
+
===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>
+
 
+
<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"><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>
+
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">'''2. Variabel 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">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>
+
 
+
<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;">Integer<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+
 
+
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>
+
 
+
<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">
+
 
+
 
+
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>
+
 
+
 
+
<ol>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+
 
+
 
+
Menampilkan database:SHOW DATABASE.</p>
+
<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>
+
<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>
+
<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===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">
+
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===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+
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>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+
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>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+
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>
+
 
+
==''Liteature Review''==
+
<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-family: 'times new roman'; text-align: center">'''BAB III'''</div>=

Revisi per 27 Februari 2016 02.48

PERANCANGAN MEDIA DESAIN BERBENTUK

MAGAZINE SEBAGAI MEDIA INFORMASI

DI SMK NEGERI 2 PANDEGLANG


SKRIPSI


Logo stmik raharja.jpg


Disusun Oleh :

NIM
: 1121469073
NAMA


JURUSAN TEKNIK INFORMATIKA

KONSENTRASI MULTIMEDIA AUDIO VISUAL AND 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 DESAIN BERBENTUK

MAGAZINE SEBAGAI MEDIA INFORMASI

DI SMK NEGERI 2 PANDEGLANG

Disusun Oleh :

NIM
: 1121469073
Nama
Jenjang Studi
: Strata Satu
Jurusan
: Teknik Informatika
Konsentrasi
: Sistem Informasi Manajemen

 

 

Disahkan Oleh :

Tangerang, 28 Januari 2016

Ketua
       
Kepala Jurusan
STMIK RAHARJA
       
Jurusan Sistem Informasi
           
           
           
           
(Ir. Untung Rahardja, M.T.I)
       
(Nur Azizah, M.Akt, M.Kom)
NIP : 000594
       
NIP : 078010

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

 

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN MEDIA DESAIN BERBENTUK

MAGAZINE SEBAGAI MEDIA INFORMASI

DI SMK NEGERI 2 PANDEGLANG

Dibuat Oleh :

NIM
: 1211474028
Nama

 

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Sistem Informasi

Sistem Informasi Manajemen

Tahun Akademik 2015 / 2016

Disetujui Oleh :

Tangerang, 28 Januari 2016

Pembimbing I
   
Pembimbing II
       
       
       
       
(Dina Fitria Murad,M.Kom)
   
(Haerudin, S.Kom,MM)
NID : 02026
   
NID : 05092

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN SISTEM INFORMASI PENJUALAN BERBASIS ONLINE

PADA SANDI KOMPUTER


Dibuat Oleh :

NIM
: 1211474028
Nama

Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian

Komprehensif

Jurusan Sistem Informasi

Konsentrasi Sistem Informasi Manajemen

Tahun Akademik 2015/2016

Disetujui Penguji :

Tangerang, 28 Januari 2016

Ketua Penguji
 
Penguji I
 
Penguji II
         
         
         
         
(_______________)
 
(_______________)
 
(_______________)
NID :
 
NID :
 
NID :

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

 

LEMBAR KEASLIAN SKRIPSI

Yang bertanda tangan dibawah ini,

NIM
: 1211474028
Nama
Jurusan
: Sistem Informasi
Konsentrasi
: Sistem Informasi Manajemen

 

 

Menyatakan bahwa Laporan Skripsi ini dari awal sampai akhir merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikasi dari Laporan Skripsi yang telah dipergunakan untuk memenuhi persyaratan mengambil Skripsi guna mendapatkan gelar Sarjana Komputer di lingkungan Perguruan Tinggi Raharja maupun Perguruan Tinggi lain, serta belum pernah dipublikasikan sebelumnya.

Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab serta bersedia menerima sanksi jika ternyata pernyataan di atas tidak benar.

Tangerang, 28 Januari 2016

 
 
 
 
 
NIM : 1211474028

 

)*Tandatangan dibubuhi materai 6.000;



ABSTRAKSI


Kemajuan teknologi informasi yang mengalami perkembangan yang sangat pesat dari tahun ke tahun menuntut kita untuk selalu melangkah maju dan mengikuti perkembangan tersebut. Demikian pula didalam dunia usaha yang dituntut untuk selalu berinovasi dalam menghadapi era persaingan yang semakin pesat saat ini. Salah satu dunia usaha yang dimaksud adalah Sandi Komputer, yaitu salah satu perusahaan yang bergerak dibidang Hardware. Namun dalam hal ini, berdasarkan analisa sistem yang sedang berjalan, diperoleh hasil bahwa sistem penjualan di Sandi Komputer melakukan kegiatan transaksi menggunakan media telepon, E-mail atau datang untuk bertanya langsung mengenai Sandi Komputer dan terkadang barang yang ingin dipesan tidak selalu ada sehingga Costumer harus menunggu. Hal tersebut menyebabkan ketidakpuasan Costumer terhadap layanan dan berdampak terhadap adanya indikasi omset penjualan yang menurun. Untuk itu perlu diterapkan sebuah sistem pelayanan yang disebut dengan sistem Penjualan Berbasis Online yang dapat diakses oleh Costumer secara Online, guna memberikan pelayanan yang memuaskan bagi Costumer dalam mendapatkan informasi, memudahkan konsumen dalam melakukan pembelian serta memperluas area pemasaran di Sandi Komputer. Untuk memperoleh data-data yang diperlukan selama penelitian, penulis menggunakan beberapa metode, antara lain: wawancara, observasi dan studi pustaka. Data yang diperoleh kemudian dianalisis dan digambarkan dengan menggunakan metode UML (Unified Modeling Language). Hasil akhir dari penelitian ini adalah berupa rancangan sistem Penjualan Berbasis Online yang dapat membantu dalam memudahkan Costumer dalam pembelian yang dapat diakses secara Online. Hasil penelitian ini diharapkan dapat bermanfaat bagi seluruh Costumer, maupun pihak manajemen di Sandi Komputer.


Kata Kunci: sistem informasi, teknologi, sistem penjualan, pelayanan, sandi computer

ABSTRACT

Advances in information technology that has developed very rapidly from year to year, requires us to always move forward and follow the developments. Similarly, in the business world are required to always innovate in the face of an increasingly competitive era rapidly. One of the business in question is a Sandi computer , which is one of the companies engaged in hardware. But in this case, based on analysis of the current system, the result that the system of sales at Computer Sandi Computer conduct transactions using a media phone, E-mail or come to ask directly about Sandi Computer and sometimes items to be ordered not always be so Costumer must wait. This causes Customer dissatisfaction with the services and the impact on the indication of declining sales turnover. For it is necessary to apply a system service called Sales-Based Online system which can be accessed by Costumer Online, in order to provide satisfactory services to the Customer in obtaininginformation, to enable consumers to make purchases and expand marketing area in Sandi Computer. To obtain the data needed for the study, the authors use several methods, among others: interviews, observation and literature study.The data obtained and analyzed and described using UML (Unified Modeling Language). The end result of this research is to plan Based Online Sales system that can assist in facilitating Costumer in purchases that can be accessed online. The result is expected to be useful for the whole Costumer, as well as the management at Sandi Computer.


Keywords: information systems , technology , sales system , service , sandi computer

KATA PENGANTAR

Bismillahirrahmanirrahim

Dengan memanjatkan puji syukur kehadirat Allah SWT yang telah mencurahakan nikmat hidup dan sehat serta senantiasa melimpahkan hidayahnya, sehingga penulis dapat menyelesaikan penyusunan laporan Skripsi ini dengan baik. adapun judul yang diambil dalam penyusunan laporan Skripsi ini adalah “Perancangan Sistem Informasi Penjualan Berbasis Online Pada SandiKomputer “ Tujuan dari penulisan laporan ini adalah untuk memenuhi tugas yang diberikan oleh pihak akademik kepada mahasiswa dalam rangka penempuan ilmu, dan merupakan salah satu syarat menyelesaikan program Strata 1 di STMIK Raharja. Penulis menyadari bahwa tanpa bimbingan dan dorongan semua pihak, penulis tidak akan dapat menyelesaikan tugas ini dengan baik dan tepat pada waktunya. Dalam kesempatan ini penulis menyampaikan terima kasih kepada :

1. Bapak Ir. Untung Rahardja, M.T.I selaku Ketua STMIK Raharja.

2. Bapak Sugeng Santoso,M.Kom selaku Puket I Bidang Akademik STMIK Raharja.

3. Ibu Nur Azizah,M.Akt.,M.Kom selaku Kepala Jurusan Sistem Informasi.

4. Ibu Dina Fitria Murad,. M.Kom, selaku Dosen Pembimbing I yang senantiasa memberikan dorongan dan bimbingan dalam menyusun laporan skripsi ini hingga selesai.

5. Bapak Haerudin, S.Kom.,MM selaku Dosen Pembimbing II yang senantiasa memberikan dorongan dan bimbingan dalam menyusun laporan skripsi ini hingga selesai.

6. Bapak Rully Marai, selaku Stake holder Sandi Komputer.

7. Bapak dan Ibu Dosen Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan kepada saya.

8. Kedua orang tua dan keluarga tercinta yang telah memberikan dukungan moril maupun materil serta doa untuk keberhasilan penulis.

9. Ahmad Tajudin, Nada Sofiah Thufail, Dwivi Utami, Nanda, Ihda Rahmi dan lain-lain serta semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah memberikan dorongan serta semangat untuk menyelesaikan Laporan Skripsi Semua pihak yang tidak dapat penulis sebutkan satu per satu yang telah membantu penyusunan laporan ini.

Penulis menyadari bahwa dalam penyajian dan penyusunan laporan ini masih jauh dari sempurna dan masih banyak kekurangan.

Akhir kata penulis berharap laporan ini dapat memberikan manfaat bagi pembaca dan dapat menjadi bahan acuan yang bermanfaat dikemudian hari.

Tangerang,28 Januari 2016
Nama. Irma Wahyuningsih
NIM. 1211474028

Daftar isi


DAFTAR SIMBOL

DAFTAR SIMBOL USE CASE DIAGRAM

Daftar Simbol Use Case Diagram.png

DAFTAR SIMBOL ACTIVITY DIAGRAM

Daftar Simbol Activity Diagram.png


DAFTAR SIMBOL SEQUENCE DIAGRAM

Daftar Simbol Sequence Diagram.png

DAFTAR TABEL


Tabel 3.5. Stategi S-O

Tabel 3.6. Strategi

Tabel 3.8. Strategi W-O

Tabel 3.9. Elisitasi Tahap I

Tabel 3.10. Elisitasi Tahap II

Tabel 3.11. Elisitasi Tahap 111

Tabel 3.12. Final Draft Elisitasi

Tabel 4.1. Perbedaan Sistem Berjalan dan Usulan

Tabel 4.4. Daftar

Tabel 4.5. Daftar Data Kayawan

Tabel 4.6.Jawaban

Tabel 4.7.Pertanyaan

Tabel 4.8. Pengujian Blackbox

Tabel 4.9. Time Schedule

Tabel 4.10. Estimasi


DAFTAR GAMBAR

Gambar 3.1. Struktur Organisasi PT. Kraktau Information Technology Tbk

Gambar 3.2. Use Case Diagram yang sedang berjalan

Gambar 3.3. Activity Diagram yang sedang berjalan

Gambar 4.2. Activity Diagram yang diusulkan

Gambar 4.3. Squence Diagram HRD yang diusulkan

Gambar 4.4. Sequence Diagram Pelamar yang diusulkan

Gambar 4.5. Class Diagram yang diusulkan

Gambar 4.6. Tampilan Login

Gambar 4.7. Tampilan Home

Gambar 4.8. Tampilan Daftar

Gambar 4.9. Tampilan Data Calon Karyawan

Gambar 4.10. Tampilan Tes Online

Gambar 4.11. Tampilan Hasil Tes

Gambar 4.12. Tampilan Menu Daftar

Gambar 4.13. Tampilan Menu Setelah Daftar

Gambar 4.14. Tampilan Menu Login

Gambar 4.15. Tampilan Input Menu Berhasil Login

Gambar 4.16. Tampilan Data Calon Karyawan

Gambar 4.17. Tampilan Upload CV dan Surat Lamaran Kerja

Gambar 4.18. Tampilan Tes Online

Gambar 4.19. Tampilan Hasil Tes Online


BAB I

PENDAHULUAN

Latar Belakang Masalah

Saat ini dengan perkembangan teknologi yang semakin pesat sangat mendukung dalam persaingan dunia bisnis, begitu pula dalam dunia pendidikan yang dimana mereka saling berlomba dalam menginformasikan inovasi terbaik mereka, yang ditujukan agar dapat diketahui dan dapat menarik perhatian masyarakat.

Oleh karena itu banyak yang menawarkan jasa untuk ikut andil dalam menginformasikan lembaga-lembaga pendidikan. Jika dilihat dari segi kebutuhan pada program informasi penggunaan media penunjangnya kurang lebih hampir sama, seperti halnya menggunakan media penunjang berbasis cetakan, elektronik dan masih banyak bentuk media-media penunjang yang mengacu pada perkembangan teknologi sarana produksi media khususnya perkembangan teknologi multimedia.

Informasi dapat dilakukan dengan berbagai cara, antara lain melalui media advertising atau periklanan. Sampai saat ini, iklan masih dianggap pilihan yang menarik sebagai sarana mempublikasikan produk karena dapat menjangkau masyarakat secara luas untuk mengenalkan dan lebih mendekatkan produk kepada konsumen. Iklan berperan penting sebagai salah satu sumber informasi yang diperlukan konsumen untuk mengetahui kelebihan dan kekurangan yang ada, hingga saat ini media informasi yang berbasis cetakan lebih sering dipergunakan, walaupun dengan biaya yang terhitung lebih besar. Akan tetapi bentuk media cetakan dapat lebih bertahan lama dan lebih fleksibel, dengan segala keunggulan media berbasis cetakan diharapkan nilai-nilai efektifitas bisa terpenuhi kebutuhannya.

Iklan yang efektif tidak hanya menyampaikan informasi saja, tetapi juga menyampaikan pesan-pesan yang akan menimbulkan citra positif bagi konsumen. Banyak jenis dan ragamnya media berbasis cetakan, diantaranya Brosur, Poster luar atau Poster dalam, Majalah, Spanduk dan ragam media cindera mata lainnya.

Jika kita kaji dengan begitu banyaknya ragam, sekecil apapun penilaian dari publik dapat mempengaruhi ¬eksistensi suatu perusahaan atau lembaga pendidikan, karena secara langsung dan tidak langsung semua kegiatannya akan selalu berhubungan dengan publik, baik publik ekternal maupun publik internal, begitu pula yang dilakukan oleh SMK Negeri 2 Pandeglang, sekolah ini juga telah menggunakan layanan web sebagai media informasi, juga telah membuat selembaran yang berkaitan dengan sekolah dan siswa, yang dibagikan langsung kepada kalangan internal maupun external secara gratis, yang berisikan tentang informasi-informasi sekolah, seperti kegiatan sekolah dan prestasi sekolah, namun dengan media informasi yang ada masih belum mencapai target, dengan kata lain tingkat perkembangan siswa setiap tahun selalu stabil.

Oleh karena itu penulis sebagai mahasiswa Program Studi Teknik Informatika yang dibekali keterampilan penguasaan di bidang rancangan media grafis, dengan responsif telah melakukan analisa-analisa terhadap penyelenggara pendidikan SMK Negeri 2 Pandeglang, dari hasil wawancara penulis telah menyimpulkan dan menentukan topik penelitian yang diberi judul “PERANCANGAN MEDIA DESAIN BERBENTUK MAGAZINE SEBAGAI MEDIA INFORMASI DI SMK NEGERI 2 PANDEGLANG”.

Dari hasil rancangan media majalah tersebut nantinya akan diprogramkan penerbitannya dengan skala periode-periode yang telah di tetapkan berdasarkan volume kegiatan yang akan dipublikasikan, dan tidak dilupakan yang pasti sumber pendanaan biaya produksi media tiap-tiap periode penerbitan.

Rumusan Masalah

Permasalahan-permasalahan yang akan dipecahkan dalam penelitian ini dapat dirumuskan sebagai berikut:

  1. Media apa yang dapat melengkapi informasi SMK Negeri 2 Pandeglang?

  2. Bagaimana merancang media magazine yang dapat meningkatkan pencitraan kepada masyarakat tentang SMK Negeri 2 Pandeglang?

  3. Setelah informasi SMK Negeri 2 Pandeglang dapat disampaikan secara efektif, target apa yang diinginkan oleh pihak manajemen lembaga?


Ruang Lingkup

Agar pembahasan lebih terarah tidak menyimpang dari topik penelitian, penulis dalam hal ini membatasi permasalahan yang akan dibahas, adapun permasalahan yang akan dibahas adalah hal-hal yang berhubungan dengan kebutuhan produksi media majalah sekolah yang nantinya akan diprogramkan secara berlanjut dan sebagai upaya peningkatan citra sekolah untuk meningkatkan perolehan calon siswa baru di tiap-tiap tahunnya.

Tujuan dan Manfaat Penelitian

Tujuan Peneliti

  1. Tujuan Operasional.

  2. Media majalah yang dihasilkan agar dijadikan sarana penunjang kegiatan operasional yang efektif dalam perolehan siswa baru untuk tiap-tiap tahun kedepannya.

  3. Tujuan Fungsional.

  4. Efektifitas dari tiap-tiap media yang dirancang diharapkan dapat meningkatkan perolehan calon siswa baru dan dapat menunjukkan eksistensi sekolahan yang bersangkutan.

  5. Tujuan Individual

    1. Sebagai salah satu syarat untuk mencapai gelar Sarjana Jurusan Teknik Informatika Konsentrasi MAVIB (Multimedia Audio Visual and Broadcasting) Perguruan Tinggi Raharja.

    2. Untuk menambah pengetahuan, wawasan, dan pengalaman yang berharga dalam memproduksi media magazine.

    3. Mampu bekerja secara profesional untuk mengembangkan kreatifitas dalam mengembangkan ide-ide, teori maupun prakteknya.

Manfaat Penelitian

Manfaat yang didapat dari penelitian ini adalah :

  1. Dengan menggunakan media majalah sekolah tersebut siswa akan termotivasi kepada setiap penyelenggaraan kegiatan sekolah, karena mereka berharap setiap penerbitan publikasi kegiatan sekolah minimal gambar atau nama mereka tercantum dalam penerbitan tersebut.

  2. Dengan kontuinitas dan efektifitasnya media sekolah tersebut perkembangan-perkembangan manajemen sekolah selalu dapat teraspirasi oleh masyarakat.

  3. Memiliki sarana penunjang informasi yang continue, berarti eksistensi sekolah SMK Negeri 2 Pandeglang selalu sampai ke masyarakat.

Metode Penelitian

Pelaksanaan penelitian ini, penulis melakukan beberapa metode pengumpulan data diantaranya:

Metode Analisa Masalah

Analisa permasalahan didapatkan dari hasil interview yang dilakukan penulis pada hari kamis 16 September 2015 ke SMK Negeri 2 Pandeglang dengan Ibu Ade Susanti, A.pd sebagai stakeholder.

Metode Pengumpulan Data

Pengumpulan data dilakukan dengan cara :

  1. Metode Observasi

  2. Metode yang dilakukan penulis untuk mengumpulkan data dan dengan cara mendatangi tempat penelitian secara langsung.

  3. Metode Interview

  4. Materi-materi yang dipergunakan dalam penyusunan laporan penelitian ini diperoleh dengan bertanya langsung dengan stakeholder.

  5. Metode Pustaka

  6. Materi-materi yang dipergunakan sebagai dasar landasan diperoleh dari berbagai sumber tertulis, yaitu buku-buku panduan yang terkait dan memuat informasi-informasi yang diperlukan untuk digunakan dalam penyusunan laporan penelitian. Buku-buku panduan yang dipergunakan penulis dalam hal ini adalah dari berbagai sumber.

Metode Sumber Data

Menurut sumbernya data dapat dibedakan menjadi dua bagian :

  1. Data Internal yaitu data menggambarkan keadaan atau kejadian di dalam suatu instansi pendidikan di SMK Negeri 2 Pandeglang agar mendapatkan beberapa keterangan atau data yang diperlukan untuk pembuatan laporan skripsi ini.

  2. Data Eksternal yaitu data yang menggambarkan keadaan atau kegiatan diluar suatu instansi pendidikan SMK Negeri 2 Pandeglang.

Metode Analisa Perancangan Media

Perancangan media komunikasi visual sebagai penunjang media promosi dan informasi dirancang berdasarkan analisa terhadap media yang telah digunakan pada media sebelum nya, selain dari itu juga terhadap analisa kebutuhan yang diajukan kepada stakeholder, selanjutnya dirancang dengan menggunakan aplikasi program komputer grafis.

Media-media yang akan dipergunakan sebagai sarana penunjang informasi SMK Negeri 2 Pandeglang dirancang dengan menggunakan aplikasi CorelDraw X7 dan Adobe Photoshop CS3.

Metode Konsep Desain

Dalam konsep desain akan disampaikan tahapan-tahapan proses desain media yaitu :

  1. Perencanaan Media

  2. Perencanaan Pesan

  3. Perencanaan Visual.

Sistematika Penulisan

Untuk memahami lebih jelas lapoaran penelitian ini, maka penulis mengelompokan materi laporan ini menjadi beberapa Bab dengan sistematika penyampainnya disusun sebagai berikut:

BAB I PENDAHULUAN

Berisi mengenai Latar Belakang Permasalahan Skripsi, Rumusan Permasalahan Skripsi, Ruang Lingkup, Tujuan dan Manfaat Penelitian, Metodologi Penelitian, Konsep Desain, Sistematika Penulisan Laporan Skripsi dan Penutup.

BAB II LANDASAN TEORI

Berisi konsep dasar-konsep dasar yang mendasari laporan skripsi secara teoritis dan ilmiah, diantaranya Konsep Dasar Perancangan, Konsep Dasar Informasi, Konsep Dasar Media, Konsep Dasar Desain, Definisi-definisi, Elisitasi, Aplikasi Penunjang Produksi Media Rancangan dan literature Review.

BAB III IDENTIFIKASI MASALAH

Berisi Sejarah Singkat Lembaga Pendidikan SMK Negeri 2 Pandeglang, Struktur Organisasi, Wewenang dan Tanggung Jawab tiap-tiap bagian pada SMK Negeri 2 Pandeglang, Product Information, Market Analisis, Potensial Market, Market Segmentation dan Marketing Objective (Tujuan Pemasaran).

BAB IV KONSEP DESAIN

Berisi tahapan-tahapan :

Perencanaan Media berisi Tujuan Media, Strategi Media dan Program Media. Perencanaan Pesan (Perancanaan Kreatif), yang berisi Tujuan Pesan (Tujuan Kreatif) dan Strategi Pesan (Strategi Kreatif) Perencanaan Visual, yang berisi Tujuan Visual, Strategi Visual dan Proses Desain (Designing). Pada Proses Desain terdapat Layout Kasar, Layout Komprehensif dan Final Art Work.

BAB V PENUTUP

Kesimpulan yang menjawab poin-poin permasalahan yang disampaikan pada Rumusan Masalah.

DAFTAR PUSTAKA

LAMPIRAN

BAB II

LANDASAN TEORI

Konsep Dasar Perancangan

Pengertian Perancangan

Menurut Iwan Binanto (2010 : 260-261)[1] 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 bagan alir (flowchart) untuk menggambarkan aliran dari satu scene ke scene lain.

Menurut Pujirianto 2012:27[2]. Perancangan adalah wujud visual yang dihasilkan dari bentuk-bentuk kreatif yang telah direncanakan. Langkah awal dalam perancangan desain bermula dari hal-hal yang tidak teratur berupa gagasan atau ide-ide kemudian melalui proses penggarapan dan pengelolaan akan menghasilkan hal-hal yang teratur, sehingga hal-hal yang sudah teratur bisa memenuhi fungsi dan kegunaan secara baik.

Adapun yang dimaksud perancangan dalam penelitian ini adalah tahap kegiatan pembuatan sebuah media majalah yang dilakukan melalui tahapan-tahapan dati Perencanaan Media, Perencanaan Pesan samapai tahapan Perencanaan Visual, dari tahapan- tahapan yang dilakukan guna menghasilkan bentuk rancangan visual yang kreatif yang telah terencana dan tersusun secara baik.

Proses Perancangan Secara Umum

Menurut Hendi Hendratman (2010 : 09-12)[3] :

  1. Persiapan Data

  2. Data dapat berupa teks atau gambar yang terlebih dahulu diseleksi, apakah data tersebut sangat penting sehingga harus ditampilkan atau data kurang penting sehingga dapat ditampilkan lebih kecil, samar atau ditiadakan sama sekali. Data dapat berupa data Informatif yaitu berupa foto atau teks dan judul serta data Estetis yaitu berupa bingkai, background, efek grafis garis atau bidang.

  3. Ide

  4. Untuk mencari ide yang kreatif diperlukan studi banding, wawancara dan lain-lain agar desain yang dibuat bisa efektif diterima dan membangkitkan kesan tertentu yang sulit dilupakan.

  5. Konsep

  6. Hasil kerja berupa pemikiran yang menentukan tujuan-tujuan, kelayakan dan segmen yang dituju. Oleh karena itu, desain grafis menjadi desain komunikasi visual agar dapat bekerja untuk membantu pihak yang membutuhkan solusi secara visual.

  7. Media

  8. Untuk mencapai kriteria ke sasaran atau segmen yang dituju diperlukan studi kelayakan yang cocok dan efektif untuk mencapai tujuannya. Media bisa berupa cetak, elektonik, luar ruang dan lain-lain.

  9. Visualisasi

  10. Menentukan komponen desain, pemilihan warna, layout sampai finishing.

  11. Produksi

  12. Setelah desain dan coding yang dibuat selesai, sebaiknya terlebih dahulu diuji coba (testing) untuk memastikan sistem atau produk tidak ada kesalahan.

Pengertian Project

Menurut Dewi Priyatno (2010:35)[4] Project adalah susunan klip video, gambar, atau musik di timeline atau storyboard yang sedang dalam pengeditan.

Konsep Dasar Media

Pengertian Media

Media adalah saluran penyampaian pesan komersial kepada khalayak sasaran atau dapat dikatakan salah satu komunikasi periklanan yang dilakukan melalui saluran media tertentu, seperti televisi, surat kabar, majalah, radio, buku profile, papan iklan, pos langsung, petunjuk penjualan, selebaran, pengantar penawaran dan alat peraga

Menurut Rhenald Kasali (2012:77)[5]. 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.

Menurut Maimunah dkk dalam jurnal CCIT ( vol. 5 No. 3 – Mei 2012)[6] Media adalah sarana untuk menyampaikan pesan atau informasi kepada public dengan menggunakan berbagai unsur komunikasi grafis seperti teks atau gambar atau foto.

Media adalah saluran penyimpanan pesan komersial kepada khalayak sasaran atau dapat dikatakan salah satu komunikasi periklanan yang dilakukan melalui saluran media tertentu, seperti televisi, surat kabar, majalah, radio, internet, buku profil, media luar ruangan, iklan transit dan direct mail.

Adapun maksud dari penelitian ini media adalah suatu informasi atau pesan kepada masyarakat yang menggunakan komunikasi grafis dengan cara penyampaiannya seperti teks atau gambar.

Jenis-jenis Media

Secara umum media yang tersedia dapat dikelompokkan menjadi media cetak. Media elektronik, media luar ruang. media dalam ruang, media lini atas dan media lini bawah.

  1. Media Cetak

  2. Yaitu media yang statis dan mengutamakan pesan-pesan dengan jumlah kata, gambar, atau foto, baik dalam tata warna maupun hitam putih. Jenis-jenis media cetak terdiri atas surat kabar, buku profil, majalah, tabloid, brosur dan lain-lain.

  3. Media Elektronik

  4. Yaitu media dengan teknologi dan hanya bisa digunakan bila ada transmisi siaran. Bentuk-bentuk iklan dalam media elektronik biasanya berupa sponsorship, iklan partisipasi (disisipkan ditengah-tengah film atau acara), pengumuman acara, iklan layanan masyarakat, jingle, sandiwara dan lain-lain. Jenis-jenis media elektronik terdiri atas : televisi dan radio.

  5. Media Luar Ruang (outdoor)

  6. Yaitu media iklan (biasanya berukuran besar) yang dipasang ditempat-tempat terbuka seperti di pinggir jalan, di pusat keramaian, atau tempat-tempat khusus lainnya, seperti di dalam bis, gedung, pagar tembok dan sebagainya. Jenis-jenis media luar ruang meliputi : billboard, baliho, poster, spanduk umbul-umbul, transit (panel bis), balon raksasa dan lain-lain.

  7. Media Dalam Ruang ( indoor)

  8. Yaitu media iklan yang biasanya berukuran kecil atau sedang yang bisa dipasang didalam ruangan . Jenis media dalam ruangan adalah : panel indoor, poster, poster session dan lain-lain

  9. Media Lini Atas

  10. Yaitu media komunikasi yang dapat dicerna atau ditangkap dengan indera penglihatan sekaligus indera pendengaran seperti televisi.

  11. Media Lini Bawah

  12. Yaitu media-media minor yang digunakan untuk mengiklankan produk.

Konsep Dasar Desain

Definisi Desain

Menurut Rakhmat Supriyono (2010:136)[7]. Desain merupakan art direction, yaitu penampilan visual secara menyeluruh dari iklan. Hasil kerja sama antara art direction dan copywriter (berupa konsep verbal dan visual) dipadukan secara sinergis ke dalam desain melalui proses standar, yaitu membuat sketsa-sketsa kasar, menentukan alternatif desain, hingga final artwork (FAW).

Adapun maksud Desain dalam penelitian ini Desain adalah tampilan visual sepenuhnya dari iklan yang dihasilkan dari konsep verbal dan visual yang dibuat melalui beberapa tahapan dari bentuk sketsa kasar sampai pada final artwork.

Alternatif Desain

Alternatif desain merupakan desain yang benar-benar memiliki perbedaan komposisi, layout, warna, pendekatan visual, dan lain-lain. Intinya alternatif desain yang satu harus berbeda look dan feel dari alternatif desain yang lain.

Tujuan dari alternatif desain sebenarnya adalah mencari solusi yang paling terbaik, diantara deadline waktu yang ada. Disini peran brief desain yang baik menjadi penting, karena hal tersebut dapat mempersempit jumlah alternatif desain yang tercipta.

Fungsi – Fungsi Desain

Menurut Lusyani Sunarya, S.S.n. (2010 :7)[8] Diktat Mata Kuliah Desain Karakter and Modeling :

  1. Fungsi Informasi

  2. Desain selalu menyampaikan informasi dan pengirim pesan secara visual.

  3. Fungsi identifikasi

  4. Desain selalu menyiratkan atau menyuratkan identitas pengirim pesannya lewat karakter visual.

  5. Fungsi Persuasi

  6. Desain mampu mengekspresikan isi dari pesan dan menghadirkan resonansi atau getaran emosi lewat bahasa visualnya (seperti emosi dalam bahasa musikal) sehingga dapat menimbulkan persuasi.

  7. Fungsi Rekreasi

  8. Lingkungan yang bertujuan untuk menciptakan suasana tertentu dalam lustrasi dalam sebuah media, Contoh : Taman Rekreasi Expo (Pameran), pusat ilmiah dan sebagainya.

Pengertian Grafis

Grafis dalam istilah bahasa Inggris disebut Graphic diartikan sebagai goresan yang berupa titik-titik atau garis yang berhubungan dengan kegiatan cetak-mencetak. Desain Grafis dapat diartikan sebagai proses pemikiran untuk mengalihkan gagasan dalam wujud gambar. Dalam proses mendesain ini seorang desainer dapat mempergunakan peralatan manual seperti kuas atau dengan teknologi komputer. Desain grafis komputer dapat diartikan sebagai upaya untuk mengalihkan gagasan kepada orang lain dalam wujud gambar yang dibuat menggunakan bantuan teknologi komputer. Seni grafis adalah sejenis karya seni murni yang umumnya memiliki dwimatra, merupakan hasil kerja diatas kertas, lempengan batu, logam, kayu, lembar sablon atau lainnya dimana pada permukaannya seseorang telah mengungkapkan gagasan dan cita rasa seninya dalam bentuk goresan, torehan, cukilan, guratan, sapuan, dan sebagainya.

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:

  1. Garis (line)

  2. Garis diartikan sebagai sekumpulan titik yang dideretkan memanjang. Dalam pengertian 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.

  3. Bidang (shape)

  4. Segala bentuk apa pun yang memiliki dimensi tinggi dan lebar disebut juga dengan bidang. Bidang dapat berupa bentuk-bentuk geometris (lingkaran, segitiga, segiempat, elip, setengah lingkaran, dan sebagainya) dan bentuk-bentuk yang tidak beraturan.

  5. Warna (Color)

  6. 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.

  7. Gelap-terang (value)

  8. 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.

  9. Tekstur (Teksture)

  10. 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.

  11. Format

  12. Format adalah unsur lain dalam desain yang mengartikan 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:

  1. Keseimbangan (Balance)

  2. 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.

  3. Tekanan (emphasis)

  4. 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.

  5. Irama (Rhythm)

  6. 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. Repetis adalah irama yang dibuat dengan penyusunan elemen berulang kali secara konsisten. Sementara itu, Variasi adalah perulangan elemen visual disertai perubahan bentuk, ukuran, atau posisi

  7. Kesatuan (Unity)

  8. 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).

Pengertian Typografi

Menurut Hendi Hendratman (2010: 63). 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

  1. Pengertian Warna

  2. Menurut Sugeng Widada pada Diktat Mata Kuliah Nirmana (2010:14)[9] 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

  3. Jenis atau bentuk warna

    1. Warna primer

    2. 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.

    3. Warna sekunder

    4. 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).

    5. Warna Quarter

    6. 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.

    7. Warna tersier

    8. Warna pada tingkat ketiga sebagai hasil percampuran warna–warna sekunder yang menghasilkan tiga warna, yaitu orange–jingga, orange–hijau, dan hijau–jingga.

    9. Warna Complementer

    10. 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 digoya cvng sepertinya dapat bergerak.

    11. Makna Simbolik Warna

    12. Menurut Sugeng Widada pada Diktat Mata Kuliah Nirmana (2010 : 21)[9] mengenai arti dari sebuah warna.

    1. Warna Merah.

    2. Semangat, keberanian, amarah, bahaya, kekerasan, kekejaman, kesakitan.

    3. Warna Kuning.

    4. Kegembiraan, keceriaan, kecemerlangan, keagungan, ciptaan

    5. Warna Kuning Emas.

    6. Kemewahan, kejayaan, kemenangan, kemulyaan, kekuatan spiritual.

    7. Warna Hjau.

    8. Pertumbuhan, kesuburan, keremajaan, keyakinan, pengharapan, kesanggupan, kehidupan, penelitian.

    9. Warna Biru.

    10. Kebenaran, keteguhan, ketenangan, kesejukan, kesetiaan, kemurahan hati.

    11. Warna Putih.

    12. Kesucian, kebenaran, perdamaian, kemurnian, kejujuran, ketentraman

    13. Warna Hitam.

    14. Ketabahan, kekuatan, ketegasan, kejantanan, kesengsaraan.

    15. Warna Abu-abu.

    16. Ketaatan, rendah hati, kesholihan, modern.

    17. Warna Orange.

    18. Kemajuan, semangat, perkembangan, energi.

    19. Warna Violet.

    20. Kemulyaan, kebesaran jiwa, kelembutan.

    21. Indigo.

    22. Ilmu pengetahuan, kemapanan, kedewasaan

Pengertian Tentang Simbolisasi Bentuk

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

===Pengertian Mutu

Menurut Prof. Dr. Nanang Fattah (2012 : 5)[11] "Mutu adalah kemampuan (ability) yang dimiliki oleh suatu produk atau jasa (service) yang dapat memenuhi kebutuhan atau harapan, kepuasan (satisfaction), pelanggan (costumer) yang dalam pendidikan dikelompokkan menjadi dua, yaitu internal costumer dan eksternal".

===Pengertian Citra atau Image

Menurut Fandi Tjiptono (2012 : 30)[10] "Citra atau Image adalah data dalam bentuk gambar. Citra dapat berupa grafik, foto, hasil rontgen,dan tanda tangan, ataupun gambar yang lain".

===Jenis-jenis Layout

  1. Pengertian Layout

  2. Menurut Hendratman (2010 : 85) "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) menjadi komunikasi visual yang komunikatif, estetik dan menarik".

  3. Jenis Layout Menurut Supriyono (2010 : 9)[7]:

    1. Layout Kasar

    2. 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.

    3. Layout Komprehensif

    4. Adalah suatu gambar yang sudah mendekati komposisi final, dalam hal ini komposisi gambar yang pada umumnya disajikan dalam bentuk warna.

    5. Final Artwork

    6. 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.

Konsep Dasar Majalah

Definisi Majalah

Majalah secara harfiah dalam bahasa Inggris berarti magazine, menurut Djafar H. Assegaff (2011:127)[12], Majalah diartikan sebagai publikasi atau terbitan secara berkala yang memuat artikel-artikel dari berbagai penulis.

Bentuk-bentuk Majalah

Menurut Djafar H. Assegaff (2011: 126-128)[12] :

  1. Majalah bergambar

  2. Yaitu bentuk majalah yang memuat reportase berdasarkan gambar-gambar suatu peristiwa atau suatu karangan khusus berisikan foto-foto.

  3. <p style="line-height: 2">Majalah anak-anak

    </li>

    Yaitu bentuk majalah khusus mengenai dunia anak-anak.

  4. Majalah berita

  5. Yakni majalah berkala mingguan yang menjadikan berita-berita dengan suatu gaya tulisan khas dilengkapi dengan foto-foto dan gambar.

  6. Majalah budaya

  7. Yakni penerbitan pers mengkhususkan isinya dengan masalah kebudayaan dan diterbitkan setiap minggu, bulan ataupun secara berkala.

  8. Majalah bulanan

  9. Yakni bentuk majalah yang terbit secara berkala memuat keterangan-keterangan ringan, cerita pendek, cerita bergambar dan lain sebagainya.

  10. Majalah ilmiah

  11. Yakni bentuk majalah terbit secara berkala khusus berisi mengenai suatu bidang ilmu misalnya teknik radio, elektronika, hukum dan lain-lain.

  12. Majalah keagamaan

  13. Yakni bentuk majalah yang isinya khusus mengenai majalah agama, juga mengenai pendidikan kekeluargaan dan lain-lain.

  14. Majalah keluarga

  15. Yakni bentuk majalah yang memuat karangan-karangan untuk seluruh keluarga, dari yang ringan bacaan anak-anak sampai kepada rumah tangga.

  16. Majalah khas

  17. Yakni bentuk majalah setengan bulanan, yang isinya khusus mengenai berbagai macam bidang profesi, ada majalah khusus mengenai ilmu-ilmu sosial, kedokteran, industri, keagamaan, bisnis, fotografi, filateli dan lain-lain.

  18. Majalah mode

  19. Yakni majalah yang diterbitkan bulanan atau setengah bulanan yang berisikan mode dan dilampiri lembaran berisikan pola pakaian.

  20. Majalah perusahaan

  21. Yakni majalah (surat kabar) yang diterbitkan secara teratur oleh suatu perusahaan berisikan berita-berita atau berisi informasi mengenai kepegawaian, karyawan, kebijaksanaan dan produksi perusahaan.

  22. Majalah remaja

  23. Yakni majalah yang mengkhususkan isinya mengenai masalah remaja.

  24. Majalah sari tulisan

  25. Yakni bentuk penerbitan dengan format khusus yang berisikan ringkasan karangan dari berbagai tulisan.

  26. Majalah sastra

  27. Yakni bentuk majalah khas yang terbit secara berkala dengan isinya khusus membicarakan masalah-masalah kesusastraan dan resensi buku-buku (novel) kontemporer atau kegiatan dalam bidang sastra.

  28. Majalah wanita

  29. Yakni majalah yang berisikan karangan-karangan khusus mengenai dunia wanita, dari masalah-masalah mode, resep masakan, kekeluargaan dan juga yang duhiasi dengan foto-foto.

    </ol>



    Konsep Dasar Informasi

    Pengertian Data

    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".

    1. 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.

    2. Data yang terformat, adalah data dengan suatu format tertentu, misalnya data yang menyatkan tanggal atau jam, dan nilai mata uang.

    3. Citra (image), adalah data dalam bentuk gambar, citra dapat berupa grafik, foto, hasil ronsten, dan tanda tangan.

    Dari pengertian diatas dapat ditarik kesimpulan data adalah bahan buku informasi, dapat didefinisikan sebagai kelompok teratur simbol - simbol yang mewakili kuantitas, fakta, tindakan, benda dsb.

    Pengertian Informasi

    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”.

    Menurut Maimunah dalam jurnal CCIT (Maimunah dkk, 2012 : 284)[6] ”Informasi adalah data yang telah diolah menjadi sebuah bentuk yang lebih berarti bagi penerimanya, dan bermanfaat dalam mengambil sebuah keputusan”.

    Informasi dapat disimpulkan sebagai hasil dari pengelolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian (event) yang nyata (fact) yang digunakan untuk pengambilan keputusan”.

    Adapun maksud informasi dalam penelitian ini Informasi adalah bahan yang dihasilkan dari sekumpulan data yang diolah menjadi lebih berguna, yang dijadikan pegangan untuk mengambil keputusan

    Jenis-jenis Informasi

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

    1. Informasi manajerial

    2. Informasi strategis untuk manajerial tingkat atas, informasi taktis untuk manajerial tingkat menengah, dan informasi operasional untuk manajerial tingkat bawah.

    3. Sumber informasi

    4. 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.

    5. Informasi rutinitas

    6. 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.

    7. Informasi fisik

    8. 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 , time line, dan relevance.

    1. Relevansi

    2. Informasi benar-benar memberikan manfaat bagi pemakai.

    3. Ketepatan Waktu

    4. Menyatakan usia data yang sesuai dengan upaya pengambilan keputusan. Artinya, informasi tersebut tidak usang atau kadaluarsa ketika sampai ke penerima, sehingga masih ada waktu untuk menggunakan informasi tersebut sebagai bahan pengambilan keputusan.

    5. Akurasi

    6. Menyatakan derajat kebenaran terhadap informasi dan menentukan kehandalan atau rehabilitas informasi. Informasi yang benar-benar bebas kesalahan dikatakan sangat akurat.


    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.

    Nilai suatu informasi dapat ditentukan berdasarkan sifatnya tentang 10 sifat yang dapat menentukan nilai informasi, yaitu sebagai berikut :

    1. Kemudahan dalam memperoleh

    2. Informasi memperoleh nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.

    3. Sifat luas dan kelengkapannya

    4. Informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup atau cakupan yang luas dan lengkap. Informasi sepotong dan tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.

    5. Ketelitian (accuracy)

    6. Informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi atau akurat. Informasi menjadi tidak bernilai jika tidak akurat, karena akan mengakibatkan kesalahan pengambilan keputusan.

    7. Kecocokan dengan pengguna (relevance)

    8. Informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunaanya, Informasi berharga dan penting menjadi tidak bernilai jika tidak sesuai dengan kebutuhan penggunanya, karena tidak dapat dimanfaatkan untuk pengambilan keputusan.

    9. Ketepatan waktu

    10. 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 atau using, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.

    11. Kejelasan (clarity)

    12. Informasi yang jelas akan meningkatkan kesempurnan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.

    13. Fleksibilitas atau keluwesannya

    14. Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manajer atau pimpinan pada saat pengambilan keputusan.

    15. Dapat dibuktikan

    16. Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Kebenaran informasi bergantung pada validitas data sumber yang diolah.

    17. Tidak ada prasangka

    18. Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.

    19. Dapat diukur

    20. Dapat diukur

    21. Informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai yang sempurna.

    Program Aplikasi Penunjang Desain

    Codel Draw

    Menurut Athenk Arts (2012:1)[16] CorelDraw adalah sebagai dasar pemahaman seni menggambar dikomputer, yang lebih menekankan pada teknik penggunaan fasilitas dasar pada software berbasis CAD (Computer Aided Design) lainnya.

    1. Toolbar

    2. Umumnya terletak di bagian kiri, terdiri dari berbagai macam tool-tool mulai dari menarik garis, mewarnai hingga member efek pada objek.

    3. Menu Bar

    4. Terletak pada bagian atas antar muka dan terdiri dari berbagai macam menu yang berguna untuk pengaturan lanjutan.

    5. Properti Bar

    6. Terletak di bawah menu bar, yang memberikan info tentang parameter dan pengaturan objek gambar.

    7. Colour Pallete

    8. Terdiri dari sekumpulan warna kotak-kotak yang berfungsi untuk memberi warna pada objek. Umumnya terletak di sebelah kiri.

    9. Docker

    10. Berisi perintah lanjutan dan tambahan. Untuk menampilkannya melalui menu windows docker.

    Gambar 2.1.

    Tampilan Jendela Kerja Program CorelDraw X7

    Adobe PhotoShop CS3

    Adobe PhotoShop CS3 adalah suatu program editing gambar yang dipergunakan untuk membuat, mengolah dan menghasilkan suatu gambar (image) digital dengan cara teknik dan meng-efek. Sehingga gambar terlihat lain dari aslinya dan berkualitas tinggi. Dengan adobe photoshop kita dapat mendesain berbagai macam bentuk ilustrasi secara tepat seperti : Koran, tabloid, cover buku, brosur dan lain-lain.

    1. Toolbox

    2. Terdiri dari seperangkat fasilitas untuk mengedit atau memanipulsai image.

    3. Option Bar

    4. Tampilan Option Bar akan berubah secara dinamis sesuai tool yang digunakan.

    5. View

    6. Berfungsi untuk memperbesar atau memperkecil tampilan sesuai dengan keinginan.

    7. Palet Navigator

    8. Berfungsi menggeser atau memperbesar melalui sebuah salinan miniature gambar. Bagian tengah palet navigator disebut Thumbnail.

    9. Penggaris

    10. Untuk menampilkan klik view>show rules( Ctrl + R), ukuran penggaris pada pixel.

    Gambar 2.2.

    Tampilan Jendela Kerja Adobe Photoshop CS3


    Elisitasi

    Menurut Hidayati dalam Rahardja (2011:302)[17], "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:

    <o>
  30. Elisitasi tahap I, berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.

  31. Elisitasi tahap II, merupakan hasil pengklasifikasian elisitasi tahap berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan system yang penting dan harus ada pada system baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi.

  32. Berikut penjelasan mengenai MDI:</p></li>

    1. M pada MDI berarti Mandatory (penting). Maksudnya, requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.

    2. <p style="line-height: 2">D pada MDI berarti Desirable. Maksudnya, requirement tersebut tidak terlalu penting dan boleh dihilangkan. Namun, jika requirement tersebut digunakan dalam pembentukan sistem maka akan membuat sistem tersebut lebih sempurna.

    3. I pada MDI berarti Inessential. Maksudnya, requirement tersebut bukanlah bagian sistem yang dibahas, tetapi bagian dari luar sistem.

  33. Elisitasi tahap III, merupakan hasil penyusutan elisitasi tahap II dengan cara mengeliminasi 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?

    3. Requirement dalam sistem akan dikembangkan?

    4. E artinya Ekonomi, berapakah biaya yang diperlukan guna membangun requirement di dalam sistem? Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:

    • High (H): Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirement tersebut harus dieliminasi.

    • Middle (M): Mampu dikerjakan.

    • Low (L) : Mudah dikerjakan.

  34. Final draft elisitasi, merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.

  35. </ol>

    Literature Review

    Berdasarkan studi pustaka pada Perpustakaan Perguruan Tinggi Raharja. Maka penulis melakukan literature review terhadap penelitian-penelitian sebelumnya sebagai berikut:

    1. Perancangan Media Company Profile Sebagai Sarana Penunjang Informasi dan Promosi Pada PT Inovasi Multi Teknologi disusun oleh Nina Larasati. Saat ini media promosi seperti apa yang dapat memberikan informasi kepada masyarakat atau pelaku bisnis yang dapat mengkomunikasikan PT Inovasi Multi Teknologi secara baik dan menarik, kepada khalayak sehingga informasi yang dihasilkan dapat menjadi nilai tambah, nilai jual serta mengharumkan nama baik perusahaan, sebagai salah satu alternatif pemecahan masalah, maka diperlukan sebuah perancangan media promosi berupa Company Profile yang efektif, menarik perhatian seluruh konsumen dan bagi pelaku bisnis untuk melakukan kerja sama. Media promosi ini diharapkan menjadi media yang dapat menginformasikan secara lengkap dan jelas tentang PT Inovasi Multi Teknologi.

    2. Perancangan Company Profile dalam Bentuk CD Interaktif Pada CV. Kelompok Kerja Grafika disusun oleh Abdul Jabbaar. Pada Skripsi ini, Penulis melakukan analisa terhadap permasalahan yang ada, maka penulis ini mengusulkan kepada perusahaan untuk membuat Company Profile, yaitu suatu karya desain yang dikemas dalam bentuk CD Interaktif yang merupakan sebagai media yang dapat dijadikan sebagai aset suatu lembaga atau perusahaan yang dapat digunakan untuk meningkatkan image atau citra dari perusahaan untuk menjalin kerja sama dangan relasi perusahaan, lembaga, dan instansi terkait lainnya.

    3. Perancangan Company Profile Interaktif Sebagai Media Informasi dan Promosi Pada CV. Global Multimedia disusun oleh Suharnianti. Media promosi merupakan sarana yang sangat penting dalam penyampaian informasi yang lengkap dan terperinci mengenai CV. Global Multmedia. Mulai dari Sejarah mutu kualitas, fasilitas sampai dengan kelebihan yang terdapat pada CV. Global Multimedia. Dalam hal ini akan dirancang sebuah media Company Profile dalam suatu desain grafis yang dikemas dalam bentuk web profile dan CD Interaktif yang setiap saat dipergunakan oleh pihak pemasaran.

    4. Perancangan Media Company Profile Sebagai Penunjang Informasi Dan Promosi Pada CV. Zachra Utama Makmur Tangerang disusun oleh Luthfi Pratama. Media penunjang informasi dan promosi sangat penting dalam membangun simage dari sebuah lembaga atau institusi, salah satunya adalah media Company Profile. Fungsi media Company Profile 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 Company Profile dapat memberikan informasi dan promosi yang lebih efektif mengenai profil dan aktivitas perusahaan.

    BAB III

    PEMBAHASAN

    Analisa Organisasi

    Gambaran Umum Perusahaan

    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.



    Sejarah Singkat Perusahaan

    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.


    ===Visi dan Misi Pada PT Krakatau Informationechnology Tbk Visi 2013 - 2018 ===

    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.

    Struktur Organisasi Perusahaan

    Wewenang dan Tanggung Jawab

    Untuk pembagian kerja dan jabatanmasing-masing bagian memiliki tugas dan wewenang yang telah ditetapkan olehpihak perusahaan antara lain yaitu :

    1. DIREKTUR UTAMA

    2. Human Resource Development (HRD)

      1. Merencanakan kegiatan di Departemen HRD

      2. Mengorganisir seluruh kegiatan sesuai rencana.

      3. Mengkoordinir pelaksanaan kegiatan.

      4. Melakukan pengarahan dan pengawasan terhadap pelaksanaan kegiatan.

      5. Menciptakan suasana kerja yang harmonis.

      6. Melaksanakan tugas-tugas lain yang diberikan oleh atasan.


    3. PERSONALIA

      1. Menyiapkan Perjanjian kerja baru karyawan Baru.

      2. Menyiapkan/membuatan Absensi karyawan khusus untuk bagian personalia dan Humas.

      3. Melaporkan data absensi pada atasan dan untuk diserahkan pada bagian payroll.

      4. Membuat surat izin karyawan.

      5. Memperbaharui/Updatedan Record data.

    4. INTERNAL AUDITTOR (SPI)

      1. Menyusun Program Kerja Audit Tahunan (PKAT) agar aktivitas organisasi berjalan efektif.

      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.

      3. Memonitoring tindak lanjut rekomendasi audit supaya hasil audit yang telah dilakukan dapatdiimplementasikan dengan baik.

      4. Membuat laporan manager letter hasil audit dan laporan bulanan meliputi progres kerjadan aktivitas yang terkait.

      5. Bersama Corporarate Transformation Division membuat dan mereview sistem prosedur SPI,agar aktivitas berjalan optimal terkait dengan implementasi knowledge management.

    5. STAFF ADMINISTRASI DIREKSI.

      1. 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.

      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.

      3. Mempersiapkan,memproses Petty cash, dan reimbursement Direksi.


    6. CORPORATE SECRETARY

      1. Menjalinkerja sama dengan berbagai stake holder agar citra perusahaan meningkat.

      2. Mensosialisasikan kebijakan perusahaan dan atau pemerintah kepada pihak internal dan eksternal untukkelancaran implementasi kebijakan perusahaan.

      3. Memberikan kajian hukum kepada direksi berkaitan dengan operasional dan pengembangan usahaperusahaan agar diperoleh kepastian hukum dalam pelaksanaannya.

      4. 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.


    7. STAFF DIREKTUR UTAMA

      1. Melakukankajian terhadap bisnis perusahaan dari aspekbisnis,operasional,produk,sdm(modal insani) dan financial, denganberkoordinasidenganunit kerja terkait.

      2. Membuat rekomendasi kepada Direktur Utama terkait dengan hasil kajian yang dialkukan.

      3. Mengkoordinirlaporan dari semua unit kerja dan disusun menjadi laporan bulanan perusahaandan laporan untuk Direktur Utama.

      4. Melaksanakan tugas yang diinstruksikan oleh Direktur Utama.

    8. PROCUREMENT

      1. Melaksanakan proses pengadaan/pembelian barang dan jasa untuk proyek atau kebutuhan internal perusahaan sesuai dengan sasaran, tata aturan dan kebijakan perusahaan.

      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.

      3. Mengumpulkan informasi spesifikasi teknis dan harga dari distributor atau vendor yang terpercaya dalam rangka penyusunan database harga dan Vendor.


    9. NON SAP APPLICATION BUSINESS UNIT

      1. 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.


      2. Menyusun rencana kerja tahunan Non SAPBusines Unit.

      3. 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.

      4. 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.


    10. SAP BUSINESS UNIT

      1. 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.

      2. Menyusun rencana kerja tahunan SAP Busines Unit.

      3. 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.

      4. 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.


    11. IT INFRASTRUKTURE BUSINESS UNIT

      1. 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.

      2. Menyusun rencana kerja tahunan IT Infrastructure Busines Unit.

      3. 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.

      4. 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.

      </ol>

      Konfigurasi Sistem

      Spesifikasi Hardware

      Sistemtersebut menggunakan 1 unit komputer PC dengan spesifikasi sebagai berikut :

      a. Processor  : Intel Pentium P6200

      b. Monitor  : LCD 14”

      c. RAM  : 1 GB

      d. Hard Disk  : 320 GB HDD

      e. Keyboard  : Standar Printer : Deskjet

      Spesifikasi Softaware

      a. Microsoft Windows 7

      b. Microsoft Office 2007

      c. Data base : SQL server

      Hak akses (Brainware)

      Untukmengoperasikan atau mengolah data hanya dapat dilakukan oleh administrasiPersonalia dan HRD atau department terkait terhadap data ini.

      Tata Laksana Sistem Yang Sedang Berjalan

      Use Case Diagram

      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.

      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.

      Berdasarkan gambar 3.3 Use Case Diagram yang ada terdapat ;

      1. Nama usecase : Terima Form PML 6.2.1/A1

        Actor  : Department dan HRD

        Keterangan  : HRD menerima Form PML 6.2.1/A1 dari department

      2. Nama usecase : Membuat Informasi Lowongan

        Actor  : HRD dan Pelamar

        Keterangan  : HRD memasang Informasi Lowongan

      3. Nama usecase : Mengumpulkan Lamaran

        Actor  : HRD dan Pelamar

        Keterangan  : Bagian HRD mengumpulkan lamaran masuk

      4. Nama usecase : Konfirmasi Karyawan Baru

        Actor  : HRD dan Department

        Keterangan  : Bagian HRD memberikan konfirmasi kepada Department mengenai pelamar yang akan diseleksi

      5. Nama usecase : Memanggil Calon Karyawan

        Actor  : HRD dan Pelamar

        Keterangan  : HRD memanggil calon karyawan yang akan diseleksi

      6. Nama usecase  : Melakukan Tes Seleksi

        Actor  : HRD dan Pelamar

        Keterangan  : Melakukan tes seleksi meliputi tes tertulis dan tes komputer

      7. Nama usecase  : Melakukan Wawancara

        Actor  : HRD dan Pelamar

        Keterangan  : HRD mewawancarai para calon karyawan yang sudah mengikuti tes tertulis

      8. Nama use case : Informasi Hasil Tes Seleksi

        Actor  : HRD dan Pimpinan

        Keterangan  : Bagian HRD memberikan informasi hasil tes seleksi kepada para calon karyawan

      9. Nama use case : Laporan Proses Seleksi

        Actor  : HRD, Pimpinan, Department

        Keterangan  : HRD memberikan laporan proses seleksi kepada Pimpinan dan Department terkait

        Activity Diagram

        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.

        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.


        Berdasarkan gambar 3.3 Activity Diagram yang ada terdapat ;

        a. 1 (satu) Initial Node sebagai awal objek.

        b. 31 (tiga puluh satu) Activity.

        c. 4 (empat) Vertical Swimelane.

        d. 6 (enam) Fork Node.

        e. 2 (dua) Final Node.

        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.

        Analisa Sistem Yang Sedang Berjalan

        Metode Analisa

        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.

        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.

        Analisa Batasan Sistem

        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.

        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.

        Analisis Kekurangan Sistem Yang Berjalan

        Berdasarkan dari analisis yang dilakukanpenulis, terhadap sistem yang berjalan di PT. Yuasa Battery Indonesia, terdapatbeberapa kekurangan sistem yang berjalan, antara lain :

        a. Belum adanya sistem informasi yang memudahkan pihak personalia untuk penginputan data calon karyawan secara efektif.

        b. Pengolahan data yang menyulitkan pihak personalia karena masih menggunakan Microsoft Excel sehingga membutuhkan waktu yang lama.

        c. Belum adanya sistem informasi yang membantu pihak personalia dalam menyeleksi calon karyawan yang sesuai dengan bagian yang dibutuhkan.

        d. Bagian personalia masih harus mengumpulkan lamaran yang masuk melalui email, maupun melalui pos.

        e. Belum adanya sistem yang informasi yang memudahkan bagian personalia untuk mendapatkan calon karyawan yang sesuai dengan kriteria perusahaan.

        f. Para calon karyawan harus datang ke perusahaan untuk melakukan tes seleksi dan wawancara.

        Analisis Kontrol

        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.

        Analisis Prosedur

        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.

        Analisis Tenaga Kerja

        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.

        Analisis Waktu

        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.

        Analisis Kebutuhan Sistem

        Dalam merancangsebuah sistem perlu adanya analisi kebutuhan sistem. Diantaranya merupakan kebutuhan sistem yang diperlukan, yaitu:

        1. Dapat menampilkan menu informasi lowongan pekerjaan sesuai dengan bagian yang dibutuhkan.

        2. Dapat menampilkan menu soal tes online yangakan dilaksanakan oleh para pelamar yang sudah diseleksi dan sudah sesuai dengan kebutuhan.

        3. Dapat menampilkan diagram alur proses penerimaan karyawan baru

        4. Dapat menampilkan hasil tes seleksi sesuai dengan range waktu yang telah ditetapkan perusahaan.

        Permasalahan Yang Dihadapi dan Solusi Yang diberikan

        1. Masalah Yang Dihadapi

        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.

        2. Solusi Yang Diberikan

        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:

        1. 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.

        2. Membangun suatu aplikasi sistem yang berbasis web untuk memudahkan pihak HRD dalam pencarian karyawan baru secara online.

        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:

        1. Dapat menjalankan aplikasi berbasis online di manapun kapan pun tanpa harus melakukan penginstalan.

        2. Dapat dijalankan pada sistem operasi mana pun.

        3. Tidak memerlukan spesifikasi komputer yang tinggi untuk dapat menggunakan aplikasi berbasis online.

        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.

        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.

        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.

        Elisitasi

        Elisitasi Tahap I

        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

        Elisitasi Tahap II

        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.

        Keterangan : M : Mandatory, D : Desireable, I : Inessential

        Elisitasi Tahap III

        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.

        Keterangan : T : Technical, O : Operational, E : Economy, L : Low, M : Midle, H : High

        Final Draft Elisitasi

        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.

        BAB IV

        RANCANGAN SISTEM YANG DIUSULKAN

        Rancangan Sistem Usulan

        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.

        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:

        1. Use Case Diagram

        2. Sequence Diagram

        3. Activity Diagram

        4. State Machine Diagram

        5. Class Diagram

        Prosedur Sistem Usulan

        1. HRD (Human Resource Department)

        1. Melakukan Login

        2. Menampilkan Menu Admin HRD

        3. Menampillkan Home

        4. Menampilkan Profil Perusahaan

        5. Membuat username

        6. Menampilkan Lowongan Pekerjaan

        7. Menampilkan Input Lamaran

        8. Menampilkan Informasi Seleksi

        9. Menampilkan Tes Seleksi

        10. Menampikan Hasil Tes

        11. Menampilkan Terima Hasil Tes

        12. Logout

        1. HRD (Human Resource Department)

        1. Melakukan Login

        2. Menampilkan Username

        3. Menampillkan Home

        4. Menampilkan Profil Perusahaan

        5. Logout

        Pihak Ka. Dept. (Kepala Department)

        1. Melakukan Login

        2. Menampilkan Konfirmasi dan Penyerahan Form ke HRD

        3. Menampillkan Home

        4. Menampilkan Profil Perusahaan

        5. Logout


        Use Case Diagram Yang Diusulkan

        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 :

        Berdasarkan gambar 4.1. Use Case Diagram yang diusulkan terdapat :

        1. 1 (satu) System yang mencakup seluruh kegiatan sistem informasi rekrutmen online

        2. 3 (tiga) actor yang melakukan kegiatan yaitu : Ka. Dept., HRD, Pelamar dan Pimpinan

        3. 10 (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

        4. Activity Diagram Yang Diusulkan

          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:


          1. Berdasarkan gambar 4.2., Activity Diagram sistem yang diusulkan terdapat :

          2. 1 (satu) Initial Node, objek yang diawali

          3. 18(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.

          4. 1 (satu) Activity Final Node, ojek yang diakhiri

          Sequence Diagram HRD Yang Diusulkan

          1. Berdasarkan gambar 4.3., Sequence Diagram sistem yang diusulkan terdapat :

          2. 1 (satu) Actor, yang melakukan kegiatan yaitu HRD

          3. 7 (tujuh) Lifeline, yaitu, Login, Home, Profile Perusahaan, Informasi Lowongan, Informasi Hasil Tes, Logout.


          4. 10 (sepuluh) Message, Login, Email, Password, Verifikasi Home, Daftar Username, View Informasi Lowongan Hasil Tes, Logout.

          Sequence Diagram Pelamar Yang Diusulkan

          1. Berdasarkan gambar 4.4., Sequence Diagram sistem yang diusulkan terdapat :

          2. 1 (satu) Actor, yang melakukan kegiatan yaitu pihak pelamar

          3. 7 (tujuh) Lifeline, yaitu, Daftar, Login, Data Calon Karyawan, Upload CV dan Lamaran Kerja, Tes Seleksi, Hasil Tes Seleksi, Logout

          4. 10 (sepuluh) message yaitu Daftar, Login, Email, Password, Verifkasi, Input data calon karyawan, Mengisi Tes Seleksi, View Hasil Tes Seleksi, Logout

          State Machine Diagram HRD Yang Diusulkan

          State Machine Diagram Yang diusulkan Pelamar

          Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan

          Rancangan Basis Data

          Class Diagram

          Spesifikasi Basis Data

          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:

          1. Nama Field : Account

          Media : Hard Disk

          Isi : id+username+password+status+level+created_date+update_date

          Primary Key : ID

          Panjang Record : 4

          2. Nama Field : Buku Tamu

          Media : Hard Disk

          Isi : id+username+password+status+level+created_date+update_date

          Primary Key : ID

          Panjang Record : 4

          3. Nama Field : Daftar

          Media : Hard Disk

          Isi  : id+nama_depan+nama_belakang+email+password+created_date+question+left_question+reload+total question+total_answer+total_unanswered+true_answer

          Primary Key : ID

          Panjang Record : 8

          4. Nama Field : data_karyawan

          Media : Hard Disk

          Isi  : nama+alamat+tempat_lahir+tanggal_lahir+telp+email+agama+pendidikan_terakhir+ terakhir_bekerja+id_daftar+cv+lamaran

          Primary Key  : ID

          Panjang Record  : 4

          5. Nama Field : jawaban

          Media : Hard Disk

          Isi  : id+jawaban+pertanyaan_id

          Primary Key : ID

          Panjang Record  : 4

          6. Nama Field : pertanyaan

          Media : Hard Disk

          Isi  : id+pertanyaan+id_jawaban

          Primary Key : ID

          Panjang Record : 4

          7. Nama Field : submit_jawaban

          Media : Hard Disk

          Isi  : id+id_pelamar+id_pertanyaan+id_jawaban

          Primary Key : ID

          Panjang Record  : 4

          Rancangan Prototype

          Tampilan Login

          Tampilan Home

          Tampilan Daftar

          Tampilan Data Calon Karyawan

          Tampilan Tes Online

          Tampilan Hasil Tes Seleksi

          Konfigurasi Sistem Usulan

          Spesifikasi Perangkat Keras (Hardware)

          Perangkat keras (hardware) yang digunakan dalam pembuatan aplikasi ini antara lain sebagai berikut :

          1. Processor  : Intel Pentium

          2. Monitor  : 14” LCD monitor

          3. RAM  : 1GB

          4. Hardisk  : 320 GB

          Spesifikasi Perangkat Lunak (Software)

          Perangkat Lunak (Softaware) yang digunakan dalam pembuatan aplikasi ini antara lain sebagai berikut :

          1. Windows 7

          2. Visual Paradigm for UML 6.4 Enterprise Edition

          3. XAMPP

          4. Notepad ++

          5. Framework CodeIgniter (CI)

          6. Mozilla Firefox (browser)

          Hak Akses

          Pengoperasian aplikasi ini dapat dilakukan oleh :

          1. HRD

          2. Ka.Dept. Terkait

          Blacbox Testing

          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

          Implementasi Sistem Yang Diusulkan

          Tampilan Menu Daftar

          Keterangan :

          Tampilan di atas adalah tmpilan untuk admin dan pelamar jika ingin memasuki login

          Tampilan Menu Setelah Daftar

          Keterangan :

          Tampilan setelah berhasil daftar untuk admin dan pelamar jika ingin memasuki Login.

          Tampilan Menu Login

          Keterangan :

          Tampilan menu Login untuk pelamar dan admin yang sudah berhasil mndaftar dan ingin masuk ke Home.

          Tampilan Menu Berhasil Login

          Keterangan :

          Tampilan dia atas merupakan tampilan berhasil Login, untuk pelamar yang ingin mengisi daftar calon karyawan.

          Tampilan Data Calon Karyawan

          Keterangan :

          Tampilan di atas merupakan tampilan form data calon karyawan yang telah berhasil Login dan akan mengikuti tes online.

          Tampilan Soal Tes Online

          Keterangan :

          Tampilan di atas merupakan tampilan tes online untuk para pelamar yang sudah berhasil melakukan daftar, login,kemudian mengisi form data calon karyawan.

          Tampilan Hasil Tes Online

          Keterangan :

          Tampilan ini merupakan tampilan penilaian atau hasil tes seleksi online yang dapat dilihat dua hari setelah melakukan tes online.

          Time Schedule

          1. Penyerahan Surat Observasi Skripsi

            Pada tahap ini dilakukan pembuatan surat pernyataan obesrvasi dari kampus untuk melakukan analisa atau riset.

          2. Wawancara

            Proses ini merupakan proses wawancara dengan stakeholder untuk mencari informasi mengenai sistem perekrutan karyawan yang berjalan pada saat ini.

          3. Mengumpulkan Data

            Mengumpulkan data-data selama lima hari untuk dijadikan suatu pembahasan

          4. Elsitasi

            Pada tahap ini merumuskan elisitasi dengan melakukan wawancara.

          5. Presentasi Program

            Pada tahap ini menjelaskan tentang tampilan program dan fungsi-fungsi yang terdapat di dalamnya.

          6. Testing Program

            Pada tahap ini merupakan pengujian program yang akan diimplementasikan oleh pihak HRD (Human Resource Department)

          7. Sosialisasi Program

            Proses ini merupakan sosialisasi program kepada pihak HRD untuk menjelaskan bagaimana cara pengoperasian program.

          8. Dokumentasi

            Proses perekaman terhadap kegiatan yang sudah dilakukan sejak awal kegiatan mulai dari penyerahan surat keterangan observas sampai dengan sosialisasi program pada pihak HRD.

          Estimasi Biaya

          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.

          Biaya penelitian rinci sesuai kebutuhan penelitian antara lai sebagai berikut:

          BAB V

          KESIMPULAN DAN SARAN

          Kesimpulan

          Setelah menyelesaikan laporan ini dapat disumpulkan beberapa hal sebagai berikut :

          1. 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.

          2. 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.

          3. 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.

          Saran

          Saran-saran yang dapat penulis sampaikan dalam laporan ini adalah sebagai berikut :

          1. 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.

          2. Perlu diperhatikan dan dilakukan evaluasi secara berkala terhadap sistem untuk selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan

          3. 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.

          DAFTAR PUSTAKA

          1. Binanto, Iwan. 2010 Multimedia Digital Dasar (Teori dan Pengembangannya) Yogyakarta : Andi
          2. Pujirianto. 2012. Pengajaran Pemahaman melalui Desain. Jakarta : indeks
          3. Hendratman, Hendi. 2010. Tips N Trik Computer Grapics Design Bandung : Informatika
          4. Priyatno, Dewi. 2010. Create Your Film. Jakarta : Multicom
          5. Kasali, Rhenald. 2012. Manajemen Periklanan Konsep dan Aplikasinya. Jakarta : Pustaka Utama Grafiti
          6. 6,0 6,1 Maimmunah, Llusyani Sunarya, dan Nina Larasati. 2012.
          7. 7,0 7,1 Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta :Andi
          8. Lusyani Sunarya, S.S.n. 2010. Diktat Mata Kuliah Desain Karakter and Modeling. Tangerang
          9. 9,0 9,1 Widada, Sugeng. 2010. Diktat Mata Kuliah Nirmana
          10. 10,0 10,1 Tjiptono, Fandi. 2012. Strategi Pemasaran. Yogyakarta : Andi
          11. Prof. Dr. Nanang Fattah (2012 : 5)
          12. 12,0 12,1 Assegaff, Djafar H. 2011 Jurnalistik Masa Kini. PT. Ghalia Indonesia : Jakarta
          13. 13,0 13,1 Media Company McLeod. 2012. Pengantar Sistem Informasi. Yogyakarta : Graha Ilmu
          14. O’Brien, Yakub. 2012. Pengantar Sistem Informasi. Yogyakarta : Graha Ilmu.
          15. 15,0 15,1 Jogiyanto. 2012 Yakub (Pengantar Sistem Informasi) Graha Ilmu
          16. Athenk Arts. 2012 Efek-Efek Terbaik CorelDraw dan Photoshop Citra Media Pustaka: Yogyakarta
          17. Hidayati dalam Rahardja (2011:302),


          LAMPIRAN-LAMPIRAN

          Lampiran 5: Uraian Pekerjaan
          Lampiran 6: Formulir Wawancara
          Lampiran 7: Surat Pengantar Observasi
          Lampiran 8: Surat Keterangan Implementasi Program
          Lampiran 9: Sertifikat IT
          Lampiran 10: Sertifikat TOEFL
          Lampiran 12: Sertifkat Prospek
          Lampiran 13: Katalog Produk
          Lampiran 14: Final Presentasi
          Lampiran 15: Daftar Riwayat Hidup

Contributors

Ade Maulana, Ade maulana