bab iii pembahasan · 22 bab iii pembahasan . 3.1. analisis kebutuhan . analisis kebutuhanmerupakan...

44
22 BAB III PEMBAHASAN 3.1. Analisis Kebutuhan Analisis kebutuhan merupakan aktivitas yang sangat perlu dilakukan agar tidak terjadi kesalahan dalam pembuatan sistem yang akan dibangun. Analisis kebutuhan sistem ini lebih ditekankan dalam penyusunan sebuah sistem yang akan digunakan dalam penggunaan website agar sesuai dengan kebutuhan pengguna. Dengan demikian analisis kebutuhan website yang akan dibangun meliputi: A. Analisis Kebutuhan Fungsional Kebutuhan fungsional berisi informasi apa saja yang harus ada dan di hasilkan system terdiri dari analisis kebutuhan pemakai. 1. Halaman Admin a. Admin dapat melakukan login b. Admin dapat menyeleksi calon anggota pada form pendaftaran c. Admin dapat menyeleksi foto yang di kirimkan anggota sebelum di posting ke dalam website d. Admin dapat menambahkan dan menghapus foto pada gallery. e. Admin dapat menambahkan kegiatan-kegiatan yang akan di lakukan. f. Admin dapat mengubah jadwal serta lokasi kegiatan. g. Admin dapat menghapus foto kiriman dari anggota yang di anggap sudah tidak layak.

Upload: others

Post on 07-Feb-2021

2 views

Category:

Documents


0 download

TRANSCRIPT

  • 22

    BAB III

    PEMBAHASAN

    3.1. Analisis Kebutuhan

    Analisis kebutuhan merupakan aktivitas yang sangat perlu dilakukan agar

    tidak terjadi kesalahan dalam pembuatan sistem yang akan dibangun. Analisis

    kebutuhan sistem ini lebih ditekankan dalam penyusunan sebuah sistem yang akan

    digunakan dalam penggunaan website agar sesuai dengan kebutuhan pengguna.

    Dengan demikian analisis kebutuhan website yang akan dibangun meliputi:

    A. Analisis Kebutuhan Fungsional

    Kebutuhan fungsional berisi informasi apa saja yang harus ada dan di hasilkan system

    terdiri dari analisis kebutuhan pemakai.

    1. Halaman Admin

    a. Admin dapat melakukan login

    b. Admin dapat menyeleksi calon anggota pada form pendaftaran

    c. Admin dapat menyeleksi foto yang di kirimkan anggota sebelum di

    posting ke dalam website

    d. Admin dapat menambahkan dan menghapus foto pada gallery.

    e. Admin dapat menambahkan kegiatan-kegiatan yang akan di lakukan.

    f. Admin dapat mengubah jadwal serta lokasi kegiatan.

    g. Admin dapat menghapus foto kiriman dari anggota yang di anggap sudah

    tidak layak.

  • 23 2. Halaman Anggota (user).

    a. Calon anggota dapat melihat isi website.

    b. Calon anggota dapat melihat cara pendaftaran.

    c. Anggota dapat melihat kegiatan terbaru yang akan di laksanakan di

    dalam website.

    d. Anggota dapat melihat semua gallery foto yang ditampilkan didalam

    website.

    e. Anggota dapat melihat kategori foto pada gallery.

    f. Anggota dapat melihat informasi di kriteria foto terbaik yang akan di

    tampilkan ke dalam website.

    h. Anggota dapat mengirimkan foto terbaik mereka ke dalam website

    i. Anggota dapat melakukan login untuk mengakses keseluruhan halaman

    website.

    j. Anggota dapat mengubah biodata pada bagian profil.

    B. Analisis Kebutuhan Sistem Non Fungsional

    Setelah tujuan pembuatan website didefinisikan, langkah selanjutnya adalah

    menentukan kebutuhan (requirement) sistem. Spesifikasi kebutuhan menjelaskan apa

    yang dapat dilakukan oleh suatu website dan cakupan dari proyek. Tujuan dari tahap

    spesifikasi kebutuhan adalah menentukan batasan kemampuan system, diantarnya

    adalah:

    1. Analisa Kbutuhan Perangkat Keras (Hardware)

  • 24 a. Server

    1) CPU

    a) Processor minimum Core 2 Duo

    b) RAM DDR2 minimum 1GB

    c) Hard Disk minimum 500 GB

    2) Mouse

    3) Keyboard

    4) Monitor dengan resilusi layar minimum 1024x768

    5) Koneksi Internet dengan kecepatan 2 Mbps.

    b. Client

    1) CPU

    a) Processor minimum Pentium 4

    b) RAM DDR2 minimum 1GB

    c) Hard Disk minimum 20 GB

    2) Mouse

    3) Keyboard

    4) Monitor dengan resilusi layar minimum 1024x768

    5) Koneksi Internet dengan kecepatan 56 kbps.

    2. Analisa Kebutuhan Perangkat Lunak (Software)

    a. Server

    1) Sistem operasi yang digunakan (Windows Xp,

    Windows 7, Windows 8)

    2) Aplikasi web server yang (Xampp)

  • 25

    3) Aplikasi web browser yang digunakan (Mozila

    Firefox, Internet Explorer, Google Chrome)

    b. Client

    1) Sistem operasi yang digunakan (Windows Xp,

    Windows 7, Windows 8)

    2) Aplikasi web Browser yang di gunakan (Mozilla

    Firefox, Internet Explorer, Google Chrome)

    3. Analisa Kebutuhan Brainware

    Dengan adanya kebutuhan ini diharapkan website selalu up to date untuk

    menjaga penyampaian informasi kepada anggota dan pengunjung secara cepat.

    Untuk itu yang dibutuhkan adalah: System Analis, Programmer, Admin.

    Sistem analis dan programmer merupakan orang yang terlibat dalam

    pengembangan sistem dari awal sampai sistem tersebut online, kemudian tugas

    selanjutnya ditangani oleh seorang administrator yang bertugas mengoperasikan

    sistem tersebut, mulai dari update content, penambahan, pengeditan, dan

    penghapusan data.

    3.2. Perancangan Perangkat Lunak

    3.2.1. Rancangan Antar Muka

    Rancangan antarmuka (interface) yang terdapat pada aplikasi pendaftaran

    calon anggota

  • 26 A. Rancangan Antar Muka Login

    Gambar III.1

    Rancangan Antar Muka Login

    B. Rancangan Antar Muka Administrator

    Gambar III.2

  • 27

    Rancangan Antar Muka Administrator

    C. Rancangan Antar Muka Home index

    Gambar III.3

    Rancangan Antar Muka Home index

    D. Rancangan Antar Muka gallery

  • 28

    Gambar III.4

    Rancangan Antar Muka gallery

    E. Rancangan Antar Muka Kegiatan

    Gambar III.5

    Rancangan Antar Muka Kegiatan

  • 29 F. Rancangan Antar Muka Tentang Kami

    Gambar III.6

    Rancangan Antar Muka Tentang Kami

    G. Rancangan Antar Muka Pendaftaran

  • 30

    Gambar III.7

    Rancangan Antar Muka Pendaftaran

    H. Rancangan Antar Muka Profil User

    Gambar III.8

    Rancangan Antar Muka Profil User

    I. Rancangan Antar Muka Panduan

  • 31

    Gambar III.9

    Rancangan Antar Muka Panduan

    3.2.2. Basis Data

    A. Entity Relationship Diagram (ERD

  • 32

    Gambar III.10

    Entity Relationship Diagram

    B. Logical Record Structure (LRS)

  • 33

    Pendaftaran

    Admin

    Calon_anggota

    Kegiatan

    Anggota

    Gallery

    nimPK

    semester

    jurusan

    id_admPK

    nama_adm

    pass_adm

    kode_verif

    semester

    id_kegPK

    nama_keg

    tempat_keg

    nimPK

    nama

    username

    id_fotoPK

    judul

    caption

    nama

    tanggal_lahir

    email

    alamat

    no_tlp

    foto_ktm

    tanggal_keg

    email

    nimPK

    password

    semester

    jurusan

    email

    foto_profil

    kategori

    N

    M

    M

    1

    11

    1

    M

    N

    M

    M

    M

    Gambar III.11

    Logical Record Structure

    C. Spesifikasi File

  • 34

    Berikut ini merupakan spesifikasi file atau tabel terdiri dari 6 tabel di dalamnya

    terbentuk dari transformasi ERD (Entity Relationship Diagram) dengan parameter-

    parameter sebagai berikut :

    1. Spesifikasi File Admin

    Nama Database : ukm_impra

    Nama File : Admin

    Akronim File : Admin

    Fungsi : untuk menyimpan data admin

    Tipe : File Master

    Organisasi file : Index Sequential

    Akses file : Random

    Media : Hard Disk

    Panjang record : 150

    Kunci field : id_adm

    Software : XAMPP V3.2.2 Server

    Tabel III.1.

    Spesifikasi File Admin

    No Elemen Data Nama Field Tipe Size Ket 1 Id Admin id_adm Int 20 Primary Key 2 Password pass_adm Varchar 30

    3 Email email Varchar 50 4 Foto admin Foto_adm Varchar 50

    2. Spesifikasi File Pendaftran

  • 35

    Nama Database : ukm_impra

    Nama File : pendaftaran

    Akronim : pendaftaran

    Fungsi : Untuk menyimpan data pendaftar

    Tipe : File User

    Organisasi file : Index Sequential

    Akses file : Random

    Media : Hard Disk

    Panjang record : 161

    Kunci field : nim

    Software : XAMPP V3.1.0 Server

    Tabel III.2.

    Spesifikasi File Pendaftran

    No Elemen Data Nama Field Tipe Size Ket 1 Nama nama int 8 Primery key 2 NIM nim Varchar 20 3 Jurusan jurusan Varchar 20 4 Semester semester Varchar 8 5 Alamat alamat Varchar 50 6 Tgl_lahir tgl_lahir Date 8 7 Email email text 30 8 No_tlp no_tlp int 15 9 Foto KTM foto_ktm Varchar 50 10 Kode kode int 5

    3. Spesifikasi File Calon Anggota

  • 36

    Nama Database : ukm_impra

    Nama File : Calon Anggota

    Akronim : Calon Anggota

    Fungsi : untuk menyimpan data calon anggota

    Tipe : File User

    Organisasi file : Index Sequential

    Akses file : Random

    Media : Hard Disk

    Panjang record : 44

    Kunci field : nim

    Software : XAMPP V3.1.0 Server

    Tabel III.3.

    Spesifikasi File Calon Anggota

    No Elemen Data Nama Field Tipe Size Ket 1 Nim nim Int 8 Primary key 2 Kd_verif Kd_verif Int 5 3 Semester Semester Int 1 4 Email_mhs Email_mhs Text 30

    4. Spesifikasi File Anggota

    Nama Database : ukm_impra

    Nama File : Anggota

  • 37

    Akronim : Anggota

    Fungsi : untuk menyimpan data anggota

    Tipe : File User

    Organisasi file : Index Sequential

    Akses file : Random

    Media : Hard Disk

    Panjang record : 306

    Kunci field : kd_anggota

    Software : XAMPP V3.1.0 Server

    Tabel III.4.

    Spesifikasi File Anggota

    No Elemen Data Nama Field Tipe Size Ket 1 Nim nim Int 8 Primary key 2 Password password Varchar 25 3 Semseter semester Int 1 4 Jurusan jurusan Varchar 30 5 Email email Varchar 50 6 Nama nama Varchar 50 7 Username username Varchar 25 8 Alamat alamat Varchar 50 9 Tanggal lahir ttl Int 8 10 No telpon tlp Varchar 25 11 Foto user foto_user Varchar 50

    5. Spesifikasi File Kegiatan

    Nama Database : ukm_impra

    Nama File : Kegiatan

    Akronim : Kegiatan

  • 38

    Fungsi : untuk menyimpan data kegiatan

    Tipe : File Master

    Organisasi file : Index Sequential

    Akses file : Random

    Media : Hard Disk

    Panjang record : 125

    Kunci field : id_kegiatan

    Software : PhpMyAdmin

    Tabel III.5.

    Spesifikasi File Kegiatan

    No Elemen Data Nama Field Tipe Size Ket 1 Id kegiatan id_kegiatan Int 15 Primary Key 2 Id admin nama_kegiatan Varchar 15 3 Foto kegiatan foto_kegiatan Varchar 50 4 Nama kegiatan tempat_kegiatan Varchar 30 5 Isi kegiatan isi_kegiatan Longtext 6 Tanggal kegiatan tanggal_kegiatan Varchar 15 6. Spesifikasi File Gallery

    Nama Database : ukm_impra

    Nama File : Gallery

    Akronim : Gallery

  • 39

    Fungsi : untuk menyimpan data gallery

    Tipe : File User

    Organisasi file : Index Sequential

    Akses file : Random

    Media : Hard Disk

    Panjang record : 200

    Kunci field : id_foto

    Software : PhpMyAdmin

    Tabel III.6.

    Spesifikasi File Gallery

    No Elemen Data Nama Field Tipe Size Ket 1 Id foto id_foto Int 30 Primary Key 2 Nama foto nama_foto Varchar 50 3 Judul judul Varchar 40 4 Caption caption Longtext 5 Kategori kategori Varchar 30 6 Username username Varchar 50

    3.2.3 Rancangan Struktur Navigasi

    Struktur Navigasi website

    Digunakan untuk menggambarkan secara garis besar isi dari seluruh situs website

    dan menggambarkan bagaimana hubungan antara isi-isi yang ada dalam website

    tersebut.

    Struktur navigasi website pendaftaran ini adalah struktur navigasi campuran.

    Melalui struktur navigasi ini, maka terlihat bagaimana isi dan susunan dari website

    secara menyeluruh.

  • 40 1. Struktur Navigasi Admin

    INDEX

    ANGGOTA KARYA USER AND ADMIN KEGIATAN LOGOUT

    LOGIN

    TERIMA TOLAK TAMBAH HAPUS TAMBAH EDIT

    Gambar III.12.

    Struktur Navigasi Admin

    2. Struktur Navigasi user

  • 41

    INDEX

    TENTANG KAMI KEGIATAN GALLERY PANDUAN DAFTAR LOGIN

    VISI&

    MISI

    PRESTASI

    KARYA

    UPLOAD

    KRITERIA KARYA

    TERBAIK

    PENDAFTRAN

    UPLOAD KARYA

    PROFIL

    LOGOUT

    Gambar III.13.

    Struktur Navigasi User

    3.3. Implementasi dan Pengujian Unit

    3.3.1. Implementasi

    A. Implementasi Rancangan Antar Muka

    Implementasi rancangan antar muka pada aplikasi Pendaftaram berdasarkan hasil

    rancangan antar muka.

    1. Halaman Admin Login

  • 42

    Administrator harus melakukan login terlebih dahulu untuk masuk ke dashboard

    admin dan mengelola dashboard admin.

    Gambar III.14

    Halaman Login Admin

    2. Halaman Admin Home

    Setelah melakukan login, Administrator akan dibawa ke halaman utama menu

    admin, diantaranya ada menu : Home, Pendaftar, Gallery, Seleksi Foto, Seleksi

    Calon anggota,Logout.

  • 43

    Gambar III.15

    Halaman Home Admin

    3. Halaman Admin dan User list

    Gambar III.16

    Halaman Admin dan User List

  • 44 4. Halaman Pendaftaran

    Administrator masuk ke halaman menu , di halaman ini administrator dapat

    menambahkan dan hapus pendaftar.

    Gambar III.17

    Halaman Pendaftaran

    5. Halaman Admin Gallery

    Administrator masuk ke halaman menu Gallery, di halaman ini Administrator

    dapat menambah dan hapus foto.

  • 45

    Gambar III.18

    Halaman Admin Gallery

    6. Halaman Admin Konfirmasi

    Administrator masuk ke halaman konfirmasi, di halaman ini administrator dapat

    mengkonfirmasi calon anggota dan juga bisa menghapus data anggota.

    Gambar III.19

  • 46

    Halaman Admin Konfirmasi

    7. Halaman User index home

    Pada halaman index user ini akan menampilkan tampilan awal index bagi

    pengunjung.

    Gambar III.20

    Halaman User Home Index

    8. HalamanUser Gallery

    Pada halaman user semua foto, akan menampilkan tampilan semua foto yang

    ada.

  • 47

    Gambar III.21

    Halaman User Gallery

    9. Halaman Form pendaftaran

    Pada halaman pendaftaran, akan menampilkan form pendaftaran menjadi anggota

    baru

    Gambar III.22 Halaman Form Pendaftaran

  • 48

    10. Halaman Upload karya

    Pada halaman Upload karya, akan menampilkan tampilan form untuk

    mengupload karya-karya yang kita miliki untuk di tampilkan dalam web melalui

    proses seleksi oleh admin sebelum di tampilkan.

    Gambar III.23

    Halaman User Upload Karya

    11. Halaman Panduan Upload karya

    Memberikan cara upload karya agar bias di tampilkan di web setelah melalui

    proses seleksi oleh admin.

  • 49

    Gambar III.24

    Halaman Panduan Upload Karya

    12. Halaman panduan pendaftaran

    Memberikan informasi mengenai tata cara mendaftar untuk menjadi anggota

    secara baik dan benar sesuai dengan aturan yang ada.

  • 50

    Gambar III.25

    Halaman Panduan Pendaftaran

    13. Halaman kriteria karya terbaik

    Menampilkan informasinya mengenai detail karya terbaik pilihan admin.

    Gambar III.26

    Halaman Kriteria karya terbaik

    14. Halaman visi dan misi

    Menampilkan visi dan misi dari komunitas ini agar calon anggota dapat melihat

    dan mengerti tujuan dari komunitas ini.

  • 51

    Gambar III.27

    Halaman Visi dan Misi

    15. Halaman Prestasi

    Menampilkan beberapa prestasi yang sudah di raih dalam beberapa ajang

    perlombaan yang sudah di ikuti.

  • 52

    Gambar III.28

    Halaman Prestasi

    1. Spesifikasi Perangkat Keras (Hardware)

    a. Server

    1) CPU

    (a) Processor Intel® Pentium® Core 2 Duo

    (b) RAM DDR2 1GB

    (c) Hard Disk 500 GB

    2) Mouse

    3) Keyboard

    4) Monitor dengan resilusi layar minimum 1024x768

    5) Koneksi Internet dengan kecepatan 2 Mbps.

    b. Client

    1) CPU

    (a) Processor Intel® Pentium® 4

    (b) RAM DDR2 1GB

    (c) Hard Disk 20 GB

    2) Mouse

    3) Keyboard

    4) Monitor dengan resilusi layar minimum 1024x768

    5) Koneksi Internet dengan kecepatan 56 kbps.

    2. Analisa Kebutuhan Perangkat Lunak (Software)

  • 53 a. Server

    1) Sistem operasi yang digunakan (Windows Xp,

    Windows 7, Windows 8)

    2) Aplikasi web server yang digunakan ialah: Xampp

    yang terdiri dari beberapa komponen, diantaranya:

    (a) Aplikasi Apache Server v2

    (b) Aplikasi PHP Server v5

    (c) Aplikasi MySQL Server v5

    (d) Aplikasi PhpMyAdmin v3

    3) Aplikasi web browser yang digunakan (Mozila Firefox, Internet Explorer,

    Google Chrome)

    b. Client

    1) Sistem operasi yang digunakan (Windows Xp,

    Windows 7, Windows 8)

    2) Aplikasi web Browser yang di gunakan (Mozilla

    Firefox, Internet Explorer, Google Chrome)

    3.3.2 Pengujian Unit

    Pengujian terhadap program yang dibuat menggunakan blackbox testing

    yang focus terhadap proses masukan dan keluaran program.

  • 54 A. Pengujian Terhadap Form Login Admin

    Tabel III.7. Tabel Pengujiaan Black Box Testing Halaman Login Admin

    No SkenarioPengujian Test Case Hasil yang di harapkan HasilPengujin Kesimpulan

    1 Username dan password di kosongkan kemudian klik tombol login

    Username: (kosong) Password: (kosong)

    Sistem akan menolak dan akan menampilkan “Anda Belum Mengisikan Username”

    Sesuai harapan Valid

    2 Mengisi username dan password tidak di isi kemudian klik tombol login

    Username: (admin) Password: (kosong)

    Sistem akan menolak dan akan menampilkan “Anda Belum Mengisikan Password”

    Sesuai harapan Valid

    3 Username tidak di isi dan password di isi kemudian klik tombol login

    Username: (kosong ) Password: (admin)

    Sistem akan menolak dan akan menampilkan “Anda Belum Mengisikan Username”

    Sesuai harapan Valid

    4 Mengisi salah satu kondisi salah pada username atau password kemudian klik tombol login

    Username: admin (benar ) Password: abcdefg (salah)

    Sistem akan menolak dan akan menampilkan “LOGIN GAGAL! Username atau Password Anda tidak benar. ULANGI LAGI”

    Sesuai harapan Valid

  • 55 5 Mengisi username

    dan password dengan data yang benar kemudian klik tombol login

    Username: admin (benar ) Password: admin (benar)

    Sistem menerima akses Login .

    Sesuai harapan Valid

    B. Pengujian Terhadap Form Tambah Pendaftaran

    Tabel III.8. Tabel Pengujiaan Black Box Testing Form Pendaftaran

    No Skenario Pengujian Test Case Hasil yang di harapkan Hasil Pengujian

    Kesimpulan

    1 Jika Nama ,nim, email, jurusan, semester, tanggal lahir, nomer telpon, dan gambar di kosongkan kemudian klik tombol daftar

    Nama : (kosong) Nim: (kosong) Email: (kosong) jurusan: (kosong) Semester: (kosong) Tanggal lahir: (kosong) Nomer telpon: (kosong) Gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan Valid

    2 Jika mengisi Nama, namun nim, email, jurusan, semester, tanggal lahir, nomer telpon, dan gambar di kosongkan kemudian klik tombol daftar

    Nama : (mukhamadtakhudin) Nim: (kosong) Email: (kosong) jurusan: (kosong) Semester: (kosong) Gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field” Sesuai harapan Valid

  • 56 3 Jika mengisi

    Nama, nim namun email, jurusan, semester, tanggal, nomer telpon, dan gambar di kosongkan kemudian klik tombol daftar

    Nama : (mukhamadtakhudin) Nim: (12146928) Email: (kosong) jurusan: (kosong) Semester: (kosong) Gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan Valid

    4 Jika mengisi Nama, nim, email namun jurusan, semester, tanggal, nomer telpon, dan gambar di kosongkan kemudian klik tombol daftar

    Nama : (mukhamadtakhudin) Nim: (12146928) Email: ([email protected]) jurusan: (kosong) Semester: (kosong) Tanggal lahir: (kosong) Nomer telpon: (kosong) Gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan Valid

  • 57 5 Jika mengisi

    Nama, nim, email, jurusan namun semester, tanggal, nomer telpon, dan gambar di kosongkan kemudian klik tombol daftar

    Nama : (mukhamadtakhudin) Nim: (12146928) Email: ([email protected]) jurusan: (MI) Semester: (kosong) Tanggal lahir: (kosong) Nomer telpon: (kosong) Gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan Valid

    6 Jika mengisi Nama, nim email, jurusan, semester namun tanggal, nomer telpon, dan gambar di kosongkan kemudian klik tombol daftar

    Nama : (mukhamadtakhudin) Nim: (12146928) Email: ([email protected]) jurusan: (MI) Semester: (6) Tanggal lahir: (kosong) Nomer telpon: (kosong) Gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan Valid

  • 58 7 Jika mengisi

    Nama, nim email, jurusan, semester, tanggal namun nomer telpon, dan gambar di kosongkan kemudian klik tombol daftar

    Nama : (mukhamadtakhudin) Nim: (12146928) Email: ([email protected]) jurusan: (MI) Semester: (6) Tanggal lahir: (19890811) Nomer telpon: (kosong) Gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan Valid

    8 Jika mengisi Nama, nim email, jurusan, semester, tanggal, nomer telpon namun gambar di kosongkan kemudian klik tombol daftar

    Nama : (mukhamadtakhudin) Nim: (12146928) Email: ([email protected]) jurusan: (MI) Semester: (6) Tanggal lahir: (19890811) Nomer telpon: (08561508783) Gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan Valid

  • 59 9 Mengisi Nama

    ,nim, email, jurusan, semester, tanggal, nomer telpon, Namun gambar di kosongkan kemudian klik tombol daftar

    Nama : (mukhamadtakhudin) Nim: (12146928) Email: ([email protected]) jurusan: (MI) Semester: (6) Tanggal lahir: (19890811) Nomer telpon: (08561508783) Gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan Valid

    10 Mengisi Nama ,nim, email, jurusan, semester, tanggal lahir , nomer telpon, gambar namun belum ngeklik code kemudian klik tombol daftar

    Nama : (mukhamadtakhudin) Nim: (12146928) Email: ([email protected]) jurusan: (MI) Semester: (6) Tanggal lahir: (19890811) Nomer telpon: (08561508783) Gambar: (upload KTM) Code: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan Valid

  • 60 11 Mengisi Nama

    ,nim, email, jurusan, semester, tanggal lahir , nomer telpon, gambar, code sudah di isi dengan benar

    Nama : (mukhamadtakhudin) Nim: (12146928) Email: ([email protected]) jurusan: (MI) Semester: (6) Tanggal lahir: (19890811) Nomer telpon: (08561508783) Gambar: (upload KTM) Code: (74562)

    Sistem akan menerima dan akan menampilkan “selamat anda telah mendaftar dan tunggu informasi berikutnya melalui email atau SMS”

    C. Pengujian Terhadap Form Login User

    Tabel III.9. Tabel Pengujiaan Black Box Testing Halaman Login User

    No SkenarioPengujian Test Case Hasil yang di harapkan HasilPengujin Kesimpulan

    1 Username dan password di kosongkan kemudian klik tombol login

    Username: (kosong) Password: (kosong)

    Sistem akan menolak dan akan menampilkan “Anda Belum Mengisikan Username dan password”

    Sesuai harapan Valid

  • 61 2 Mengisi username

    dan password tidak di isi kemudian klik tombol login

    Username: (12146928) Password: (kosong)

    Sistem akan menolak dan akan menampilkan “Anda Belum Mengisikan Password”

    Sesuai harapan Valid

    3 Username tidak di isi dan password di isi kemudian klik tombol login

    Username: (kosong ) Password: (19890811)

    Sistem akan menolak dan akan menampilkan “Anda Belum Mengisikan Username”

    Sesuai harapan Valid

    4 Mengisi salah satu kondisi salah pada username atau password kemudian klik tombol login

    Username: 12146928(benar ) Password: 11111111 (salah)

    Sistem akan menolak dan akan menampilkan “LOGIN GAGAL! Username atau Password Anda tidak benar. ULANGI LAGI”

    Sesuai harapan Valid

    5 Mengisi username dan password dengan data yang benar kemudian klik tombol login

    Username: 12146928(benar ) Password: 19890811 (benar)

    Sistem menerima akses Login .

    Sesuai harapan Valid

    D. Pengujian Terhadap Form Tambah Kegiatan

    Tabel III.10. Tabel Pengujiaan Black Box Testing Form Tambah Kegiatan

  • 62 No Skenario

    Pengujian Test Case Hasil yang

    diharapkan Hasil Pengujian

    Kesimpulan

    1. Jika judul kegiatan, tanggal kegiatan, keterangan kegiatan, gambar kegiatan belum diisi dan diklik tombol update

    Judul kegiatan: (kosong) tanggal kegiatan: (kosong) keterangan kegiatan: (kosong) gambar kegiatan: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan

    Valid

    2 Jika judul kegiatan telah di isi, namun tanggal kegiatan, keterangan kegiatan, gambar kegiatan belum diisi dan diklik tombol update

    Judul kegiatan: (pameran) tanggal kegiatan: (kosong) keterangan kegiatan: (kosong) gambar kegiatan: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan

    Valid

    3. Jika judul kegiatan, tanggal kegiatan telah di isi, namun, keterangan kegiatan, gambar kegiatan belum diisi dan diklik tombol update

    Judul kegiatan: (pameran) tanggal kegiatan: (21 november 2017) keterangan kegiatan: (kosong) gambar kegiatan: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan

    Valid

  • 63 4. Jika judul

    kegiatan, tanggal kegiatan, keterangan kegiatan, telah di isi, namun gambar kegiatan belum diisi dan diklik tombol update

    Judul kegiatan: (pameran) tanggal kegiatan: (21 november 2017) keterangan kegiatan: (apresiasi karya) gambar kegiatan: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan

    Valid

    5. Jika judul kegiatan, tanggal kegiatan, keterangan kegiatan dan gambar kegiatan telah di isi dengan benar kemudian klik tombol update

    Judul kegiatan: (pameran) tanggal kegiatan: (21 november 2017) keterangan kegiatan: (apresiasi karya) gambar kegiatan: (kosong)

    Sistem akan menerima dan akan menampilkan “karya akan kami seleksi terlebih dahulu”

    Sesuai harapan

    Valid

    E. Pengujian Terhadap Form Upload Karya

    Tabel III.11. Tabel Pengujiaan Black Box Testing Form Upload Karya

    No Skenario Pengujian

    Test Case Hasil yang diharapkan

    Hasil Pengujian

    Kesimpulan

  • 64 1. Jika judul foto,

    caption foto, kategori foto, gambar belum diisi dan diklik tombol upload

    Judul foto: (kosong) caption foto: (kosong) kategori foto: (kosong) gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan

    Valid

    2 Jika judul foto telah diisi namun caption foto, kategori foto, gambar belum diisi dan diklik tombol upload

    Judul foto: (pemandangan) caption foto: (kosong) kategori foto: (kosong) gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan

    Valid

    3. Jika judul foto, caption foto, telah diisi namun kategori foto, gambar belum diisi dan diklik tombol upload

    Judul foto: (pemandangan) caption foto: (menikmati indahnya pemandangan) kategori foto: (kosong) gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan

    Valid

  • 65 4. Jika judul foto,

    caption foto, kategori foto telah diisi namun gambar belum diisi dan diklik tombol upload

    Judul foto: (pemandangan) caption foto: (menikmati indahnya pemandangan) kategori foto: (landscape) gambar: (kosong)

    Sistem akan menolak dan akan menampilkan “Please fill out this field”

    Sesuai harapan

    Valid

    5. Jika judul foto, caption foto, kategori foto, gambar telah di isi semua dengan benar kemudian tekan tombol upload

    Judul foto: (pemandangan) caption foto: (menikmati indahnya pemandangan) kategori foto: (landscape) gambar: (foto)

    Sistem akan menerima dan akan menampilkan “karya akan kami seleksi terlebih dahulu”

    Sesuai harapan

    Valid