APLIKASI RESEP MASAKAN DENGAN MENGGUNAKAN XML DOM PARSER BERBASIS WEB DAN ANDROID
Anders Sula 50412737 Pembimbing : Suryarini Widodo, SKom, MMSI
Latar Belakang Masalah • Susahnya menemukan resep masakan yang portable dan isinya up-to-date merupakan kendala bagi orang-orang yang ingin membuat masakan. • Sekarang ini orang-orang lebih memilih untuk mencari resepresep masakan melalui situs web dibandingkan dengan membacanya dari buku resep masakan. • Aplikasi untuk menampilkan resep masakan yang telah ada hanya memiliki data yang statis.
Batasan Masalah • Kumpulan resep yang ada pada aplikasi, diambil dari 2 situs web penyedia informasi resep masakan yaitu hanya embed code dari Youtube: https://www.buzzfeed.com/tasty dan https://www.buzzfeed.com/food. • Aplikasi ini tersedia dalam bentuk web dan android. • Pada aplikasi resep masakan berbasis web, informasi cara pembuatan resep masakan ditampilkan dalam teks, gambar dan video. • Pada aplikasi resep masakan berbasis Android, informasi yang disajikan dalam bentuk teks dan gambar saja tanpa video
Tujuan Penulisan
Membuat aplikasi berbasis web dan berbasis Android
menggunakan XML DOM Parser. Aplikasi ini dibuat untuk mempermudah orang-orang yang ingin membuat masakan sendiri.
Alur Kerja Pembuatan Aplikasi
Struktur Navigasi
XML Parser Sebuah parser adalah bagian dari program yang mengambil sebuah representasi fisik dari beberapa data dan mengkonversinya ke dalam tempat penyimpanan untuk program selama digunakan. Parser digunakan semua bagian dalam suatu software. Sebuah XML Parser adalah sebuah parser yang dibuat untuk membaca XML dan membuat jalan kepada program-program untuk menggunakan XML.
Penerapan Parsing load( 'https://www.buzzfeed.com/tasty.xml' );
$recipes = $doc->getElementsByTagName( "item" ); foreach( $recipes as $recipe ){ $titles = $recipe->getElementsByTagName( "title" ); $title = $titles->item(0)->nodeValue; $links = $recipe->getElementsByTagName( "link" ); $link = $links->item(0)->nodeValue;
Penerapan Hasil Parsing Ke DB $q = "INSERT INTO tb_dataxml VALUES('','$title','$link','$description','$pict','$video','$pubdate',' BuzzFeed - Tasty')"; $result = mysql_query($q); if ($result) { echo '
Database Updated
'; } else echo '
Failed to Update Database
'; }
Fungsi Yang Mengatur DB include 'dbmulti.php'; include 'nulldel.php'; include 'length.php'; include 'lengthmax.php'; include 'pict.php'; include 'reset2.php'; ?>
Tabel Perbandingan Antar Browser No.
Acuan
Google Chrome
Mozilla Firefox
Internet Explorer
1
Tampilan sesuai dengan desain
Ya
Ya
Ya
2
Melakukan parsing
Ya
Ya
Ya
3
Marquee berjalan dengan lancar
Ya
Tidak
Tidak
4
Video bisa diputar
Ya
Ya
Ya
5
Tombol bekerja dengan semestinya
Ya
Ya
Ya
6
Ukuran gambar sama seperti di localhost
Ya
Ya
Ya
7
Gambar tidak corrupt
Ya
Ya
Ya
8
Resep hasil parsing bisa ditampilkan
Ya
Ya
Ya
9
Fungsi search bisa dilakukan dan hasilnya sesuai
Ya
Ya
Ya
Perbandingan Antar Device No. 1.
Device Sony Xperia Z3 Compact
Spesifikasi • 720 x 1280 pixels • 4.6 inches • Android OS, v6.0 (Marshmallow) • 3 GB RAM
Hasil A Tampilan sesuai dengan Y layar 4.6 inci, OS Marshmallow. Aplikasi berjalan dengan baik.
B Y
C Y
D Y
2.
Xiaomi Redmi 3 Pro
• 720 x 1280 pixels • 5.5 inches • Android OS, v5.1 (Lollipop) • 3 GB RAM
Tampilan sesuai dengan Y layar 5.5 inci, OS Lollipop. Aplikasi berjalan dengan baik.
Y
Y
Y
3.
Alcatel Flash Plus
• 720 x 1280 pixels • 5.5 inches • Android OS, v4.4.4 (KitKat) • 2 GB RAM
Tampilan sesuai dengan Y layar 5.5 inci, OS Kitkat. Aplikasi berjalan dengan baik.
Y
Y
Y
A = Tampilan sesuai dengan di website
Y = Ya
B = Bisa melakukan parsing
T = Tidak
C = Semua fitur bisa diakses D = Tampilan tidak terpotong
Kesimpulan • Aplikasi tersebut berjalan dengan baik pada web maupun pada smartphone Android. • Aplikasi ini menampilkan daftar resep masakan yang akan terus update tergantung pada web yang dituju. • Aplikasi ini ditujukan untuk mempermudah orang-orang yang ingin membuat masakan. • Aplikasi web ini bisa diakses di http://anderssula.96.lt/appresep/index.php.
Saran • Untuk penyempurnaan, aplikasi ini masih dapat dilakukan pengembangan, contohnya menambahkan content, seperti advanced search. • Melakukan update otomatis secara berkala, tanpa menekan tombol refresh pada aplikasi tetapi database akan bertambah dan melakukan update dengan sendirinya. • Menambahkan alamat website resep masakan yang digunakan saat melakukan parsing, sebagai referensi untuk memperbanyak, memperkaya dan membuat daftar resep masakan selalu update.
Output (Tampilan Awal Website)
Output (Tampilan Awal)
Output (Tampilan Daftar Resep)
Output (Tampilan Detail Resep)
Output (Tampilan Channels)
Output (Tampilan About)
Output (Tampilan Substitutions)
Output (Tampilan Conversion)
Output (Tampilan Search)
