• Tidak ada hasil yang ditemukan

Repositori Institusi | Universitas Kristen Satya Wacana: PENGEMBANGAN SISTEM INFORMASI TUTORIAL BERBASIS WEB DI BIRO TEKNOLOGI dan SISTEM INFORMASI (BTSI)

N/A
N/A
Protected

Academic year: 2024

Membagikan "Repositori Institusi | Universitas Kristen Satya Wacana: PENGEMBANGAN SISTEM INFORMASI TUTORIAL BERBASIS WEB DI BIRO TEKNOLOGI dan SISTEM INFORMASI (BTSI)"

Copied!
26
0
0

Teks penuh

(1)

BAB IV

HASIL PENELITIAN

4.1. Implementasi

A. Database

a) Tabel database aktivitas

tabel pada database yang digunakan untuk menyimpan daftar aktivitas yang akan digunakan pada Log Aktivitas.pada bagian Menu Admin.

Gambar 4. 1: tabel Database Aktivitas

b) Tabel databse forum

Tabel pada database yang digunakan untuk menyimpan data forum diskusi yang ada di web Tutorial.

Gambar 4. 2: Tabel Database Forum

c) Tabel komentar

Merupakan tabel turunan dari tabel forum yang berguna untuk menyimpan data komentar pada forum diskusi.

Gambar 4. 3: Tabel Komentar

d) Tabel log_aktifitas

27

(2)

Tabel yang berguna untuk menyimpan data dari aktifitas admin pada web Tutorial.

Gambar 4. 4: Tabel Log_aktivitas

e) Tabel meeting

Tabel yang digunakan untuk mengelola data jadwal meeting yang dibuat oleh admin pada web Tutorial

Gambar 4. 5:Tabel Meeting

f) Tabel menu

Tabel yang digunakan untuk mengelola data daftar menu yang ada dalam web Tutorial

Gambar 4. 6: Tabel Menu

g) Tabel pageview

Tabel yang digunakan untuk menyimpan dan merekam jumlah pengunjung yang melihat suatu postingan.

(3)

29

Gambar 4. 7: Tabel Pageview

h) Tabel submenu

Tabel yang digunakan untuk mengelola konten Tutorial yang sudah dibuat oleh admin.

Gambar 4. 8:Tabel Submenu

i) Tabel user

Tabel ini digunakan untuk menyimpan data pengguna baik admin maupun user yang mengakses web Tutorial.

Gambar 4. 9:Tabel User

j) Tabel viewer

(4)

Tabel ini hanya pendukung dari tabel pageview yang digunakan untuk mengseleksi pengunjung halaman supaya tidak terjadi penambahan jumlah pengunjung oleh user yang sama.

Gambar 4. 10: Tabel Viewer

B. User Interface Admin

1) Tampilan Login Admin.

Tampilan ini adalah form yang digunakan untuk melakukan login admin untuk dapat mengakses website sistem Tutorial, untuk masuk kedalam portal admin, admin harus memasukan username dan password terlebih dahulu.

2) Tampilan Beranda Admin

Tampilan ini adalah halaman utama untuk mengakses sebuah sistem sistem informasi, di bagian ini hanya menyajikan data berupa jumlah pengunjung pada website tutorial, jumlah konten atau halaman yang berisi tentang tutorial yang dibuat admin, jumlah topik diskusi yaitu jumlah topik bahasan yang ada di dalam forum

Gambar 4. 11: Tampilan Login Admin

(5)

31

Gambar 4. 13:Tampilan Menu Admin

diskusi, topik bahasan yang ada di forum diskusi ini adalah mengenai software yang dibuat oleh BTSI.

Gambar 4. 12:Tampilan Beranda Admin

3) Tampilan pengaturan Menu

Tampilan ini merupan tampilan yang digunakan oleh admin untuk membuat sebuah konten, disitu kita bisa menambahkan menu yang menandakan nama software yang ingin kita buat tutorialnya, sedangkan submenu digunakan untuk mengelola isi dari menu tutorial yang kita buat, submenu ini merupakan isi dari beberapa tutorial yang berasal dari menu tertentu, menu ini sudah dilengkapi oleh jumlah pengunjung tiap halaman konten yang dibuka oleh user/freeuser.

(6)

4) Tampilan Tambah Daftar Meeting

Tampilan ini adalah untuk membuat daftar kegiatan meeting online yang diselenggarakan oleh admin untuk menjelaskan, mengenai update software, pembaharuan software, dan penjelasan lainnya jika diperlukan kepada user.

Gambar 4. 14: Daftar Meeting Admin

5) Tampilan Forum Diskusi

Tampilan ini merupakan tampilan yang digunakan oleh admin dan user untuk melakukan diskusi mengenai permasalahan, tata cara penggunaan software, dll yang berhubungan dengan software yang dibuat oleh BTSI.

(7)

33

Gambar 4. 16 : Topik Diskusi Admin Gambar 4. 15: Forum Diskusi Admin

6) Tampilan Contoh Topik Diskusi

Tampilan ini adalah contoh dari tiap isi dari diskusi yang ada pada topik diskusi di forum diskusi, pada tiap halaman diskusi ini kita bisa melakukan komentar kepada user yang menanyakan sesuatu di forum diskusi.

(8)

7) Tampilan Log Aktifitas

Tampilan adalah untuk melihat aktifitas aktivitas setiap admin dalam menngelola menu, user, konten,dan pengaturan jadwal meeting, tampilan ini berguna untuk mengetahui kinerja tiap admin dalam mengelola software tutorial ini.

Gambar 4. 17: Log Aktifitas Admin

8) Tampilan Profile

Tampilan ini adalah untuk melihat profile kita, kita bisa melihat informasi kita melalui ini, dan sudah dilengkapi untuk kita bisa melakukan edit profile, ganti password dan juga bisa melihat aktifitas yang sudah kita lakukan di halaman admin ini melalui

“recent Aktivity’,.

(9)

35

Gambar 4. 18: Tampilan Profile Admin

9) Tampilan daftar konten di setiap menu

Tampilan ini adalah contoh bagian konten yang ditampilkan di setiap menunya tampilan konten ini suatu menu tidak memillki sub menu/konten, tampilan ini berada di bawah sidebar.

Gambar 4. 19:Tampilan Daftar Konten Admin

10) Tampilan Isi konten

Tampilan ini adalah contoh konten yang ada di menu “Siasat Mahasiswa 2”

dengan konten yaitu “cara login mahasiswa 2”, ini merupakan view konten yang bisa dilihat oleh admin.

(10)

Gambar 4. 20: Tampilan Konten Admin

C. User interface User a) Tampiran beranda user

Tampilan ini merupakan contoh dari tampilan user/freeuser yang mengunjungi website tutorial disitu ditampilkan setiap konten yang sudah diatur urut berdasarkan konten terbaru dan dilengkapi menu pagination untuk melihat halaman berikutnya, pada tampilan itu ada jumlah pengunjung di konten tersebut, nama penulis/admin yang membuat, dan tanggal uploadnya.

(11)

37

Gambar 4. 21:Tampilan Beranda User

b) Tampilan Menu

Tampilan ini adalah isi menu “Tampilan menu” pada tab di atas tampilan menu ini menyajikan daftar menu, tampilan menu ini berguna untuk melihat daftar konten yang tersedia pada tiap menunya.

Gambar 4. 22:Tampilan Menu User

c) Tampilan user

(12)

Tampilan ini adalah isi menu “Tampilan menu” pada tab di atas tampilan menu ini menyajikan daftar menu, tampilan menu ini berguna untuk melihat daftar konten yang tersedia pada tiap menunya.

Gambar 4. 23:Daftar Penulis User

d) Tampilan konten user

Tampilan ini adalah contoh konten yang ada di menu “Siasat Mahasiswa 2”

dengan konten yaitu “cara login mahasiswa 2”, ini merupakan view konten yang bisa dilihat oleh user/freeuser.

Gambar 4. 24: Tampilan Konten User

(13)

39

e) Tampilan menu meeting user

Tampilan ini adalah daftar kegiatan meeting online yang diselenggarakan oleh admin untuk menjelaskan, mengenai update software, pembaharuan software, dan penjelasan lainnya jika diperlukan.

Gambar 4. 25:Menu Meeting User

f) Tampilan Forum Diskusi

Tampilan ini merupakan tampilan yang digunakan oleh admin dan user untuk melakukan diskusi mengenai permasalahan, tata cara penggunaan software, dll yang berhubungan dengan software yang dibuat oleh BTSI.

(14)

Gambar 4. 26:Forum Diskusi User

g) Tampilan Forum diskusi jika belum melakukan login

Tampilan untuk forum diskusi jika ada user yang belum mmelakukan login di website tutorial, disini user yang belum melakukan login hanya bisa membaca forumnya saja.

Gambar 4. 27:Forum Diskusi User Sebelum Login

h) Tampilan Contoh topik diskusi

(15)

41

Tampilan ini adalah contoh dari tiap isi dari diskusi yang ada pada topik diskusi di forum diskusi, pada tiap halaman diskusi ini kita bisa melakukan komentar kepada user yang menanyakan sesuatu di forum diskusi.

Gambar 4. 28:Topik Diskusi User

i) Tampilan contoh topik diskusi jika belum login

Tampilan ini adalah contoh dari tiap isi dari diskusi yang ada pada topik diskusi di forum diskusi jika user belum melakukan login, pada tiap halaman diskusi ini kita tidak bisa melakukan komentar kepada user yang menanyakan sesuatu di forum diskusi.

(16)

Gambar 4. 29:Topik Diskusi User sebelum Login

j) Tampilan login user

Ini adalah form tampilan login user supaya bisa memiliki akses untuk melakukan diskusi di forum diskusi.

Gambar 4. 30:Form Login User

(17)

43

4.2. Pengujian Sistem

Perancangan sistem informasi TUTORIAL, Biro Teknologi dan Sistem Informasi telahdiimplementasikankan, tahap selanjutnya adalah dengan pengujian sistem yang dilakukan dengan menggunakan metode Black Box Testing, pengujian Black Box, berikut adalah hasil dari pengujiannya:

A. Pengujian Sistem Login Admin

Tabel 4. 1: Pengujian Sistem Login Admin

No Skenario Pengujian Hasil Yang diharapkan Kesimpulan

1

Pada halaman login admin tidak memasukkan username, password

atau keduanya dan klik login Test Case :

Sistem akan menolak dan memberikan peringatan bahwa “Username dan

Password” wajib diisi Hasil Pengujian

Berhasil

2

Pada halaman login admin memasukkan username, password atau keduanya salah dan klik login

Test Case :

Sistem akan menolak dan memberikan peringatan bahwa “Username dan

Password” wajib diisi Hasil Pengujian

Berhasil

(18)

3

Pada halaman login admin memasukkan username, password

dengan benar dan klik login Test Case :

Sistem akan mengarahkan admin masuk ke beranda admin

Hasil Pengujian

Berhasil

B. Pengujian Sistem input tambah menu

Tabel 4. 2:Pengujian Sistem Tambah Menu

No Skenario Pengujian Hasil Yang diharapkan Kesimpulan

1

Pada halaman tambah menu admin tidak memasukkan nama menu dan

klik submit Test Case :

Sistem akan menolak dan memberikan peringatan bahwa “Username dan

Password” wajib diisi”

Hasil Pengujian : Berhasil

2

Pada halaman tambah menu admin memasukkan nama yang sudah

tersedia lalu klik submit Test Case :

Sistem akan menolak dan memberikan peringatan bahwa “Nama menu sudah tersedia” dan mengembalikan nilai yang

diinput

Hasil Pengujian : Berhasil

(19)

45

3

Pada halaman tambah menu admin memasukkan nama yang sudah

tersedia lalu klik submit Test Case :

Sistem akan menginput data menu baru kedalam database dan kembali ke menu dengan memberikan pesan “Data menu

berhasil ditambahkan”

Hasil Pengujian : Berhasil

C. Pengujian sistem input submenu

Tabel 4. 3: Sistem Input Submenu

No Skenario Pengujian Hasil Yang diharapkan Kesimpulan

1

Pada halaman tambah submenu admin tidak memasukkan judul dan

isi lalu klik submit Test Case :

Sistem akan menolak dan memberikan peringatan bahwa “judul wajib diisi” pada bagian judul, dan “konten wajib diisi” pada

bagian konten Hasil Pengujian :

Berhasil

2

Pada halaman tambah submenu admin mengisi judul yang sudah

tersedia Test Case :

Sistem akan menolak dan memberikan peringatan bahwa “Judul sudah Tersedia”

dan mengembalikan nilainya Hasil Pengujian :

Berhasil

(20)

3

Pada halaman tambah submenu admin mengisi judul dan isi dengan

benar Test Case :

Sistem akan menginput data menu baru kedalam database dan kembali ke menu dengan memberikan pesan “Data konten

berhasil ditambahkan”

Hasil Pengujian :

Berhasil

D. Pengujian sistem input data ke forum diskusi

Tabel 4. 4:Pengujian Input Data Forum Diskusi

No Skenario Pengujian Hasil Yang diharapkan Kesimpulan

1

Pada buat topik diskusi admin tidak mengisi judul dan pesan lalu klik submit

Test Case :

Sistem akan menolak dan memberikan peringatan bahwa “judul wajib diisi” pada bagian judul, dan

“pesan wajib diisi” pada bagian pesan Hasil Pengujian :

Berhasil

2

Pada halaman buat topik diskusi admin mengisi judul topik yang sudah tersedia

Test Case :

Sistem akan menolak dan memberikan peringatan bahwa “Judul topik sudah tersedia, silahkan buat

judul lain” dan mengembalikan nilainya

Berhasil

(21)

47 Hasil Pengujian :

3

Pada halaman tambah submenu admin mengisi judul dan isi dengan benar

Test Case :

Sistem akan menginput data forum baru kedalam database dan kembali ke forum diskusi, dan topik baru sudah terbuat

Hasil Pengujian :

Berhasil

E. Pengujian sistem tambah meeting

Tabel 4. 5:Pengujian Sistem Tambah Meeting

No Skenario Pengujian Hasil Yang diharapkan Kesimpulan

1

Pada tambah meeting, admin tidak mengisi judul, keterangan, link, atau

tidak semuanya lalu klik submit Test Case :

Sistem akan menolak dan memberikan peringatan bahwa “judul harus diisi” pada

bagian username, dan “keterangan wajib diisi” pada bagian keterangan dan link juga

demikian

Hasil Pengujian : Berhasil

2

Pada halaman tambah meeting, admin mengisi username yang sudah tersedia

Sistem akan menolak dan memberikan peringatan bahwa “judul sudah terdaftar”

Berhasil

(22)

Test Case : Hasil Pengujian :

3

Pada halaman tambah meeting, admin mengisi judul, keterangan dan link

dengan benar Test Case :

Sistem akan menginput data meeting baru kedalam database dan kembali ke halaman

meeting dan data meeting baru sudah terbuat

Hasil Pengujian :

Berhasil

F. Pengujian sistem registrasi user baru

Tabel 4. 6:Pengujian Sistem Registrasi User Baru

No Skenario Pengujian Hasil Yang diharapkan Kesimpulan

1

Pada registrasi user baru, user tidak mengisi kolom yang ada, lalu klik

submit Test Case :

Sistem akan menolak dan memberikan peringatan bahwa semua kolom wajib

untuk diisi Hasil Pengujian :

Berhasil

(23)

49

2

Pada halaman registrasi user baru, mengisi salah satu dari username dan/atau email yang sudah terdaftar

Test Case :

Sistem akan menolak dan memberikan peringatan bahwa username dan/atau email

sudah terdaftar Hasil Pengujian :

Berhasil

3

Pada halaman registrasi user baru, user semua kolom dengan benar dengan

benar Test Case :

Sistem akan menginput data user baru kedalam database dan diarahkan ke

halaman login Hasil Pengujian :

Berhasil

G. Pengujian sistem login user

Tabel 4. 7:Pengujian Sistem Login User

No Skenario Pengujian Hasil Yang diharapkan Kesimpulan

1

Pada halaman login user, user tidak mengisi kolom yang ada, lalu klik submit

Test Case :

Sistem akan menolak dan memberikan peringatan bahwa kolom username atau

password wajib diisi Hasil Pengujian :

Berhasil

(24)

2

Pada halaman login user, user mengisi salah satu dari username dan password

yang salah Test Case :

Sistem akan menolak dan memberikan peringatan bahwa username atau

password salah Hasil Pengujian :

Berhasil

3

Pada halaman login user, user mengisi semua kolom dengan benar

Test Case :

Sistem akan menginput mengarahkan user ke beranda user dan ada nama dan

foto user di pojok kanan atas Hasil Pengujian :

Berhasil

4.3. Kebutuhan Sistem

a. Hardware

(25)

51

Spesifikasi perangkat keras minimum yang

dibutuhkan untuk mengimplementasikan Web Tutorial adalah sebagai berikut:

- Server

Processor : Intel core i3 2,4 Ghz Memory : 4 GB

Hardisk : 40 GB - Client

Processor : Intel core i3 2,4 Ghz Memory : 1 GB

Hardisk : 20 GB

b. Software

Spesifikasi perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan web Tutorial adalah sebagai berikut:

- Server

Sistem Operasi : Windows 64-bit

Xampp : Xampp V. 7.9 atau MySql V. 7.4.25 Browser : Mozilla Firefox, Google Chrome, Internet Explorer, dan lain- lain

- Client

Sistem Operasi : Windows 32-bit

Browser : Mozilla Firefox, Google Chrome, Internet

(26)

Explorer, dan lain- lain

Gambar

tabel pada database yang digunakan untuk menyimpan daftar aktivitas yang akan  digunakan pada Log Aktivitas.pada bagian Menu Admin
Tabel yang digunakan untuk mengelola konten Tutorial yang sudah dibuat  oleh admin.
Gambar 4. 7: Tabel Pageview
Tabel  ini  hanya  pendukung  dari  tabel  pageview  yang  digunakan  untuk  mengseleksi  pengunjung  halaman  supaya  tidak  terjadi  penambahan  jumlah  pengunjung oleh user yang sama
+7

Referensi

Dokumen terkait

Dalam melakukan pengujian pada halaman tambah fasilitas, maka dimasukan data baru untuk SD dengan nama “sdn tambah fas” yang telah di- input- kan, akan di- update dengan

Gambar 3.15 Halaman Form Tambah Surat Masuk (Super Admin)

Form barang berisi tentang data admin dan user, jika pengguna ingin. menambahkan user atau admin dapat klik tambah user lalu

Di halaman ini memiliki beberapa menu seperti Fld1 untuk keluar dari halaman admin dan akan kembali ke halaman awal admin. Klik Fld2 untuk menuju sheet/list admin

Untuk menambah data penunjang, klik ikon ‘TAMBAH’ dan isi datanya, untuk unsur angka kredit pilih angka kreditnya, kemudian isi semua form-nya dan klik ‘Simpan’ (Gambar 23)..

Untuk menambah data pengabdian, klik ikon ‘TAMBAH’ dan isi datanya, untuk unsur angka kredit pilih angka kreditnya, kemudian isi semua form-nya dan klik ‘Simpan’ (Gambar 21)..

Pengujian performa performance testing dan beban load testing pada sistem dengan menggunakan aplikasi JMeter menunjukkan bahwa semua fitur yang ada dapat diakses dan dapat digunakan

Tabel 1 Pengujian Sistem Skenario Pengujian Tes Hasil Yang Diharapkan Hasil Kesimpulan Memasukkan data username dan password dengan benar, lalu klik tombol Login Username: