BAB III
DESAIN DAN PERANCANGAN
3.1
Perancangan Aplikasi Dalam perancangan aplikasi CD Interaktif Company Profile PT Sri Rejeki
Isman Tbk Berbasis Flash, terdapat beberapa perangkat lunak dan perangkat keras yang digunakan penulis guna mendukung proses perancangan aplikasi yaitu: a.
Perangkat Lunak (Software) yang digunakan Perangkat lunak yang digunakan penulis dalam pembuatan aplikasi CD
Interaktif Company Profile PT Sri Rejeki Isman Tbk Berbasis Flash adalah sebagai berikut: 1) Sistem Operasi
: Microsoft Windows 7 Ultimate
2) Adobe Flash CS6 Adobe flash CS6 Profesional merupakan program animasi 2D berbasis vektor.Perngkat lunak Adobe Flash CS6 dapat membuat berbagai animasi 2D seperti film kartun, portofolio, aplikasi company profile, game. 3) Adobe Photoshop CS6 Adobe photoshop adalah program pengolah grafis yang bekerja pada tipe bitmap dan vektor. Tipe vector terdiri dari garis dan kurva yang mendeskripsikan satu image berdasar karakterisitik. Sedangkan tipe bitmap biasa disebut image raster yang memiliki grid-grid warna (pixel).6 4) Adobe Audition Adobe Audition adalah perangkat lunak dari Adobe yang dapat merekam, merubah, menambahkan efek-efek suara dan memperbaiki kualitas suara. b.
Perangkat Keras (Hardware) yang digunakan Perangkat keras yang digunakan penulis dalam pembuatan aplikasi CD
Interaktif Company Profile PT Sri Rejeki Isman Tbk Berbasis Flash adalah sebagai berikut: 1)
Processor Amd A4-5000 Apu With Radeon (Tm)
2)
HD Graphics 1.50 GHz
17
18
3)
RAM 2 GB
4)
VGA Onboard
5)
System Type 32- bit
6)
Harddisk 500 GB
7)
Monitor 14 Inchi
8)
Keyboard, Mouse, Printer
3.2
Metode Pengumpulan Data
3.2.1
Observasi Pada tahap ini dilakukan pengamatan secara langsung terhadap objek yang
diteliti yaitu data, baik berasal dari dokumen-dokumen yang terpakai maupun dari hasil wawancara yang dilakukan dengan para pegawai atau pimpinan yang berwenang. 3.2.2
Wawancara Pada tahap ini dilakukan proses tanya jawab dengan pihak PT Sri Rejeki
Isman Tbk untuk mengumpulkan data dan informasi mengenai sejarah,visi misi, profil perusahaan, struktur perusahaan selain itu dengan orang yang akan bertindak sebagai admin yang akan mempergunakan system tersebut. 3.3
Perencanaan System Pembuatan aplikasi multimedia interaktif ini berguna untuk melengkapi
serta menutupi kekurangan yang ada pada website PT Sri Rejeki Isman Tbk maupun sarana promosi lainnya. Ini dilakukan dengan menggunakan aplikasi multimedia interaktif yang sifatnya memberikan informasi tentang fasilitas yang ada pada PT Sri Rejeki Isman Tbk serta berbagai macam produk-produknya, yang dapat tersaji dengan lengkap serta diolah lebih menarik menjadi media interaktif yang dilengkapi dengan animasi.
19
3.4
Merancang Konsep
a.
Mengumpulkan data secara lengkap dari perusahaan
b.
Mengolah data dan mengelompokkan data
c.
Mempersiapkan dan memilih sofware yang akan digunakan
d.
Membuat rancangan dan desain aplikasi
e.
Membuat aplikasi dan animasi aplikasi
f.
Memasukkan semua data ke dalam aplikasi menurut kelompoknya
g.
Koreksi aplikasi dan mencoba aplikasi apakah masih ada kesalahan atau tidak
h.
Selesai.
3.5
Perancangan Flowchart
Mulai
Tampillkan layar intro
Tampilkan menu utama
Keluar
Gambar 3.1 Perancangan Flowchart 3.6
Perancangan Struktur Navigasi Hirarki Penentuan struktur navigasi
merupakan proses
terpenting dalam
pembuatan suatu aplikasi . Struktur navigasi yang digunakan pada perancangan ini adalah navigasi hirarki, yang mengandalkan percabangan untuk menampilkan daruta atau gambar pada layer dengan kriteria tertentu. Tampilan pada menu utama disebut master page (halaman utama satu) halaman tersebut mempunyai halaman percabangan yang disebut slave page (halaman pendukung) dan jika
20
dipilh akan menjadi halaman kedua , begitu seterusnya. Adapun gambar dari struktur navigasinya adalah sebagai berikut :
INTRO
MENU UTAMA
TENTANG KAMI
PRODUK
KELUAR
GALERI
MANAGEMEN
KONTAK KAMI
Gambar 3.2 Struktur Navigasi Hirarki 3.7
Perancangan Storyboard Untuk memudahkan perancangan tampilan menu – menunya, maka dibuat
pula alur cerita (storyboard) seperti dibawah ini : LOGO PERUSAHAAN SRITEX
T E X T
NEXT Audio
LOGO PERUSAHAAN SRITEX
JAM, HARI TANGGAL
LOGO PERUSAHAAN SRITEX
Keluar
Keluar
Keluar MENU UTAMA MENU UTAMA
MENU UTAMA Text animasi Iya
Tidak
Audio
LOGO PERUSAHAAN SRITEX
home
JAM, HARI TANGGAL
LOGO PERUSAHAAN SRITEX
JAM, HARI TANGGAL
MENU UTAMA Produk
home
T E X T
TEXT ANIMASI
MENU UTAMA Sejarah perusahaan
home
T E X T
JAM, HARI TANGGAL
Keluar
JAM, HARI TANGGAL
Keluar
LOGO PERUSAHAAN SRITEX
T E X T
MENU UTAMA Galeri
Audio
home
JAM, HARI TANGGAL
Keluar
LOGO PERUSAHAAN SRITEX
T E X T
MENU UTAMA Managemen
Audio
Gambar 3.3 Storyboard
home
JAM, HARI TANGGAL
Keluar
MENU UTAMA Kontak kami
Audio
21
3.8
Perancangan Interface Desain antarmuka ini mutlak harus dilakukan pada proses pembuatan
aplikasi multimedia. Antarrmuka adalah badian dari program yang berhubungan langsung dengan pemakai, yaitu segala sesuatu yang muncul pada layar (screen). Desain antarmuka bertujuan agar aplikasiyang dihasilkan lebih terlihat sederhana, mudah digunakan dan menarik. Desain antarmuka pada pembuatan aplikasi company profile ini sebagai berikut : 3.8.1
Halaman Intro Halaman ini berisi gambar atau foto foto perusahaan sritex dan kemudian
ada tombol untuk memulai halaman berikutnya.
TEXT ANIMASI
NEXT
Gambar 3.4 Halaman Intro 3.8.2
Halaman Menu Utama Halaman utama adalah halaman yang berisi tentang halaman utama sritex
dan juga berisi tombol tombol dengan tombol no 1 yaitu tombol untuk menuju ke halaman tentang kami yaitu tentang sejarah sritex, visi misi sritex, prestasi sritex, penghargaan sritex. Tombol no 2 yaitu tombol untuk menuju ke halaman produk sritex yaitu produk sritex, textile dan garment. Tombol no 3 yaitu untuk menuju ke halaman galeri yaitu foto foto di perusahaan sritex, video profile sritex dan recor muri sritex. Tombol no 4 yaitu menuju ke halaman managemen yaitu strategi- strategi perusahaan sritex agar menjadi sebuah perusahaan yang terbaik, dan laporan laporan keuangan sritex agar konsumen tahu laporan keuangan sritex. Tombol 5 yaitu menuju ke halaman kontak kami yang berisi no.telp perusahaan sritex, alamat sritex, email sritex. Tombol no 6 yaitu audio untuk backsound
22
halaman. Dan juga ada logo perusahaan, jam, hari tanggal dan juga tombol keluar untuk keluar dari program JAM, HARI TANGGAL
LOGO PERUSAHAAN SRITEX
1
2
3
4
Keluar 5
MENU UTAMA MENU UTAMA
6
Gambar 3.5 Halaman Menu Utama 3.8.3 Halaman Tentang Kami Halaman ini berisi tentang halaman tentang kami dengan tombol 1 yaitu sejarah menuju ke halaman sejarah, tombol 2 yaitu visi dan misi menuju ke halaman visi misi.tombol 3 yaitu prestasi menuju ke halaman prestasi ,tombol 4 yaitu
penghargaan meuju ke halaman penghargaan . Dan juga ada logo
perusahaan, jam, hari tanggal,tombol home untuk menuju ke halaman utama dan tombol keluar untuk keluar dari program. JAM, HARI TANGGAL
LOGO PERUSAHAAN SRITEX
T E X T home
1
Keluar 2
3
4
MENU UTAMA Tentang kami
Audio
Gambar 3.6 Halaman Tentang Kami
23
3.8.4 Halaman Produk Halaman ini berisi tentang halaman produk sritex yaitu tombol produk untuk mengetahui produk sritex yaitu fashion dan uniform. Tombol textile yaitu divisi textile yang terdiri dari pemintalan, penenunan dan pencelupan, percetakan dan penyelesaian. Tombol garment yaitu terdiri dari fashion dan uniform .Dan juga ada logo perusahaan, jam, hari tanggal,tombol home untuk menuju ke halaman utama dan tombol keluar untuk keluar dari program. JAM, HARI TANGGAL
LOGO PERUSAHAAN SRITEX
T E X T home
Produk
Keluar Textile Garment
MENU UTAMA Produk
Audio
Gambar 3.7 Halaman Produk 3.8.5 Halaman Galeri Halaman ini berisi tentang halaman tombol foto yaitu menuju ke halaman beberapa foto tentang sritex. Tombol video yaitu untuk menuju ke halaman video tentang sritex. Tombol suported yaitu untuk menuju ke halaman pendukung sritex dan recor muri sritex. Dan juga ada logo perusahaan, jam, hari tanggal,tombol home untuk menuju ke halaman utama dan tombol keluar untuk keluar dari program.
24
JAM, HARI TANGGAL
LOGO PERUSAHAAN SRITEX
Foto
T E X T
Keluar Video
Suported
MENU UTAMA Galeri
home
Audio
Gambar 3.8 Halaman Galeri 3.8.6 Halaman Managemen Halaman ini berisi tentang halaman managemen strategi sritex yaitu tombol strategi yaitu untuk menuju ke halaman strategi strategi perusahaan sritex untuk menjadi perusahaan textile tebaik dan terbesar di dunia. Tombol laporan keuangan yaitu untuk menuju ke halaman laporan keuangan sritex. Dan juga ada logo perusahaan, jam, hari tanggal,tombol home untuk menuju ke halaman utama dan tombol keluar untuk keluar dari program. JAM, HARI TANGGAL
LOGO PERUSAHAAN SRITEX
T E X T
Strategi
home
Keluar Laporan keuangan
MENU UTAMA Managemen
Audio
Gambar 3.9 Halaman Managemen 3.8.7 Halaman Kontak Kami Halaman ini berisi tentang halaman kontak kami yaitu tombol No telepon yaitu menuju ke halaman no telpon perusahaan sritex. Tombol alamat yaitu
25
menuju ke alamat perusahaan sritex. Tombol email yaitu menuju ke halaman email perusahaan sritex. Dan juga ada logo perusahaan, jam, hari tanggal,tombol home untuk menuju ke halaman utama dan tombol keluar untuk keluar dari program. JAM, HARI TANGGAL
LOGO PERUSAHAAN SRITEX
Keluar
No.telp
T E X T
Alamat
Email
MENU UTAMA Kontak kami
home
Audio
Gambar 3.10 Halaman Kontak Kami 3.8.8 Halaman Keluar Halaman ini berisi tentang tombol keluar yaitu menuju ke halaman keluar yaitu tombol iya untuk keluar dari progarma dan tombol tidak yaitu menuju ke halaman kembali ke menu utama. Dan juga ada logo perusahaan, jam, hari tanggal,tombol home untuk menuju ke halaman utama dan tombol keluar untuk keluar dari program. JAM, HARI TANGGAL
LOGO PERUSAHAAN SRITEX
Keluar
MENU UTAMA Text animasi Iya
Tidak Audio
Gambar 3.11 Halaman Keluar