BAB IV INTEGRASI KOMPONEN DAN VERIFIKASI

BAB IV INTEGRASI KOMPONEN DAN VERIFIKASI

4.1 Prototipe dan pengembangan Prototipe merupakan bentuk awal (contoh) atau standar ukuran dari sebuah entitas. Biasanya prototipe dibuat sebelum dikembangkan atau justru dibuat khusus untuk pengembangan sebelum dibuat dalam skala sebenarnya atau sebelum diproduksi secara massal. Adapun tujuan-tujuan dari implementasi prototipe dan pengembangan ini, yaitu : 1. Mengkaji rangkaian sistem baik dari segi perangkat lunak maupun perangkat keras sebagai sarana pengolah data dan penyaji informasi. 2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui. 3. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap Komponen com_guru dan mendapat informasi yang baik dan jelas. 4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh. 5. Memastikan bahwa sistem telah berjalan lancar dengan mengontrol dan melakukan instalasi secara benar. 4.1.1 Struktur direktori komponen Joomla! memiliki aturan penamaan komponen secara unik

yaitu

com_namakomponen serta tidak boleh terdapat spasi. Dalam Framework Joomla! 3.0, Kode-kode komponen dibagi menjadi 3(tiga) bagian utama :

 Model bertugas untuk mengelola data

 Controller, melakukan tugas, mengatur dan mendapatkan Model dan meminta View untuk menampilkan

 View

47 http://www.mercubuana.ac.id

48

bertugas menampilkan konten sesuai isi dan tata letak yang dipilih oleh Controller 4.1.1.1 Direktori Frontend Komponen File-file kode komponen untuk bagian frontend diletakkan didalam direktori bernama site yang di dalamnya terdapat beberapa folder seperti pada gambar 4.1.1

Gambar 4.1.1 Strukturefrontend komponen File serta folder yang berada di dalam direktori site pada saat instalasi komponen akan diletakkan pada direktori namasitus/Komponens/com guru/ 4.1.1.2 Direktori Backend Komponen File-file kode komponen untuk bagian backend diletakkan didalam direktori bernama administrator yang di dalamnya terdapat beberapa folder seperti pada gambar

Gambar 4.1.2 Struktur backend komponen File serta folder yang berada di dalam direktori administrator pada saat instalasi komponen akan diletakkan pada direktori: namasitus/administrator/Komponens/com guru/ 4.1.2 Frontend Komponen Adalah tampilan dari komponen yang dapat dilihat oleh pengunjung situs

http://www.mercubuana.ac.id

49

4.1.2.1 Membuat view Dalam kode inti Joomla!, terdapat class yang dapat mengelola controller yaitu: JController . Kelas ini harus diperluas untuk dapat digunakan dalam komponen.

Kode 4.1.1 site/guru.php defined('_JEXEC') or die; // Include dependencies jimport('Joomla!.application.Komponen.controller'); // Execute the task. $controller = JController::getInstance('Guru'); $controller->execute(JFactory::getApplication() >input->get('task')); $controller->redirect();

Penjelasan kode 4.1.1 File guru.php terletak di dalam direktori site, pada file ini terdapat Metode getinstance yang

akan membuat

sebuah class control

objek bernama

GuruController, pada waktu dijalankan Joomla! akan mencari deklarasi class tersebut didalam file bernama controller.php

Kode 4.1.2 site/controller.php defined('_JEXEC') or die; jimport('Joomla!.application.Komponen.controller'); class GuruController extends JController { }

Penjelasan kode 4.1.2 : File controller.php terletak didalam direktori site, yang berisi perluasan JController, Ketika JController ingin menampilkan sesuatu, Joomla! akan melihat file view.html.php

Kode 4.1.3 site/views/view.html.php

50

class GuruViewGuru extends JView { // Overwriting JView display method function display($tpl = null) { // Assign data to the view this->msg = 'Data Guru'; // Display the view parent::display($tpl); }

Penjelasan kode 4.1.3: File view.html.php akan membuat class view dari Guru, file ini terletak pada direktori site/view sewaktu dijalankan, Metode Jviews akan menampilkan data sesuai dengan template komponen yang berada di direktori tmpl

Kode 4.1.4 site/views/[namaview]/tmpl/default.php
msg; ?>

Penjelasan kode 4.1.4 file ini berfungsi untuk menampilkan data padafrontend Joomla!. 4.1.2.2 Membuat model Dalam framework Joomla!, model bertanggung jawab untuk mengelola data. Fungsi pertama yang harus ditulis untuk model adalah fungsi get yang akan mengembalikan data ke pemanggil. Secara default, model bernama GuruModelGuru adalah model utama yang terkait dengan tampilan ini.

Kode 4.1.5 site/models/guru.php

51

*/ public function getMsg() { if (!isset($this->msg)) { $this->msg = 'Hello World!'; } return $this->msg; } }

Penjelasan kode 4.1.5 kelas GuruViewGuru meminta data menggunakan metode get dari kelas JView.

Kode 4.1.6 site/views/[namaview]/view.html.php msg = $this->get('Msg'); // Check for errors. if (count($errors = $this->get('Errors'))) { JLog::add(implode('
', $errors), JLog::WARNING, 'jerror'); return false; } // Display the view parent::display($tpl); } }

Penjelasan kode 4.1.6 $this->get() is a member of JView::get which is a proxy to get* methods of the default model where * is populated with the value of the first parameter passed to get() 4.1.3 Basisdata (database) Pada umumnya komponen mengatur data menggunakan basis data , Selagi proses install/uninstall/update komponen , kita dapat mengekseskusi SQL query menggunakan file teks sql Kode 4.1.7 admin/sql/install.mysql.utf8.sql and admin/sql/updates/mysql/0.0.6.sql


52

DROP TABLE IF EXISTS `#__Guru`; CREATE TABLE `#__Guru` ( id` INT(11) NOT NULL AUTO_INCREMENT, `greeting` VARCHAR(25) NOT NULL, PRIMARY KEY (ìd`) ) ENGINE=MyISAM AUTO_INCREMENT=0 DEFAULT CHARSET=utf8; INSERT INTO `#__Guru` (`greeting`) VALUES ('Hello World!'), ('Good bye World!');

Penjelasan Kode 4.1.7: 1. Baris 1-4 syntax MySql 2. Baris 1 akan menghapus tabel guru jika sudah ada 3. Baris 2 akan membuat tabel guru 4. Baris 3 akan memasukan value kedalam field dalam tabel guru

Kode 4.1.8 admin/sql/updates/mysql/0.0.6.sql DROP TABLE IF EXISTS `#__Guru`; CREATE TABLE `#__Guru` ( ìd` INT(11) NOT NULL AUTO_INCREMENT, `greeting` VARCHAR(25) NOT NULL, PRIMARY KEY (ìd`) ) ENGINE=MyISAM AUTO_INCREMENT=0 DEFAULT CHARSET=utf8; INSERT INTO `#__Guru` (`greeting`) VALUES ('Hello World!'), ('Good bye World!');

Penjelasan Kode 4.1.8 1. Baris 1-4 syntax MySql 2. Baris 1 akan menghapus tabel guru jika sudah ada 3. Baris 2 akan membuat tabel guru 4. Baris 3 akan memasukan value kedalam field dalam tabel guru

Kode 4.1.9 admin/sql/uninstall.mysql.utf8.sql DROP TABLE IF EXISTS `# Guru`;

Penjelasan kode 4.1.9 Syntax MySql akan menghapus tabel guru dari basis data Joomla!.


53

4.1.3.1 Menambahkan type file baru Kode 4.1.10 site/views/Guru/tmpl/default.xml <metadata> <message>COM_GURU_GURU_VIEW_DEFAULT_DESC

Penjelasan kode 4.1.10 Kode diatas akan memperkenal type field baru dan memberitahukan Joomla! untuk melihat definisi field di dalam file , hal ini berguna untuk membuat link menuju komponen padafrontend. /administrator/Komponens/com_Guru/models/fields folder.

Kode 4.1.11 admin/models/fields/Guru.php

54

{ $db = JFactory::getDBO(); $query = $db->getQuery(true); $query->select('id,greeting'); $query->from('#__Guru'); $db->setQuery((string)$query); $messages = $db->loadObjectList(); $options = array(); if ($messages) { foreach($messages as $message) { $options[] = JHtml::_('select.option', $message->id, $message->greeting); } } $options = array_merge(parent::getOptions(), $options); return $options; } }

Penjelasan kode 4.1.11 Type field baru menampilkan drop down list dari pesan untuk dipilih oleh administrator , kita dapat melihat hasilnya dalam menu manager Joomla!. 4.1.3.2 Menampilkan data yang dipilih Ketika item menu dari komponen di buat/update , Joomla! menyimpan identifikasi data. Model GuruModelGuru sekarang menampilkan data sesuai dengan identifikasi data yang telah disimpan didalam database.

Kode 4.1.12 site/models/Guru.php

55

*/ public function getTable($type = 'Guru', $prefix = 'GuruTable', $config = array()) { return JTable::getInstance($type, $prefix, $config); } /** * Get the message * @param int The corresponding id of the message to be retrieved * @return string The message to be displayed to the user */ public function getMsg($id = 1) { if (!is_array($this->messages)) { $this->messages = array(); } if (!isset($this>messages[$id])) { //request the selected id $id = JRequest::getInt('id'); // Get a TableGuru instance $table = $this>getTable(); // Load the message $table>load($id); // Assign the message $this->messages[$id] = $table->greeting; } return $this->messages[$id]; } }

Sekarang model meminta data kepada TableGuru. Class Tabel ini harus di definisikan pada admin/tables/Guru.php file

Kode 4.1.13 admin/tables/Guru.php

56

parent::__construct('#__Guru', 'id', $db); } }

4.1.4 Backend Komponen Adalah komponen yang ditampilkan pada halaman administrasi situs Joomla! Kode 4.1.14 administrator/guru.php execute(JRequest::getCmd('task')); // Redirect if set by the controller $controller->redirect();

Penjelasan kode 4.1.14 File ini adalah file pertama yang akan di jalankan Joomla! di komponen dipanggil 4.1.4.1 Membuat controller Untuk saat ini awalnya adalah mendapatkan instance controller guru Kode 4.1.15 administrator/controller.php input; $input->set('view', $input->getCmd('view', 'Gurus'));


57

// call parent behavior parent::display($cachable ); } }

Penjelasan kode 4.1.15 File Kontroler ini akan menampilkan tampilan guru secara default. 4.1.4.2 Membuat View Kode 4.1.16 administrator/views/gurus/view.html.php get('Items'); $pagination = $this->get('Pagination'); // Check for errors. if (count($errors = $this->get('Errors'))) { JError::raiseError(500, implode('
', $errors)); return false; } // Assign data to the view $this->items = $items; $this->pagination = $pagination; // Display the template parent::display($tpl); } }

Pada Joomla!, Views menampilkan data menggunakan template layout Kode 4.1.17 admin/views/Gurus/tmpl/default.php


58

loadTemplate('head');?>loadTemplate('foot');?>loadTemplate('body');?>

Penjelasan kode 4.1.17 Layout template ini akan memanggil beberapa sub layout (head,foot dan body) , masing-masing nama file sub layout memiliki awalan file(default) dan sebuah garis bawah

Kode 4.1.18 admin/views/Gurus/tmpl/default_head.php

Penjelasan kode 4.1.18 checkAll adalah sebuah fungsi javascript yang telah disediakan pada Joomla! yang berfungsi untuk menandai semua item. Kode 4.1.19 admin/views/Gurus/tmpl/default_body.php items as $i => $item):?> id;?> id);?> greeting;?>


59

Penjelasan kode 4.1.19: JHtml::_ adalah fungsi bantu untuk menampiulkan beberapa output HTML , dalam kasus ini akan menampilkan sebuah checkbox untuk item.

Kode 4.1.20 admin/views/Gurus/tmpl/default_foot.php pagination->getListFooter(); ?>

Penjelasan kode 4.1.20 JPagination adalah class pada Joomla! yang dapat mengatur tampilan halaman pada objek 4.1.4.3 Membuat model View guru akan meminta data dari model , pada Joomla! terdapat sebuah class yang dapat mengatur list data yaitu JModelList. Class JModelList and class turunannya hanya memerlukan 1(satu) metode yaitu : getListQuery which constructs an SQL query dan 2(dua) kondisi:

 list.start for determining the list offset  list.limit for determining the list length Metode getItems dan getPagination telah di definisikan didalam class JModelList sehingga tidak perlu di definisikan lagi didalam class GuruModelGurus.

Kode 4.1.21 admin/models/Gurus.php

60

{ /** Method to build an SQL query to load the list * * @return string An SQL query */ protected function getListQuery() { /Createanewquery .object. $db=JFactory::getDBO();$query=$db>getQuery(true);/Selectsomefields ; $query>select('id,greeting'); // From the hello table $query->from('#__Guru'); return $query;}}

. data.

Penjelasan listing 4.1.21 Metode _populateState umumnya dipanggil secara otomatis ketika state dibaca oleh metode getState.

4.1.5 Pemaketan komponen Komponen Joomla! biasanya dipaketkan kedalam bentuk komperesi zip untuk memudah distibusi dan instalasi komponen,

Gambar4.1.3 l file kompresi komponen

Semua file-file kode yang telah dibuat harus dipaketkan kedalam bentuk kompresi zip yang berisi antara lain: 1. Guru.xml 2. site/Guru.php 3. site/controller.php 4. site/views/Guru/view.html.php 5. site/views/Guru/tmpl/default.xml 6. site/views/Guru/tmpl/default.php 7. site/models/Guru.php 8. admin/Guru.php 9. admin/controller.php 10. admin/sql/install.mysql.utf8.sql 11. admin/sql/uninstall.mysql.utf8.sql 12. admin/sql/updates/mysql/0.0.1.sql 13. admin/sql/updates/mysql/0.0.6.sql


61

14. 15. 16. 17. 18. 19. 20. 21.

admin/models/fields/Guru.php admin/models/Gurus.php admin/views/Gurus/view.html.php admin/views/Gurus/tmpl/default.php admin/views/Gurus/tmpl/default_head.php admin/views/Gurus/tmpl/default_body.php admin/views/Gurus/tmpl/default_foot.php admin/tables/Guru.php

4.1.5.1 File manifest Joomla! menggunakan file dengan extensions xml yang digunakan sebagai informasi dari komponen yang akan di install. Kode 4.1.22 Guru.xml 1. 2. <extension type="Komponen" version="1.6.0" method="upgrade"> 3. com_guru 4. 2013-01-25 5. Copyright (C) 2013. All rights reserved. 6. GNU General Public License version 2 or later; see LICENSE.txt 7. Muhamad Ridwan 8. [email protected] 9. http://catatan-ridwan.blogspot.com 10. 1.0.0 11. <description>Sistim Informasi Biodata Guru , dibuat sebagai tugas akhir Muhamad Ridwan Nim:41508110064 Prodi Teknik Informatika Fasilkom , Univ.Mercubuana 12. <sql> sql/install.mysql.utf8.sql 13. 14. <sql> sql/uninstall.mysql.utf8.sql 15. 16. index.html Guru.php controller.php views models 17. 18. <menu>Hello World! index.html Guru.php controller.php sql tables models


62

views 19. 20.

Penjelasan kode 4.1.22 1. Baris 1-20 Informasi Komponen 2. Baris 2 menjelaskan jenis extension yang di install 3. Baris 3 adalah nama extension 4. Baris 4-11 adalah informasi tambahan mengenai komponen yang berisi anatara lain tanggal pembuatan , pembuat komponen dan lain-lain. 5. Baris 12-13 akan melakukan pembuatan tabel pada database sewaktu instalasi komponen 6. Baris 14-15 akan melakukan penghapusan tabel dari database Joomla! pada saat uninstall komponen. 7. Baris 16-17 menjelaskan file serta folder yang di ikut sertakan pada saat instalasi komponen yang digunakan untuk bagianfrontend Joomla! 8. Baris 18-19 menjelaskan file serta folder yang di ikut sertakan pada saat instalasi komponen yang digunakan untuk bagian backend Joomla! 4.2 Implementasi basis data Implementasi basis data yang digunakan untuk Komponen com_guru ini disesuaikan dengan perancangan yang dibuat di Bab III. Basis data Komponen com_guru dibuat secara manual menggunakan syntax sql seperti pada kode 4.2.1

Kode 4.2.1 Potongan syntax sql pembentuk tabel basis data 1. CREATE TABLE IF NOT EXISTS `#__guru_`

(

2. ìd` int(11) UNSIGNED NOT NULL AUTO_INCREMENT, 3. òrdering` INT(11)

NOT NULL ,

4. `state` TINYINT(1)

NOT NULL DEFAULT '1',

5. `checked_out` INT(11) NOT NULL , 6. `checked_out_time` DATETIME NOT NULL DEFAULT '0000-00-00 00:00:00', 7. `created_by` INT(11) NOT NULL , 8. `nip` VARCHAR(50) NOT NULL , 9. `nama` VARCHAR(100) NOT NULL , 10. `ml_mengajar` YEAR(4) NOT NULL , 11. `matapel` VARCHAR(255) NOT NULL ,


63

12. `jkelamin` VARCHAR(255) NOT NULL , 13. `tmp_lhr` VARCHAR(50) NOT NULL , 14. `tgl_lahir` DATE NOT NULL DEFAULT '0000-00-00', 15. `status` VARCHAR(255) NOT NULL , 16. àgama` VARCHAR(255) NOT NULL , 17. àlamat` VARCHAR(255) NOT NULL , 18. `kota` VARCHAR(50) NOT NULL , 19. `no_telp` VARCHAR(25) NOT NULL , 20. ùser_link` INT(11) NOT NULL , 21.PRIMARY KEY (ìd`) 22. ) DEFAULT COLLATE=utf8_general_ci;

Penjelasan Kode 4.2.1  Baris 1-22 syntax SQL untuk membuat tabel ‘#_guru’ kedalam basis data Joomla!.  Baris 1 melakukan pembuatan table ‘#_guru_’ jika belum ada dalam basis data Joomla!. Symbol ‘#’ pada ‘#_guru_’ harus di sesuaikan dengan awalan(prefix) yang digunakan pada basis data Joomla! yang sudah terinstall  Baris 2 ,record pertama dari tabel basis data ‘#_guru_biodata’ haruslah primary_key dan auto_increment,karena saat menyimpan record ke tabel ,maka Joomla! melakukan syntax UPDATE seperti UPDATE ‘#_guru_’ set nip=’111′ where id=’1′. Sehingga jika menggunakan auto_increment maka otomatis record akan disimpan dan bila tidak menggunakan auto_increment maka Joomla! akan menemukan error pada where id.

Kode 4.2.2 Potongan kode untuk mengextend JTable

Penjelasan Kode 4.2.2 Pada Joomla! kita tidak harus menulis fungsi individu untuk mengurus query yang diperlukan untuk menambah,memperbarui, dan menghapus record data karena Team inti pengembang Joomla! telah menyediakan class Jtable yang menyediakan


64

fungsi untuk membuat , membaca dan menghapus record data dari satu tabel dalam basis data Joomla!. Untuk membuat class dari sebuah tabel kita hanya perlu untuk mengextend class JTable.

Constructor pada Joomla! mempunyai tiga parameter yaitu: 1. Nama tabel menggunakan awalan ‘#_’ . Ketika mengeksekusi query maka Joomla! akan otomatis menerjemahkan awalan #__ menjadi ‘prefixbasisdataJoomla!_’ 2. Nama Primary key 3. Objek Database Pada gambar 4.2.1 dapat dilihat bahwa tabel yang dirancang sudah terpasang sesuai kebutuhan.

Gambar 4.2.1 Implementasi tabel '#_guru_' Pada gambar 4.2.2 dapat dilihat bahwa- field-field tabel sesuai dengan perancangan di bab III.


65

Gambar 4.2.2 Implementasifield tabel '#_guru_' 4.3 Implementasi dan integrasi Komponen Setelah pemaketan Komponen kedalam bentuk kompresi zip, langkah selanjutnya adalah instalasi Komponen yang dilakukan pada Instalasi Joomla! yang berbeda dengan yang digunakan pada saat pembuatan Komponen. Jika komponen berhasil di integrasikan kedalam Joomla! maka pada halaman administrator terlihat seperti pada gambar 4.3.1

Gambar 4.3.1 install komponen berhasil


66

4.4 Implementasi antar muka Implementasi antarmuka penting untuk di rancang karena harus dibuat menarik dan tidak sukar penggunaanya agar pengguna yang menggunakan aplikasi dapat berinteraksi dengan baik berdasarkan sistem yang dirancang. Berikut implementasi dari antar muka sistem yang telah dibangun. 4.4.1 Implementasi antarmuka list guru pada backend Halaman list biodata guru merupakan tampilan awal pengguna setelah melakukan instalasi Komponen com_guru. Halaman ini adalah halaman utama Komponen com_guru ,administrator dapat mengisikan informasi biodata guru dengan menekan tombol NEW. Implementasi antarmuka halaman list biodata guru dapat dilihat pada gambar 4.3.3

Gambar 4.4.1 Implementasi antarmuka list guru pada backend 4.4.2 Implementasi form pengisian biodata pada backend Halaman ini adalah halaman formulir untuk pengisian dan pemutakhiran biodata guru.Implementasi halaman ini dapat dilihat pada gambar 4.3.4


67

Gambar 4.4.2 Implementasi form biodata 4.4.3 Implementasi antarmuka list guru padafrontend

Gambar 4.4.3 Implementasi list guru pada


- front-end

68

4.4.4 Implementasi antarmuka detail biodata guru padafrontend 4.5 Verifikasi dan pengujian Pengujian sistem dilakukan untuk menguji program yang telah dibuat

Gambar 4.4.4 Implementasi detail biodata guru padafrontend apakah sudah sesuai dengan rancangan atau tidak. Pengujian yang akan dilakukan yaitu menguji proses instalasi,pembuatan tabel, proses penyimpanan serta proses penampilan biodata guru yang disimpan di dalam basis data. 4.5.1 Skenario pengujian Uji coba dilakukan setelah pembuatan perangkat lunak selesai dengan percobaan pada komputer tampilan pengguna.Dengan melakukan uji coba ini dapat dilakukan untuk mengetahui kemungkinan terjadinya kesalahan dan untuk


69

memastikan fungis-fungsi yang terdapat pada modul-modul aplikasi ini apakah sudah berjalan dengan baik. Tahapan pengujian ini meliputi berbagai skenario pengujian, hasil pengujian dan analisis hasil pengujian. Dalam proses pengujiannya metode yang digunakan adalah black box. Metodeblack box merupakan pengujian dengan metode test dari persfektif eksternal, tidak ada informasi mengenai struktur internal perangkat lunak baik yang berkaitan dengan desain atau Kode kode program. Pengujian ini bisa dilakukan baik secara fungsional maupun nonfungsional, walaupun pada umumnya yang dilakukan kebanyakan secara fungsional. Pengujian ini dapat dilakukan pada semua level tes. Semakin tinggi level yang diuji, semakin besar keharusan untuk melakukan pengujian menggunakan metode black box. Pengujian tipe ini dapat mendeteksi adanya bagian dari spesifikasi yang diimplementasikan, tetapi tidak bisa mendeteksi keseluruhan kemungkinan kesalahan operasional.

Tabel 4.5.1 Skenario pengujian dengan aktor administrator Joomla! Hasil No Deskripsi

Sifat

`1

Normal

Instalasi Komponen

Kondisi Awal

inginkan

Terbentuk menu Komponen Komponen berhasil menuju berhasil di install

Tidak :Komponen

kedalam Joomla!

Komponen Normal Tidak terbentuk gagal

di Install Menjalankan Komponen

di

:

di install

2

yang

Normal : Aplikasi berjalan

Komponen gagal

menu

menuju di install kedalam Komponen Joomla! Halaman

list Komponen

guru

berhasil dijalankan

Tidak normal : Aplikasi

Komponen gagal tidak ditampilkan

berjalan 3

Pengisian

Normal

Komponen tidak berhasil dijalankan

: Halaman


form Form

pengisian

70

biodata baru

menampilkan form biodata Tidak

4

Menyimpan Biodata Guru

normal

biodata guru

biodata

guru

ditampilkan : Form

gagal Form

pengisian

tidak menampilkan ditampilkan

biodata

form biodata

tidak tampil

Normal

: berhasil Form

menyimpan Tidak

guru

normal

tidak

biodata Biodata

: Form

guru

guru

berhasil disimpan biodata Biodata

berhasil guru

guru

gagal disimpan

menyimpan

Tabel 4.5.2 Skenario Pengujian dengan Aktor Pengunjung Situs No Deskripsi

Sifat

Kondisi Awal

1

Normal : List guru ditampilkan Tidak normal : list guru tidak tampil Normal : detail guru di tampilkan

List guru

Tidak normal :detail data guru tidak tampil

Detail biodata guru tidak ditampilkan

2

Membuka daftar guru

Melihat detail guru

List guru tidak ditampilkan Detail biodata guru ditampilkan

Hasil yang di inginkan Di tampilkan list guru List guru gagal ditampilkan Detail biodata guru berhasil ditampilkan Detail biodata guru tidak berhasil di tampilkan

4.5.2 Analisis hasil pengujian Dari keseluruhan proses pengujian dapat dianalisis bahwa: 1. Aplikasi ini dapat terkoneksi dengan basis data dimana tidak ada kesalahan dalam proses penyimpanan dan menampilkan data. Hal ini terlihat ketika dalam aplikasi mengambil data dari database, data yang ada pada database tersebut dapat ditampilkan sesuai dengan perintah yang ada dalam aplikasi ini. 2. Pada proses pengelolaan data dapat berjalan dengan baik. Pemilik / administrator situs dapat mengelola biodata guru. 3. Pengunjung situs dapat melihat list guru dan melihat detail biodata guru dengan baik.


BAB IV INTEGRASI KOMPONEN DAN VERIFIKASI

Recommend Documents

msg; ?>