Penelitian tentang Pemetaan

Kelemahan dan Kelebihan dari setiap

Spesifikasi Desain IT

Disusun oleh :

Nama : Gio Fandi H. N

NIM 173112706450004
Mata Kuliah / Kelas : Metodologi dan Penelitian Teknologi Informasi / R.04

FAKULTAS TEKNOLOGI
KOMUNIKASI DAN
INFORMATIKA TEKNIK
INFORMATIKA UNIVERSITAS
NASIONAL
2020
 DAFTAR ISI

DAFTAR ISI...........................................................................................................................................i
KATA PENGANTAR............................................................................................................................2
BAB 1......................................................................................................................................................3
Pendahuluan............................................................................................................................................3
A. Latar Belakang...........................................................................................................................3
B. Rumusan Masalah......................................................................................................................3
C. Tujuan.........................................................................................................................................3
BAB 2......................................................................................................................................................4
LANDASAN TEORI.....................................................................................................................................4
A. Pengertian Desain Grafis...........................................................................................................4
B. Kategori Desain Grafis...............................................................................................................4
BAB 3......................................................................................................................................................6
PEMBAHASAN..........................................................................................................................................6
A. Figma..........................................................................................................................................6
B. Visual Code.................................................................................................................................6
C. BOOSTRAP................................................................................................................................7
D. Xampp.........................................................................................................................................8
E. Photoshop...................................................................................................................................9
BAB 4....................................................................................................................................................10
PENUTUP...............................................................................................................................................10
DAFTAR PUSTAKA...........................................................................................................................11
 KATA PENGANTAR

Banyak dari kita yang sering mendengar tentang Design Grafis, Namun apa
sebenarnya pengertian dari design grafis itu sendiri ? Menurut Wikipedia Desain Grafis
adalah Seni dalam berkomunikasi menggunakan tulisan, ruang, dan gambar. Bidang ini
merupakan bagian dari komunikasi visual. Ilmu desain grafis mencakup seni visual, tipografi,
tata letak, dan desain interaksi.

Di masa ini Design Grafis mempunyai sangat banyak peminatnya, termasuk dari
kalangan anak anak sampai tua. Kenapa design grafis sangat banyak digemari ? Karena
design grafis tidak terbatas oleh ruang, misalkan seperti lukisan atau tanda tangan. Design
grafis bisa berbentuk Digital dan Real. Dan kenapa design grafis sangat menguntungkan
karena tidak perlu modal yang aneh aneh kita langsung dapat membuat design grafis.
 BAB 1
Pendahuluan

A. Latar Belakang
Ilmu pengetahuan dan teknologi selalu berkembang dan mengalami kemajuan,
sesuai dengan perkembangan zaman dan perkembangan cara berpikir manusia. Bangsa
Indonesia sebagai salah satu negara berkembang tidak akan bisa maju selama belum
memperbaiki kualitas sumber daya manusia bangsa kita. Kualitas hidup bangsa dapat
meningkat jika ditunjang dengan sistem pendidikan yang mapan. Dengan sistem
pendidikan yang mapan, memungkinkan kita berpikir kritis, kreatif, dan produktif.
Desain merupakan perencanaan dalam pembuatan sebuah objek, sistem,
komponen atau struktur. Proses desain pada jaman dahulu masih menggunakan metode
manual dengan menggunakan berbagai alat seperti penggaris,pensil, drawing pen, kertas
gambar, dan dalam proses pembuatan suatu desain memerlukan waktu yang
lama.Perkembangan teknologi informasi saat ini sangat pesat dan hal ini sangat berdampak
terhadap kegiatan yang menunjang pekerjaan kita sehari-hari.
Dalam bidang desain dan perancangan pengembangan produk, perkembangan
teknologi informasi sudah sangat terasa dampaknya, yaitu dengan banyaknya software-
software yang mempermudah dan membantu kita dalam memecahkan permasalahan yang
ada dalam bidang perancangan dan tahapan perencanaan sampai dengan tahapan produksi.
Dalam pembuatan design website kita harus terlebih dahulu mendesign website tersebut
sehingga kita bisa melakukan kodingan . saya akan menjelaskan beberapa tentang
kelebihan dan kekurangan pemetaan dalam website yang saya buat.

B. Rumusan Masalah
1. Apa arti Desain Grafis?
2. Apa saja kategori desain grafis?
3. Apa saja Sofware Desain Grafis website ?
4. Apa saja kelebihan software Desain grafis?
C. Tujuan
1. Memberikan penjelasan tentang Desain Grafis.
2. Mengetahui Aplikasi desain grafis pembuatan website
3. Mempelajari Kategori dan Produk dalam Desain Grafis.
4. Mempelajari Tools yang digunakan oleh Desainer.
 BAB 2
LANDASAN TEORI
A. Pengertian Desain Grafis
Desain Grafis itu berasal dari 2 buah kata yaitu Desain dan Grafis, kata Desain
berarti proses atau perbuatan dengan mengatur segala sesuatu sebelum bertindak atau
merancang. Sedangkan Grafis adalah titik atau garis yang berhubungan dengan cetak
mencetak.
Jadi dengan demikianDesain Grafis adalah kombinasi kompleks antara kata-kata,
gambar, angka, grafik, foto dan ilustrasi yang membutuhkan pemikiran khusus dari
seorang individu yang bisamenggabungkan elemen-elemen ini, sehingga mereka dapat
menghasilkan sesuatu yang khusus atau sangat berguna dalam bidang gambar. Gambar
maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar
atau fotografi.Desain grafis umumnya diterapkan dalam dunia periklanan, packaging,
perfilman, dan lain-lain. Desain grafis pada awalnya diterapkan untuk media-media
statis, seperti buku, majalah, dan brosur. Sejalan dengan perkembangan zaman, desain
grafis juga diterapkan dalam media elektronik, yang sering kali disebut sebagai desain
interaktif atau desain multimedia. Batas dimensi pun telah berubah seiring
perkembangan pemikiran tentang desain. Desain grafis bisa diterapkan menjadi sebuah
desain lingkungan yang mencakup pengolahan ruang. Perancang grafis atau sering
disebut dengan desainer Grafis adalah profesi yang menciptakan ilustrasi, tipografi,
fotografi, atau grafis motion. Seorang desainer grafis menciptakan karya untuk penerbit,
media cetak dan elektronik, seperti brosur dan mengiklankan produk. Mereka
bertanggung jawab untuk sebuah tampilan agar tampak menarik, yang bisa diaplikasikan
dalam berbagai bentuk materi promosi yang berkaitan dengan produk dan publik.

B. Kategori Desain Grafis

Secara garis besar, desain grafis dibedakan menjadi beberapa kategori:
1. Printing (Percetakan) yang memuat desain buku, majalah, poster, booklet, leaflet,
flyer, pamflet, periklanan, dan publikasi lain yang sejenis.
2. Web Desain: desain untuk halaman web.
3. Film termasuk CD, DVD, CD multimedia untukpromosi.
4. Identifikasi (Logo), EGD (Environmental Graphic Design) :merupakan desain
profesional yang mencakup desain grafis, desain arsitek, desain industri, dan arsitek
taman.
5. Desain Produk, Pemaketan dan sejenisnya.

Setelah mengetahui apa saja hasil karya desain grafis dan begitu pula arti desain
grafis, saatnya kita akan memahas apa saja yang harus dikuasai pertama kali oleh
seorang desainer grafis.
a) Nirmana
Nirmana adalah ilmu yang mempelajari tentang elemen-elemen desain grafis beserta
prinsip-prinsip desain grafis. Didalamnya kita akan mempelajari tentang garis,
bentuk, ruang, tekstur, warna dan lain sebagainya.
b) Typografi
 Tipografi merupakan suatu ilmu dalam memilih dan menata huruf dengan
pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan
kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan
membaca semaksimal mungkin. Dikenal pula seni tipografi, yaitu karya atau desain
yang menggunakan pengaturan huruf sebagai elemen utama. Dalam seni tipografi,
pengertian huruf sebagai lambang bunyi bisa diabaikan.
c) Pewarnaan
Pewarnaan penting bagi pencitraan hasil karya desin grafis, karena dengan warna
seseorangan akan memahami estetika dari gambar yang kita buat. Warna masuk
dalam ilmu nirmana tetapi sebegitu pentingnya sehingga pewarnaan saya buat point
tersendiri.
d) Software
Software adalah pendukung dari apa yang bisa Anda hasilkan, dilihat dari bidangnya
software desain terbagi menjadi dua sofware pengolah grafis 2 dimensi dan
pengolah grafis tiga dimensi. Menurut medianya terbagi menjadi tiga, yaitu media
cetak, digital dan multimedia.
e) Scetch
Lebih mudah dinamai dengan menggambar dengan tangan. Kemampuan
menggambar tidak begitu mempengaruhi hasil karya Anda dalam bidang desain
grafis, namun orisinalitas dalam menggambar manual akan sangat terasa dan
efeknya adalah memudahkan Anda dalam mengolah karya desain menggunakan
software.
f) Kemampuan umum
Kemampuan umum ini adalah kemampuan tambahan yang membantu dalam proses
membuat sebuah karya grafis. Kemampuan umum dalam bidang grafis seperti
pengetahuan tentang website ( website grafis seperti flickr, deviantart dsb, website
ecommerce untuk menjual karya desain dsb ).

Pilar keilmuan yang wajib dimiliki oleh seorang desainer grafis.

1. Wawasan Teknologi.
2. Wawasan Sains.
3. Wawasan Seni.
4. Wawasan Sosial dan Budaya.
5. Wawasan filsafat dan Etika.
 BAB 3
PEMBAHASAN
Berikut ini merupakan beberapa Sofware yang digunakan untuk membuat desain website dan
kekurangan dan kelebihan pemetaan software tersebut.

A. Figma
Figma adalah salah satu tool dan keunggulan dari figma adalah web based. Sehingg system
operasi apa saja dapat menggunakan design tool ini. Untuk menggunakan figma ini kita harus
melakukan registrasi ataupun login dengan menggunakan akun google kita.

Gambar1. Gambar Figma

Gamabar salah satu project desain website yang saya buat di figma sebelum pembuatan project
website ini . terlebih dahulu kita desain sehingga kita sangat terbantu untuk mengetahu tata letak
setiap tool pada website kita nanti. Di figma ini juga terdapat source css nya untuk nanti kita
program untuk membuatan websitenya.di sini. Sehingga membuat website cepat
penyelesaiannya. Setiap starup juga akan melakukan design projectnya sebelum mereka
memprogram projectnya.

Kelebihan:
 Figma dapat digunakan di OS manapun
 Figma bisa digunakan di browser
 Figma terdapat banyak fitur pluginnya yang gratis
 Figma juga sangat mudah digunakan design UI/UX
 Mempunyai system kalobarasi dan live priview

Kekurangan
 Penggunaannya sangat terbatas
 Aplikasi ini dalam waktu dekat akan jadi berbayar.

B. Visual Code
Visual Studio Code (VS Code) ini adalah sebuah teks editor ringan dan handal yang
dibuat oleh Microsoft untuk sistem operasi multiplatform, artinya tersedia juga untuk versi
Linux, Mac, dan Windows. Teks editor ini secara langsung mendukung bahasa pemrograman
HTML,PHP,JavaScript, Typescript, dan Node.js, serta bahasa pemrograman lainnya dengan
bantuan plugin yang dapat dipasang via marketplace Visual Studio Code (seperti C++, C#,
Python, Go, Java, dst). Banyak sekali fitur-fitur yang disediakan oleh Visual Studio Code,
diantaranya Intellisense, Git Integration, Debugging, dan fitur ekstensi yang menambah
kemampuan teks editor. Fitur-fitur tersebut akan terus bertambah seiring dengan bertambahnya
versi Visual Studio Code. Pembaruan versi Visual Studio Code ini juga dilakukan berkala setiap
bulan, dan inilah yang membedakan VS Code dengan teks editor-teks editor yang lain.
Teks editor VS Code juga bersifat open source, yang mana kode sumbernya dapat
kalian lihat dan kalian dapat berkontribusi untuk pengembangannya. Kode sumber dari VS Code
 ini pun dapat dilihat di link Github. Hal ini juga yang membuat VS Code menjadi favorit para
pengembang aplikasi, karena para pengembang aplikasi bisa ikut serta dalam proses
pengembangan VS Code ke depannya.

Gamabar2. Gambar visual Code

Kelebihan:
 Vs code gratis
 Terinstall otomatis fungsi EMMET& fungsi LINTER & INTELLISENSE
 Kemudahan bekerja dengan warna
 Mudah mengeloalah extension
 Punya sidebar kaya akan fitur.

Kekurangan :
 Belum Menghapal Shortcut Key
 Key Multi Cursor Bentrok
 Key untuk Duplikat Baris Bentrok

C. BOOSTRAP

Bootstrap adalah library (pustaka / kumpulan fungsi-fungsi) dari Framework CSS yang
dibuat khusus untuk bagian pengembangan fontend dari suatu website. Didalam library tersebut
terdapat berbagai jenis file yang diantaranya HTML, CSS, dan Javascript. Hampir semua
developer website menggunakan framework bootstrap agar memudahkan dan mempercepat
pembuatan website. Karena semuanya sudah ada dalam frameworknya sehingga para develop /
pengembang hanya tinggal membuat / menyisipkan class nya yang ingin dipakai seperti
membuat tombol, grid navigasi dan lain sebagainya.

Gambar3. Gambar boostrap

Bootstrap telah menyediakan kompulan aturan dan komponen class interface dasar
sebagai modal dalam pembuatan web yang telah dirancang sangat baik untuk memberikan
tampilan yang sangat menarik, bersih, ringan dan memudahkan bagi penggunanya. Dan
 penggunaan bootstrap ini kita juga diberikan keleluasan salama pengembangan website, anda
bisa merubah dan menambah class sesuai dengan keinginan.

Kelebihan
 Bisa digunakan untuk membantu mempercepat ketika membuat front-end pada website
 Bootstrap memiliki tampilan yang modern sehingga bisa membuat website Anda
memiliki tampilan yang menarik.
 Boostrap juga akan membuat website Anda lebih ringan ketika dibuka.
 Bootstrap akan membuat tampilan website Anda lebih responsif.
Kekurangan:
 Dikarenakan menggunakan CSS3, maka bootstrap minim gambar.
 Dikarenakan terlalu fokus pada coding, sehingga membuat kita kurang begitu kreatif
untuk mendesain website sesuai dengna apa yang benar-benar diinginkan.
 Bootstrap ternyata masih belum mampu untuk bisa menampilkan tampilan website yang
sama di seluruh browser.

D. Xampp
XAMPP adalah perangkat lunak bebas (open source), yang mendukung banyak sistem
operasi seperti Windows, Mac OS, Linux dan Solaris, dan merupakan gabungan dari beberapa
program yaitu X,APACHE,MYSQL,PHP,dan PERL. XAMPP SENDIRI dibuat oleh Tim
Proyek Apache Friends yang berkolaborasi di dalamnya ada Tim Inti (Core Team), Tim
Pengembang (Development Team) dan Tim Pendukung (Support Team).

Gambar4. Gambar xampp

Dibawah ini adalah penjelasan dari singkatan XAMPP:

X = Yang dimaksudkan adalah aplikasi ini di jalan kan empat os sekaligus seperti windows,
linux, Mac OS dan juga Solaris, dan isitilah ini juga biasa disebut cross platform (software
multi OS).
A = Apache adalah aplikasi web server berupa halaman web yang berasal dari kode PHP
yang dituliskan oleh developer.
M = MySQL adalah aplikasi database server yang dikenal sebagai SQL singkatan dari
Structured Query Language yang digunakan untuk mengolah database baik itu
menambahkan, mengubah, serta menghapus data di dalam database.
P = PHP adalah bahasa pemrograman web yang digunakan untuk membuat halaman web
dinamis dan bersifat server-side-scripting. Sistem manajemen database yang digunakan PHP
biasanya MySQL, namun tidak menutup kemungkinan juga untuk PHP menggunakan
database Oracle, Microsoft Access, Interbase, D-Base dan PostgreSQL.
P = Perl adalah bahasa pemrograman yang digunakan untuk segala keperluan yang
dikembangkan oleh Larry Wall pada mesin Unix. Perl ini tersedia pada berbagai macam
sistem operasi varian Unix (SunOS, Linux, BSD, HP-UX), DOS, Windows, PowerPC,
BeOS, VMS, EBCDI dan PocketPC..
Fungsi dari XAMPP adalah sebagai sebuah server lokal yang berdiri sendiri dan disebut juga
dengan Localhost, yang terdiri dari program Apache HTTP Server, MySQL database, PHP dan
 Perl. Program XAMPP ini disediakan secara gratis dana kamu bisa mendownloadnya di web
resminya langsung.

Kelebihan:
 Database Storage Engine ini banyak digunakan oleh programmer apalagi oleh web
developer karena sifatnya yang free. Untuk yang expert sudah ada yang bayar.
 Kemampuannya sudah bisa diandalkan, mempunyai kapasitas yang cukup mumpuni
sekitar 60.000 tabel dengan jumlah record mencapai 5.000.000.000 bahkan untuk yang
terbaru sudah lebih.
 Keamanan datanya cukup aman walaupun tidak sehebat Postgre apalagi Oracle.
 Engine ini multiplatform sehingga mampu diaplikasikan di berbagai sistem operasi. My
Sql cocok diaplikasikan diaplikasi kelas kecil dan menengah.
 Kelebihan paling utama engine ini adalah kecepatannya.

Kekurangan:
 Tidak cocok untuk menangani data dengan jumlah yang besar, baik untuk menyimpan
data maupun untuk memproses data.
 Memiliki keterbatasan kemampuan kinerja pada server ketika data yang disimpan telah
melebihi batas maksimal kemampuan daya tampung server karena tidak menerapkan
konsep Technology Cluste

E. Photoshop

Gambar 5.gambar Photoshop

Photoshop adalah software yang digunakan untuk memodifikasi gambar atau foto secara
profesional baik meliputi modifikasi obyek yang sederhana maupun yang sulit sekalipun.
Photoshop merupakan salah satu software yang berguna untuk mengolah gambar berbasis
bitmap, yang mempunyai tool dan efek yang lengkap sehingga dapat menghasilkan gambar atau
foto yang berkwalitas tinggi.

Kelengkapan fitur yang ada di dalam Photoshop inilah yang akhirnya membuat software
ini banyak digunakan oleh desainer grafis profesional. Dan mungkin juga sampai saat ini masih
belum ada software desain grafis lain yang bisa menyamai kelengkapan fitur dalam Photoshop.

Kelebihan :
 Membuat tulisan dengan effect tertentu
 PSD (Photoshop Document)
 Membuat tekstur dan material yang beragam
 Mengedit foto dan gambar yang sudah ada
 Memproses materi Web

Kekurangan :
 Ukuran penyimpanan file relatif besar bila terdapat banyak layer dan ukuran gambar
yang besar
 Proses cetak dalam ukuran kertas pada umumnya, atau ukuran kertas yang besar relatif
lebih sulit
 Akan lebih rumit ketika mengedit gambar dari banyak layer yang digabung.
 BAB 4
PENUTUP

A. KESIMPULAN
Desainer grafis bertanggung jawab antara lain untuk membuat logo, desain website dll.
Desain grafis sangat membantu pekerjaan pembuatan website . sehingga pembuatan website
sangat dapat dikerjakan dengan sangat cepat. Tools yang beranekargam ini kita harus bisa
menggunakannya sebaik mungkin, agar pekerjaan yang kita kerjakan lebih efisien. Dalam
pendesign website ini juga kita akan membuat tampilan interface pada website kita akan
semakin bagus dan menarik dibandingkan yang langsung membuat tanpa mendesain.

B. Saran

Setiap Tools memiliki Kelebihan dan Kekurangan, kita harus menyesuaikan dengan
kebutuhan kita, Jangan juga memaksakan Tools yang sebetulnya kita belum mengerti karena
pada akhirnya akan menyusahkan kita.
 DAFTAR PUSTAKA

Dev, D. (2018). 5 Software Design Grafis, Kelebihan dan Kekurangannya. Retrieved from Sederhana
Saja: http://sederhanasajaa.blogspot.com/2018/04/kumpulan-5-software-design-grafis.html

Hasanudin, A. (2016). Kelebihan dan Kekurangan Software Design Grafis. Retrieved from Bisnis Design
Grafis: http://hasanesia.blogspot.com/2016/03/kelebihan-dan-kekurangan- software.html
Muardian,Ahmad(2017).Text Editor Visual Studio Code: Reterived from
https://www.petanikode.com/text-editor-vscode/

Yulianto, RianW. (2019).Ektensi dan tema visual studio code yang saya gunakan. Retrieved from
https://medium.com/kode-dan-kodean/ekstensi-dan-tema-visual-studio-code-yang-saya-gunakan.
Soekartono. (2008). Ide dan Design. Retrieved from BAHAN AJAR DESAIN GRAFIS:
https://tonz94.com/2008/01/16/ide-dan-desain