PENERAPAN DESAIN MEDIA INFORMASI

UNTUK SOSIAL MEDIA PEMERINTAH KABUPATEN BOYOLALI

(Studi Kasus: Dinas Komunikasi Informatika Kabupaten Boyolali)

LAPORAN MAGANG

Disusun oleh:

Kahfi Ryaas Nalindra 18.02.0218

Daffandito Ramadhan Purnomo Adi 18.02.0256

PROGRAM STUDI D3 MANAJEMEN INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS AMIKOM YOGYAKARTA
2020
DAFTAR ISI

DAFTAR ISI....................................................................................................ii

DAFTAR TABEL...........................................................................................iv

DAFTAR GAMBAR........................................................................................v

BAB I PENDAHULUAN...............................................................................1

1.1. Latar Belakang...........................................................................................1

1.2. Tujuan........................................................................................................2

1.3. Rumusan Masalah......................................................................................2

1.4. Batasan Masalah........................................................................................2

BAB II TINJAUAN PUSTAKA......................................................................3

2.1 Desain grafis..............................................................................................3

2.2 Pengertian Animasi....................................................................................5

2.3 Paint Tol Sai...............................................................................................6

BAB III Tinjauan Umum..................................................................................7

3.1 Deskripsi Singkat Bidang Satu Diskominfo...............................................7

3.2 Hasil Pengumpulan Data............................................................................7

3.3 Solusi Yang Diusulkan...............................................................................8

3.5 Hasil Redesign Layout.............................................................................10

3.6 Analisa Interaksi Akun Sosial Media.......................................................13

3.7 Dokumentasi kegiatan..............................................................................16

3.8 Project Animasi 2D..................................................................................19

DAFTAR PUSTAKA.....................................................................................23

iii
 LAMPIRAN...................................................................................................24

DAFTAR TABEL

Tabel 3.1 Daftar Solusi.....................................................................................8

Tabel 3.2 Timeline Pengerjaan.........................................................................9

iii
iii
DAFTAR GAMBAR

Gambar 3.1 Frame Lama Instagram...............................................................10

Gambar 3.2 Frame Baru Instagram................................................................10

Gambar 3.3 Tampilan Feed Lama..................................................................11

Gambar 3.4 Tampilan Feed Baru...................................................................12

Gambar 3.5 Data Interaksi bulan Oktober......................................................13

Gambar 3.6 Follower Breakdown bulan Oktober..........................................13

Gambar 3.7 Data Interaksi bulan Oktober akhir....................................14

Gambar 3.8 Follower Breakdown bulan Oktober akhir.................................14

Gambar 3.9 Data Interaksi bulan November..................................................15

Gambar 3.10 Follower Breakdown bulan November....................................15

Gambar 3.11 Editing Baliho..............................................................16

Gambar 3.12 Baliho Komplek Perkantoran Boyolali..........................16

Gambar 3.13 Editing Hari Pahlawan..............................................................16

Gambar 3.14 Publikasi Youtube....................................................................16

Gambar 3.15 Setting Alat Streaming.............................................................17

Gambar 3.16 Live Streaming.........................................................................17

Gambar 3.17 Kegiatan Liputan......................................................................17

Gambar 3.18 Setting Acara Perkantoran........................................................18

Gambar 3.19 Dokumentasi Kegiatan Perkantoran.........................................18

Gambar 3.20 Desain karakter animasi...........................................................19

Gambar 3.21 Storyboard 1...........................................................................19

v
Gambar 3.22 Storyboard 2 ............................................................................19

Gambar 3.23 Storyboard 3.............................................................................20

Gambar 3.24 Storyboard 4.............................................................................20

Gambar 3.25 Storyboard 5............................................................................20

Gambar 3.26 Storyboard 6.............................................................................20

Gambar 3.27 Pembuatan karakter dan pewarnaan scene awal.......................20

Gambar 3.28 Pembuatan karakter dan pewarnaan.........................................21

Gambar 3.29 Pembuatan karakter..................................................................21

Gambar 3.30 Editing animasi.........................................................................22

Gambar 3.31 Publikasi Instagram..........................................................22

Gambar 3.32 Publikasi Youtube....................................................................22

vi
BAB I
PENDAHULUAN

1.1. Latar Belakang

Dinas Komunikasi Informatika Kabupaten Boyolali (DISKOMINFO)
merupakan instansi pemerintahan yang bertugas dan bertanggung jawab atas
pengelolaan informasi dalam lingkup pemerintahan Kabupaten Boyolali. Dinas
Komunikasi Informatika Pemerintah Kabupaten Boyolali terletak di Komplek
Pemkab Boyolali, Jl Kebo Kenongo No. 1, Kemiri, Mojosongo, Boyolali. Media
informasi Dinas Komunikasi Informatika Kabupaten Boyolali mempunyai tugas
membantu Bupati melaksanakan urusan pemerintahan yang menjadi kewenangan
Daerah dan tugas pembantuan yang diberikan kepada Daerah di bidang
komunikasi dan informatika, bidang persandian, dan bidang statistik Pemerintah
Kabupaten Boyolali.

Diskominfo Kabupaten Boyolali mengharapkan media komunikasi berbentuk

digital, dan non digital untuk informasi masyarakat umum khususnya masyarakat
Kabupaten Boyolali.

Berdasarkan masalah diatas kami menawarkan sebuah alternatif untuk

penyampaian informasi yang cepat, mulai dari media sosial, mulai dengan
merapikan tampilan Instagram khusus media sosial, membuat konten dengan
konsep animasi vector, Konsisten dengan satu tema dengan ciri khas Kabupaten
Boyolali. Dengan acuan tema tersebut pun kami merancang sebuah border feed
untuk Kabupaten Boyolali. Tujuan project ini yaitu agar segala informasi yang
disampaikan lebih menarik dan rapi dan mempermudah sub bidang 1 Pelayanan
Informasi Publik dalam membuat informasi digital. Diharapkan dapat
meningkatkan penyampaian informasi ke publik dan dapat diterima oleh
masyarakat khususnya masyarakat Boyolali.

1
1.2. Tujuan
Tujuan dari kegiatan magang project Desain dan Editing sebagai berikut :
a. Membuat border feed untuk Instagram resmi Pemerintah Kabupaten Boyolali.
b. Memperbaiki penampilan Instagram resmi Pemerintah Kabupaten Boyolali.
c. Membuat informasi yang menarik dan fresh setiap hari untuk masyarakat

1.3. Rumusan Masalah

Berdasarkan latar belakang masalah di atas, dapat dirumuskan sebuah
permasalahan sebagai berikut :
a. Bagaimana cara masyarakat tertarik melihat informasi yang disampaikan
melalui sosial media Pemkab Boyolali
b. Informasi seperti apa yang mudah dipahami masyarakat Boyolali dan
sekitarnya

1.4. Batasan Masalah

Untuk mempersempit proyek magang, penulis membuat Batasan masalah

sebagai berikut :

a. Pada perbaikan tampilan Instagram PemKab Boyolali menggunakan aplikasi

Photoshop, serta menggunakan Adobe Premier dan After Effect untuk editing
video animasi.
b. Penelitian ini difokuskan membuat dan memperbaiki tampilan desain
Instagram Boyolali agar lebih menarik.

vi
BAB II
TINJAUAN PUSTAKA

2.1 Desain grafis

Desain grafis ini berasal dari dua kata, yaitu desain dan grafis.

Desain adalah metode perancangan yang didasari dengan kreatifitas, sedangkan

grafis adalah ilmu dari perancagan titik atau garis sehingga membentuk ssebuah

gambar yang dapat memberikan informasi. Desain grafis merupakan suatu bentuk

komunikasi visual yang memanfaatkan gambar sebagai media untuk

menyampaikan pesan atau informasi seefektif mungkin.

(https://www.yuksinau.id/desain-grafis/#Pengertian_Desain_Grafis)

Dasar desain grafis

M. Suyanto (2004 : 37 ) menjelaskan elemen – elemen dasar desain grafis
yang terdiri dari garis, bentuk, warna, kontras nilai, tekstur dan format.
Garis

Garis adalah tanda yang dibuat oleh alat untuk menggambar melewati permukaan,
Garis juga didefinisikan sebagai titik – titik yang bergerak. Arah garis dibedakan
menjadi 3, yaitu garis horizontal, garis vertical, dan garis diagonal.

Bentuk

Bentuk merupakan gambaran umum sesuatu atau formasi yang tertutup.

Banyak cara melukiskan bentuk pada permukaan dua dimensi. Salah satu cara
melukiskan bentuk adalah dengan garis. Cara lain menggambarkan bentuk adalah
menggunakan warna dan kolase.

vi
 Warna
Warna merupakan elemen grafik yang sangat kuat an provokatif. Empat
warna (bukannya hitam putih) akan meningkatkan efektivitas dan biaya iklan.
Dengan demikian, multimedia yang dirancang sesuai dengan warna yang disukai
pasar akan memberikan keunggulan bersaing dalam periklanan.

Kontras
Kontras nilai digunakan untuk menggambarkan rentang kecerahan dan
kegelapan sebuah elemen lain yang berkaitan dengan kecerahan dan kegelapan
disebut kontras nilai. Kontras niali memberikan citra dan persepsi secara rinci.

Tekstur
Tekstur merupakan kualitas permukaan atau kualitas papan atau kertas
halaman elektronik. Di dalam seni tekstur dikattegorikan menjadi dua, yaitu tekstur
tactile, dan tekstur visual.

Format
Format terdiri dari ukuran dan ilustrasi. Iklan untuk ukuran besar
menarik lebih banyak perhatian daripada iklan yang berukuran kecil yang tidak
sebesar perbedaan biayanya.
Prinsip dasar desain grafis
Prinsip dasar desain terdiri dari prinsip keseimbangan, prinsip titik focus,

prinsip ritme, dan prinsip kesatuan. Prinsip – prinsip ini harus diketahui untuk

menghasilkan desain grafis yang baik untuk tampilan iklan. (Suyanto, 2004 : 57)

2.2 Pengertian Animasi

Animasi adalah gambar bergerak yang berasal dari kumpulan berbagai objek

yang disusun secara khusus sehingga bergerak sesuai alur yang sudah ditentukan
pada setiap hitungan waktu.

vi
 Pengkategorian atau Jenis Jenis Animasi dibagi menjadi 6 antara lain:
 Stop Motion, adalah teknik membuat animasi atau film dari potongan-potongan
gambar yang dibuat seolah-olah menjadi berhubungan satu sama lain, sehingga
membentuk suatu gerakan atau cerita.
 Animasi Tradisional, adalah sebuah teknik animasi di mana setiap frame
digambar menggunakan tangan.
 Animasi Komputer, adalah proses yang digunakan untuk menghasilkan gambar
animasi secara digital.
 Animasi 3 Dimensi, adalah penciptaan gambar bergerak dalam ruang digital 3
dimensi.
 Animasi jepang (Anime), adalah animasi dari Jepang yang digambar dengan
tangan maupun menggunakan teknologi komputer.
 Animasi 2 Dimensi adalah penciptaan gambar bergerak dalam lingkungan dua
dimensi. Hal ini dilakukan dengan urutan gambar berturut-turut, atau “frame”,
yang mensimulasikan gerak oleh setiap gambar menunjukkan berikutnya dalam
perkembangan bertahap langkah-langkah.

(https://tirtamedia.co.id/2020/03/12/mari-mengenal-animasi-2d/#:~:text=Dan
%20pengertian%20Animasi%202%20Dimensi,dalam%20perkembangan
%20bertahap%20langkah%2Dlangkah.)

2.3 Paint Tol Sai

Paint Tool SAI atau yang biasa disebut SAI, adalah aplikasi pengolah grafik
visual yang diproduksi oleh sebuah perusahaan Jepang, SYSTEMAX. Versi
pertama dari SAI dikeluarkan secara resmi tanggal 25 Februari 2008, pada saat itu
bahasa yang tersedia hanya bahasa Jepang dan Inggris. Seiring dengan
perkembangan software, SAI kini tersedia dalam bahasa Rusia dan Jerman.

vi
Sampai saat ini, software SAI baru dibuat untuk Windows saja. Banyak para
digital artist yang menggunakkan SAI dalam membuat karya, karena hasil gambar
yang dibuat oleh SAI (menurut pandangan beberapa orang) terlihat lebih bagus
daripada oleh software lain.

SAI memiliki fitur pressure dan sensitivitas pen untuk pengguna drawing
tablet, hal ini memungkinkan pengguna untuk bisa menghasilkan goresan gambar
yang berbeda (tergantung tekanan yang ia berikan saat menggambar). Saya
pribadi lebih memilih SAI dalam menggambar digital, lalu dilanjutkan dengan
Photoshop untuk editing. Dokumen gambar yang sudah dibuat, dapat di export
dalam banyak format, seperti .psd, .bmp, dan .png. Disamping itu, SAI
mempunyai format sendiri yaitu .sai yang hanya bisa dibuka lewat aplikasi SAI
saja.

(https://fdokumen.com/document/paint-tool-sai-dulu-pada-kalian-apa-saja-fitur-

yang-ada-di-dalam-paint-tool-sai.html )

BAB III
Tinjauan Umum

3.1 Deskripsi Singkat Bidang Satu Diskominfo

Dinas Komunikas dan Informatika Pemerintah Kabupaten Boyolali
(DISKOMINFO) merupakan instansi pemerintah yang bertugas membantu Bupati

vi
dan Wakil Bupati Boyolali dalam bidang Informasi dan Komunikasi. Di kantor
Diskominfo Boyolali terbagi menjadi 3 (Tiga) bidang, yaitu Bidang 1 (Satu)
memiliki wewenang dalam Informasi dan Komunikasi Publik. Bidang 2 (Dua)
memiliki wewenang dalam menegelola data base dan web Pemerintah Kabupaten
Boyolali. Bidang 3 (Tiga) memiliki wewenang dalam penyampaian informasi
melalui penyiaran radio (Merapi FM 93.6).
Di kegiatan praktik kerja lapangan (PKL) kami ditugaskan masuk di
bidang 1 (Satu) untuk membantu proses layanan Informasi khususnya di media
sosial Pemerintah Kabupaten Boyolali.

3.2 Hasil Pengumpulan Data

Dari hasil pengamatan kita, dapat kita simpulkan bahwa informasi yang
disampaikan mengenai Boyolali melalui akun resmi sosial media Instagram masih
kurang tertata rapi.

3.3 Solusi Yang Diusulkan

Solusi untuk menyelesaikan permasalahan yang tercantum pada sub

bab3.2, maka kami mengusulkan beberapa solusi sebagai berikut :

Permasalahan Solusi Yang Diusulkan

Pemilihan border feed sering Membuat border feed yang lebih
berubah ubah berseragam

vi
 Kurangnya efisiennya penyampaian Membuat konten yang menggunakan
informasi (Animasi bergerak) animasi bergerak

Di border feed lama banyak sosial Penghapusan dan penataan baru

media yang tidak aktif sosial media yang masih aktif
digunakan di dalam border feed

Tabel 3.1 Daftar Solusi

3.4 Timeline Pengerjaan 

Proses pengerjaan selama 3 bulan magang yang dimulai pada tanggal 1

September 2020 – 1 Desember 2020

N
Kegiatan Mingguke -
O

1 2 3 4 5 6 7 8 9 10 11 1 13
2

vi
 1. Perkenalan dan adaptasi                      
tugas dari pembimbing
tempat magang

2. Pemberian tugas yang                          

berhubungan dengan
informasi untuk sosial media
Kabupaten Boyolali meliputi
konten streaming dan liputan

3. Perancangan project animasi                          

untuk Pilkada Kabupaten
Boyolali 2020

4. Pembuatan project animasi                          

untuk Pilkada Kabupaten
Boyolali 2020

5. Perbaikan project animasi                          

6. Pembuatan laporan                          

Tabel 3.2 Timeline Pengerjaan

3.5 Hasil Redesign Layout

3.5.1 Tampilan Frame Lama

Gambar 3.1 Frame Lama Instagram

3.5.2 Tampilan Frame Baru

vi
 Gambar 3.2 Frame Baru Instagram

3.5.1.1 Tampilan Feed Instagram Lama

vi
 Gambar 3.3 Tampilan Feed Lama

3.5.2.1 Tampilan Feed Instagram Baru

vi
 Gambar 3.4 Tampilan Feed Baru

3.6 Analisa Interaksi Akun Sosial Media

3.6.1 Data Akun

vi
 Gambar 3.5 Gambar 3.6

Data Interaksi bulan Oktober Follower Breakdown bulan

Oktober

vi
 Gambar 3.7 Gambar 3.8

Data Interaksi bulan Oktober akhir Follower Breakdown bulan Oktober

akhir

Gambar 3.9 Gambar 3.10

vi
Data Interaksi bulan November Follower Breakdown bulan

November

3.6.2 Kesimpulan Data Interaksi

Berdasarkan data interaksi yang kita kumpulkan. Hasilnya mengalami

peningkatan setelah kita redesign layout dengan border feed baru

3.7 Dokumentasi kegiatan

Gambar 3.11 Editing Baliho Gambar 3.12 Baliho Komplek

Perkantoran Boyolali

vi
Gambar 3.13 Editing Hari Pahlawan Gambar 3.1 Publikasi Youtube

Gambar 3.15 Setting Alat Streaming Gambar 3.16 Live Streaming

vi
 Gambar 3.17 Kegiatan Liputan

Gambar 3.18 Setting Acara Perkantoran

vi
 Gambar 3.19 Dokumentasi Kegiatan Perkantoran

3.8 Project Animasi 2D

3.8.1 Rancangan Karakter Animasi

vi
 Gambar 3.20 Desain karakter animasi

3.8.2 Storyboard

Gambar 3.21 Storyboard 1 Gambar 3.22 Storyboard 2

Gambar 3.23 Storyboard 3 Gambar 3.24 Storyboard 4

vi
 Gambar 3.25 Storyboard 5 Gambar 3.26 Storyboard 6

3.8.3 Drawing

Gambar 3.27 Pembuatan karakter dan pewarnaan scene awal

Gambar 3.28 Pembuatan karakter dan pewarnaan

vi
 Gambar 3.29 Pembuatan karakter

3.8.4 Editing

Gambar 3.30 Editing animasi

vi
3.8.5 Publikasi

Gambar 3.31 Publikasi Instagram Gambar 3.32 Publikasi Youtube

DAFTAR PUSTAKA

Tiyas. 2020. “Desain Grafis”, https://www.yuksinau.id/desain-

grafis/#Pengertian_Desain_Grafis, diakses pada 8 Desember 2020.

Suyanto, M. 2004. Aplikasi Desain Grafis Periklanan. Yogyakarta: Andi Offset.

Tirtamedia. 2020. “Mari Mengenal Animasi 2D”,

https://tirtamedia.co.id/2020/03/12/mari-mengenal-animasi-2d/#:~:text=Dan
%20pengertian%20Animasi%202%20Dimensi,dalam%20perkembangan
%20bertahap%20langkah%2Dlangkah, diakses pada 10 Desember 2020.

vi
Mardiyaningsih, Oktafiani. 2019. “Paint Tool Sai”,PAINT TOOL SAI - dulu
pada kalian apa saja fitur yang ada di dalam paint tool sai. ... Cara penggunaannya
- [PDF Document] (fdokumen.com), diakses pada 14 Desember 2020.

LAMPIRAN

1. Surat Keterangan Selesai Magang dan Penyerahan hasil Project Magang

vi
2. Presensi Magang

vi
vi
vi
vi
vi
vi
vi
KONFIRMASI DOSEN PEMBIMBING MAGANG

TANDA TANGAN KRS

vi
vi