APLIKASI KURSUS MEMASAK MASAKAN TRADISIONAL INDONESIA BERBASIS J2ME

commit to user

i

APLIKASI KURSUS MEMASAK MASAKAN TRADISIONAL INDONESIA BERBASIS J2ME

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika

Diajukan oleh :

APRILIANA SUCI WULANDARI

NIM. M3108074

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

commit to user

ii

HALAMAN PERSETUJUAN

APLIKASI KURSUS MEMASAK MASAKAN TRADISIONAL INDONESIA BERBASIS J2ME

Disusun oleh

APRILIANA SUCI WULANDARI NIM. M3108074

Tugas akhir ini telah disetujui untuk dipertahankan Di hadapan dewan penguji

Pada tanggal 22 Juni 2011

Pembimbing

Agus Purbayu, S.Si NIDN. 0629088001

commit to user

iii

HALAMAN PENGESAHAN

APLIKASI KURSUS MEMASAK MASAKAN TRADISIONAL INDONESIA BERBASIS J2ME

Disusun Oleh:

APRILIANA SUCI W NIM. M3108074

Dibimbing oleh: Pembimbing Utama

AgusPurbayu, S.Si NIDN. 0629088001

Tugas Akhir ini telah diterima dan disahkanoleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika

pada hariSelasatanggal05 Juli 2011 Dewan Penguji

1. Penguji 1 Agus Purbayu, S.Si ( ) NIDN. 0629088001

2. Penguji 2 Muhammad Asri Safi’ie, S.Si ( ) NIDN. 0603118103

3. Penguji 3 Nanang Maulana Y, S.Si ( )

Disahkan Oleh

Dekan FMIPA UNS Ketua Program Studi

DIII Ilmu Komputer UNS

Ir. Ari Handono Ramelan, M.Sc(Hons), Ph.D Drs. YS. Palgunadi, M.Sc

commit to user

iv

ABSTRAK

APRILIANA SUCI WULANDARI, 2011, APLIKASI KURSUS

MEMASAK MASAKAN TRADISIONAL INDONESIA BERBASIS J2ME. Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret.

Aplikasi Mobile Cooking Course merupakan aplikasi kursus memasak masakan tradisional Indonesia. Aplikasi ini digunakan untuk mempermudah pembelajaran mengenai memasak masakan tradisional Indonesia.

Aplikasi Mobile Cooking Course dibangun meliputi dua sisi yaitu sisi pelanggan dan sisi administrator. Sisi pelanggan dibuat berbasis Java 2 Micro

Edition (J2ME) sedangkan sisi administrator dibuat dengan PHP. Aplikasi ini

menggunakan jaringan GPRS untuk pemanfaatannya.

Telah dibuat aplikasi kursus memasak masakan tradisional Indonesia berbasis J2ME. Aplikasi ini menggunakan teknologi J2ME karena teknologi ini bersifat multiplatform. Disamping itu aplikasi ini hanya memerlukan kapasitas memori kecil untuk instalasi sehingga tidak memberatkan handphone sebagai perangkat pengguna aplikasi.

commit to user

v

ABSTRACT

APRILIANA SUCI WULANDARI, 2011, COOKING COURSE OF INDONESIAN TRADITIONAL FOOD APPLICATION BASED ON J2ME. Diploma of Information Engineering, Faculty of Mathematics and Sciences, Sebelas Maret University.

Mobile Cooking Course application is a cooking course of traditional Indonesian food application. This application is used to simplify learning about cooking traditional food of Indonesia.

Mobile Cooking Course application covered two side of the customer and the administrator. Customer side was made based on Java 2 Micro Edition (J2ME), while the administrator side was made by PHP. This application used facilities of GPRS network.

It has already been developed cooking course of traditional Indonesian food application based on J2ME. This application uses J2ME technology because this technology is multiplatform. Beside that this application only require small memory capacity for installation so it does not burden the mobile phone as user device.

commit to user

vi

MOTTO

Jenius adalah 1 % inspirasi dan 99 % keringat.Tidak ada yang dapat menggantikan kerjakeras.Keberuntungan adalah sesuatu yang terjadi ketika kesempatan bertemu dengan kesiapan (Thomas A. Edison)

Hidup adalah kegelapan jika tanpa hasrat dan keinginan. Dan semua hasrat -keinginan adalah buta, jika tidak disertai pengetahuan . Dan pengetahuan adalah hampa jika tidak diikuti pelajaran. Dan setiap pelajaran akan sia-sia jika tidak disertai cinta

commit to user

vii

PERSEMBAHAN

Tugas Akhir ini kupersembahkan untuk:

Ibu , Ayah, Kakak, Adik dan Keluarga tercinta yang selalu mendoakan setiap langkahku Muhammad Halim Nurrofiq atas dukungan dan motivasi yang tiada henti Siapapun yang telah menjadi motivasi dan inspirasiku dalam menjalani indahnya hari-hariku, kalian semua telah memberiku arti kehidupan di dunia ini Terima kasih cinta

commit to user

viii

KATA PENGANTAR

Segala puji syukur penulis panjatkan kehadirat Allah SWT yang senantiasa selalu melimpahkan rahmat, karunia dan hidayah-Nya sehingga penulis dapat menyelesaikan laporan Tugas Akhir dengan judul “APLIKASI KURSUS

MEMASAK MASAKAN TRADISIONAL INDONESIA BERBASIS J2ME”

sebagai salah satu persyaratan kelulusan Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta..

Dari pembuatan hingga penyelesaian laporan ini penulis banyak mendapatkan bantuan, bimbingan dan saran dari berbagai pihak. Oleh karena itu, penulis ingin menyampaikan ucapan terima kasih kepada :

1. Allah SWT yang telah melimpahkan segala nikmat dan karunia-Nya.

2. Drs. Y.S. Palgunadi, M.Sc. selaku Ketua Program Diploma III Teknik Informatika FMIPA UNS.

3. Agus Purbayu, S.Si selaku dosen pembimbing Tugas Akhir yang telah memberikan banyak pengarahan dan petunjuk dalam menyelesaikan laporan ini.

4. Bapak, Ibu, Adik dan Kakak tersayang yang telah memberikan dukungan baik moral maupun spiritual.

5. Teman-teman Teknik Informatika B angkatan 2008 Diploma III Teknik Informatika FMIPA UNS, terutama Nunung Lestari Handayani, Nirma Yulia dan Dyah Rahmawati.

Semoga laporan ini dapat memberikan manfaat di masa mendatang.

Surakarta, Juni 2011 Penulis

commit to user

ix

DAFTAR ISI

HALAMAN JUDUL ... i

HALAMAN PERSETUJUAN ... ii

HALAMAN PENGESAHAN ... iii

ABSTRAK ... iv

ABSTRACT ... v

MOTTO ... vi

PERSEMBAHAN ... vii

KATA PENGANTAR ... viii

DAFTAR ISI ... ix

DAFTAR TABEL ... xii

DAFTAR GAMBAR ... xiii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 1

1.3 Batasan Masalah ... 2

1.4 Tujuan dan Manfaat ... 2

1.5 Metodologi Penelitian ... 2

1.6 Sistematika Penulisan ... 3

BAB II LANDASAN TEORI ... 4

2.1 Pengertian Mobile Learning ... 4

2.2 Pengertian J2ME ... 4

2.3 Pengertian MIDlet ... 6

2.5 Pengertian UML ... 6

commit to user

x

2.5.2 Sequence Diagram... 8

2.5.3 Class Diagram ... 9

2.5.4 Activity Diagram ... 10

2.6 Pengertian PHP ... 11

2.7 Pengertian MySQL ... 11

2.8 Pengertian Web Server ... 11

2.9 Pengertian Apache ... 12

BAB III DESAIN DAN PERANCANGAN ... 13

3.1 Desain Sistem ... 13

3.1.1 Hierarki Input Proses Output ... 13

3.1.2 Deskripsi Sistem ... 13

3.1.2.1 Gambaran Alur Kerja Sistem ... 13

3.1.2.2 General Menu Aplikasi Mobile Cooking Course ... 15

3.1.2.3 Menu Utama Aplikasi Mobile Cooking Course untuk Bahasa Indonesia ... 15

3.1.2.4 Menu Utama Aplikasi Mobile Cooking Course untuk Bahasa Inggris ... 17

3.2 AnalisaSistem ... 18

3.2.1 Identifikasi Masalah ... 18

3.2.2 Spesifikasi Aplikasi ... 19

3.2.3 Spesifikasi Pengguna ... 19

3.2.4 Perangkat Pengembangan Sistem ... 19

3.2.5 Perangkat Pengguna ... 20

3.3 Perancangan Sistem ... 20

commit to user

xi

3.3.2 Class Diagram ... 23

3.3.3 Sequence Diagram... 24

3.3.3.1 Sequence Diagram Pendaftaran Pelanggan ... 24

3.3.3.2 Sequence Diagram Login ... 25

3.3.3.3 Sequence Diagram Alat ... 26

3.3.3.4 Sequence Diagram Bumbu ... 27

3.3.3.5 Sequence Diagram Bahan ... 28

3.3.3.6 Sequence Diagram Proses Memasak ... 29

3.3.3.7 Sequence Diagram Tips ... 30

3.3.3.8 Sequence Diagram Input Resep ... 31

3.3.3.9 Sequence Diagram Lihat Resep ... 32

3.3.3.10 Sequence Diagram Saran ... 33

3.3.4 Activity Diagram ... 34

3.3.5 Relationship Diagram ... 35

3.4 Perancangan Database ... 36

3.5 Rancangan Desain Sistem ... 43

BAB IV IMPLEMENTASI DAN ANALISA ... 46

4.1 Implementasi Desain dan Perancangan ... 46

4.1.1 Tampilan Sisi Pelanggan ... 46

4.1.2 Tampilan Sisi Administrator ... 57

4.2 Evaluasi Sistem ... 75

BAB V PENUTUP ... 76

5.1 Kesimpulan ... 76

5.2 Saran ... 77

commit to user

xii

DAFTAR TABEL

Tabel 2.1 Simbol Use Case ... 8

Tabel 2.2 Tabel Simbol Sequence Diagram ... 9

Tabel 2.3 Tabel Simbol Class Diagram ... 9

Tabel 2.4 Tabel Simbol Activity Diagram ... 10

Tabel 3.1 Tabel Deskripsi Use Case ... 22

Tabel 3.2 Tabel Admin ... 37

Tabel 3.3 Tabel Alat ... 37

Tabel 3.4 Tabel Bahan ... 38

Tabel 3.5 Tabel Buku Tamu ... 38

Tabel 3.6 Tabel Bumbu ... 39

Tabel 3.7 Tabel Kategori... 39

Tabel 3.8 Tabel Pelanggan ... 39

Tabel 3.9 Tabel Tips ... 40

Tabel 3.10 Tabel Saran ... 41

Tabel 3.11 Tabel Resep ... 41

Tabel 3.12 Tabel Prosmem ... 42

Tabel 3.13 Tabel Resepalat ... 42

Tabel 3.14 Tabel Resepbumbu ... 43

commit to user

xiii

DAFTAR GAMBAR

Gambar 2.1 Arsitektur J2ME ... 5

Gambar 3.1 Alur Kerja Mobile Cooking Course ... 14

Gambar 3.2 Use Case Diagram ... 21

Gambar 3.3 Class Diagram... 23

Gambar 3.4 Sequence Diagram Pendaftaran Pelanggan... 24

Gambar 3.5 Sequence Diagram Login ... 25

Gambar 3.6 Sequence Diagram Alat ... 26

Gambar 3.7 Sequence Diagram Bumbu ... 27

Gambar 3.8 Sequence Diagram Bahan ... 28

Gambar 3.9 Sequence Diagram Proses Memasak ... 29

Gambar 3.10 Sequence Diagram Tips ... 30

Gambar 3.11 Sequence Diagram Input Resep ... 31

Gambar 3.12 Sequence Diagram Lihat Resep ... 32

Gambar 3.13 Sequence Diagram Saran ... 33

Gambar 3.14 Activity Diagram ... 34

Gambar 3.15 Relationship Diagram ... 35

Gambar 3.16 Rancangan Desain Web Administrator ... 44

Gambar 3.17 Rancangan Menu dengan Bahasa Indonesia pada Sisi Pelanggan ... 45

Gambar 3.18 Rancangan Menu dengan Bahasa Inggris pada Sisi Pelanggan ... 45

Gambar 4.1 Form Depan Pelanggan ... 46

Gambar 4.2 Form Pendaftaran Pelanggan ... 47

Gambar 4.3 Form Login Pelanggan ... 47

commit to user

xiv

Gambar 4.5 Form Menu Utama Bahasa Indonesia ... 48

Gambar 4.6 Form Menu Utama Bahasa Inggris ... 49

Gambar 4.7 Form Pengenalan Alat Masak Tradisional ... 49

Gambar 4.8 Form Introduce of Traditional Cooking Tools ... 50

Gambar 4.9 Form Pengenalan Bumbu Masakan Tradisional ... 50

Gambar 4.10 Form Introduce of Traditional Cooking Seasonings ... 51

Gambar 4.11 Form Pengenalan Proses Memasak Tradisional... 51

Gambar 4.12 Form Introduce of Traditional Cooking Process ... 52

Gambar 4.13 Form Resep Tradisional ... 52

Gambar 4.14 Form Cooking Recipe ... 53

Gambar 4.15 Form Tips dalam Bahasa Indonesia ... 53

Gambar 4.16 Form Tips dalam Bahasa Inggris ... 54

Gambar 4.17 Form Saran ... 54

Gambar 4.18 Form Suggestion ... 55

Gambar 4.19 Form Petunjuk ... 55

Gambar 4.20 Form Help ... 56

Gambar 4.21 Form Tentang Kami ... 56

Gambar 4.22 Form About Us ... 57

Gambar 4.23 Halaman Utama Admin ... 58

Gambar 4.24 Halaman Utama Superadmin ... 58

Gambar 4.25 Halaman Input Resep ... 59

Gambar 4.26 Halaman Resep ... 60

Gambar 4.27 Halaman Detail Resep ... 60

Gambar 4.28 Halaman Input Alat Memasak... 61

commit to user

xv

Gambar 4.30 Halaman Detail Alat Memasak ... 62

Gambar 4.31 Halaman Input Bahan Masakan ... 63

Gambar 4.32 Halaman Bahan Masakan ... 64

Gambar 4.33 Halaman Input Bumbu ... 65

Gambar 4.34 Halaman Bumbu ... 65

Gambar 4.35 Halaman Detail Bumbu ... 66

Gambar 4.36 Halaman Input Proses Memasak ... 67

Gambar 4.37 Halaman Proses Memasak ... 68

Gambar 4.38 Halaman Detail Proses Memasak ... 68

Gambar 4.39 Halaman Input Tips ... 69

Gambar 4.40 Halaman Tips ... 70

Gambar 4.41 Halaman Pelanggan ... 71

Gambar 4.42 Halaman Suara Pelanggan ... 72

commit to user

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Indonesia adalah negara yang memiliki keanekaragaman masakan tradisional dengan pesona bumbu dan rempah yang mampu menghipnotis peminatnya. Resep masakan tradisional Indonesia merupakan warisan yang tidak ternilai harganya, namun saat ini masakan – masakan tradisional tersebut seakan ditelan oleh perkembangan jaman.

Melestarikan budaya bangsa Indonesia merupakan kewajiban masyarakat Indonesia. Untuk menjaga dan melestarikan resep masakan tradisional Indonesia dapat dimulai dengan menghidangkan kelezatan masakan – masakan asli Indonesia untuk keluarga. Dengan menghidangkan masakan – masakan asli Indonesia terus - menerus berarti memperkenalkan masakan – masakan tersebut terhadap generasi selanjutnya. Selain itu dengan membiasakan generasi penerus bangsa untuk menyantap masakan tradisional Indonesia sesering mungkin, berarti mengajak mereka untuk ikut menjaga warisan kuliner nusantara.

Salah satu persepsi negatif mengenai masakan tradisional Indonesia adalah sulit dipelajari. Persepsi negatif ini membuat masyarakat Indonesia lebih memilih masakan yang lebih mudah dipelajari untuk disajikan di meja makan. Hal ini menjadi kendala terbesar dalam melestarikan warisan kuliner tradisional nusantara, untuk itu diperlukan sebuah aplikasi yang dapat mengubah persepsi negatif mengenai memasak masakan tradisional Indonesia.

1.2 Rumusan Masalah

Bagaimana membuat aplikasi kursus memasak masakan tradisional Indonesia berbasis J2ME.

commit to user 1.3 Batasan Masalah

a. Aplikasi ini hanya menampilkan alat masak tradisional, bumbu masakan tradisional, proses masak tradisional, resep tradisional dan tips berguna seputar dunia memasak.

b. Aplikasi ini hanya berjalan pada handphone yang terhubung dengan GPRS dan membutuhkan memori kurang lebih 1 MB, minimal berjalan di MIDP 2.0 dan CLDC 1.1.

c. Calon pelanggan harus melakukan registrasi terlebih dahulu untuk dapat menggunakan aplikasi ini.

1.4 Tujuan dan Manfaat

a. Tujuan

Tujuan dari pembuatan Tugas Akhir ini yaitu membuat aplikasi kursus memasak masakan tradisional Indonesia berbasis J2ME sebagai sarana untuk mempermudah pembelajaran memasak masakan tradisional Indonesia.

b. Manfaat

Manfaat dari pembuatan Tugas Akhir ini yaitu mempermudah masyarakat Indonesia dalam pembelajaran memasak masakan tradisional Indonesia melalui aplikasi yang dibuat.

1.5 Metodologi Penelitian

Dalam meyelesaikan sistem ini metodologi yang akan digunakan adalah studi pustaka, yaitu dengan mencari buku-buku resep masakan tradisional Indonesia serta tutorial dari internet yang membahas cara pembuatan Mobile Application

commit to user 1.6 Sistematika Penulisan

Sistematika yang digunakan dalam penulisan ini disusun dalam lima bab meliputi :

BAB I Pendahuluan

Dalam bagian pendahuluan akan dijelaskan tentang latar belakang masalah, batasan masalah, tujuan dan manfaat penelitian, metode penyelesaian masalah, serta sistematika penulisan laporan.

BAB II Landasan Teori

Berisi teori yang mendasari penyusunan dan pembuatan penelitian ini.

BAB III Desain dan Perancangan

Berisi tentang perancangan aplikasi meliputi perancangan sistem menggunakan

UML (Unified Modeling Language) termasuk di dalamnya Use Case Diagram,

Class Diagram, Sequence Diagram dan Activity Diagram. Sedangkan untuk

perancangan database menggunakan Skema Diagram.

BAB IV Implementasi dan Analisa

Memuat hasil dari analisis dan perancangan sistem yang ditampilkan dalam bentuk aplikasi yang diharapkan.

BAB V Penutup

Merupakan bab terakhir yang memuat kesimpulan dari aplikasi ini secara keseluruhan untuk diimplementasikan serta saran-saran yang diperlukan dalam pengembangan sistem ini lebih lanjut.

commit to user BAB II

LANDASAN TEORI

2.1 Pengertian Mobile Learning

Menurut Darytamo, dkk (2007), Perkembangan teknologi informasi dan

komunikasai telah memberi pengaruh besar bagi dunia pendidikan dan pelatihan. Munculnya teknologi telah melahirkan Computer Based Learning (CBL) yang merupakan pembelajaran yang di dukung oleh perangkat dan media elektronik digital, e-learning sampai m- learning yang merupakan pembelajaran yang didukung oleh perangkat bergerak dan transmisi nirkabel. Perangkat bergerak telah muncul sebagai salah satu teknologi yang cukup potensial untuk mendukung pembelajaran.

Istilah mobile learning mengacu kepada penggunaan perangkat teknologi informasi genggam dan bergerak seperti PDA, telepon genggam atau handphone, laptop dan tablet PC. Dalam pengajaran dan pembelajaran mobile learning merupakan bagian dari e-learning.

2.2 Pengertian J2ME (Java 2 Micro Edition)

Menurut Shalahuddin dan Rosa (2010), Java 2 Micro Edition atau disebut J2ME adalah lingkungan pengembangan yang didesain untuk meletakkan perangkat lunak java pada barang elektronik beserta perangkat pendukungnya. Pada J2ME, jika perangkat lunak berfungsi dengan baik pada sebuah perangkat, maka belum tentu dapat berjalan dengan baik pula pada perangkat lainnya. J2ME membawa Java ke dunia informasi, komunikasi, dan perangkat komputasi selain perangkat komputer dekstop yang biasanya lebih kecil dari perangkat komputer

dekstop. J2ME biasanya digunakan pada telepon selular, pager, PDA dan

commit to user

J2ME adalah bagian dari J2SE, karena itu tidak semua library yang ada pada J2SE dapat digunakan pada J2ME. Tetapi J2ME memiliki library khusus yang tidak dimiliki J2SE. Arsitektur J2ME dapat dilihat pada gambar berikut :

Profile

Configuration Library

JVM

Sistem Operasi

Gambar 2.1 Arsitektur J2ME

Teknologi juga memiliki beberapa keterbatasan terutama jika diaplikasikan pada ponsel. J2ME sangat tergantung pada device yang digunakan, biasanya dari segi merk ponsel maupun kemampuan ponsel dan dukungannya terhadap teknologi J2ME. Salah satu contohnya adlah ukuran aplikasi, karena memori pada ponsel sangat terbatas. Sebagian jenis ponsel tidak mengijinkan aplikasi J2ME menulis pada file dengan alasan keamanan.

Configuration merupakan Java Library minimun dan kapabilitas yang

dipunya oleh para pengembang J2ME, yang maksudnya sebuah mobile device

dengan kemampuan Java yang dioptimalkan untuk menjadi sesuai. Configuration hanyalah mengatur hal-hal tentang keamanan sehingga dapat dijadikan ukuran kesesuaian antar device. Dalam J2ME telah didefinisikan dua jenis konfigurasi yaitu CLDC (Connected Limited Device Configuration) untuk perangkat kecil dan

CDC (Connected Device Configuration) untuk perangkat yang lebih besar

menjadi sesuai. Configuration hanyalah mengatur hal-hal tentang keamanan sehingga dapat dijadikan ukuran yang kesesuaian antar device. Dalam J2ME telah didefinisikan dua jenis konfigurasi yaitu CLDC (Connected Limited Device

Configuration) untuk perangkat kecil dan CDC (Connected Device Configuration)

commit to user

Profile berbeda dengan Configuration, Profile membahas salah satu yang

spesifik untuk sebuah perangkat. Sebagai contoh misalnya, sebuah sepeda dengan merk tertentu memiliki ciri spesifik dengan sepeda lain. Dalam J2ME terdapat dua buah profile yaitu MIDP dan Foundation Profile.

2.3 Pengertian MIDlet

Menurut Shalahuddin dan Rosa (2010), MIDlet adalah aplikasi yang ditulis untuk MIDP. MIDlet berupa kelas abstrak yang merupakan sub kelas dari bentuk dasar aplikasi sehingga antarmuka antara aplikasi J2ME dan aplikasi manajemen pada perangkat dapat terbentuk.

2.4 Pengertian UML (Unified Modelling Language)

Menurut Munawar (2005), UML (Unified Modelling Language) adalah salah satu alat bantu yang sangat handal di dunia pengembangan sistem yang sangat berorientas objek. Hal ini disebabkan karena UML menyediakan bahasa pemodelan visual yang memungkinkan bagi pengembang sistem untuk membuat cetak biru atas visi mereka dalam bentuk baku, mudah dimengerti serta dilengkapi dengan mekanisme yang efektif untuk berbagi dan mengkomunikasikan rancangan dengan yang lain. Paling tidak ada tiga karakter yang penting yang melekat di UML, yaitu sketsa, cetak biru dan bahasa.

Dengan menggunakan UML kita dapat membuat model untuk semua jenis aplikasi piranti lunak, dimana aplikasi tersebut dapat berjalan pada piranti keras, sistem operasi dan jaringan apapun, serta ditulis dalam bahasa pemrograman apapun. Tetapi karena UML juga menggunakan class dan operation dalam konsep dasarnya, maka ia lebih cocok untuk penulisan piranti lunak dalam bahasa-bahasa berorientasi objek seperti C++, Java, C# atau VB.NET.

Pada UML dikenal beberapa diagram, diantaranya Use Case Diagram,

commit to user

2.4.1 Use CaseDiagram

Menurut Munawar (2005), Use Case adalah deskripsi fungsi dari sebuah sistem dari prespektif pengguna. Use Case bekerja dengan cara mendeskripsikan tipikal interaksi antara (pengguna) sebuah sistemnya sendiri melalui sebuah cerita dimana sistem dipakai. Urutan langkah-langkah yang menerangkan antara pengguna dan sistem disebut scenario. Setiap scenario mendeskripsikan urutan kejadian. Setiap urutan diinialisasi oleh orang, sistem yang lain, perangkat keras atau urutan waktu. Dalam pembicaraan tentang Use Case, pengguna biasanya disebut dengan actor. Actor adalah sebuah peran yang bisa dimainkan oleh pengguna dalam interaksinya denga sistem. Pada notasi Use Case diagram dapat menunjukkan tiga aspek dari sistem yaitu : actor, Use Case dan sistem atau sub sistem boundary. Actor mewakili peran orang, sistem yang lain atau alat ketika berkomunikasi dengan Use Case.

Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah apa yang diperbuat sistem, dan bukan bagaimana. Sebuah Use Case merepresentasikan sebuah interaksi antara actor

dengan sistem. Use Case merupakan sebuah pekerjaan tertentu, misalnya login ke sistem, membuat sebuah daftar belanja, dan sebagainya. Seorang atau sebuah

actor adalah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem

untuk melakukan pekerjaan-pekerjaan tertentu. Notasi Use Case dapat dilihat pada tabel 2.1.

commit to user

Tabel 2.1 Simbol Use Case

No. Simbol Nama Deskripsi

1.

UseCase

Case Menggambarkan proses atau kegiatan yang dapat

dilakukan oleh actor

2.

Actor

Actor Menggambarkan entitas atau

subyek yang dapat melakukan suatu proses

3. <<include>>

<<extend>>

Relation Relasi antara case dengan

actor ataupun case yang lain

2.4.2 Sequence Diagram

Menurut Munawar (2005), Sequence Diagram digunakan untuk menggambarkan perilaku pada sebuah scenario. Diagram ini menunjukkan sejumlah contoh obyek dan pesan (message) yang diletakkan diantara obyek-obyek ini di dalam Use Case. Diawali dari apa yang men-trigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan.

Komponen utama Sequence Diagram terdiri atas obyek yang dituliskan dengan kotak segi empat bernama. Message diwakili oleh garis dengan tanda panah dan waktu yang ditunjukkan dengan progress vertical (waktu) dan dimensi horizontal (objek-objek yang terkait). Notasi Sequence Diagram dapat dilihat pada tabel 2.2.

commit to user

Tabel 2.2 Simbol Sequnce Diagram

No. Simbol Nama Deskripsi

1. _Object Object Menggambarkan pos-pos obyek

yang pengirim dan penerima message

2. Object

Message

Menggambarkan aliran pesan yang dikirim oleh pos-pos obyek

3. Note Menuliskan catatan

2.4.3 Class Diagram

Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi). Class Diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain. Simbol-simbol Class Diagram dapat dilihat pada tabel 2.3.

Tabel 2.3 Simbol Class Diagram

No. Simbol Nama Deskripsi

1. _class Class Menggambarkan sebuah kelas yang terdiri dari

atribut dan method

2. Relation Menggambarkan hubungan

komponen-komponen di dalam Class Diagram

commit to user

2.4.4 Activity Diagram

Menurut Munawar (2005), Activity Diagram adalah teknik untuk mendeskripsikan logika prosedural, proses bisnis dan aliran kerja dalam banyak kasus. Activity Diagram mempunyai peranan seperti halnya flowchart akan tetapi perbedaannya dengan flowchart adalah Activity Diagram bisa mendukung perilaku paralel sedangkan flowchart tidak bisa.

Activity Diagram merupakan state diagram khusus, di mana sebagian besar

state adalah action dan sebagian besar transisi di-trigger oleh selesainya state

sebelumnya (internal processing). Oleh karena itu Activity Diagram tidak menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsistem) secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas dari level atas secara umum. Simbol-simbol yang sering digunakan pada saat pembuatan Activity Diagram dapat dilihat pada tabel 2.4.

Tabel 2.4 Simbol Activity Diagram

No. Simbol Nama Deskripsi

1. Action

State

Menggambarkan keadaan dari suatu elemen dalam suatu aliran aktifitas 2.

State

State Menggambarkan kondisi suatu elemen

3. Flow

Control

Menggambarkan aliran aktifitas dari suatu elemen ke elemen lain

4. Initial

State

Menggambarkan titik awak siklus hidup suatu elemen

5. Final

State

Menggambarkan titik akhir yang menjadi kondisi akhir suatu elemen

commit to user

2.5 Pengertian PHP (Hypertext Preprocessor)

Menurut Jawaad (2009), PHP adalah singkatan dari Hypertext Preprocessor, bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.

PHP merupakan bahasa pemograman web yang bersifat server-side, Sifat server-side berarti pengerjaan skrip PHP akan dilakukan di sebuah web server, kemudian hasilnya akan dikirimkan ke browser.

2.6 Pengertian MySQL

Menurut Suja (2005), MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS yang multithread, multiuser, dengan penggunaan yang luas di seluruh dunia. Pengguna dapat menggunakan MySQL stand-alone ataupun MySQL yang di-bundle dengan Apache Web server, XAMPP,

WAMP, maupun PHPTriad. Beberapa kelebihan yang diberikan oleh MySQL antara lain adalah free (bebas diunduh), stabil dan tangguh, fleksibel dengan berbagai bahasa pemrograman, fitur keamanan yang baik, dukungan dari banyak komunitas, kemudahan melakukan manajemen database, mendukung transaksi dan perkembangan softwarenya yang cukup cepat.

2.7 Pengertian Web server

Menurut SyahPutra (2003), web server adalah merupakan suatu server Internet yang menggunakan protokol HTTP ( Hypertext Transfer Protocol) untuk melayani semua proses pentransferan data. Web server hingga saat ini merupakan server yang dapat dikatakan sebagai tulang punggung bagi semua pengguna internet. Hal ini dikarenakan, web server bukan hanya bisa dapat melayani jenis data dalam bentuk teks, akan tetapi juga dapat menampilkan format – format data dalam bentuk gambar, baik gambar dalam bentuk 2D atau 3D, suara dan juga dapat berinteraksi dalam dunia Wireless Access Protocol (WAP) gateway dan sebagainya.

commit to user 2.8 Pengertian Apache

Menurut SyahPutra (2003), apache merupakan turunan dari web server yang dikembangkan oleh NCSA (National Center for Supercomputing Application)

sekitar tahun 1995 yang dikenal dengan NCSA HTTP Daemon (NTSA HTTPd) yang pada RedHat Linux 7.1 telah digunakan patch untuk mengganti NCSA HTTPd tersebut. Apache web server memiliki program pendukung cukup banyak yang dapat memberikan layanan yang cukup bagi penggunanya.

commit to user BAB III

DESAIN DAN PERANCANGAN

3.1 Desain Sistem

3.1.1 Hierarki Input Proses Output

a. Hierarki

Aplikasi yang dibuat merupakan aplikasi kursus memasak masakan tradisional Indonesia. Aplikasi ini memuat berbagai resep kuliner tradisional nusantara, berbagai bumbu tradisional Indonesia, aneka ragam alat memasak tradisional, bermacam – macam jenis proses memasak dan tips – tips bermanfaat seputar dunia memasak.

b. Input

Pelanggan melakukan input untuk proses pendaftaran pelanggan, login, dan mengisi saran sebagai pendapat dari sisi pelanggan terhadap aplikasi.

c. Proses

Pemrosesan data sesuai input dari pelanggan ketika proses pendaftaran pelanggan, login, dan pengisian saran.

d. Output

Segala fitur – fitur pada aplikasi kursus memasak masakan tradisional Indonesia dapat digunakan dan dinikmati oleh pelanggan.

3.1.2 Deskripsi Sistem

3.1.2.1 Gambaran Alur Kerja Sistem

Gambaran alur kerja dari aplikasi Mobile Cooking Course yang dibuat

commit to user internet

internet

`

Admin

DB mobile

BTS

Pengguna

b, c, d,f

Server a

b, c, d, f b, c, d, f

e, h

e, h g

Gambar 3.1 Alur Kerja Mobile Cooking Course

Keterangan :

1. Pelanggan melakukan pemasangan aplikasi Mobile Cooking Course di

handphone.

2. Setelah pemasangan aplikasi berhasil, pelanggan terlebih dahulu melakukan registrasi data dirinya secara valid melalui aplikasi Mobile

Cooking Course yang ada di handphone masing - masing.

3. Setelah itu aplikasi akan membuka http connection ke web server lewat jaringan GPRS.

4. Pelanggan akan mendapatkan ID Pelanggan secara otomatis dari sistem. 5. ID Pelanggan hanya dapat digunakan oleh pelanggan setelah admin

mengaktifkan ID Pelanggan tersebut.

6. Pelanggan login aplikasi Mobile Cooking Course di handphone, dengan menginputkan ID Pelanggan yang didapatkan dari proses registrasi yang telah diaktifkan oleh admin dan password masing – masing. Apabila berhasil ID dan passwordnya cocok, maka login berhasil

commit to user

sehingga pelanggan dapat masuk ke Form Bahasa untuk memilih bahasa. Setelah menu bahasa pelanggan dapat melakukan aktivitas yang berkaitan dengan kursus memasak masakan tradisional Indonesia yang datanya diambil dari database server.

7. Data akan ditampilkan pada aplikasi dapat berupa teks ataupun gambar. 8. Admin menginputkan data – data mengenai resep kuliner tradisional

Indonesia.

3.1.2.1 General Menu Aplikasi Mobile Cooking Course

General menu merupakan menu – menu yang ada sebelum pelanggan

masuk ke menu utama. Menu – menu tersebut antara lain: a. Menu Registrasi

Form ini merupakan form dimana pelanggan melakukan proses registrasi data dirinya. Proses ini hanya dilakukan satu kali sebelum menggunakan aplikasi ini.

b. Menu Login

Proses Login diperlukan untuk mengetahui validasi data pelanggan sebelum masuk sistem.

c. Menu User Guide

Menu User Guide diperlukan untuk membantu pelanggan yang belum bisa mengoperasikan aplikasi Mobile Cooking Course.

d. Menu Bahasa

Menu Bahasa merupakan menu dimana pelanggan dapat memilih bahasa yang ingin digunakan. Pilihan bahasa yang ada adalah bahasa Indonesia dan bahasa Inggris.

3.1.2.2 Menu Utama Aplikasi Mobile Cooking Course untuk Bahasa

Indonesia

Menu utama Aplikasi Mobile Cooking Course untuk Bahasa Indonesia antara lain :

commit to user

Menu alat memasak adalah menu yang digunakan untuk mengenalkan berbagai alat masak tradisional keterangan gambar mengenai masing – masing alat beserta kegunaan masing – masing alat dalam bahasa Indonesia.

b. Menu Bumbu Masakan

Menu bumbu masakan adalah menu yang digunakan untuk mengenalkan berbagai bumbu masakan tradisional, keterangan gambar mengenai masing – masing bumbu beserta kegunaan masing – masing bumbu dalam bahasa Indonesia.

c. Menu Proses Memasak

Menu proses memasak adalah menu yang digunakan untuk mengenalkan berbagai proses memasak tradisional, keterangan gambar mengenai masing – masing proses memasak beserta pengertian dari masing – masing proses memasak dalam bahasa Indonesia.

d. Menu Resep Masakan

Menu resep masakan merupakan menu utama pada aplikasi ini, pada menu ini pelanggan dapat melihat berbagai resep menu masakan tradisional Indonesia yang meliputi alat – alat masak yang digunakan, bumbu masakan yang digunakan, bahan – bahan yang digunakan, keterangan gambar dan cara memasak dari masing – masing menu masakan. Selain itu, terdapat keterangan mengenai masing – masing menu masakan yang berfungsi untuk mengenalkan daerah asal dari masakan – masakan tradisional tersebut dalam bahasa Indonesia.

e. Menu Tips

Menu tips menyajikan tips – tips yang sangat bermanfaat dalam hal memasak dalam bahasa Indonesia.

f. Menu Kirim Saran

Menu kirim saran digunakan masing – masing pelanggan untuk mengirimkan pendapat mengenai aplikasi Mobile Cooking Course

dalam bahasa Indonesia. g. Menu Ganti Bahasa

commit to user

Menu ganti bahasa memudahkan pengguna dalam mengganti bahasa aplikasi sesuai keinginan pelanggan itu sendiri.

h. Menu Petunjuk

Menu petunjuk berisi tentang kegunaan dari masing – masing menu yang ada pada aplikasi Mobile Cooking Course dalam bahasa Indonesia.

i. Menu Tentang Kami

Menu about berisi tentang pembuat aplikasi ini dalam bahasa Indonesia.

3.1.2.3 Menu Utama Aplikasi Mobile Cooking Course untuk Inggris

Menu utama Aplikasi Mobile Cooking Course untuk Bahasa Inggris antara lain :

a. Menu Cooking Tools

Menu cooking tools adalah menu yang digunakan untuk mengenalkan berbagai alat masak tradisional keterangan gambar mengenai masing – masing alat beserta kegunaan masing – masing alat dalam bahasa Inggris.

b. Menu Cooking Seasonings

Menu cooking seasonings adalah menu yang digunakan untuk mengenalkan berbagai bumbu masakan tradisional, keterangan gambar mengenai masing – masing bumbu beserta kegunaan masing – masing bumbu dalam bahasa Inggris.

c. Menu Cooking Processes

Menu cooking process adalah menu yang digunakan untuk mengenalkan berbagai proses memasak tradisional, keterangan gambar mengenai masing – masing proses memasak beserta pengertian dari masing – masing proses memasak dalam bahasa Inggris.

d. Menu Cooking Recipe

Menu cooking recipe merupakan menu utama pada aplikasi ini, pada menu ini pelanggan dapat melihat berbagai resep menu masakan tradisional Indonesia yang meliputi alat – alat masak yang digunakan,

commit to user

bumbu masakan yang digunakan, bahan – bahan yang digunakan, keterangan gambar dan cara memasak dari masing – masing menu masakan. Selain itu, terdapat keterangan mengenai masing – masing menu masakan yang berfungsi untuk mengenalkan daerah asal dari masakan – masakan tradisional dalam bahasa Inggris.

e. Menu Tips

Menu tips menyajikan tips – tips yang sangat bermanfaat dalam hal memasak dalam bahasa Inggris.

f. Menu Send Suggestion

Menu send suggestion digunakan masing – masing pelanggan untuk mengirimkan pendapat mengenai aplikasi Mobile Cooking Course

dalam bahasa Inggris. j. Menu Change Language

Menu change language memudahkan pengguna dalam mengganti bahasa aplikasi sesuai keinginan pelanggan itu sendiri.

g. Menu Help

Menu petunjuk berisi tentang kegunaan dari masing – masing menu yang ada pada aplikasi dalam bahasa Inggris.

h. Menu About

Menu about berisi tentang pembuat aplikasi ini dalam bahasa Inggris.

3.2 Analisis Sistem

3.2.1 Identifikasi Masalah

Aplikasi kursus memasak masakan tradisional Indonesia Mobile Cooking

Course, merupakan sebuah aplikasi mobile learning. Aplikasi mobile learning

merupakan aplikasi pembelajaran berbasis J2ME dimana aplikasi ini dijalankan dengan media handphone.

Resep kuliner tradisional Indonesia merupakan warisan bangsa yang harus

commit to user

hal yang menjadi presepsi dalam memasak masakan tradisional, sehingga pada akhirnya berujung kepada masakan yang lebih praktis untuk disajikan di meja makan. Hal ini menjadi kendala terbesar dalam melestarikan warisan kuliner tradisional Indonesia. Dengan adanya aplikasi ini diharapkan dapat memudahkan bangsa Indonesia dalam menjaga warisan resep kuliner tradisionalnya.

3.2.2 Spesifikasi Aplikasi

Aplikasi yang dibuat mempunyai kemampuan sebagai berikut yaitu :

1. Melakukan proses registrasi pelanggan langsung dari handphone masing- masing dan datanya disimpan pada database server.

2. Menampilkan beraneka ragam resep menu masakan tradisional, alat masak tradisional, bumbu masakan tradisional, tips seputar dunia memasak, melakukan umpan balik terhadap server berupa pengiriman saran secara

online langsung melalui handphone menggunakan media GPRS.

3.2.3 Spesifikasi Pengguna

Aplikasi Mobile Cooking Course ditujukan kepada pelanggan dari semua kalangan yang ingin belajar memasak masakan tradisional Indonesia.

3.2.4 Perangkat Pengembangan Sistem

Perangkat pengembangan sistem terbagi menjadi dua yaitu perangkat keras dan perangkat lunak.

a. Perangkat Keras (hardware)

Seperangkat komputer yang digunakan dengan spesifikasi : a. Processor : Intel Dual Core 1,8 GHz atau lebih b. VGA : Nvidia GForce 9100 MG

c. RAM : 512 MB atau lebih d. Harddisk : 80 GB atau lebih e. Monitor : Acer 14,1 Inch

commit to user

b. Perangkat Lunak (software)

1. JDK (Java Development Kit)

Merupakan toolkit yang menyediakan library untuk pembuatan dan menjalankan aplikasi yang dibuat dengan menggunakan bahasa pemrograman Java.

2. Sun Java(TM) Wireless Toolkit 2.5.2 for CLDC.

Sun Java(TM) Wireless Toolkit 2.5.2 merupakan toolkit yang digunakan

untuk mengcompile dan menjalankan simulator terutama untuk aplikasi pemrograman Java 2 Micro Edition (J2ME).

3. Web Server Apache versi 2.2.5.

4. Database Management System MySQL versi 5.0.27.

5. Netbeans IDE 6.5 yang digunakan untuk editor Java. 6. Adobe Dreamweaver CS3 untuk editor bahasa PHP. 7. Mozilla Firefox sebagai webbrowser.

3.2.5 Perangkat Pengguna

Berjalan di handphone dengan memori minimal 1 MB, mendukung profile

MIDP 2.0 dan configuration CLDC 1.1, mendukung akses jaringan GPRS dan mempunyai resolusi layar 240x320 pixel.

3.3Perancangan Sistem

3.3.1 Use Case Diagram

Use case mendefinisikan fitur-fitur atau fungsionalitas yang ada pada

suatu sistem. Use case pada gambar 3.2 dijelaskan mengenai hubungan interaksi antara aktor dan sistem. Pada gambar 3.2 yang berperan sebagai aktor adalah admin yang terdiri dari admin biasa dan superadmin dan pelanggan.

commit to user

Admin Biasa

Manage data Admin Superadmin

Memperoleh data login Manage data resep

Validasi Isi buku tamu Menage data alat

Manage data bumbu

Manage data bahan

Manage data proses memasak

Manage data tips

Manage data pelanggan

Validasi pelanggan Admin

lihat data resep

Mengisi saran Register Lihat data alat

lihat data bumbu

Lihat data proses memasak

Lihat Data Tips

Client

commit to user

Deskripsi use case aplikasi kursus memasak Mobile Cooking Course

dijelaskan pada tabel 3.1.

Tabel 3.1 Tabel Deskripsi Use Case

No Aktor Use Case Deskripsi Singkat

1 Pelanggan 1. Melakukan register

Pelanggan dapat melakukan registrasi di sistem Mobile Cooking Course

2. Memperoleh data

login

Pelanggan mendapatkan data

login dari hasil registrasi

setelah divalidasi oleh admin. 3. Lihat Data - Pelanggan dapat melihat data

resep tradisional

- Pelanggan dapat melihat data alat

- Pelanggan dapat melihat data bumbu

- Pelanggan dapat melihat data proses memasak

- Pelanggan dapat melihat data tips

4. 1) Mengisi Saran Pelanggan dapat mengirimkan saran melalui aplikasi Mobile

Cooking Course ke system

Mobile Cooking Course

2 Admin 5. 2) Validasi - Admin memvalidasi data registrasi dari pelanggan yang masuk apakah valid atau tidak

- Admin dapat memvalidasi buku tamu dari pengunjung web administrator

6. Manage Data Admin dapat melakukan proses

manage data resep, alat,

bumbu, bahan dan tips

3 Superadmin 7. Manage Admin Superadmin dapat manage

admin untuk system Mobile Cooking Course

commit to user 3.3.2 Class Diagram

commit to user

3.3.3 Sequence Diagram

a. Sequence Diagram Pendaftaran (Register) Pelanggan

: Client : Form Register : Kontrol Registrasi : Pelanggan

setDataPelanggan()

getInfo( )

cekFormat( )

tampil pesan error

getSQL( ) initKoneksi( )

tampil( )

Gambar 343 Sequence DiagramRegister

Sequence Diagram pada gambar 3.4 menggambarkan proses

dimana pelanggan melakukan registrasi di sistem ini. Pelanggan melakukan proses registrasi dengan handphone melalui aplikasi Mobile

Cooking Course. Data tersebut kemudian divalidasi oleh admin dan

commit to user

b. Sequence DiagramLogin

: Admin : Client : Form Login : Kontrol Login : Form Utama Admin : Form Bahasa CLient : Admin : Pelanggan set Username dan Password( )

set Username dan Password( )

getUsernamedanPassword( )

getUsernamedanPassword( ) cekInput( )

tampil Pesan Error

login berhasil

Login Gagal

Login Berhasil Login Gagal

initKoneksi( )

validateAdmin( )

cekInput( ) tampil pesan error

initKoneksi( )

validateClient( )

Gambar 3.5 Sequence DiagramLogin

Sequence Diagram pada gambar 3.5 merupakan ilustrasi dari

proses login pelanggan dan admin. Pelanggan login dengan memasukan ID Pelanggan dan password. Apabila data dicek sistem dan sesuai maka pelanggan akan masuk ke form bahasa dimana pelanggan dapat memilih menggunakan bahasa Indonesia atau bahasa Inggris, dan apabila tidak benar akan ditampilkan pesan kesalahan. Untuk admin, dia menginputkan

username dan password. Ketika berhasil dia akan masuk ke menu admin,

commit to user

c. Sequence Diagram Alat

: Admin : Client : form input alat : form alat : Kontrol : Alat setDataAlat()

getInfo( ) _{cekFormat( )}

tampil pesan error

tampil( )

initKoneksi( ) initKoneksi( )

getISQL( )

getISQL( ) lihatData( )

getInfo( )

tampil()

Gambar 3.6 Sequence Diagram Alat

Gambar 3.6 adalah Sequence Diagram Alat yang ada di sistem. Admin terlebih dahulu menginputkan data-data terkait alat memasak tradisional ke

database melalui sisi administrator. Untuk proses pelanggan memang berbeda

karena pelanggan hanya meminta data-data dari database alat untuk ditampilkan melalui aplikasi J2ME di handphone.

commit to user

d. Sequence Diagram Bumbu

: Admin : Client : Form Input Bumbu : Form Bumbu : Kontrol : Bumbu setDataBumbu()

getInfo( ) cekFormat( )

initKoneksi( ) getSQL( ) pesan error

initKoneksi( )

getSQL( ) tampil( )

lihatBumbu( )

getInfo( )

tampil( )

Gambar 3.7 Sequence Diagram Bumbu

Gambar 3.7 adalah Sequence Diagram Bumbu yang ada di sistem. Admin terlebih dahulu menginputkan data-data terkait bumbu masakan tradisional ke database melalui sisi administrator. Untuk proses pelanggan memang berbeda karena pelanggan hanya meminta data-data dari database

commit to user

e. Sequence Diagram Bahan

: Admin : Client : Form Input Tips : Form Tips : Kontrol : Tips setDataTips()

getInfo( )

cekFormat( )

initKoneksi( ) tampil pesan error

tampil( )

getSQL( )

lihatData( )

getInfo( )

initKoneksi( )

getSQL( )

tampil()

Gambar 3.8 Sequence Diagram Bahan

Gambar 3.8 adalah Sequence Diagram Bahan yang ada di sistem. Admin terlebih dahulu menginputkan data-data terkait tips bahan masakan ke

commit to user

f. Sequence Diagram Proses Memasak

: Admin : Client : Form Input Prosmem : form prosmem : Kontrol : Proses Memasak setDataProsmem()

getInfo( ) _{cekFormat( )}

initKoneksi( )

getSQL( ) tampil pesan error

tampil( )

lihatData( )

getInfo( )

initKoneksi( ) getSQL( )

tampil()

Gambar 3.9 Sequence Diagram Proses Memasak

Gambar 3.9 adalah Sequence Diagram Proses Memasak yang ada di sistem. Admin terlebih dahulu menginputkan data-data terkait proses memasak tradisional ke database melalui sisi administrator. Untuk proses pelanggan memang berbeda karena pelanggan hanya meminta data-data dari

commit to user

g. Sequence Diagram Tips

: Admin : Client : Form Input Tips : Form Tips : Kontrol : Tips setDataTips()

getInfo( )

cekFormat( )

initKoneksi( ) tampil pesan error

tampil( )

getSQL( )

lihatData( )

getInfo( )

initKoneksi( )

getSQL( )

tampil()

Gambar 3.10 Sequence Diagram Tips

Gambar 3.10 adalah Sequence Diagram Tips yang ada di sistem. Admin terlebih dahulu menginputkan data-data terkait tips seputar dunia memasak ke database melalui sisi administrator. Untuk proses pelanggan memang berbeda karena pelanggan hanya meminta data-data dari database

commit to user

h. Sequence Diagram Input Resep

: Admin : Form Resep : FormInputBahanResep : FormInputResepalat : Kontrol : Resep : resepBahan : resepBumbu : resepAlat setDataResep() setDataBahanResep() setDataResepAlat() tampil( ) getInfo( ) getInfo( ) getInfo( ) cekFormat( ) cekFormat( ) cekFormat( ) initKoneksi( ) tampil pesan error

getSQL( )

tampil pesan error : FormInputBumbuResep setDataBumbuResep() getInfo( ) cekFormat( ) getSQL( ) tampilDaftarBumbu( )

tampil pesan error

initKoneksi( ) getSQL( ) tampilDaftarBumbu( )

init koneksi( )

getSQL( )

tampilNamaAlat( ) tampil pesan error

initKoneksi( )

Gambar 3.11 Sequence Diagram Resep

Gambar 3.11 adalah Sequence Diagram Resep yang ada di sistem. Admin terlebih menginputkan data-data terkait resep masakan tradisional ke

commit to user

i. Sequence Diagram Lihat Resep

: Client : Form Resep : Kontrol : Resep : resepBahan : resepBumbu : resepAlat lihatData( )

getInfo( )

initKoneksi( )

getSQL( )

initKoneksi( )

getSQL( )

initKoneksi( )

getSQL( )

init koneksi( )

getSQL( ) tampil( )

tampil( )

tampil( )

tampil( )

Gambar 3.12 Sequence Diagram Lihat Resep

Gambar 3.12 adalah Sequence Diagram Lihat Resep yang ada di sistem. Data – data resep yang telah diinputkan admin pada web administrator dapat diakses oleh pelanggan melalui aplikasi Mobile Cooking Course.

commit to user

j. Sequence Diagram Saran

: Client : Form Saran : Kontrol Registrasi : Tabel saran

setDataSaran()

getInfo( ) _{cekFormat( )}

initKoneksi( ) getSQL( )

tampilResult( ) tampil pesan error

Gambar 3.13 Sequence Diagram Saran

Gambar 3.13 adalah Sequence Diagram Saran yang ada di sistem. Pelanggan dapat mengirimkan saran ke sistem melalui aplikasi Mobile

Cooking Course. Setelah saran berhasil terkirim ke server maka akan ada

commit to user 3.3.4 Activity Diagram

Start Membuka Aplikasi MIDlet Menu Awal 1. Register 2. Login 3. User Guide 4. Keluar Melakukan Registrasi Input login Melihat Petunjuk

Melihat List Traditional Cooking Seasonings Melihat List Traditional

Cooking Tools

Melihat List Traditional Recipe Melihat Detail Traditional

Cooking Tools Kembali

Melihat Detail Traditional Cooking Seasonings

Kembali Melihat Detail Traditional

Cooking Processes Melihat List Tips Melihat Detail Tips Kembali Menulis Suggestion Input Suggestion About Help Melihat List Traditional

Cooking Processes

Kembali Melihat List Alat

Masak Tradisional Melihat List Proses

Memasak Tradisional

Melihat Detail Proses Memasak Tradisional Kembali

Melihat Detail Alat Masak Tradisional

Kembali

Melihat Daf tarTips

Melihat Detail Bumbu Masak Tradisional Melihat Detail Tips Kembali Menulis Saran

Melihat Daf tar Resep Tradisional

Input Saran

Melihat Detail Resep Tradisional Kembali Tentang Petunjuk Melihat Detail Traditional Recipe kembali Tidak Lihat Detail Ya Ya Tidak Ya

Tidak Lihat Detail

Ya Tidak Ya Tidak Ya Tidak Input Saran Ya Tidak Lihat Det... Ya Ya Tidak Ya PILIH PILIH PILIH PILIH PILIH PILIH Lo... Petunjuk Register PILIH PILIH tidak Lihat Detail PILIH PILIH PILIH PILIH PILIH PILIH PILIH PILIH Keluar Selesai Melihat Bahan y ang Digunakan Kembali

Melihat Bumbu y ang Digunakan Kembali

Melihat Cara memasak Kembali

Melihat Alat y ang Digunakan Melihat Cooking Tools Kembali Melihat cooking seasonings Kembali Melihat Cooking materials Kembali

Melihat How To Process Kembali PILIH PILIH List Menu Awal kembali Kembali List menu Bahasa Keluar Memilih Bahasa Indonesia Memilih Bahasa Inggris

List Menu Bahasa Indonesia

Melihat Daf tar Bumbu Masak Tradisional Kembali Tidak Lihat Detail List Menu Bahasa Inggris Keluar Lihat Detail Lihat Detail

Input Sa... Lihat Detail

Keluar Keluar Keluar Keluar Keluar Keluar Lihat detail KeluarKeluar Keluar Lihat Detail Keluar Keluar Keluar Keluar Keluar Keluar _Keluar Keluar Keluar Proses Mema... Alat Saran Resep Tentang Petunjuk tips Bumbu Cooking Processes Tools TipsSeasonings Suggestion Recipe About Help Kembali

commit to user

Activity Diagram seperti yang ditunjukan oleh gambar 3.14 adalah proses

yang menggambarkan aktivitas secara umum dilakukan tanpa mengikutsertakan objek yang bertanggungjawab kepada aktivitas tersebut. Kondisi pertama adalah saat aplikasi dibuka melalui ponsel dan menampilkan menu yaitu Register, Login

dan Petunjuk. Bagi pelanggan sudah pernah mendaftar maka dapat memilih menu

Login dan bagi pelanggan yang belum melakukan proses registrasi ke system

Mobile Cooking Course, maka pelanggan harus meregistrasikan dirinya melalui

menu Register, bagi pelanggan yang membutuhkan bantuan dalam menggunakan aplikasi Mobile Cooking Course dapat memilih menu Petunjuk. Setelah data pelanggan yang melakukan registrasi telah divalidasi oleh admin, pelanggan dapat

login ke aplikasi Mobile Cooking Course dan masuk Menu Bahasa yang

digunakan untuk memilih bahasa. Tersedia bahasa Indonesia dan bahasa Inggris yang dapat dipilih oleh pelanggan. Setelah memilih bahasa, pelanggan akan masuk ke Menu Utama. Apabila pelanggan memilih Bahasa Indonesia pada Menu bahasa, maka akan tersedia delapan menu utama yaitu Pengenalan Alat Masak Tradisional, Pengenalan Bumbu Masakan Tradisional, Pengenalan Proses Memasak Tradisional, Resep Tradisional, Tips, Saran, Petunjuk dan Tentang Kami. Apabila pelanggan memilih Bahasa Inggris pada Menu bahasa, maka akan tersedia delapan menu utama yaitu Introduce Traditional Cooking Tools,

Introduce Traditional Cooking Seasonings, Introduce Traditional Cooking

Process, Traditional Recipe, Tips, Send Suggestion, Help dan About.

3.3.5 Relationship Diagram

Relationship diagram relasi antar tabel perancangan sistem Mobile

commit to user

Gambar 3.15 Relationship Diagram

3.4 Perancangan Database

Perancangan database untuk pembuatan aplikasi kursus memasak masakan tradisional Indonesia berbasis J2ME menggunakan database MySQL adalah sebagai berikut yaitu Tabel admin, Tabel alat, Tabel bahan, Tabel bukutamu, Tabel bumbu, Tabel kategori, Tabel pelanggan, Tabel tips, Tabel resep, Tabel prosmem, Tabel resepalat, Tabel resepbumbu dan Tabel resepbahan.

commit to user 3.4.1 Tabel admin

Tabel admin digunakan untuk menyimpan data dari admin website, yang ditunjukan seperti Tabel 3.2.

Tabel 3.2 Tabel Admin

Nama Field Tipe Data Ukuran Field Null Keterangan

id_admin Integer 11 No Primary Key

nama_admin Varchar 30 No -

username Varchar 30 No -

password Varchar 30 No -

akses Varchar 30 No -

3.4.2 Tabel alat

Tabel alat digunakan untuk menyimpan data beraneka ragam alat memasak tradisional Indonesia, yang ditunjukan seperti Tabel 3.3.

Tabel 3.3 Tabel Alat

Nama Field Tipe Data Ukuran Field Null Keterangan

id_alat Varchar 10 No Primary Key

nama_alat Varchar 50 No Nama alat memasak

dalam bahasa Indonesia

nama_alat2 Varchar 50 No Nama alat memasak

dalam bahasa Inggris

ket_alat Text - No Keterangan alat

memasak dalam bahasa Indonesia

ket_alat2 Text - No Keterangan alat

memasak dalam bahasa Indonesia

foto Integer 30 No -

commit to user 3.4.3 Tabel bahan

Tabel bahan digunakan untuk menyimpan data bahan masakan untuk resep tradisional Indonesia yang ditunjukan seperti Tabel 3.4.

Tabel 3.4 Tabel bahan

Nama Field Tipe Data Ukuran Field Null Keterangan

id_bahan Varchar 10 No Primary Key

nama_bahan Varchar 50 No Nama bahan masakan

dalam bahasa Indonesia

nama_bahan2 Varchar 50 No Nama bahan masakan

dalam bahasa Inggris

satuan Varchar 30 No Satuan bahan

masakan dalam bahasa Indonesia

satuan2 Varchar 30 No Satuan dalam bahasa

Inggris

tgl_update Date - No -

3.4.4 Tabel bukutamu

Tabel bukutamu digunakan untuk menyimpan data dari guest book pada website, yang ditunjukan seperti Tabel 3.5.

Tabel 3.5 Tabel bukutamu

Nama Field Tipe Data Ukuran Field Null Keterangan

id_tamu Integer 11 No Primary Key

nama_tamu Varchar 30 No -

Email_tamu Varchar 30 No -

pesan Text 30 No -

tanggal Date - No -

commit to user 3.4.5 Tabel bumbu

Tabel bumbu digunakan untuk menyimpan data beraneka ragam bumbu masakan tradisional Indonesia, yang ditunjukan seperti Tabel 3.6.

Tabel 3.6 Tabel bumbu

Nama Field Tipe Data Ukuran Field Null Keterangan

id_bumbu Varchar 10 No Primary Key

nama_bumbu Varchar 50 No -

nama_bumbu2 Varchar 50 No -

ket_bumbu Text - No -

ket_bumbu2 Text - No -

foto Integer 20 No -

tgl_update Datetime - No -

3.4.6 Tabel kategori

Tabel kategori digunakan untuk menyimpan berbagai macam kategori resep, yang ditunjukan seperti Tabel 3.7.

Tabel 3.7 Tabel kategori

Nama Field Tipe Data Ukuran Field Null Keterangan

id_kat Varchar 5 No Primary Key

nama_kat Varchar 30 No Nama Kategori dalam

bahasa Indonesia

nama_kat2 Varchar 30 No Nama Kategori dalam

bahasa Inggris

3.4.7 Tabel Pelanggan

Tabel Pelanggan digunakan untuk menyimpan data pelanggan yang telah meregistrasikan data dirinya, yang ditunjukan seperti Tabel 3.8.

commit to user

Tabel 3.8 Tabel Pelanggan Nama Field Tipe

Data

Ukuran Field Null Keterangan

id_pelanggan Varchar 10 No Primary Key

nama_pelanggan Varchar 30 No -

alamat Text - No -

telp Varchar 12 No -

pekerjaan Varchar 50 No -

password Varchar 30 No -

tgl_daftar Datetime No -

status Enum (‘aktif’,’nonaktif’) No -

3.4.8 Tabel tips

Tabel tips digunakan untuk menyimpan data beraneka ragam bumbu masakan tradisional Indonesia tips – tips bermanfaat seputar dunia memasak, yang ditunjukan seperti Tabel 3.9.

Tabel 3.9 Tabel Tips

Nama Field Tipe Data Ukuran Field Null Keterangan

id_tips Varchar 10 No Primary Key

nama_ tips Varchar 50 No -

nama_ tips2 Varchar 50 No -

isi Text - No -

isi2 Text - No -

commit to user 3.4.9 Tabel saran

Tabel saran digunakan untuk menyimpan data saran yang dikirimkan oleh pelanggan melalui aplikasi Mobile Cooking Course, yang ditunjukan seperti Tabel 3.10.

Tabel 3.10 Tabel Saran

Nama Field Tipe Data Ukuran Field Keterangan

id_saran Varchar 10 Primary Key

nama Varchar 30 -

saran Varchar 255 -

tgl_update Datetime - -

3.4.10 Tabel resep

Tabel resep digunakan untuk menyimpan data resep masakan tradisional Indonesia, yang ditunjukan seperti Tabel 3.11.

Tabel 3.11 Tabel Resep

Nama Field Tipe Data Ukuran Field Keterangan

id_resep Varchar 10 Primary Key

nama_resep Varchar 30 Nama resep tradisional dalam bahasa Indonesia nama_resep Varchar 30 Nama resep tradisional dalam

bahasa Inggris

id_kat Varchar 20 Id kategori resep

keterangan Text - Keterangan resep tradisional dalam bahasa Indonesia Keterangan2 Text - Keterangan resep tradisional

dalam bahasa Indonesia

cara_memasak Text -

foto Varchar 25 -

commit to user 3.4.11 Tabel prosmem

Tabel prosmem digunakan untuk menyimpan data beraneka ragam proses memasak tradisional Indonesia, yang ditunjukan seperti Tabel 3.12 di bawah ini.

Tabel 3.12 Tabel Prosmem Nama Field Tipe

Data

Ukuran Field

Null Keterangan

id_prosmem Varchar 10 No Primary Key

nama_prosmem Varchar 50 No Nama proses memasak dalam bahasa Indonesia nama_prosmem2 Varchar 50 No Nama proses memasak

dalam bahasa Inggris

ket_prosmem Text - No Keterangan proses

memasak dalam bahasa Indonesia

ket_prosmem2 Text - No Keterangan proses

memasak dalam bahasa Indonesia

foto Integer 20 No -

tgl_update Datetime - No -

3.4.12 Tabel resepalat

Tabel resepalat merupakan tabel baru yang terbentuk dari relasi many to many

dari table resep dan table alat. Tabel resepalat ditunjukkan seperti Tabel 3.13. Tabel 3.13 Tabel Resepalat

Nama Field Tipe Data Ukuran Field Keterangan

id_resep Varchar 10 Primary Key

commit to user 3.4.13 Tabel resepbumbu

Tabel resepalat merupakan tabel baru yang terbentuk dari relasi many to many

dari table resep dan table bumbu. Tabel resepbumbu ditunjukkan seperti Tabel 3.14.

Tabel 3.14 Tabel Resepbumbu

Nama Field Tipe Data Ukuran Field Keterangan

id_resep Varchar 10 Primary Key

id_bumbu Varchar 10 Primary Key

3.4.14 Tabel resepbahan

Tabel resepalat merupakan tabel baru yang terbentuk dari relasi many to many

dari table resep dan table bahan. Tabel resepbahan ditunjukkan seperti Tabel 3.15. Tabel 3.15 Tabel Resepbahan

Nama Field Tipe Data Ukuran Field Keterangan

id_resep Varchar 10 Primary Key

id_bahan Varchar 10 Primary Key

3.5Rancangan Desain Sistem

a. Rancangan desain website Administrator

Perancangan desain website untuk Administrator ditunjukan seperti gambar 3.2 di bawah ini yang terbagi menjadi beberapa bagian yaitu :

1. Header, bagian ini adalah tampilan atas dari desain yang berisi judul

untuk aplikasi Mobile Cooking Course.

2. Main menu, adalah bagian yang memuat tentang tombol navigasi dari

website. Navigasi tersebut diatas digunakan untuk mengakses

halaman-halaman berikut ini:

a. Home, admin, resep, alat memasak, proses memasak, tips, pelanggan, suara pelanggan, guest book dan logout untuk user superadmin.

commit to user

b. Home, resep, alat memasak, proses memasak, tips, pelanggan, suara pelanggan, guest book dan logout untuk user admin.

3. Content, adalah isi utama dari website berisi tentang tabel – tabel yang

digunakan pada aplikasi kursus memasak masakan tradisional Indonesia berbasis J2ME.

4. Footer, berisi hak cipta pembuat website.

Gambar 3.16 Rancangan Desain Web Administrator b. Rancangan aplikasi J2ME untuk client atau pelanggan

Perancangan aplikasi untuk klien berbasiskan J2ME yang dapat diintegrasikan ke handphone dan desainnya ditampilkan seperti gambar 3.17 dan gambar 3.18 di bawah ini.

HEADER MAIN MENU

CONTENT

commit to user

a. Rancangan menu dengan bahasa Indonesia pada sisi pelanggan

Gambar 3.17 Rancangan Menu dengan Bahasa Indonesia pada sisi Pelanggan b. Rancangan menu dengan bahasa Inggris pada sisi pelanggan

Gambar 3.18 Rancangan Menu dengan Bahasa Inggris pada sisi Pelanggan

Alat Memasak Bumbu Memasak Proses Memasak Masakan

Tips

Ganti Bahasa

Tentang Petunjuk Kirim Saran

Cooking Tools Cooking Seasonings Cooking Process Cooking Recipe Tips

Send Suggestion

About Help

commit to user BAB IV

IMPLEMENTASI DAN ANALISA

4.1 Implementasi Desain dan Perancangan

Desain dan perancangan yang telah dibuat kemudian di realisasikan ke dalam pembuatan website Admin dan aplikasi mobile J2ME. Berikut ini adalah tampilan dari hasil desain dan perancangan website serta aplikasi mobile.

4.1.1 Tampilan Sisi Pelanggan

Tampilan aplikasi untuk sisi klien terbagi menjadi beberapa form antara lain :

4.1.1.1 Form Depan Pelanggan

Sistem Pelanggan diimplementasikan dengan aplikasi berbasis J2ME. Gambar 4.1 adalah tampilan awal aplikasi di sisi Pelanggan. Di form ini terdapat beberapa menu yaitu Keluar, Registrasi, User Guide dan

Login.

Gambar 4.1 Form Depan Pelanggan

4.1.1.2 Form Registrasi Pelanggan

Pelanggan yang ingin menggunakan aplikasi ini harus melakukan proses registrasi terlebih dahulu. Ketika memilih menu Registrasi maka akan tampil form seperti Gambar 4.2 . Pelanggan harus

commit to user

mengisi form registrasi secara benar. Apabila berhasil maka pelanggan akan menerima ID Pelanggan secara otomatis. ID Pelanggan yang yang didapatkan oleh pelanggan dapat digunakan untuk masuk atau login ke aplikasi setelah ID Pelanggan diaktifkan oleh admin dalam waktu maksimal 24 jam.

Gambar 4.2 Form Registrasi Pelanggan

4.1.1.3 Form Login Pelanggan

Pelanggan yang sudah melakukan registrasi dan berhasil akan mendapatkan data untuk login. Proses berikutnya adalah Login dengan menginputkan ID Pelanggan dan Password. Tampilan form Login detailnya seperti Gambar 4.3.

commit to user 4.1.1.4 Form Bahasa

Form bahasa merupakan form yang menyediakan pilihan bahasa untuk pelanggan yaitu Bahasa Indonesia dan Bahasa Inggris. Tampilan form Bahasa seperti Gambar 4.4.

Gambar 4.4 Form Bahasa

4.1.1.5 Form Menu Utama Bahasa Indonesia

Form menu utama untuk bahasa Indonesia menyediakan pilihan menu – menu yang berkaitan dengan aplikasi ini dalam bahasa Indonesia. Tampilan form Menu Utama Bahasa Indonesia seperti Gambar 4.5.

commit to user 4.1.1.5 Form Menu Utama Bahasa Inggris

Form menu utama untuk bahasa Inggris menyediakan pilihan menu – menu yang berkaitan dengan aplikasi ini dalam bahasa Inggris. Tampilan form Menu Utama Bahasa Inggris seperti Gambar 4.6.

Gambar 4.6 Form Menu Utama Bahasa Inggris

4.1.1.6 Form Alat Memasak

Form alat memasak digunakan untuk mengetahui berbagai macam alat memasak tradisional, keterangan mengenai masing – masing dan tanggal update dari inputan tersebut dalam bahasa Indonesia. Tampilan form alat memasak seperti Gambar 4.7.

commit to user

4.1.1.7 Form Cooking Tools

Form cooking tools digunakan untuk mengetahui berbagai macam alat memasak tradisional, keterangan mengenai masing – masing dan tanggal update dari inputan tersebut dalam bahasa Inggris. Tampilan form form cooking tools seperti Gambar 4.8.

Gambar 4.8 Form Cooking Tools

4.1.1.8 Form Bumbu Masakan

Form bumbu masakan digunakan untuk mengetahui berbagai macam bumbu masakan tradisional, keterangan mengenai masing – masing dan tanggal update dari inputan tersebut dalam bahasa Indonesia. Tampilan form bumbu masakan seperti Gambar 4.9.

commit to user

4.1.1.9 Form Traditional Seasonings

Form cooking seasonings digunakan untuk mengetahui berbagai macam bumbu masakan tradisional, keterangan mengenai masing – masing dan tanggal update dari inputan tersebut dalam bahasa Inggris. Tampilan form cooking tools seperti Gambar 4.10.

Gambar 4.10 Form Traditional Seasonings

4.1.1.10 Form Proses Memasak

Form proses memasak digunakan untuk mengetahui berbagai jenis proses memasak tradisional, keterangan mengenai masing – masing dan tanggal update dari inputan tersebut dalam bahasa Indonesia. Tampilan form proses memasak seperti Gambar 4.11.

commit to user

4.1.1.11 Form Cooking Process

Form cooking process digunakan untuk mengetahui berbagai jenis proses memasak tradisional, keterangan mengenai masing – masing dan tanggal update dari inputan tersebut dalam bahasa Inggris. Tampilan form cooking process seperti Gambar 4.12.

Gambar 4.12 Form Cooking Process

4.1.1.12 Form Resep Masakan

Form resep masakan digunakan untuk mengetahui berbagai macam masakan tradisional Indonesia, foto resep, kategori resep, keterangan, cara memasak, alat – alat yang digunakan, bumbu – bumbu yang digunakan, yang digunakan, bahan – bahan yang digunakan dan tanggal update digunakan dari masing – masing jenis masakan dalam bahasa Indonesia. Tampilan form resep masakan seperti Gambar 4.13.

commit to user

4.1.1.13 Form Cooking Recipe

Form cooking recipe digunakan untuk mengetahui berbagai macam masakan tradisional Indonesia, foto resep, kategori resep, keterangan, cara memasak, alat – alat yang digunakan, bumbu – bumbu yang digunakan, yang digunakan, bahan – bahan yang digunakan dan tanggal update dari masing – masing jenis masakan dalam bahasa Inggris. Tampilan form cooking recipe seperti Gambar 4.14 .

Gambar 4.14 Form Cooking Recipe

4.1.1.14 Form Tips dalam Bahasa Indonesia

Form tips dalam Bahasa Indonesia digunakan untuk menampilkan berbagai tips yang berguna seputar dunia memasak dan tanggal update dari masing – masing tips dalam bahasa Indonesia. Tampilan form tips dalam Bahasa Indonesia seperti Gambar 4.15.

commit to user 4.1.1.15 Form Tips dalam Bahasa Inggris

Form tips dalam Bahasa Inggris digunakan untuk menampilkan berbagai tips yang berguna seputar dunia memasak dan tanggal update dari masing – masing tips dalam bahasa Inggris. Tampilan form Tips dalam bahasa Inggris seperti Gambar 4.16.

Gambar 4.16 Form Tips dalam Bahasa Inggris

4.1.1.16 Form Saran

Form saran digunakan untuk memudahkan pelanggan dalam menyampaikan saran mengenai Aplikasi Mobile Cooking Course dalam bahasa Indonesia. Saran dikirimkan pelanggan melalui form saran ke server aplikasi Mobile Cooking Course. Tampilan form saran seperti Gambar 4.17.

commit to user

4.1.1.17 Form Suggestion

Form suggestion digunakan untuk memudahkan pelanggan dalam menyampaikan saran mengenai Aplikasi Mobile Cooking Course.

Saran dikirimkan pelanggan melalui form suggestion ke server aplikasi

Mobile Cooking Course. Tampilan form suggestion seperti Gambar 4.18.

Gambar 4.18 Form Suggestion

4.1.1.18 Form Petunjuk

Form petunjuk digunakan untuk memberikan petunjuk mengenai fungsi menu – menu pada Aplikasi Mobile Cooking Course kepada pelanggan dalam bahasa Indonesia. Tampilan form petunjuk seperti Gambar 4.19.

commit to user

4.1.1.19 Form Help

Form Help digunakan untuk memberikan petunjuk mengenai fungsi menu – menu pada Aplikasi Mobile Cooking Course kepada pelanggan dalam bahasa Inggris. Tampilan form Help seperti Gambar 4.20.

Gambar 4.20 Form Help

4.1.1.18 Form Tentang Kami

Form tentang menampilkan keterangan mengenai pembuat Aplikasi Mobile Cooking Course dalam bahasa Indonesia. Tampilan form tentang seperti Gambar 4.21.

commit to user

4.1.1.19 Form About Us

Form about menampilkan keterangan mengenai pembuat Aplikasi

Mobile Cooking Course dalam bahasa Inggris. Tampilan form tentang

seperti Gambar 4.22.

Gambar 4.22 Form About Us

4.1.2 Tampilan Sisi Administrator

Tampilan aplikasi webserver untuk sisi administrator terbagi menjadi beberapa halaman antara lain :

4.1.2.1 Halaman Utama untuk Admin

Halaman utama atau halaman home merupakan halaman yang pertama kali muncul setelah Admin melakukan proses login dengan benar. Pada halaman utama Admin, tidak ada fasilitas menu Admin, dimana menu ini digunakan untuk melihat daftar admin, menambahkan, mengedit serta menghapus admin. Halaman ini ditampilkan seperti Gambar 4.23.

commit to user

Gambar 4.23 Halaman Utama untuk Admin

4.1.2.2 Halaman Utama untuk Superadmin

Halaman utama atau halaman home merupakan halaman yang pertama kali muncul setelah Superadmin melakukan proses login dengan benar. Pada halaman utama Superadmin, terdapat fasilitas menu Admin, dimana menu ini digunakan untuk melihat daftar admin, menambahkan, mengedit serta menghapus admin. Halaman ini ditampilkan seperti Gambar 4.24.

commit to user 4.1.2.3 Halaman Input Resep

Halaman input resep merupakan halaman yang digunakan oleh Admin untuk menginputkan data – data resep masakan tradisional ke sistem Mobile

Cooking Course. Data yang dimasukan antara lain nama resep dalam bahasa

Indonesia, nama resep dalam bahasa Inggris, kategori resep dalam bahasa Indonesia, kategori resep dalam bahasa Inggris, keterangan resep dalam bahasa Indonesia, keterangan resep dalam bahasa Inggris, cara memasak dalam bahasa Indonesia, cara memasak dalam bahasa Inggris dan foto, sedangkan untuk ID resep tercipta otomatis oleh sistem. Halaman ini ditampilkan seperti Gambar 4.25

Gambar 4.25 Halaman Input Resep

4.1.2.4 Halaman Resep

Halaman resep merupakan halaman yang menampilkan data resep tradisional yang tersimpan di database. Di halaman ini akan ditampilkan ID, nama resep, kategori dan tanggal update resep. Field tabel yang terakhir yaitu aksi berupa input alat, input bumbu, input bahan, edit dan delete seperti ditunjukan pada Gambar 4.26.

commit to user

Gambar 4.26 Halaman Resep

4.1.2.5 Halaman Detail Resep

Halaman detail resep berisi detail data resep ketika Admin memilih link

data resep, maka otomatis akan mengarah ke halaman detail resep. Di halaman ini ditampilkan data resep yang lebih detail dibandingkan pada halaman resep termasuk foto resep seperti ditunjukan pada Gambar 4.27.

commit to user 4.1.2.6 Halaman Input Alat Memasak

Halaman input alat memasak merupakan halaman yang digunakan oleh Admin untuk menginputkan data alat – alat memasak tradisional ke sistem Mobile

Cooking Course. Data yang dimasukan antara lain nama alat memasak dalam

bahasa Indonesia, nama alat memasak dalam bahasa Inggris, keterangan alat memasak dalam bahasa Indonesia, keterangan alat memasak dalam bahasa Inggris, dan foto masing – masing alat memasak tradisional, sedangkan untuk ID alat tercipta otomatis oleh sistem. Halaman ini ditampilkan seperti Gambar 4.28.

Gambar 4.28 Halaman Input Alat Memasak

4.1.2.7 Halaman Alat Memasak

Halaman alat memasak merupakan halaman yang menampilkan data alat memasak tradisional yang tersimpan di database. Di halaman ini akan ditampilkan ID, nama alat dan tanggal update alat memasak. Field tabel yang terakhir yaitu aksi berupa edit dan delete seperti ditunjukan pada Gambar 4.29.

commit to user

Gambar 4.29 Halaman Alat Memasak

4.1.2.8 Halaman Detail Alat Memasak

Halaman detail alat memasak berisi detail data alat memasak ketika Admin memilih link data alat memasak, maka otomatis akan mengarah ke halaman detail alat memasak. Di halaman ini ditampilkan data alat memasak yang lebih detail dibandingkan pada halaman alat memasak termasuk foto masing – masing alat memasak seperti ditunjukan pada Gambar 4.30 .

commit to user 4.1.2.9 Halaman Input Bahan Masakan

Halaman input bahan masakan merupakan halaman yang digunakan oleh Admin untuk menginputkan data bahan – bahan masakan ke sistem Mobile

Cooking Course. Data yang dimasukan antara lain nama bahan masakan dalam

bahasa Indonesia, nama bahan masakan dalam bahasa Inggris, satuan bahan masakan dalam bahasa Indonesia, satuan bahan masakan dalam bahasa Inggris, dan foto masing – masing bahan masakan tradisional, sedangkan untuk ID bahan masakan tercipta otomatis oleh sistem. Halaman ini ditampilkan seperti Gambar 4.31.

Gambar 4.31 Halaman Input Bahan Memasak

4.1.2.10 Halaman Bahan Masakan

Halaman bahan masakan merupakan halaman yang menampilkan data bahan masakan yang tersimpan di database. Di halaman ini akan ditampilkan ID, nama bahan masakan dalam bahasa Indonesia, nama bahan masakan dalam bahasa Inggris, satuan bahan masakan dalam bahasa Indonesia dan satuan bahan masakan

commit to user

dalam bahasa Inggris. Field tabel yang terakhir yaitu aksi berupa edit dan delete

seperti ditunjukan pada Gambar 4.32.

Gambar 4.32 Halaman Bahan Masakan

4.1.2.11 Halaman Input Bumbu

Halaman input bumbu merupakan halaman yang digunakan oleh Admin untuk menginputkan data bumbu – bumbu tradisional ke sistem Mobile Cooking

Course. Data yang dimasukan antara lain nama bumbu dalam bahasa Indonesia,

nama bumbu dalam bahasa Inggris, satuan bumbu dalam bahasa Indonesia, satuan bumbu dalam bahasa Inggris, keterangan bumbu dalam bahasa Indonesia, keterangan bumbu dalam bahasa Inggris, dan foto masing – masing bumbu tradisional, sedangkan untuk ID alat tercipta otomatis oleh sistem. Halaman ini ditampilkan seperti Gambar 4.33 .

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

70

ditampilkan ID, nama tips dalam bahasa Indonesia, nama tips dalam bahasa

Inggris, isi tips dalam bahasa Indonesia dan isi tips dalam bahasa Inggris. Field

tabel yang terakhir yaitu aksi berupa edit dan delete seperti ditunjukan pada

Gambar 4.40.

Gambar 4.40 Halaman Tips 4.1.2.19 Halaman Pelanggan

Halaman pelanggan merupakan halaman yang menampilkan seluruh data

pelanggan yang telah melakukan registrasi ke dalam system Mobile Cooking

Course. Di halaman ini akan ditampilkan ID pelanggan, nama pelanggan, alamat,

pekerjaan, telepon dan tanggal pendaftaran masing – masing pelanggan. Field

tabel yang terakhir yaitu aksi berupa tombol untuk mengaktifkan atau

commit to user

Gambar 4.41 Halaman Pelanggan 4.1.2.20 Halaman Suara Pelanggan

Halaman suara pelanggan merupakan halaman yang menampilkan seluruh

saran yang telah berhasil dikirimkan pengguna melalui aplikasi Mobile Cooking

Course ke dalam system Mobile Cooking Course. Di halaman ini akan ditampilkan ID saran, nama pengirim saran, isi saran dan tanggal pengiriman

masing – masing saran ke system Mobile Cooking Course. Field tabel yang

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

72

Gambar 4.42 Halaman Suara Pelanggan 4.1.2.21 Halaman Guest book pada Halaman Admin

Halaman Guest book merupakan halaman yang menampilkan seluruh data

pengunjung web administrator yang mengisi guest book atau buku tamu pada

halaman pengunjung pada web administrator Mobile Cooking Course. Di halaman

ini akan ditampilkan ID no urut pengisian guest book, nama pengisi guest book,

komentar dari masing – masing pengisi guest book, email dari masing – masing

pengisi guest book dan tanggal pengisian guest book. Pada halaman ini Admin

dapat menghapus pesan yang ditulis pengunjung pada guest book dan menyetujui

apakah pesan yang dikirimkan oleh pengunjung web administrator layak

ditampilkan di halaman Guest Book pada halaman yang bebas diakses oleh setiap

pengunjung web administrator. Tampilan halaman Guest Book untuk Admin

commit to user

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

74

BAB V PENUTUP

5.1. Kesimpulan

Kesimpulan dari uraian hasil dan pembahasan di atas, bahwa aplikasi pembelajaran masakan tradisional Indonesia sudah dapat dibuat menggunakan bahasa pemograman Java J2ME untuk sisi klien dan bahasa pemrograman PHP

untuk website Administrator serta menggunakan database MySQL.

Fitur –fitur yang mendukung antara lain :

a. Aplikasi untuk klien yang terpasang di handphone memudahkan pelanggan

untuk mengetahui berbagai macam alat memasak tradisional Indonesia, bumbu tradisional Indonesia, proses memasak tradisional Indonesia, resep

kuliner tradisional Indonesia dan tips – tips bermanfaat seputar dunia

memasak.

b. Aplikasi web server untuk sisi administrator dapat melakukan kontrol data

pelanggan, data alat masak tradisional, data bumbu masak tradisional, data proses memasak tradisional, data bahan masakan, data resep tradisional, data

commit to user 5.2. Saran

Berdasarkan kesimpulan yang diperoleh maka perlu dilakukan

pengembangan berupa penambahan fasilitas dari aplikasi sebagai berikut:

a. Penambahan menu detail alat dan detail bumbu untuk masing – masing resep

untuk membantu pelanggan yang kesulitan dalam mengenali dan memahami alat dan bumbu, dll.

b. Pembuatan aplikasi mobile untuk sisi admin dimana dari dari aplikasi tersebut

admin dapat menginputkan data – data resep masakan tradisional Indonesia.

c. Pembuatan aplikasi Mobile Cooking Course yang memanfaatkan Wi-Fi untuk