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 <?php header("location: daftarresep.php"); include 'coba.php'; $doc = new DOMDocument(); $doc->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 '<h2>database Updated</h2>'; else echo '<h2>failed to Update Database</h2>';
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. Device Spesifikasi Hasil A B C D 1. Sony Xperia Z3 Compact 720 x 1280 pixels 4.6 inches Android OS, v6.0 (Marshmallow) 3 GB RAM Tampilan sesuai dengan layar 4.6 inci, OS Marshmallow. Aplikasi berjalan dengan baik. Y Y Y Y 2. Xiaomi Redmi 3 Pro 720 x 1280 pixels 5.5 inches Android OS, v5.1 (Lollipop) 3 GB RAM Tampilan sesuai dengan layar 5.5 inci, OS Lollipop. Aplikasi berjalan dengan baik. Y 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 layar 5.5 inci, OS Kitkat. Aplikasi berjalan dengan baik. Y Y Y Y A = Tampilan sesuai dengan di website B = Bisa melakukan parsing C = Semua fitur bisa diakses D = Tampilan tidak terpotong Y = Ya T = Tidak
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)