123
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM Tahap perancangan dalam pembuatan sistem berdasarkan pendefinisian sebelumnya adalah implementasi dan pengujian. Di dalam perancangan sebelumnya, ditetapkan elemen-elemen yang menyusun isi dari sistem berdasarkan persyaratan kebutuhan yang ditetapkan sebelumnya. Proses selanjut dari perancangan adalah pengembangan sistem bersadarkan pemodelan yang didapat dari tahapan rancangan. Proses pengembangan ini dalam pelaksanaannya di bagi menjadi tahapan definisi konteks sistem terhadap lingkungan dan pengujian sistem dan ditutup dengan penerapan sistem ke lingkungan produksi (tahapan pengujian oleh stake-holder / user). Berikut ini dijelaskan tahapan tersebut 4.1
Implementasi Sistem Website Tahap pengembangan dan pengujian sistem, dilakukan setelah tahap
analisis dan perancangan selesai dilakukan. Disini akan dijelaskan semua bagian dari aplikasi dengan komponen yang menyusunnya sehingga dihasilkan sebuah aplikasi yang sesuai dengan tujuan organisasi seperti dijelaskan bab sebelumnya. Langkah pertama yaitu: mengumpulkan sumber daya yang digunakan untuk perancangan aplikasi. Sumberdaya non-teknis berupa referensi buku pemprograman PHP, dokumentasi manual, sedangkan teknis adalah informasi tentang website forum dari internet, software template website_forum yang berasal
123
124
dari software-open source dan code_snippet yang terkait pemprograman web terutama reference javascript dari berbagai sumber di internet.
Aplikasi sistem website ini membutuhkan persyaratan sistem dan lingkungan pengembangan serta perangkat pengujian software. Untuk kebutuhan sistem dimaksud, penulis mendeskripsikan aspek-aspek kebutuhan yang terdiri dari kebutuhan perangkat keras, sistem operasi dan tools pengembangan sistem. 4.1.1
Kebutuhan Pengembangan Sistem
Perangkat lunak pengembangan website (Tools Development) yang terdiri dari, A. Perangkat lunak Server-backend yaitu terdiri dari : •
Apache, PHP dan MySQL dengan menggunakan paket software AppServ Networks versi 2.5.10
•
Runtime Zend-Engine Optimizer versi 3.0
•
Dokumentasi PHP english-manual versi 5.2.16 dan
•
Memcached-1.0 (php memory optimizer)
B. Software Development Environment, yaitu software yang digunakan untuk mengembangkan komponen aplikasi utama (HTML, CSS, dan JavaScript). Untuk itu digunakan Eclipse PHP-development versi 3.5.5 untuk koding PHP dan NetBeans 6.8 untuk JavaScripting dan PHPDebugging memakai Xdebug-2.10 untuk menguji runtime aplikasi (yang terintegrasi di tool development). C. Perangkat lunak Client-Side yaitu aplikasi untuk menguji perangkat lunak saat diakses / dieksekusi. Menggunakan Firefox 3.6.3 dan Google
125
Chrome 5.0.307-beta. Selain itu juga menggunakan plug-in Firebug dan Web-Developer Tools 1.1.8 untuk debugging pada Mozilla Firefox di halaman website yg didesain. D. Operation Sistem Windows Profesional XP SP3 dan Microsoft Office 2003. 4.1.2
Komponen Hardware Komponen Perangkat keras terdiri dari: o Arsitektur IBM-PC kompatibel dengan Teknologi Prosesor Intel Core2Duo 3200Mhz / AMD Athlon X2 3400Mhz o Sistem Memori 1,0 Gigabyte DDR2 SDRAM o Media penyimpanan untuk aplikasi Website lebih dari 70 Megabyte dan 300 Megabyte untuk software server yang menampung aplikasi tersebut o Display Monitor 17inc dengan tampilan 1280x800 piksel o Perangkat input, yaitu Keyboard dan Mouse o Network koneksi untuk pengujian program (bisa juga dengan hanya 1 PC) o Perangkat keras lainnya sesuai kebutuhan
4.1.3
Komponen file aplikasi website Komponen sistem yang dibangun terdiri dari: 1. PHP file, (file ekstensi .php) yaitu berisi dokumen HTML yang digunakan untuk menuliskan koding program dan elemen-elemen penyusun aplikasi website
126
2. CSS file, (file ekstensi .css)adalah komponen yang mengatur tampilan dan Style dari tiap-tiap halaman website. Disusun dalam file terpisah dari dokumen halaman website utama. 3. JavaScript file, (file ekstensi .js) adalah komponen website yang digunakan untuk memanipulasi database dan melakukan perintah operasi yang diperlukan oleh pengguna website. 4. cache_file dan temporary file adalah file tambahan yang otomatis dibuat dari hasil eksekusi program plugin dan halaman website. 4.1.4
Persiapan instalasi software pengembangan apikasi website Perancangan aplikasi website FKPPAI membutuhkan lingkungan perangkat lunak yang mensyaratkan pengujian aplikasi dengan prosedur sebagai berikut: 1. Mempersiapkan hardware dan instalasi paket software Appserv ke dalam Sistem Operasi. 2. Membuat pengaturan untuk Apache PHP dan MySQL dengan mengedit file apache.conf dan php.ini. Pastikan eksekusi memory php_module 24MB atau lebih (64MB direkomendasi). Eksekusi time skrip php dianjurkan 2menit untuk sistem dengan memory 512MB kebawah. Multi_skript php dianjurkan diatas 50skript sekali jalan. 3. Setting php_zend_debugger dan php_zend_optimizer sesuaikan dengan persyaratan readme instalasi. Kemudian mengaktifkan
127
ekstensi mbstring dan phpxsl pada file konfigurasi php.ini difolder windows. 4. Pengujian http://localhost 5. Menginstalasi paket software BoonEx Community website sebagai template dasar dari aplikasi yang dibuat. 6. Membuat pengaturan untuk template dan modul-modul website FKPPAI. 7. Membuat basisdata pada MySQL 8. Mengatur sekuriti dan hak akses user (.htaccess) untuk file php di Windows Explorer 9. Pengujian di http://localhost/fkppai/index.php 10. Pengembangan aplikasi keseluruhan. 11. Dokumentasi pengujian aplikasi yg berjalan. 4.1.5
Lingkungan Pengembangan Sistem Untuk dapat menjalankan program “Sistem Informasi Webportal
Komunitas FKPPAI” ini, pemrogram memilih dokumen html dengan format PHP. Untuk itu diperlukan sebuah web-server digunakan Apache Web Server, yang mendukung pemrogram PHP versi 5.2.9 dan MySQL minimal versi 5.1.20 sebagai database server. Untuk memulai program, dimulai dengan menjalankan browser seperti Mozilla Firefox atau Google Chrome. Ketikkan alamat http://localhost. Gambar 4.1 adalah tampilan localhost default dari web server tersebut.
128
Tahapan awal adalah pembuatan database pada MySQL dengan menggunakan PhpMyadmin, langkah-langkahnya adalah sebagai berikut : 1. Menjalankan browser Mozilla Firefox atau Google Chrome. 2. Memasukkan alamat http://localhost terlebih dahulu sampai tampil gambar seperti gambar berikut :
Gambar 4.1 Tampilan Localhost 3.
Kemudian phpMyAdmin Database Manager dan memasukkan username root dan
password dam_adm seperti gambar dibawah ini :
Gambar 4.2 Tampilan LOGIN phpMyAdmin 4.
Gambar di bawah ini merupakan tampilan halaman index phpmyadmin.
129
Gambar 4.3 Tampilan utama phpMyAdmin 5. Mengisi teks nama database forum yang akan dibuat pada lalu klik create. 6. Setelah nama database dimasukkan ke dalam kolom create maka akan tampil gambar sebagai berikut.
Gambar 4.4 Tampilan Pembuatan Database 7. Menggunakan skrip file (forum.sql) untuk disimpan ke database yg telah dibuat melalui menu databases import choose file untuk menginjeksi struktur dan data_entri yang dibutuhkan website. Setelah selesai maka struktur database akan dimasukkan ke mysql.
130
Gambar 4.5 Tampilan import struktur database ke mysql Hasil akhirnya adalah sbb: a. Tabel-tabel utama (profil anggota, blog, forum, photo) pada aplikasi website:
131
Gambar 4.6A Hasil injeksi ke MySQL Tabel-tabel utama
132
b. Tabel-tabel pendukung website:
Gambar 4.6B Hasil injeksi ke MySQL tabel pendukung
Lingkungan pengembangan sistem dengan Web development software. Sistem yang dikembangkan adalah berbasis open-source dengan template yang berstandar
dan
menggunakan
plugin
untuk
menyesuaikan
pengembang
berdasarkan kebutuhannya. Oleh karena itu, dalam hal ini pengembangan software website FKPPAI menggunakan ”ECLIPSE for PHP-Developer” sebagai development-tools. Seperti terlihat pada gambar berikut:
133
Gambar 4.7 Web-development Tool ”Eclipse” Kemudian setelah semua persyaratan pengembangan dipenuhi, tahapan selanjutnya adalah instalasi modul software boonex open-source community. Software ini membutuhkan server web apache dengan skript php dan MySQL sebagai manajemen basisdata. Modul software sebagai dasar template sistem yang dibangun selanjutnya dikostumasi sesuai kebutuhan pengembangan sistem yang penulis buat. Selanjutnya pembahasan mengenai tampilan halaman aplikasi dijelaskan sebagai berikut.
134
4.1.6
Tampilan Aplikasi Website Kemudian menu utama yang disajikan pada window Mozilla Firefox yang
mempunyai alamat webnya http://localhost/fkppai akan menampilkan halaman utama. Dan gambar keluarannya adalah
Gambar 4.8 Tampilan Menu Home page Pada halaman utama tampilan website, pengunjung dapat langsung bernavigasi menggunakan menu-menu yang disediakan di bagian atas aplikasi atau dengan menelusuri link halaman yang tersedia. Pengguna akan melihat tampilaan halaman utama, kemudian diminta untuk login ke website dengan meng-klik Login pada sisi kanan halaman utama. Setelah itu aplikasi akan menampilkan subform login yang terlihat pada gambar berikut.
135
Gambar 4.9 Tampilan form login Setelah memasukkan username dan password, pengunjung dikembalikan lagi kehalaman semula (halaman terakhir navigasi) atau kehalaman profil anggota.
Menu_anggota Gambar 4.10 Tampilan Menu anggota Akan tetapi jika belum menjadi anggota, pengunjung bisa mendaftarkan diri dengan mengklik teks “Ikut gabung sekarang!”. Kemudian aplikasi melakukan penyusuran ke halaman join.php untuk menampilkan form “gabung sekarang” dimana pengunjung dapat memasukkan biodata untuk mendaftar di website FKPPAI. Gambar berikut akan menjelaskan tahapan tersebut.
136
Gambar 4.11 Tampilan halaman Gabung Sekarang Tahapan selanjutnya, pengunjung (anggota) dalam melakukan apa saja yang di inginkan. Memulai dengan melakukan pengaturan profil, memasukkan foto atau menggunakan icon avatar yang disediakan website. Seperti terlihat pada halaman berikut
137
Gambar 4.12 Tampilan profile anggota Dan apabila anggota ingin menjelajahi fitur-fitur yang disediakan aplikasi website FKPPAI, maka dapat melihatnya dengan menyusuri ke menu kategori. Tampilan kategori akan muncul seperti dibawah ini,
Gambar 4.13 Tampilan halaman forum
138
Gambar 4.14 Tampilan halaman kategori Kemudian jika pengunjung ingin membuat blog dapat klik menu kategori berandablog untuk membuat blog, berikut gambar form tambah blog.
Gambar 4.15 Tampilan halaman membuat blog baru
139
Atau membuat forum topik baru dari kategori forum yang telah dipilih sebelumnya pada form beranda forum, seperti djelaskan pada gambar berikut:
Gambar 4.16 membuat topik baru di forum Hasil posting dari forum topik baru akan ditampilkan pada sisi kiri form kategori topik.
Gambar 4.17 hasil topik baru di forum
140
Sampai disini pengunjung telah selesai dalam melakukan navigasi utama dari website yang dirancang. Penjelasan selanjutnya adalah berdasarkan konteks tujuan pengunjung terhadap fitur aplikasi yang disediakan sistem. Jika pengunjung ingin memberi saran atau melihat daftar pertanyaan, maka mereka dapat menemukan halaman Bantuan dan halaman Tentang untuk mengetahui informasi seputar website Forum FKPPAI ini.
Gambar 4.18 Kontak Saran pengunjung 4.2 4.2.1
Arsitektur Sistem Website Struktur Halaman Website Struktur yang membangun komponen halaman utama (homepage) website
ini terdiri dari file-file modul php. Setiap modul merupakan bagian yang menangani tugas tertentu dan dimuat secara dinamis sesuai kebutuhan dan pengaturan yang telah dibuat oleh administrator website.
141
Gambar 4.19 Struktur Halaman website FKPPAI 4.2.2
Struktur folder dan file website
Gambar 4.20 struktur fisik file Website
142
4.2.3
Implementasi Tabel basisdata
Tabel-tabel yang digunakan pada sub-sistem forum a) Profiles `ID` int(10) unsigned NOT NULL auto_increment, `NickName` varchar(255) NOT NULL default '', `Email` varchar(255) NOT NULL default '', `Password` varchar(40) NOT NULL default '', `Salt` varchar(10) NOT NULL default '', `Status` enum ('Unconfirmed','Approval','Active','Rejected','Suspended') NOT NULL default 'Unconfirmed', `Sex` varchar(255) NOT NULL default '', `LookingFor` set('male','female') NOT NULL default '', `Headline` varchar(255) NOT NULL, `DescriptionMe` text NOT NULL, `Country` varchar(255) NOT NULL default '', `City` varchar(255) NOT NULL, `DateOfBirth` date NOT NULL, `Featured` tinyint(1) NOT NULL default '0', `DateReg` datetime NOT NULL default '0000-00-00 00:00:00', `DateLastEdit` datetime NOT NULL default '0000-00-00 00:00:00', `DateLastLogin` datetime NOT NULL default '0000-00-00 00:00:00', `aff_num` int(10) unsigned NOT NULL default '0', `Tags` varchar(255) NOT NULL default '', `zip` varchar(255) NOT NULL, `EmailNotify` tinyint(1) NOT NULL default '1', `LangID` int(11) NOT NULL, `Views` int(11) NOT NULL, `Rate` float NOT NULL, `RateCount` int(11) NOT NULL, `CommentsCount` int(11) NOT NULL, `PrivacyDefaultGroup` int(11) NOT NULL default '3', `UserStatus` varchar(64) NOT NULL default 'online', `Avatar` int(10) unsigned NOT NULL, `Height` varchar(255) NOT NULL, `Weight` varchar(255) NOT NULL, `Occupation` varchar(255) NOT NULL, `Religion` varchar(255) NOT NULL, `Education` varchar(255) NOT NULL, `Hobbies` text NOT NULL, `Interests` text NOT NULL, `Ethnicity` varchar(255) NOT NULL, `FavoriteBooks` text NOT NULL, `FirstName` varchar(255) NOT NULL, `LastName` varchar(255) NOT NULL, `FacebookProfile` int(10) NOT NULL, PRIMARY KEY (`ID`), UNIQUE KEY `NickName` (`NickName`), KEY `DateOfBirth` (`DateOfBirth`), KEY `DateReg` (`DateReg`), KEY `DateLastNav` (`DateLastNav`), FULLTEXT KEY `NickName_2` (`NickName`,`City`,`Headline`,`DescriptionMe`,`Tags`), FULLTEXT KEY `NickName_3` (`NickName`,`City`,`Headline`,`DescriptionMe`,`Tags`) ) ENGINE=MyISAM AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;
143
b) bx_forum `forum_id` `forum_uri` `cat_id` `forum_title` `forum_desc` `forum_posts` `forum_topics` `forum_last` `forum_type` PRIMARY KEY KEY `cat_id` KEY `forum_uri`
int(10) unsigned varchar(255) int(11) varchar(255) varchar(255) int(11) int(11) int(11) enum('public','private') (`forum_id`), (`cat_id`), (`forum_uri`)
NOT NULL NOT NULL NOT NULL NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL
auto_increment, default '', default '0', default, default '', default '0', default '0', default '0', default 'public',
c) bx_forum_cat `cat_id` int(10) unsigned `cat_uri` varchar(255) `cat_name` varchar(255) `cat_icon` varchar(32) `cat_order` float PRIMARY KEY (`cat_id`), KEY `cat_order` (`cat_order`), KEY `cat_uri` (`cat_uri`)
NOT NULL NOT NULL NULL, NOT NULL NOT NULL
auto_increment, default '',
NOT NULL NOT NULL NOT NULL
default '', default '0', default '0',
NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL, NOT NULL NOT NULL NOT NULL
auto_increment, default '0', default '0', default '0',
default '', default '0',
d) bx_forum_flag `user` varchar(32) `topic_id` int(11) `when` int(11) PRIMARY KEY (`user`,`topic_id`)
e) bx_forum_post `post_id` int(10) unsigned `topic_id` int(11) `forum_id` int(11) `user` varchar(32) `post_text` mediumtext `when` int(11) `votes` int(11) `reports` int(11) PRIMARY KEY (`post_id`), KEY `topic_id` (`topic_id`), KEY `forum_id` (`forum_id`), KEY `user` (`user`), KEY `when` (`when`)
default '0', default '0', default '0',
f) bx_forum_report `user_name` varchar(32) NOT NULL `post_id` int(11) NOT NULL PRIMARY KEY (`user_name`,`post_id`)
default '', default '0',
144
g) bx_forum_topic `topic_id` int(10) unsigned NOT NULL auto_increment, `topic_uri` varchar(255) NOT NULL default '', `forum_id` int(11) NOT NULL default '0', `topic_title` varchar(255) NOT NULL default '', `when` int(11) NOT NULL default '0', `topic_posts` int(11) NOT NULL default '0', `first_post_user` varchar(32) NOT NULL default '0', `first_post_when` int(11) NOT NULL default '0', `last_post_user` varchar(32) NOT NULL default '', `last_post_when` int(11) NOT NULL default '0', `topic_sticky` int(11) NOT NULL default '0', `topic_locked` tinyint(4) NOT NULL default '0', PRIMARY KEY (`topic_id`), KEY `forum_id` (`forum_id`), KEY `forum_id_2` (`forum_id`,`when`), KEY `topic_uri` (`topic_uri`)
h) bx_forum_user `user_name` varchar(32) NOT NULL `user_pwd` varchar(32) NOT NULL `user_email` varchar(128) NOT NULL `user_join_date` int(11) NOT NULL PRIMARY KEY (`user_name`), UNIQUE KEY `user_email` (`user_email`)
default '', default '', default '', default '0',
i) bx_forum_user_activity `user` varchar(32) `act_current` int(11) `act_last` int(11) PRIMARY KEY (`user`)
NOT NULL NOT NULL NOT NULL
default '', default '0', default '0',
NOT NULL NOT NULL NOT NULL
default '', default '0', default '0',
`user_name` varchar(32) NOT NULL `post_id` int(11) NOT NULL `vote_when` int(11) NOT NULL `vote_point` tinyint(4) NOT NULL PRIMARY KEY (`user_name`,`post_id`)
default '', default '0', default '0', default '0',
j) bx_forum_user_stat `user` varchar(32) `posts` int(11) `user_last_post` int(11) KEY `user` (`user`)
k) bx_forum_vote
145
4.3 4.3.1
Komponen Aplikasi Website Berkas-Berkas Modul aplikasi Tiga macam yang menyusun aplikasi website terdiri dari 1. file javascript (.js) antara lain: • • • • • • • • • • • • • • • • •
browse_members.js ui.core.js jquery.simple.tree.js ui.slider.js jquery.tablesorter.js ui.tabs.js jquery.autocomplete.js jquery.form.js ui.draggable.js ui.sortable.js jquery.js jquery1.4.2.js jquery-ui.js jquery-ui1.7.2.js jquery.dolTopMenu.js login.js jquery_ajax.js
• • • • • • • • • • • • • • • • •
pngfix.js jquery.float_info.js browse_members.js pedit.js view_edit.js jquery.dolPromo.js jquery.dolRSSFeed.js join.js user_status.js common_anim.js jquery.dolPromoT.js ie7_flash_fix.js communicator_page.js mail_box.js jquery.dolPopup.js jquery.webForms.js functions.js
• • • • • • • • • • • • • • • •
profile_view.css qsearch.css rate_object.css contact.css result.css entry_view.css search.css explanation.css searchKeyword.css faq.css subscription.css forgot.css tags.css forms_adv.css general.css tiny_mce.css
2. file cascading style sheet (.css): • • • • • • • • • • • • • • • •
alert.css links.css all_members.css login_form.css anchor.css mail.css browse.css notifications.css BxCustomProfileMenu.css calendar.css pedit.css categories.css privacy.css privacy_settings.css cmts.css common.css
146
• •
• index.css • top_menu.css 3. file dokumen php
upload_media_comm.css join.css
direktori (root) • • • • • • • • • • • • • • • • • • • • • • • • • • •
about_us.php activation_email.php advice.php all_members.php browse.php calendar.php categories.php change_status.php click.php cmts.php communicator.php contact.php contoh.php explanation.php faq.php forgot.php freemail.php get_rss_feed.php greet.php help.php index.php information.php join.php list_pop.php logout.php mail.php member.php
• • • • • • • • • • • • • • • • • • • • • • • • • •
member_menu_queries.php member_privacy.php member_subscriptions.php pedit.php privacy.php profile.php profile_activate.php profile_info.php rate.php result.php rss_factory.php search.php searchKeyword.php searchKeywordContent.php search_home.php services.php short_profile_info.php sites.php subscription.php tags.php tellfriend.php terms_of_use.php unregister.php viewFriends.php viewPage.php vote.php
direktori = ‘inc’ • • • • • • • • • •
admin.inc.php admin_design.inc.php banners.inc.php db.inc.php design.inc.php header.inc.php images.inc.php languages.inc.php match.inc.php membership_levels.inc.php
• • • • •
direktori = ‘inc/classes’ BxDolAdminDashboard.php • BxDolAlbums.php BxDolAdminIpBlockList.php • BxDolAlerts.php BxDolAdminMenu.php • BxDolAlertsResponceMatch.php BxDolAdminSettings.php • BxDolAlertsResponseProfile.ph BxDolAdminTools.php • BxDolAlertsResponseSystem.php
• • • • • • • •
params.inc.php prof.inc.php profiles.inc.php RadiusAssistant.inc.php security.inc.php shared_sites.inc.php tags.inc.php utils.inc.php
147
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
BxDolBrowse.php BxDolCache.php BxDolCacheFile.php BxDolCalendar.php BxDolCategories.php BxDolCmts.php BxDolCmtsProfile.php BxDolCmtsQuery.php BxDolCommunicator.php BxDolConfig.php BxDolCron.php BxDolCronCmd.php BxDolCronNotifies.php BxDolDatabaseBackup.php BxDolDb.php BxDolDefUploader.php BxDolEmailTemplates.php BxDolFilesConfig.php BxDolFilesDb.php BxDolFilesModule.php BxDolFilesTemplate.php BxDolFilesUploader.php BxDolForm.php BxDolFormMedia.php BxDolFriendsPageView.php BxDolFtp.php BxDolImageResize.php BxDolInstaller.php BxDolInstallerUi.php BxDolInstallerUtils.php BxDolIO.php BxDolMailBox.php BxDolMemberMenu.php BxDolMenu.php BxDolMistake.php BxDolModule.php BxDolModuleDb.php BxDolModuleTemplate.php BxDolPageView.php BxDolPageViewAdmin.php BxDolPaginate.php BxDolParams.php
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
BxDolPermalinks.php BxDolPFM.php BxDolPrivacy.php BxDolPrivacyQuery.php BxDolPrivacySearch.php BxDolPrivacyView.php BxDolProfile.php BxDolProfileFields.php BxDolProfileQuery.php BxDolProfilesCalendar.php BxDolProfilesController.php BxDolRate.php BxDolRequest.php BxDolRssFactory.php BxDolSearch.php BxDolService.php BxDolSubscription.php BxDolSubscriptionQuery.php BxDolTagParseResponse.php BxDolTags.php BxDolTemplate.php BxDolTemplateAdmin.php BxDolTextData.php BxDolTwigCalendar.php BxDolTwigFormBroadcast.php BxDolTwigFormInviter.php BxDolTwigModule.php BxDolTwigModuleDb.php BxDolTwigPageMain.php BxDolTwigPageView.php BxDolTwigSearchResult.php BxDolTwigTemplate.php BxDolUpdateMembersCache.php BxDolUpdater.php BxDolUserStatusView.php BxDolViews.php BxDolVoting.php BxDolVotingQuery.php BxDolXml.php BxDolXmlNode.php BxRSS.php
148
4.4 4.4.1
Pengujian Sistem Metode Pengujian Ada 2 metode untuk malakukan unit pengujian, yaitu Black Box Testing dan White Box Testing. Black Box Testing dilakukan dengan memfokuskan pada apakah unit-unit program memenuhi kebutuhan yang disebutkan dalam spesifikasi. White Box Testing adalah pengujian dengan melihat kedalam modul untuk meneliti kode-kode program yang ada. Dan menganalisis apakah ada kesalahan atau tidak. Jika ada modul yang menghasilkan output yang tidak sesuai dengan proses bisnis yang dilakukan. Maka baris-baris program, variable, dan parameter yang terlibat pada unit tersebut akan dicek satu persatu dan diperbaiki, kemudian di compile ulang.
4.4.2
Pengujian BlackBox Pengujian dengan menggunakan metode black box testing dilakukan dengan cara memberikan sejumlah masukkan (input) pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi web menghasilkan keluaran (output) yang diinginkan sesuai dengan fungsi dari program aplikasi web tersebut. Bila dari input yang diberikan proses manghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program aplikasi yang penulis rancang berhasil tetapi bila output yang dihasilkan tidak sesuai dengan kebutuhan
149
fungsionalnya, maka masih terdapat kesalahan pada program aplikasi tersebut. Metode pengujian yang penulis lakukan yaitu metode pengujian Black box karena berfokus pada domain informasi dari perangkat lunak, dengan melakukan test case dengan mempartisi domain input dari suatu program dengan cara yang memberikan cakupan pengujian yang mendalam. 4.4.3
Skenario Pengujian Berikut ini penulis menyusun skenario pengujian dan data pengujian pada tabel 4.2.
•
Mempersiapkan sistem dan aplikasi webforum yang telah dipasang pada komputer webserver.
•
Menguji form pendaftaran ‘gabung jadi anggota’ dengan mengisi kolom teks dengan variabel yang sesuai.
•
Mengunjungi halaman profil anggota untuk menambah photo.
•
Mengisi form buat blog dan mengirim ke halaman utama.
•
Membuat saran dan komentar pada kolom teks di beberapa unit uji program.
150
Tabel 4.2 Skenario Pengujian No. Antar Muka yang diuji Halaman 1. 2.
Status aplikasi
Skenario pengujian
http://localhost/fkppai
Tampil halaman utama
Akun, anggota, kategori, pencarian, bantuan
menampilkan urutan pop-up menu perkelompok Tampil halaman profil anggota dan atribut yg dimiliki anggota tersebut. Menampilkan pop-up ajax login form Menampilkan tanda * dan tidak memproses data yg di input Tulisan artikel blog / forumakan diterbitkan pada kolom di halaman utama. Memuat form kategori forum dan topik yg saat ini ada pada sistem
Klik link yang tersedia di halaman utama Klik link yang tersedia di menu kategori dan pencarian Klik link forum-post untuk melihat profil anggota
3.
Halaman Pencarian data anggota
Photo profil, blog anggota, forum posting, tag dan aktivitas terakhir
4.
Sub-form login user
Input teks dan link daftar
5.
Form daftar anggota dan input gambar di profil Tulis blog dan forum
Kolom teks dan input gambar untuk profil
6
7.
8. 9.
4.4.4
utama (home) Menu halaman atas
Bagian dari antar muka yang diuji
Halaman forum dan mengedit forum yg sudah diposting Tentang website Buku tamu
Form create blog, Form create forum post
Tampilan beranda forum dan link topik forum
Link Bantuan
Link halaman kontak saran dan menginput data
Menu Contact us membuka form FAQ Form input Data buku tamu sedang berjalan
Klik link daftar dan login pengunjung Mengosongkan field salah satu teksbox
Membuat tulisan di form buat blog dan forum,dgn mengklik tambah atau Topik baru Login anggota dan melihat halaman forum dan mengedit entri forum yg telah dibuat sebelumnya Klik menu Bantuan Contact us Input data sesuai dengan form tersebut
Hasil Pengujian
Berikut ini hasil pengujian dari skenario yang di susun sebelumnya. Urutan pengujian mulai dari awal menjalankan browser sampai selesai menginput data ke halaman website.
151
Tabel 4.3 Hasil Pengujian website (Rangkuman) No . 1. 2.
Antar Muka yang diuji
Bagian dari antar muka yang diuji
Status aplikasi
Skenario pengujian
Hasil pengujian
Halaman utama (home) Menu halaman atas
http://localhost/fkppai
Tampil halaman utama
Akun, anggota, kategori, pencarian, bantuan Photo profil, blog anggota, forum posting, tag dan aktivitas terakhir Input teks dan link daftar
menampilkan urutan pop-up menu perkelompok Tampil halaman profil anggota dan atribut yg dimiliki anggota tersebut. Menampilkan pop-up ajax login form
Klik link yang tersedia di halaman utama Klik link yang tersedia di menu kategori dan pencarian Klik link forum-post untuk melihat profil anggota Klik link daftar dan login pengunjung
’Home’ terhubung dengan halaman link yang di klik sesuai deskripsi Terhubung dengan halaman link yang di klik. Menampilkan hasil pencarian data objek yg diinginkan. Menampilkan profil anggota dari proses pencarian data di halaman utama. Tampilan halaman profil dgn photo profil dari tiap-tiap anggota Akan menampilkan subform login dan alternatif gabung keanggotaan
3.
Halaman Pencarian data anggota
4.
Sub-form login user
5.
Form daftar anggota dan input gambar di profil
Kolom teks dan input gambar untuk profil
Menampilkan tanda * dan tidak memproses data yg di input
Mengosongkan field salah satu teksbox
menampilkan pesan (asterisk warna merah) jika ada yg kosong
6
Tulis blog dan forum
Form create blog, Form create forum post
Tulisan artikel blog / forumakan diterbitkan pada kolom di halaman utama.
Membuat tulisan di form buat blog dan forum,dgn meng-klik tambah atau Topik baru
Isi tulisan ditampilkan setelah sistem memeriksa tulisan sesuai aturan HTMLtag
7.
Halaman forum dan mengedit forum yg sudah diposting
Tampilan beranda forum dan link topik forum
Memuat form kategori forum dan topik yg saat ini ada pada sistem
Topik forum akan bertambah sesuai konten dan kategori forum. Link untuk konten tersebut hadir pada halaman forum dan shortcut pada halaman utama.
8.
Tentang website
Link Bantuan
Menu about us membuka form FAQ
Login anggota dan melihat halaman forum dan mengedit entri forum yg telah dibuat sebelumnya Klik menu Bantuan About us
9.
Contact Info
Link halaman kontak saran dan menginput data
Form input Data contact info sedang aktif.
Input data sesuai dengan form yang ada.
terhubung dengan halaman bantuan menampilkan form FAQ dan tentang website forum FKPPAI Data akan Tersimpan kedalam data base
152
4.4.5
Analisis Hasil Pengujian BlackBox Tahapan proses pengujian terakhir yang dapat diperoleh yaitu menganalisa
hasil pengujian. pada setiap pilihan aplikasi ini yaitu menu awal, menu profil, menu forum, menu login admin, menu registrasi, maka diperoleh hasil pengujian tersebut sesuai dengan rumusan perancangan aplikasi program ini. Point-point analisa pengujian: 1.
Halaman utama: link-link yang menghubungkan kelas-kelas terdapat dalam aplikasi web forum FKPPAI. Halaman utama disusun oleh sub-form dan menu aplikasi untuk memudahkan pencarian data oleh pengunjung maupun anggota forum.
2.
Halaman profil: menyajikan informasi setiap anggota yang tergabung dalam keanggotaan Forum website. Tampilan halaman atribut (photo, artikel blog, interaktif, dll) profil keanggotaan dan aktifitas yang dilakukan oleh pemilik profil.
3.
Halaman kategori: setiap link yang terdapat di menu halaman tersebut
dapat
berjalan
sesuai
yang
kebutuhan
pengunjung/anggota.
Halaman Blog anggota: Menampilkan isi blog yang dibuat anggota dan aktifitas anggota lain yang memberi komentar atau rating blog.
153
Menu pencarian : Menampilkan form hasil pencarian tags atau profil dan fitur keanggotaan seperti foto, biodata dan lainnya.
Menu koleksi photo: menampilkan profile gambar dan keterangan gambar , dan tombol fungsi terkait.
Menu kategori forum : Menampilkan daftar forum konten dan topik yang terdaftar dalam database yang dibuat dan dikelola oleh anggota.
Menu komentar interaktif: menampilkan teksbox untuk memberi saran/komentar kepada pembuat objek tersebut. Objek yaitu: profile, blog, forum, dan photo.
4.
Halaman kontak saran: yang menyediakan aktifitas mengisi form saran kepada pembuat website khususnya atau organisasi FKPPAI secara keseluruhan.
5.
Semua konten yang ditampilkan pada website bersifat dinamis yang dibuat / dikelola pengguna, dalam hal ini anggota dan moderator forum pada halaman website.