hirup motekarhirupmotekar.com/.../uploads/2018/10/rps-3-kelompok-4.docx · web viewtugas...

14
TUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa 16.11.0267 Doni Damara 16.11.0199 Adiftian Al Azizi 16.11.0202 Mandra Pradita Cahyani 16.11.0212 Charir Maulana Achsan 16.11.0217 Bagus Anjas P 16.11.0221 Esa Rizki Anandrian 16.11.0248 Danang Aldy Kurniawan 16.11.0267 Luky Sufra Alfarizi 16.11.0272 Tri Mardianto 16.11.0276 Agia Hana Lestari 16.11.0282 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

Upload: others

Post on 25-Oct-2020

15 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

TUGAS

PEMROGRAMAN MOBILE 2

Disusun Oleh Kelompok 4 dengan anggota :

Dani Khoirul Wafa 16.11.0267Doni Damara 16.11.0199Adiftian Al Azizi 16.11.0202Mandra Pradita Cahyani 16.11.0212Charir Maulana Achsan 16.11.0217Bagus Anjas P 16.11.0221Esa Rizki Anandrian 16.11.0248Danang Aldy Kurniawan 16.11.0267Luky Sufra Alfarizi 16.11.0272Tri Mardianto 16.11.0276Agia Hana Lestari 16.11.0282

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM PURWOKERTO

2017/2018

Page 2: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

PARSING XML

Extensible Markup Language (XML) adalah seperangkat aturan untuk menyandikan dokumen

dalam bentuk yang dapat dibaca mesin. XML adalah format populer untuk berbagi data di

internet. Situs web yang sering memperbarui kontennya, seperti situs berita atau blog, sering

menggunakan XML sehingga program eksternal dapat terus mengikuti perubahan konten.

Upload dan parsing data XML adalah tugas umum untuk aplikasi yang terhubung ke jaringan.

PARSING DATA XML

Pada ilmu komputer, penguraian atau parsing adalah suatu cara memecah-mecah suatu rangkaian

masukan (misalnya dari berkas atau keyboard) yang akan menghasilkan suatu pohon uraian

(parse tree) yang akan digunakan pada tahap kompilasi berikutnya yaitu analisis semantik.

Jadi parsing XML adalah proses memecah-mecah data yang ada dalam file XML menjadi

bagian-bagian kecil, dan bagian-bagian ini direpresentasikan dalam code.

Element pada xml

1. Deklarasi: Adalah bagian penting dalam XML, biasanya digunakan untuk menentukan

versi XML yang akan digunakan.

2. Elemen: berisi tag-tag yang mendefinisikan sebuah data objek.

3. Atribut: berisi keterangan tambahan dari objek.

Jenis-jenis XML Parsing Data

Page 3: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

Android menyediakan tiga jenis parser XML yaitu DOM, SAX, dan XMLPullParser.

1. DOM

Document Object Model (DOM) adalah object model standar untuk HTML dan XML

yang bersifat platform independent. Sebuah web browser tidak harus menggunakan DOM

untuk menampilkan dokumen XML/HTML. Namun DOM diperlukan oleh JavaScript

yang akan mengubah tampilan sebuah website secara dinamis. Dengan kata lain, DOM

adalah cara JavaScript melihat suatu halaman XML/HTML.

DOM XML mendefinisikan cara standar untuk mengakses dan memanipulasi dokumen

XML. DOM menyajikan dokumen XML sebagai struktur pohon (tree-structure).

2. SAX

SAX (Simple API for XML) adalah antarmuka program aplikasi (API / application

program interface) yang memungkinkan programmer untuk menafsirkan file Web yang

menggunakan Extensible Markup Language (XML), yaitu file Web yang berisi kumpulan

data. SAX adalah alternatif untuk menggunakan Document Object Model (DOM) untuk

menginterpretasikan file XML. Seperti namanya, ini adalah antarmuka yang lebih

sederhana daripada DOM dan sesuai di mana banyaknya file atau file besar yang harus

diproses, tetapi memiliki lebih sedikit kemampuan untuk memanipulasi konten data.

SAX adalah antarmuka yang digerakkan oleh peristiwa (event-driven interface).

Programmer menentukan peristiwa yang mungkin terjadi dan, jika itu terjadi, SAX

mengendalikan dan menangani situasi.

3. XMLPullParser

Di antara semua jenis parsing yang paling di rekomendasikan android adalah

XMLPullParser karena efisien dan mudah digunakan. Pull parser berguna dalam aplikasi

streaming, di mana data terlalu besar untuk dimasukkan ke dalam memori, atau data

sedang dikumpulkan Pada waktu tertentu untuk digunakan. Ini dirancang untuk

digunakan dengan sumber data yg besar, berbeda dengan SAX yang

mengembalikan setiap events. Pull parser dapat memilih untuk melewati  yang tidak

tertarik.

CONTOH PROJECT

Page 4: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

Isi layout activity_main dengan kode berikut ini :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="8dp" tools:context="danikhoirul.rps3danikhoirulv4.MainActivity">

<TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="XML Parsing" android:textAlignment="center" android:textStyle="bold" android:textSize="20dp" android:textColor="@color/colorPrimaryDark"/>

<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">

<Button android:id="@+id/btnParse" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Parse xml" android:textAllCaps="false" android:backgroundTint="@color/colorAccent" android:textColor="#ffffff" android:layout_marginTop="15dp" android:layout_marginBottom="5dp" android:layout_weight="1"/>

<Button android:id="@+id/btnReset" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Reset" android:textAllCaps="false"

Page 5: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

android:backgroundTint="@color/colorAccent" android:textColor="#ffffff" android:layout_marginTop="15dp" android:layout_marginBottom="5dp" android:layout_weight="1"/>

</LinearLayout>

<ScrollView android:layout_width="match_parent" android:layout_height="match_parent">

<TextView android:id="@+id/txtShow" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="" android:textColor="#000000" android:textSize="17dp"/>

</ScrollView>

</LinearLayout>

Kemudian pada klik kanan pada folder main yang terletak di project > app > src > main. Pilih

menu new dan pilih directory. Beri nama directory dengan nama assets

Page 6: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

Setelah selesai membuat folder, klik kanan pada folder assets, pilih menu new > file. Kemudian

namai file dengan nama data.xml

Page 7: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

Kemudian pada data.xml isikan kode xml dengan isi data yang ingin anda tampilkan nantinya.

Disini kami menggunakan data pembalap motoGP 2018.

Page 8: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

Kemudian langkah selanjutnya yaitu membuat java class dengan nama Racer

Page 9: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

Setelah itu ketikkan kode berikut ini di dalam class Racer

Kemudian ketikkan kode berikut ini pada class MainActivity

Page 10: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267
Page 11: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

Setelah selesai, jalankan program dan klik tombol parse xml, maka data akan muncul, seperti

gambar dibawah ini

Page 12: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267
Page 13: Hirup Motekarhirupmotekar.com/.../uploads/2018/10/RPS-3-Kelompok-4.docx · Web viewTUGAS PEMROGRAMAN MOBILE 2 Disusun Oleh Kelompok 4 dengan anggota : Dani Khoirul Wafa16.11.0267

DAFTAR PUSTAKA

https://developer.android.com/training/basics/network-ops/xml

https://id.wikipedia.org/wiki/Parsing

https://www.petanikode.com/xml-dasar-untuk-pemula/

https://id.wikipedia.org/wiki/Document_Object_Model

https://www.w3schools.com/xml/dom_intro.asp

https://searchmicroservices.techtarget.com/definition/SAX-Simple-API-for-XML

https://www.tutorialspoint.com/android/android_xml_parsers.htm

https://medium.com/@ssaurel/parsing-xml-data-in-android-apps-71ef607fbb16