SURAT PERNYATAAN KEASLIAN

Saya menyatakan bahwa yang tertulis dalam naskah Tugas Akhir ini adalah hasil
karya sendiri bukan plagiat/jiplakan karya orang lain baik sebagian atau
seluruhnya.

Pendapat, gagasan, atau temuan orang lain yang terdapat didalam Naskah Tugas
Akhir ini telah saya kutip dan saya rujuk sesuai dengan etika penulisan karya
ilmiah.

Nama : Muh. Fachmi Mustamin

NIM : 13810136

Prodi : Multimedia

Makassar, 26 Agustus 2016

Penulis

Matrai
Rp. 6000

Muh. Fachmi Mustamin

ii
 LEMBAR PENGESAHAN TUGAS AKHIR

Nama Mahasiswa : Muh. Fachmi Mustamin

NIM : 13810136
Prodi : Multimedia
Judul Tugas Akhir : Prancangan Desain Company Profile Polimedia PSDD
Makassar Berbasis Web

Menyatakan bahwa Tugas Akhir tersebut telah berhasil dipertahankan dihadapan

Tim Penguji dan diterima sebagai bagian persyaratan yang diperlukan dalam
memperoleh gelar Ahli Madya pada Program Studi Multimedia Jurusan Desain
Grafis Politeknik Negeri Media Kreatif.

TIM PENGUJI

Ketua Penguji Penguji 1 Penguji 2

Drs. M. Ali Syamsuddin, Tabrani, S.Kom., M.T Endang Hermawan,

M.si S.Kom., MM
NIP: NID: NIP:
195611041977101001 0905088201 197405272005011002

Ditetapkan di Makassar 26 Agustus 2016

Mengetahui

Kepala Program Studi/Ketua Jurusan

Endang Hermawan,S.Kom.,MM
NIP : 19740527 200501 1 002

iii
 LEMBAR PENGESAHAN PEMBIMBING

NamaMahasiswa : Muh. Fachmi Mustamin

NIM : 13810136
Prodi : Multimedia
Judul Tugas Akhir : Prancangan Desain Company Profile Polimedia PSDD
Makassar Berbasis Web

Menyatakan Bahwa naskah Tugas Akhir tersebut telah siap diujikan dalam sidang
tim penguji sebagai bagian persyaratan yang diperlukan dalam memperoleh gelar
Ahli Madya pada program Studi Multimedia Jurusan Desain Grafis Politeknik
Negeri Media Kreatif.

Sebagai tindak lanjut masalah tersebut mohon mahasiswa tersebut diatas diberikan
pengesahan untuk melengkapai semua persyaratan ujian sidang Tugas Akhir dan
mendaftarkan diri sebagai Peserta Sidang.

Makassar, 26 Agustus 2016

Pembimbing Materi Pembimbing Teknis

Hasyrif, S.Kom., MT Drs. Marman, M.Pd

NIP:19551231 197803 1 014

Mengetahui

Kepala Program Studi

Endang Hermawan, S.KOM., MM

NIP:19740527 200501 1 002

iv
 LEMBAR PERSETUJUAN TUGAS AKHIR

Nama Penyusun Muh. Fachmi Mustamin

NIM 13810136

Jurusan/Prodi Multimedia

Identifikasi Masalah 1. Bagaimana proses Perancangan Desain

Company Profile Polimedia PSDD Makasssar

berbasis web

2. Informasi apa saja kah yang akan ditampilkan

dalam Perancangan Desain Company Profile

Polimedia PSDD Makasssar tersebut, sehingga

pengguna lebih mudah memahaminya

Judul TA 1. Perancangan Desain Company Profile Polimedia

PSDD Makasssar berbasis web.

Catatan :

No. SK Pembimbing : Telah Dustujui Oleh

Kepala Program Studi

Endang Hermawan, S.Kom., MM.

NIP:19740527 200501 1 002
Pembimbing Materi Pembimbing Teknis

Hasyrif, S.Kom., MT Drs. Marman, M.Pd

NIP:19551231 197803 1 014

v
 MOTTO

Apapun yang menjadi penghalang, seberat apapun perang batin kita.

Kita selalu mempunyai pilihan. Pilihan kitalah yang menjadikan diri kita.
Dan kita selalu bisa memilih untuk melakukan yang benar.
“Peter Parker, Spiderman 3”

I don’t want the world to see me, ‘cause I don’t think they need understand. When
everythings made to be broken, I just want you to know who I am.
“The Goo Goo Dolls”

Jangan membenarkan hal yang sudah biasa,

tapi biasakanlah hal yang sudah benar
“ Abi Bayu “

Dari Abu Hurairah ra. Bahwasannya Rasulullah SAW bersabda :

“ Apabila seseorang meninggal dunia, maka terputuslah semua amalnya
kecuali tiga macam, yaitu :
sedekah jariyah,
ilmu yang dapat diambil manfaatnya,
atau anak saleh yang mau mendoakannya.”
“HR. Muslim“

vi
 ABSTRAK

Perancangan Desain Company Profile

Polimedia PSDD Makassar Berbasis Web.
2016

Oleh : Muh Fachmi Mustamin

13810136

Laporan ini bertujuan untuk : (1) memenuhi salah satu persyaratan menyelesaikan
jenjang pendidikan Diploma III Politeknik negeri media kreatif, Program Studi
Desain Grafis, jurusan Multimedia. (2) Menambahkan fasilitas baru dalam bidang
informasi dalam kampus. Serta untuk membuat sebuah website company profile
yang berguna untuk memberikan informasi kepada para calon mahasiswa baru
atau kepada masyarakat luas.

Masalah : (1) Bagaimana proses Perancangan Desain Company Profile

Polimedia PSDD Makasssar berbasis web. (2) Informasi apa saja kah yang akan
ditampilkan dalam Perancangan Desain Company Profile Polimedia PSDD
Makasssar tersebut, sehingga pengguna lebih mudah memahaminya.

Website informasi ini dirancang untuk memberikan kemudahan bagi

penggunanya dalam mencari informasi dengan sajian tampilan yang menarik.
Informasi yang diberikan menyangkut apa saja yang bersangkutan dengan kampus
Polimedia PSDD Makassar. Serta desain yang diberikan juga tidak terlalu rumit
untuk calon mahasiswa baru atau masyarakat agar informasi yang disampaikan
dapat dipahami dengan baik oleh calon mahasiswa baru atau masyarakat.

Berdasarkan hasil yang telah dicapai, diperoleh kesimpulan bahwa dengan

adanya website ini calon mahasiswa maupun masyarakat dapat mengetahui secara
langsung informasi tentang Polimedia PSDD Makassar tanpa harus mengunjungi
kampus terlebih dahulu serta dapat dijadikan sebagai bahan referensi bagi
mahasiswa maupun masyarakat untuk digunakan sebagaimana perlunya.
Kata kunci: (Informasi, Website, Desain)

vii
 ABSTRACT

Scheme Of Design Company Profile

Polimedia PSDD Makassar Base on Web
2016

By : Muh Fachmi Mustamin.

13810136

This report aim to : ( 1) to fulfilling one of the conditions finish ladder education
of Diploma III Politeknik Negeri Media Kreatif, Program Study of Desain
Graphical, majors of Multimedia. ( 2) Enhancing new facility in the field of
information in campus. And also to make a profile company website which good
for giving information to all new student candidate or to wide of society.

Problem : ( 1) How process Scheme Of Desain Company Profile

Polimedia PSDD Makasssar base on web. ( 2) Information any kind of kah to be
presented in Scheme Of Desain Company Profile Polimedia PSDD Makasssar, so
that easier consumer comprehending it.

This Website Information is designed to give amenity to its consumer in

searching information with interesting appearance sajian. given information
concerning any kind of which dealt only with campus of Polimedia PSDD
Makassar. And also given desain nor too complicated for the candidate of new
student or society so that sent information can comprehend better by new student
candidate or society.

Pursuant to result which have been reached, to be obtained by conclusion

that with existence of this website student candidate and also society can know
directly information about Polimedia PSDD Makassar without having to visit
campus beforehand and also can be made upon which reference to society and
also student to be used as the importance of.
Keyword: ( Information, Website, Design )

viii
 KATA PENGANTAR

Bismillahirohmanhirohim

Syukur Alhamdulillah, segala puji atas kehadirat Allah SWT atas segala

rahmat dan karunia yang telah diberikan kepada penulis, sehingga dapat

menyelesaikan Tugas Akhir ini dengan baik meskipun ada sedikit kendala yang

ditempuh dalam penyelesaian Tugas Akhir ini.

Penulisan Tugas Akhir ini merupakan karya tulis sederhana yang pada

dasarnya dibuat guna untuk melengkapi salah satu syarat yang harus dipenuhi

untuk menyelesaikan Program Pendidikan Ahli Madya Politeknik Negeri Media

Kreatif PSDD Makassar, Jurusan Desain Grafis, Program Studi Multimedia. Judul

Tugas Akhir ini yaitu “PERANCANGAN DESAIN COMPANY PROFILE

POLIMEDIA PSDD MAKASSAR BERBASIS WEB “. Dalam penulisan Tugas

Akhir ini, Penulis menyadari akan keterbatasan serta kemampuan dan

pengetahuan yang telah dimiliki, masih memiliki keterbatasan dan kekurangan

dalam penyelesaian Tugas Akhir yang telah dikerjakan, karena itu perlu adanya

saran maupun kritikan yang sangat diharapkan dari teman-teman apabila

menemukan sebuah kesalahan dalam penulisan Tugas Akhir ini.

Dengan terselesaikannya penulisan Tugas Akhir ini, Ada beberapa pihak

yang selalu memberikan dukungan serta semangat dan do’a yang tiada hentinya

memberikan kemudahan dalam penyelesaian Tugas Akhir ini, oleh karena itu

pada kesempatan ini penulis menyampaikan banyak terimakasih yang sebesar-

besarnya kepada :

ix
1. Kedua orang tuaku, ayah dan ibu yang tiada hentinya memberikan

semangat serta dukungan, dan selalu menjadi motivasi terbesar setiap

harinya dalam kehidupanku dan yang membuatku bertahan sampai detik

saat ini dan kalian berdualah yang telah mengajarkanku banyak hal.

Ucapan rasa terimakasih ini takkan cukup menggantikan segala sesuatu

yang telah kalian berikan kepadaku.

2. Bapak Sarmada, S.Sos., M.Si sebagai direktur Politeknik Negeri Media

Kreatif,

3. Bapak Drs. Marman, M.Pd sebagai penanggung jawab Politeknik Negeri

Media Kreatif (Polimedia) PSDD Makassar,

4. Bapak Endang Hermawan, S.Kom., MM sebagai kepala program studi

multimedia, sekaligus sebagai pembimbing teknis dalam penulisan Tugas

Akhir ini.

5. Bapak Hasyrif, S.Kom., MT sebagai dosen pembimbing materi dalam

penulisan Tugas Akhir.

6. Seluruh Dosen pengajar jurusan multimedia yang telah memberikan

bimbingan selama perkuliahan.

7. Sahabat seperjuangan kelas multimedia angkatan 2013 PSDD Makassar

atas bantuan serta dukungan dalam penyusunan karya tulis Tugas Akhir

ini,

8. Seluruh mahasiswa PSDD Polimedia Makassar yang selalu melengkapi

keceriaan didalam kampus polimedia makassar

x
 9. Keluarga besar yang berada di kampung maupun di makassar,yang telah

memberikan semangat untuk terus menggapai cita-cita.

10. Dan tak lupa pula saya sampaikan banyak terimakasih kepada sahabat-

sahabat saya yang mulai dari SMA sampai saat ini yang selalu menghibur

dan memberikan motivasi semangat untuk belajar.

Sebelumnya penulis memohon maaf apabila terdapat kata-kata yang kurang

berkenan. Dan tentunya masih banyak pihak-pihak yang telah membantu , namun

tidak dapat menyebutkan semuanya satu - persatu. Penulis menyadari bahwa

dalam penulisan karya Tugas Akhir ini masih jauh dari kata sempurna, Untuk itu

diharapkan adanya kritikan serta saran yang dapat membangun dari pembaca

sekalian. Semoga karya tulis Tugas Akhir ini dapat bermanfaat sekecil apapun itu.

Sekian dan Terima Kasih.

Wassalamu’alaikum Warahmatullahi Wabarakatuh.

Makassar, 23 Agustus 2016

Penulis

Muh. Fachmi Mustamin

xi
 DAFTAR ISI

Halaman

Halaman Judul

Lembar Pernyataan Keaslian................................................................................... ii

Lembar Pengesahan Tugas Akhir .......................................................................... iii

Lembar Pengesahan Pembimbing .......................................................................... iv

Lembar Persetujuan Tugas Akhir ........................................................................... v

Motto ..................................................................................................................... vi

Abstrak .................................................................................................................. vii

Abstract ................................................................................................................ viii

Kata Pengantar ....................................................................................................... ix

Daftar Isi................................................................................................................ xii

Daftar Tabel ........................................................................................................ xvii

Daftar Gambar .................................................................................................... xviii

BAB I PENDAHULUAN

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

1.2 Rumusan Masalah .............................................................................................3

1.3 Batasan Masalah................................................................................................3

1.4 Maksud dan Tujuan

1.4.1 Maksud ....................................................................................................3

1.4.2 Tujuan .....................................................................................................4

1.5 Metodologi Penyusunan.............................................................................4

xii
BAB II LANDASAN TEORI

2.1 Perancangan .....................................................................................................7

2.2 Desain ...............................................................................................................7

2.3 Company Profile

2.3.1 Definisi Company Profile .......................................................................9

2.3.2 Fungsi Company Profile .......................................................................10

2.3.3 Isi Company Profile ..............................................................................11

2.4 Konsep Dasar Website

2.4.1 Internet ..................................................................................................13

2.4.2 World Wide Web ..................................................................................13

2.4.3 Web Browser ........................................................................................14

2.4.4 Web Server ...........................................................................................14

2.4.5 Web Service ..........................................................................................14

2.4.6 Web Programming ................................................................................15

2.5 Unsur-Unsur Website

2.5.1 Nama Domain .......................................................................................15

2.5.2 Web Hosting .........................................................................................16

2.5.3 Bahasa Program ....................................................................................16

2.5.4 Desain Website .....................................................................................17

2.5.5 Program Transfer Data KePusat Data ...................................................17

2.5.6 Publikasi Website .................................................................................17

2.6 HTML (Hper Text Markup Language)

2.6.1 Sejarah HTML ......................................................................................19

xiii
 2.6.2 Sejarah Versi HTML ............................................................................20

2.6.3 Kegunaan HTML ..................................................................................21

2.6.4 Markah atau Tanda................................................................................23

2.7 Sublime Teks

2.7.1 Management Pane .................................................................................25

2.7.2 Kelebihan Sublime Teks .......................................................................25

BAB III GAMBARAN UMUM INSTITUSI

3.1 Visi Misi dan Komitmen Polimedia Makassar

3.1.1 Visi ........................................................................................................28

3.1.2 Misi .......................................................................................................28

3.2 Komitmen........................................................................................................28

3.3 Metode Penelitian ....................................................................................29

BAB IV IMPLEMENTASI DAN ANALISA

4.1 Perencanaan dan Perancangan Desain

4.1.1 Perencanaan Desain ..............................................................................31

4.1.1 Perancangan Desain ..............................................................................31

4.2 Peralatan dan Kebutuhan.................................................................................31

4.3 Karakteristik Pengguna Web

4.3.1 Admin ...................................................................................................32

4.3.2 User .......................................................................................................33

4.4 Rancangan Tampilan Pada Web

4.4.1 Perancangan Menu Pada Web...............................................................33

4.4.2 Perancangan Tampilan Halaman Pada Web .........................................34

xiv
4.5 Implementasi

4.5.1 Tujuan Implementasi ............................................................................39

4.6 Tampilan Halaman Editor

4.6.1 Tampilan Editor ....................................................................................40

4.6.2 Tampilan Edit Home .............................................................................40

4.6.3 Tampilan Edit About.............................................................................41

4.6.4 Tampilan Edit Jurusan dan Prodi ..........................................................42

4.6.5 Tampilan Edit Galeri .............................................................................42

4.6.6 Tampilan Edit Kontak ...........................................................................43

4.6.7 Tampilan Edit Footer ............................................................................44

4.7 Hasil Implementasi Desain Web

4.7.1 Tampilan Home ....................................................................................44

4.7.2 Tampilan About ....................................................................................45

4.7.1 Tampilan Jurusan ..................................................................................46

4.7.1 Tampilan Galeri ....................................................................................47

4.7.1 Tampilan Kontak dan Footer ................................................................48

BAB V KESIMPULAN DAN SARAN

5.1 Kesimpulan .....................................................................................................49

5.2 Saran ................................................................................................................50

Daftar Pustaka .................................................................................................51

Daftar Istilah ...................................................................................................52

Lampiran .........................................................................................................58

Persetujuan Proposal .......................................................................................59

xv
Halaman Asitensi Pembimbing Materi ...........................................................60

Halaman Asitensi Pembimbing Teknis ...........................................................61

Riwayat Hidup ................................................................................................61

xvi
 DAFTAR TABEL

1. Tabel 3.1 Karakteristik Admin...........................................................................30

2. Tabel 3.2 Karakteristik User ..............................................................................31

xvii
 DAFTAR GAMBAR

1. Gambar 3.1 Perancangan Menu Pada Desain Web ............................................32

2. Gambar 3.2 Perancangan Tampilan Awal .........................................................33

3. Gambar 3.3 Desain HalamanTampilan Awal Web ............................................34

4. Gambar 3.4 Desain Tampilan Halaman Tentang Polimedia..............................34

5. Gambar 3.5 Desain Tampilan Jurusan Sebelum di Klik ....................................35

6. Gambar 3.6 Desain Tampilan Jurusan Setelah di Klik ......................................35

7. Gambar 3.7 Desain Tampilan Galeri .................................................................36

8. Gambar 3.8 Desain Tampilan Kontak ................................................................37

9. Gambar 4.1 Tampilan Halaman Editor .............................................................38

10. Gambar 4.2 Tampilan Edit Home ....................................................................39

11. Gambar 4.3 Tampilan Edit about .....................................................................39

12. Gambar 4.4 Tampilan Edit Jurusan dan Prodi .................................................40

13. Gambar 4.5 Tampilan Edit Galeri ....................................................................41

14. Gambar 4.6 Tampilan Edit Kontak ..................................................................41

15. Gambar 4.7 Tampilan Edit Footer ...................................................................42

16. Gambar 4.8 Implementasi Halaman Home ......................................................43

17. Gambar 4.9 Implementasi About .....................................................................43

18. Gambar 4.10 Implementasi Tampilan Jurusan.................................................44

19. Gambar 4.11 Implementasi Tampilan Pop-Up Jurusan ...................................44

20. Gambar 4.12 Implementasi Tampilan Galeri ...................................................45

21. Gambar 4.13 Implementasi Tampilan Jendela Pop-Up Galeri ........................45

22. Gambar 4.22 Implementasi Kontak dan Footer ...............................................46

xviii