IMPLEMENTASI DAN PENGUJIAN. MX 2004 sebagai editor. Komunikasi untuk ke PDT Scan Barcode menggunakan

Transkripsi

1 IMPLEMENTASI DAN PENGUJIAN 4.1 Gambaran Umum Aplikasi Integrasi Aplikasi Web dengan PDT Scan Barcode dibuat menggunakan bahasa pemrograman ASP (Active Server Page) yaitu bahasa pemrograman berbasis web dengan database SQL Server 2000 dan Macromedia Dreamweaver MX 2004 sebagai editor. Komunikasi untuk ke PDT Scan Barcode menggunakan Microsoft ActiveSync dan SQL Server CE. 4.2 Lingkungan Operasional Sebuah sistem dapat dikatakan baik jika dapat mendukung kinerja manusia (user) secara optimal. Berikut ini adalah spesifikasi komputer yang di rekomendasikan untuk diimplementasi ke area bisnis, agar sistem dapat berjalan sesuai dengan yang diharapkan. 1. Spesifikasi Server. a. Perangkat keras - prosesor : Intel Pentium IV - memori : 512 MB - harddisk : 80 GB - VGA Card : Standard VGA - monitor : Standard monitor 15" CRT - keyboard : Standard Keyboard

2 - mouse : PS/2 Compatible Mouse Port - LAN Card b. Perangkat lunak - sistem operasi : Microsoft Windows 2000 Server - sistem manajemen basis data : Microsoft SQL Servers 2000, Microsoft SQL Server CE program/utilities lain : Internet Information Services (IIS) - Synchronize : Microsoft Active Sync version Spesifikasi Client. a. Perangkat keras - prosesor : Intel Pentium III - memori : 384 MB - harddisk : 40 GB - VGA Card : Standard VGA - monitor : Standard monitor 15" CRT - keyboard : Standard Keyboard - mouse : PS/2 Compatible Mouse Port - LAN Card b. Perangkat lunak - sistem operasi : Microsoft Windows XP - browser : Internet Explorer 6.0

3 3. Spesifikasi PDT Scan Barcode. - Merk : Altimec - Database : SQL Server CE Sistem Operasi : Microst Windows Pocket PC - Charger : Altimec - Kabel Data : USB 4.3 Lingkungan Pengembangan Sebuah sistem dapat dikatakan baik jika dapat mendukung kinerja manusia (user) secara optimal. Berikut ini adalah spesifikasi komputer yang di rekomendasikan dalam mengembangkan sistem, agar sistem dapat berjalan sesuai dengan yang diharapkan. 1. Spesifikasi Server. a. Perangkat keras - prosesor : Pentium 4. - memori : 384 MB - harddisk : 40 GB - VGA Card : Standard VGA - monitor : Standard monitor 15" CRT - keyboard : Standard Keyboard - mouse : PS/2 Compatible Mouse Port - LAN Card b. Perangkat lunak - sistem operasi : Microsoft Windows XP

4 - DBMS : Microsoft SQL Servers 2000, Microsoft SQL Server CE program/utilities lain : IIS, Macromedia Dreamweaver MX Synchronize : Microsoft Active Sync version Spesifikasi Client. a. Perangkat keras - prosesor : Intel Pentium III - memori : 256 MB - harddisk : 40 GB - VGA Card : Standard VGA - monitor : Standard monitor 15" CRT - keyboard : Standard Keyboard - mouse : PS/2 Compatible Mouse Port - LAN Card b. Perangkat lunak - Sistem operasi : Microsoft Windows XP - browser : Internet Explorer Synchronize : Microsoft Active Sync version Software : Visual Basic Spesifikasi PDT Scan Barcode. - Merk : Altimec - DBMS : Microsoft SQL Server CE Sistem Operasi : Microsoft Windows Pocket PC - Charger : Altimec

5 - Kabel Data : USB 4.4 Setting untuk implementasi integrasi Aplikasi Web dengan PDT Scan Barcode Proses setting untuk implementasi adalah hal yang penting untuk integrasi Aplikasi Web dengan PDT Scan Barcode, adapun cara settingnya seperti berikut: Setting Web Server Salah satu proses yang yang penting dalam aplikasi Web yaitu setting Web Server, aplikasi Web server yang menggunakan IIS. langkah-langkahnya adalah sebagai berikut: 1. Hal yang pertama dilakukan yaitu menyimpan semua File Web kedalam folder C:\Inetpub\wwwroot. Terlebih dahulu Kita harus membuat folder dengan nama SIMH. 2. Proses selanjutnya yaitu membuka IIS Web server yaitu dengan membuka Control Panel -> Klik Administrative tools -> Internet Information Service. Pilih menu Website dan pilih SIMH ( Aplikasi Web ).

6 Gambar 4.1 Menu utama Webserver IIS Setting Database Setelah Proses setting Web server, proses yang harus dilakukan dalam integrasi Aplikasi Web dengan PDT Scan Barcode yaitu setting Database Server. Software Database Server yang digunakan menggunakan SQL Server Berikut Proses setting Database SQL Server 2000 : 1. Membuka aplikasi SQL Server 2000 dengan cara, Start -> Program -> Microsoft SQL Server >Enterprise Manager.

7 Gambar 4.2 Menu Enterpises manager SQL Server Pada aplikasi ini, Kita harus menentukan database untuk aplikasi Web Asset dan database untuk PDT Scan barcode. File yang akan kita gunakan dengan format MDF dan LDF. Berikut gambar 4.4 untuk setting file MDF dan LDF. Gambar 4.3 File Attach database

8 3. Setelah proses attach database untuk Aplikasi Web Asset dan aplikasi PDT Scan Barcode, akan terlihat dua database pada SQL Server 2000 ( Gambar 4.4 ) Gambar 4.4 Database asset pada SQL Server Setting Microsoft ActiveSync Integrasi Aplikasi Web dengan PDT Scan barcode diperlukan komunikasi antara server asset dengan PDT Scan Barcode, aplikasi yang digunakan yaitu Microsoft Active Sync 2.0. Server asset harus diinstall Microsoft Active Sync 2.0 dan media perantara menggunakan kabel data USB. Sehingga file dan aplikasi pada PDT Scan Barcode dapat berkomunikasi dengan server asset. Untuk memastikan komunikasi antara server asset dengan PDT Scan Barcode maka Kita harus membuka aplikasi microsoft active sync dan memastikan bahwa telah connected, sesuai dengan gambar 4.5

9 Gambar 4.5 Menu Synchronize Setting SQL Server CE connectivity management Setelah Server Asset dapat berkomunikasi dengan PDT Scan Barcode, Kita harus install SQL Server CE 2.0 pada server asset dan PDT Scan Barcode, sehingga database pada server asset dapat terhubung dengan PDT Scan Barcode, Berikut cara setting connectivity SQL Server CE : o Buka Program Microsoft SQL Server CE, Start -> Program -> Microsoft SQL Server CE -> Configure connectivity support IIS.

10 Gambar 4.6 Halaman utama SQL Server CE o Proses selanjutnya yaitu membuat virtual directory, pada bagian create virtual directory. ( Gambar 4.7 ) o Create Virtual Directory Gambar 4.7 Menu virtual directory o Setalah proses virtual directory, proses selanjutnya yaitu test connectivity SQL CE dengan Web Browser.

11 4.5 Pengujian Integrasi aplikasi web dengan PDT Scan Barcode Setelah proses installation dan setting untuk integrasi aplikasi Web dengsn PDT Scan barcode dalam monitoring asset hardware, Kita akan melakukan pengujian aplikasi. Untuk pengujian dilakukan bertahap sehingga menghasilkan data yang diharapkan Proses akses login web asset Untuk mengakses aplikasi web asset menggunakan web browser dengan alamat Menu awal dalam mengakses aplikasi web asset yaitu menu login authentikasi, Pada menu login authentikasi aplikasi web asset diharuskan untuk memasukkan username dan password, sesuai dengan gambar 4.8. Hasil Pengujian Gambar 4.8 menu login web

12 Deskripsi form login. Tabel 4.1 pengujian menu login Prosedur dan Kasus uji Login dengan username Tampil halaman utama untuk Ade, dan password Ade user administrator. klik tombol OK. Login dengan username Tampil halaman utama untuk buddy, dan password user staff. komponen klik tombol OK Menu Layar Utama Setelah berhasil proses login authentikasi aplikasi web asset, maka akan tampil menu utama pada aplikasi web asset. Pada menu utama terdapat menu Login, user, employee, type hardware, asset, report dan integrasi data. Pada menu utama terbagi menjadi 3 bagian yaitu menu utama administrator, menu utama staff dan menu utama manager. Gambar 4.9 Menu Utama

13 Deskripsi Form Menu Utama Tabel 4.2 pengujian menu utama Prosedur dan Kasus uji Klik logout Form login tampil Klik link home form main tampil Pilih menu login tampil sub menu login Pilih sub menu Reset tampil form reset login login Pilih sub menu change tampil form change password password Pilih menu user Menampilkan sub menu user Pilih sub menu add user Menampilkan form input user Pilih sub menu Menampilkan form list edit edit/delete user Pilih sub menu view Menampilkan form view user Pilih menu employee Menampilkan sub menu employee Pilih sub menu input Menampilkan form input employee Pilih sub menu Menampilkan form list edit edit/delete employee Pilih sub menu view Menampilkan form view employee Pilih menu type Menampilkan sub menu type hardware hardware Pilih sub menu input Menampilkan form input Type hardware Pilih sub menu Menampilkan form list edit edit/delete Type hardware

14 Deskripsi Prosedur dan Kasus uji Pilih sub menu view Menampilkan form view Type hardware Pilih menu asset Menampilkan sub menu asset Pilih sub menu input Menampilkan form input hardware Pilih sub menu Menampilkan form list edit edit/delete hardware Pilih sub menu view Menampilkan form view hardware Pilih menu report Menampilkan sub menu report Pilih sub menu view asset Menampilkan form report asset Pilih menu integrasi data Menampilkan sub menu integrasi data Pilih sub menu export Menampilkan form sub menu export Pilih sub menu import Menampilkan form sub menu import Proses Reset login Pada aplikai web asset, Kita dapat mengganti akses authentikasi login dan password pada web asset, untuk melakukan proses perubahan akses login maka administrator dapat memilih menu login lalu memilih sub menu login. User akses login dapat diganti menjadi 3 bagian yaitu administrator, staff dan manager.

15 Gambar 4.10 Menu reset login Tabel 4.3 pengujian reset login Deskripsi Prosedur dan Kasus uji Form reset login Username= choose one (tidak memilih) Tampil pesan choose one user..!! level = administrator password= ade klik button OK Username= ade level = choose one (tidak Tampil pesan choose one level..!! memilih) password= ade klik button OK Username= buddy level = staft Tampil pesan your data had been saving password= komponen klik button OK Klik tombol reset Clear form data yang telah diinputkan /batal

16 Deskripsi Prosedur dan Kasus uji Klik link back saat tampil pesan Tampil form reset login Proses pengolahan data user login Proses pengolahan data user akses login pada aplikasi web asset terdapat pada menu user. Pada menu login, kita dapat menambah user akses pada sub menu adduser, untuk merubah data user login pada sub menu add/edit user dan untuk melihat data semua user login dapat memilih sub menu view. Hasil Pengujian Deskripsi Form input user 4.11 Sub menu view user Tabel 4.4 pengujian proses data user Prosedur dan Kasus uji Npk = username= password= level = administrator klik button OK Npk= 2253 Tetap tampil form input user

17 Deskripsi Form edit user Form delete user Prosedur dan Kasus uji username= mapud password= level= staff klik button OK Npk = 2253 Username = mapud Password = komponen Level = staff klik button OK Setelah link edit diklik sesuai dengan data yang diinginkan Username = buddy Klik ok jika perubahan sudah dilakukan Username = buddy password = komponen Level = staff Status = aktif Klik link back saat tampil pesan perubahan Setelah link delete diklik sesuai dengan data yang diinginkan Username = adi Tampil pesan = your data had been saving Tampil form edit dengan data sesuai user buddy Tampil pesan = your data already update Tampil form list edit user Tampil form delete user dengan data sesuai pilihan Tampil data adi tampil pesan are you sure to delete this data?

18 Deskripsi Form view user Prosedur dan Kasus uji Klik ok jika yakin akan didelete pilih category= all username = Klik button go pilih category= all username = ade Klik button go pilih category= administrator username = Klik button go link back Tampil pesan = your data had been delete Tampil keseluruhan dari data user yang telah diinput tampil data user ade Tampil keseluruhan dari data user yang telah diinput dengan level user= administrat or Proses pengolahan data karyawan Proses pengolahan data karyawan dibutuhkan untuk management data karyawan kedalam aplikasi web asset. Proses pengolahan data karyawan terdapat pada menu Employee. Pada menu Employee, kita dapat menambah data karyawan pada sub menu input, untuk merubah data user karyawan pada sub menu add/edit

19 dan untuk melihat data semua karyawan dapat memilih sub menu view. Hasil Pengujian Deskripsi Form input employee Gambar 4.12 Menu view data karyawan Tabel 4.5 pengujian pengolahan data karyawan Prosedur dan Kasus uji Npk = Tetap tampil form Name = input employee Departemen = Ext phone = Bisnis Area= Cost center = klik button OK Npk = 1111 Tampil pesan = your Name = palvo data had been Departemen= promotion saving Phone ext = 1111 Bisnis Area= AN Cost center = 02

20 Deskripsi Form list edit employee Prosedur dan Kasus uji klik button OK Saat tampil pesan, klik link back Isi keyword search by name = palvo klik button go Isi keyword search by name = klik button go Tampil form input employee Tampil list data employee yang dicari sesuai search by name = palvo Tampil keseluruhan dari data employee yang telah diinput Form edit employee Setelah link edit diklik sesuai nama = palvo Klik ok jika perubahan sudah dilakukan npk= 1111 nama= palvo department= promotion phone ext = 1112 Bisnis Area= AN Cost center = 02 Tampil form edit dengan data sesuai pilihan Tampil data palvo Tampil pesan = your data already update Form delete employee Klik link back saat tampil pesan perubahan Setelah link delete diklik sesuai dengan data nama= palvo Tampil form list edit employee Tampil form delete dengan data sesuai pilihan Tampil data palvo

21 Deskripsi Form view employee Prosedur dan Kasus uji Pilih category= all input= klik button go Pilih category= all input= ade klik button go tampil pesan are you sure to delete this data? link back Tampil keseluruhan dari data employee yang telah diinput tampil data employee name= ade Proses pengolahan type hardware Integrasi aplikasi Web dengan PDT Scan barcode dalam monitoring asset hardware membutuhkan pengolahan daftar type device asset pada aplikasi web asset. Pengolahan data device hardware terdapat pada menu type asset. IT asset memasukkan data device hardware pada sub menu input. Device asset dapat dirubah atau dihapus pada sub menu edit/delete, untuk melihat daftar device asset terdapat pada sub menu view.

22 Gambar 4.13 Menu Type Asset. Tabel 4.6 pengujian pengolahan data device hardware Deskripsi Prosedur dan Kasus uji Hasil Pengujian Form input Type Kode running number, type = CPU Tampil pesan = your data had been saving Hardware klik button OK Form list type hardware Type = CPU Tampil data berdasarkan Type = CPU Klik button go Form edit type hardware Type = Klik button go Setelah link edit diklik sesuai dengan data yang diinginkan CPU Tampil data type hardware secara keseluruhan Tampil form edit dengan data sesuai pilihan Tampil data = CPU Klik ok jika perubahan sudah dilakukan Tampil pesan = your data already update

23 Deskripsi Prosedur dan Kasus uji Type = CPU Hasil Pengujian Form delete type hardware Form view type hardware link delete diklik sesuai dengan data Type = scanner Klik ok jika yakin akan didelete klik link back, saat tampil pesan peringatan Isi keyword type hardware = CPU Klik button go Tampil form delete type hardware tampil pesan are you sure to delete this data? link back Tampil pesan = your data had been delete Tampil form list edit type hardware dan data tidak jadi di delete Tampil list data type hardware yang dicari sesuai keyword = CPU Isi keyword input = klik button go Tampil keseluruhan dari data type hardware yang telah diinput Proses pengolahan data asset Pengolahan data asset dalam integrasi aplikasi Web dengan PDT Scan barcode dalam monitoring asset hardware membutuhkan proses pada aplikasi web asset. Pengolahan data device hardware terdapat pada menu asset. IT Asset memasukkan data asset berdasarkan data type hardware dan data karyawan. IT asset memasukkan data asset pada sub menu input (gambar 4.16). Ketika ada perubahan data asset maka IT Asset dapat memproses pada sub menu edit/delete

24 (gambar 4.17). IT Asset dapat melihat daftar data asset terdapat pada sub menu view (gambar 4.18). Gambar 4.14 Sub menu input asset Gambar 4.15 sub menu edit asset

25 Hasil Pengujian Deskripsi Form input asset 4.16 Sub menu view asset Tabel 4.7 pengujian pengolahan asset Prosedur dan Kasus uji beberapa textbox tidak terisi Tetap tampil form input no asset= asset desc hardware= merk= serial number= Lokasi= npk= owner= Department= Seluruh textbox terisi Tampil pesan = your data No aset = had been saving Type = CPU Desc hardware = Pentium 4 Merk = IBM Netvista Serial number= 123bu Lokasi= Gdg_ho

26 Deskripsi Form view asset Form edit asset Prosedur dan Kasus uji Npk= 100 Owner= bambangw Department= IT Corporate klik button OK Klik button popup owner Klik link npk pada popup owner Npk pilihan = 100 pilih category= no asset input= Klik button go Setelah link edit diklik sesuai dengan data yang diinginkan klik button popup owner Klik ok jika perubahan sudah dilakukan Klik link back saat tampil pesan perubahan Tampil popup owner yang mengacu pada data karyawan dan hasil link tersebut akan otomatis muncul di form input asset Tampil data owner dengan npk = 100 Owner= bambangw department= IT corporate tampil data hardware secara keseluruhan dari data hardware yang telah diinputkan sebelumnya Tampil form edit dengan data sesuai pilihan Tampil data tampil form popup owner untuk merubah pengganti kepemilikan aset hardware Tampil pesan = your data already update Tampil form list edit hardware

27 Deskripsi Form delete asset Prosedur dan Kasus uji link delete diklik sesuai dengan data Tampil form delete dengan data hardware yang telah dipilih dan tampil pesan are you sure to delete this data? link back Klik ok jika yakin akan didelete Tampil pesan = your data had been delete Proses Export Integrasi aplikasi web dengan PDT Scan Barcode membutuhkan proses integrasi data dari database asset kedalam database AssetMobile yang akan digunakan dengan untuk aplikasi asset di PDT Scan Barcode. Data asset yang telah diproses pada pengolahan data asset akan dikirimkan kedalam database AssetMobile melalui menu integrasi data pada bagian sub menu export ( gambar 4.19). Gambar 4.17 Sub menu export

28 Deskripsi Form Export Tabel 4.8 Pengujian export data Prosedur dan Kasus uji Klik button Tampil pesan = data was successfully Export transferred dan data di database asset dikirim ke database assetmobile Proses download data di aplikasi asset PDT Scan Barcode Integrasi aplikasi Web dengan PDT Scan Barcode dalam monitoring asset membutuhkan proses download database AssetMobile dari server asset ke PDT Scan Barcode. Untuk proses download PDT Scan Barcode dapat dilakukan pada menu sinkronisasi di sub menu download ( Gambar 4.20 ) Gambar 4.18 sub menu download Hasil Pengujian Tabel 4.9 Pengujian download data di PDT Scan Barcode Deskripsi Prosedur dan Kasus uji Form Menu Utama Pilih menu tampil sub menu sinkronisasi

29 Deskripsi Prosedur dan Kasus uji sinkronisasi Pilih sub menu download Tampil pesan = Download data berhasil maka database AssetMobile akan terkirim ke PDT Scan Barcode Proses Cek Asset dengan PDT Scan Barcode Setelah proses download data dari database assetmobile dari server asset, IT asset dapat mengecek kemasing-masing lokasi dengan perangkat PDT Scan barcode. IT Asset menscan barcode dimasing-masing asset. Gambar 4.19 Form cek asset Tabel 4.10 pengujian download data di PDT Scab Barcode Deskripsi Prosedur dan Kasus uji Form cek beberapa textbox tidak terisi Tetap tampil form input

30 Deskripsi asset Prosedur dan Kasus uji Scan= BA= Status= PIC= Type= Desc= Location= owner= Department= Scan= BA= CO Tekan enter Status= rusak PIC= Bambang Type= CPU Desc= Pentium 4 Location= GDG-HO owner= Bambangw Department= klik button save hardware Tampil pesan = anda telah update asset no= Proses Upload data dari PDT Scan Barcode Setalah Proses cek asset menggunakan PDT Scan Barcode, IT Asset akan melakukan proses upload data menu file dibagian sub menu upload data.

31 Gambar 4.21 Menu Upload Hasil Pengujian Tabel 4.11 pengujian upload data di PDT Deskripsi Prosedur dan Kasus uji Hasil pengujian Form cek asset Pilih menu file Akan tampil sub menu upload data Sub menu upload data Tampil form konfirmasi mulai upload data Pilih = ok Tampil pesan = upload data selesai Proses import di aplikasi web. Setelah proses upload data dari database aplikasi asset di PDT Scan Barcode ke database assetmobile di server asset, IT Asset melakukan proses import data dari database assetmobile ke database aplikasi web. Proses import data dilakukan di aplikasi web asset yang terdapat pada menu integrasi data di sub menu import.

32 Gambar 4.22 Sub menu import Tabel 4.12 pengujian import data Deskripsi Prosedur dan Kasus uji Form Import Klik button import Tampil pesan = data was successfully transferred dan data di database assetmobile sudah dikirm ke database asset Proses report asset IT Asset dan IT Manager dapat mengecek semua data asset yang telah didapat dari proses pengolahan data asset di aplikasi web dan proses cek asset pada PDT Scan barcode dengan proses report asset. Proses report terdapat pada menu report di bagian sub menu view asset.

33 Deskripsi Form report Gambar 4.23 Menu report Table 4.13 pengujian report asset Prosedur dan Kasus uji pilih category= no asset Tampil data asset sesuai dengan input= keyword no asset= Klik button go 4.6 Analisa hasil pengujian Dari hasil pengujian di atas, maka dapat diperoleh hasil analisa sebagai berikut: Integrasi apikasi web dengan PDT Scan Barcode dalam monitoring asset berjalan dengan baik sehingga pendataan asset dapat disimpan dalam database terpusat, sehingga IT Asset tidak perlu mendata asset dalam dokumen buku ( pencatatan manual ). Dengan integrasi aplikasi web dengan PDT Scan barcode, pengecekan asset oleh IT Asset tidak terikat oleh lokasi.

34 Microsoft Activesync dan SQL Server CE berjalan dengan baik sehingga dapat mengintegrasikan aplikasi web dengan PDT Scan Barcode..