Pengguna:DwiParmania: Perbedaan revisi

Dari widuri
Lompat ke: navigasi, cari
k
 
Baris 1: Baris 1:
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center"><p style="line-height: 0.5" style="text-align: center;">'''LAPORAN KULIAH KERJA PRAKTEK'''</p></div>
+
<div align="justify"><img width="150" height="230" style="margin:0px" src="https://lh5.googleusercontent.com/-uOgdfhanz6c/U5H9RDSFn_I/AAAAAAAAACM/URFriFxLsh4/w409-h600-no/Dwi+Fitri+P.jpg"/></div><br>
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center"><p style="line-height: 0.5" style="text-align: center;">'''PERANCANGAN DESIGN WEBSITE'''</p></div>
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center"><p style="line-height: 0.5" style="text-align: center;">'''COMPANY PROFILE PADA'''</p></div>
+
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center"><p style="line-height: 0.5" style="text-align: center;">'''PT. TELKOM AKSES'''</p></div>
+
  
 +
'''Dwi Fitri Parmania''' biasa dipanggil Dwi lahir di Tangerang pada tanggal 20 Maret tahun 1993. Anak kedua dari pasangan Suparman dan Djulaeha. Berkepribadian sebagai seorang <i>Sanguinis Populer</i>
  
 +
==Profile==
  
 +
{|
 +
| Nama Lengkap || : || Dwi Fitri Parmania
 +
|-
 +
| Nama Panggilan || : || Dwi
 +
|-
 +
| Tempat Lahir || : || Tangerang
 +
|-
 +
| Tanggal Lahir || : || 20 Maret 1993
 +
|-
 +
| Agama || : || Islam
 +
|-
 +
| Alamat || : || Binong Permai C10 No.9 Kec. Curug Kab. Tangerang
 +
|-
 +
| Email || : || [email protected]
 +
|}
  
 +
==Pendidikan==
  
[[File:Logo stmik raharja.jpg|center|150px|jpg]]
+
{|
 
+
  | 1998 - 1999 || : || TKI (Taman Kanak - Kanak Islam) AR - RAHMAN
 
+
|-
 
+
| 1999 - 2005 || : || SDN BINONG II Kab. Tangerang
 
+
  |-
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
  | 2005 - 2008 || : || SMPN 2 CURUG Kab. Tangerang
<p style="line-height: 1.5" style="text-align: center;">'''Disusun Oleh :'''</P></div>
+
  |-
 
+
  | 2008 - 2011 || : || SMK PANCAKARYA TANGERANG
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
  |-
<p style="line-height: 1.5" style="text-align: center;">'''1121469072                    [[DwiParmania|DWI FITRI PARMANIA]]'''</P></div>
+
  | 2011 - Sekarang || : || [[Perguruan Tinggi Raharja]]
 
+
  |}
 
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1.5" style="text-align: center;">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</P></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1.5" style="text-align: center;">'''(STMIK )RAHARJA'''</P></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1.5" style="text-align: center;">'''TANGERANG'''</P></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1.5" style="text-align: center;">'''(2013/2014)'''</P></div>
+
 
+
{{pagebreak}}
+
 
+
 
+
 
+
 
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN'''</p></div>
+
 
+
 
+
 
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''LAPORAN KULIAH KERJA PRAKTEK'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PERANCANGAN DESIGN WEBSITE'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''COMPANY PROFILE PADA'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 0.5" style="text-align: center;">'''PT. TELKOM AKSES'''</p></div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1" style="text-align: center;">Diajukan guna melengkapi sebagai syarat untuk mengikuti Skripsi Pada Jurusan Teknik Informatika STMIK Raharja</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1" style="text-align: center;">STMIK Raharja Tahun Akademik 2013/2014.</p></div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1" style="text-align: center;">Tangerang, Juni 2014 </p></div>
+
 
+
 
+
 
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1" style="text-align: center;">Dosen Pembimbing</p></div>
+
 
+
 
+
 
+
 
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1;text-align: center">( Lusyani Sunarya S.Sn )</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
<p style="line-height: 1;text-align: center">NID. 06124</p></div>
+
 
+
{{pagebreak}}
+
 
+
 
+
<div style="font-size: 14pt;font-family:
+
'times new roman';text-align: center"><p style="line-height:1">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
+
<div style="font-size: 14pt;font-family:'times new roman';text-align: center"><p style="line-height:1">'''(STMIK) RAHARJA'''</p></div>
+
 
+
 
+
 
+
 
+
 
+
<div style="font-size: 14pt;font-family:'times new roman';text-align: center"><p style="line-height:1">'''LEMBAR KEASLIAN KULIAH KERJA PRAKTEK (KKP)'''</p></div>
+
 
+
 
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1"style="text-align: center;">'''LAPORAN KULIAH KERJA PRAKTEK'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1"style="text-align: center;">'''PERANCANGAN DESIGN WEBSITE'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1"style="text-align: center;">'''COMPANY PROFILE PADA'''</p></div>
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 0.5"style="text-align: center;">'''PT. TELKOM AKSES'''</p></div>
+
   
+
 
+
<div style="font-size: 12pt;font-family:'times new roman';text-align: center"><p style="line-height:2">Saya yang bertandatangan di bawah ini,</p></div>
+
 
+
{|table align="center"
+
|-
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1121469072</div>
+
|-
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[DwiParmania|Dwi Fitri Parmania]]</div>
+
|-
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jenjang Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata Satu</div>
+
|-
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Teknik Informatika</div>
+
|-
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Multimedia Audio Visual and Broadcasting</div>
+
|}
+
&nbsp;
+
&nbsp;
+
 
+
 
+
 
+
<div style="font-size: 12pt;font-family:'times new roman';text-align: center"><p style="line-height: 1">Menyatakan bahwa Kuliah Kerja Praktek ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan atau duplikat dari Kuliah Kerja Praktek yang telah dipergunakan untuk melanjutkan dalam pembuatan Skripsi baik dilingkungan Perguruan Tinggi Raharja, maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.</p></div>
+
 
+
 
+
 
+
<div style="font-size: 12pt;font-family:'times new roman';text-align: center">
+
<p style="line-height: 1">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab serta bersedia menerima sanksi jika ternyata pernyataan diatas tidak benar.</p></div>
+
 
+
 
+
 
+
 
+
 
+
<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
+
{| width="100%" align="right"
+
|-
+
| width="60%" | || align="center" |Tangerang,  Juni 2014
+
|-
+
| || 
+
|-
+
| ||  
+
|-
+
| || 
+
|-
+
| ||  
+
|-
+
| ||  
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| ||
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| ||
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| ||
+
|-
+
| ||
+
|-
+
| ||
+
|-
+
| ||
+
|-
+
| ||
+
|-
+
| ||
+
|-
+
| ||
+
|-
+
| ||
+
|-
+
| width="60%" | || align="center" | <u>Dwi Fitri Parmania</u>
+
|-
+
| width="60%" | || align="center" | NIM. 1121469072
+
|-
+
|}
+
</div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2">'')*Tanda tangan dibubuhi materai 6.000;</p></div>
+
{{pagebreak}}
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAKSI</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">Perkembangan media internet mengharuskan penyedia jasa komunikasi terpacu untuk menyediakan akses media internet dengan layanan dan fasilitas serta speed yang tidak mengecewakan penggunanya. PT. Telkom Akses, yang merupakan anak perusahaan PT. Telekomunikasi Indonesia Tbk. bergerak di bidang konstruksi pembangunan dan manage service infrastruktur jaringan, berkontribusi untuk menyediakan akses internet broadband yang memungkinkan untuk mengakses internet dengan cepat dan selalu terkoneksi sehingga mudahkan pengguna layanan internet memperoleh informasi dari media internet, PT. Telkom Akses sendiri beralamat di Gedung Telkom Jl. S. Parman Kav.8, Jakarta Barat. Kuliah kerja praktek adalah salah satu kurikulum yang wajib diikuti oleh seluruh Mahasiswa STMIK Raharja Tangerang sebelum menempuh skripsi, dapat diartikan kuliah kerja praktek adalah sebagai suatu program yang mengacu pada sarana pelatihan untuk menerapkan dan memperluas berbagai wawasan, sikap, dan keterampilan dalam rangka pembentukan awal sebagai pribadi yang siap menjadi lulusan sebagai sarjana komputer profesional. Dengan  demikian  Kuliah  Kerja  Praktek  adalah  kegiatan yang wajib diikuti oleh seluruh mahasiswa, baik berupa magang atau observasi di perusahaan atau instansi pemerintahan secara terbimbing. Alasan penulis melaksanakan Kuliah Kerja Praktek di Perusahaan atau Instansi tersebut adalah untuk mendapatkan pengetahuan dan pengalaman kerja dibidang yang sedang dipelajari, khususnya dalam bidang yang mencangkup Design, Multimedia Audio Visual dan Broadcasting (MAVIB). Dan pada akhirnya, setiap tugas dan pekerjaan yang dilakukan penulis selama proses Kuliah Kerja Praktek (KKP) ini, akan dirangkum kedalam “LAPORAN KULIAH KERJA PRAKTEK PERANCANGAN DESIGN WEBSITE COMPANY PROFILE PADA PT. TELKOM AKSES”.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">''Kata Kunci: internet, broadband, akses, komputer, professional.''</p></div>
+
 
+
{{pagebreak}}
+
 
+
 
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRACT</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1"><i>The development of the internet requires communications providers are encouraged to provide access to Internet media services and facilities as well as its speed does not disappoint. PT. Telkom Access, which is a subsidiary of PT. Telekomunikasi Indonesia Tbk. engaged in the construction of the network infrastructure and managed services, contributing to provide broadband Internet access that allows to access the Internet quickly and users are always connected to the internet service make it easy to obtain information from the internet, PT. Access Telkom Telkom building itself is located at Jl. Kav.8 S. Parman, West Jakarta. Lecture is one of the practical work curriculum that must be followed by all students STMIK Prog Tangerang before taking the thesis, the working class can be defined as a practice is a program that refers to the means of training to implement and expand the insights, attitudes, and skills in order to establish early as person is ready to become a graduate with a degree in computer professional. Thus Job Training is an activity which is mandatory for all students, either in the form of an internship or observation in companies or government agencies are guided. The reason the authors implement the Job Training in the company or agency is to gain knowledge and experience in the field of work that is being studied, particularly in the field that covers Design, Audio Visual and Multimedia Broadcasting (MAVIB). And in the end, each task and the author of the work done during the process of Kuliah Kerja Praktek (KKP), will be summarized into “LAPORAN KULIAH KERJA PRAKTEK PERANCANGAN DESIGN WEBSITE COMPANY PROFILE PADA PT. TELKOM AKSES”.</i></p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'' Keywords: <i>internet, broadband access, computer, professional.''</i></p></div>
+
 
+
{{pagebreak}}
+
 
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 0.5">'''KATA PENGANTAR'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dengan mengucapkan Puji serta rasa Syukur kehadirat Allah SWT, yang telah melimpahkan segala anugerah, rahmat dan karunia–Nya, sehingga penulis dapat menyelesaikan laporan Kuliah Kerja Praktek ini sebagaimana mestinya dan tepat pada waktunya. Kuliah Kerja Praktek ini dilaksanakan untuk memenuhi salah satu syarat dalam menyelesaikan program pendidikan Strata Satu (S1) jurusan Teknik Informatika konsentrasi Multimedia Audio Visual and Broadcasting (MAVIB) STMIK Raharja Tangerang.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Dalam penulisan Laporan Kuliah Kerja Praktek ini, penulis menemukan kesulitan yang dikarenakan keterbatasan pengetahuan dan kemampuan serta pengalaman yang penulis miliki, sehingga tidak lepas dari bantuan, bimbingan dan arahan dari berbagai pihak terkait yang selama ini telah meluangkan waktu dan tenaganya. Maka pada kesempatan ini, penulis ingin mengucapkan terima kasih yang sebesar – besarnya kepada :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<ol>
+
<li style="text-align: justify;line-height: 2;">Bapak Ir. [[Untung Rahardja]], M.T.I., selaku Ketua STMIK Raharja.</li>
+
<li style="text-align: justify;line-height: 2;">Bapak Sugeng Santoso, M.Kom., selaku Pembantu Ketua I Bidang Akademik STMIK Raharja.</li>
+
<li style="text-align: justify;line-height: 2;">Bapak [[Junaidi]], M.Kom., selaku Kepala Jurusan [[Teknik Informatika]] STMIK Raharja.</li>
+
<li style="text-align: justify;line-height: 2;">Ibu Lusyani Sunarya, S.Sn., selaku Dosen Pembimbing yang telah banyak memberikan bimbingan dan sarannya kepada penulis yang sangat berarti dalam  menyelesaikan laporan Kuliah Kerja Praktek ini.</li>
+
<li style="text-align: justify;line-height: 2;">Bapak Ir. Verdi Prasiswa Huwae, SE. MT., yang telah bersedia memberikan penulis tempat untuk melaksanakan Kuliah Kerja Praktek (KKP) pada PT. Telkom Akses dan memberikan nasehat serta saran yang membangun untuk penulis kedepannya.</li>
+
<li style="text-align: justify;line-height: 2;">Bapak I Putu Anggara, S.T. selaku pembimbing lapangan yang telah banyak membantu dan memberikan saran kepada penulis, selama penulis melaksanakan Kuliah Kerja Praktek pada PT. Telkom Akses.</li>
+
<li style="text-align: justify;line-height: 2;">Seluruh Dosen STMIK Raharja yang telah banyak memberikan pelajaran maupun bimbingan guna menyempurnakan setiap tugas yang penulis laksanakan.</li>
+
<li style="text-align: justify;line-height: 2;">Kedua orang tua saya serta keluarga, yang selalu mendo’akan yang terbaik dan memberikan <i>support</i> untuk saya.</li>
+
<li style="text-align: justify;line-height: 2;">Sahabat – sahabat saya yang selalu berada dikantin atas yang senantiasa membantu dalam penulisan laporan ini dan seluruh mahasiswa STMIK Raharja yang tidak bisa saya sebutkan satu persatu yang telah banyak membantu, memberikan doa, semangat, pengetahuan, dukungan serta saran dan kritik yang bermanfaat bagi penulis.</li></ol></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Penulis menyadari masih banyak kekurangan dan kesalahan  dalam penyusunan serta penulisan laporan Kuliah Kerja Praktek ini, untuk itu penulis sangat mengharapkan saran dan kritik dari seluruh pihak untuk menyempurnakan penyusunan laporan Kuliah Kerja Praktek ini. Semoga laporan ini bisa bermanfaat bagi penulis sendiri khususnya dan pembaca umum laporan Kuliah Kerja Praktek ini, semoga Allah SWT senantiasa menyertai dan meridhoi langkah kita semua dalam meraih kesuksesan, Amin.</p></div>
+
 
+
 
+
<div align="right" style="font-size: 12pt;font-family: 'times new roman'">
+
{| width="100%" align="right"
+
|-
+
| width="60%" | || align="center" |Tangerang, Juni 2014
+
|-
+
| ||  
+
|-
+
| ||  
+
|-
+
| || 
+
|-
+
| ||  
+
|-
+
| ||  
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| ||
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| ||
+
|-
+
| || 
+
|-
+
| || 
+
|-
+
| ||
+
|-
+
| ||
+
|-
+
| width="60%" | || align="center" | <u>Dwi Fitri Parmania</u>
+
|-
+
| width="60%" | || align="center" | NIM. 1121469072
+
|-
+
|}
+
</div>
+
 
+
 
+
 
+
 
+
{{pagebreak}}
+
__TOC__
+
{{Pagebreak}}
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 0.5">'''DAFTAR TABEL'''</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Gambar 3.1 Data Perusahaan</p>
+
<p style="line-height: 2">Gambar 3.2 Daftar Relasi</p>
+
</div>
+
{{pagebreak}}
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 0.5">'''DAFTAR GAMBAR'''</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">Gambar 2.1 Siklus Pengolahan Data</p>
+
<p style="line-height: 2">Gambar 2.2 Siklus Pengolahan Data yang Dikembangkan</p>
+
<p style="line-height: 2">Gambar 3.1 Struktur Organisasi</p>
+
<p style="line-height: 2">Gambar 3.2 Skema Alur Kerja PT. Telkom Akses</p>
+
<p style="line-height: 2">Gambar 3.3 Alur Kerja Penerimaan Barang</p>
+
<p style="line-height: 2">Gambar 3.4 Alur Kerja Pengeluaran Barang</p>
+
<p style="line-height: 2">Gambar 3.5 Alur Rekonsiliasi & Stock Barang</p>
+
<p style="line-height: 2">Gambar 3.6 Pembuatan Design <i> Web Compamy Profie</i></p>
+
<p style="line-height: 2">Gambar 3.7 <i>Script</i> HTML Untuk Template Konten Video</p>
+
<p style="line-height: 2">Gambar 3.8 <i>Script</i> CSS Untuk Template Konten Video</p>
+
<p style="line-height: 2">Gambar 3.9 Design Template Home</p>
+
<p style="line-height: 2">Gambar 3.10 Design Template Sejarah</p>
+
<p style="line-height: 2">Gambar 3.11 Design Template Visi Misi</p>
+
<p style="line-height: 2">Gambar 3.12 Design Template Kebijakan Mutu</p>
+
<p style="line-height: 2">Gambar 3.13 Design Template Struktur Organisasi</p>
+
<p style="line-height: 2">Gambar 3.14 Design Template Wilayah Layanan Operasi</p>
+
<p style="line-height: 2">Gambar 3.15 Design Template Keunggulan</p>
+
<p style="line-height: 2">Gambar 3.16 Design Template Penglaman Kerja</p>
+
<p style="line-height: 2">Gambar 3.17 Design Template Video <i>Company Profile</i></p>
+
<p style="line-height: 2">Gambar 3.18 Design Template Layanan Pengelolaan</p>
+
<p style="line-height: 2">Gambar 3.19 Design Template Kontak</p>
+
<p style="line-height: 2">Gambar 3.20 Pembuatan Banner</p>
+
<p style="line-height: 2">Gambar 3.21 Design Banner</p>
+
<p style="line-height: 2">Gambar 3.22 Pembuatan Salah Satu Animasi (Komponen FTTH)</p>
+
<p style="line-height: 2">Gambar 3.23 Penyatuan Seluruh Komponen Video Animasi</p>
+
<p style="line-height: 2">Gambar 3.24 Pembukaan Video Animasi (00:13)</p>
+
<p style="line-height: 2">Gambar 3.25 Pengertian FTTH (00:52)</p>
+
<p style="line-height: 2">Gambar 3.26 Komponen FTTH (01:12)</p>
+
<p style="line-height: 2">Gambar 3.27 Perkembangan FTTH (02:11)</p>
+
<p style="line-height: 2">Gambar 3.28 Topologi FTTH (02:44)</p>
+
<p style="line-height: 2">Gambar 3.29 Kepanjangan ODC dan ODP (03:01)</p>
+
<p style="line-height: 2">Gambar 3.30 Kegunaan ODC dan ODP (03:19)</p>
+
<p style="line-height: 2">Gambar 3.31 Penutup Video Animasi (04:23)</p>
+
</div>
+
{{pagebreak}}
+
 
+
 
+
=<div style="font-family: 'times new roman';text-align: center">'''BAB I'''</div>=
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">'''PENDAHULUAN'''</div>
+
 
+
 
+
 
+
 
+
==Latar Belakang Kuliah Kerja Praktek==
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pesatnya perkembangan telekomunikasi saat ini sangat berperan penting bagi masyarakat luas. Hal ini dibuktikan dengan banyaknya pelopor telekomunikasi yang berlomba – lomba menyajikan dengan merealisasikan jaringan komunikasi yang dapat digunakan untuk memperoleh informasi, baik melalui media cetak seperti koran, majalah, buku, maupun media elektronik seperti radio, televisi, telepon, dan internet.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Media internet sendiri saat ini memiliki perkembangan yang sangat pesat dibandingkan dengan media komunikasi lainnya. Hal ini memicu PT. Telkom Akses yang beralamat di Gedung Telkom Jl. S. Parman Kav.8, Jakarta Barat yang berada dibawah naungan PT. Telekomunikasi Tbk. Indonesia salah satu perusahaan telekomunikasi di Indonesia untuk menyajikan jaringan komunikasi berupa akses internet broadband yang memungkinkan untuk mengakses internet dengan cepat dan selalu terkoneksi sehingga mudahkan pengguna layanan internet memperoleh informasi dari media 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">Kuliah Kerja Praktek merupakan akumulasi dari seluruh kurikulum bagi setiap mahasiswa di Sekolah Tinggi Manajemen dan Ilmu Komputer STMIK Raharja Tangerang, maka Kuliah Kerja Praktek ini dapat diartikan sebagai suatu program yang merupakan sarana pelatihan untuk menerapkan berbagai pengetahuan dan wawasan, serta sikap dan keterampilan dalam rangka pembentukan awal kepribadian mahasiswa di dunia kerja hingga menjadi sarjana informatika yang profesional.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dengan  demikian  Kuliah  Kerja  Praktek  adalah  kegiatan yang wajib diikuti oleh seluruh mahasiswa, baik berupa magang atau observasi di perusahaan atau instansi pemerintahan secara terbimbing sebagai persyaratan kelulusan dengan menerapkan seluruh pengalaman belajar sebelumnya dan semua hal yang berhubungan dengan teknologi informasi. Kuliah  Kerja  Praktek  merupakan salah satu syarat yang harus ditempuh oleh Mahasiswa sebelum nantinya berlanjut mengerjakan skripsi. Alasan penulis melaksanakan Kuliah Kerja Praktek di Perusahaan atau Instansi tersebut adalah untuk mendapatkan pengetahuan dan pengalaman kerja dibidang yang sedang dipelajari, khususnya dalam bidang yang mencangkup Design, Multimedia Audio Visual dan Broadcasting (MAVIB).</p></div>
+
 
+
 
+
==Maksud dan Tujuan Kuliah Kerja Praktek==
+
 
+
 
+
===Maksud Kuliah Kerja Praktek===
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Maksud dari Kuliah Kerja Praktek ini adalah untuk memberikan gambaran dan kesempatan kepada Mahasiswa untuk dapat menerapkan dan mempraktekkan ilmu yang telah didapat selama pembelajaran di perkuliahan.</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. Mahasiswa dapat belajar untuk bertanggung jawab sehingga mampu mengatasi segala hal yang terjadi di lingkungan kerja.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">3. Mahasiswa di dalam KKP ini diharapkan bisa mendapatkan pengalaman bekerja yang berharga yang belum didapat sebelumnya di perkuliahan.</p></div>
+
 
+
===Tujuan Kuliah Kerja Praktek===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Tujuannya antara lain adalah sebagai Mahasiswa Jurusan Teknik Informatika Khususnya konsentrasi Multimedia Audio Visual dan Broadcasting yang kelak akan lulus dan menjadi sarjana komputer bisa mendapatkan gambaran tentang bagaimana dunia kerja yang sesungguhnya.</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. Dapat menambah dan memperluas pengetahuan tentang dunia kerja khususnya <i>Broadcasting</i>> dan <i>Design</i>, dan secara pribadi juga dapat menambah wawasan serta pengetahuan, serta meningkatkan keterampilan dan kreatifitas sehingga dapat diterapkan saat di dunia kerja yang sesugguhnya.</p></div>
+
 
+
==Manfaat Kuliah Kerja Praktek==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Melalui Kuliah Kerja Praktek kita akan mendapatkan manfaat yang sangat berharga bagi Mahasiswa sebelum diterapkan pada dunia kerja, sebagai sarjana komputer yang berbasis Multimedia dan  Broadcasting.</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. Kuliah Kerja Praktek juga menuntut Mahasiswa untuk dapat bekerja sama secara kelompok ataupun individu dalam mencapai target yang diberikan, selain itu Mahasiswa dapat merasakan realita apa dan bagaimana saat di dunia kerja yang sebenarnya.</p></div>
+
 
+
==Metodelogi Penyusunan Laporan Kuliah Kerja Praktek==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Observasi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Observasi adalah pengambilan data yang diperlukan untuk penyusunan laporan Kuliah Kerja Praktek melalui pengamatan dan membuat pencatatan secara sistematik terhadap unsur – unsur yang telah diteliti dengan tujuan secara langsung pada  PT. Telkom Akses.</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. 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">Wawancara adalah pengumpulan data dengan cara bertatap muka langsung dengan orang yang akan diwawancarai, untuk memperoleh informasi yang lebih jelas dan gambaran mengenai design seperti apa yang diinginkan oleh PT. Telkom Akses.</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. Studi Pustaka</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Studi pustaka adalah pengumpulan data – data berupa teori, mempelajari dan memahami buku – buku diktat yang berkaitan dengan penulisan Kuliah Kerja Praktek konsentrasi Multimedia Audio Visual and Broadcasting (MAVIB).</p></div>
+
 
+
==SISTEMATIKA PENULISAN==
+
 
+
===BAB I PENDAHULUAN===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pada Bab ini berisikan tentang Latar Belakang Kuliah Kerja Praktek, Maksud dan Tujuan Kuliah Kerja Praktek, Manfaat Kuliah Kerja Praktek, Metodologi Penyusunan Laporan Kuliah Kerja Praktek, Sistematika Penulisan.</p></div>
+
 
+
===BAB II LANDASAN TEORI===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pada Bab ini berisikan tentang teori dasar yang melandasi penulisan laporan tugas magang sesuai penugasan yang diberikan kepada setiap mahasiswa yang melakukan magang KKP (Kuliah Kerja Praktek).</p></div>
+
 
+
===BAB III PEMBAHASAN===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pada Bab ini berisikan tentang Gambaran Umum Tentang Perusahaan meliputi Sejarah Perusahaan, Ruang Lingkup. Visi dan Misi Perusahaan, Struktur Organisasi, Tugas dan Kewajiban tiap Departemen, dan Daftar Klien. Tinjauan umum menjelaskan tentang Skema Alur Kerja dan Alur Kerja, sedangkan Tinjauan Khusus menjelaskan tentang Daftar <i>Project</i> serta latar belakang dan konsep desain selama Kuliah Kerja Praktek (KKP).</p></div>
+
 
+
===BAB IV PENUTUP===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pada Bab ini berisikan tentang Kesimpulan, Saran, dan Kesan yang diberikan penulis kepada Perusahaan selama KKP.</p></div>
+
 
+
===DAFTAR PUSTAKA===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berisikan tentang referensi yang digunakan dalam penyusunan hasil laporan kegiatan Kuliah Kerja Praktek (KKP).</p></div>
+
 
+
===LAMPIRAN===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berisikan daftar dari keseluruhan lampiran-lampiran yang melengkapi laporan sebagai lampiran.</p></div>
+
 
+
 
+
=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
+
 
+
==Teori Umum==
+
 
+
===Definisi Perancangan===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Nasution (2012:118)<ref name="Nasution, Ruslan Efendi. 2012. “Implementation Sms Gateway In The Development Web Based Information System Schedule Seminar Thesis.” Lampung: Unila.">Nasution, Ruslan Efendi. 2012. “Implementation Sms Gateway In The Development Web Based Information System Schedule Seminar Thesis.” Lampung: Unila.</ref>, “Desain atau perancangan adalah tahapan dimana dimulai analisa mengenai bentuk input sistem, rancangan database, output sistem dan skema alur kerja program”.</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 Iwan Binanto dalam bukunya yang berjudul Multimedia Digital Dasar Teori dan Pengembangannya (2010:260 - 261)<ref name="Iwan Binanto. 2010. “Multimedia Digital Dasar Teori dan Pengembangnya.”">Iwan Binanto. 2010. “Multimedia Digital Dasar Teori dan Pengembangnya.”</ref>, menjelaskan bahwa 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 <i>scene</i> ke <i>scene</i> lain.</p></div>
+
 
+
====Proses Perancangan Secara Umum====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Hendi Hendratman dalam buku Tips n Trix Komputer Graphics Design (2010:09 - 12)<ref name="Hendi Hendratman. 2010. “Tips n Trix Komputer Graphics
+
Design.”">Hendi Hendratman. 2010. “Tips n Trix Komputer Graphics
+
Design.”</ref>, Proses Perancangan Secara Umum sebagai berikut.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Persiapan 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">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, <i>background</i>, efek grafis garis atau bidang.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Ide</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<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>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. Konsep</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 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>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">d. Media</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">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>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">e. Visualisasi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menentukan komponen desain, pemilihan warna, layout sampai finishing.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">f. Produksi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Setelah desain yang dibuat selesai, sebaiknya terlebih dahulu di proofing (print preview sebelum cetak mesin). Jika warna dan komponen grafis lain tidak ada kesalahan, maka desain dapat dicetak dan diperbanyak.</p></div>
+
 
+
===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">Menurut  Dewi  Immaniar Desrianti  dalam  jurnal  CCIT (Vol.5 No.2 2012 : 133)<ref name="Dewi Immaniar Desrianti. 2012. “Jurnal CCIT Vol. 5 No. 2”">Dewi Immaniar Desrianti. 2012. “Jurnal CCIT Vol. 5 No. 2”</ref>, Media  adalah  segala  bentuk  yang  digunakan  untuk menyalurkan  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 (Vol. 5 No. 3 2012 : 284)<ref name="Maimunah, dkk. 2012. “Jurnal CCIT Vol. 5 No. 3”">Maimunah, dkk. 2012. “Jurnal CCIT Vol. 5 No. 3”</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>
+
 
+
====Alternatif Media====
+
 
+
<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 dalam buku  Desain Komunikasi Visual Teori dan Aplikasi (2010 : 136) <ref name="Rakhmat Supriyono. 2010. “Design Komunikasi Visual Teori dan Aplikasi.”">Rakhmat Supriyono. 2010. “Design Komunikasi Visual Teori dan Aplikasi.”</ref>, alternatif media sebagai berikut :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Media Cetak <i>(Printed material)</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">Yaitu media yang statis dan mengutamakan pesan dengan jumlah kata, gambar, atau foto, baik dalam tata warna maupun hitam putih. Contoh : Poster, stiker, sampul buku, packaging, folder, leaflet, amplop & kop surat, tas belanja, katalog, iklan majalah dan surat kabar.</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. Media Elektronik <i>(electronik)</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">Yaitu media dengan teknologi dan hanya bisa digunakan bila ada transmisi siaran. Contoh : Radio, televisi, internet, film, program video, animasi komputer.</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. Media Luar Ruangan <i>(outdoor)</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">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 bis, gedung, pagar tembok dan sebagainya. Contoh : spanduk, banner, papan nama, umbul-umbul, neon box, neon sign, billboard, baliho, mobil box.</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. Media Dalam Ruangan <i>(indoor)</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">Yaitu media iklan yang biasanya berukuran kecil atau sedang yang bisa dipasang didalam ruangan . Contoh  : Etalase ( windows display ), point of purchase, design gantung, floor stand.</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. Media Lini Atas <i>(Above The Line)</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">Yaitu aktifitas promosi yang biasanya dilakukan oleh manajemen pusat sebagai upaya membentuk brand image perusahaan sesuai yang diinginkan. Contoh : iklan di Televisi dengan berbagai versi.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Sifat media lini atas  adalah merupakan media ‘tak langsung’ yang mengenai <i>audience</i>, karena sifatnya yang terbatas pada penerimaan <i>audience.</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">6. Media Lini Bawah <i>(Below The Line)</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">Yaitu segala aktifitas promosi yang dilakukan di tingkat retail/konsumen dengan salah satu tujuannya adalah merangkul konsumen supaya tertarik dengan produk yang dipromosikan. Contoh : program bonus/hadiah, event, pembinaan konsumen dan lain-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 Lusyani Sunarya dalam Diktat Mata Kuliah Desain Karakter dan Modelling (2011 : 8 – 11) <ref name="Lusyani Sunarya. 2011. “Diktat Mata Kuliah Design Karakter dan Modelling.”">Lusyani Sunarya. 2011. “Diktat Mata Kuliah Design Karakter dan Modelling.”</ref>, Setiap jenis media grafis memilki karakteristik sendiri-sendiri, tergantung kepada tujuan penggunaan media tersebut. Untuk mengetahui secara fisik berikut akan dijelaskan dengan disertai visualisasi masing-masing contoh : </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Poster</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Poster merupakan media grafis yang memuat unsur teks dan gambar/illustrasi yang dipasang atau ditempel pada dinding. Visualisasi setiap unsurnya adalah rinci, jelas, sederhana, dan singkat dengan warna yang mencolok sesuai dengan misinya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"><i>Sticker</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">Sticker merupakan media komunikas grafis tentang produk, jasa, atau identitas yang dapat dtempel pada berbagai tempat. Umumnya berbahan kertas Vinyl yang mengandung perekat.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2"><i>Cover Buku</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">Cover buku merupakan perwajahan dari buku sekaligus sebagai keterangan isi dan bertujuan untuk menarik perhatian. Umumnya unsur-unsurnya terdiri dari warna, gambar atau illustrasi, pengarang, judul, dan penerbit.  Banyak buku dilengkapi dengan unsur teks atau tulsan yang memberikan penjelasan singkat tentang isi buku.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pembungkus<i>(packaging)</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">Packaging selain berfungsi sebagai pengaman/pelindung namun juga berfungsi sebagai daya tarik dari suatu produk (media komunikasi grafis).</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Folder</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Folder merupakan media komunikasi grafis produk atau jasa yang bentuknya memilki beberapa lipatan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Selebaran atau leaflet</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Selebaran atau leaflet merupakan media komunikasi grafis yang dibuat dengan ukuran relatif kecil dan biasanya hanya satu lembar. Penyebarannya dilakukan dengan cara dibagi-bagikan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Amplop dan kop surat</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Amplop dan kop surat merupakan media yang digunakan sebagai sarana surat menyurat dan didalamnya tercetak identitas perusahaan atau lembaga tertentu. Biasanya berupa logo dan teks yang berisi alamat dan nomor telp, e-mail ataupun fax. Selain sebagai identitas umumnya juga berfungsi sebagai return address.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Tas belanja (Shopping bag)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Tas belanja berfungsi sebagai tas untuk keperluan berbelanja yang umumnya bersifat sementara,berfungsi sebagai media komunikasi grafis yang mengidentifikasikan identtas perusahaan, toko, lembaga, selain sebagai daya tarik. Pada bagian luar biasanya berisi logo atau simbol perusahaan, yang disertai teks alamat maupun visi 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">Katalog (Cataloque)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Katalog merupakan media komunikasi grafis berbentuk buku yang di dalamnya berisi aneka jenis produk, harga, dan cara penggunaannya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Iklan Surat kabar</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Iklan surat kabar adalah media komunikasi grafis yang dipasang pada surat kabar. Iklan ini dibuat sesuai denagn kolom yang ada pada surat kabar dan ditayangkan sangat singkat. Unsur-unsur yang dipergunakan adalah warna, teks, gambar, serta informasi yang dimuat secara rinci.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Iklan majalah</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 komunikasi grafis yang dipasang pada majalah dan dibuat sesuai dengan kolom yang ada pada majalah tersebut. Lama penayangan relatif lama. Unsur-unsur yang dipergunakan adalah warna, teks, gambar, dengan informasi yang dibuat secara rinci.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Spanduk (Banner)</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 komunikasi grafis yang dibuat panjang yang dipasang dengan direntangkan di atas atau di tepi jalan secara horizontal, Pesannya singkat mengingat formatnya relatif sempit, dan yang harus cepat terbaca. Hurufnya harus besar dengan warna mencolok dan komunikatif.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Umbul-umbul</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Umbul-umbul merupakan media komunkasi grafis yang terbuat dari kain yang prinsipnya tidak berbeda dengan spanduk, namun pemasangan dilakukan secara vertikal. Pesannya sedkit, berfungsi sebagai  dekoratif dan membentuk suasana lingkungan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Papan nama (Name board)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Papan nama merupakan media komunkasi grafis yang terbuat dari papan dan seng. Media ini banyak dipergunakan sebagai informasi identitas bidang usaha, identitas perkantoran, atau pusat-pusat pelayanan masyarakat. Media ini bisa dipasang di sebelah kiri, kanan atau tengah dari tempat kegiatan, bersifat komersial maupun sosial.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Neon box</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Neon box merupakan media komunikas grafis yang terbuat dari mika akrilk berbentuk box dengan lampu di dalamnya. Lampu dipakai agar dapat memantulkan warna pada tulisan atau gambar sehingga menjadi lebih komunikatif dan indah. Neon box dapat dipergunakan siang hari maupun malam hari.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Neon sign</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Neon sign merupakan media komunikasi grafis yang terbuat dari lampu neon yang didalamnya diisi dengan gas apabila dialir listrik akan memancarkan sinar. Warna yang dihasilkan tergantung formula yang dipakai untuk membuat tabung gas. Efek bergerak dapat ditimbulkan dengan menambahkan travo.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Baliho</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Baliho merupakan media komunikasi grafis yang terbuat dari bahan triplek dengan format relatif besar berkontruksi kayu atau bambu. Baliho menggunakan unsur-unsur warna teks, warna, dan illustrasi singkat atau sederhana dengan waktu tayang relatif singkat.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Billboard</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Billboard merupakan media komunkasi grafis yang terbuat dari plat ezer dengan format relatif besar dengan menggunakan konstruksi besi (permanen) untuk menginformasikan produk atau jasa, menggunakan unsur-unsur warna, teks dan illustrasi secara singkat dan sederhana. Lama tayang relatif lama.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Halte bus</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Halte bus merupakan media komunkasi grafis yang terbuat dari plat ezer dengan konstruksi besi, dpasang pada tempat-tempat pemberhentian bus, dipasang secara permanen dan relatif lama.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Reklame mobil box</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Reklame mobil box merupakan media komunikasi grafis yang dibuat pada badan mobil box dengan format sesuai ukuran mobil (panjang dan lebar mobil box). Unsur – unsur yang digunakan adalah warna, teks, dan llustrasi.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Etalase</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Etalase merupakan media grafis yang terbuat dari almari kaca untuk memajang produk dengan bentuk dan ukuran yang disesuaikan dengan ruangan dan produk yang ditawarkan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Desain gantung ( Hanging design)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Hanging design merupakan media komunikasi grafis yang terbuat dari kertas, karton, plastik, dan lain-lain. Umumnya tercetak dengan satu atau dua muka atau lebih, dipasang dengan cara digantung agar dapat berputar dan dilihat bergantian. </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Point of Purchase</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Point of purchase merupakan media komunkasi grafis dari bahan karton yang tercetak yang dipasang pada deretan produk yang ada pada etalase – etalase. Bentuk umumnya kotak, sederhana, dan  menyampaikan nama produk. Unsur – unsur yang dpergunakan adalah warna, teks, dan llustrasi.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Floor Stand</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 komunikasi grafis terbuat dari bahan karton, triplek, dan sebagainya yang diletakan pada suatu ruangan lantai konstruksi dengan posisi berdiri menggunakan penyangga. Biasanya media ini mengikuti bentuk produk, manusia, binatang serta tumbuh-tumbuhan, baik dua atau tiga dmensi. Unsur – unsurnya terdiri dari warna, teks, dan illustrasi.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kaos (T-shirt)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kaos adalah media komunikasi grafis yang dicetak di atas kain katun. Cara mencetaknya adalah menggunakan teknik cetak  saring atau sablon. Bagian yang tercetak biasanya bagian depan dan bagian belakang. Unsur-unsur yang digunakan meliputi warna, teks dan illustrasi.</p></div>
+
 
+
===Konsep Dasar Data===
+
 
+
====Data====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Edi (2009 : 72)<ref name="Edi. Doro, dan Betshani. Stevalin. 2009. “Analisis Data dengan Menggunakan ERD dan Model Konseptual Data Warehouse.” Bandung: Universitas Kristen Maranatha.">Edi. Doro, dan Betshani. Stevalin. 2009. “Analisis Data dengan Menggunakan ERD dan Model Konseptual Data Warehouse.” Bandung: Universitas Kristen Maranatha.</ref>, “Data terbentuk dari karakter yang dapat berupa alfabet, angka, maupun simbol khusus dan merupakan bentuk yang masih mentah sehingga perlu diolah lebih lanjut melalui suatu model untuk menghasilkan 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 : 72)<ref name="Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.>Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.</ref>,“Data adalah kenyataan yang menggambarkan suatu kejadian – kejadian dan kesatuan nyata”. Kejadian – kejadian adalah sesuatu yang terjadi saat tertentu di dalam dunia bisnis. Bisnis adalah perubahan dari suatu nilai yang disebut transaksi. Misalnya, penjualan adalah transaksi perubahan nilai barang menjadi nilai uang atau nilai piutang dagang. Kesatuan nyata adalah berupa suatu objek nyata seperti tempat, benda, dan yang betul – betul ada dan terjadi. Dari definisi dan uraian data tersebut dapat disimpulkan bahwa data adalah bahan mentah yang diproses untuk menyajikan 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">Berdasarkan beberapa pendapat yang dikemukakan di atas dapat ditarik kesimpulan data adalah hal, peristiwa, atau kenyataan lainnya yang mengandung suatu pengetahuan untuk dijadikan dasar guna penyusunan keterangan, pembuatan kesimpulan, atau sumber dari informasi.</p></div>
+
 
+
====Klasifikasi Data====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Sutabri (2012 : 12) <ref name="Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.">Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.</ref>, data itu sendiri dapat diklasifikasikan menurut jenis, sifat, dan sumber. Mengenai penjelasan klasifikasi data tersebut akan diurai dibawah ini :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Klasifikasi data menurut jenis data, yaitu:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Data Hitung (Enumeration atau Counting Data) adalah hasil penghitungan atau jumlah tertentu. Yang termasuk data hitung adalah presentase dari suatu jumlah tertentu.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Data Ukur (Measurement Data) adalah data yang menunjukan ukuran mengenai nilai sesuatu. Angka yang ditunjukan alat barometer atau termometer adalah hasil proses pengukuran.</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. Klasifikasi data menurut sifat data, yaitu:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Data Kuantitatif (Quantitative Data) adalah data mengenai penggolongan dalam hubungannya dengan penjumlahan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Data Kualitatif (Qualitative Data) adalah data mengenai penggolongan dalam hubungannya dengan kualitas atau sifat sesuatu. Penggolongan fakultas – fakultas pada universitas negeri menjadi fakultas exacta dan fakultas non-exacta merupakan pemisahan menurut sifatnya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">3. Klasifikasi data menurut sumber data, yaitu:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Data internal adalah data yang asli, artinya data sebagai hasil observasi yang dilakukan sendiri, bukan data hasil karya orang lain.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Data external adalah data hasil observasi orang lain. Seseorang boleh saja menggunakan data untuk suatu keperluan, meskipun data tersebut hasil kerja orang lain. Data external ini terdiri dari 2 (dua) jenis.</p></div>
+
 
+
====Pengolahan Data====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Data merupakan bahan mentah untuk diolah yang hasilnya kemudian menjadi informasi. Dengan kata lain, data yang telah diperoleh harus diukur dan dinilai baik dan buruk, berguna atau tidak dalam hubungannya dengan tujuan yang akan dicapai. Pengolahan data terdiri dari kegiatan – kegiatan penyimpanan data dan penanganan 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 Sutabri (2012 : 6) <ref name="Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.">Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.</ref>, pengolahan data dapat diuraikan seperti dibawah ini, yaitu:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Penyimpanan Data (Data Storage) meliputi pekerjaan pengumpulan (filing), pencarian (searching), dan pemeliharaan (maintenance). Data disimpan dalam suatu tempat yang lazim dinamakan “file”. File dapat berbentuk map, ordner, disket, tape, hard disk, dan lain sebagainya. Jadi, file diartikan sebagai suatu susunan data yang terbentuk dari sejumlah catatan (record) yang berhubungan satu sama lain (sejenis) mengenai suatu bidang dalam suatu unit usaha. Untuk memperoleh kemudahan dalam pencarian data (searching) di dalam file maka file dibagi menjadi 2 (dua) jenis, yaitu: file induk dan file transaksi.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Penanganan Data (Data Handling) meliputi berbagai kegiatan seperti: pemeriksaan, perbandingan, pemilihan, peringkasan, dan penggunaan. Pemeriksaan data mencakup pengecekan data yang muncul pada berbagai daftar yang berkaitan atau yang datang dari berbagai sumber, untuk mengetahui berbagai sumber dan untuk mengetahui perbedaan atau ketidaksesuaian, pemeriksaan ini dilakukan dengankegiatan pemeliharaan file (file maintenance). Pengguna data (data manipulation) merupakan kegiatan untuk menghasilkan informasi.</p></div>
+
 
+
====Tahapan Pengumpulan Data====
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Rapina (2011 : 15) <ref name="Rapina, dkk. 2011. “Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaan dan Pergudangan.” Bandung: Univ.Kristen Maranatha.">Rapina, dkk. 2011. “Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaan dan Pergudangan.” Bandung: Univ.Kristen Maranatha.</ref>, teknik pengumpulan data, yaitu:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Studi Lapangan</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Yaitu penelitian yang dilakukan secara langsung pada perusahaan yang bersangkutan untuk memperoleh data primer dan informasi yang dibutuhkan, dengan cara :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Observasi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Observasi merupakan suatu teknik yang digunakan untuk mengumpulkan data dengan cara melakukan pengamatan secara langsung ke tempat yang dijadikan objek penelitian.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. 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">Wawancara merupakan salah satu teknik untuk mengumpulkan data dengan cara menanyakan secara langsung kepada pihak yang berkaitan dengan penelitian.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">d. Dokumentasi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dokumentasi adalah suatu teknik pengumpulan data dengan cara mengumpulkan semua hal yang diperlukan yang dapat menunjang keberhasilan penelitian.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">e. Studi Kepustakaan</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Yaitu mencari dan mengumpulkan bahan yang berhubungan dengan masalah yang diteliti untuk memperoleh data sekunder dengan membaca, mempelajari, dan mendalami literatur – literatur yang berhubungan dengan masalah yang diteliti.</p></div>
+
 
+
===Konsep Dasar Informasi===
+
 
+
====Definisi Informasi====
+
 
+
 
+
<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. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.">Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.</ref>, “Informasi adalah data yang telah diklasifikasikan atau diinterprestasi 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">Menurut Amin (2012 : 72) <ref name="Amin. Zaenal, dan Santoso. Yudi. 2012. “Pemodelan Sistem Informasi Persediaan Barang Pada PT. Nutech Pundi Arta.” Jakarta: Universitas Budi Luhur.">Amin. Zaenal, dan Santoso. Yudi. 2012. “Pemodelan Sistem Informasi Persediaan Barang Pada PT. Nutech Pundi Arta.” Jakarta: Universitas Budi Luhur.</ref>, “Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi penerima dan digunakan untuk mengambil 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">Berdasarkan pendapat yang dikemukan di atas dapat ditarik kesimpulan informasi adalah data yang sudah diolah, dibentuk atau dimanipulasi sesuai dengan keperluan tertentu.</p></div>
+
 
+
====Fungsi Informasi====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Sutabri (2012:12) <ref name="Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.">Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.</ref>, fungsi utama informasi adalah menambah pengetahuan. Informasi yang disampaikan kepada pemakai mungkin 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 pilihan. Informasi yang disediakan bagi pengambil keputusan memberi suatu kemungkinan faktor resiko pada tingkat – tingkat pendapatan yang berbeda.</p></div>
+
 
+
====Siklus Informasi====
+
 
+
<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 : 33) <ref name="Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.">Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.</ref>, data diolah melalui suatu model informasi, kemudian si penerima akan menangkap informasi tersebut untuk membuat suatu keputusan dan melakukan tindakan. Tindakan si penerima menjadi sebuah data baru. Data tersebut akan ditangkap sebagai input dan diproses kembali lewat suatu model, dan seterusnya sehingga membentuk suatu siklus. Siklus inilah yang disebut “Siklus Informasi” (''Information Cycle'').</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 Mustakini (2009 : 40) <ref name="Mustakini. Jogiyanto Hartono. 2009. “Sistem Teknologi Informasi.” Yogyakarta: Andi.">Mustakini. Jogiyanto Hartono. 2009. “Sistem Teknologi Informasi.” Yogyakarta: Andi.</ref>, telah diketahui bahwa data perlu diolah untuk dijadikan informasi yang berguna lewat suatu siklus. Siklus ini disebut dengan siklus pengolahan data (data processing life cycle) atau disebut juga dengan nama siklus informasi (''information life cycle'').</p></div>
+
 
+
<div align="center"><img width="300" height="150" style="margin:0px"  src="https://lh6.googleusercontent.com/-5npkF6M6R8Y/U5Z_owryHlI/AAAAAAAAAJQ/Ub3eIutLXtY/w306-h107-no/7.jpg"/></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 2.1. Siklus pengolahan 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">Dari gambar di atas terlihat, bahwa untuk melakukan siklus pengolahan data diperlukan tiga buah komponen, yaitu komponen input, komponen model, dan komponen output. Dengan demikian, sistem informasi yang juga melakukan proses pengolahan data juga akan membutuhkan tiga komponen ini.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Data yang masih belum diolah perlu disimpan untuk pengolahan lebih lanjut, karena tidak semua data yang diperoleh langsung diolah. Pada umumnya, data yang diperoleh disimpan terlebih dahulu yang nantinya setiap saat dapat diambil untuk diolah menjadi informasi. Data ini disimpan di simpanan (storage) dalam bentuk database. Data yang ada di basis data ini yang nantinya akan digunakan untuk menghasilkan informasi. Siklus pengolahan data yang dikembangkan ini disebut dengan extended data processing life cycle.</p></div>
+
 
+
<div align="center"><img width="300" height="200" style="margin:0px"  src="https://lh3.googleusercontent.com/-Mg0vWSSynVs/U5Z_pmwZsPI/AAAAAAAAAJM/swxVsZzks80/w305-h211-no/8.jpg"/></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 2.2. Siklus Pengolahan Data yang 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">Dari siklus ini data yang dikembangkan, terlihat bahwa untuk melakukan pengolahan data, maka diperlukan tambahan sebuah komponen lagi, yaitu komponen basis data. Dengan demikian, komponen-komponen sistem informasi yaitu komponen input, komponen model, dan komponen output sekarang bertambah sebuah komponen lagi, yaitu komponen basis data.</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 Sutabri (2012 : 34) <ref name="Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.">Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.</ref>, dapat disimpulkan bahwa informasi dalam manajemen diklasifikasikan berdasarkan aspek – aspek seperti yang akan dipaparkan berikut ini:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Informasi Berdasarkan Persyaratan</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 informasi harus memenuhi persyaratan sebagaimana dibutuhkan oleh seorang manajer dalam rangka pengambilan keputusan yang harus segera dilakukan. Berdasarkan persyaratan itu informasi dalam manajemen diklasifikasikan sebagai berikut:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Informasi yang tepat waktu</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Pada hakekatnya makna informasi yang tepat waktu adalah sebuah informasi yang tiba pada manajer sebelum suatu keputusan diambil sebab seperti telah diterangkan di muka, informasi adalah bahan pengambilan keputusan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Informasi yang relevan</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Sebuah informasi yang disampaikan oleh seoarang manajer kepada bawahan harus relevan, yakni ada kaitannya dengan kepentingan pihak penerima sehingga informasi tersebut akan mendapat perhatian.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">c. Informasi yang benilai</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Yang dimaksud informasi yang bernilai adalah informasi yang berharga untuk suatu pengambilan keputusan. Seperti yang telah dijelaskan di depan, suatu keputusan adalah hasil pilihan dari sejumlah alternatif tersebut, informasi ini akan mempunyai nilai pendukung yang amat berharga dan memliki manfaat bagi suatu pengambilan keputusan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">d. Informasi yang dapat dipercaya</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Suatu informasi harus dapat dipercaya (''realiable'') dalam manajemen karena hal ini sangat penting menyangkut citra organisasi, terlebih bagi organisasi dalam bentuk perusahaan yang bergerak dalam persaingan bisnis.</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. Informasi Berdasarkan Dimensi Waktu</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 berdasarkan dimensi waktu ini diklasifikasikan menjadi 2 (dua) macam, yaitu:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Informasi masa lalu</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Informasi jenis ini adalah mengenai peristiwa lampau yang meskipun amat jarang digunakan, namun dalam penyimpanannya pada data storage perlu disusun secara rapih dan teratur</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Informasi masa kini</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Dan sifatnya sendiri sudah jelas bahwa makna dari informasi masa kini ialah informasi mengenai peristiwa-peristiwan yang terjadi sekarang (''current event''). Berkat teknologi canggih dalam bentuk komputer, pengelolaan informasi jenis ini dapat dilakukan dengan cepat.</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. Informasi berdasarkan sasaran</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 berdasarkan sasaran adalah informasi yang ditunjukan kepada seorang atau kelompok orang, baik yang terdapat di dalam organisasi maupun di luar organisasi. Informasi jenis ini diklasifikasikan sebagai berikut:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Informasi individual</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Informasi individual (''individual information'') ialah informasi yang ditunjukan kepada seseoarang yang mempunyai fungsi sebagai pembuat kebijaksaan (''policy maker'') dan pengambil keputusan (''decision maker'') atau kepada seorang yang diharapkan dari padanya tanggapan terhadap informasi yang diperolehnya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Informasi komunitas</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Informasi komunitas (''community information'') adalah infromasi yang ditunjukan kepada khalayak di luar organisasi, suatu kelompok tertentu di masyarakat.</p></div>
+
 
+
====Nilai Informasi====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Sutabri (2012 : 37) <ref name="Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.">Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.</ref>, nilai informasi ditentukan oleh 2 (dua) hal, yaitu manfaat dan biaya untuk mendapatkannya. Suatu informasi dikatakan bernilai bila manfaat lebih efektif dibandingkan dengan biaya mendapatkannya. Pengukuran nilai informasi biasanya dihubungkan dengan analisis cost effectivess atau cost benefit. Nilai informasi ini didasarkan atas 10 (sepuluh) sifat, yaitu :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Mudah diperoleh</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Luas dan lengkap</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. Ketelitian</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">d. Kecocokan</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">e. Ketepatan waktu</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">f. Kejelasan</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">g. Keluwesan</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">h. Dapat dibuktikan</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">i. Tidak ada prasangka</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">j. Dapat diukur</p></div>
+
 
+
====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 Sutabri (2012 : 41) <ref name="Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.">Sutabri. Tata. 2012. “Konsep Sistem Informasi.” Yogyakarta: Andi.</ref>, kualitas suatu informasi tergantung dari 3 (tiga) hal, yaitu:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Akurat (''Accurate'')</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 harus bebas dari kesalahan-kesalahan dan tidak menyesatkan. Akurat juga berarti informasi harus jelas mencerminkan maksudnya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Tepat Waktu (''Timeline'')</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 yang datang pada si penerima tidak boleh terlambat. Informasi yang sudah usang tidak akan mempunyai nilai lagi karena informasi merupakan landasan dalam 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">c. Relevan (''Relevance'')</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Informasi tersebut mempunyai manfaat untuk pemakainya.</p></div>
+
 
+
===Pengertian ''Company Profile''===
+
 
+
<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 (2012 : 284) <ref name="Maimunah, dkk. 2012. “Jurnal CCIT Vol. 5 No. 3”">Maimunah, dkk. 2012. “Jurnal CCIT Vol. 5 No. 3”</ref>, ''Company Profile'' adalah sebuah aset suatu lembaga atau perusahaan yang dapat digunakan untuk meningkatkan suatu iamge atau citra dari perusahaan untuk menjalin kerjasama dengan relasi perusahaan, lembaga dan instansi yang terkait lainnya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Lusyani Sunarya dalam Diktat Mata Kuliah Desain Karakter dan Modeling (2010 : 45) <ref name="Lusyani Sunarya. 2011. “Diktat Mata Kuliah Design Karakter dan Modelling.”">Lusyani Sunarya. 2011. “Diktat Mata Kuliah Design Karakter dan Modelling.”</ref>, ''Company Profile'' adalah sebuah aset suatu lembaga atau perusahaan yang biasa digunakan sebagai tanda pengenal dalam melakukan komunikasi baik dan kerjasama dalam lingkup intern perusahaan maupun dengan kolega, mitra usaha ataupun pihak-pihak terkait lainnya diluar lingkungan perusahaan tersebut.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Secara umum identitas yang biasa dipergunakan sebagai tanda pengenal suatu lembaga ataupun perusahaan dalam bentuk sebuah buku yang berisi mengenai latar belakang perusahaan secara keseluruhan, aset-aset perusahaan, visi-misi perusahaan, struktur organisasi, alur kerja perusahaan secara keseluruhan, serta aset perusahaan secara keseluruhan yang dimuat dalam bentuk buku ''Company Profile.''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">''Company Profile'' adalah sebagai aset perusahaan yang dipegang dan dimiliki oleh setiap perusahaan atau lembaga. Dimana Company Profile, selain sebagai aset perusahaan juga berfungsi sebagai tanda atau identitas dari perusahaan dalam menjalin kerjasama atau relasi yang baik dengan perusahaan, lembaga, atau instansi terkait lainnya.</p></div>
+
 
+
===Konsep Dasar Design===
+
 
+
====Definisi Design====
+
 
+
<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 Dalam buku Desain Komunikasi Visual Teori dan Aplikasi (2010 : 136) <ref name="Rakhmat Supriyono. 2010. “Design Komunikasi Visual Teori dan Aplikasi.”">Rakhmat Supriyono. 2010. “Design Komunikasi Visual Teori dan Aplikasi.”</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">Sedangkan menurut Teguh Wibowo dalam buku Belajar Desain Grafis (2013 : 10) <ref name="Teguh Wibowo. 2013. “Belajar Design Grafis.”">Teguh Wibowo. 2013. “Belajar Design Grafis.”</ref>, Desain adalah metode penyampaian pesan visual berbentuk teks dan gambar dari komunikator kepada komunikan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Desain merupakan perencanaan dalam pembuatan sebuah objek, sistem, komponen atau struktur.Dalam artian yang lebih luas, desain merupakan seni terapan dan rekayasa yang berintegrasi dengan teknologi. Desain dikenakan pada bentuk sebuah rencana, dalam hal ini dapat berupa proposal, gambar, model, maupun deskripsi.</p></div>
+
 
+
====Fungsi - Fungsi Design====
+
 
+
<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 Dalam Diktat Mata Kuliah Desain Karakter and Modeling (2011 : 07) <ref name="Lusyani Sunarya. 2011. “Diktat Mata Kuliah Design Karakter dan Modelling.”">Lusyani Sunarya. 2011. “Diktat Mata Kuliah Design Karakter dan Modelling.”</ref>, sebagai berikut :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Fungsi 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">Desain selalu menyampaikan informasi dan pengirim pesan secara visual.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Fungsi identifikasi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Desain selalu menyiratkan atau menyuratkan identitas pengirim pesannya lewat karakter visual.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. Fungsi Persuasi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<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>
+
 
+
====Unsur - Unsur Design Grafis====
+
 
+
<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, ST. Dalam buku Tips n Trix Komputer Graphics Design yang diterbitkan oleh Informatika Bandung (2010 : 13 – 27) <ref name="Hendi Hendratman. 2010. “Tips n Trix Komputer Graphics Design.”">Hendi Hendratman. 2010. “Tips n Trix Komputer Graphics Design.”</ref>, Desain yang menekankan tanpa keindahan akan tidak menarik sehingga tidak komunikatif. ’Menarik’ atau ’indah’ bisa dilihat dengan menggunakan mata (lahir) atau dengan hati (batin), maka desain akan menarik apabila indah dipandang atau konsepnya yang kreatif. Keindahan yang dibahas disini lebih ditekankan pada kemampuan mata sebagai penilai.</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. Unsur-unsur dalam desain grafis diantaranya 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">a. Garis (''line'')</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Garis di definisikan sebagai sekumpulan titik yang dideretkan memanjang. Setiap garis menimbulkan kesan psikologis atau persepsi sendiri. Misalnya garis yang membentuk ‘S’, sering dirasakan sesuatu yang lembut, halus dan gemulai. Bandingkan garis yang membentuk ‘Z’, terkesan tegas dan kaku.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Bentuk (''shape'')</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Bentuk disebut juga shape, dihasilkan dari garis-garis yang tersusun semedikian rupa. Bentuk ada yang berbentuk 2 dimensi (dwimatra) dan 3 dimensi (trimatra). Setiap bentuk mempunyai arti sendiri, tergantung budaya, geografis dll. Contoh : segitiga bisa melambangkan konsep trinitas (ayah, ibu, anak), tetapi di mesir segitiga melambangkan simbol feminimitas (kewanitaan).</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. Ilustrasi /''Gambar'' /''Image''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar di desain grafis bisa terbagi dari metodenya :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">1. Manual  / ''Hand Drawing'' / Gambar tangan. Dengan menggunakan alat seperti pensil, airbrush, kuas, cat, spidol dan lain-lain. Cocok untuk pembuatan konsep, sketsa, ide, karikatur, komik, lukisan dan lain-lain.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">2. ''Computerized''. Menggunakan komputer, anda dapat membuat gambar secara vektor atau bitmap. Format vektor yang terdiri dari koordinat-koordinat, cocok untuk pembuatan logo dan gambar line-art. Format bitmap terdiri dari pixel-pixel, cocok untuk 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">d. Ruang (''Space'')</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dengan ruang, kita dapat merasakan jauh-dekat, tinggi-rendah, panjang-pendek, kosong-padat, besar-kecil dll. Ukuran tersebut sifatnya relatif. ‘Besar’ menurut anda belum tentu sama dengan ‘besar’ menurut orang lain. Ukuran – ukuran tersebut muncul karena ada pembanding.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">e. Teks /Tipografi</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 seni memilih dan menata huruf pada ruang untuk menciptakan kesan khusus, sehingga akan pembaca dapat membaca semaksimal mungkin.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">f. Warna (Color)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Salah satu elemen visual yang dapat dengan mudah menarik perhatian pembaca adalah warna. Betapa sepinya dunia desain grafis tanpa kehadiran warna. Namun demikian, Anda perlu hati-hati dalam penggunaan warna. Apabila pemakaian warna kurang tepat maka dapat merusak citra, mengurangi nilai keterbacaan, dan bahkan dapat menghilangkan gairah baca. Jika Anda dapat menggunakan dengan tepat, warna dapat membantu menciptakan mood dan membuat teks lebih berbicara. Sebagai contoh, desain publikasi yang menggunakan warna-warna soft dapat menyampaikan kesan lembut, tenang dan romantik. Warna-warna kuat dan kontras dapat memberi kesan dinamis, cenderung meriah.</p></div>
+
 
+
====Prinsip - Prinsip Design Grafis====
+
 
+
<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, ST. Dalam buku Tips n Trix Komputer Graphics Design (2010 : 29 – 37) <ref name="Hendi Hendratman. 2010. “Tips n Trix Komputer Graphics Design.”">Hendi Hendratman. 2010. “Tips n Trix Komputer Graphics Design.”</ref>, Dalam mengkomposisi atau mengatur layout agar menarik menggunakan prinsip-prinsip sebagai berikut :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Keseimbangan (''Balance'') </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Secara keseluruhan komponen-komponen desain  harus tampil seimbang. Mata kita akan menangkap keseluruhan atau halaman desain dalam satu komponen yang lebih kecil.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Irama (''Rhythm'')</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pengulangan atau variasi komponen-komponen desain grafis. Pengulangan tersebut bisa dalam bentuk urutan gerakan, pola atau pattern 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">c. Skala dan Proporsi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Skala adalah perubahan ukuran atau size tanpa perubahan perbandingan ukuran panjang lebar atau tinggi, sedangkan proporsi adalah perubahan perbandingan antara panjang lebar atau tinggi sehingga gambar dengan perubahan proporsi sering terlihat distorsi.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">d. Fokus</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Tidak semua komponen grafis sama pentingnya, audience harus fokuskan atau diarahkan pada satu titik dan kontras pada penekanan karena ada perbedaan drastis atau konflik pada komponen desain grafis.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">e. Kesatuan (''Unity'')</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Semua bagian dan unsur grafis bersatu-padu dan serasi sehingga pembaca memahami sebagai satu kesatuan.</p></div>
+
 
+
===Definisi Tipografi===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Teguh Wibowo dalam buku Design Grafis (2013 : 115) <ref name="Teguh Wibowo. 2013. “Belajar Design Grafis.”">Teguh Wibowo. 2013. “Belajar Design Grafis.”</ref>, Tipografi (''typography'') merupakan ilmu memilih dan menata huruf sesuai pengaturannya pada ruang-ruang yang tersedia guna menciptakan kesan tertentu, sehingga menolong pembaca mendapatkan kenyamanan membaca semaksimal mungkin.</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 Roy Brewer dalam buku Design Grafis (2013 : 116) <ref name="Roy Brewer. 2013. “Design Grafis.”">Roy Brewer. 2013. “Design Grafis.”</ref>, Tipografi adalah pemilihan, penataan dan berbagai hal terkait pengaturan baris-baris susun huruf (''typeset''), tidak termasuk ilustrasi dan unsur lain, atau susun huruf pada halaman cetak.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Tipografi (''typography'') adalah ilmu yang mempelajari tentang huruf. Dengan perkembangan font-font komputer, kita akan leluasa memilih jenis font yang diinginkan. Namun memilih font adalah pekerjaan yang melelahkan karena sering banyaknya font yang tersedia.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Langkah awal untuk mempelajari tipografi adalah mengenali atau memahami anatomi huruf. Seperti halnya manusia, huruf memiliki berbagai organ yang berbeda. Gabungan dari seluruh komponen dari suatu huruf merupakan identifikasi visual yang dapat membedakan antara huruf yang satu dengan yang lain. Apabila kita telah memahami anatomi huruf secara baik, dengan mudah kita dapat mengenal sifat dan karakteristik dari setiap jenis huruf.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. ''Baseline''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Sebuah garis maya lurus horisontal yang menjadi batas dari bagian terbawah dari setiap huruf besar.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. ''Capline''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Sebuah garis maya lurus horisontal yang menjadi batas dari bagian teratas dari setiap huruf besar.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. ''Meanline''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Sebuah garis maya lurus horisontal yang menjadi batas dari bagian teratas dari badan setiap huruf kecil.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">d. ''X –Height''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Jarak ketinggian dari baseline sampai ke meanline. X-Height merupakan tinggi dari badan huruf kecil.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">e. ''Ascender''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Bagian dari huruf kecil yang posisinya tepat berada diantara ''meanline'' dan ''capline''.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">f. ''Descender''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Bagian dari huruf kecil yang posisinya tepat berada dibawah ''baseline''.</p></div>
+
 
+
===Definisi Tentang Psikologi Warna===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Sugeng Widada Dalam Diktat Mata Kuliah Nirmana (2012 : 14 – 17) <ref name="Sugeng Widada. 2012. “Diktat Mata Kuliah Nirmana.”">Sugeng Widada. 2012. “Diktat Mata Kuliah Nirmana.”</ref>, sebagai berikut :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Pengertian warna</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Secara obyektif warna adalah sifat cahaya yang dipancarkan dan terurai sebagai warna pelangi ( merah, jingga, kuning, ungu ). Jenis warna yang demikian disebut Spectrum atau warna cahaya. Secara Subyektif warna adalah bagian dari pengalaman indra penglihat ( mata ) yang diterima dari pantulan sinar atau cahaya pada suatu obyek atau benda tertentu. </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Teori Warna</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Secara garis besar dikenal adanya 2 dasar teori tentang warna :</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. ''Prang system''</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. ''Munsell system''</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 teori ''Prang system'' warna dapat dibagi berdasarkan :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">1. HUE (nama warna) : panas atau dinginnya warna</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Menunjukkan nama-nama warna : merah, biru, hijau</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Perbedaan warna adalah perbedaan HUE</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Bila hijau menjadi kebiruan dapat dikatakan berubah HUE nya</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">2. VALUE : Terang atau gelapnya warna</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">3. INTENSITY : Cerah atau suranya warna</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. Jenis /Bentuk Warna</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">1. Warna primer</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<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>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">2. Warna sekunder</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<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>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">3. Warna Quarter</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<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>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">4. Warna tersier</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<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>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">5. Warna ''Complementer''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<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 digoyang sepertinya dapat bergerak.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">d. Makna Simbolik Warna</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 Sugeng Widada pada Diktat Mata Kuliah Nirmana  (2010 : 21 – 23) <ref name="Sugeng Widada. 2012. “Diktat Mata Kuliah Nirmana.”">Sugeng Widada. 2012. “Diktat Mata Kuliah Nirmana.”</ref>, Mengenai arti dari sebuah warna.</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. Warna Merah :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Semangat, keberanian, amarah, bahaya, kekerasan, kekejaman, kesakitan.</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. Warna Kuning :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kegembiraan, keceriaan, kecemerlangan, keagungan, ciptaan.</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. Warna Kuning Emas :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kemewahan, kejayaan, kemenangan, kemulyaan, kekuatan spiritual.</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. Warna Hjau :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pertumbuhan, kesuburan, keremajaan, keyakinan, pengharapan, kesanggupan, kehidupan, penelitian.</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. Warna Biru :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kebenaran, keteguhan, ketenangan, kesejukan, kesetiaan, kemurahan hati.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">6. Warna Putih :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kesucian, kebenaran, perdamaian, kemurnian, kejujuran, ketentraman.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">7. Warna Hitam: </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Ketabahan, kekuatan, ketegasan, kejantanan, kesengsaraan.</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. Warna Abu-abu : </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Ketaatan, rendah hati, kesholihan, modern.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kesucian, kebenaran, perdamaian, kemurnian, kejujuran, ketentraman.</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. Warna Oranye : </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kemajuan, semangat, perkembangan, Energi.</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. Warna Violet : </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kemulyaan, kebesaran jiwa, kelembutan.</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. Indigo :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Ilmu pengetahuan, kemapanan, kedewasaan.</p></div>
+
 
+
===Definisi Tentang Simbolik Bentuk===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Fandy Tjiptono dalam buku Strategi Pemasaran (2008 : 30) <ref name="Fandy Tjiptono. 2008. “Strategi Pemasaran.”">Fandy Tjiptono. 2008. “Strategi Pemasaran.”</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>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pengertian Simbol adalah tanda pengenal yang menjelaskan dan mengaktualisasikan suatu bentuk rancangan, Simbol memiliki perananan penting yang dirancang dan dipublikasikan dengan dilindungi hak cipta sehingga tidak boleh dipakai sembarangan.</p></div>
+
 
+
===Definisi Citra atau <i>Image</i>===
+
 
+
<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, Diktat Perkuliahan Aplikasi Program Komputer Mavib II, (2014 : 37) <ref name="Lusyani Sunarya. 2014. “Diktat Perkuliahan Aplikasi Program Komputer MAVIB II.”">Lusyani Sunarya. 2014. “Diktat Perkuliahan Aplikasi Program Komputer MAVIB II.”</ref>, ''Image'' atau Citra adalah Bagaimana perusahaan tersebut ingin dirasakan dan dipandang oleh masyarakat ( konsumen, ''network/supplier'', pemerintah bahkan oleh kompetitor ).</p></div>
+
 
+
==Teori Khusus==
+
 
+
===Definisi Adobe Photoshop===
+
 
+
<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 Dalam Diktat Mata Kuliah Aplikasi Program Mavib 1 (2011 : 18) <ref name="Sugeng Widada. 2011. “Diktat Mata Kuliah Aplikasi Program MAVIB I”">Sugeng Widada. 2011. “Diktat Mata Kuliah Aplikasi Program MAVIB I”</ref>, Adobe Photoshop adalah suatu perangkat lunak canggih yang dapat gunakan untuk membuat, menyunting dan memanipulasi tampilan termasuk mengoreksi warna dan memberi efek tampilan atas sebuah gambar atau photo, hasil dari program ini  merupakan sebuah gambar / image, di dalam desain grafis bentuk gambar dibagi menjadi 2 yaitu Gambar Bitmap dan Gambar Vektor. Sedangkan yang dihasilkan melalui aplikasi program Adobe Photoshop adalah merupakan gambar bitmap.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Kualiatas gambar ditentukan oleh jumlah pixel yang diperlukan pada gambar tersebut, maka Anda harus menentukan dimensi (ukuran) pixel terhadap resolusi gambar yang akan dikerjakan, serta harap diperhatikan tentang Monitor yang resolusinya dapat menunjang untuk tampilan gambar.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Adobe Photoshop menyediakan berbagai piranti yang akan membantu Anda dalam membuat gambar, Anda dapat memformat tampilan gambar tersebut dengan menggunakan filter yang telah disediakan, dengan menggunakan filter Anda dapat memberikan efek – efek tertentu untuk obyek gambar atau bahkan memberikan filter pada masing-masing layer sehingga menghasilkangambar seperti yang diinginkan.</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 Arya Maulana dalam buku Panduan Lengkap Adobe Photoshop Cs 3 (2010 : 1 dan 23) <ref name="Arya Maulana. 2010. “Panduan Lengkap Adobe Photoshop CS3.”">Arya Maulana. 2010. “Panduan Lengkap Adobe Photoshop CS3.”</ref>, Adobe Photoshop adalah suatu perangkat lunak yang canggih yang dapat digunakan untuk membuat, menyunting dan memanipulasi tampilan termasuk mengoreksi warna dan memberi efek tampilan atas sebuah gambar atau photo, hasil dari program ini merupakan sebuah gambar atau image, didalam komputer grafis terbagi menjadi dua kelompok yaitu Gambar Bitmap dan Gambar Vektor.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Dengan kemampuan pengolahan bitmap yang sangat baik, menjadikan Adobe Photoshop menjadi standar yang umum digunakan didalam pengolahan objek bitmap. Adobe Photoshop menyimpan beberapa kemampuan yang sangat baik untuk membuat gambar selayaknya menggunakan aplikasi berbasis vektor. Akan tetapi hal tersebut membutuhkan pemahaman konsep dasar pembentukan kurva vektor yang tidak dapat ditinggalkan oleh aplikasi dalam mengolah ''bitmap'' seperti photoshop. Konsep dasar yang harus dipahami adalah : manajemen layer, pembuatan path, dan seleksi. Toolbox berfungsi sebagai tombol pengganti perintah yang dipergunakan untuk mempercepat pekerjaan. Nama-nama ''toolbox'' terdiri atas ''Marquee tools, Lasso tools, Magic Wand tool, Move tool, Crop tool, Slice tool, Healing brush tool, Pencil tool, Clone Stamp tool, History Brush tool, Eraser tool, Paint Bucket tool, Blur tool, Path Component Selection tool, Type tool, Pen tool, Zoom tool, Eyedroper Hand tool'', dan sebagainya.</p></div>
+
 
+
===Konsep Dasar Dreamveaver===
+
 
+
====Definisi Dreamweaver====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Madcoms (2010 : 1) <ref name="Madcoms. 2010. “Kupas Tuntas Adobe Dreamweaver CS5 Dengan Pemrograman PHP & MySQL.” Yogyakarta: Andi.">Madcoms. 2010. “Kupas Tuntas Adobe Dreamweaver CS5 Dengan Pemrograman PHP & MySQL.” Yogyakarta: Andi.</ref>, “''Dreamweaver'' adalah merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain web secara visual. Aplikasi ini juga yang biasa dikenal dengan istilah WYSIWYG (''What You See It What You Get''), yang intinya tidak harus berurusan dengan tag – tag HTML untuk membuat situs”.</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 Prasetio (2012 : 96) <ref name="Prasetio. Adhi. 2012. “Buku Pintar Pemrograman Web.” Jakarta : Mediakita.">Prasetio. Adhi. 2012. “Buku Pintar Pemrograman Web.” Jakarta : Mediakita.</ref>,“''Dreamweaver'' adalah sebuah tools untuk membantu kita menuliskan kita menuliskan kode HTML secara visual”.</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 definisi di atas, maka dapat disimpulkan dreamweaver adalah suatu aplikasi yang digunakan untuk membangun, membuat dan mendesain sebuah web secara visual.</p></div>
+
 
+
===Konsep Dasar Website===
+
 
+
====Definisi Website====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Murad (2013:49) <ref name="Murad. Dina Fitria, Kusniawati. Nia, Asyanto. Agus. 2013. “Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT.” Tangerang: Perguruan Tinggi Raharja. Vol. 7, No. 1, September 2013.">Murad. Dina Fitria, Kusniawati. Nia, Asyanto. Agus. 2013. “Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT.” Tangerang: Perguruan Tinggi Raharja. Vol. 7, No. 1, September 2013.</ref>, “Web adalah sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah server web internet yang disajikan dalam bentuk hypertext”.</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 Arief (2011:7) <ref name="Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL.” Yogyakarta: Andi.">Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL.” Yogyakarta: Andi.</ref>, “Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, suara, animasi, video) di dalamnya yang menggunakan protokol HTTP (hypertext transfer protocol) dan untukmengaksesnya menggunakan perangkat lunak yang disebut browser”.</p></div>
+
 
+
===Konsep Dasar HTML===
+
 
+
====Definisi HTML====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Oktavian (2010 : 13) <ref name="Oktavian. Diar Puji. 2010. “Menjadi Programmer Jempolan Menggunakan PHP.” Yogyakarta: Mediakom.">Oktavian. Diar Puji. 2010. “Menjadi Programmer Jempolan Menggunakan PHP.” Yogyakarta: Mediakom.</ref>, “HTML adalah suatu bahasa yang dikendalikan oleh web browser untuk menanpilkan informasi dengan lebih menarik dibandingkan dengan tulisan teks biasa (plain text).”</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 Simarmata (2010 : 52) <ref name="Simarmata. Janner. 2010. “Rekayasa Web.” Yogyakarta: Andi.">Simarmata. Janner. 2010. “Rekayasa Web.” Yogyakarta: Andi.</ref>, HTML adalah bahasa markup untuk menyebaran informasi pada web. Ketika merancang HTML, ide ini diambil dari Standart Generalized Markup Language (SGML). SGML adalah cara yang terstandarisasi dari pengorganisasian dan informasi yang terstruktur di dalam dokumen atau sekumpulan dokumen. Walaupun HTML tidak dengan mudah dapat dipahami kebanyakan orang, ketika diterbitkan penggunaanya menjadi jelas.</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 Arief (2011 : 23) <ref name="Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL.” Yogyakarta: Andi.">Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL.” Yogyakarta: Andi.</ref>, “HTML atau ''HyperText Markup Language'' merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai ''web page''. Dokumen HTML merupakan dokumen yang disajikan pada ''web 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">Berdasarkan pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwa, HTML adalah bahasa yang sangat tepat dipakai untuk menampilkan informasi pada halaman web, karena HTML menampilkan informasi dalam bentuk hypertext dan juga mendukung sekumpulan perintah yang dapat digunakan untuk mengatur tampilnya informasi tersebut, sesuai dengan namanya, bahasa ini menggunakan tanda (markup) untuk menandai perintah - perintahnya.</p></div>
+
 
+
====Tag Yang Sering Digunakan====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menurut Oktavian (2010 : 14) <ref name="Oktavian. Diar Puji. 2010. “Menjadi Programmer Jempolan Menggunakan PHP.” Yogyakarta: Mediakom.">Oktavian. Diar Puji. 2010. “Menjadi Programmer Jempolan Menggunakan PHP.” Yogyakarta: Mediakom.</ref>, ada banyak ragam tag yang tersedia dalam HTML, namun disini tidak akan dibahas semuanya. Berikut adalah daftar tag yang sering digunakan dalam mempelajari pembuatan web, yaitu:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Tag "!.."</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk menandai sebuah komentar suatu kode (''script'') dengan tanda ini, maka ''browser'' tidak akan menerjemahkannya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Tag "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">Singkatan dari anchor, tag ini digunakan untuk membuat sebuah tautan (''link'') antar web. Ciri dari link adalah :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">1. Bila link belum pernah diakses (klik) maka akan berwarna biru dan bergaris bawah.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">2. Bila sudah pernah diakses (klik) maka akan berubah menjadi ungu dan tetap bergaris bawah</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">3. Bila sedang aktif (diklik) maka akan berwarna merah dan bergaris bawah.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. Tag "b"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk membuat teks cetak tebal.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">d. Tag "big"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk membuat sebuah tulisan agar nampak lebih besar. Hal ini berbeda untuk cetak tebal (''bold'').</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">e. Tag "body"</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 bagian dari struktur HTM yang digunakan untuk menandai badan (body) suatu dokumen HTML. Penggunanya dapat dilihat seperti pada contoh di atas.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">f. Tag "br"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk mengakhiri suatu baris tulisan, lalu pindah ke baris baru dibawahnya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">g. Tag "button"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk membuat tombol di web browser. Biasanya digunakan untuk trigger suatu proses, misal digunakan untuk menympan atau menghapus data. Tag ini biasanya diletakkan dalam sebuah form.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">h. Tag "caption"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk membuat judul sebuah tabel. Penggunaan tag ini biasanya bersamaan dengan deklarasi 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">i. Tag "center"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk menengahkan suatu teks halaman.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">j. Tag "div"</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 digunakan untuk mendefinisikan bagian dari suatu halaman web dengan format atau style 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">k. Tag "font"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk memformat bentuk font, ukuran, warna, ukuran dari sebuah teks.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">l. Tag "form"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Adalah tag yang digunakan oleh pengguna untuk memasukan data. Tag ini biasanya dibantu oleh beberapa komponen lain, seperti: ''input, button, option'', dan lainnya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">m. Tag "frame" dan "frameset"</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 digunakan untuk menampilkan halaman web lain dalam sebuah halaman web yang dibuat. Halaman dapat dibuat terpisah dengan menampilkan halaman web lain yang berbeda – beda.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">n. Tag "head"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk menampung elemen – elemen header dari sebuah halaman web. Penggunaannya seperti pada contoh tag "big".</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">o. Tag "h1" sampai dengan "h6"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk mendefinisikan tulisan header. Untuk mengetahui perbedaanya, perhatikan ukuran setiap teks hasil 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">p. Tag "hr"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk membuat garris horisontal.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">q. Tag "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">Digunakan untuk memberitahu browser bahwa kode yang dituliskan merupakan dokumen HTML. Penggunaanya seperti pada contoh tag "big".</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">r. Tag "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">Digunakan untuk membuat teks cetak miring.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">s. Tag "input"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk berinteraksi dengan pengguna dalam hal memasukan data ke server. Input mempunyai banyak tipe, yaitu: ''button, checkbox, file, hidden, image, password, radio, reset, submit,'' dan ''text''. Penggunaannya seperti pada contoh tag "form".</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">t. Tag "li"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk menampilkan simbol data berurut, seperti simbol bullet dan nomor. Untuk urutan bernomor diawali dengan tag "ol", sedangkan untuk simbol bullet diawali tag "ul".</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">u. Tag "link"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk mendefinisikan hubungan antara halaman web yang dibuat dengan data atau aturan dari luar. Tag ini biasanya digunakan pada saat web menggunakan file css.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">v. Tag "ol"</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Digunakan untuk urutan data bernomor atau numerik, juga alfabet. Penggunaannya seperti pada contoh tag "li".</p></div>
+
 
+
==Literatur Review==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Banyak penelitian dari penemu topik dan sumber lain yang sebelumnya melakukan penelitian mengenai Web Design Company Profile dan penelitian lain yang berkaitan. Dalam upaya mengembangkan dan menyempurnakan Web Design Company Profile ini perlu dilakukan study pustaka (literatur review) sebagai salah satu dari penerapan metode penelitian yang dilakukan pada perpustakaan Perguruan Tinggi Raharja. Maka penulis melakukan literature review terhadap penelitian – penelitian sebelumnya, 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. Penelitian yang dilakukan oleh Achdiar Affandi </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Penelitian yang dilakukan oleh Achdiar Affandi dengan judul “Perancangan Design Web Sebagai Sarana Promosi PT. SAL KENCIPTA INDOMEDIA”, promosi adalah cara untuk memperkenalkan dan memberikan informasi bagi suatu lembaga, organisasi maupun perusahaan kepada masyarakat / khalayak umum maupun kepada client sebagai konsumen dengan berbagai macam medianya terkait dengan sesuatu barang / produk yang diproduksi / dihasilkan. Salah satu media nya adalah web, selain digunakan sebagai media promosi web juga dapat memberikan informasi lebih tentang suatu lembaga, organisasi maupun perusahaan tersebut. Web yang mampu menarik minat pembaca adalah web dengan perancangan design yang simple dalam segi tampilan namun mampu menarik minat pembaca untuk mengetahui isi konten web tersebut dan efisien dari segi pengaksesan.</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. Penelitian yang dilakukan oleh Fauzi Nurwandi </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Penelitian yang dilakukan oleh Fauzi Nurwandi dengan judul “Perancangan Website Alumni Jurusan Teknik Informatika Pada Perguruan Tinggi Raharja”, banyak cara yang bisa dibuat untuk memudahkan pengguna website suatu perguruan tinggi untuk memperoleh informasi, salah satunya adalah dengan membuat rancangan website untuk alumni agar perguruan tinggi tersebut dapat memperoleh informasi tentang mahasiswa alumninya yang sudah tidak menetap, tidak hanya perguruan tinggi tersebut yang bisa mendapatkan informasi, baik mahasiswa alumni maupun mahasiswa yang masih menetap dikampus tersebut juga bisa mendapatkan informasi mengenai siapa – siapa saja alumni dari perguruan tinggi tersebut dengan mengakses web yang dibuat.</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. Penelitian yang dilakukan oleh Adistya Indrianingrum </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Penelitian yang dilakukan oleh Adistya Indrianingrum dengan judul “Perancangan Web Profile Konsentrasi Web Graphic Design Pada Program Studi Manajemen Informatika AMIK Raharja Informatika”, web sebagai media untuk memperkenalkan, mempromosikan, dan memberikan informasi. Pada penelitian kali ini web dirancang untuk memberikan informasi tentang salah satu program studi manajemen infomatika AMIK yang ada pada Perguruan Tinggi Raharja, dikemas dengan design grafis yang memungkinkan memberikan tampilan dengan design yang menarik selain dilihat dari segi informasi da nisi konten profile lainnya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">4. Penelitian yang dilakukan oleh Nina Herniawati </p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Penelitian yang dilakukan oleh Nina Herniawati dengan judul “Perancangan Media Company Profile Sebagai Penunjang Informasi dan Promosi PT. REJEKI INTILOGAM JAYA”, media merupakan sarana penting sebagai penunjang informasi dan sangat mungkin dirancang untuk pembuatan media company profile, selain sebagai penunjang informasi mengenai sejarah, kualitas, mutu serta kelebihan dan lainnya dari sebuah perusahaan tersebut media company profile juga bisa digunakan sebagai sarana promosi untuk memperkenalkan apa – apa saja yang diproduksi atau dihasilkan dari perusahaan tersebut ataupun mengenai hal terkait lainnya.</p></div>
+
 
+
=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PEMBAHASAN'''</div>
+
 
+
==Profil Perusahaan==
+
 
+
===Sejarah Perusahaan===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">PT. Telkom Akses, adalah anak perusahaan PT. Telekomunikasi Indonesia Tbk. yang bergerak di bidang konstruksi pembangunan dan ''manage service'' infrastruktur jaringan. PT. Telkom Akses didirikan pada tanggal 12 Desember 2012 (12/12/12), dan sejak saat itu aktif dalam pekerjaan jasa konstruksi penggelaran jaringan akses broadband termasuk sebagai ''lessor'' penyediaan ''network terminal equipment'' (NTE), serta menyediakan pekerjaan jasa manage service operasi dan pemeliharaan (OM, ''operation & maintenance'') jaringan  akses ''broadband''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Salah satu faktor yang menjadi pemicu berdirinya PT. Telkom Akses adalah besarnya peluang untuk ikut terlibat dalam peningkatan penetrasi broadband Indonesia yang saat ini baru mencapai 2%, menjadi 30% di akhir tahun 2015. Menurut data World Bank, setiap kenaikan 10% pertumbuhan broadband akan berkontribusi pada pertumbuhan pendapatan nasional sebesar 1.38%.</p></div>
+
 
+
====Data Perusahaan====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align:center;text-indent: 0.5in">
+
<p style="line-height: 2">'''Tabel 3.1'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align:center;text-indent: 0.5in">
+
<p style="line-height: 2">'''Data Perusahaan'''</p></div>
+
 
+
{| class="wikitable"
+
|-
+
! Nama Perusahaan !! PT. Telkom Akses.
+
|-
+
| ISO || 5 April 2013
+
*ISO 9001:2008 Quality Management System.
+
|-
+
| CIQS || 18 Feb 2013 *Valid until 17 Feb 2016
+
|-
+
| TECHNOLOGY OWN LICENSE (SUPPORT) || Alcatel Lucent, FIBERHOME, HUAWEI, ZTE.
+
|-
+
| CERTIFICATION || CCNA, CCNP, PMP, Fiber Optic, Designer, Surveyor, PM.
+
|-
+
| Strategic/Service Partner || Fujikura, JF Konsorsium, Huawei, ZTE, FIBERHOME, CISCO, Alcatel Lucent, SKT, Samsung, Konet, Knet.
+
|-
+
| Tanggal Didirikan || 12 Desember 2012
+
|-
+
| Akte Pendirian || Notaris Siti Safarijah, No. 20, tanggal 26 Nov 2012
+
|-
+
| Lengkap Perusahaan || Alamat Gedung Telkom Jakarta Barat Jl. S. Parman Kav. 8 Jakarta Barat 11440
+
Telp. / Fax : +62-21-2933-7000 / +62-21-2933-6000
+
www.telkomakses.co.id
+
 
+
|-
+
| Pengesahan Badan Hukum Perseroan || Keputusan MENKUMHAM nomor AHU-60691.AH.01.01.Tahun 2012, tanggal 28 November 2012
+
|-
+
| SIUP (Menengah) || No.  09599-04/PM/1.824.271, tanggal 4 Desember 2012
+
|-
+
| NPWP || No. 03.275.315.4-014.000
+
|-
+
| Surat Ijin Usaha Jasa Konstruksi (SIUJK) || No. 1-906174-3171-2-04658, tanggal 22 Jan 2013
+
|-
+
| Sertifikasi Jaringan || CIQS 2000:2009, No TCIQS130003, tanggal 18 Februari 2013, Pelaksana Bidang Kontraktor (JARLOKAT, JARLOKAF, JARLOKAR)
+
|-
+
| Contact || PT. TELKOM AKSES
+
email    : [email protected]
+
Telp      : 021-2933-8000
+
|}
+
 
+
====Keunggulan====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Berperan aktif dalam mempercepat proses pembangunan jaringan akses broadband.</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. Menerapkan lean operation concept sehingga proses bisnis berjalan lebih efektif dan efisien,</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. Memiliki tenaga ahli yang terampil dan kompeten di bidang konstruksi dan manage service jaringan akses broadband,</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. Memiliki continuity business process yang lebih terjamin, karena dikendalikan langsung oleh perusahaan induk secara efektif,</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">5. Memiliki capital management dan financing yang lebih kuat dan fleksible, karena didukung penuh oleh PT.Telekomunikasi 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">6. Mempunyai lebih dari 61 kantor perwakilan di seluruh 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">7. Memiliki kemampuan manage service end to end jaringan akses broadband baik untuk retail maupun corporate customer.</p></div>
+
 
+
====Pengalaman Kerja====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">PT. Telkom Akses telah berpengalaman dan mempunyai keahlian di bidang penggelaran jaringan infrastruktur akses broadband di Indonesia, karena seluruh personilnya direkrut dari induk perusahaan dan diseleksi sesuai dengan bidang keahlian 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">Di antara bidang keahlian yang dimilikinya 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">a. ''Survey & drafting,''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. ''Design & Planning,''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. ''Construction & Installation''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">d. ''Project Management,''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">e. ''Manage Service,''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">f. ''Operation & Maintenance Supervision.''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">PT. Telkom Akses memiliki pengalaman mengerjakan proyek : Node B, ALU-MSAN, FTTH serta penggelaran Wifi di Bali dan Jakarta.
+
Untuk mendukung kemampuan personilnya, PT. Telkom Akses memiliki ''Access Learning Academy'' (ALA), yang berlokasi di seluruh Kantor Wilayah Telekomunikasi (WITEL) di Indonesia, bekerja sama dengan PT. Telekomunikasi Indonesia Tbk.
+
Beberapa personil PT. Telkom Akses mempunyai brevet jaringan, diantaranya CCNA, CCNP, Jaringan Akses Fiber serta sertifikasi terkait dengan Project Management.
+
</p></div>
+
 
+
===Ruang Lingkup===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">''OPERATION & MAINTANANCE''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. MS (STO Mandiri)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. MS ''Active Node'' & OSP FO</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. MS HRB & CPN</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Secara garis besar, pekerjaan Modernisasi dengan pola TITO meliputi :</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. Pengadaan dan pemasangan OSP FTTH:</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. Pengadaan dan pemasangan XGPON</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. Migrasi pelanggan dan service dari perangkat eksisting ke perangkat baru</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">4. Pelolosan atau pembongkaran aset</p></div>
+
 
+
===Visi dan Misi Perusahaan===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. VISI</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Menjadi Perusahaan jasa operasi dan pemeliharaan jaringan broadband dan jasa konstruksi infratsruktur telekomunikasi yang terdepan dikawasan nusantara yang berorientasi kepada kualitas prima dan kepuasan seluruh ''stakeholder.''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. MISI</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. Mendukung suksesnya pengembangan perluasan dan peningkatan kualitas infrastuktur jaringan akses PT.Telekomunikasi Tbk.</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. Memberikan layanan prima dengan orientasi tepat mutu, tepat waktu dan tepat volume infrastruktur jaringan akses.</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. Menciptakan tenaga kerja yang profesional, handal dan cakap di bidang teknologi jaringan akses dan membina hubungan baik dengan lingkungan terkait pekerjaan konstruksi.</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. Memberikan hasil terbaik bagi seluruh stakeholder.</p></div>
+
 
+
===Struktur Organisasi===
+
 
+
<div align="center"><img width="900" height="550" style="margin:0px"  src="https://lh3.googleusercontent.com/-3XgYJ7DeN1I/U5ZMLkEP5XI/AAAAAAAAAC4/WVYcyINH2cI/w854-h638-no/Struktur+Organisasi.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 3.1 Struktur Organisasi PT. Telkom Akses</p></div>
+
 
+
===Tugas dan Kewajiban tiap Departemen===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">'''DEWAN DIREKSI'''</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. Tugas, wewenang, dan kewajiban dikreksi, serta tata hubungan dengan komisaris diatur dalam Anggara Dasar Perusahaan PT. Telkom Akses.</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. Direksi menyelenggarakan Rapat Direksi yang merupakan sarana pengambilan keputusan untuk menetapkan kebijakan, strategi dan program 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">3. Tata cara penyelenggaraan Rapat Direksi diatur tersendiri dalam Keputusan Direksi yang mengacu pada implementasi Good Corporate Govermance.</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. Secara berkala melaporkan kinerja perusahaan kepada BOC baik dalam forum Rapat gabungan maupun laporan manajemen.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">'''DIREKTUR UTAMA'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Direksi dikoordinir oleh Direktur Utama (CEO), untuk selanjutnya disebut DIRUT.</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. DIRUT Sebagai ketua merangkap anggota Direksi, mempunyai tugas pokok mengarahkan, mengkoordinasikan dan mengendalikan kegiatan para Direktur dalam merencanakan, mengembangkan dan menetapkan kebijaksanaan umum perusahaan dalam rangka pengelolaan Perusahaan secara menyeluruh, serta melaksanakan fungsi pengawasan.</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. Tanggung jawab DIRUT meliputi hal – hal berikut :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Memastikan pencapaian target perusahaan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Menetapkan arah, kebijakan, strategi, dan rencana strategis serta pengendalian pengelolaan bisnis perusahaan sesuai tingkat kebutuhan dan kewenangan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">c. Memimpin operasional organisasi, pengendalian, dan pengawasan sumber daya perusahaan serta memastikan pelaksanaannya mengikuti prinsip – prinsip efektifitas dan efesiensi.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">d. Memastikan pengendalian resiko perusahaan dalam tingkatan yang dapat dikendalikan melalui mitigasi resiko, internal control dan tata kelola perusahaan yang baik.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">e. Memastikan ketersediaan laporan kinerja perusahaan sesuai ketentuan yang berlaku termasuk ketersediaan laporan keuangan yang dapat dipertanggungjawabkan ''(audited)''.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">f. Memastikan implementasi dan pencapaian Kontrak Management (KM) & SLA (Service Level Agreement) sebagai fungsi pengedalian RKAP (Rencana Kerja Anggaran dan Pendapatan).</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. Dalam menjalankan perannya Direktur Utama berinteraksi dengan seluruh fungsi organisasi, secara khusus VP Internal Auditor & Consulting Management dan VP Corporate Secretary bertanggung jawab dan melapor langsung kepada Direktur Utama.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">'''UNIT INTERNAL AUDIT & CONSULTING MANAGEMENT'''</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. ''Unit Internal Audit & Consulting Management dipimpin oleh seorang Vice President Internal Audit & Consulting Management (VP IA & Consulting Management)''' yang bertanggung jawab terhadap fungsi audit perusahaan, serta secara proaktif memberikan saran dan informasi kepada Direksi, Komisaris dan Unit terkait pengelolaan perusahaan sehingga resiko pengelolaan perusahaan dapat dihindari.</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. VP IA & Consulting Management bertanggung jawab terhadap hal – hal sebagai berikut :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Menyusun program dan kebijakan perusahaan terkait ''implementasi Good Corporate Governance'' (GCG).</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Menyusun, mengkoordinir, dan melaporkan hasil pelaksanaan audit manajemen yang diselenggarakan serta menindak lanjuti hasil audit manajemen.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">c. Mengidentifikasi resiko bisnis perusahaan dan menyusun mitigasi plan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">d. Memberikan masukan kepada Direksi terkait resiko bisnis perusahaan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">f. Mengkoordinir pelaksanaan komite kinerja dan melaporkan perhitungan kinerja unit (triwulanan).</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">g. Memonitor pelaksanaan system manajemen mutu ISO 9001.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">h. Membuat usulan penyempurnaan standarisasi proses bisnis, standarisasi sarana dan prasarana untuk mendukung efektifitas pengelolaan Operation Center untuk menunjang pemenuhan sistem manajemen mutu ISO 9001 : 2008.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">e. Memastikan ketersediaan laporan kinerja perusahaan sesuai ketentuan yang berlaku termasuk ketersediaan laporan keuangan yang dapat dipertanggungjawabkan ''(audited)''.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">i. Bertanggung jawab mengamankan Kontrak Management (KM) & SLA (''Service Level Agreement'') khususnya pada ''stream Financial (Revenue, Earning Before Interest'' dan ''Tax dan Net Income).''</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. Dalam menjalankan perannya VP IA & Consulting Management dibantu oleh :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. ''Manager Internal Audit & Risk Management''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. ''Manager Quality & Process Management''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">c. ''Manager KM & SLA Management''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">UNIT CORPORATE SECRETARY</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. Unit Corporate Secretary dipimpin oleh seorang Vice President Corporate Secretary (VP CS) yang bertanggung jawab atas pengelolaan fungsi kesekretariatan perusahaan, komunikasi perusahaan, fungsi legal compliance dan general affrairs.</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. VP CS bertanggung jawab atas hal – hal sebagai berikut :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Memastikan efektifitas pelaksanaan fungsi secretariat dan administrasi serta sistem dokumentasi kantor perusahaan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Memastikan tersedianya informasi profil perusahaan dan kebijakan perusahaan tentang corporate branding serta sistem komunikasi perusahaan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">c. Membuat kebijakan mengawal mekanisme review manajemen.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">d. Memastikan pengelolaan komunikasi perusahaan berjalan sesuai rencana dan arahan BOD baik secara internal maupun eksternal.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">e. Memastikan tersedianya media komunikasi perusahaan bagi seluruh karyawan dan stakeholder perusahaan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">f. Memastikan instruksi / disposisi dari BOD sebagai bahan informasi yang harus ditindaklanjuti terkait dengan operasional Sekretariat serta melaporkan hasilnya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">g. Memastikan terlaksananya fungsi legal dan fungsi sistem pengendalian data dan dokumen legal perusahaan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">h. Memastikan fungsi General Affair terkoordinasi dan terimplementasi secara efektif dan efisien untuk melayani kebutuhan di head office.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">i. Membuat usulan penyempuranaan standarisasi proses bisnis, standarisasi, sarana dan prasarana untuk mendukung efektifitas pengelolaan Operation Center untuk menunjang pemenuhan sistem manajemen mutu ISO 9001 : 2008.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">j. Bertanggung jawab mengamankan Kontrak Management (KM) & SLA (Service Level Agreement) khusunya pada stream Financial (Revenue, Earning Before Interest and Tax dan Net Income).</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. Dalam menjalankan perannya, VP CS dibantu oleh :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Manager Secretary & Communication</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Manager General Affair</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. Manager Legal & Compliance</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">'''DIREKTORAT'''</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. Pada struktur organisasi Corporate Office, setiap Direktur disamping tugasnya sebagai anggota Direksi, memiliki tugas menyelenggarakan pengelolaan fungsional secara terpusat, serta mengendalikan unit – unit organisasi dibawahnya.</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. Pengelolaan fungsional :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. ''Direktorat West Contruction''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. ''Direktorat East Contruction''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">c. ''Direktorat Operation''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">d. ''Direktorat Business Development''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">e. ''Direktorat Finance & Human Resource Management''</p></div>
+
 
+
===Daftar Klien===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align:center;text-indent: 0.5in">
+
<p style="line-height: 2">'''Tabel 3.2'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align:center;text-indent: 0.5in">
+
<p style="line-height: 2">'''Daftar Relasi'''</p></div>
+
 
+
{| class="wikitable"
+
|-
+
| PT. KNET INDONESIA || PT. SUMBER ARTO ENGINEERING || PT. BANYU BIRU WISESA || PT. ICOMTEK
+
|-
+
| PT. BERLIAN AKSES || PT. DHARMA KUMALA UTAMA || PT. TELEKOMINDO PRIMA KARYA || PT. Jakti Swakarya Utama
+
|-
+
| PT. CITRA TELINTI MULIA || PT. GUNUNG SARI PRATAMA || PT. KARYA BANGUN MANDIRI || PT. MOTMAINNAH SEJAHTERA
+
|-
+
| PT. LAKSANA ANEKA SARANA || PT. SANDHY PUTRA MAKMUR || PT. PROFEX PILAR HUTAMA || PT. ERA FIBKOM UTAMA
+
|-
+
| PT. HARRITZ ALIYA || PT. CITRA DELTA MAKMUR || PT. BANGTELINDO || PT. PUTRA ARGA BINANGUN
+
|-
+
| PT. METEOR INTI RAYA || PT. NATAJARING AKSES LOKAL || PT. ITQON SOLUTION || PT. ARYAGUNA ACCESS TECH.
+
|-
+
| PT. GETRA ABADI MANDIRI || PT. MITKOM PERSADA || PT. MERBAU PRIMA SAKTI || PT. KURNIA INDAH CAHAYA
+
|-
+
| PT. PANCA JAYA KOMUNIKA || PT. DADALI CITRA MANDIRI || PT. TRACKOMINDO || PT. GOTRANS ENGINEERING
+
|-
+
| PT. LUMINTU || PT. MDR INDONESIA  || PT. Akurasi Kuatmega Indonesia || PT. ACKIRA CIRA PERKASA
+
|-
+
| PT. CAKRAWALA UJO MANDIRI || PT. MULTI MITRA TEKNIKATAMA || PT. SINERGI SELARAS HARMONIC || PT. JOHNSON COM INDONESIA
+
|}
+
 
+
==Tinjuan Umum==
+
 
+
===Skema Alur Kerja===
+
 
+
 
+
<div align="center"><img width="700" height="450" style="margin:0px"  src="https://lh3.googleusercontent.com/-FJ_dVzXMKg4/U5ZMBYX9wTI/AAAAAAAAAEE/otIGOqF2QyE/w543-h429-no/Skema+alur+kerja.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.2 Skema Alur Kerja PT. Telkom Akses</p></div>
+
 
+
 
+
<div align="center"><img width="450" height="700" style="margin:0px"  src="https://lh5.googleusercontent.com/-OHiaB9A_aD0/U5ZNltu64RI/AAAAAAAAADw/gSKIZQkYOk0/w578-h638-no/penerimaan+barang.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.3 Alur Kerja Penerimaan Barang</p></div>
+
 
+
 
+
<div align="center"><img width="450" height="700" style="margin:0px"  src="https://lh3.googleusercontent.com/-PUQxC61qTaU/U5ZNuIoNmdI/AAAAAAAAAD4/1YENKk1Oxhg/w636-h638-no/pengeluaran+barang.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.4 Alur Kerja Pengeluaran Barang</p></div>
+
 
+
<div align="center"><img width="450" height="700" style="margin:0px"  src="https://lh4.googleusercontent.com/-UrxNTz8YLb0/U5ZMGhKAC2I/AAAAAAAAACw/b8NAJVIveC4/w692-h638-no/Stock.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.5 Alur Rekonsiliasi & Stock Barang</p></div>
+
 
+
===Alur Kerja===
+
 
+
<div align="justify"><img width="500" height="700" style="margin:0px"  src="https://lh6.googleusercontent.com/-ORChUIhpHNo/U5ZMc3ugGVI/AAAAAAAAADA/myrkgsiIpAI/w516-h638-no/alur1.jpg"/></div><br>
+
 
+
<div align="justify"><img width="500" height="700" style="margin:0px"  src="https://lh6.googleusercontent.com/-gDboIVHy6Ac/U5ZMpX7mINI/AAAAAAAAADI/zFN37wmRZMw/w455-h638-no/alur2.jpg"/></div><br>
+
 
+
<div align="justify"><img width="500" height="700" style="margin:0px"  src="https://lh4.googleusercontent.com/-BsZ_ZjFdfX0/U5ZM3GdaOrI/AAAAAAAAADQ/xGMbvBLs3aw/w413-h637-no/alur3.jpg"/></div><br>
+
 
+
<div align="justify"><img width="500" height="700" style="margin:0px"  src="https://lh6.googleusercontent.com/-jnqTFaLdVw4/U5ZNDa7a-wI/AAAAAAAAADY/SA67o1irLbQ/w439-h638-no/alur4.jpg"/></div><br>
+
 
+
<div align="justify"><img width="500" height="700" style="margin:0px"  src="https://lh4.googleusercontent.com/-iZuK_zfCWmM/U5ZNP_EqZMI/AAAAAAAAADg/xJ0PIe9iTWQ/w464-h638-no/alur5.jpg"/></div><br>
+
 
+
<div align="justify"><img width="500" height="700" style="margin:0px"  src="https://lh4.googleusercontent.com/-M_wYR3Vmq8M/U5ZNb-4FqwI/AAAAAAAAADo/t-S-5TPioxs/w746-h638-no/alur6.jpg"/></div><br>
+
 
+
==Tinjauan Khusus==
+
 
+
===Daftar Project===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Selama penulis melaksanakan Kuliah Kerja Praktek (KKP) di PT. Telkom Akes, penulis mendapatkan tugas untuk membuat design yang nantinya akan dipergunakan sebagai alternative untuk memperbaharui tampilan web company profile pada PT. Telkom Akses, selain itu penulis juga mendapatkan tugas lain diantaranya 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. Design template untuk web company profile PT. Telkom Akses.</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. Design Banner untuk PT. Telkom Akses.</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. Membuat video animasi tentang “Pengenalan FTTH (Fiber To The Home)” dengan serial film upin & ipin sebagai karakter dalam animasi tersebut.</p></div>
+
 
+
===Latar Belakang dan Konsep Design===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">1. Design template untuk web company profile PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Latar Belakang</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Design ini dibuat sebagai alternavite untuk pembaharuan web company profile PT. Telkom Akses baik dari segi tampilan maupun isi konten pada web sebelumnya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Karakteristik Sasaran :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Demografi :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">Sex : Unisex (pria / wanita)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">Sasaran : Client dan masyarakat yang ingin mengetahui tentang PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Geografi :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">Sasaran : Wilayah Indonesia.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">c. Konsep Design</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Tampilan Template'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Untuk design template ini penulis mencoba untuk membuatnya dengan bentuk portrait dan ukurun yang masih bisa disesuaikan untuk kebutuhan dan menggabungkan beberapa gambar yang berhubungan dengan PT. Telkom Akses serta memadukkannya dengan logo PT. Telkom Akses, menu bar, kotak pencarian, image slider pada template home dan tulisan untuk isi kontek web tersebut agar terlihat simple namun terkesan lebih formal layaknya web yang diperuntukan untuk sebuah perusahaan dan tetap menarik dalam segi design.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Warna & Font yang digunakan'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Warna'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Warna yang penulis gunakan untuk rancangan design template ini adalah warna merah dan putih yang merupakan warna simbolis yang dipergunakan pada logo PT. Telkom Akses dan penulis menambahkan warna abu – abu pada menu bar agar terlihat lebih menarik.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Font yang digunakan'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Untuk font yang dipergunakan dalam rancangan design template, penulis menggunakan font Times New Roman agar web company profile terkesan lebih formal namun masih terlihat simple.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Software'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Dalam menyelesaikan design template ini penulis menggunakan 2 (dua) software sebagai media untuk rancangan design awal hingga menjadi sebuah web company profile yang dapat di akses pada media browser, diantaranya :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Adobe Photoshop CS 3'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Penulis menggunakan Adobe Photoshop CS 3 sebagai media untuk membuat rancangan awal design template yang nantinya akan dijadikan sebagai acuan dalam pembuatan design template web company profile.</p></div>
+
 
+
<div align="center"><img width="450" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-tb9QzZIozJ4/U5Z3FYy0OQI/AAAAAAAAAH4/Rgxmj0NbNXA/w958-h599-no/1.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.6 Pembuatan Design Web Company Profile</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Adobe Dreamweaver CS 3'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Software Adobe Dreamweaver CS 3 ini penulis gunakan untuk mengaplikasikan design template sesuai dengan rancangan awal design yang penulis buat sebelumnya pada Adobe Photoshop CS 3 untuk selanjutnya  dijadikan web company profile yang dapat diakses pada media browser, dengan isi konten berupa informasi mengenai PT. Telkom Akses yang penulis dapat kan dari web sebelumnya.</p></div>
+
 
+
<div align="center"><img width="450" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-bsSj9tL42HM/U5Z3IcOw_HI/AAAAAAAAAII/WV7mph6cAWg/w835-h638-no/2.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.7 Script HTML untuk Template Konten Video</p></div>
+
 
+
<div align="center"><img width="450" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-9bFbuIRr3sA/U5Z3HRU3y7I/AAAAAAAAAIA/nc6yW8A4G2M/w837-h638-no/3.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.8 Script CSS Untuk Template Konten Video</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">d. Visual</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Design Terpilih'''</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh6.googleusercontent.com/-YESVFwyBbmk/U5ZmpZhlSqI/AAAAAAAAAF4/7gMhpQYeLus/w403-h638-no/Telkom2.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.9 Design Template Home</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh4.googleusercontent.com/-BuKdzdkVUwo/U5ZU4VLdBcI/AAAAAAAAAEo/5Z6nqHz70jM/w403-h638-no/2a.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.10 Design Template Sejarah</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh6.googleusercontent.com/-L7d8j7GzSfI/U5ZVAkm-6TI/AAAAAAAAAEw/FOu40wO-dC0/w403-h638-no/3ab.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.11 Design Template Visi Misi</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh6.googleusercontent.com/-1DdoLMZt7hA/U5ZUxV1_hOI/AAAAAAAAAEg/ps5gzrUuQnc/w403-h638-no/1a.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.12 Design Template Kebijakan Mutu</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh6.googleusercontent.com/-wnP-Yq9IZJ8/U5ZVJ8MxWQI/AAAAAAAAAE4/90GU1rgQwR0/w403-h638-no/4a.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.13 Design Template Struktur Organisasi</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh6.googleusercontent.com/-6IiwYvKKsnE/U5ZVVXK_tvI/AAAAAAAAAFA/lRkmuFnCMBQ/w403-h638-no/5a.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.14 Design Template Wilayah Layanan Operasi</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh5.googleusercontent.com/-6kRgMV_Nj58/U5ZVejHRCEI/AAAAAAAAAFI/LAePmMqljH8/w403-h638-no/6a.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.15 Design Template Keunggulan</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh4.googleusercontent.com/-nPDKttaTu6w/U5ZVnpNUC2I/AAAAAAAAAFQ/2Q00O7SfpzA/w403-h638-no/7a.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.16 Design Template Pengalaman Kerja</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh6.googleusercontent.com/-h00hprXdc1c/U5ZVvgK2LdI/AAAAAAAAAFY/uPAx_YQ50Ng/w403-h638-no/8a.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.17 Design Template Video Company Profile</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh6.googleusercontent.com/-GoBdcHTRZuI/U5ZV2fozQQI/AAAAAAAAAFg/5qVbki09cyE/w403-h638-no/9a.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.18 Design Template Layanan Pengelolaan</p></div>
+
 
+
<div align="center"><img width="300" height="450" style="margin:0px" src="https://lh3.googleusercontent.com/-IGCsvzoVsvA/U5ZUlxxWyVI/AAAAAAAAAEY/piakjbFn-Zg/w403-h638-no/10a.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.19 Design Template Kontak</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. Design Banner untuk PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Latar Belakang</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Design banner ini penulis buat untuk memenuhi tugas yang diberikan oleh pembimbing lapangan, sebagai pengingat untuk karyawan PT. Telkom Akses dan pemberi informasi kepada client yang berkeperluan datang ke gedung PT. Telkom Akses mengenai apa – apa saja yang berkaitan dengan PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Karakteristik Sasaran :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Demografi :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">Sex : Unisex (pria / wanita)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">Sasaran : Client dan karyawan PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Geografi :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">Sasaran : Indoor PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">c. Konsep Design</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Tampilan Banner'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Tampilan yang penulis buat pada design banner ini berbentuk portrait. Memadukkan warna, gambar, dan tulisan agar terlihat lebih menarik untuk dibaca dengan informasi yang berkaitan dengan PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Warna & Font yang digunakan'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Warna yang penulis gunakan dalam mendesign banner adalah warna seperti warna merah, putih dan biru untuk nantinya dipadukan dengan tulisan dan gambar. Dan untuk font yang penulis pergunakan adalah Times New Rowan agar terkesan lebih formal dan memudahkan dan pembacaan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Software'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Untuk mendesign banner tersebut penulis menggunakan software Adobe Photoshop CS 3.</p></div>
+
 
+
<div align="center"><img width="450" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-2udbKJzHeco/U5Z3NjKmR3I/AAAAAAAAAIQ/-H5qiLdnmUA/w958-h599-no/4.png"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.20 Pembuatan Banner</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">d. Visual</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Design terpilih'''</p></div>
+
 
+
<div align="center"><img width="150" height="450" style="margin:0px" src="https://lh5.googleusercontent.com/-aS7S__x8NCI/U5ZslwBrlDI/AAAAAAAAAHg/skhZLGDJh0E/w279-h638-no/BannerTelkom4.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.21 Design Banner</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. Membuat video animasi tentang “Pengenalan FTTH (Fiber To The Home)” dengan serial film upin & ipin sebagai karakter dalam animasi tersebut.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">a. Latar Belakang</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Video animasi ini penulis buat untuk memberitahukan mengenai FTTH, apa kepanjangan FTTH, apa pengertian dari FTTH, bagaimana terjadinya FTTH dan apa saja komponennya, bagaimana topologi FTTH tersebut hingga membahas mengenai kepanjangan dari ODC dan ODP.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">b. Karakteristik Sasaran :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Demografi :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">Sex : Unisex (pria / wanita)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">Sasaran : Karyawan PT. Telkom Akes dan masyarakat semua umur.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Geografi :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">Sasaran : Lingkungan PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">c. Konsep Design</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Tampilan video'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Video ini penulis tujukan untuk memberitahukan mengenai FTTH mulai dari kepanjangan FTTH itu sendiri, pengertian, perkemabngan FTTH, komponen terjadinya FTTH, topologi FTTH hingga kepanjangan dari ODC dan ODP yang merupakan beberapa komponen dari topologi FTTH.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Dalam pembuatan video animasi ini penulis menggabungkan beberapa materi mengenai FTTH dengan film serial animasi “Upin & Ipin”, dengan tujuan untuk mempermudah pemahaman dari materi yang disampaikan dengan durasi kurang dari 5 menit.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Dialog dalam video animasi'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Upin : Hai … Saya Upin dan ini adik saya Ipin.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Hai …</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Upin : Ini kisah kami berdua.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Episode 1 pengenalan FTTH.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Upin : Kawan – kawan mau belajar tak? Nahh duduk – duduk, duduk … mulanya macam ini. Eeh Ipin Ipin.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : (Berbisik)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Upin : Aaaahh … kami lagi makan malam waktu itu.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Betul … betul … betul.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Ka Rose jadi ngajarin FTTH ga?</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ka Rose : Jadi …</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Haahhh … Bagus, bagus.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ka Rose : Kita mulai sekarang! Ehhemm … jadi FTTH itu singkatan dari Fiber To The Home yaitu format pengantar isyarat optik dari pusat penyedia provider ke kawasan pengguna dengan menggunakan serat optik sebagai medium penghantaran.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ini adalah beberapa komponen bagaimana bisa terjadinya FTTH.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Premises adalah rumah tinggal atau tempat usaha, baik satu unit maupun multi unit.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Homepass adalah jumlah potensi rumah atau bangunan yang memiliki operator dengan kemampuan untuk menghubungkan layanan didaerah tersebut. Naahh … kalo untuk
+
Home connected merupakan jaringan yang terhubung dalam beberapa jumlah rumah atau bangunan yang terhubung sampai titik pelanggan, Sedangkan
+
Subscriber adalah rumah atau bangunan yang terhubung dengan jaringan B-FTTH menggunakan setidaknya satu layanan koneksi dan didukung dengan kontrak komersial.
+
</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Aka … Aka … Kalo untuk perkembangan FTTH gimana?</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ka Rose : Naahh … Kalo untuk perkembangan FTTH itu didorong oleh keinginan untuk mendapatkan layanan yang dikenal dengan istilah Triple Play Service yaitu layanan untuk mengakses internet dengan cepat, layanan jaringan telepon, dan layanan TV kabel, yang berada dalam satu infrastruktur pada unit.
+
Sekarang kita lanjut ke topologi FTTH ok?</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Ohhh … Boleh, boleh, boleh …</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ka Rose : Naahh … Ini dia topologi FTTH</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Upin : oooo … itu Aka ada ODC, ODP itu apa sih Aka?</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ka Rose : Gampang pertanyaan Upin, sini Aka kasih tau … naah! ODC ''Optical Distribution Cabinet'', sedangkan ODP ''Optical Distribution Point''.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">oooo … Tapi Aka itu kan kepanjangannya kalo kegunaannya apa ka?</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ka Rose : Kalo kegunaannya, naahh … Gimana kalo kalian tanya saja sama Pak Verdi, atau Pak Parman, eeemm atau Pak Putu …
+
Beliau – beliau itu paham betul tentang FTTH, kalian bisa tanya banyak sama beliau.
+
</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Ok … Ipin duluan yang tanya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Upin : Upin juga mau tanya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ka Rose : OK!</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Tapi Aka kita orang tidur dulu yah udah ngantuk nii, terima kasih Aka informasinya.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ka Rose : ceeekk … haii … aaahhhh …
+
Upin & Ipin yang sudah tertidur saat selesai pembelajaran tentang FTTH tadi, mencium aroma ayam goreng.
+
</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Ayam!!</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ka Rose : Mau ayam? Pergi cuci muka dulu.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Upin : Haaa … itu baru pengenalan FTTH belum nanti yang lainnya …</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Ipin : Betul … betul … betul.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Sounds'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Untuk dubbing suara Upin, Ipin dan Ka Rose penulis menggunakan suara penulis sendiri dengan menggunakan perangkat ''handphone'' untuk ''recording sound'' yang kemudian di ''convert'' menggunakan ''software converter'' Mp3 untuk dirubah menjadi ekstensi mp3.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''BackSounds'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Penulis menggunakan BackSounds untuk video animasi bertujuan agar pembelajaran menjadi lebih enjoy sehingga materi yang disampaikan dapat dipahami dengan baik. Backsounds yang penulis gunakan untuk melengkapi video animasi tersebut, yaitu :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">a. Ost Camp Rock 2 – Introducing me (''Karaoke Version'') by Nick Jonas.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1.5in">
+
<p style="line-height: 2">b. Ost Tonari no Seki-kun – Meiwaku Spectacle (''Karaoke Version'') by Kana Hanazawa.</p></div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Software yang digunakan'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''PhotoScape'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Software ini penulis gunakan untuk memotong dan merapihkan gambar – gambar yang nantinya akan penulis gunakan dalam pembuatan animasi untuk setiap  penjelasan tentang materi FTTH agar lebih mudah untuk dipahami.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Adobe Flash CS 3 Professional'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Dalam pembuatan animasi gambar untuk materi FTTH, penulis menggunakan software Adobe Flash CS 3 Professional dengan menggabungkan gambar – gambar yang telah dipotong menjadi beberapa bagian pada software PhotoScape sebelumnya, hingga menjadi animasi gambar yang menjelaskan tentang materi FTTH yang akan dibahas.</p></div>
+
 
+
<div align="center"><img width="450" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-Q9JlswI1GIo/U5Z3SNPKZYI/AAAAAAAAAIY/ZJv0wpNQvq4/w958-h599-no/5.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.22 Pembuatan Salah Satu Animasi (Komponen FTTH)</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">'''Adobe Premiere Pro CS 3'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">Penulis menggunakan Adobe Premiere Pro CS 3 untuk membuat video animasi dengan menyusun semua komponen untuk pembuatan video animasi tersebut. Mulai dari film serial animasi Upin & Ipin, animasi gambar yang penulis buat pada Adobe Flash CS 3 Professional sebelumnya, dubbing suara, dan backsounds. Hingga menjadi video animasi tentang “Pengenalan FTTH” dengan durasi kurang dari 5 menit dengan film serial animasi Upin & Ipin sebagai karakter utamanya.</p></div>
+
 
+
<div align="center"><img width="450" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-2OXk4kD3XGs/U5Z3ZzWwg7I/AAAAAAAAAIg/aYOkowRhtk0/w958-h599-no/6.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.23 Penyatuan Seluruh Komponen Video Animasi</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in">
+
<p style="line-height: 2">d. Visual</p></div>
+
 
+
<div align="center"><img width="300" height="200" style="margin:0px" src="https://lh5.googleusercontent.com/-JuTld_KsZhs/U5ZrzpyC2AI/AAAAAAAAAGg/UtnA1c3eeCM/w500-h374-no/v1.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
<p style="line-height: 2">Gambar 3.24 Pembukaan Video Animasi (00:13)</p></div>
+
 
+
<div align="center"><img width="300" height="200" style="margin:0px" src="https://lh5.googleusercontent.com/-evIBUF1ZkQw/U5Zr0l1JI1I/AAAAAAAAAGs/iUhKqMWQ7Ww/w499-h374-no/v2.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.25 Pengertian FTTH (00:52)</p></div>
+
 
+
<div align="center"><img width="300" height="200" style="margin:0px" src="https://lh6.googleusercontent.com/-4h2plPUeo_M/U5Zr1hnOAhI/AAAAAAAAAGw/eZJvIxTWd_Q/w499-h374-no/v3.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.26 Komponen FTTH (01:12)</p></div>
+
 
+
<div align="center"><img width="300" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-7DPSoJUg_Ik/U5Zr2wYxpHI/AAAAAAAAAG4/AvWD6b3OY1k/w498-h374-no/v4.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.27 Perkembangan FTTH (02:11)</p></div>
+
 
+
<div align="center"><img width="300" height="200" style="margin:0px" src="https://lh6.googleusercontent.com/-d8LGfAyU-ME/U5Zr6MmpM4I/AAAAAAAAAHI/B0Z1tMpdbYU/w498-h372-no/v5.png"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.28 Topologi FTTH (02:44)</p></div>
+
 
+
<div align="center"><img width="300" height="200" style="margin:0px" src="https://lh5.googleusercontent.com/-GFw0GnIvhqM/U5Zr5dVj35I/AAAAAAAAAHA/_29-0nZndtU/w498-h372-no/v6.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.29 Kepanjangan ODC dan ODP (03:01)</p></div>
+
 
+
<div align="center"><img width="300" height="200" style="margin:0px" src="https://lh6.googleusercontent.com/-tcz74CR70dw/U5Zr8FGUgWI/AAAAAAAAAHU/B763wH8G2Yc/w499-h374-no/v7.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.30 Kegunaan ODC dan ODP (03:19)</p></div>
+
 
+
<div align="center"><img width="300" height="200" style="margin:0px" src="https://lh4.googleusercontent.com/-MNUGef5UjwM/U5Zr9I550mI/AAAAAAAAAHY/8G4mme8Ukkk/w494-h374-no/v8.jpg"/></div><br>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 1in">
+
<p style="line-height: 2">Gambar 3.31 Penutup Video Animasi (04:23)</p></div>
+
 
+
=<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
+
 
+
==Kesimpulan==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Setelah penulis melaksanakan Kuliah Kerja Praktek pada PT. Telkom Akses selama 180 jam atau kurang lebih selama 3 bulan dengan pelaksanaan setiap kamis dan jum’at, penulis mendapatkan pengetahuan  dan keterampilan serta pengalaman kerja yang belum pernah didapatkan sebelumnya, penulis juga bisa merasakan bagaimana suasana dari lingkungan dunia kerja sesungguhnya. Untuk melaksanakan Kuliah Kerja Praktek ini penulis dituntut untuk meningkatkan pengetahuan serta keterampilan yang harus kembali diperdalam agar dapat menyelesaikan project yang diberikan oleh pembimbing di PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Selama melaksanakan Kuliah Kerja Praktek penulis mendapatkan tugas dari pembimbing lapangan untuk membuat design web company profile. Pada kesempatan kali ini penulis menggunakan software Adobe Photoshop CS3 sebagai tahap perancangan awal untuk design web secara keseluruhan baik tampilan web maupun isi didalam web tersebut dan software Adobe Dreamweaver CS3 untuk design finishing agar nantinya rancangan web tersebut dapat dioperasikan pada web 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">Penulis pun perlu untuk memahami dan mempelajari lebih dalam lagi baik mengenai design maupun rancangan web itu sendiri, bagaimana membuat rancangan web yang efisien dan mudah dalam pengaksesan (user friendly) namun terlihat simple dalam tampilan, dan dengan harapan rancangan design web yang dibuat dapat bermanfaat untuk PT. Telkom Akses.</p></div>
+
 
+
==Saran==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Adapun saran yang penulis berikan untuk PT. Telkom Akses meliputi :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">a. Perlunya penambahan isi content pada web PT. Telkom Akses agar client serta pembaca bisa lebih mengenal dan mengetahui terkait dengan pembaharuan informasi umum dan pencapaian project PT. Telkom Akses.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">b. Pembaharuan tampilan design web harus terus dilakukan agar didapat tampilan yang simple, jelas dalam informasi dan efektif dalam pengaksesan.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">c. Semoga saran – saran dari penulis diatas dapat dijadikan sebagai bahan pertimbangan untuk meningkatkan pengelolaan terhadap web PT. Telkom Akses.</p></div>
+
 
+
==Kesan==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Selama penulis melaksanakan kegiatan Kuliah Kerja Praktek di PT. Telkom Akses, penulis merasa senang selain menambah pengalaman, wawasan dan keterampilan penulis juga bisa belajar bagaimana bersosialisasi serta menempatkan diri terhadap lingkungan baru yang menuntut penulis untuk berorganisasi, berpendapat dan bernegosiasi di lingkungan dunia kerja sebenarnya, yang bisa penulis jadikan sebagai acuan saat berada pada situasi kerja yang akan penulis alami nantinya.</p></div>
+
 
+
=<div style="font-family: 'times new roman'; text-align: center">'''Daftar Pustaka'''</div>=
+
<references />
+
 
+
=<div style="font-family: 'times new roman';text-align: center">'''LAMPIRAN'''</div>=
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">LAMPIRAN A</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">A.1. Surat Keterangan KKP</p>
+
<p style="line-height: 2">A.2. Form Penggantian Judul</p>
+
<p style="line-height: 2">A.3. Kartu Bimbingan</p>
+
<p style="line-height: 2">A.4. Kartu Study Tetap Final (KSTF)</p>
+
<p style="line-height: 2">A.5. Form Validasi Kuliah Kerja Praktek (KKP)</p>
+
<p style="line-height: 2">A.6. Kwitansi Pembayaran Kuliah Kerja Praktek (KKP)</p>
+
<p style="line-height: 2">A.7. Daftar Mata Kuliah Yang Belum Diambil</p>
+
<p style="line-height: 2">A.8. Daftar Nilai</p>
+
<p style="line-height: 2">A.9.Formulir Seminar Proposal</p>
+
<p style="line-height: 2">A.10. Sertifikat TOEFL</p>
+
<p style="line-height: 2">A.11. Sertifikat Prospek</p>
+
<p style="line-height: 2">A.12. Sertifikat IT Internasional</p>
+
<p style="line-height: 2">A.13. Sertifikat IT Nasional</p>
+
<p style="line-height: 2">A.14. Curriculum Vitae (CV)</p></div>
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">LAMPIRAN B</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">B.1. Alternatif Design</p></div>
+
 
+
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">LAMPIRAN C</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">C.1. Form Kegiatan KKP (Kuliah Kerja Praktek)</p>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">C.2. Form Uraian Pekerjaan</p></div>
+

Revisi terkini pada 1 Februari 2015 18.13


Dwi Fitri Parmania biasa dipanggil Dwi lahir di Tangerang pada tanggal 20 Maret tahun 1993. Anak kedua dari pasangan Suparman dan Djulaeha. Berkepribadian sebagai seorang Sanguinis Populer

Profile

Nama Lengkap  : Dwi Fitri Parmania
Nama Panggilan  : Dwi
Tempat Lahir  : Tangerang
Tanggal Lahir  : 20 Maret 1993
Agama  : Islam
Alamat  : Binong Permai C10 No.9 Kec. Curug Kab. Tangerang
Email  : [email protected]

Pendidikan

1998 - 1999  : TKI (Taman Kanak - Kanak Islam) AR - RAHMAN
1999 - 2005  : SDN BINONG II Kab. Tangerang
2005 - 2008  : SMPN 2 CURUG Kab. Tangerang
2008 - 2011  : SMK PANCAKARYA TANGERANG
2011 - Sekarang  : Perguruan Tinggi Raharja