bab 4 stifest - STIKOM Surabaya

BAB IV
ANALISIS PERANCANGAN SISTEM
4.1 Analisis Perancangan Sistem
Berdasarkan tahapan penelitian yang telah dilakukan, maka didapatkan
beberapa analisis suatu sistem yang dibutuhkan. Permasalahan yang ada pada
STIKOM Festival Surabaya ini terdapat pada pendataan jadwal kegiatan dan
pendaftaran pelaksanaan kegiatan. Untuk mengatasi permasalahan tersebut,
diperlukan langkah-langkah yaitu:
a.
Menganalisa sistem
a. Mendesain sistem
b. Mengimplementasikan sistem
c. Melakukan pembahasan terhadap hasil implementasi sistem.
Keempat langkah tersebut, dilakukan agar dapat menemukan solusi dari
permasalahan yang ada.
4.1.1
Analisis Sistem
Menganalisa sistem merupakan langkah awal dalam membuat sistem
baru. Langkah pertama adalah melakukan analisa kegiatan. Analisa kegiatan
dilakukan dimulai dari melihat jadwal kegiatan yang memberikan informasi
tentang mekanisme data pendaftaran, transaksi pendaftaran dan hasil jadwal
kegiatan yang efektif.
Salah satu kegiatan di dalam Humas STIKOM yang aktif adalah endorse
kegiatan STIFEST yang dilaksanakan setahun sekali. Dalam hal melakukan
15
16
kegiatannya diupayakan dapat menangani secara efisen dan efektif dalam
pendataan selama STIFEST berlangsung. Sampai saat ini semua kegiatan
pengolahan dan penyimpanan data masih dilakukan secara manual. Penggunaan
komputer belum dilakukan secara optimal. Penginputan data dan hasil rekapan
seperti laporan masih menggunakan aplikasi document Microsoft, sehingga
kemungkinan terjadi kesalahan pencatatan dan kesalahan informasi ada.
Untuk menunjang keefektifan dan keefisienan, manajemen STIFEST
STIKOM Surabaya membutuhkan suati sistem atau aplikasi web-base yang dapat
menangani permasalahan yang ada didalam manajemen STIFEST berbasis web.
4.1.2
Analisis Kebutuhan Data
Dari analisis yang telah dilakukan, terdapat tiga entitas yang berkaitan
langsung dengan sistem tersebut, yaitu:
1. Adminstrator
Entitas yang berperan sebagai pengelolaan dalam sistem manajemen
STIFEST, merupakan entitas yang melakukan data master yang dibutuhkan pada
sistem yang meliputi pengolahan data jadwal, data peserta, data pengumuman,
data laporan kegiatan.
2. Petugas Pendaftaran
Entitas petugas pendaftaran bertugas sebagai menerima data informasi
dari peserta yang mendaftar lomba STIFEST dan membuat laporan yang berupa
data peserta dan data kegiatan lomba.
17
3. Peserta
Entitas luar yang hanya bisa mendaftarkan ke lomba yang telah di
tentukan STIFEST.
4.2 Mendesain Sistem
Desain sistem merupakan tahap pengembangan setelah analisis sistem
dilakukan. Perancangan proses ini menggunakan Object Oriented Analysis
Design, sehingga menggunakan UML untuk memodelkannya.
4.2.1 Diagram Use Case
Perancangan proses yang pertama adalah use casediagram. Use
casediagram digunakan untuk mengambarkan interaksi antara pengguna sistem
(aktor) dengan kasus (use case) yang disesuaikan dengan langkah-langkah
(scenario) yang telah ditentukan.
Dalam penelitian ini terdapat dua aktor, seperti yang telah di jelaskan
dalam analisis kebutuhan, yaitu: administrator, bagian pendaftaran, serta satu
aktor tambahan yaitu peserta, sebagai objek.
4.2.2 Use case STIFEST STIKOM
Use case STIFEST STIKOM adalah gambaran umum hubungan aktoraktor pada use case sistem yang ada, sebelum nantinya di jelaskan lebih detail
dalam use case dari tiap actor.
Seperti yang terlihat pada gambar 4.1 business use case diagram
STIFEST STIKOM, gambaran sistem terdiri atas 4 business use case yaitu
18
mendaftar lomba, mengelola jadwal lomba, mengelola data master dan view
jadwal lomba. Actor administrator dalam sistem berfungsi sebagai hierarki
tertinggi dan dapat melakukan pengolahan data, actor bagian pendaftaran
memiliki hak akses dalam pengolahan data pendaftaran STIFEST. Sedangkan
actor peserta di sistem hanya melakukan pendaftaran lomba , pembatalan lomba
dan melihat jadwal lomba.
Gambar 4.1 Business Use case Diagram STIFEST STIKOM
19
4.2.3 Use case Bagian Pendaftaran STIFEST
Pada gambar 4.2 adalah use case diagram pendaftaran STIFEST terdiri
dua aktor yaitu petugas pendaftaran dan peserta. Aktor petugas pendaftaran masuk
ke sistem pendaftaran STIFEST kemudian petugas pendaftaran memvalidasi data
pendaftaran yang sudah disubmit oleh aktor peserta kemudian petugas keluar
sistem. Pada aktor peserta dalam sistem akan dicatat data peserta, registrasi
peserta kemudian submit. Adapun sistem juga melakukan pencarian nama peserta
dan membatalkan yang sudah dicatat oleh sistem. Setelah dilakukan pencatatan
aktor peserta dapat melihat output registrasi yang sudah dilakukan.
20
Gambar 4.2 Use case Bagian Pendaftaran Lomba STIFEST
4.2.4
Use case Kelola Jadwal Lomba STIFEST
Pada gambar 4.3 diatas adalah use case aktor administrator mengelola
jadwal STIFEST. Use case tersebut menjelaskan administrator melalui login
sistem kemudian mengelola jadwal STIFEST yaitu menambah jadwal dan edit
jadwal STIFEST. Menambah jadwal disini adalah administrator memasukkan data
jadwal STIFEST yang akan di lakukan kemudian submit. Selain input data juga
dapat melakukan edit jadwal untuk alternative jika terdapat perubahan atau
kesalahan dalam inputan. Setelah memasukkan data jadwal dengan benar aktor
administrator keluar sistem.
21
Gambar 4.3 Use Case Kelola Jadwal STIFEST
4.2.5
Use case diagram Kelola Data Master STIFEST
Penjelasan untuk use case pada gambar 4.4 adalah administrator
mengelola data master. Administrator dapat mengelola data master jadwal, master
peserta dan master user. Untuk data master jadwal dapat melakukan menambah
data master jadwal dan manipulasi master jadwal. Manipulasi disini adalah proses
mengubah/edit dan delete untuk data master, administrator hanya bisa melakukan
edit dalam manipulasi data. Kemudian mengelola data master peserta disini data
peserta yang sudah tersimpan melalui pendaftaran. Data ini kemudian oleh
administrator di manipulasi atau di tambahkan detail untuk mempermudah
22
administrator. Data master user disini adalah administrator memberikan hak akses
tertentu pada user sistem seperti hak akses pada user petugas pendaftaran.
Gambar 4.4 Use case diagram Kelola data master
23
4.3 Rancangan Basis Data
Pada rancangan basis data dari aplikasi ini, terdapat 4 macam
manajemen, yaitu manajemen user, manajemen peserta, manajemen jadwal, dan
manajemen upload.
A. Tabel Manajemen User
Attribut
Tipe Data
Username_ID
Integer
Username
Varchar
Password
Varchar
Email
Lebar
Null
Keterangan
Not null
Auto increment
30
Not null
Nama unik dari user
20
Not null
Kode unik user
Longtext
Null
Email user
Alamat
Text
Null
Alamat user
Telp
Varchar
20
Null
Nomor telepon user
Akses
Varchar
10
Null
Hak akses user
24
B. Tabel Manajemen Peserta
Attribut
Tipe Data
Lebar
Null
Keterangan
Not null
Kode unik peserta
Peserta ID
Integer
Integer
Nama peserta
Varchar
30
Null
Nama peserta
Sekolah
Varchar
30
Null
Nama sekolah peserta
Alamat
Text
Null
Alamat sekolah peserta
Jenis event
Varchar
20
Not null
Pilihan even stifes
Status
Varchar
20
Null
Status peserta
Email
Text
Null
Alamat email peserta
Pelatih
Varchar
30
Null
Nama pelatih peserta
Personel
Varchar
100
Null
Nama personel peserta
Nama band
Varchar
30
Null
Nama band peserta
Nama dancer
varchar
30
Null
Nama dancer peserta
C. Tabel Manajemen Jadwal
Attribut
Tipe Data
Jadwal ID
Integer
Nama event
Varchar
Jenis event
Tanggal mulai
Lebar
Null
Keterangan
Not null
Kode unik jadwal
20
null
Nama event
Varchar
20
Not null
Jenis event
Datetime
Dd/mm/yyyy
Jadwal tanggal
Null
mulai
Jadwal tanggal
Tanggal selesai
Datetime
Dd/mm/yyyy
Null
selesai
Keterangan
text
Null
Keterangan jadwal
25
D. Tabel Upload
Attribut
Tipe Data
Upload ID
Integer
Nama Upload
Varchar
Tanggal upload
Datetime
Keterangan
Text
Lebar
Null
Keterangan
Not null
Kode unik upload
20
Null
Nama upload
Dd/mm/yyyy
Null
Tanggal upload
Null
Keterangan upload
4.4 Implementasi Sistem
4.4.1 Halaman Index STIFEST
Welcome to StiFes Surabaya
Home
Basketball
Pendaftaran
Download
Music
Dances
Copyright@ 2013 STIKOM SURABAYA
Gambar 4.5 Halaman Index STIFEST
Item tulisan berwarna biru, artinya dapat di klik sehingga dapat membuka
menu lomba yang dipilih. User juga dapat mengklik pada gambar lomba,
sehingga dapat membuka menu lomba atas gambar yang dipilih.
26
4.4.2 Form Pendaftaran STIFEST Basket
Jika user memilih item basketball, maka akan muncul form seperti pada
gambar 4.6, di dalamnya terdapat beberapa item yaitu :
1. Item Nama team, user dapat memasukkan nama team calon peserta lomba
yang akan mendaftar, di dalam kotak yang telah disediakan.
2. Item Lomba, item lomba ini bersifat read only, sehingga akan otomatis
terisi ketika user memilih kategori lomba yang ingin didaftarkan, yang
terdapat pada halaman depan Pendaftaran peserta STIFEST online.
3. Item asal sekolah, user dapat memasukkan asal sekolah dari calon sekolah
yang ingin didaftarkan, di dalam kotak yang telah disediakan.
4. Item alamat sekolah, user dapat memasukkan alamat sekolah dari calon
sekolah yang ingin didaftarkan, di dalam kotak yang telah disediakan.
5. Item Status, user dapat memasukkan status tim yang didaftarkan adalah
tim putra/tim putri (untuk lomba basket) atau dengan pilihan lain yaitu
umum/pelajar.
6. Item no.telp, user dapat memasukkan no.telp dari calon sekolah yang akan
mendaftar, di dalam kotak yang telah disediakan.
7. Item coach, user dapat memasukkan nama pelatih dari calon sekolah yang
akan mendaftar, di dalam kotak yang telah disediakan.
27
Gambar 4.6 Form Pendaftaran STIFEST Basket
4.4.3
Form Pendaftaran STIFEST Musik
Jika user memilih musik, maka akan muncul form pada gambar 4.7, di
dalamnya terdapat item-item seperti berikut :
1. Item Nama team, user dapat memasukkan nama team calon peserta lomba
yang akan mendaftar, di dalam kotak yang telah disediakan.
2. Item Lomba, item lomba ini bersifat read only, sehingga akan otomatis
terisi ketika user memilih kategori lomba yang ingin didaftarkan, yang
terdapat pada halaman depan Pendaftaran peserta STIFEST online.
3. Item asal sekolah, user dapat memasukkan asal sekolah dari calon sekolah
yang ingin didaftarkan, di dalam kotak yang telah disediakan.
28
4. Item alamat sekolah, user dapat memasukkan alamat sekolah dari calon
sekolah yang ingin didaftarkan, di dalam kotak yang telah disediakan.
5. Item Status, user dapat memasukkan status tim yang didaftarkan adalah
tim putra/tim putri (untuk lomba basket) atau dengan pilihan lain yaitu
umum/pelajar.
6. Item no.telp, user dapat memasukkan no.telp dari calon sekolah yang akan
mendaftar, di dalam kotak yang telah disediakan.
7. Item coach, user dapat memasukkan nama penanggungjawab dari calon
sekolah yang akan mendaftar, di dalam kotak yang telah disediakan.
Gambar 4.7 Form Pendaftaran STIFEST Musik
29
4.4.4
Form Pendaftaran STIFEST Dances
Jika user memilih music, maka akan muncul form pada gambar 4.8, di
dalamnya terdapat item-item seperti berikut :
1. Item nama tim dance, user dapat memasukkan(dengan cara mengetikkan)
nama tim dance yang mewakili calon sekolah yang mendaftar.
2. Item sekolah, user dapat memasukkan(dengan cara mengetikkan) nama
sekolah dari calon sekolah yang mendaftar.
3. Item alamat sekolah, user dapat memasukkan(dengan cara mengetikkan)
alamat sekolah dari calon sekolah yang mendaftar.
4. Item email, user dapat memasukkan(dengan cara mengetikkan) alamat
email yang mewakili calon sekolah yang mendaftar.
5. Item no.telpon, user dapat memasukkan(dengan cara mengetikkan)
no.telpon yang mewakili calon sekolah yang mendaftar.
6. Item personel, user dapat memasukkan(dengan cara mengetikkan) namanama dari setiap personel yang tergabung dalam nama tim dance, yang
mewakili calon sekolah yang mendaftar.
30
Gambar 4.8 Form Pendaftaran STIFEST Dances
4.4.5
Form Search dan Batal Pendaftaran STIFEST
Pada gambar 4.9, muncul menu baru yang didalamnya terdapat item-item
berikut :
1. Item Pendaftaran, didalam item Pendaftaran terdapat item-item berikut :
a. Daftar Peserta STIFEST, nama yang muncul karena user mengklik
item Pendaftaran.
b. Cari, user dapat mencari dengan menggunakan pilihan (yang dapat
diketikkan pada kotak yang telah disediakan) kemudian klik tombol
Go.
31
c. List, akan muncul daftar data yang dicari melalui inputan user (yang
diketik).
Gambar 4.9 Form Search dan Batal Pendaftaran STIFEST
4.4.6
Halaman Download Files STIFEST
Gambar 4.10 Halaman Download Files STIFEST
32
Item Download, user dapat mendownload file yang nama filenya sudah
disediakan oleh admin dengan memilih nama file, kemudian klik tombol
download. File yang dapat didownload dapat berupa file dokumen, PDF, serta
JPG untuk gambar.
4.4.7
Halaman Login
Halaman Login ini ditujukan kepada admin user yang ingin membuka
dashboard untuk admin, sehingga dapat menggunakan aplikasi ini, tampilan
gambar dapat dilihat pada gambar 4.11. User dapat melakukan login dengan cara :
1. User dapat melakukan login dengan memasukkan username dan password
yang telah disediakan.
2. Tombol login, jika username dan password yang dimasukkan sudah benar,
maka akan menyambungkan ke form berikutnya. Jika salah, akan mucul
warning atau peringatan.
3. Tombol cancel, jika user melakukan batal login.
Gambar 4.11 Halaman Login
33
4.4.8
Halaman Dashboard Administrator
Jika berhasil login, kemudian memilih dashboard, maka akan muncul
gambar 4.12, dimana terdapat item-item dengan fungsi sebagai berikut :
1. Manajemen user, yang dapat menyimpan data-data dari user yang dapat
mengakses.
2. Manajemen jadwal, jadwal yang telah diinputkan, dapat dilihat pada item
ini, dapat ditambahkan.
3. Pendaftaran STIFEST, admin dapat mengakses data-data dari form
pendaftaran.
4. Upload, admin dapat menambahkan file-file yang dapat diupload,
sehingga dapat diunggah oleh user.
34
Gambar 4.12 Halaman Dashboard Administrator
4.4.9
Halaman Manajemen User
Jika berhasil login, maka akan muncul gambar 4.13. Saat user memilih
Manajemen user, di dalamnya terdapat tombol tambah user, sehingga admin dapat
menambahkan user yang akan dapat mengakses form pendaftaran. Hasil dari user
yang telah ditambah akan muncul nomor urut, username yang digunakan, nama
lengkap, email user, telpon, status blockir, dan action dapat diedit.
35
Gambar 4.13 Halaman Manajemen User
4.4.10 Halaman Manajemen Jadwal
Pada item Manajemen Jadwal, admin dapat menambahkan jadwal baru
yang dapat dilihat oleh user lain, dan hanya dapat ditambahkan oleh admin saja.
Ketika admin melakukan tambah jadwal, akan muncul list yang menunjukkan
data-data jadwal yang telah diinputkan, seperti pada gambar 4.14, yaitu : nomor,
nama event, tanggal mulai, tanggal selesai, keterangan, dan action (dapat diedit
dan dihapus).
36
Gambar 4.14 Halaman Manajemen Jadwal
4.4.11 Halaman Manajemen Modul
Pada Manajemen Modul, admin dapat mengatur hak otentifikasi serta
menambahkan tampilan menu dengan melakukan tambah modul, sehingga data
yang mucul seperti pada gambar 4.15 yaitu : nomor, nama modul, link, publish,
status aktif, status user dan aksi yang dapat di edit ataupun dihapus.
37
Gambar 4.15 Halaman Manajemen Modul
4.4.12 Halaman Upload File
Pada gambar 4.16, dapat dilihat bahwa fungsinya adala dimana admin
dapat meng-upload file-file untuk dapat didownload oleh user lain dalam
memenuhi persyaratan pendaftaran.
38
Gambar 4.16 Halaman Upload File
4.4.13 Form Registrasi Lomba
Pada gambar 4.17, admin mendapatkan data dari pendaftaran online.
Admin juga dapat mengupdate daftar peserta yang telah mendaftarkan diri melalui
pendaftaran online melalui aksi edit/hapus.
39
Gambar 4.17 Form Registrasi Lomba
4.4.14 Form Laporan
Pada gambar 4.18, admin mendapatkan informasi daftar peserta yang
diinputkan oleh user melalui pendaftaran online. Pada item laporan ini, admin
dapat melakukan sortir data pencarian daftar peserta yang mendaftar secara
online. Caranya adalah dengan meng-klik item lomba, yaitu :
1. Basket, dapat dilihat pada gambar 4.19, maka daftar peserta yang akan
muncul adalah yang mendaftar lomba basket saja.
2. Music, dapat dilihat pada gambar 4.20, maka daftar peserta yang akan
muncul adalah yang mendaftar lomba music saja.
3. Dance, dapat dilihat pada gambar 4.21, maka daftar peserta yang akan
muncul adalah yang mendaftar lomba dance saja.
40
Dengan adanya form ini, dapat memudahkan dan mempercepat admin
dalam mencari informasi daftar peserta pendaftaran melalui online.
Gambar 4.18 Form Laporan
41
Gambar 4.19 Form Laporan Basket
Gambar 4.20 Form Laporan Dance
42
Gambar 4.21 Form Laporan Music
4.4.15 Form Daftar Peserta Basket
Pada gambar 4.22, peserta dapat melihat hasil registrasinya. Data yang
ditampilkan di halaman ini meliputi inputan data yang telah dimasukkan oleh user
pada form pendaftaran, yaitu : Nama Peserta, Lomba yang dipilih, Nama Sekolah,
Alamat, Status, Pelatih, dan contact person.
43
Gambar 4.22 form Daftar Peserta Basket
4.4.16 Form Daftar Peserta Music
Pada gambar 4.23, peserta dapat melihat hasil registrasinya. Data yang
ditampilkan di halaman ini meliputi inputan data yang telah dimasukkan oleh user
pada form pendaftaran, yaitu : Nama Peserta, Lomba yang dipilih, Nama Sekolah,
Alamat, Status, Pelatih, dan contact person.
44
Gambar 4.23 Form Daftar Peserta Music
4.4.17 Form Daftar Peserta Dance
Pada gambar 4.24, peserta dapat melihat hasil registrasinya. Data yang
ditampilkan di halaman ini meliputi inputan data yang telah dimasukkan oleh user
pada form pendaftaran, yaitu : Nama Peserta, Lomba yang dipilih, Nama Sekolah,
Alamat, Status, Pelatih, dan contact person.
45
Gambar 4.24 Daftar Peserta Dance