PEMBUATAN APLIKASI KATALOG BUKU BERBASIS ...repository.amikom.ac.id/files/Publikasi_07.11.1802.pdfmenampilkan informasi data teks, data gam bar diam atau gerak, data animasi, suara,

PEMBUATAN APLIKASI KATALOG BUKU BERBASIS APLIKASI MULTIMEDIA DI TOKO BUKU TOGAMAS (Studi Kasus : TOKO BUKU TOGAMAS)

NASKAH PUBLIKASI

diajukan oleh

Yoga Widra Marfieza 07.11.1802

kepada JURUSAN TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM

YOGYAKARTA 2011

MAKING APPLICATION BOOK CATALOG BASED MULTIMEDIA APPLICATION IN BOOK STORE TOGAMAS

(Case Study : BOOK STORE TOGAMAS )

PEMBUATAN APLIKASI KATALOG BUKU BERBASIS APLIKASI MULTIMEDIA DI TOKO BUKU TOGAMAS

(Studi Kasus : Toko Buku Togamas Yogyakarta)

Yoga Widra Marfieza Jurusan Teknik Informatika

STMIK AMIKOM YOGYAKARTA

ABSTRACT

Multimedia can now be used as a medium of information, media information for an enterprise, and media information in explaining science.

Integration between applications with adobe flash MySql able to make a dynamic multimedia, which means the information submitted can be updated without having to replace the raw file. Multimedia applications on a computer catalog of books made for people who want to easily search for some kind of computer books in the market as a reference.

From the results it can be concluded that in this application the user can obtain information regarding the name and specification of computer books computer books, users can also obtain an application in how to manufacture an application with ease and also presented the various steps and drawings that simplify manufacture. The software will be used to make these applications is Adobe Flash and MySql database server and PHP to create the admin interface. Keywords : Multimedia, MySql , Media information, Flash, Dynamic multimedia.

1. Pendahuluan

Perkembangan teknologi informasi sangat pesat dan menghasilkan inovasi-inovasi

baru seiring dengan perkembangan pola pikir manusia yang senantiasa terus berubah ke

arah yang lebih baik. Salah satu perkembangan yang sangat pesat ini adalah teknologi

informasi dan komputer khususnya multimedia. Multimedia saat ini dapat digunakan

sebagai media informasi, media informasi bagi suatu perusahaan, dan media informasi

dalam menjelaskan ilmu pengetahuan.

Katalog produk pada suatu perusahaan sangat penting, katalog produk dapat

berupa website maupun sistem informasi berbasis multimedia. Perkembangan aplikasi

multimedia saat ini sudah mengarah pada multimedia yang bersifat dinamis. Integrasi

antara aplikasi Adobe Flash dengan MySql mampu membuat multimedia menjadi dinamis

yang berarti informasi yang disampaikan dapat di update tanpa harus mengganti file

mentahnya..

Berdasarakan uraian sebelumnya maka dibuat katalog produk berupa buku berbasis

Aplikasi Multimedia, dan skripsi dengan judul “Pembuatan Aplikasi Katalog Buku

Berbasis Aplikasi Multimedia di Toko Buku Togamas”.

2. Landasan Teori

3.1.1 Konsep Dasar Multimedia

Multimedia media penyampaian dengan mengunakan banyak media seperti

text, gambar, animasi, video, suara, dan lain-lain. Komponen‐komponen multimedia

dirancang dari komponen‐komponen tersebut yang menghasilkan sebuah karya

multimedia. Multimedia Interaktif adalah media yang terdiri dari banyak

komponen/media yang saling terintegrasi yang mampu untuk berinteraksi dengan

penggunanya. Contoh multimedia interaktif adalah multimedia pembelajaran interaktif,

aplikasi game, dan lain-lain.1

Multimedia oleh Ariesto Hadi Sutopo, diartikan sebagai kombinasi dari macam-

macam objek multimedia, yaitu teks, image, animasi, audio, video dan link interaktif untuk

menyajikan informasi. Setiap objek multimedia memerlukan cara penanganan tersendiri,

dalam hal kompresi data, penyimpanan, dan pengambilan kembali untuk digunakan.2

Dan dapat dikatakan multimedia adalah multimedia meru-pakan perpaduan

antara berbagai media (format file) yang berupa teks, gambar (vektor atau bitmap), grafik,

1http://fadacute.wordpress.com/2010/01/04/multimedia-pembelajaran-dan-aplikasinya/ diakses 23 february 2011 2 Ariesto Hadi S. Multimedia Interaktif Dgn Flash+Cd , Yogyakarta: Graha Ilmu, 2003. Hal 196

sound, animasi, video, interaksi, dan lain-lain. yang telah dikemas menjadi file digital

(komputerisasi), digunakan untuk menyampaikan pesan kepada publik.3

2.1. Konsep Pengembangan Multimedia

Aplikasi multimedia sering bernilai strategis atau mempunyai kemampuan untuk

meningkatkan keunggulan bersaing sehingga mempunyai kelayakan strategis. Langkah-

langkah khusus yang perlu diperhatikan dalam mengembangkan sistem multimedia,

diantaranya :4

• Identifikasikan Masalah

• Perancangan

• Memproduksi Sistem

• Pengujian Sistem

• Penggunaan Sistem

• Pemeliharaan Sistem

.

2.2. Konsep Dasar Multimedia Dinamis Merupakan Multimedia yang disajikan dan didesain untuk penggunaan yang dapat

berulang-ulang dengan mengupdate isi mau pun desain tata letak dari suatu media.

Media ini bisa dalam berbasis web yang diperpadukan dengan pemrograman database

berbasis web server atau bisa juga dalam bentuk media KIOSK (Kiosk merupakan pusat

informasi yang interaktif). Cara kerja multimedia dinamis/berbasis client server, yaitu

pelanggan/user dan admin dapat saling akses data berbasis client server. Pada admin

memiliki kelebihan yaitu dapat meinputkan data, Update data, dan delete data yang

menghasilkan output berupa KIOSK informasi. Sedangkan pada pelanggan maupun

penggunaannya hanya dapat menampilkan data yang dicari.

2.3. Konsep Dasar Website

Website atau situs juga dapat diartikan sebagai kumpulan halaman yang

menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara,

video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang

membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing

dihubungkan dengan jaringan-jaringan halaman (hyperlink). . Unsur-unsur yang harus

ada dalam penyediaan Website atau situs di antaranya sebagai berikut :

3 Suyanto, M. MULTIMEDIA Alat untuk Meningkatkan Keunggulan Bersaing ,Yogyakarta: Penerbit ANDI. 2003. Hal 20-21 4 Reymond, McLeod Jr, Sistem Informasi Manajemen II . PT Prenhalindo: Jakarta, 1996. hal. 139.

1. Nama Domain (Domain name / URL –Uniform Resource Locator)

Alamat unik di dalam dunia maya (internet) yang berguna untuk menemukan

sebuah website. Umumnya URL ini di perjualbelikan dengan sistem sewa tahunan. Dan

biasanya di belakang URL ini mepunyai akhiran sesuai dengan lokasi dan kepentingan

atas di buatnya website tersebut. Contohnya: .co.id

2. Rumah Tempat Website (Web Hosting)

Web Hosting merupakan ruangan yang terdapat dalam harddisk sebagai tempat

penyimpanan data, file, video, email, database,dan lain-lain yang nantinya akan

ditampilkan di dalam website tersebut.

3. Bahasa Program (Scripts Program)

Bahasa Program mrupakan bahasa yang digunakan untuk menterjemahkan

setiap perintah pada saat website tersebut sedang dijalankan.contoh dari bahasa

program, yakni HTML, PHP, Java Script, XML, JSP, dan lain-lain.

4. Desain Website

Pendesainan website merupakan hal yang penting. Faktor userfriendly harus

diterapkan dalam pembuatan desain sebuah website. Membuat pemakai website merasa

nyaman dan mudah dalam penggunaannya membuat pemakai website akan terus

mengunjunginya.

5. Program Transfer Data ke Pusat Data

FTP (File Transfer Protocol) merupakan akses yang diberikan pada saat kit

memesan web hosting, FTP berguna untuk memindahkan file-file website yang ada pada

komputer kita ke pusat web hosting agar dapat terakses ke seluruh dunia.5

2.4. Konsep Dasar Basis Data

Basis data adalah kumpulan data yang dihubungkan secara bersama–sama, dan

gambaran dari data yang dirancang untuk memenuhi kebutuhan informasi dari suatu

organisasi atau perusahaan. Dalam basis data terdapat istilah – istilah yang sering

digunakan, antara lain :

a) Attribut

b) Data Value

c) File

d) Record

5 http://www.anneahira.com/pengertian-website.htm diakses 25 february 2011

2.5. Perangkat Lunak Yang di Gunakan

• Adobe Flash CS 3 Profesional

• WampServer

• Adobe Photoshop CS 3

3. Analisis dan Perancangan 3.1. Tinjauan Umum

Toko buku diskon Togamas Yogyakarta sendiri berdiri pada tanggal 9 September

1999. Berlokasi di Jalan Affandi No. 5 Condongcatur, Sleman, Yogyakarta (Togamas

Affandi). Toko Buku Diskon Togamas dikemas sebagai toko buku yang menerapkan

diskon pada semua jenis buku yang dijual. Pemilihan positioning sebagai ‘Toko buku

diskon’ dan ‘toko bukunya mahasiswa’, bahkan berani memberikan jaminan “diskon

seumur hidup”, ternyata mendapat sambutan yang baik dari masyarakat. Hal ini

mengindikasikan bahwa menghadirkan buku murah tapi berkualitas bagus adalah sesuai

dengan keinginan masyarakat.

3.2. Analisis Sistem

Dalam analisis, mengidentifikasikan masalah merupakan tahap awal yang harus

dilakukan. Masalah dapat didefinisikan sebagai suatu hal yang menghambat proses

untuk mencapai suatu tujuan. Permasalahan yang ada harus ditindaklanjuti untuk

ditemukan pemecahannya sebagai suatu alternatif agar suatu sistem dapat berjalan

sesuai dengan apa yang diharapkan dan tujuan sistem dapat tercapai. Analisis yang

dilakukan dalam penelitian skripsi ini yaitu :

• Analisis Kelemahan Sistem (Menggunakan analisis SWOT)

• Analisis Kebutuhan Sistem

• Analisis Kelayakan Sistem

3.3. Perancangan Sistem

Setelah tahap analisis sistem lama selesai dilakukan dan mendapat kesimpulan

bahwa sistem lama masih terdapat kelemahan-kelemahan, maka diperlukan

pembangunan sistem baru yang sebelumnya telah dilakukan analisis – analisis

kelayakan terhadap sistem yang baru dan dinyatakan layak untuk diterapkan, maka

tahap selanjutnya adalah tahap perancangan sistem. Perancangan sistem secara umum

merupakan tahap persiapan dan perancangan secara rinci. Adapun langkah-langkah

yang harus diperhatikan dalam perancangan sebuah sistem yaitu perancangan proses

penyimpanan database dan perancangan form.

1. Normalisasi

Fungsi Normalisasi sendiri adalah untuk mengelompokan data menjadi table-

tabel yang hasilnya dapat menunjukan entity dan relasinya.

Berikut bentuk-bentuk normalisasi yang digunakan :

a) Bentuk Tidak Normal

Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada

keharusan mengikuti format terntentu, dapat saja tidak lengkap dan terduplikasi.

Data dikumpulkan apa adanya sesuai keadaannya. Berikut adalah tabel bentuk

tidak normal :

Gambar 3.1 Tabel Bentuk Tidak Normal

b) Normalisasi Bentuk Pertama

Normalisasi pertama bertujuan untuk menghilangkan data yang memiliki banyak nilai (multiple value). Jika ada data yang memiliki

banyak nilai, maka data tersebut dibuatkan tabelnya. Berikut adalah tabel hasil normalisasi :

Gambar 3.2 Tabel Bentuk Normal

Relasi Antar Tabel

Relasi Antar Tabel adalah bagan yang menggambarkan hubungan antar tabel satu

dengan tabel yang lain sehingga membentuk Basis Data. Adapun Relasi Antar Tabel

Buku dan Tabel Kategori pada Toko Buku Diskon Togamas sebagai berikut:

Gambar 3.3 Relasi Antar Tabel

Relasi Antar Tabel diatas menggambarkan bahwa :

Tabel Buku memiliki hubungan one to one pada tabel kategori artinya satu buku

memiliki satu kategori.

4. Pembahasan

4.1. Pembahasan Basis Data

Implementasi basis data meliputi penentuan tipe data pada masing-masing field

sekaligus pembuatan daripada database tersebut, berikut adalah implementasi dari

database yang telah direncanakan. Database yang digunakan untuk website admin ini

bernama togamas, terdiri dari 2 tabel dan dibuat dengan PHPmyadmin.

4.2. Koneksi PHP dengan MySql

Setelah selesai membuat database, maka dibutuhkan suatu proses untuk

terkoneksinya database ke aplikasi agar bisa berjalan sesuai dengan keinginan. Script

untuk koneksi diletakkan pada kelas dasar yang akan dipanggil melalui fungsi yang

diletakkan pada modul global. Berikut script yang dipakai dalam konektifitas ke database.

<?php

mysql_connect("localhost","root","");

mysql_select_db("togamas");

?>

4.3. Membuat File Exe

Adobe Flash CS3 merupakan salah satu software yang file hasilnya dapat

dikompile menjadi file exe. Adapun caranya sebagai berikut :

1) Pilih menu File – Publish Setting.

2) Setelah tampil seperti gambar dibawah ini jangan lupa mencentang windows

project (exe), setelah itu klik publish lalu klik OK.

Gambar 4.1Tampilan publish setting

4.4. Pembahasan Interface

4.4.1. Halaman Administrator

1) Login

Halaman login berfungsi untk mengakses halaman admin, admin harus

menginputkan username dan password.

Gambar 4.2 Halaman Login

2) Buku

Berguna untuk memasukkan data-data buku yang akan diinputkan.

Gambar 4.3 Halaman Buku

3) Kategori Berguna untuk mengedit kategori buku yang telah diinputkan.

Gambar 4.3 Halaman Kategori

4.5. Halaman User

• Menu Utama

Gambar 4.4 Tampilan Menu Utama

Keterangan :

a. Terdapat menu kategori dan bantuan.

b. Tombol Kategori,untuk memasuki halaman pencarian dan tombol bantuan

berfungsi untuk petunjuk penggunaan aplikasi.

• Menu Kategori

Gambar 4.1 Tampilan Menu Kategori

Keterangan :

1. Pada menu kategori, terdapat menu untuk mencari buku berdasarkan

kategori, judul, pengarang, penerbit. 2. Tombol cari, berfungsi untuk melihat hasil pencarian yang telah diinputkan.

• Katalog / Hasil Pencarian

Gambar 4.6 Tampilan Hasil Pencarian

Keterangan :

a) Terdapat tombol next dan prev, yang berfungsi untuk melihat hasil

pencarian selanjutnya maupun hasil pencarian sebelumnya.

b) Tombol Kembali, yang berfungsi ke menu katalog.

c) Adanya gambar buku.

4.6. Uji Coba Program

Uji coba program yang dilakukan yaitu uji coba black box, :

• Pengetesan Black Box

Pengetesan ini dapat dilakukan untuk interface perangkat lunak. Tujuan test case

ini untuk menunjukkan fungsi perangkat lunak tentang cara beroperasi. Cara

pengujiannya adalah menguji kesesuaian struktur link/menu dengan menekan tombol

dan melihat hasilnya langsung. Test data harus disiapkan secara hati-hati. Kajian

hasil test dan koreksi yang dibuat dalam (sistem) aplikasi multimedia. Pengetesan

pada perkembangan sistem multimedia dapat dipecahkan dalam 3 aktivitas yaitu unit

sistem dan pengetesan.

4.7. Cara Menggunakan Sistem

1) Admin

Langkah-langkah pengoperasian admin sebagai berikut :

1. Hidupkan computer server, dan aktifkan program xampp

2. Lalu buka browser dan ketik http://localhost/togamas.

3. Masukkan username : admin dan password : admin.

4. Maka akan masuk ke halaman admin, untuk menambah data buku, edit, dan

delete.

2) Client

Client bisa langsung menggunakan aplikasi, karena aplikasi telah jalan dan

tinggal menggunakan untuk pencarian. Dan juga bisa menanyakan langsung pada

karyawan togamas yang ada, dengan menggunakan langkah-langkah ini sebagai

berikut :

a. Hidupkan computer

b. Klik file togamas.exe

c. Setelah itu maka akan tampil intro, dan langsung masuk ke menu utama.

5. Kesimpulan

Setelah diuraikan dan dibahas pada bab-bab sebelumnya, mulai dari pengajuan

beberapa masalah sehingga mencapai tahap pembahasan yang penyusun lakukan

dalam penyusunan skripsi, maka dapat diambil beberapa kesimpulan yaitu :

1. Tahap-tahap pembuatan katalog produk berupa buku yang berbasis aplikasi

multimedia berarsitektur client server yaitu dengan cara pengumpulan data

buku kemudian, data tersebut diolah dan dikelompokkan menjadi bentuk table

dalam suatu basis data. Kemudian tahap selanjutnya yaitu membuat web untuk

mempermudah admin dalam pengolahan data dan membuat aplikasi

multimedia yang berfungsi untuk menampilkan data.

2. Integrasi antara aplikasi Adobe Flash dengan MySql mampu membuat

multimedia menjadi dinamis, yang berarti informasi yang disampaikan dapat

berubah-ubah tanpa harus mengganti file mentahnya.

DAFTAR PUSTAKA

Ariesto Hadi S. 2003 . Multimedia Interaktif Dgn Flash+Cd. Graha Ilmu. Yogyakarta.

Reymond, McLeod Jr. 1996. Sistem Informasi Manajemen II. PT Prenhalindo. Jakarta.

Suyanto, M. 2003. MULTIMEDIA Alat untuk Meningkatkan Keunggulan Bersaing.

Penerbit ANDI. Yogyakarta.

http://www.anneahira.com/pengertian-website.htm diakses 25 february 2011

http://fadacute.wordpress.com/2010/01/04/multimedia-pembelajaran-dan-aplikasinya/

diakses 23 february 2011.