Pembuatan Simulasi Brosur Digital Untuk Reservasi Tempat Menggunakan Ponsel.

(1)

Universitas Kristen Maranatha i

ABSTRAK

Saat ini ponsel merupakan salah satu alat yang diharapkan dapat memberikan kemudahan dan dapat menunjang aktivitas sehari-hari bagi pemakainya. Untuk itu dibutuhkan beberapa aplikasi-aplikasi yang dapat diterapkan pada ponsel. Dalam membuat aplikasi-aplikasi di dalam handphone tentu tidaklah mudah dan membutuhkan perealisasian. Macromedia Flash Professional 8 merupakan salah satu software yang memiliki fitur baru yang dapat membantu untuk mengembangkan

berbagai aplikasi yang diterapkan pada ponsel, yaitu Flash Lite.

Hal-hal yang harus dilakukan dalam perancangan simulasi brosur digital adalah membuat animasi untuk tampilan restaurant dan melakukan koneksi ke server untuk reservasi tempat. Untuk melakukan koneksi ke server tersebut dibutuhkan suatu software yang dapat membantu dalam perancangan database. Software yang digunakan adalah PHP Triad yang terdiri dari Apache sebagai web server, PHP sebagai web programming dan MYSQL sebagai web database.

(2)

Universitas Kristen Maranatha ii

ABSTRACT

In this time ponsel is one of devices that expected can give amenity and support activities for users. That required some applicationswhich can be applied in ponsel. To make some applications in ponsel of course is not easy and require realization. Macromedia Flash Professional 8 is one of softwares owning new fitur which can help to develop various of applications toapplied at ponsel that is Flash Lite.

The things which must be done in scheme simulation of digital brochure is make animation for appearance of restaurant and do conection to server for reservations. To do conection to server needs a software which can assist in database

scheme. The Software used PHP Triad consist of Apache as web server, PHP as web of programming and MYSQL as web database.

(3)

Universitas Kristen Maranatha iii

DAFTAR ISI

Halaman LEMBAR PENGESAHAN

SURAT PERNYATAAN

ABSTRAK _{………. i}

ABSTRACT _{………. ii}

KATA PENGANTAR _{………. iii}

DAFTAR ISI _{……… v}

DAFTAR GAMBAR _{……….. viii}

BAB I PENDAHULUAN 1.1 LATAR BELAKANG ……… 1

1.2 IDENTIFIKASI MASALAH ………. 2

1.3 TUJUAN ……… 2

1.4 PEMBATASAN MASALAH ……… 2

1.5 SISTEMATIKA PEMBAHASAN ………. 3

BAB II LANDASAN TEORI 2.1 MACROMEDIA FLASH 8 …………... 5

(4)

Universitas Kristen Maranatha iv

2.1.2 ACTION SCRIPT ……….. 13

2.2 KEY HANDPHONE YANG DIDUKUNG FLASHLITE PLAYER ………. 18

2.3 PHP TRIAD ……… 20

2.3.1 APACHE ……… 21

2.3.2 PHP ………. 21

2.3.3 MYSQL ……….. 23

BAB III PERANCANGAN DAN SIMULASI 3.1 PERANCANGAN SIMULASI ………. 28

3.2 DIAGRAM ALIR (FLOWCHART) BROSUR DIGITAL ……… 29

3.3 LANGKAH PEMBUATAN BROSUR DIGITAL ……… 31

BAB IV PERCOBAAN DAN ANALISA 4.1 PENGUJIAN TAMPILAN SIMULASI ………. 56

4.2 PENGUJIAN FORM ………. 61

4.3 ANALISA ……….. 66

BAB V KESIMPULAN DAN SARAN 5.1 KESIMPULAN ……….. 67

(5)

Universitas Kristen Maranatha v

DAFTAR PUSTAKA _{……….. 70}

LAMPIRAN

(6)

Universitas Kristen Maranatha vi

DAFTAR GAMBAR

Gambar 2.1 Ukuran default yang diatur melalui property………. 7

Gambar 2.2 Kotak tool untuk menggambar atau memilih objek………... 8

Gambar 2.3 Bagian-bagian dari timeline………...11

Gambar 2.4 Panel action………13

Gambar 2.5 Tiga macam key yang umum pada handphone………..19

Gambar 2.6 Tampilan utama PHPMyAdmin……….24

Gambar 2.7 Tampilan untuk membuat tabel pada PHPMyAdmin……… 25

Gambar 2.8 Tampilan tabel………25

Gambar 3.1 Blok diagram secara umum brosur digital………. 27

Gambar 3.2 Diagram alir (flowchart) brosur digital……….. 29

Gambar 3.3 Kotak dialog new document………... 30

Gambar 3.4 Pilihan untuk membuat aplikasi handphone……….. 31

Gambar 3.5 Layer-layer untuk specials button………..32

Gambar 3.6 Pengisian field pada flashlite………. 47

Gambar 3.7 Pengisian field pada flashlite 2……….. 54

Gambar 4.1 Tampilan utama brosur digital (home)………... 57

Gambar 4.2 Tampilan utama menu makanan pada tombol specials……….. 57

Gambar 4.3 Tampilan menu pada tombol reservations………. 58

(7)

Universitas Kristen Maranatha vii

Gambar 4.5 Tampilan pada file.FLA………. 59

Gambar 4.6 Tampilan form online registration………..60

Gambar 4.7 Tampilan form delivery order……… 60

Gambar 4.8 Percobaan pertama form register………... 61

Gambar 4.9 Hasil percobaan pertama form register……….. 62

Gambar 4.10 Percobaan kedua form register………. 62

Gambar 4.11 Hasil percobaan kedua form register………... 63

Gambar 4.12 Tampilan bila semua data tidak diisi……… 63

Gambar 4.13 Percobaan pertama form delivery……… 64

Gambar 4.14 Hasil Percobaan pertama form delivery………... 64

Gambar 4.15 Percobaan kedua form delivery………... 65

Gambar 4.16 Hasil percobaan kedua form delivery……….. 65

Gambar 4.17 Tampilan isi form registrasi pada database……….. 66

(8)

LAMPIRAN A

(9)

LAMPIRAN ACTION SCRIPT

// Action script pada Special button //

on(press) {

gotoAndStop(“specials”);

}

// Action script pada Reservation button //

on (press) {

gotoAndStop(“reservations”);

}

// Layer action script pada frame pertama //

stop ( );

_focusRect = false;

fscommand2 (“resetsoftkeys”);

fscommand2 (“setquality”,”high”);

// Frame ke 10 layer action script //

title = "Whole Pomfret Fish";

description = "Whole Pomfret Fish with Chilli, Garlic, and Basil";

fscommand2("SetSoftKeys","Home","Next");

stop();

(10)

title = "Crab";

description = "Singapore Black Pepper Crab";

stop();

title = "Roasted Filet Mignon";

description = "A roasted filet mignon with bernaise sauce";

stop();

title = "Chicken Sui Mai";

description = "Thin steamed chicken dumplings";

stop();

title = "Mee Goreng";

description = "A stir-fried noodle dish popular in Singapore";

stop();

gotoAndStop("specials");

// Action script pada key catcher button //

on(keyPress "<PageDown>"){

(11)

play();

}

on(keyPress "<PageUp>"){

gotoAndStop("home");

}

// Action script pada reservation button diubah//

on (press) {

play ( );

}

// Action script pada key catcher button diubah //

on (keyPress “<PageUp>”) {

gotoAnd Stop (“home”);

}

// Frame ke 61 layer Actions //

fscommand2(“SetSoftKeys”, “Home”, “Next”);

fscommand2 (“SetSoftKeys”, “Home”, “Next”);

stop ( );

// Action script pada reservation button diubah //

on (press) {

(12)

gotoAndStop(“reservations”);

}

// Action script pada call button //

on (press) {

getURL(“tel : 022-6042046”);

}

// Action script pada register button //

on (press) {

gotoAndStop(“register”);

}

// Action script pada delivery button //

on (press) {

gotoAndStop(“delivery”);

}

// Action script frame 70 layer key catcher //

on (keyPress “<PageUp>”) {

gotoAndPlay(62);

}

// frame 70 layer ActionScript //

stop ( );

_focusRect = true;

(13)

// Action script pada Click Now button //

on(press){

psn = 0;

msg = "";

if(uname eq ""){

psn = 1;

msg = "please register your name";

}

if(uphone eq ""){

psn = 1;

msg = msg add newline add "please register your phone no";

}

// file acc. PHP //

<?

$seatno=rand(1,100);

$conn = mysql_connect('localhost','','');

$db = mysql_select_db('flashlite',$conn);

$sql = "Insert into registration

value('','$uname','$uphone',$seatno)";

mysql_query($sql);

?>

(14)

// file register.php //

<?

$db = mysql_select_db('flashlite',$conn);

$sql = "Select seatno from registration where

uname='$uname' and uphone='$uphone'

order by id desc limit 1";

$q = mysql_query($sql);

$r = mysql_fetch_array($q);

?>

if(uname eq ""){

psn = 1;

}

if(uphone eq ""){

psn = 1;

(15)

}

if(psn <> 1){

urlPath =

"http://localhost/FlashLite/acc.php";

getURL(urlPath, "POST");

}

if(uname eq ""){

psn = 1;

}

if(uphone eq ""){

psn = 1;

}

if(psn <> 1){

(16)

urlPath =

"http://localhost/FlashLite/registeronline.php";

loadVariables(urlPath, "mySeat");

msg = "Thank You for reservations, We'll call you soon for confirmation";

}

// frame 80 layer ActionScript //

stop();

_focusRect = true;

// Order button //

gin = "please register your name";

}

(17)

if(utelepon eq "") {

psn = 1;

gin = gin add newline add "please register your phone no.";

}

if(ualamat eq "") {

psn = 1;

gin = gin add newline add "please register your address";

}

if(psn <> 1) {

urlPath =

"http://localhost/flashlite 2/pesan.php";

getURL(urlPath,"POST");

}

// Confirm button //

on(release) {

psn = 0;

gin = "";

if(unama eq "") {

psn = 1;

(18)

gin = "please register your name";

}

if(utelepon eq "") {

psn = 1;

gin = gin add newline add "please register your phone no.";

}

if(ualamat eq "") {

psn = 1;

gin = gin add newline add "please register your address";

}

if(psn <> 1) {

urlPath =

"http://localhost/flashlite 2/deliveryorder.php";

gin = "Thank you, We'll call you soon for confirmation.";

}

// deliveryorder.PHP //

<?

$db = mysql_select_db('flaslite 2',$conn);

$sql = "insert into delivery

(19)

value('','$unama','$utelepon','$ualamat','$pesan')";

mysql_query($sql);

?>

// pesan.PHP //

<?

$conn = mysql_connect('flashlite',$conn);

$db = mysql_select_db('flashlite 2',$conn);

$sql = "Select pesan from delivery where

unama = '$unama' utelepon = '$utelepon' and ualamat = '$ualamat'

order by id desc limit 1";

$q = mysql_query($sql);

$r = mysql_fetch_array($q);?>

(20)

Bab I Pendahuluan

Universitas Kristen Maranatha ₁

BAB I

PENDAHULUAN

Pada bab ini akan dibahas mengenai latar belakang, identifikasi masalah,

tujuan, pembatasan masalah, spesifikasi alat dan sistematika pembahasan tugas

akhir.

1.1 Latar

Belakang

Perkembangan teknologi saat ini berkembang dengan sangat pesat.

Perkembangan teknologi tersebut ditandai dengan semakin canggihnya peralatan

yang digunakan. Banyak sekali kemudahan-kemudahan yang di dapat dari adanya

perkembangan teknologi tersebut, salah satunya adalah ponsel. Ponsel merupakan

alat yang sangat penting dan dituntut untuk dapat mendukung segala macam

aktivitas dalam kehidupan sehari-hari, oleh karena itu di dalam ponsel dibutuhkan

aplikasi-aplikasi. Maka tidak dapat dipungkiri bahwa saat ini mobile application

memegang peranan yang penting terutama untuk personel yang mobilitasnya

tinggi.

Untuk membuat aplikasi-aplikasi di dalam ponsel tentu tidaklah mudah

dan membutuhkan perealisasian. Aplikasi-aplikasi ponsel tersebut dapat dibuat

(21)

Bab I Pendahuluan

Universitas Kristen Maranatha ₂

software Macromedia Flash. Untuk itu, dalam tugas akhir ini akan dibuat sebuah

simulasi aplikasi ponsel dengan bantuan Macromedia Flash Profesional 8.

Software ini memiliki fitur yang tidak dimiliki oleh software lainnya yaitu fitur

Flash Lite 1.1 dan device emulator dari berbagai macam merk ponsel. Sehingga,

dengan adanya fitur-fitur tersebut Macromedia Flash Professional 8 dapat

mendukung untuk mengembangkan berbagai aplikasi pada ponsel, misalnya untuk

membangun content seperti games, animasi ataupun aplikasi untuk bisnis.

1.2 Identifikasi

Masalah

Masalah yang diidentifikasi pada tugas akhir ini adalah bagaimana cara

membuat simulasi brosur digital untuk reservasi tempat menggunakan ponsel

dengan Macromedia Flash Professional 8 dan PHP Triad?

1.3 Tujuan

Tujuan dari tugas akhir adalah membuat simulasi brosur digital untuk

reservasi tempat menggunakan ponsel dengan Macromedia Flash Professional 8

dan PHP Triad.

1.4 Pembatasan Masalah

(22)

Bab I Pendahuluan

Universitas Kristen Maranatha ₃

1. Simulasi tampilan pada ponsel hanya dibuat pada komputer (tidak

dimasukkan ke dalam ponsel).

2. Program simulasi menggunakan Macromedia Flash Professional 8, dan

Flash Lite 1.1.

3. Program yang digunakan PHP versi 4.3.9.

4. Server yang digunakan APACHE versi 1.3.33.

5. Database yang digunakan adalah MY SQL versi 4.1.7 dengan

PHPMyAdmin versi 2.6.0-pl2.

6. Reservasi tempat yang dibuat untuk restaurant.

1.5 Sistematika

Pembahasan

Sistematika pembahasan laporan tugas akhir ini disusun menjadi lima bab,

yaitu:

BAB I : PENDAHULUAN

Bab ini membahas tentang latar belakang, identifikasi masalah,

tujuan, pembatasan masalah, dan sistematika pembahasan.

BAB II : LANDASAN TEORI

Bab ini membahas secara singkat mengenai Macromedia Flash

Professional 8, action script, teori dasar PHP Triad yang terdiri

dari tiga paket utama berupa Apache, PHP (Hypertext

(23)

Bab I Pendahuluan

Universitas Kristen Maranatha ₄

BAB III : PERANCANGAN DAN SIMULASI

Bab ini membahas mengenai perancangan dan cara kerja

program simulasi brosur digital untuk reservasi tempat

menggunakan Macromedia Flash Professional 8.

BAB IV : PERCOBAAN DAN ANALISA

Bab ini membahas tentang analisa dari perancangan dan

simulasi yang telah dibuat pada BAB III.

BAB V : KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan-kesimpulan serta saran-saran untuk

(24)

Bab V Kesimpulan dan Saran

Universitas Kristen Maranatha ₆₇

BAB V

KESIMPULAN DAN SARAN

Bab ini berisi tentang kesimpulan-kesimpulan serta saran-saran untuk

pengembangan lebih lanjut.

5.I KESIMPULAN

Berdasarkan hasil pengamatan dan analisa yang telah dilakukan, dapat

disimpulkan bahwa :

1. Simulasi brosur digital yang dibuat menggunakan Macromedia Flash

Professional 8 dan PHP Triad telah berhasil dibuat dan simulasi untuk

reservasi tempat berjalan dengan baik.

2. Pada percobaan yang dilakukan pada file.FLA, untuk pemesanan tempat

dengan call for reservation tidak dapat terkoneksi, sedangkan pada file.SWF dapat terkoneksi. Hal tersebut disebabkan karena Flash Lite 1.1 belum ada

(25)

Bab V Kesimpulan dan Saran

Universitas Kristen Maranatha ₆₈

5.2 SARAN

Sebagai pengembangan lebih lanjut, pembuatan simulasi brosur digital juga

dapat diaplikasikan tidak hanya sebatas simulasi tapi juga dapat diterapkan langsung

(26)

Universitas Kristen Maranatha ₆₉

DAFTAR PUSTAKA

1. “Jalan Pintas Menguasai Flash MX”, Penerbit Andi, Yogyakarta, 2003.

2. Mulyanta, Edi S, “Tutorial Tuntas Macromedia Studi MX”, Penerbit Andi,

Yogyakarta, 2003.

3. Thabrani, Suryanto, “Membuat Aplikasi untuk Ponsel dan Web dengan Flash

Professional 8”, Penerbit Elex Media Komputindo, Jakarta 2006.

4. Wahyono, Teguh, “PHP Triad Fundamental”, Penerbit Gava Media,

Yogyakarta, 2005.

5. Wijaya, Marvin Chandra, “Modul Pemograman Web”, 2005.

6. www.google.com/flash8