Pertemuan 6 SmartWeb

MODUL PERKULIAHAN
SMART WEB
XML dan MySQL
Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh
06
Fakultas Ilmu Teknik Informatika W151700016 Wawan Gunawan, S.Kom., M.T.
Komputer
Abstract Kompetensi
Ketepatan memahami konsep XML Ketepatan memahami konsep XML
dalam pemrograman web dalam pemrograman web
XML dengan PHP dan MySQL
Karena tutorial ini merupakan kelanjutan dari tutorial sebelumnya, maka database dan table yang
digunakan adalah sama.
Membuat XML dengan PHP dari MySQL
Membuat database baru yaitu : db_belajar. Kemudian buat table tb_anggota dengan perintah SQL:
1. CREATE TABLE IF NOT EXISTS `tb_anggota` (
2. ànggota_id` int(5) NOT NULL AUTO_INCREMENT,
3. `nama` varchar(50) NOT NULL,
4. èmail` varchar(50) NOT NULL,
5. àlamat` varchar(50) NOT NULL,
6. ùmur` int(2) NOT NULL,
7. PRIMARY KEY (ànggota_id`)
8. ) ENGINE=INNODB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1;
Kemudian, masukkan beberapa record
1. INSERT INTO `tb_anggota` (`nama`, èmail`, àlamat`, ùmur`) VALUES
2. ('Wayan', 'wayan@email.com', 'Badung', 21),
3. ('Made', 'made@email.com', 'Gianyar', 19),
4. ('Nyoman', 'nyoman@email.com', 'Klungkung', 30),
5. ('Ketut', 'ketut@email.com', 'Tabanan', 23),
6. ('Gede', 'gede@email.com', 'Karangasem', 27);
Maka akan tampak table yang kita miliki menjadi seperti di bawah ini
Buat file create_xml.php untuk, men-generate dokumen xml dari record yang ada di table tb_anggota.
1. <?php
2. Header('Content-type: text/xml');
3.
4. //koneksi ke database
5. $connection = mysqli_connect("localhost", "root", "", "db_belajar") or die("Error "
. mysqli_error($connection));
6. $xml = new SimpleXMLElement('<xml/>');
7.
8. //menampilkan data dari database, table tb_anggota
202 Pemrograman Smart Web

0 2 Wawan Gunawan, S.Kom., M.T.
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id
9. $sql = "select * from tb_anggota";
10. $result = mysqli_query($connection, $sql) or die("Error " . mysqli_error($connectio
n));
11.
12. //membuat array
13. while ($row = mysqli_fetch_assoc($result)) {
14.
15. $track = $xml->addChild('anggota');
16. $track->addChild('nama', $row['nama']);
17. $track->addChild('email', $row['email']);
18. $track->addChild('alamat', $row['alamat']);
19. $track->addChild('umur', $row['umur']);
20. }
21.
22. print($xml->asXML());
23. //tutup koneksi ke database
24. mysqli_close($connection);
25. ?>
Jalankan script di atas maka akan didapatkan hasil seperti gambar di bawah ini

PARSING DOKUMEN XML DENGAN PHP DAN MENYIMPANNYA DI DATABASE MYSQL
Misalnya kita memiliki dokumen XML dengan nama dataanggota.xml, seperti di bawah ini
1. <?xml version="1.0"?>
2. <kepanitiaan>
3. <anggota>
4. <nama>Toni</nama>
5. <email>toni@email.com</email>
6. <alamat>Bandung</alamat>
7. <umur>35</umur>
8. </anggota>
9. <anggota>
10. <nama>Asep</nama>
11. <email>asep@email.com</email>
12. <alamat>Bandung</alamat>
13. <umur>18</umur>
14. </anggota>
15. <anggota>
16. <nama>Ucok</nama>
17. <email>ucok@email.com</email>
18. <alamat>Medan</alamat>
19. <umur>23</umur>
20. </anggota>
21. </kepanitiaan>
Buat file parsing_xml_mysql.php untuk memparsing data pada dokumen xml tersebut sekaligus
menyimpan datanya ke dalam database.
1. <?php
2.
3. //koneksi ke database
4. $connection = mysqli_connect("localhost", "root", "", "db_belajar") or die("Error "
. mysqli_error($connection));
5. // membuka file XML
6. $file = simplexml_load_file("dataanggota.xml");
7.
8. $i = 1;
9. echo 'Data Anggota baru : ';
10. foreach ($file as $key => $value) {
11. echo $i . " ";
12. echo "nama : " . $value->nama . " ";
13. echo "email : " . $value->email . " ";
14. echo "alamat : " . $value->alamat . " ";
15. echo "umur : " . $value->umur . " ";
16. $sql = "INSERT into tb_anggota(nama,email,alamat,umur) VALUES('" . $value->nama
. "','" . $value->email . "','" . $value->alamat . "','" . $value->umur . "')";
17. mysqli_query($connection, $sql) or die("Error " . mysqli_error($connection));
18. $i++;
19. }
20. //tutup koneksi ke database
21. mysqli_close($connection);
22. ?>

Coba buka table tb_anggota untuk memastikan data sudah disimpan dengan benar dan tampak
seperti pada gambar di bawah ini
Lalu tampilan pada web yang kita buat seperti pada gambar di bawah ini
Mengapa demikian? Karena kita hanya sebatas menampilkan data dari file dataanggota.xml
selanjutnya baru dilakukan proses penyimpanan pada database.
Anda bisa mencoba tag bersarang pada dokumen XML, karena tutorial ini masih sederhana

Parsing XML dengan PHP dan Jquery
XML tidak bisa lepas dari parsing, mengkonversi dari atau ke XML adalah hal yang paling
sering dilakukan. Berikut ini saya akan mencoba mencoba mempraktikan bagaimana
melakukan parsing XML dengan PHP. Kalau teman-teman membaca manual PHP, ada
banyak class yang memudahkan kita melakukan parsing XML salah satunya adalah
SimpleXML.
Awal terlebih dahulu adalah pengecekan apakah class SimpleXML telah tersedia di versi
PHP kita atau belum. Karena SimpleXML ini support pada PHP versi 5.
Sekarang coba kita ambil salah satu contoh file xml dari alamat
https://www.w3schools.com/xml/plant_catalog.xml dengan hasil seperti berikut
1. <CATALOG>
2. <PLANT>
3. <COMMON>Bloodroot</COMMON>
4. <BOTANICAL>Sanguinaria canadensis</BOTANICAL>
5. <ZONE>4</ZONE>
6. <LIGHT>Mostly Shady</LIGHT>
7. <PRICE>$2.44</PRICE>
8. <AVAILABILITY>031599</AVAILABILITY>
9. </PLANT>
10. <PLANT>
11. <COMMON>Columbine</COMMON>
12. <BOTANICAL>Aquilegia canadensis</BOTANICAL>
13. <ZONE>3</ZONE>
17. </PLANT>
18. <PLANT>
19. <COMMON>Marsh Marigold</COMMON>
20. <BOTANICAL>Caltha palustris</BOTANICAL>
21. <ZONE>4</ZONE>
22. <LIGHT>Mostly Sunny</LIGHT>
25. </PLANT>
26. <PLANT>
27. <COMMON>Cowslip</COMMON>
28. <BOTANICAL>Caltha palustris</BOTANICAL>
29. <ZONE>4</ZONE>
33. </PLANT>
34. <PLANT>
35. <COMMON>Dutchman's-Breeches</COMMON>
36. <BOTANICAL>Dicentra cucullaria</BOTANICAL>
37. <ZONE>3</ZONE>
41. </PLANT>

42. <PLANT>
43. <COMMON>Ginger, Wild</COMMON>
44. <BOTANICAL>Asarum canadense</BOTANICAL>
45. <ZONE>3</ZONE>
49. </PLANT>
50. <PLANT>
51. <COMMON>Hepatica</COMMON>
52. <BOTANICAL>Hepatica americana</BOTANICAL>
53. <ZONE>4</ZONE>
57. </PLANT>
58. <PLANT>
59. <COMMON>Liverleaf</COMMON>
60. <BOTANICAL>Hepatica americana</BOTANICAL>
61. <ZONE>4</ZONE>
65. </PLANT>
66. <PLANT>
67. <COMMON>Jack-In-The-Pulpit</COMMON>
68. <BOTANICAL>Arisaema triphyllum</BOTANICAL>
69. <ZONE>4</ZONE>
73. </PLANT>
74. <PLANT>
75. <COMMON>Mayapple</COMMON>
76. <BOTANICAL>Podophyllum peltatum</BOTANICAL>
77. <ZONE>3</ZONE>
81. </PLANT>
82. <PLANT>
83. <COMMON>Phlox, Woodland</COMMON>
84. <BOTANICAL>Phlox divaricata</BOTANICAL>
85. <ZONE>3</ZONE>
86. <LIGHT>Sun or Shade</LIGHT>
89. </PLANT>
90. <PLANT>
91. <COMMON>Phlox, Blue</COMMON>
92. <BOTANICAL>Phlox divaricata</BOTANICAL>
93. <ZONE>3</ZONE>
97. </PLANT>
98. <PLANT>
99. <COMMON>Spring-Beauty</COMMON>
100. <BOTANICAL>Claytonia Virginica</BOTANICAL>
101. <ZONE>7</ZONE>
105. </PLANT>
106. <PLANT>
107. <COMMON>Trillium</COMMON>

108. <BOTANICAL>Trillium grandiflorum</BOTANICAL>
109. <ZONE>5</ZONE>
113. </PLANT>
114. <PLANT>
115. <COMMON>Wake Robin</COMMON>
116. <BOTANICAL>Trillium grandiflorum</BOTANICAL>
117. <ZONE>5</ZONE>
121. </PLANT>
122. <PLANT>
123. <COMMON>Violet, Dog-Tooth</COMMON>
124. <BOTANICAL>Erythronium americanum</BOTANICAL>
125. <ZONE>4</ZONE>
126. <LIGHT>Shade</LIGHT>
129. </PLANT>
130. <PLANT>
131. <COMMON>Trout Lily</COMMON>
133. <ZONE>4</ZONE>
137. </PLANT>
138. <PLANT>
139. <COMMON>Adder's-Tongue</COMMON>
141. <ZONE>4</ZONE>
145. </PLANT>
146. <PLANT>
147. <COMMON>Anemone</COMMON>
148. <BOTANICAL>Anemone blanda</BOTANICAL>
149. <ZONE>6</ZONE>
153. </PLANT>
154. <PLANT>
155. <COMMON>Grecian Windflower</COMMON>
156. <BOTANICAL>Anemone blanda</BOTANICAL>
157. <ZONE>6</ZONE>
161. </PLANT>
162. <PLANT>
163. <COMMON>Bee Balm</COMMON>
164. <BOTANICAL>Monarda didyma</BOTANICAL>
165. <ZONE>4</ZONE>
169. </PLANT>
170. <PLANT>
171. <COMMON>Bergamot</COMMON>
172. <BOTANICAL>Monarda didyma</BOTANICAL>
173. <ZONE>4</ZONE>

177. </PLANT>
178. <PLANT>
179. <COMMON>Black-Eyed Susan</COMMON>
180. <BOTANICAL>Rudbeckia hirta</BOTANICAL>
181. <ZONE>Annual</ZONE>
182. <LIGHT>Sunny</LIGHT>
185. </PLANT>
186. <PLANT>
187. <COMMON>Buttercup</COMMON>
188. <BOTANICAL>Ranunculus</BOTANICAL>
189. <ZONE>4</ZONE>
193. </PLANT>
194. <PLANT>
195. <COMMON>Crowfoot</COMMON>
196. <BOTANICAL>Ranunculus</BOTANICAL>
197. <ZONE>4</ZONE>
201. </PLANT>
202. <PLANT>
203. <COMMON>Butterfly Weed</COMMON>
204. <BOTANICAL>Asclepias tuberosa</BOTANICAL>
209. </PLANT>
210. <PLANT>
211. <COMMON>Cinquefoil</COMMON>
212. <BOTANICAL>Potentilla</BOTANICAL>
217. </PLANT>
218. <PLANT>
219. <COMMON>Primrose</COMMON>
220. <BOTANICAL>Oenothera</BOTANICAL>
221. <ZONE>3 - 5</ZONE>
225. </PLANT>
226. <PLANT>
227. <COMMON>Gentian</COMMON>
228. <BOTANICAL>Gentiana</BOTANICAL>
229. <ZONE>4</ZONE>
233. </PLANT>
234. <PLANT>
235. <COMMON>Blue Gentian</COMMON>
236. <BOTANICAL>Gentiana</BOTANICAL>
237. <ZONE>4</ZONE>

241. </PLANT>
242. <PLANT>
243. <COMMON>Jacob's Ladder</COMMON>
244. <BOTANICAL>Polemonium caeruleum</BOTANICAL>
249. </PLANT>
250. <PLANT>
251. <COMMON>Greek Valerian</COMMON>
252. <BOTANICAL>Polemonium caeruleum</BOTANICAL>
257. </PLANT>
258. <PLANT>
259. <COMMON>California Poppy</COMMON>
260. <BOTANICAL>Eschscholzia californica</BOTANICAL>
262. <LIGHT>Sun</LIGHT>
265. </PLANT>
266. <PLANT>
267. <COMMON>Shooting Star</COMMON>
268. <BOTANICAL>Dodecatheon</BOTANICAL>
273. </PLANT>
274. <PLANT>
275. <COMMON>Snakeroot</COMMON>
276. <BOTANICAL>Cimicifuga</BOTANICAL>
281. </PLANT>
282. <PLANT>
283. <COMMON>Cardinal Flower</COMMON>
284. <BOTANICAL>Lobelia cardinalis</BOTANICAL>
285. <ZONE>2</ZONE>
289. </PLANT>
290. </CATALOG>
Selanjutunya kita buat satu file untuk mencoba mengambil data pada file plant_catalog.xml
dengan nama xml_php.php (satukan dalam folder file plant_catalog.xml). Pada xml_php.php
kita tulis code seperti dibawah ini :
1. <?php
2. # pengecekan apakah ada file *.xml itu ?
3. if(file_exists('plant_catalog.xml')){

4.
5. # ambil data xml
6. $xml = file_get_contents('plant_catalog.xml');
7.
8. # pembuatan object SimpleXMLElement
9. $e_xml = new SimpleXMLElement($xml);
10.
11. # mengambil name dari element
12. echo "Element root : " . $e_xml->getName() . " ";
13. echo "Element children dari root : " . $e_xml->children()->getName() .
" ";
14.
15. echo "Element children dari " . $e_xml->children()->getName() . " : 
";
16. # loping get name dari child yg banyak
17. foreach($e_xml->children()->children() as $child){
18. echo $child->getName()." ";
19. }
20.
21. echo "============================================= ";
22.
23. # mengambil isi dari element
24. echo "Common : " . $e_xml->PLANT[0]->COMMON . " ";
25.
26. echo "Botanical : " . $e_xml->PLANT[0]->BOTANICAL . " ";
27.
28. echo "============================================= ";
29.
30. # hitung jumlah element pada PLANT
31. $jml_plant = $e_xml->PLANT->count();
32. echo "Jumlah element ". $e_xml->children()->getName() . " : " . $jml_plant
. " ";
33.
34. # looping untuk mendapatkan data keseluruhan
35. for ($i=0; $i<$jml_plant; $i++){
36.
37. # ambil hanya element COMMON
38. echo "#" . $i . " Common dari " . $e_xml->children()->getName() . " : "
. $e_xml->PLANT[$i]->COMMON . " ";
39.
40. }
41. }else{
42. echo "file tidak ditemukan";
43. }
44.
45. ?>
Lalu jalankan hasilnya akan didapat seperti gambar di bawah ini

Daftar Pustaka
https://simplehtmldom.sourceforge.io/
https://simplehtmldom.sourceforge.io/manual.htm
https://simplehtmldom.sourceforge.io/manual_api.htm
https://stackoverflow.com/questions/14456621/simple-html-dom-getting-all-attributes-from-a-
tag
https://www.codementor.io/@wang90925/top-10-best-usage-examples-of-php-simple-html-
dom-parser-i8ik76e16
https://stackoverflow.com/questions/7124823/file-get-html-displays-fatal-error-call-to-
undefined-function
Diunduh pada tanggal 21 Maret 2020 jam 09.38 AM

https://www.yudana.id/membuat-dan-parsing-xml-dengan-php-dan-mysql/

Pertemuan 6 SmartWeb

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Pertemuan 6 SmartWeb

Diunggah oleh

Hak Cipta:

Format Tersedia

MODUL PERKULIAHAN

XML dan MySQL

Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh

Membuat XML dengan PHP dari MySQL

Kemudian, masukkan beberapa record

202 Pemrograman Smart Web

202 Pemrograman Smart Web

202 Pemrograman Smart Web

202 Pemrograman Smart Web

202 Pemrograman Smart Web

202 Pemrograman Smart Web

202 Pemrograman Smart Web

202 Pemrograman Smart Web

202 Pemrograman Smart Web

Lalu jalankan hasilnya akan didapat seperti gambar di bawah ini

202 Pemrograman Smart Web

Diunduh pada tanggal 21 Maret 2020 jam 09.38 AM

202 Pemrograman Smart Web

Anda mungkin juga menyukai