HANDOUT PRAKTIKUM REKAYASA WEB FAKULTAS ILMU KOMUNIKASI DAN KOMPUTER UNIVERSITAS SEMARANG

HANDOUT PRAKTIKUM REKAYASA WEB FAKULTAS ILMU KOMUNIKASI DAN KOMPUTER UNIVERSITAS SEMARANG

MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN | M.KOM | November 14, 2015

DAFTAR ISI

1. MODUL 1 .............................................................................................

1

1.1. Pengenalan XML...........................................................................

1

1.2. Latihan ..........................................................................................

8

2. MODUL 2.............................................................................................

13

2.1 Insert Data dengan XML ..............................................................

13

2.2 Backup Data dengan XML ...........................................................

17

3. MODUL 3 .............................................................................................

20

3.1. Multi Table dengan MySQL dan Convert Ke XML .....................

20

3.2. Tugas ............................................................................................

23

4. MODUL 4 ............................................................................................

24

4.1. Implementasi Template Bootstrap untuk Back-End ..................

24

4.2. Tugas .............................................................................................

27

4.3. Insert Data .................................................................................... 5. MODUL 5.............................................................................................

38

5.4. Restore Data XML Ke MySQL......................................................

38

MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

1

MODUL 1 1.1. PENGENALAN XML a.

Teori Singkat XML

kependekan

dari

eXtensible

Markup

Language,

dikembangkan mulai tahun 1996 dan mendapatkan pengakuan dari W3C pada bulan Februari 1998. Teknologi yang digunakan pada XML sebenarnya bukan teknologi baru, tapi merupakan turunan dari SGML yang telah dikembangkan pada awal 80-an dan telah banyak digunakan pada dokumentasi

teknis

proyek-proyek

berskala besar.

Ketika

HTML

dikembangkan pada tahun 1990, para penggagas XML mengadopsi bagian paling penting pada SGML dan dengan berpedoman pada pengembangan HTML menghasilkan markup language yang tidak kalah hebatnya dengan SGML. Seperti halnya HTML, XML juga menggunakan elemen yang ditandai dengan tag pembuka (diawali dengan ‘<’ dan diakhiri dengan ‘>’), tag penutup(diawali dengan ‘’) dan atribut elemen(parameter yang dinyatakan dalam tag pembuka misal
). Hanya bedanya, HTML medefinisikan dari awal tag dan atribut yang dipakai didalamnya, sedangkan pada XML kita bisa menggunakan tag dan atribut sesuai kehendak kita. Untuk lebih jelasnya lihat contah dibawah: Bapak Tri Ibu Yun Kaprodi TI Fakultas ILKOM <subyek>Rapat Akhir Bulan Mohon kehadiran nya untuk rapat akhir bulan untuk pembahasan jadwal sidang MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

2


3

pada contoh diatas , ,dan bukanlah tag standard yang telah di tetapkan dalam XML. Tag-tag itu kita buat sendiri sesuai keinginan kita. Sampai di sini XML tidak melakukan apapun. Yang ada hanyalah informasi yang di kemas dengan tag-tag XML. Kita harus membuat software

lagi untuk

untuk

mengirim,

menerima

atau

menampilkan informasi di dalamnya.

Gambar 1.1 Tampilan dokumen xml pada browser

XML untuk saat ini bukan merupakan pengganti HTML. Masingmasing dikembangkan untuk tujuan yang berbeda. Kalau HTML digunakan untuk menampilkan informasi dan berfokus pada bagaimana informasi terlihat, XML mendeskripsikan susunan informasi dan berfokus pada informasi itu sendiri. XML terutama dibutuhkan untuk menyusun dan menyajikan informasi dengan format yang tidak mengandung format standard layaknya heading, paragraph, table dan lain sebagainya. Sama dengan HTML, File XML berbentuk teks sehingga bila diperlukan kita bisa membacanya tanpa memerlukan bantuan software khusus. Hal ini MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

4

memudahkan pengembang aplikasi yang menggunakan XML untuk mendebug programnya. XML lebih fleksible dibanding HTML dalam hal kemampuannya menyimpan informasi dan data. Pada XML kita bisa menyimpan data baik dalam atribut maupun sebagai isi elemen yang diletakkan diantara tag pembuka dan tag penutup. Kelebihan lain yang dimiliki XML adalah bahwa informasi bisa di pertukarkan dari satu system ke system lain yang berbeda platform. Misalnya dari Windows ke Unix, atau dari PC ke Machintosh bahkan dari internet ke handphone dengan teknologi WAP. b.

Bagian-bagian dari Dokumen XML Sebuah dokumen XML terdiri dari bagian bagian yang disebut dengan node. Node-node itu adalah: 1. Root node yaitu node yang melingkupi keseluruhan dokumen. Dalam satu dokumen XML hanya ada satu root node. Node-node yang lainnya berada di dalam root node. 2. Element node yaitu bagian dari dokumen XML yang ditandai dengan tag pembuka dan tag penutup, atau bisa juga sebuah tag tunggal elemen kosong seperti . Root node biasa juga disebut root element 3. Attribute note termasuk nama dan nilai atribut ditulis pada tag awal sebuah elemen atau pada tag tunggal. 4. Text node, adalah text yang merupakan isi dari sebuah elemen, ditulis diantara tag pembuka dan tag penutup 5. Comment node adalah baris yang tidak dieksekusi oleh parser 6. Processing Instruction node, adalah perintah pengolahan dalam dokumen XML. Node ini ditandai awali dengan karakter . Tapi perlu diingat bahwa header standard XML
5

version=”1.0” encoding=”iso-8859-1”?> bukanlah processing instruction node. Header standard bukanlah bagian dari hirarki pohon dokumen XML. 7. NameSpace Node, node ini mewakili deklarasi namespace

c.

Sintaks XML a. Heading standart untuk document XML Biasakanlah setiap membuat XML diawali dengan heading standard XML. Formatnya adalah b. Dokumen XML harus memilliki root tag Dokumen XML yang baaik harus memiliki root tag. Yaitu tag yang melingkupi keseluruhan dari dokumen. Tag-tag yang lain, disebut child tag, berada didalam root membentuk hirarki seperti gambar 2.1


6

c. Tag pada XML harus lengkap berpasangan Pada HTML beberapa element tidak harus berpasangan. Tapi di dalam sintaks XML harus memliki tag penutup untuk setiap tag yang kita buat.
Paragraph pertama
d. XML membedakan huruf besar dengan huruf kecil Pada XML, berbeda dengan . Tag pembuka dan tag penutup harus sama susunan huruf besar dan kecilnya. e. Penulisan tag harus benar Penulisan tag pada XML harus mengikuti aturan Last In First Out (LIFO). seperti yang kita bahas terdahulu, pada XML kita tidak bisa membuat tag yang saling bersilang seperti dibawah ini
Huruf Tebal
tapi harus disusun seperti ini
Huruf tebal
f. XML mempertahankan spasi seperti apa adanya g. Nilai atribut harus diletakkan diantara tanda petik Seperti HTML, XML memiliki atribut. Nilai atribut harus diletakkan diantara dua tanda petik. Tidak masalah apakah tanda petik tunggal atau tanda petik ganda. Contoh dibawah ini dua-duanya benar MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

7

atau

h. Menyisipkan komentar Pada bahasa pemrograman atau scripting kita mengenal adanya komentar (comment). Komentar adalah kalimat/baris yang tidak dieksekusi oleh compiler, browser atau parser. Untuk menyisipkan komentar pada dokumen XML caranya adalah sebagai berikut: i. Menggunakan karakter illegal pada XML Sama seperti pada HTML, anda tidak bisa menggunakan karakter seperti kurung siku (< atau >), petik tunggal (‘), dan petik ganda (“) . Contoh dibawah ini akan menghasilkan error kalau di eksekusi oleh browser. <syarat>jika jumlah < 1000 maka j. Namespace XML Dari pembahasan terdahulu kita mengetahui bahwa tag-tag pada XML tidak didefinisikan secara baku tetapi kita buat sendiri sesuai keinginan kita. Karena itu akan sering terjadi konflik pada dua dokumen yang menggunakan nama tag yang sama tetapi mewakili dua hal yang berbeda. Contoh: bila ada dokumen yang mendiskripsikan tentang kebutuhan material pembuatan gardu jaga dari bambu <jenis>Jawa <panjang>2 1.2. LATIHAN a.

Latihan 1 memformat XML dengan CSS Buatlah file baru dengan code sebagai berikut :


8

<judul>Basis Data Buku ini di tulis oleh Mr. X dengan mengulas relasi secara tuntas <judul>Web Programming Buku ini di tulis oleh Mr. X dengan mengulas Ajax PHP secara tuntas Lalu simpanlah dengan nama buku.xml. Kemudian buat file baru untuk mengatur tampilan dari data xml diatas dengan sourcecode sebagai berikut : buku { background-color: #ffffff; width: 100%; } resensi { display: block; background-color: #DDDDDD; margin-bottom: 5pt; } judul { background-color: #999999; margin-bottom: 12pt; } MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

9

ulasan { color: #0000FF; font-size: 12pt; } Dan simpan dengan nama cobacss.css, dan kedua file tersebut simpanlah di dictonary C:xampp/htdocs/latihan. Kemudia untuk menampilkan ke web browser, ketikkan alamat url dengan alamat localhost/latihan/buku.xml maka browser akan menampilkan sebagai berikut :

2.2 Hasil Latihan memformat xml dengan css

b. Latihan 2 parsing XML didalam PHP Buatlah file dokumen xml dengan sourcecode sebagai berikut : <judul>Bumi Manusia Pramoedya Ananta Toer MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

10

Lentera Dipantara 90000 <judul>Anak Semua Bangsa Pramoedya Ananta Toer Lentera Dipantara 94000 <judul>Jejak Langkah Pramoedya Ananta Toer Lentera Dipantara 98000 <judul>Rumah Kaca Pramoedya Ananta Toer Lentera Dipantara 84000 Simpanlah dengan nama buku.xml. Kemudian buatlah file new dengan code sebagai berikut : Daftar Buku
Daftar Buku Terbaru
Judul Pengarang Penerbit Harga ISBN "; foreach($books as $buku){ echo " {$buku->judul} {$buku->pengarang} MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

11

{$buku->penerbit} {$buku->harga} {$buku['isbn']} "; } echo ""; ?> Dan simpanlah file tersebut dengan nama buku.php dan simpanlah kedua file ke dalam dictonary C:/xampp/htdocs/latihan. Kemudian panggilah file terebut dengan mengetikkan alamat url localhost/latihan/buku.xml, jika berhasil akan menampilkan gambar berikut :

Gambar 3.1 Hasil Parsing xml dengan php


12

MODUL 2 2.1 INSERT DATA DENGAN XML Pada kesempatan ini, kita akan mencoba menginputkan sebuah data kedalam database menggunakan xml. Tahapan untuk menginputkan data ke database sebagai berikut a. Buatlah database mahasiswa di database lokal pc anda, kemudian buatlah tabel t_mhs dengan struktur database seperti dibawah ini :

Gambar 2.1 Struktur tabel mahasiswa b. Buatlah file koneksi.php dan simpan didalam satu folder dictonary C:/xampp/htdocs/latihan. Source code koneksi.php sebagai berikut :


13

c. Kemudian untuk input data mahasiswa, buatlah form input data mahasiswa dan save dengan nama form.php di directory yang sama, source codenya sebagai berikut : FORM NILAI MAHASISWA
.:: SELAMAT DATANG ::.

<strong>DATA NILAI MAHASISWA

14

NIM :

Nama :

Jurusan : <select name="jurusan">

Semester : I II III IV V VI

Jenis Kelamin : Laki-Laki Perempuan

Masukkan Nilai :

Untuk menampilkan form input mahasiswa, ketikkan alamat localhost/latihan/form.php pada browser. Dan jika berhasil, hasilnya sebagai berikut :


15

Gambar 2.2 Tampilan input nilai mahasiswa d. Dan untuk perintah insert hasil input penilaian mahasiswa ke database menggunnakan source code sebagai berikut : '; echo ''; echo '<status>1<message>data Insert'; echo ''; echo ''; }else{ echo '<xml><error><no>'.mysql_errno().'<message>'.mysql_error().''; } }else{ echo '<xml><error><no>404<message>one or more parameter needed'; } ?> Simpan source code diatas dengan nama add_mhs.php di directory yang sama. Dan coba inputkan penilaian mahasiswa dengan memanggil localhost/latihan/form.php pada url browser. Jika input form nilai mahasiswa berhasil, maka akan tampil sebagai berikut :


16

Gambar 2.3 Tampilan hasil insert data mahasiswa


17

2.2 BACKUP DATA DARI MYSQL KE XML Backup data dibutuhkan untuk menyediakan data kedalam format lain ketika data tersebut sangat diperlukan misalnya untuk migrasi sistem karena terjadi kerusakan. Praktikum kali ini akan membahas tentang backup data dari mysql ke dalam format xml. Tahapan backup data sebagai berikut : a. Siapkan sebuah tabel untuk sample data, buatlah table jurusan dengan struktur tabel seperti dibawah ini :

2.4 Struktur tabel jurusan b. Isi tabel jurusan dengan data sebagai berikut :

2.5 Data tabel jurusan

c. Kemudian untuk mem backup tabel jurusan tersebut buatlah file jurusan.php pada notepad++ dan ke dalam direktory C:/xampp/htdocs/latihan, dengan source ocde sebagai berikut : MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

18

'); # Menambah isi kolom node pada object XML while($row = mysql_fetch_assoc($result)) { $mydata = $xml->addChild('program_studi'); $mydata->addChild('Id',$row['id_jurusan']); $mydata->addChild('Jurusan',$row['nama_jurusan']); $mydata->addChild('Fakultas',$row['fakultas']); $mydata->addChild('Email_Jurusan',$row['email_jurusan']); $mydata->addChild('Web_Jurusan',$row['web_jurusan']); $mydata>addChild('Nomor_Telepon_Jurusan',$row['no_telepon_jurusan']); } # Menutup koneksi MySQL mysql_close($db); # Kondisi jika file XML ada if(file_exists("jurusan.xml")){ echo "File XML untuk jurusan sudah ada"; } else{ # Membuat File XML $fp = fopen("jurusan.xml","wb"); # Menulis node XML fwrite($fp,$xml->asXML()); # Menutup koneksi database fclose($fp); echo "File XML jurusan.xml sudah terconvert. Silahkan anda buka file jurusan.xml"; } ?> MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

19

Untuk membackup tabelnya, buka browser dan isikan urlnya dengan alamat localhost/latihan/jurusan.php. Jika berhasil , maka akan tampil sebagai berikut :

2.6 Hasil backup tabel jurusan Setelah muncul pesan diatas, untuk melihat hasil backup, ganti alamat urlnya menjadi localhost/latihan/jurusan.xml dan akan keluar data tabel jurusan dengan struktur xml di browser anda.

2.3 TUGAS 1 Silahkan anda buat tampilan seperti di bawah ini dengan mengenerate dari file jurusan.xml, bukan langsung dari database

2.7 Tampilan generate file jurusan.xml


20

MODUL 3

3.1.

MULTI TABLE DENGAN MYSQL DAN CONVERT KE XML Multitable digunakan untuk menarik data dari dua atau lebih tabel yang ada di database. Masih berhubungan dengan tabel jurusan yang telah dibuat di modul 2 sebelumnya, untuk praktikum modul 3 kali ini tahapan multitable adalah sebagai berikut : a.

buatlah tabel matkul didalam database yang sama dengan jurusan, struktur tabelnya berikut ini :

3.1 Struktur tabel matkul b. Dari struktur tabel diatas, isilah dengan data berikut ini :

3.2 Isi tabel matkul c.

Kemudian buatlah sebuah file double.php dan simpanlah di folder localhost/latihan seperti modul sebelumnya dengan source code nya sebagai berikut :


21

'); while($row = mysql_fetch_assoc($result)) { $mydata = $xml->addChild('join'); $mydata->addChild('Kode_Makul',$row['kode_mk']); $mydata->addChild('Nama_Makul',$row['nama_mk']); $mydata->addChild('Sks',$row['sks']); $mydata->addChild('Jurusan',$row['nama_jurusan']); $mydata->addChild('Fakultas',$row['fakultas']); $mydata->addChild('Web_Jurusan',$row['web_jurusan']); } mysql_close($db); if(file_exists("double.xml")){ echo "File XML untuk Double sudah ada"; } else{ $fp = fopen("double.xml","wb"); fwrite($fp,$xml->asXML()); fclose($fp); echo "File XML double.xml sudah terconvert. Silahkan anda buka file double.xml"; } ?> File double.php tersebut digunakan untuk convert semua data yang ada di database kedalam format xml. Untuk melihat hasilnya ketikkan alamat url pada browser dengan localhost/latihan/double.php. Jika tidak error maka akan keluar pesan berikut :


22

3.3 Pesan convert data multi table jurusan dan matkul Setelah itu untuk mengecek data yang sudah terconvert kedalam xml, silahkan akses melalui localhost/latihan/double.xml pada browser maka akan keluar gambar sebagai berikut :

Gambar 3.4 Hasil convert multi table


23

3.2. TUGAS 2 Buatlah tampilan data double.xml diatas menjadi sebuah tabel seperti gambar dibawah ini :

Gambar 3.5 Tampilan hasil convert multitable


24

MODUL 4 4.1. Implementasi template Bootstrap untuk back-end Untuk membuat website back-end agar tidak mendesain ulang websitenya bisa memanfaatkan penggunaan template. Banyak template free yang tersedia di google, hanya saja untuk mata kuliah ini akan menggunakan template Bootstrap karena template bootstrap sudah menggunakan HTML 5 yang lebih responsive ketika website diakses di PC, HP, atau tablet. Berikut tahapan untuk membuat website back-end : a. Membuat halaman Login Untuk membuat halaman login kita perlu sebuah folder assets dan file index.php. Folder asset berisi style css bootstrap dan image yang dibutuhkan halaman login. Berikut source code halaman login.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=1,initial-scale=1,user-scalable=1" /> Login MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM <section class="container"> <section class="login-form">

25

<section class="container"> <section class="login-form">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> <script src="assets/bootstrap/js/bootstrap.min.js">

Simpan file tersebut didalam folder back-end dengan nama index.php. Jika semua file template sudah lengkap maka tampilan loginnya seperti gambar berikut :

Gambar 4.1 Halaman Login MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

26

b. Buatlah tabel login dengan struktur tabel sebagai berikut :

Kemudian isilah tabel tersebut dengan nama masing-masing


27

c. Membuat validasi login ke sistem Buat file baru dengan nama check.php dan source code nya sebagai berikut :

Anda belum memasukkan username dan password !"; exit; } if($row != 0) { if($password != $result['password']) { print "Password salah !"; } else { header("location: home.php"); } } else { print "Maaf, Username tidak terdaftar !
Silahkan login ulang disini"; } ?>


28

d. Membuat halaman utama Halaman utama berisi menu-menu yang tersedia untuk website backend. Karena halaman utama ini merupakan template Bootstrap jadi utama ini membutuhkan file-file tambahan yaitu css, font, dan js. Source code halaman utama sebagai berikut :

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> Sistem Informasi Akademik Universitas Semarang

SIA-Universitas Semarang

Home

Mahasiswa

MODUL PRAKTIKUM REKAYASA WEB OLEH Jurusan SITI
ASMIATUN, M.KOM
Mata Kuliah

29

Untuk menampilkan halaman utama, buka halaman login dan masukkan username dan password sesuai dengan data di database. Jika validasi login berhasil maka halaman utama akan menampilkan gambar sebagai berikut :

Gambar 4.2 Halaman Utama


30

e. Menambahkan Session pada Login dan Logout Kegunaan session adalah untuk melakukan aktivitas yang berhubungan dengan interaksi user pada sebuah web server php. Untuk kali ini saya akan jelaskan penggunaan session untuk login dan logout. Untuk menambahkan session login tambahkan lah syntax berikut : 1. session_start(); pada record paling atas di file check.php untuk memulai session ketika login 2. Masih pada file check.php, tambahkan juga syntax $_SESSION['username'] = $_POST['user']; diatas syntax header("location: home.php"); untuk memberikan value session username ketika berhasil login 3. Kemudian untuk validasi session di halaman utama, tambahkan syntax Pada record paling atas di file home.php, untuk mengakhiri session ketika logout, buatlah file logout.php di notepad dan isikan source code sebagai berikut :


31

f. Membuat Content Daftar Mahasiswa Content daftar mahasiswa digunakan untuk menampilkan data mahasiswa dari database, sebelum menampilkan data mahasiswa, buatlah tabel mahasiswa di database anda berikut struktur tabel mahasiswanya : CREATE TABLE `mahasiswa` ( `kd_mhs` int(11) NOT NULL auto_increment, `nim` varchar(14) NOT NULL, `nama` varchar(50) NOT NULL, `alamat` varchar(160) NOT NULL, `jenis_kelamin` varchar(25) NOT NULL, `status` tinyint(1) NOT NULL, PRIMARY KEY (`kd_mhs`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=2223 ; INSERT INTO `mahasiswa` (`kd_mhs`, `nim`, `nama`, `alamat`, `jenis_kelamin`, `status`) VALUES (1, 'G231140082', 'Winanda Nor Risky', 'Semarang', 'Laki-laki', 1), (2, 'G231130059', 'Sukma Ade', 'Semarang', 'Perempuan', 1), (3, 'G231130057', 'M.Satriya J', 'Semarang', 'Laki-laki', 1);

Copy syntax sql diatas, dan paste pada panel sql di database localhost/phpmyadmin kemudian klik go. Dan untuk menampilkan data mahasiswa kedalam website back-end berikut source code nya : MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

32

Data Mahasiswa


33

Judul modal


34

# NIM Nama Alamat Kelas Status

" class="ubah" datatoggle="modal"><span class="glyphicon glyphicon-pencil">" class="hapus"><span class="glyphicon glyphiconremove">


35


36

Simpan source code diatas dengan nama viewmhs.php. Setelah itu untuk memanggil tampilan daftar mahasiswa tersebut, tambahkan syntax berikut

default : echo "
Halaman Administrator

Website ini digunakan untuk pengelolaan data mahasiswa dan mata kuliah mahasiswa. Diharapkan dengan website ini dapat mempermudah

pengelolaan data di dalam civitas akademik.#USM.
Hidden Menu"; } ?>

Tambahkan source code diatas di file home.php setelah syntax


37

Jika berhasil maka data yang akan ditampilkan seperti gambar dibawah ini :

Gambar 4.2 Tampilan daftar mahasiswa 4.2.

TUGAS 3

a. Tambahkan menu halaman utama dengan menu backup dan restore b. Tampilkan data jurusan dan mata kuliah ke dalam content halaman utama


38

4.3.INSERT DATA Insert data disini akan diimplemensaikan untuk insert data mahasiswa. Untuk tahapan insert data mahasiswa sebagai berikut : a. Bukalah file viewmhs.php dan tambahkan source code berikut di dalam
untuk menampilkan form tambah data mahasiswa <section class="login-form">
' required class="form-control input-lg" /> ' required class="form-control input-lg" /> ' required class="form-control input-lg" /> ' required class="form-control input-lg" /> <select required name='status' class="form-control input-lg" >


39

Sebelumnya perhatikan action="home.php?page=7, menunjukkan bahwa pada file home.php perlu ditambahkan link pada bagian case 7 dengan include file untuk perintah insert. b. Kemudian untuk perintah insert data ke dalam database, buatlah file baru dengan nama savemhs.php dengan source code berikut :

Data sukses tersimpan '; } else {echo '
Tidak dapat menyiimpan database
'; } ?>


40

MODUL 5 5.1. RESTORE DATA XML KE MYSQL Restore data bertujuan untuk mengembalikan data dengan format tertentu ke salah satu tabel yang ada di database. Terkait dengan modul sebelumnya yang membahas tentang backup data dari mysql ke dalam format xml, modul kali ini akan membahas tentang restore data dari hasil backup data pada modul sebelumnya dengan format xml. Untuk tahapan restore data sebagai berikut : a. Buatlah file

restore.php untuk tampilan restore dengan source code

dibawah ini

Upload File
Pilih Data: <select name='data'>

Kemudian tambahkam case untuk menampilkan contect diatas dihalaman utama. Jika berhasil maka akan menampilkan gambar di bawah ini.


41

Gambar 4.5 Tampilan form restore data Selanjutnya lihat bagian action pada source code diatas, page=4 menunjukkan bahwa form pilihan data diatas mengarahkan ke page 4. Untuk menampilkan page 4 kita perlu menambahkan switch case di halaman content file home.php. b. Buatlah file proses_restore.php untuk memproses restore data dengan source code berikut Kode_Makul; $Nama_Makul = $row -> Nama_Makul; $Sks = $row -> Sks; $Jurusan = $row -> Jurusan; $Fakultas = $row -> Fakultas; $Web = $row -> Web_Jurusan; }else if ($datta=='mahasiswa'){ $Kode_mhs = $row -> Kode; $NIM = $row -> NIM; $nama = $row -> Nama; MODUL PRAKTIKUM REKAYASA WEB OLEH SITI ASMIATUN, M.KOM

42

$alamat = $row -> Alamat; $Jenis = $row -> Jenis_Kelamin; $Status = $row -> Status; }else { $ID = $row -> Id; $Kode_Mk = $row -> Kode_Mk; $Sks = $row -> SKS; $id_progdi = $row -> Id_progdi; } if ($datta=='jurusan'){ $sql ="insert into jurusan values ('$Kode_Makul','$Nama_Makul','$Sks','$Web')"; }else if ($datta=='mahasiswa'){ $sql ="insert into mahasiswa values ('$Kode_mhs','$NIM','$nama','$alamat','$Jenis','$Status')"; }else{ $sql ="insert into makul values ('$ID','$Kode_Mk','$Sks','$id_progdi')"; } $result = mysql_query($sql); if(!$result){ echo 'Import Error'; } else { echo 'Succes'; } }

Kemudian tambahkan case 4 pada bagian content home.php dengan include proses_restore.php untuk memanggil file restore ketika form pilihan data restore di proses. Jika berhasil maka akan tampil seperti gambar dibawah ini.


43

Gambar 2.6 Tampilan proses restore succes


44

NIM	:
Nama	:
Jurusan	:	<select name="jurusan">
Semester	:	I II III IV V VI
Jenis Kelamin	:	Laki-Laki Perempuan
Masukkan Nilai	:

HANDOUT PRAKTIKUM REKAYASA WEB FAKULTAS ILMU KOMUNIKASI DAN KOMPUTER UNIVERSITAS SEMARANG

Recommend Documents

Daftar Buku Terbaru

.:: SELAMAT DATANG ::.

Data Mahasiswa Tambah Data

Halaman Administrator

Tidak dapat menyiimpan database

Upload File

Data Mahasiswa