BAB IV IMPLEMENTASI DAN PENGUJIAN

(1)

39 BAB IV

IMPLEMENTASI DAN PENGUJIAN

Pada BAB ini akan dibahas mengenai Implementasi aplikasi Pahlawan Nasional beserta factor-faktor pendukung system, serta hasil pengujian terhadap aplikasi pada beberapa jenis device yang akan di gunakan untuk mengakses aplikasi.

4.1 Implementasi

Tahap implementasi bertujuan untuk memastikan apakah perangkat lunak yang dibuat dapat bekerja secara efektif dan efisien sesuai dengan yang diharapkan. Sebelum program diimplementasikan maka program harus bebas dari kesalahan-kesalahan penulisan bahasa, kesalahan waktu proses atau kesalahan logical. Program dapat diimplementasikan setelah bebas dari kesalahan setelah melakukan pengujian.

4.1.1 Spesifikasi Implementasi Sistem

Berikut spesifikasi kebutuhan sistem hardware dan software yang digunakan pada saat membuat aplikasi ini:

Hardware:

1. Proccesor Intel® Core i3 – 3120M(2.5GHz) 2. Memory 2 GB DDR3

3. Hard Drive 500 GB Serial ATA 7200 RPM 4. Display 14"LED, Max. Resolution 1366 x 768 5. Handphone LG E 435

Software:

1. Operating System Windows 7 Ultimate 2. Eclipse LUNA

3. Android SDK versi 2.3.3 Gingerbread dan 4.1.1 Jelly Bean 4. MediaHuman Audio Converter free

(2)

4.2 Penulisan Code (coding)

Pada bagian ini penulis akan menjabarkan source code dari aplikasi ini secara rinci. Mulai dari halaman utama, about, exit, halaman pahlawan, dan yang lainnya.

Coding ini di tulis di program eclipse dan di running dengan android emulator sebagai acuan apakah aplikasi sudah berjalan dengan semestinya. Bila belum maka kode akan kembali di perbaiki sehingga di dapatlah aplikasi berjalan dan berfungsi dengan baik.

4.2.1 Penulisan Kode pada Menu Utama dan About

Kode pada halaman home, yang berisi gambar gif, terdapat button menuju halaman selanjutnya dan 2 button di footer untuk about dan exit.

<div data-role="header" data-position=fixed data-theme=b>

<a href=pulau.html class="ui-btn ui-icon-grid ui-btn-icon-notext ui-corner-all"></a>

<h5>Biografi Pahlawan</h5> </div>

<div data-role="content"> <p align="center">

<img src="indonesia.gif" width='150' height='200'> <div class="ui-grid-b ui-responsive">

<div class="block-a"><a href="about.html" class="shadow btn ui-corner-all">About</a></div>

<div block-a"><a href="#" onclick="exitFromApp()" class="ui-shadow ui-btn ui-corner-all">Exit</a></div>

</div>

(3)

<div data-role="dialog" id="about" class="app-dialog"data-dom-cache=true> <div data-role="header">

<h5>Aplikasi Pengenalan Pahlawan</h5> </div>

<div id="content" data-role="content" data-theme="b"> <p>Author  :  Rian Suryandari<br>

Email    :  <a

href="mailto:suryandari420@gmail.com?subject=Issue">suryandari420@gmail. com </a> <br>

Twitter  :  <code>@ryanKetu</code></p> <p>Aplikasi terbaik untuk mengenal Pahlawan.</p>

<p> Tekhnik Informatika 2008, Fakultas Ilmu Komputer, <strong>Universitas Mercubuana Jakarta</strong> </p>

<p>Jangan sungkan untuk menghubungi saya via email/twitter bila ada bug atau yang lainnya :)</p>

<a href="index.html" data-role="button" data-mini="true"> Oke </a> </div>

</div>

Ketika list pada halaman awal aplikasi di tekan about maka isi dari list tersebut akan keluar halaman about, seperti yang tergambar pada gambar 4.2, sedangkan bila di tekan button yang terdapat pada header akan mengarahkan aplikasi ke halaman berikutnya.

Berikut adalah tampilan halaman awal aplikasi yang di ambil dari android emulator 4.1.2 Jelly Bean:

(4)

Gambar 4.1 Home Aplikasi Gambar 4.2. About

4.2.2 Penulisan Kode Pada Halaman Pulau

<a href=index.html class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>

<a href=galery_pahnas.html class="btn icon-camera btn-icon-notext ui-corner-all"></a>

<h3>Pulau Pulau Indonesia</h3> </div>

<img src="indonesi-pulau.jpg" alt="34-provinsi" usemap="#planetmap" width=320px height=300px>

<map name="planetmap">

<area shape="rect" coords="10,60,83,185" alt="Sun" href="provinsi_sumatera.html">

(5)

<area shape="rect" coords="79,185,139,230" alt="Sun" href="provinsi_jawa.html">

<area shape="rect" coords="139,203,232,245" alt="Sun" href="provinsi_bali_nt.html">

<area shape="rect" coords="96,57,161,166" alt="Sun" href="provinsi_kalimantan.html">

<area shape="rect" coords="169,95,204,185" alt="Sun" href="provinsi_sulawesi.html">

<area shape="rect" coords="215,84,312,208" alt="Sun" href="provinsi_papua_maluku.html">

</map>

Bagian ini adalah lanjutan dari home apliksai setelah mengklik button yang terdapat di header. Pada halaman ini user dapat memilih salah satu pulau yang terdapat pada gambar 4.3 untuk melihat berdasarkan provinsi dan juga dapat button gallery yang di header untuk melihat gambar gambar pahlawan nasional.

(6)

4.2.3 Penulisan Kode Pada Halaman Provinsi

<a href=pulau.html class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all"></a>

<h5>Sumatera</h5> </div>

<div data-role="collapsible"> <h2>Nangro Aceh Darusalam</h2> <ul data-role="listview">

<li><a href="pahnas/Cut Nyak Dhien.html">Cut Nyak Dhien</a></li> <li><a href="pahnas/Cut Meutia.html">Cut Meutia</a></li>

<li><a href="pahnas/Teuku Umar.html">Teuku Umar</a></li> </ul>

</div>

<div data-role="collapsible"> <h2>Sumatera Utara</h2> <ul data-role="listview">

<li><a href="pahnas/Sisingamangaraja XII.html">Sisingamangaraja XII</a></li> </ul> </div> <div data-role="collapsible"> <h2>Sumatera Barat</h2> <ul data-role="listview">

<li><a href="pahnas/Haji Agus Salim.html">Haji Agus Salim</a></li> <li><a href="pahnas/Prof dr. Moh Hatta.html">Prof dr. Moh

Hatta</a></li>

<li><a href="pahnas/Tuanku Imam Bonjol.html">Tuanku Imam Bonjol</a></li>

</ul> </div>

(7)

<div data-role="collapsible"> <h2>Riau</h2>

<ul data-role="listview">

<li><a href="pahnas/Raja Haji Fisabilillah.html">Raja Haji Fisabilillah</a></li>

<li><a href="pahnas/Sultan Syarif Kasim II.html">Sultan Syarif Kasim II</a></li>

<li><a href="pahnas/Tuanku Tambusai.html">Tuanku Tambusai</a></li> </ul>

</div>

<div data-role="collapsible"> <h2>Kepulauan Riau</h2> <ul data-role="listview">

<li><a href="pahnas/Raja Ali Haji.html">Raja Ali Haji</a></li> </ul>

</div>

<div data-role="collapsible"> <h2>Jambi</h2>

<li><a href="pahnas/Sultan Thaha Saifuddin.html">Sultan Thaha Saifuddin</a></li> </ul> </div> <div data-role="collapsible"> <h2>Sumatera Selatan</h2> <ul data-role="listview">

<li><a href="pahnas/Adenan Kapau Gani.html">Adnan Kapau Gani</a></li>

</ul> </div>

<div data-role="collapsible"> <h2>Bengkulu</h2>

(8)

<li><a href="pahnas/Fatmawati.html">Fatmawati</a></li>

<li><a href="pahnas/Prof. DR. Hazairin SH.html">Prof. DR. Hazairin SH</a></li> </ul> </div> <div data-role="collapsible"> <h2>Lampung</h2> <ul data-role="listview">

<li><a href="pahnas/Radin Inten II.html">Radin Inten II</a></li> </ul>

</div>

Pada bagian ini pengkodeannya secara menyeluh sama yang membedakan hanya nama nama provinsi dan nama pahlawannya yang terdapat pada pulau pulau di Indonesia, seprti gambar 4.4 dan gambar 4.5 di bawah ini.

Gambar 4.4 Halaman Provinsi _{Gambar 4.5 Halaman Provinsi}

(9)

4.2.4 Penulisan Kode Pada Halaman Pahlwan <div data-role="header">

<a href="../provinsi_sumatera.html" type="button">Back</a> <a href="#" onclick="playAudio('sisingamangarajaXII.ogg')" type="button">Sound</a>

<h5>Sisingamangaraja XII</h5> </div>

<div data-role="content"> <p align="center">

<img src="../img_pahnas/sisingamangaraja_xii.jpg" width='50%' height='50%'>

<div data-role="collapsible" data-content-theme="false"> <h4>Tempat Tanggal Lahir</h4>

<p>• Tempat/Tgl. Lahir: Bakara 18 Februari 1845</p> <p>• Tempat/Tgl. Wafat: Dairi, 17 Juni 1907</p>

<p>• SK Presiden: Keppres No. 590/1961 Tgl. 9 November 1961</p><p>• Gelar: Pahlawan Nasional</p></div>

<div data-role="collapsible" data-content-theme="false"> <h4>Sejarah Perjuangan</h4>

<p>Seorang raja di negeri Toba, Sumatera Utara, pejuang yang berperang melawan Belanda, kemudian diangkat oleh pemerintah Indonesia sebagai Pahlawan Nasional Indonesia sejak tanggal 9 November 1961 berdasarkan SK Presiden RI No 590/1961. Sebelumnya ia makamkan di Tarutung, lalu

dipindahkan ke Soposurung, Balige pada tahun 1953.</p>

<p>Sisingamangaraja XII nama kecilnya adalah Patuan Bosar, yang kemudian digelari dengan Ompu Pulo Batu. Ia juga dikenal denganPatuan Bosar Ompu Pulo Batu, naik tahta pada tahun 1876 menggantikan ayahnya

Sisingamangaraja XI yang bernama Ompu Sohahuaon, selain itu ia juga disebut juga sebagai raja imam. Penobatan Sisingamangaraja XII sebagai maharaja di negeri Toba bersamaan dengan dimulainya open door policy (politik pintu terbuka) Belanda dalam mengamankan modal asing yang beroperasi

(10)

diHindia-Belanda, dan yang tidak mau menandatangani Korte Verklaring (perjanjian pendek),di Sumatera terutama Kesultanan Acehdan Toba, di mana kerajaan ini membuka hubungan dagang dengan negara-negara Eropa lainya. Di sisi lain Belanda sendiri berusaha untuk menanamkan monopolinya atas kerajaan tersebut. Politik yang berbeda ini mendorong situasi selanjutnya untuk

melahirkan Perang Tapanuli yang berkepanjangan hingga puluhan tahun.</p> </div>

</div> </body> </html>

Terdapat 1 buah gambar pahlawan, tombol sound dan 2 button yaitu tempat tanggal lahir dan bejarah perjuangan, di halaman ini untuk menunjukkan bila kita tekan button sound akan mengeluarkan suara nama pahlawan tersebut, dan apabila di tekan button tempat tanggal lahir akan mengetahui tanggal lahit pahlawan tersebut, dan button sejarah perjuangan yaitu berisi tentang sejarah perjuangannya pahlawan.

Gambar 4.6 Halaman Pahlawan 4.2.5 Tampilan Pada Halaman Gallery

Ini adalah tampilan halaman gallery setelah menekan pada button gallery yang terdapat di header halaman pulau, dan jika di tekan button back yang terdapat di header akan kembali ke halaman pulau.

(11)

Gambar 4.7 Gallery

Pada bagian ini terdapat gambar gambar pahlawan dan jika di klik/tekan gambarnya, gambar tersebut akan menjadi besar/pupup. Untuk kode gallery terdapat di lampiran halaman 70-113.

4.3 Pengujian Aplikasi

Proses pengujian ini di lakukan dengan cara install aplikasi pada device. Dalam hal ini saya akan menggunakan metode pengujian aplikasi blackbox. Untuk melihat apakah fungsi-fungsi pada aplikasi berjalan dengan baik atau tidak, dan juga mengetahui di bagian mana saja cacat aplikasi ini untuk segera dapat di perbaiki oleh penulis. Aplikasi Pahlawan Nasional ini di uji menggunakan 1 Smartphone yaitu Android.

Spesifikasi Android:

 LG E435

 Display - 320 x 480 pixels, 3.2 inches

 Memory Internal 2 GB

 RAM 512 MB

 CPU 600 MHz ARM 11

(12)

4.3.1 Skenario Pengujian Fungsi

Pengujian aplikasi ini dilakukan pada tanggal 12 Mei 2015 menggunakan SmartPhone LG E435, Item yang diuji antara lain:

Tabel 4.1 Skenario Pengujian.

No. Nama Pengujian Hasil

1. Masuk menu utama Menampilkan halaman menu utama

2. Memilih button yang terdapat pada header

Masuk ke dalam halaman peta Indonesia

3. Memilih salah satu pulau yang terdapat pada halaman peta Indonesia

Menampilkan pulau beserta provinsinya

4. Memilih provinsi Menampilkan nama pahlawan

berdasarkan provinsi

5. Memilih salah satu nama pahlawan Menampilkan halaman pahlawan

6. Memilih sound Dapat keluar suara berdasarkan

nama pahlawan

7. Memulai tempat tanggal lahir Menampilkan isi dari tempat

tanggal lahir pahlawan

8. Memilih sejarah perjuangan Menampilkan isi dari sejarah

perjuangan pahlawan 9. Kembali ke halaman peta Indonesia Menampilkan halaman peta

Indonesia

10. Memilih button gallery Menampilkan halaman gallery

11. Memilih about Menampilkan halaman about

12. Memilih exit Keluar dari aplikasi

4.3.2 Hasil Pengujian Tabel 4.2 Hasil Pengujian

No. Nama Tes Hasil yang diharapkan Hasil

Pengujian

1. Masuk menu utama Menampilkan halaman menu

utama

Sesuai 2. Memilih button yang terdapat

pada header

Masuk ke dalam halaman peta Indonesia

Sesuai 3. Memilih salah satu pulau yang

terdapat pada halaman peta Indonesia

Menampilkan pulau beserta provinsinya

(13)

Lanjutan Tabel 4.2

4. Memilih provinsi Menampilkan nama pahlawan

berdasarkan provinsi

Sesuai 5. Memilih salah satu nama

pahlawan

Menampilkan halaman pahlawan

Sesuai

6. Memilih sound Dapat keluar suara berdasarkan

nama pahlawan

Sesuai 7. Memulai tempat tanggal lahir Menampilkan isi dari tempat

tanggal lahir pahlawan

Sesuai 8. Memilih sejarah perjuangan Menampilkan isi dari sejarah

perjuangan pahlawan

Sesuai 9. Kembali ke halaman peta

Indonesia

Menampilkan halaman peta Indonesia

Sesuai

10. Memilih button gallery Menampilkan halaman gallery Sesuai

11. Memilih about Menampilkan halaman about Sesuai

12. Memilih exit Keluar dari aplikasi Sesuai

4.3.3 Pengujian Aplikasi Pada Berbagai Versi Android Tabel 4.3 hasil pengujian di tipe os android

No Tipe Os Android Hasil Spesifikasi

1. Android 2.3 - 2.3.2 Gingerbread × Samsung Galaxy Y RAM 290MB Memory Internal 180MB

2. Android 3.0 – 3.2 Honeycomb × Emulator

3. Android 4.0 - 4.0.4 Ice Cream Sandwich √ Smartfrean Andromax C RAM 512MB Memory Internal 4G

4. Android 4.1. – 4.1.3 Jelly Bean √ LG E435

RAM 512MB Memory Internal

4GB

5. Android 4.4 KitKat √ Sony Xperia z

RAM 2GB Memory Internal

16GB

6. Android 5.0 Lolli Pop √ Asus ZenPhone 5

RAM 2GB Memory Internal

(14)

4.4 Analisis Hasil Pengujian

Berikut ini adalah analis dari aplikasi Pahlawan Nasional yang sudah di jalankan pada 1 Smartphone di atas.

4.4.1 Analisis Aplikasi Pada Android

1. Aplikasi Pahlawan Nasional berjalan baik pada Android karena pada saat pembuatan penulis memang menggunakan simulator android untuk mengetahui error dan yang lainnya.

2. Sound berjalan baik pada semua page.

3. Tampilan tidak berjalan sangat baik, karena belum di sesuaikan terhadap resolusi layar android.

4. Aplikasi tidak dapat berjalan di Semua OS Android Ginggerbread (2.3.x), Honeycomb (3.x), dan hanya berjalan di OS Android Ice Cream Sandwich (4.x) dan Lolli Pop (5.0.x).

(15)

(16)

(17)

(18)