APLIKASI RESEP MASAKAN BERBASIS WEBSITE PADA

SEKOLAH MENENGAH KEJURUAN NEGERI 1 KOTA TEGAL

HALAMAN JUDUL

PROPOSAL TUGAS AKHIR

Diajukan Sebagai Salah Satu Syarat Untuk Menempuh Mata Kuliah Tugas Akhir
Pada Program Studi D IV Teknik Informatika

Oleh :
Nama : Fitria Tahta Alfina
NIM : 15090084

POLITEKNIK HARAPAN BERSAMA

KOTA TEGAL
2019
 HALAMAN PENGESAHAN
PROPOSAL TUGAS AKHIR

APLIKASI RESEP MASAKAN BERBASIS WEBSITE PADA

SEKOLAH MENENGAN KEJURUAN NEGERI 1 KOTA TEGAL

Sebagai Salah Satu Syarat Untuk Menempuh Mata Kuliah Tugas Akhir
Pada Program Studi D IV Teknik Informatika
Oleh :

Nama : Fitria Tahta Alfina

Nim : 15090084

Tegal,
Menyetujui

Penilai Mengetahui,

Ka. Prodi D IV Teknik Informatika

Dyah Apriliani, S.T., M.Kom Ginanjar Wiro Sasmito, M.Kom

NIPY. 09.015.225 NIPY. 10.007.032

ii
 DAFTAR ISI

HALAMAN JUDUL................................................................................................i

HALAMAN PENGESAHAN.................................................................................ii

DAFTAR ISI...........................................................................................................iii

DAFTAR GAMBAR...............................................................................................v

DAFTAR TABEL...................................................................................................vi

1. JUDUL..............................................................................................................1

2. PENDAHULUAN............................................................................................1

2.1. Latar belakang......................................................................................1

2.2. Perumusan Masalah...............................................................................3
2.3. Batasan Masalah....................................................................................3
2.4. Tujuan Penelitian...................................................................................3
2.5. Manfaat Penelitian.................................................................................4
3. TINJAUAN PUSTAKA...................................................................................4

4. LANDASAN TEORI......................................................................................10

4.1. Sistem..................................................................................................10
4.2. Informasi..............................................................................................12
4.3. Sistem Infromasi..................................................................................13
4.4. Resep....................................................................................................14
4.5. Struktur Standar Resep........................................................................14
4.6. Tata Hidang..........................................................................................15
4.7. MySQL.................................................................................................15
4.8. Web.......................................................................................................16
4.9. Web Server...........................................................................................18
4.10. Web Browser........................................................................................19
4.11. Web Service..........................................................................................19
4.12. UML (Unified Modelling Language)..................................................20

iii
 4.13. Xampp..................................................................................................25
4.14. Metode Waterfall.................................................................................25
4.15. HTML (Hypertext Markup Language)................................................27
4.16. Framework CodeIgniter......................................................................30
4.17. JavaScript............................................................................................32
4.18. CSS (Cascading Style Sheet)...............................................................32
5. METODOLOGI PENELITIAN.....................................................................33

5.1. Bahan Penelitian..................................................................................33

5.2. Alat Penelitian.....................................................................................33
5.3. Alur Penelitian.....................................................................................34
5.4. Flowchart Alur Penelitian....................................................................36
6. JADWAL PENELITIAN................................................................................37

7. DAFTAR PUSTAKA.....................................................................................37

iv
 DAFTAR GAMBAR
Gambar 1. Alur Sistem...........................................................................................10
Gambar 2. Hirarki Database..................................................................................16
Gambar 3. Metode Waterfall..................................................................................26
Gambar 4. Flowchart Alur Peneltian.....................................................................36

v
 DAFTAR TABEL

Tabel 1.Tabel GAP...................................................................................................7

Tabel 2 Simbol-Simbol pada Use case diagram....................................................21
Tabel 3. Simbol-simbol Activity Diagram.............................................................22
Tabel 4. Simbol-simbol Sequence Diagram..........................................................23
Tabel 5. Simbol-simbol Class Diagram.................................................................24
Tabel 6. Elemen-Elemen Baru Pada HTML5.........................................................26
Tabel 7. Jadwal Penelitian......................................................................................37
1. JUDUL
“Aplikasi Resep Masakan Berbasis Website Pada Sekolah Menengah
Kejuruan Negeri 1 Kota Tegal”

2. PENDAHULUAN
2.1. Latar belakang
Sekolah merupakan suatu wadah yang berfungsi untuk melaksanakan
proses belajar-mengajar, pelatihan dan pengembangan terhadap siswanya.
Siswa diharapkan bisa mengikuti perkembangan ilmu pengetahuan dalam
bidang teknologi informasi. Hal tersebut menjadi pendorong dalam
menunjang proses belajar-mengajar dan proses-proses lainnya agar bisa
menghasilkan lulusan yang berkualitas. Namun demikian, masih banyak
sekolah yang belum secara maksimal memanfaatkan teknologi informasi.
Akibatnya,proses belajar mengajar kurang maksimal.
Sekolah Menengah Kejuruan 1 Negeri Kota Tegal (SMKN 1 Kota
Tegal) adalah Sekolah Menengah Kejuruan kelompok pariwisata yang
mempunyai lima jurusan keahlian, salah satu diantaranya adalah Jasa Boga.
Jasa Boga adalah adalah Kompetensi Keahlian yang berada di bawah
Program Studi Keahlian Tata Boga, Bidang Studi Keahlian Pariwisata.
Kompetensi Keahlian Jasa Boga memberikan pengetahuan dan keterampilan
kepada peserta didik dibidang pengolahan, penyajian dan pelayanan
makanan dan minuman.
Makanan indonesia adalah susunan makanan yang terdiri dari
makanan pokok, lauk pauk, sayuran, sambal, sedap-sedapan, dan
minuman. Sedangkan masakan kontinental adalah Masakan yang berasal
dari negara yang mempunyai dataran luas, seperti perancis, inggris, amerika,
australia (negara-negara eropa). Masakan Indonesia dan Kontinental serta
Tata Hidang sudah menjadi mata pelajaran pokok pada bidang keahlian Jasa
Boga. kegiatan belajar mengajar pada bidang keahlian Jasa Boga sangat
padat. Sudah terbukti dengan lulusanya dari zaman dulu. Siswa selalu di
ajarkan dengan ketat dan disiplin. Akan tetapi tidak jarang siswa siswi pada

1
bidang keahlian Jasa Boga kurang memahami pelajaran yang di berikan
oleh guru pada saat menjelaskan resep masakan. Karena banyak bahan
makanan yang harus di pelajari dan masih menggunakan system dikte. Hal
ini dapat memotong waktu yang idealnya di sediakan 3 hari untuk jadwal
memasak namun tepotong karena untuk menulis resep masakan yang akan
dipraktekan. Tidak sedikit siswa siswi pada bidang keahlian Jasa Boga yang
tertinggal dalam menulis resep masakan dan materi yang di berikan.
Setelah selesai memasak biasanya para guru akan memberikan nilai
masakan kepada setiap kelompok. sistem penilian hasil masakan masih
menggunakan pencatatan manual dan hanya di umumkan pada saat
pembagian raport saja. Hal ini menyebabkan nilai tidak transparan untuk
siswa sehingga siswa tidak dapat saling belajar satu sama lain. Laporan
memasak dan laporan belanja adalah suatu hal yang wajib di kerjakan ketika
seorang siswa dari jurusan jasa boga akan melakukan praktek memasak.
Dari waktu ke waktu membuat laporan memasak dan laporan belanja masih
di buat secara manual dengan menggunakan tulis tangan. Hal ini akan
memakan banyak waktu dan sangat beresiko untuk kehilangan data.

Oleh karena itu, perlu adanya solusi untuk mengatasi permasalahan

yang terjadi pada sistem pembelajaran di smk 1 kota tegal. Sebagai media
informasi dan komunikasi, website menjadi pilihan yang paling tepat dalam
mengimplementasikan Aplikasi Resep Masakanpada smk 1 kota tegal.
Website dapat diakses oleh siapa saja dan dimana saja tanpa dibatasi waktu
dan tempat. Untuk mengakses sebuah website, seseorang cukup
menggunakan seperangkat komputer yang terhubung internet. Dengan
“Aplikasi Resep MasakanBerbasis Website Pada Sekolah Menengah
Kejuruan Negeri 1 Kota Tegal” diharapkan menjadi solusinya. Aplikasi ini
dapat memberikan informasi mengenai profile kejuruan, informasi resep
masakan dan tata hidang, perincian daftar belanja, pembuatan laporan
masak dan laporan belanja, juga siswa dapat mengupload hasil masakan dan
mengetahui rincian nilai dari tempat masing-masing.

2
2.2. Perumusan Masalah
Bedasarkan latar belakang masalah, maka permasalahan dapat
dirumuskan sebagai berikut :
1. Bagaimana membangun sebuah aplikasi yang dapat membantu siswa
dalam pencarian resep masakan dan materi tata hidang, membuat
laporan memasak dan perencanaan belanja dengan mudah di SMKN 1
Kota Tegal?
2. Bagaimana merancang aplikasi yang dapat membantu guru dalam
menyimpan resep masakan, materi tata hidang, nilai siswa ,data
laporan belanja dan data laporan masak dan dengan baik dan aman?
3. Bagaimana merancang dan membangun Aplikasi Resep Masakan
berbasis Website?
2.3. Batasan Masalah
Adapun batasan ruang lingkup dari penelitian yang dikerjakan
adalah sebagai berikut :
1. Penelitian hanya di lakukan pada SMKN 1 Kota Tegal jurusan Jasa
Boga.
2. Aplikasi ini di bangun berbasis website.
3. Aplikasi Resep Masakan dibangun untuk memberikan informasi
mengenai profile kejuruan, informasi resep masakan dan tata hidang,
perincian daftar belanja, pembuatan laporan masak dan laporan
belanja, juga siswa dapat mengupload hasil masakan dan mengetahui
rincian nilai dari tempat masing-masing .
4. Terdapat menu masakan Indonesia dan Kontinental dari mulai
appetizer samapai dengan desert, menu tata hidang, profil, penilaian,
dan pencarian.
5. Aplikasi Resep Masakan ini dapat membuat rincian belanja secara
otomatis melalui berapa banyak porsi makanan yang akan di masak
pada sebuah resep.
2.4. Tujuan Penelitian
Tujuan membuat aplikasi ini memudahkan siswa untuk mengetahui
resep masakan dan cara menghidangkan makanan yang baik tanpa harus
mengurangi waktu belajar di sekolah untuk mecatat resep dan membuat
laporan memasak dan belanja secara manual, juga dengan lebih

3
 transparannya nilai diharapkan siswa dapat saling belajar satu sama lain
dengan siswa yang lainnya. Dengan menggunakan Aplikasi Resep Masakan
berbasis web siswa akan mendapatkan informasi dengan cepat dan efisien.
2.5. Manfaat Penelitian
Penelitian ini diharapkan dapat memberikan manfaat bagi :
1. Bagi Siswa Dan Guru
a. Memudahkan siswa mendapatkan informasi resep masakan dan
cara menghidangkan makanan berdasarkan urutan menu.
b. Memudahkan siswa dalam mencari resep yang diinginkan.
c. Mempermudah siswa dalam membuat laporan dengan cepat dan
mudah.
2. Bagi Sekolah
a. Penerimaan informasi yang berisi data resep masakan di jurusan
jasa boga, sehingga memudahkan guru dalam memaksimalkan
proses belajar mengajar.
b. Mempermudah guru dalam penyimpanan data laporan belanja.
3. Bagi Peneliti
a. Menerapkan ilmu yang didapat di Politeknik Harapan Bersama.
b. Mengetahui pengujian kualitas dalam suatu software berbasis
website.
4. Bagi Politeknik Harapan Bersama Tegal
a. Memberi informasi bagi mahasiswa lain dalam membuat aplikasi
dengan tema sejenis atau mengembangkannya.
b. Menambah kepustakaan di Politeknik Harapan Bersama.

3. TINJAUAN PUSTAKA.
Dalam penelitian yang berjudul “Penerapan Metode Case Based
Reasoning Pada Pengembangan Aplikasi Recipe Recommendation Berbasis
Android”. Penelitian tersebut dilatar belakangi Resep masakan dibutuhkan
sebagai sarana yang dapat menuntun pada saat mempersiapkan bahan-
bahan masakan, cara memasak dan menyajikan suatu masakan. Pada
saat ini pengguna smartphone semakin banyak. Dari banyaknya
pengguna smartphone, sistem operasi yang mempunyai banyak pengguna
adalah Android. Tujuan dibuatnya aplikasi ini untuk memberi petunjuk atau
rekomendasi masakan apa saja yang dapat dibuat dengan menginput bahan-

4
bahan apa saja yang tersedia dan aplikasi ini juga memberikan resep
lengkapnya beserta langkah-langkah memasak dan cara penyajiannya.
Metode yang digunakan dalam pembuatan aplikasi ini Case Based
Reasoning (CBR). Dalam penelitian menghasilkan aplikasi “Recipe
Recommendations” berbasis Android dengan menerapkan metode Case-
Based Reasoning [1].
Dalam penelitian berjudul “Aplikasi Resep Masakan Indonesia
Berbasis Android”.Penelitian tersebut dilatar belakangi Banyaknya Provinsi
di Indonesia tidak menutup kemungkinan hilangnya resep asli masakan
Indonesia. Pelestarian resep asli masakan Indonesia harus dilakukan
karena merupakan bagian dari kebudayaan Indonesia yang harus kita
banggakan. Tingkat kesehatan seseorang sangat tergantung dengan apa yang
dia makan. Penting untuk bisa memilih dengan cerdas makanan yang
dapat menunjang kesehatan secara keseluruhan. Tujuan dari pembuatan
aplikasi ini adalah untuk menjaga kelestarian masakan tradisional di
Indonesia dan menyampaikan nilai gizi pada masakan tersebut pada
masyarakat. Metode penelitian yang digunakan adalah metode SDLC
(System Development Life Cycle) dalam perancangan dan pembangunan
sistem. Selanjutnya proses dibuat dengan UML (Unified Modelling
Language), Use Case Diagram dan diimplementasikan menggunakan
aplikasi Android Developer Tools (ADT). Hasil dari penelitian ini yaitu
Aplikasi Resep Masakan Indonesia berbasis Android. Aplikasi ini
dilengkapi dengan kelengkapan masakan dari 34 provinsi di Indonesia dan
dengan informasi yang terdapat di dalamnya yaitu Resep, kandungan
gizi, efek negative dan positif serta khasiat bumbu dan sayuran [2].
Dalam penelitian berjudul “Aplikasi Pencarian Resep Masakan
Berbasis Mobile Web Berdasarkan Ketersediaan Bahan Dengan Metode
Simple Additive Weighting”. Penelitian tersebut dilatar belakangi Resep
masakan sangat dibutuhkan sebagai sarana yang dapat menuntun pada saat
mempersiapkan bahan-bahan masakan, cara untuk membuat serta cara untuk
menyajikannya agar menghasilkan masakan dengan cita rasa yang lezat

5
dan menarik. Tujuan dari pembuatan aplikasi ini adalah untuk dijadikan
salah satu referensi dalam mencari sebuah resep masakan. Metode dalam
aplikasi ini menggunakan metode SAW (Simple Additive Weighting),
metode dan Metode ROC (Rank Order Centroid) digunakan untuk
menentukan nilai kriteria pada metode SAW. Dari penelitian menghasilkan
Aplikasi Pencarian Resep Masakan Berbasis Mobile Web Berdasarkan
Ketersediaan Bahan untuk membuat suatu referensi dalam mencari sebuah
resep masakan [3].
Dalam penelitian berjudul “Rancang Bangun Aplikasi Resep Masakan
Berbasis Mobile Web Dengan Metode Case-Based Reasoning”. Penelitian
tersebut dilatar belakangi Resep masakan sangat dibutuhkan sebagai
sarana yang dapat menuntun pada saat mempersiapkan bahan-bahan
masakan, cara untuk membuat serta cara untuk menyajikannya agar
menghasilkan masakan dengan cita rasa yang lezat dan menarik. Case-
Based Reasoning merupakan sebuah pendekatan penyelesaian maalah
dengan menekankan peran pengalaman sebelumnya. Aplikasi ini
menerapkan konsep client-server yang memanfaatkan internet yang
dibangun dengan berbasis mobile web. Tujuan dari pembuatan aplikasi
ini adalah untuk pencarian dan rekomendasi resep masakan yang cocok
berdasarkan bahan makanan yang tersedia didapur user dengan
menggunakan metode Case-Based Reasoning. Metode dalam aplikasi ini
menggunakan metode pengembangan sistem yang digunakan dalam
pembuatan sistem ini adalah metode Software Development Life Cycle
(SDLC). Dari penelitian menghasilkan aplikasi Rancang Bangun Aplikasi
Resep Masakan Berbasis Mobile Web [4].
Dalam penelitian berjudul “Resep dan Rekomendasi Resep Makanan
Pribadi”. Penelitian tersebut dilatar belakangi Rekomendasi resep makanan -
Pencarian umum untuk resep makanan di berbagai resep yang
merekomendasikan situs web tidak memperhitungkan bahan makanan yang
ada saat ini hadir dengan pengguna. Dalam kasus seperti ini, masalah
muncul untuk mengetahui resep oleh pengguna sendiri dengan arus
menyajikan bahan-bahan. Tujuan dari pembuatan aplikasi ini adalah untuk

6
membantu pengguna dalam pengambilan keputusan saat mencari resep yang
paling relevan menggunakan bahan mereka sudah punya. Dari penelitian
menghasilkan aplikasi rekomendasi dan pencarian resep makanan pribadi
sistem berbasis web untuk memudahkan pengguna untuk mencari untuk
resep acak hanya untuk dijelajahi selama waktu luang atau sebagai sesuai
minat mereka [5].
Berikut Tabel GAP masing – masing Penelitian :
Tabel 1. Tabel GAP Pembeda
No. Judul Artikel Keterangan Pembeda

1. Lia Artika Rani (2016) Apliksi menggunakan Menggunakan

“Penerapan Metode metode Case Based Metode
Case Based Reasoning, Aplikasi Waterfall,
Reasoning Pada berbasis android , Aplikasi
Pengembangan Aplikasi berguna untuk berbasis website,
Aplikasi Recipe memberi petunjuk atau Aplikasi dibuat
Recommendation rekomendasi masakan guna untuk
Berbasis Android” apa saja yang dapat memberi
dibuat dengan kemudahan bagi
menginput bahan-bahan siswa dan guru
apa saja yang tersedia pada SMK N 1
dan juga memberikan Kota Tegal
resep lengkapnya dalam proses
beserta langkah- belajar
langkah memasak dan mengajar.
cara penyajiannya.

2 Akromul Hakim Aplikas berbasis Aplikasi

Nashuha dan Umi Android, dilengkapi berbasis website,
Fadlilah (2014) dengan kelengkapan Aplikasi di
“Aplikasi Resep masakan dari 34 lengkapi dengan
Masakan Indonesia provinsi di Indonesia seluruh resep
Berbasis Android” dan dengan informasi masakan dan

7
No. Judul Artikel Keterangan Pembeda

yang terdapat di materi yang ada

dalamnya yaitu Resep, di Jasa Boga dan
kandungan gizi, efek Sistem penilaian
negatif dan positif serta yang hanya
khasiat bumbu dan khusus di
sayuran. gunakan untuk
jurusan Jasa
Boga di SMK N
1 Kota Tegal.
3 Tino Aprika Santoso Aplikasi menggunakan Aplikasi
(2016) “Aplikasi metode Simple menggunakan
Pencarian Resep Additive Weighting metode
Masakan Berbasis (SAW), Aplikasi Waterfall,
Mobile Web memberikan hasil aplikasi
Berdasarkan pencarian resep memberikan
Ketersediaan Bahan masakan dalam bentuk hasil pencarian
Dengan Metode kumpulan list resep resep masakan
Simple Additive yang dapat dengan berdarkan
Weighting” mudah dipahami oleh susunan menu
penggguna. makanan.

4 Pradiptya Setyahadi Aplikasi berbasis Aplikasi

(2014) “Rancang Mobile Web, Aplikasi berbasis
Bangun Aplikasi tidak adanya fitur Website,Aplikasi
Resep Masakan konversi satuan bahan login
Berbasis Mobile Web masakan untuk berdasarkan
Dengan Metode Case- memudahkan user nomer induk
Based Reasoning” dalam menginput bahan siswa.
ke dalam sistem
rekomendasi.

5 Anand Masurkar Aplikasi di bangun Aplikassi

8
 No. Judul Artikel Keterangan Pembeda

(2017) “Resep dan untuk masyarakat dibangun untuk

Rekomendasi Resep umum, Aplikasi SMKN 1 Kota
Makanan Pribadi” berfungsi untuk Tegal jurusan
pengambilan keputusan Jasa Boga,
saat mencari resep yang Aplikasi
paling relevan berfungsi untuk
menggunakan bahan metode
mereka sudah punya. pembelajaran
pada SMK N 1
Kota Tegal.
Berdasarkan penelitian terdahulu mengenai Aplikasi Resep
MasakanBerbasis Website Pada Sekolah Menengah Kejuruan Negeri 1 Kota
Tegal, maka keunggulan penelitian yang dibuat dibandingkan dengan
penelitian terdahulu adalah dengan adanya pencarian resep masakan
berdasarkan susunan menu, bisa menampilkan materi tata hidang dan menu
profil untuk membuat laporan memasak dan laporan belanja untuk setiap
kelompok juga menu penilaian yang hanya dapat di gunakan khusus untuk
siswa SMK N 1 Kota Tegal Jurusan Jasa Boga.

4. LANDASAN TEORI
4.1. Sistem
Sistem adalah sekelompok komponen dan elemen yang digabungkan
menjadi satu untuk mencapai tujuan tertentu. Ada banyak pendapat tentang
pengertian dan definisi sistem yang dijelaskan oleh beberapa ahli. Berikut
pengertian dan definisi sistem menurut beberapa ahli :
1. Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk
mencapai suatu tujuan tertentu. Sistem ini menggambarkan susatu
kejadian-kejadian dan kesatuan yang nyata , seperti tempat, benda, dan
orang-orang yang betul-betul ada dan terjadi [6].
2. Sistem adalah kumpulan-kumpulan dari komponen-komponen yang
memiliki untsur keterkaitan antara satu dengan yang lainnya [7].

9
3. Sistem adalah himpunan dari bagian-bagian yang saling berhubungan,
yang secara bersama mencapai tujuan-tujuan yang sama [8].
4. Sistem adalah seperangkat elemen yang membentuk kumpulan atau
prosedur-prosedur atau bagan-bagan pengelolahan yang mencari suatu
tujuan bagian atau tujuan bersama dengan mengoprasikan data dan atau
barang pada waktu rujukan tertentu untuk menghasilkan informasi dan
atau energi atau barang [9].
5. Sistem adalah kumpulan dari elemen-elemen yang beroperasi bersama-
sama untuk menyelesaikan suatu sasaran [10].

Gambar 1. Alur sistem

Komponen atau Karakteristik sistem informasi yang membentuk sebuah
sistem diantaranya:
1. Objek, merupakan bagian, elemen atau variabel. Ia dapat berupa benda
fisik, abstrak atau keduanya.
2. Atribut, merupakan penentu kualitas atau sifat kepemilikan sistem atau
objeknya.
3. Hubungan internal, merupakan penghubung diantara objek-objek yang
terdapat dalam sebuah sistem.
4. Lingkungan, merupakan tempat dimana sistem berada.
5. Tujuan, setiap sistem memiliki tujuan dan tujuan inilah yang menjadi
motivasi yang mengarahkan sistem. Tanpa tujuan, sistem menjadi tidak
terkendali. Tentu tujuan antara satu sistem dengan sistem yang llain
berbeda.

10
 6. Masukan, adalah sesuatu yang masuk ke dalam sistem dan selanjutnya
menjadi bahan untuk diproses. Masukan tersebut dapat berupa hal-hal
yang tampak fisik (bahan mentah) atau yang tidak tampak(jasa).
7. Proses, adalah bagian yang melakukan perubahan dari masukan
menjadi keluaran yang berguna dan lebih bernilai (informasi) atau yang
tidak berguna (limbah).
8. Keluaran, adalah hasil dari proses. Pada sistem informasi berupa
informasi atau laporan.
9. Batas, adalah pemisah antara sistem dan daerah luar sistem. Batas disini
menentukan konfigurasi, ruang lingkup atau kemampuan sistem. Batas
juga dapat diubah atau dimodifikasi sehingga dapat berubah perilaku
sistem.
Makanisme pengendalian dan umpan balik, digunakan mengendalikan
masukan atau proses. Tujuannya untuk mengatur agar sistem berjalan sesuai
dengan tujuan.

4.2. Informasi
Informasi merupakan hasil pengolahan data yang memiliki arti atau
manfaat bagi penerimanya. Ini berarti bahwa tidak semua fakta atau berita
yang kita teria merupakan informasi. Jika fakta atau berita itu tidak
memiliki arti atau tidak dapat kita ambil manfaatnya maka belum dapat
dikatakan sebagai informasi. Menurut [11] informasi merupakan hasil
pengolahan data sehingga menjadi bentuk yang penting bagi penerima nya
dan mempuyai kegunaan sebagai dasar dalam pengambilan keputusan yang
dapat dirasakan akibatnya seccara langsung saat itu juga atau secara tidak
langsung pada saat mendatang. Informasi adalah data yang telah dirangkum
atau dimanipulasi dalam bentuk lain untuk tujuan pengambilan keputusan
[12] . Informasi dapat diartikan suatu data yang telah diproses dan diubah
menjadi konteks yang berarti sehingga memiliki makna dan nilai bagi
penerimanya dan biasa digunakan untuk pengambilan keputusan [13].
Ciri-ciri Informasi
1. Benar atau salah

11
 Dalam hal ini informasi berhubungan dengan kebenarran atau kesalahan
terhadap kenyataan.
2. Baru
Informasi harus benar-benar baru bagi si penerima.
3. Tambahan
Informasi dapat diperbarui atau memberikan perubahan terhadap
informasi sebelumnya yang telah ada.
4. Korektif
Informasi yang dapat digunakan untuk melakukan keroksi terhadap
informasi sebelumnya yang salah atau kurang benar.
5. Penegas
Informasi dapat mempertegas informasi yang telah ada sehingga
keyakinan terhadap informasi semakin meningkat.
Kualitas Informasi
a. Akurat
Akurat berarti informasi harus bebas dari kesalahan-kesalahan dan tidak
menyesatkan. Informasi harus akurat karena sumber informasi sampai ke
penerima kemungkinan banyak terjadi gangguan yang dapat merubah
atau merusak informasi tersebut.
b. Tepat pada waktunya
Tepat pada waktunya berarti informasi yang disampaikan ke penerima
tidak terlambat, karena informasi adalah landasan untuk mengambil suatu
keputusan.
c. Relevan
Relevan berarti informasi tersebut memiliiki manfaat untuk pemakainya.
Relevansi informasi untuk tiap-tiap orang dengan yang lainnya berbeda.

4.3. Sistem Infromasi

Sistem Informasi adalah sekumpulan komponen pembentuk sistem
yang mempunyai keterkaitan antara satu komponen dengan komponen
lainnya, dengan tujuan untuk menghasilkan suatu informasi dalam suatu
bidang tertentu. Dalam sistem informasi diperlukan klasifikasi alur
informasi, hal ini disebabkan keanekaragaman kebutuhan akan suatu
informasi oleh pengguna informasi. Sistem informasi dapat didefinisikan
sebagai berikut :

12
 1. Suatu sistem yang dibuat oleh manusia yang terdiri dari komponen
komponen dalam organisasi untuk mencapai suatu tujuan yaitu
menyajikan informasi.
2. Sekumpulan prosedur organisasi yang pada saat dilaksanakan akan
memberikan informasi bagi pengambil keputusan atau sebagai alat
untuk mengendalikan organisasi.
3. Suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan
pengolahan transaksi, mendukung operasi, bersifat manajerial, dan
kegiatan strategi dari suatu organisasi dan menyediakan pihak luar
tertentu dengan laporan-laporan yang diperlukan.

Sistem Informasi adalah kerangka kerja yang mengkoordinasikan

sumber daya manusia dan komputer untuk mengubah masukan (input)
menjadi keluar (output), guna mencapai sasaran-sarsaran perusahaan [14].
4.4. Resep
Resep masakan adalah seperangkat instruksi yang memuat nama
masakan, bahan, bumbu, dan cara membuat serta cara menghidangkan
suatu masakan. [15].
Inilah arti dari satu resep. Penting untuk diketahui bahwa penulisan
resep banyak keterbatasannya karena selalu tertulis dengan singkat.
Bagaimana detail resep untuk dapat dimengerti oleh pembaca, biasanya
bagi yang telah mempunyai pengetahuan tentang pengertian terminologi
yang dipakai akan lebih mudah. Misalnya, apabila sudah mengerti
timbangan dan pengetahuan dari aneka bahan makanan yang dipakai
dalam resep dan mengerti metode pengetahuan sesuai dalam teori
kuliner.
4.5. Struktur Standar Resep
Pada resep standar formatnya sedikit berbeda karena informasi
umumnya dimasukkan sebanyak mungkin. Struktur resep standar adalah
sebagai berikut [15] :
1. Nama resep
2. Hasil, termasuk total hasil, jumlah porsi, ukuran porsi

13
 3. Bahan dan banyaknya atau jumlah yang ditulis urut sesuai dengan
penggunaannya.
4. Peralatan yang dibutuhkan, termasuk peralatan pengukuran, ukuran
alat, bagian-bagian alat dan sebagainya.
5. Petunjuk mengolah hidangan, petunjuk penyimpanan atau perawatan
sederhana.
6. Petunjuk tentang porsi, piring atau alat-alat hidang serta hiasan-
hiasan yang diperlukan.
7. Petunjuk tentang tertib kerja, membereskan alat-alat, membersihkan
tempat bekerja serta penyimpanan sis-sisa bahan makanan.
4.6. Tata Hidang
Pengertian Tata Hidang itu sendiri bila dilihat dari pengertian dari
setiap kata yaitu Tata yang berarti menyusun untuk memperindah, dan
Hidangan berarti makanan dan minuman yang disajikan kepada tamu
atau konsumen. Jadi Hidang adalah cara menyusun makanan untuk
memperindah makanan dan minuman yang disajikan kepada tamu atau
konsumen [16].

4.7. MySQL
My Structured Query Language (MySQL) adalah sebuah program
prmbuat dan pengelola database atau yang sering disebut Database
Management System (DBMS). Sifat dari DBMS ini adalah open source.
MySQL juga merupakan program pengakses database yang bersifat
jaringan, sehingga dapat digunakan untuk aplikasi multi user (banyak
pengguna). Kelebihan lain dari MySQL adalah menggunakan bahasa query
(permintaan) standar SQL. SQL adalah suatu bahasa permintaan yang
struktural, SQL telah distandarkan untuk semua program pengakses
database [17].
Basis data atau database adalah kumpulan informasi yang disimpan di
dalam komputer secara sistematik sehingga dapat diperiksa menggunakan

14
 suatu program komputer untuk memperoleh informasi dari basis data
tersebut [18].
Urutan database digambarkan dalam gambar sbb :

Gambar 2. Hirarki Database

4.8. Web
Website atau situs web adalah sejumlah halaman web yang memiliki
topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar,
video, atau jenis-jenis berkas lainnya. Sebuah situs web biasanya
ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui
jaringan seperti internet, ataupun jaringan wilayah lokal (LAN) melalui
alamat internet yang dikenali sebagai URL (Uniform Resource Locator).
Gabungan atas semua situs yang dapat diakses publik di internet disebut
dengan singkatan WWW (World Wide Web), meskipun setidaknya halaman
beranda situs internet umumnya dapat diakses publik secara bebas, pada
prakteknya tidak semua situs memberikan kebebasan bagi publik untuk
mengaksesnya, beberapa situs web mewajibkan pengunjung untuk
melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran
untuk dapat menjadi anggota untuk dapatmengakses isi yang terdapat dalam
situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-
situs berita, layanan e-mail, dan lain-lain. Pembatasan-pembatasan ini
umumnya dilakukan karena alasan keamanan, menghormati privasi, atau

15
karena tujuan komersil tertentu. Halaman web merupakan berkas yang
ditulis sebagai berkas teks biasa (plain text) yang diatur dan dikombinasikan
sedemikian rupa dengan instruksi-instruksi berbasis HTML (Hyper Text
Markup Language), atau XHTML (Extensible Hyper Text Markup
Language). Berkas tersebut kemudian diterjemahkan oleh perambah web
dan ditampilkan seperti layaknya sebuah halaman pada monitor komputer.
Halaman-halaman web tersebut diakses oleh pengguna melalui protokol
komunikasi jaringan yang disebut sebagai HTTP (Hypertext Transfer
Protocol), sebagai tambahan untuk meningkatkan aspek keamanan dan
aspek privasi yang lebih baik, situs web dapat pula mengimplementasikan
mekanisme pengaksesan melalui protokol HTTPS (Hypertext Transfer
Protocol Secure) [19].
Secara garis besar, website bisa digolongkan menjadi dua bagian
yaitu:
1. Website Statis
Website Statis adalah web yang mempunyai halaman tidak berubah.
Artinya untuk melakukan perubahan pada suatu halaman pada website
dilakukan secara manual dengan mengedit source code yang menjadi
struktur dari website tersebut.
2. Website Dinamis
Website Dinamis merupakan website yang secara struktur
diperuntukkan untuk update sesering mungkin. Website dinamis terdiri dari
halaman front end yang bisa diakses oleh user pada umumnya, juga
disediakan halaman back end untuk mengubah content dari website. Contoh
umum mengenai website dinamis adalah web berita atau web portal yang di
dalamnya terdapat fasilitas berita, polling dan sebagainya.
3. Manfaat Website
1. Media Promosi
Sebagai media promosi dapat dibedakan menjadi media promosi
utama, misalnya website yang berfungsi sebagai search engine atau toko
Online, atau sebagai penunjang promosi utama, namun website dapat berisi

16
 informasi yang lebih lengkap daripada media promosi offline seperti koran
atau majalah.
2. Media Pemasaran
Pada toko online atau system afiliasi, website merupakan media
pemasaran yang cukup baik, karena dibandingkan dengan toko sebagaimana
di dunia nyata, untuk membangun toko online diperlukan modal yang relatif
lebih kecil, dan dapat beroperasi 24 jam walaupun pemilik website tersebut
sedang istirahat atau sedang tidak ditempat, serta dapat diakses dari mana
saja.
3. Media Informasi
Websiteportal dan radio atau tv online menyediakan informasi yang
bersifat global karena dapat diakses dari mana saja selama dapat terhubung
ke internet, sehingga dapat menjangkau lebih luas daripada media informasi
konvensional seperti koran, majalah, radio atau televisi yang bersifat lokal.
4. Media Pendidikan
Ada komunitas yang membangun website khusus berisi informasi atau
artikel yang srat dengan informasi ilmiah misalnya wikipedia.
5. Media Komunikasi
Banyaknya website yang dibangun khusus untuk berkomunikasi
seperti forum yang dapat memberikan fasilitas bagi para anggotanya untuk
saling berbagi informasi atau membantu pemecahan masalah tertentu.
4.9. Web Server
Menurut [20] Database MySQL adalah salah satu jenis database
server yang sangat terkenal dan banyak digunakan untuk membangun
aplikasi website yang menggunakan database sebagai sumber dan
pengolahan datanya . MySQL dikembangkan oleh perusahaan Swedia
bernama MySQL AB yang pada saat ini bernama Tex Data Konsult AB
sekitar tahun 1994-1995, namun cikal bakal kodenya sudah ada sejak tahun
1979. Awalnya Tex merupakan perusahaan pengembang software dan
konsultan database, dan saat ini MySQL sudah diambil alih oleh Oracle
Corp

17
 Kepopuleran dalam MySQL antara lain karena MySQL menggunakan
SQL sebagai bahasa dasar untuk mengakses database sehingga mudah untuk
digunakan, kinerja query cepat, dan mencukupi untuk kebutuhan database
perusahaan-perusahaan yang berskala kecil sampai menengah. MySQL juga
bersifat open source atau tidak berbayar.

4.10. Web Browser

Web browser merupakan program aplikasi yang memungkinkan
pengguna untuk menayangkan dan berinteraksi dengan tulisan, gambar,
video, musik dan berbagai informasi lainnya yang terdapat pada halaman
Web di sebuah situs di World Wide Web atau di jaringan LAN lokal.Tulisan
dan gambar di halaman Web dapat mempunyai hyperlinks ke halaman Web
lain di mesin yang sama atau di situs web lainnya. Webbrowser
memungkinkan pengguna secara cepat dan mudah mengakses informasi
yang diberikan oleh banyak situs Web dengan cara menjelajahi link tersebut.
Webbrowser memformat informasi HTML untuk ditayangkan, oleh karena
itu penampakan halaman Web akan agak berbeda dari satu browser ke
browser yang lain. Struktur alamat web, misalnya HTTP://www. Detik.com.
Alamat tersebut dapat diartikan sebagai berikut :
1. http, yaitu service transfer web
2. www (world wide web), yaitu jaringan situs web terbesar sebagai
pengelola pengalamatan situs web di internet.
3. detik, disebut nama wilayah (domain), yaitu sebuah nama yang
digunakan suatu institusi untuk situs web nya.
4. .com merupakan nama akhir sebuah domain, bisanya menunjukkan
bidang usaha situs web yang bersangkutan.
4.11. Web Service
Web services adalah sistem pertukaran informasi berbasis XML yang
menggunakan internet untuk interaksi antara aplikasi. Teknologi ini
merupakan standar yang diadopsi oleh banyak vendor perangkat lunak,
karena memiliki standar terbuka. Standar terbuka ini yang memungkinkan
aplikasi webservice yang diimplementasi oleh vendor berbeda dapat
berkomunikasi satu sama lain. Perkembangan webservices yang begitu cepat

18
 menyebabkan lahirnya ekstensi-ekstensi webservices yang memperluas
fungsi webservices itu sendiri.
Web services generasi pertama adalah pondasi dari teknologi web
services ini sendiri. Implementasi dari teknologi ini, yang berupa aplikasi
web services, saling berinteraksi satu sama lain dengan menggunakan
dokumen berformat XML dan protokol pengiriman pesan SOAP (Simple
Object Access Protocol) melalui HTTP. Format XML, SOAP, dan HTTP ini
juga merupakan standar terbuka yang dapat diadopsi. Sebuah aplikasi web
service tentunya tidak dapat langsung diketahui bagaimana penggunaannya.
Oleh karena itu, aplikasi ini harus menyediakan deskripsi service. Untuk
deskripsi ini, web service juga memiliki standar terbuka yaitu WSDL (Web
service Description Language). Standar web service juga menyediakan
mekanisme pencarian aplikasi web service, yaitu UDDI (Universal
Description Discovery and Integration). UDDI ini dapat dianalogikan
sebagai catalog web service di dunia maya, sehingga memungkinkan sebuah
aplikasi webservice dapat menemukan aplikasi lain yang dibutuhkan.
4.12. UML (Unified Modelling Language)
Penggambaran dan perancangan model sistem informasi terjadi dalam
sebuah alur. Dalam penelitian ini menggunakan UML yang merupakan
bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma
dan berorientasi objek. Pemodelan sesungguhnya akan digunakan untuk
penyederhanaan permasalahan-permasalahan yang kompleks sedemikian
rupa sehingga lebih mudah dipelajari dan dipahami.
Beberapa literatur menyebutkan UML (unified modelling language)
menyediakan 9 jenis diagram yang digabung , misalnya diagram
komunikasi, diagram urutan dan diagram pewaktuan digabung menjasi
diagram interaksi.
Jenis diagram-diagram tersebut adalah diagram kelas (class diagram),
diagram paket (package diagram), diagram use-case (use case diagram),
diagram interaksi dan sequence (sequence diagram), diagram komunikasi
(communication diagram), diagram komponen (component diagram),

19
diagram deployment (deployment diagram). Berikut ini adalah penjelasan
dari masing-masing diagram[21]:
a. Use Case Diagram merupakan diagram fungsionalitas yang disediakan
sistem sebagai unit-unit yang saling bertukar pesan antar unit atau aktor.
Tabel 1 Simbol-Simbol pada Use case diagram

No Simbol Nama Keterangan

Menspesifikasikan himpuan peran

1. Actor yang pengguna mainkan ketika
berinteraksi dengan use case.

Hubungan dimana perubahan yang

terjadi pada suatu elemen mandiri
(independent) akan mempengaruhi
2. Dependency
elemen yang bergantung padanya
elemen yang tidak mandiri
(independent).

Hubungan dimana objek anak

(descendent) berbagi perilaku dan
3. Generalization
struktur data dari objek yang ada di
atasnya objek induk (ancestor).

Menspesifikasikan bahwa use case

4. Include
sumber secara eksplisit.

Menspesifikasikan bahwa use case

target memperluas perilaku dari use
5. Extend
case sumber pada suatu titik yang
diberikan.

Apa yang menghubungkan antara

6. Association
objek satu dengan objek lainnya.

Menspesifikasikan paket yang

7. System
menampilkan sistem secara terbatas.

20
 Deskripsi dari urutan aksi-aksi yang
ditampilkan system yang
8. Use Case
menghasilkan suatu hasil yang terukur
bagi suatu aktor.

Interaksi aturan-aturan dan elemen lain

yang bekerja sama untuk menyediakan
9. Collaboration
prilaku yang lebih besar dari jumlah
dan elemen-elemennya (sinergi).

Elemen fisik yang eksis saat aplikasi

10. Note dijalankan dan mencerminkan suatu
sumber daya komputasi.

b. Activity Diagram lebih memfokuskan diri pada eksekusi dan alur sistem
dari pada bagaimana sistem itu dirakit. Diagram ini tidak hanya
memodelkan software melainkan memodelkan model bisnis juga.
Diagram aktifitas menunjukan aktifitas sistem dalam bentuk aksi-aksi.
Ketika digunakan dalam pemodelan software deagram aktifitas
merepresentesikan pemanggilan suatu fungsi tertentu.
Tabel 3. Simbol Activity Diagram
No Simbol Nama Keterangan

Memperlihatkan bagaimana masing-

1. Actifity masing kelas antarmuka saling
berinteraksi satu sama lain

State dari sistem yang mencerminkan

2. Action
eksekusi dari suatu aksi

Initial Bagaimana objek dibentuk atau

3.
Node diawali.

Actifity Bagaimana objek dibentuk dan

4.
Final Node dihancurkan

21
 Satu aliran yang pada tahap tertentu
5. Fork Node
berubah menjadi beberapa aliran

c. Sequence Diagram digunakan untuk menggambarkan kelakuan objek

pada use case dengan mendeskripsikan waktu hidup objek dan message
yang dikirimkan dan diterima antar objek.
Tabel 4. Simbol Sequence Diagram
No. Simbol Nama Keterangan

Objek entity, antarmuka yang

1 LifeLine saling berinteraksi.

Spesifikasi dari komunikasi antar

objek yang memuat informasi-
2 Message
informasi tentang aktifitas yang
terjadi

Spesifikasi dari komunikasi antar

objek yang memuat informasi-
3 Message
informasi tentang aktifitas yang
terjadi

d. Diagram kelas adalah inti dari proses pemodelan objek. Diagram kelas
memiliki fitur-fitur yang menyertainya yaitu atribut dan operasi. Atribut
(attribute) dan operasi (operation) menggambarkan perilaku suatu kelas
serta perluasannya seperti stereotypes, tagged values, dan batasan
(constraints) merupakan fitur-fitur sebuah kelas.

Tabel 5. Simbol Class Diagram

No. Simbol Nama Keterangan

1. Generalizatio Hubungan dimana objek anak

n (descendent) berbagi perilaku dan
struktur data dari objek yang ada di

22
 atasnya objek induk (ancestor).

Nary Upaya untuk menghindari asosiasi

2.
Association dengan lebih dari 2 objek.

Himpunan dari objek-objek yang

3. Class berbagi atribut serta operasi yang
sama.

Deskripsi dari urutan aksi-aksi yang

ditampilkan sistem yang
4. Collaboration
menghasilkan suatu hasil yang
terukur bagi suatu aktor.

Operasi yang benar-benar dilakukan

5. Realization
oleh suatu objek.

Hubungan dimana perubahan yang

terjadi pada suatu elemen mandiri
6. Dependency (independent) akan mempegaruhi
elemen yang bergantung padanya
elemen yang tidak mandiri.

Apa yang menghubungkan antara

7. Association
objek satu dengan objek lainnya.

4.13. Xampp
Xampp adalah perangkat lunak ( free software) bebas, yang
mendukung untuk banyak sistem operasi, yang merupakan kompilasi dari
beberapa program. Fungsi XAMPP sendiri adalah sebagai server yang
berdiri sendiri (localhost), yang terdiri beberapa program antara
lain : Apache HTTP Server, MySQL database, dan penerjemah bahasa yang
ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP sendiri
merupakan singkatan dari X (empat sistem operasi apapun), Apache,
MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public

23
 License dan bebas, merupakan web server yang mudah untuk digunakan
yang dapat menampilkan halaman web yang dinamis. Untuk
mendapatkanya XAMPP anda dapat mendownload langsung dari web
resminya. Dan berikut beberapa definisi program lainnya yang terdapat
dalam XAMPP[22].
4.14. Metode Waterfall
Menurut [23], model waterfall adalah model klasik yang bersifat
sistematis, berurutan dalam membangun software. Nama model ini
sebenarnya adalah “Linear Sequential Model”. Model ini sering disebut
juga dengan “classic life cycle” atau metode waterfall. Model ini termasuk
ke dalam model generic pada rekayasa perangkat lunak dan pertama kali
diperkenalkan oleh Winston Royce sekitar tahun 1970 sehingga sering
dianggap kuno, tetapi merupakan model yang paling banyak dipakai dalam
Software Engineering (SE). Model ini melakukan pendekatan secara
sistematis dan berurutan. Berikut gambar metode waterfall :

Gambar 3. Metode Waterfall

Berikut penjelasan gambar 1 :
1. Tahap requirement atau spesifikasi kebutuhan sistem
Adalah analisa kebutuhan sistem yang dibuat dalam bentuk yang
dapat dimengerti oleh klien dan staf pengembang. Dalam tahap ini
klien atau pengguna menjelaskan segala kendala dan tujuan serta
mendefinisikan apa yang diinginkan dari sistem. Setelah dokumen
spesifikasi disetujui maka dokumen tersebut menjadi kontrak kerja
antara klien dan pihak pengembang.
2. Tahap desain

24
 Dalam tahap ini pengembang akan menghasilkan sebuah arsitektur
sistem secara keseluruhan, dalam tahap ini menentukan alur perangkat
lunak hingga pada tahapalgoritma yang detil.
3. Tahap Implementasi
Tahapan dimana keseluruhan desain diubah menjadi kode-kode
program. kode program yang dihasilkan masih berupa modul-modul
yang selanjutnya akan di integrasikanmenjadi sistem yang lengkap
untuk meyakinkan bahwa persyaratan perangkat lunak telah dipenuhi.
4. Tahap testing
Adalah verifikasi oleh klien, klien menguji apakah sistem tersebut
telah sesuai dengan kontrak yang telah disetujui.
5. Tahap maintenance
Adalah tahap pemeliharaan yang termasuk diantaranya instalasi dan
proses perbaikan sistem sesuai kontrak.
4.15. HTML (Hypertext Markup Language)
Hypertext Markup Language atau biasa dikenal dengan HTML adalah
text file murni yang dapat dibuat dengan editor teks sembarang. Dokumen
ini dikenal sebagai webpage. File HTML ini berisi intruksi-intruksi yang
kemudian diterjemahkan oleh browser yang ada pada komputer user,
sehingga isi informasinya dapat ditampilkan secara visual pada komputer
user. HTML merupakan suatu metode untuk mengimplementasikan konsep
hypertext dalam suatu naskah atau dokumen. HTML bukan tergolong pada
suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda
(marking up) pada suatu naskah teks dan bukan sebagai program [24].
HTML memiliki banyak versi dan versi terbaru saat ini adalah
HTML5. HTML5 adalah versi terbaru teknologi hypertext atau web yang
sekarang ini masih dalam tahap pengembangan. Munculnya versi terbaru
dari HTML yakni HTML versi ke-5, membawa beberapa elemen-elemen
baru untuk mewujudkan struktur halaman web yang lebih baik.. Beberapa
elemen-elemen baru yang terdapat pada HTML5 dapat dilihat pada Tabel 1.
Tabel 6. Elemen-Elemen Baru pada HTML5
Tag Keterangan
<article> Digunakan untuk menspesifikasikan konten yang bersifat

25
 independen, seperti artikel, blog post, forum post dan
sejenisnya.
Digunakan untuk sebuah sub konten. Biasanya digunakan
<aside>
di dalam tag <article>.
Digunakan untuk teks yang tidak boleh terikat pada arah
<bdi>
teks elemen induknya.
<command> Sebuah button atau radio button atau checkbox.
<details> Digunakan untuk menjelaskan detail tentang sebuah
dokumen atau sebagian dari dokumen.
Digunakan pada sebuah ringkasan dan sejenisnya di
<summary>
dalam tag <details>.
Digunakan untuk mengelompokkan sekumpulan section,
<figure>
biasanya berupa video.
Berisi caption atau keterangan yang ditempatkan di dalam
<figcaption>
tag <figure>.
<footer> Digunakan sebagai footer dari sebuah halaman.
<header> Digunakan sebagai header dari sebuah halaman.
<hgroup> Digunakan untuk sekumpulan heading.
<mark> Digunakan pada teks yang di highlight.
<meter> Digunakan untuk pengukuran, yang nilai maksimal dan
minimalnya telah ditentukan
<nav> Digunakan untuk sekumpulan navigasi.
<progress> Digunakan untuk membuat progress bar.
<ruby> Digunakan untuk anotasi ruby
<rt> Menjelaskan anotasi ruby.
<rp> Menunjukkan elemen jika browser tidak mendukung
ruby.
<section> Menunjukkan sebuah section di dalam halaman seperti
bab, footer dan sebagainya.
<time> Digunakan untuk mendefinisikan waktu dan tanggal.
<wbr> Word Break digunakan untuk memisahkan suatu kata bila
diperlukan.
Versi terbaru dari HTML memiliki beberapa fitur baru yang belum ada
pada versi-versi sebelumnya. Fitur-fitur baru yang dimilki HTML5 adalah:
1. Canvas

26
 Fitur yang satu ini memungkinkan developer untuk memasukkan objek 2D
atau 3D kedalam halaman web. Canvas dapat membuat render grafik,
diagram, gambar dan animasi secara dinamis.
2. Doctype
HTML lama biasanya memiliki doctype yang panjang, sedangkan HTML5
memiliki doctype yang lebih singkat.
3. HTML5 Audio
Salah satu fitur baru HTML5 lainnya adalah disediakannya tag baru yang
memungkinkan untuk memutar audio tanpa menggunakan plugin tambahan
seperti Flash Player.
4. HTML5 Video
Fitur multimedia lainnya yang didukung oleh HTML5 adalah video, jika
pada HTML selama ini harus menggunakan Flash Player untuk
memasukkan konten video, maka pada HTML5 tidak perlu lagi
menggunakannya.
5. Geolocation
Sebuah API (Aplication Programming Interface) yang menarik, yang
memungkinkan pengguna untuk berbagi lokasi dengan aplikasi web.
6. Media Penyimpanan (Storage)
Halaman web dapat menyimpan data secara lokal dalam browser pengguna
yang sebelumnya hal ini dilakukan dengan cookie, namun berimbas pada
penyimpanan web yang lebih aman dan lebih cepat. Data ini tidak disertakan
dengan setiap permintaan server, tetapi digunakan hanya ketika meminta.
Hal ini juga memungkinkan untuk menyimpan data dalam jumlah besar,
tanpa mempengaruhi kinerja website. Data disimpan dalam kunci atau nilai
pasangan dan halaman web hanya dapat mengakses data yang disimpan
dengan sendirinya. HTML5 mendukung beberapa jenis media penyimpanan
baru yaitu Web Storage (name or value pairs), Indexed DB dan Web SQL
Database. Keuntungan dari adanya berbagai macam media penyimpanan ini
adalah peningkatan kecepatan dari aplikasi.
7. WebSocketAPI

27
 Fitur komunikasi yang paling powerfull di spesifikasi HTML5 adalah
WebSocket, yang mendefinisikan saluran komunikasi full-duplex y
beroperasi melalui soket tunggal dalam web. WebSocket tidak
hanyaeningkatan tambahan untuk konvensional komunikasi HTTP,
melainkan merupakan kemajuan yang besar, terutama untuk real-time,
event-driven aplikasi web.
8. Semantic atau Struktur Elemen yang Baru
Web menjadi lebih dinamis dan menarik akibat fitur ini. Fitur ini menjadikan
website yang menggunakan teknologi HTML5 lebih mudah dikenali oleh
Google Search Engine sehingga web sering muncul pada mesin pencari
Google dan lebih sering diakses serta cepat diketahui oleh orang lain.
9. Web Workers
Seringkali ditemukan jika halaman web yang memiliki banyak JavaScript
yang berakibat pada browser melambat dan komputer hang, tetapi dengan
adanya Web Workers memungkinkan halaman web untuk memproses
JavaScript yang dimiliki dengan respon yang lebih cepat dan multi tasking.
4.16. Framework CodeIgniter
Framework adalah abstraksi di dalam sebuah perangkat lunak yang
menyediakan fungsi yang generic sehingga dapat dirubah oleh kode yang
dibuat user sehingga dapat menyediakan perangkat lunak untuk aplikasi
tertentu. CodeIgniter adalah sebuah webapplicationframework yang bersifat
opensource digunakan untuk membangun aplikasi php dinamis. Tujuan
utama pengembangan Codeigniter adalah untuk membantu developer untuk
mengerjakan aplikasi lebih cepat dari pada menulis semua code dari awal.
Codeigniter menyediakan berbagai macam library yang dapat
mempermudah dalam pengembangan. CodeIgniter diperkenalkan kepada
publik pada tanggal 28 februari 2006.
CodeIgniter sendiri dibangun menggunakan konsep Model-View-
Controllerdevelopmentpattern. CodeIgniter sendiri merupakan salah satu
framework tercepat dibandingkan dengan framework lainnya. Pada acara
frOSCon (August 2008), pembuat php Rasmus Lerdorf mengatakan dia

28
menyukai codeigniter karena dia lebih ringan dan cepat dibandingkan
framework lainnya ("because it is faster, lighter and the least like a
framework.") .
Metode MVC adalah sebuah arsitektur yang dapat diimplementasikan
secara bebas dengan atau tanpa bahasa pemrograman berorientasi objek.
Dengan demikian metode MVC dapat diimplementasikan dalam sebuah
framework.
Manfaat yang dapat diambil dengan menggunakan framework
CodeIgniter adalah :
1. Tidak berbayar, sesuai dengan semangat OpenSource untuk dapat
digunakan dan dikembangkan secara bersama-sama. Dapat diunduh
pada alamat http://CodeIgniter.com/downloads/ secara gratis, bebas
digunakan sesuai persyaratan persetujuan lisensi (lisenceagreemen)
yang bisa dilihat pada website tersebut.
2. Ditulis dengan menggunakan bahasa PHP 4 (untuk versi 1.x.x) dan
versi 5 (untuk versi 2.x.x) sehingga mendukung pemrograman dengan
bahasa php.
3. Menggunakan metode MVC sebagai prinsip kerjanya sehingga dapat
digunakan untuk mengembangkan aplikasi secara efisien dan dinamis
serta lebih memudahkan dalam melakukan pemeliharaan aplikasi.
4. Menggunakan URL (Uniform Resource Locator) yang sederhana,
bersih, dan SEF (Search Engine Friendly).
5. Memiliki paket library yang lengkap, mendukung fungsi-fungsi
database, html, web, e-mail, session, pagination dan lain-lain.
6. Dokumentasi yang lengkap dan jelas, disertakan dalam website
resminya dan dapat diunduh bersama-sama dengan framework nya.
7. Komunitas, framework ini didukung oleh banyak pengguna dan
pengembang, walaupun awalnya dikembangkan oleh Ellislab, Inc.
8. Bersifat portabel dan dapat dijalankan pada berbagai platform yang
mendukung bahasa pemrograman php.
Disamping kelebihan-kelebihan tersebut, framework juga memiliki
kelemahan-kelemahan yaitu :
1. Longgar dalam penerapan aturan MVC, sehingga pemrograman masih
diberikan kesempatan untuk melanggar kaidah-kaidah MVC.

29
 2. Tidak mendukung konsep ORM (Object Relational Model) yaitu
metode pengaksesan database dengan menggunakan relasi antar objek
sehingga pemrogram tidak perlu menuliskan atau mengetahui sintaks
bahasa SQL.
3. Walaupun dikembangkan oleh komunitas, namun jumlah
pengembangnya tidak sebesar frameworkphp lainnya seperti
CakePHP, karena masih di bawah koordinasi Ellislab, Inc, sehingga
updatecoreengine-nya lebih lama daripada frameworkOpenSource
lainnya.
4. Sebagai frameworkOpenSource, CodeIgniter tidak menyediakan
dukungan (support) secara khusus kecuali melalui forum pengguna.
4.17. JavaScript
JavaScript adalah bahasa yang digunakan untuk membuat program
yang digunakan agar dokumen HTML, yang ditampilkan dalam browser
menjadi lebih interaktif. JavaScript memberikan beberapa fungsi ke
dalam halaman web, sehingga dapat menjadi sebuah program yang
disajikan dengan menggunakan antar muka web.JavaScript merupakan
bahasa script, bahasa yang tidak memerlukan compiler untuk
menjalankannya, cukup dengan interpreter. Tidak perlu ada proses
kompilasi terlebih dahulu agar program dapat dijalankan. Browser Web
Netscape Navigator dan Internet Exploler adalah salah satu contoh
Interpreter, karena kedua browser ini telah dilengkapi dengan interpreter
JavaScript. Tetapi tidak semua browser web dapat menjadi interpreter
JavaScript karena belum tentu browser tersebut dilengkapi dengan
interpreter JavaScript [25].

4.18. CSS (Cascading Style Sheet)

CSS merupakan salah satu bahasa pemrograman web untuk mengatur
beberapa komponen atau elemen dalam sebuah web, misalnya pemisahan
konten dengan desain sehingga desain halaman tersebut dapat digunakan
berkali-kali pada halaman yang berbeda, bahkan cukup mengubah satu
desain akan mengubah seluruh halaman yang terkait, hal ini akan

30
 menghemat waktu dalam mendesain web. Sehingga lebih terstruktur dan
seragam dengan HTML atau script. CSS memiliki 3 versi,yaitu CSS1, CSS2
dan CSS3 [26].
CSS melakukan pendataan terhadap komponen HTML maupun
XHTMLpada halaman web sehingga menghasilkan tampilan yang ramah
dimata atau retina friendly. CSS pada mulanya dipelopori dan
dikembangkan sertadistandarisasi oleh World Wide Web Consortium atau
W3C pada tahun 1996. CSS versi ketiga melakukan berbagai pemutakhiran
terhadap kemampuannya beradaptasi dengan teknologi multimedia yang
semakin modern, diantara pemutakhiran tersebut adalah:

1. CSS membuat efek animasi secara independen tanpa membutuhkan

software tambahan seperti Adobe Flash dan Microsoft Silverlight.
2. CSS memberikan efek grafis terhadap teks, kolom, tabel serta penataan
huruf.
CSS menampilkan berbagai macam dan jenis huruf selain web safe
fonts.CSS merekonstruksi secara visual tampilan block, seperti merubah
ukuran kotak, transformasi 2D atau 3D, memberikan efek sudut dan
bayangan. CSS dapat memanipulasi secara visual warna, desain maupun
tekstur.

5. METODOLOGI PENELITIAN
5.1. Bahan Penelitian
Bahan utama dari penelitian ini menggunakan data-data yang terkaitan
dengan Sistem ini, seperti data siswa dan guru, resep masakan Indonesia,
resep masakan kontinental, materi tatahidang, laporan belanja, laporan
memasak, dan nilai siswa.
5.2. Alat Penelitian
Adapun software dan hardware yang akan digunakan sebagai berikut :
1. Perangkat Keras

31
 Perangkat keras yang digunakan pada penelitian ini menggunakan
Laptop Dell dengan spesifikasi Processor Intel Celeron RAM 4.00 GB,
System type 64-bit, Intel Graphics.
2. Perangkat Lunak
a. Windows 7 digunakan sebagai system operasi.
b. Framework CodeIgniter sebagai bahasa pemrograman dan
sublime text digunakan sebagai media pembuatan aplikasi PHP.
c. MySQL sebagai Database.
d. Xampp digunakan sebagai server local.
e. Google Chrom digunakan sebagai emulator web pada komputer.
f. Star UML sebagai alat pembuatan permodelan UML
5.3. Alur Penelitian
Dalam penelitian ini digunakan metode waterfall, metode ini dipilih karena
model ini melakukan pendekatan secara sistematis dan urut mulai dari
kebutuhan sistem lalu menuju tahap analisis, desain sistem, coding, dan
pengujian. Berikut adalah tahapan alur penelitiannya:
1. Identifikasi Masalah
Pada tahap ini dilakukan untuk mengetahui masalah yang ada pada
kegiatan belajar mengajar seperti penulisan resep masakan dan daftar
belanja yang masih manual, penilaian yang tidak transparan kepada siswa
serta mencari informasi tentang tata hiding yang masih terbatas.
2. Pengumpulan Data
Tahap ini dilakukan pengumpulan data yang berguna untuk
mengetahui informasi-informasi yang dibutuhkan dalam membangun
Aplikasi Resep MasakanIndonesia Berbasis Website, yaitu dengan
menggunakan:
a. Wawancara dilakukan kepada siswa dan guru di SMKN 1 Kota Tegal
yang bertujuan untuk mengetahui macam-macam resep berdasarkan
susunan menunya, materi tentang tata hiding, dan sistem pebelajaran
pada SMK N 1 Kota Tegal.
b. Observasi dengan mengamati proses praktek memasak ,tata hiding,
dan penilaian . Dimana harus melakukan kunjungan ke SMKN 1
Kota Tegal.
3. Analisa Data

32
 Dari data yang telah dikumpulkan kemudian dilakukan analisa untuk
membangun aplikasi serta dijadikan acuan terhadap permasalahan yang
ada ketika sistem informasi akan dibuat, dari hal tersebut pembuatan
system informasi dapat dilakukan secara tepat jika memperhatikan input
dan output yang akan dihasilkan.
4. Desain Sistem
Dalam tahap ini dilakukan pemodelan sistem dengan menggunakan
UML karena menggambarkan kebutuhan-kebutuhan dan fungsional sistem
dan merancang desain interface sebagai sarana interaksi antara sistem
dengan pengguna yang selanjutnya akan diimplementasikan menjadi
program pada tahap selanjutnya. Dalam penelitian ini perancangan sistem
dibuat menggunakan tools star UML. Serta untuk proses mendesain user
interface bisa menggambarkan proses jalannya aplikasi dengan Prototype.
5. Pembuatan Sistem
Pada tahap ini desain yang telah dibuat oleh peneliti diterapkan pada
coding dengan menggunakan CodeIgniter sebagai tools dalam penulisan
coding, sehingga menghasilkan sebuah sistem yang siap dioperasikan
sesuai dengan desain yang dibuat pada tahap desain.
6. Pengujian Sistem
Pengujian aplikasi ini menggunakan metode pengujian black box.
Pengujian black box berfokus pada persyaratan fungsional perangkat
lunak. Pengujian yang dilakukan yaitu pengujian dengan cara memilih
input yang benar dan tidak benar dan menentukan output yang benar.
Pengujian tersebut meliputi pengisian data acak yang tidak sesuai dengan
tipe data pada standar aplikasi tersebut, misalnya pada kolom pencarian
akan diisi menggunakan angka atau simbol. Pengujian dengan metode
BlackBox pada aplikasi ini bertujuan apakah sistem tersebut dapat
mengatasi perlakuan yang tidak sesuai dengan prosedur aplikasi dan
memberi tindakan lanjutan berupa pesan error yang akan ditampilkan.
7. Evaluasi Program
Tahap ini merupakan tahapan yang akan dilakukan jika sistem dan
program telah dibuat dan disetujui untuk diuji dan analisis kembali
menjadi kesimpulan dari hasil kerja.

33
5.4. Flowchart Alur Penelitian
Tahapan alur penelitian dapat digambarkan melalui flowchart.

Gambar 4. Flowchart Alur Peneltian

6. JADWAL PENELITIAN
Untuk menyelesaikan penelitian ini perlu dibuat jadwal penelitian agar
kegiatan dapat selesai tepat waktu. Adapun jadwal penelitian dapat dilihat
pada tabel 7:

34
 Tabel 2. Jadwal Penelitian

Waktu Penelitian

Kegiatan Bulan 1 Bulan 2 Bulan 3 Bulan 4 Bulan 5 Bulan 6

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

Penyusunan Proposal

Pengumpulan Data

Pembuatan Sistem

Pengujian Sistem

Evaluasi Program

Penyusunan Laporan

7. DAFTAR PUSTAKA
[1] Rani, L. A. 2016. Penerapan Metode Case Based Reasoning Pada
Pengembangan Aplikasi “Recipe Recommendation” Berbasis
Android. Bandarlampung: Universitas Bandar Lampung.
[2] Nashuha, H. A., dan Fadillah, U. 2014. Aplikasi Resep Masakan
Indonesia Berbasis Android. Surakarta: Universitas Muhammadiyah
Surakarta.
[3] Santoso, A. T. 2016. Aplikasi Pencarian Resep Masakan Berbasis
Mobile Web Berdasarkan Ketersediaan Bahan Dengan Metode Simple
Additive Weighting. Yogyakarta: Universitas Islam Indonesia.
[4] Setyahadi, P. 2014. Rancang Bangun Aplikasi Resep Masakan Berbasis
Mobile Web Dengan Metode Case-Based Reasoning. Yogyakarta:
Universitas Islam Negeri Sunan Kalijaga.
[5] Masurkar, A. 2017. Resep dan Rekomendasi Resep Makanan Pribadi.
India: Department of Computer Science, Sinhgad Institute of
Technology and Science, Pune.

35
[6] Jogiyanto, H.M. 2005. Analisa dan Desain Sistem Informasi
Pendekatan Terstruktur Teori dan Praktik Aplikasi Bisnis.
Yogyakarta : Andi.
[7] Indrajit. 2001, Analisis dan Perancangan Sistem Berorientasi Object.
Bandung: Informatika.
[8] Lani Sidharta. 1995. Pengantar Sistem Informasi Bisnis, P.T. ELEX
Media Komputindo. Jakarta.
[9] Murdick Robert, G. dan Ross Joel, E. 1990. Sistem Informasi
untuk Manajemen Modern. Jakarta: Erlangga.
[10] Davis Gordon, B. 1991. Kerangka Dasar Sistem Informasi
ManajemenBagianI.Jakarta:IPPM.http://www.cmcus.com/Products/Ve
ndors/MapInfo/mapx.asp. Diakses 27 Juli 2011, visual studio
Development Software.
[11] Sutanta, Edhy. 2011. Basis Data dalam Tinjauan Konseptual.
Yogyakarta: Andi.
[12] William dan Sawyer. 2007. Using Information Technologi. Yogyakarta:
Andi.
[13] Anton Fajri. 2012. “Sistem Informasi Reservasi Tiket” Skripsi, Sistem
Informasi. Bandung: Universitas Komputer Indonesia.
[14] Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta: Andi.
[15] Marwanti. 2000. Pengertian Masakan Indonesia. Yogyakarta: Adi Cita.
[16] Trisnawati, R., dan Hastuti P. D. 2013. Seni Menata Meja dan
Hidangan Sebagai Kunci Sukses Pelayanan Makanan dan Minuman
Jilid 1, Kelas XI, Semester 1. Depok: Direktorat Pembinaan SMK.
[17] Adi Nugroho. 2009. Rekayasa Perangkat Lunak Menggunakan UML
Dan Java. Yogyakarta : Andi.
[18] Achmad Solichin, 2010, MySQL 5 Dari Pemula Hingga Mahir Hall
119. Jakarta : Universitas Budi Luhur.
[19] Anggaeni, P. A. & Sujatmiko, B., 2013. Sistem Informasi Tugas Akhir
Berbasis Web (Studi Kasus D3 Manajemen Informatika TE FT
UNESA).
[20] Arief M Rudianto. 2011. Pemrograman Web Dinamis menggunakan
PHP dan MySQL. Yogyakarta: C.V ANDI OFFSET.
[21] Fowler, M. (2005). UML Distilled 3th ED., Panduan Singkat Bahasa
Pemodelan Objek Standar. Yogyakarta: Penerbit Andi.

36
 [22] Wicaksono. 2008. Membangun Bisnis Online dengan Mambo. Jakarta:
PT Elex Media Komputindo.
[23] Pressman, R.S. 2010. Software Engineering : a Practioner’s Approach 7
Edition, McGrew-Hill Higher Education.
[24] Kustiyahningsih, Y & Anamisa, Devie R. (2011) Pemrograman Basis
Data Berbasis Web Menggunakan PHP & MySql. Yogyakarta: Graha
Ilmu.
[25] Betha Sidik. 2012. Pemrograman Web dengan PHP. Bandung :
Informatika.

[26] Wiswakarma, Komang. 2010. 9 Langkah Menjadi Master Framework

CodeIgniter. Penerbit. Lokomedia.

37