|
|
Baris 893: |
Baris 893: |
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"> | | <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> | | <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>
| |
− |
| |
− | =<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
| |
− | | |
− | 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>
| |
| | | |
| | | |
| | | |
| [[Category:KKP 2015/2016]] | | [[Category:KKP 2015/2016]] |