commit to user 12
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 13
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 dapat dilihat pada gambar 3.1.
commit to user 14
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 15
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 :
a. Menu Alat Memasak
commit to user 16
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 17
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 18
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 dijaga dan dilestarikan. Sulit, merepotkan dan memakan banyak waktu adalah tiga
commit to user 19
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 20
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 JavaTM Wireless Toolkit 2.5.2 for CLDC.
Sun JavaTM 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 web browser.
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.3 Perancangan 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 21
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
Gambar 3.2 Use Case Diagram
commit to user 22
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 23
3.3.2 Class Diagram
Gambar 3.3 Class Diagram
commit to user 24
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 Diagram Register 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 pelanggan akan menerima informasi data dirinya telah terdaftar di sistem.
commit to user 25
b. Sequence Diagram Login
: Admin : Client
: Form Login : Kontrol Login
: Form Utama Admin : Admin
: Pelanggan : Form Bahasa CLient
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 Diagram Login 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,
dan bila gagal akan ditampilkan pesan kesalahan.
commit to user 26
c. Sequence Diagram Alat
: Admin : Client
: form input alat : Kontrol
: Alat : form 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 27
d. Sequence Diagram Bumbu
: Admin : Client
: Form Input Bumbu : Kontrol
: Bumbu : Form 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 bumbu untuk ditampilkan melalui aplikasi J2ME di handphone.
commit to user 28
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 database melalui sisi administrator.
commit to user 29
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 database bumbu untuk ditampilkan melalui aplikasi J2ME di handphone.
commit to user 30
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 tips untuk ditampilkan melalui aplikasi J2ME di handphone.
commit to user 31
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 database melalui sisi administrator.
commit to user 32
i. Sequence Diagram Lihat Resep
: Client : Kontrol
: Resep : resepBahan : resepBumbu
: resepAlat : Form Resep
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 33
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
pemberitahuan dari sistem bahwa saran berhasil dikirimkan.
commit to user 34
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 Keluar
Keluar Keluar
Lihat Detail Keluar
Keluar Keluar
Keluar Keluar
Keluar Keluar
Keluar Keluar
Proses Mema... Alat
Saran Resep
Tentang Petunjuk
tips Bumbu Cooking Processes
Tools
Tips Seasonings
Suggestion Recipe
About
Help
Kembali
Gambar 3.14 Activity Diagram Mobile Cooking Course
commit to user 35
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 Cooking Course, ditunjukan seperti Gambar 3.15.
commit to user 36
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 37
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
- tgl_update
Datetime -
No -
commit to user 38
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
- status
Enum ‘YES’,’NO’
No -
commit to user 39
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 40
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
- tgl_update
Datetime -
No -
commit to user 41
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 -
tgl_update Datetime
- -
commit to user 42
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 Id_alat
Varchar 10
Primary Key
commit to user 43
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.5 Rancangan 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 44
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
FOOTER
commit to user 45
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
Change Language
commit to user 46
BAB IV IMPLEMENTASI DAN ANALISA
4.1 Implementasi Desain dan Perancangan