BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisis Latar belakang pembuatan aplikasi ini adalah adanya kebutuhan sistem yang terpusat untuk pengolahan dan monitoring jadwal seminar yang ada di Universitas Mercu Buana. Analisa terhadap kondisi saat ini dilakukan denga cara pengamatan langsung dilapangan, yaitu dengan cara melakukan pengamatan langsung terhadap cara sosialisasi dan wawancara langsung terhadap panitia dan calon peserta. Hasil dari wawancara tersebut digunakan untuk melakukan analisa dan desain aplikasi ini. Berdasarkan hasil wawancara, aplikasi pendaftaran seminar pada Universitas Mercu Buana berbasis web yang akan dibuat mempunyai batasan masalah sebagai berikut : 1. Aplikasi dibuat berbass web. 2. Sistem dibuat hanya untuk seminar yang bertempat di gedung tower universitas mercu buana. Bukan keseluruhan tempat yang disediakan untuk kegiatan seminar yang ada di universitas mercu buana. 3. Sistem yang dibuat untuk pendaftaran seminar yang dibuat untuk seluruh fakultas yang ada di Universitas Mercu Buana sistem ini dibuat berbasis WEB dengan menggunakan bahasa pemograman php. 4. Sistem pembayaran ini melalui transfer dengan memberikan bukti transfer ke bagian panitia. 5. Sistem pembayaran melalui cash dengan mendatangi panitia di booth yang telah disediakan. 3.1.1 Analisis Sistem Berjalan Saat ini proses pendaftaran dan sosialisasi tentang seminar yang akan dilakukan setiap fakultas di universitas Mercu Buana adalah sebagai berikut : 1. Panitia yang akan mengadakan seminar melakukan sosialisasi dengan 2(dua) cara yaitu : a. Memberikan sosialisasi dengan cara masuk ke dalam kelas. b. Membuka booth pendaftaran seminar yang akan diselenggarakan. 2. Peserta yang ingin melakukan pendaftaran seminar harus datang ke booth yang telah disediaan panitia seminar. 27
3.1.2 Analisa Kebutuhan Berdasarkan hasil wawancara, berikut adalah analisa-analisa yang dilakukan untuk mendapatkan kebutuhan masing-masing pengguna aplikasi pendaftaran seminar pada Universitas Mercu Buana. 3.1.2.1 Analisa Kebutuhan secara Umum Kebutuhan sistem secara umum dapat disimpulkan sebagai berikut: 1. Sistem harus dapat menggantikan proses pendaftaran dan sosialisasi yang dilakukan secara manual. 2. Sistem harus dapat diakses dengan mudah dan dapat dipahami oleh pengguna aplikasi pendaftaran seminar pada Universitas Mercu Buana. 3. Sistem harus dapat menggunakan proses login dehingga hak login dapat dikontrol. 4. Sistem harus dapat menyediakan fungsi pendaftaran dan sosialisasi seminar. 5. Sistem harus dapat menampilkan data mahasiswa yang sudah membayar seminar. 3.1.2.2 Analisa kebutuhan dari sisi panitia seminar Kebutuhan dari sisi panitia disimpulkan sebagai berikut : 1. Sistem harus mempunyai database yang terintegrasi untuk pencatatan pendaftaran seminar. 2. Sistem harus mempermudah panitia dalam proses pengkonfirmasian pembayaran. 2. Sistem harus mempermudah pencarian data pendaftaran seminar. 3.1.2.3. Analisa Kebutuhan dari sisi peserta seminar Kebutuhan dari sisi peserta dismpulkan sebagai berikut : 1. Sistem harus mudah dimengerti dalam penggunaannya. 2. Sistem harus mempunyai proses booking, sehingga mahasiswa yang tidak memiliki uang masih bisa mengikuti seminar, dan pembayaran seminar dilakukan pada rentan waktu yang telah ditentukan 3. sistem harus memberikan informasi yang jelas mengenai tema seminar, pembicara, dan raundown acara. 3.2. Alur Kerja dan Pengaturan Sistem Yang Dibangun Setelah mengetahui kebutuhan-kebutuhan dalam proses pendaftaran yang dilakukan secara manual, maka dipersiapkan sebuah sistem yang akan dibangun untuk melakukan proses pendaftaran seminar Pada Universitas Mercu Buana berbasis web dengan alur kerja sebagai berikut : 28
1. Pengguna aplikasi adalah panitia seminar dan mahasiswa atau mahasiswi Universitas Mercu Buana. 2. Setiap pengguna harus login terlebih dahulu sebelum dapat mengakses menu-menu yang telah disediakan dalam aplikasi. 3. Secara lengkap, Menu menu yang ada dalam aplikas adalah sebagi berikut : 1. halaman beranda : a.fakultas tehnik (FT) -Tehnik Mesin -Tehnik Elektro -Tehnik Industri b. Fakultas komputer (Fasilkom) - Informatika - Sistem Informasi c. Fakultas Ekonimi dan Bisnis (FEB) - Manajemen - Akuntansi d. Fakultas Komunikasi (FIKOM) - Broadcasting - Public Relation -Marketing Communication -Visual Communication e. Fakultas fisioologi (FPSI) - Psikologi 3.3. Perancangan menggunakan Unified Modelling Language (UML) 3.3.1. Pemomodelan Kasus Uji (Use case) Use Case adalah deskripsi sebuah interaksi antara satu atau lebih aktor dengan sistem yang akan dibuat. Fungsi dasar dari use case adalah untuk mengetahui fungsifungsi didalam sebuah sistem serta aktor aktor yang berhak menggunakan fungsi-fungsi itu. Use case yang digunakan dalam tugas akhir ini dibagi menjadi 3 yaitu : 1. Use case dari sisi admin 2. Use case dari sisi Panitia 3. Use case dari sisi Peserta 29
3.3.1.1 Use case Diagram System Edit Tema dan Jadwal Seminar Buat Username dan Password Admin View Report <<include>> Input Peserta <<include>> <<include>> Panitia Konfirmasi Pembayaran View Peserta <<include>> <<include>> <<include>> Login Report <<include>> <<include>> View Jadwal dan Tema Seminar <<include>> <<include>> Peserta Mengisi Form Pendaftaran View Pendaftaran Gambar 3. 1 use case diagram usulan Tabel 3. 1 Ketetangan skenario use case diagram login Nama Use case Login Admin Admin harus login terlebih dahulu sebelum Pra Kondisi Menu login untuk dapat masuk ke halaman utama kemudian baru dapat masuk ke menu memberikan user name dan pasword, edit jadwal dan tema seminar, dan view report Skenario Sistem menampilkan kolom login sebelum Tindakan Alternatif - Pasca Kondisi Jika kondisi login berhasil maka dapat 30
Tabel 3. 2 Ketetangan skenario use case diagram Edit Tema dan Jadwal Seminar Nama Use Case Edit Tema Dan Jadwat Seminar Admin Admin mengedit tema dan jadwal seminar lalu ditampilkan pada menu utama dan di simpan pada database Tabel 3. 3 Ketetangan skenario use case diagram report Nama Use Case Report Admin Admin mengecek report yang diberikan oleh panitia seminar Tabel 3. 4 Ketetangan skenario use case diagram panitia Nama Use case Input peserta Panitia panitia harus login terlebih dahulu sebelum Pra Kondisi Menu login untuk dapat masuk ke halaman utama kemudian baru dapat masuk ke menu input peserta, konfirmasi pembayaran, view peserta dan report Skenario Panitia melakukan input peserta apabila peserta daftar langsung di booth yang disediakan Tindakan Alternatif - 31
Pasca Kondisi Jika kondisi login berhasil maka dapat Tabel 3. 5 Ketetangan skenario use case diagram Konfirmasi Pembayaran Nama Use case Konfirmasi pembayaran Panitia panitia harus login terlebih dahulu sebelum Pra Kondisi Menu login untuk dapat masuk ke halaman utama kemudian baru dapat masuk ke menu konfirmasi pembayaran Skenario Panitia menerima bukti pembayaran seminar dari peserta dan mengupdate kedalam sistem Tindakan Alternatif - Pasca Kondisi Jika kondisi login berhasil maka dapat Tabel 3. 6 Ketetangan skenario use case View Peserta Nama Use Case View Peserta Panitia Panitia memview peserta seminar Tabel 3. 7 Ketetangan skenario use case diagram report Nama Use case Report 32
Peserta Panitia membuat report untuk diberikan kepada admin Tabel 3. 8 Ketetangan skenario use case View Jadwal dan Tema Seminar Nama Use case View jadwal dan tema seminar Peserta peserta harus login terlebih dahulu sebelum Pra Kondisi Menu login untuk dapat masuk ke halaman utama kemudian baru dapat masuk ke menu view jadwal dan tema seminar, mengisi form pendaftaran, view peserta. Skenario Setelah berhasil login peserta dapat memview jadwal dan tema seminar Tindakan Alternatif - Pasca Kondisi Jika kondisi login berhasil maka dapat Tabel 3. 9 Keterangan skenario use case diagram Isi Form Pendaftaran Nama Use case Mengisi form pendaftaran Peserta Pra Kondisi peserta harus login terlebih dahulu sebelum Menu login untuk dapat masuk ke halaman utama kemudian baru dapat masuk ke menu pengisian form pendaftaran seminar 33
Skenario Setelah berhasil login peserta dapat mengisi form pendaftaran seminar Tindakan Alternatif - Tabel 3. 10 Ketetangan skenario use case View Pendaftaran Nama Use Case View Pendaftaran Peserta Peserta memview pendaftaran yang telah dilakukan 3.3.2.Activity Diagram Admin Gambar 3. 2 Diagram Admin Tabel 3. 11 activity diagram admin Nama Activity Diagram Activity Diagram Admin 34
Admin Admin harus login terlebih dahulu sebelum Pra Kondisi Menu login untuk dapat masuk ke halaman utama kemudian baru dapat masuk ke menu utama Skenario Setelah berhasil login admin dapat mengedit tema dan jadwal seminar, buat username dan password dan view report Tindakan Alternatif - Pasca Kondisi Jika kondisi login berhasil maka dapat masuk kedalam sistem system 3.3.3.Activity Diagram Panitia Gambar 3. 3 Diagram Panitia Tabel 3. 12 activity diagram Panitia Nama Activity Diagram Activity Diagram Panitia Panitia 35
panitia harus login terlebih dahulu sebelum Pra Kondisi Menu login untuk dapat masuk ke halaman utama kemudian baru dapat masuk ke menu utama Skenario Setelah berhasil login Panitia dapat menginput peserta, view peseta, konfirmasi pembayaran dan membuat report Tindakan Alternatif - Pasca Kondisi Jika kondisi login berhasil maka dapat 3.3.3.Activity Diagram Peserta Gambar 3. 4 activity diagram Peserta Tabel 3. 13 Activity Diagram Peserta Nama Activity Diagram Activity Diagram Peserta Peserta 36
Peserta harus login terlebih dahulu sebelum Pra Kondisi Menu login untuk dapat masuk ke halaman utama kemudian baru dapat masuk ke menu utama Skenario Setelah berhasil login Peserta dapat melihat jadwal seminar, mengisi form pendafaran dan memview pendaftaran Tindakan Alternatif - Pasca Kondisi Jika kondisi login berhasil maka dapat 3.4. Secuence Diagram Admin Admin Login Halaman Utama Edit Tema dan Jadwal seminar View Report Loqout Masukan Username 1 dan Password Valid 2 3 Pilih Menu Edit Tema dan 4 Jadwal Seminar View Report 5 Loqout 6 Gambar 3. 5 Secuence Diagram Admin 37
3.5. Secuence Diagram Panitia Panitia Login Menu Utama Input Peserta Konfirmasi Pembayaran View Peserta Report Loqout 1 2 Masuk Kemenu Utama 3 Input Peserta 4 Konfirmasi Pembayaran 5 View Peserta 6 Report 7 Loqout 8 3..6. Secuence Diagram Perserta Gambar 3. 6 Secuence Diagram Panitia Peserta Login Menu Utama View Jadwal dan TemaSeminar mengisi Form Pendaftaran View Pendaftaran Loqout 1 2 Masuk 3 Ke Menu Utama View Jadwal dan Tema 4 Seminar Mengisi Form Pendaftaran 5 View Pendaftaran 6 Loqout 7 Gambar 3. 7 Secuence Diagram Perserta 38
3.7. Class Diagram 3.8 Perancangan Basis data Gambar 3. 8 Class Diagram Untuk memenuhi kebutuhan dalam pengelolahan data, maka diperlukan media yang dapat menyimpan data-data aplikasi sehingga memudahkan aplikasi dalam proses penyimpanan, perubahan, dan penghapusan data-data tersebut. Perancangan basis data subbab ini mendeskripsikan mengenai penjelasan dari tabel, field, tipe data, dan ukuran data. Tabel-tabel yang digunakan untuk membangun aplikasi ini yaitu sebagai berikut : 3.8.1.Rancangan Tabel User Admin Tabel_user digunakan untuk menyimpan data user admin. Tabel ini terdiri dari id_user, nama, jabatan, username, password. Untuk lebih jelasnya, dapat dilihat pada tabel.15 dibawah ini. Tabel 3. 14 rancangan table user admin Nama Field Type Data Field Size Keterangan id_user Int 4 PRYMARY Nama Varchar 40 Jabatan Varchar 20 Username Vachar 20 Password Varchar 20 KEY,AUTO_INCREMENT 39
3.8.2 Rancangan Tabel User Panitia Tabel _user digunakan untuk menyimpan data panitia. Tabel ini terdiri dari id_user, nama,nim,jurusan,fakultas,username, password. Untuk lebih jelasnya, dapat dilihat pada tabel 3.15 dibawah ini. Tabel 3. 15 user panitia Nama Field Type Data Field Size Keterangan id_user Int 4 PRYMARY Nama Varchar 40 Nim Varchar 15 Jurusan Vachar 20 Fakultas Varchar 20 Username Varchar 20 Password Varchar 20 KEY,AUTO_INCREMENT 3.8.3. Rancangan Tabel User Peserta Tabel user peserta digunakan untuk menyimpan data user peserta. Tabel ini terdiri dari nama, nim, jurusan,fakultas, email, telepon, lusername, password,. Untuk lebih jelasnya, dapat dilihat pada tabel 3.16 dibawah ini. Tabel 3. 16 user peserta Nama Field Type Data Field Size Keterangan Nama Int 40 Nim Varchar 15 PRYMARY KEY Jurusan Varchar 20 Fakultas Vachar 20 Email Varchar 30 Telepon Int 15 Username Varchar 20 Password Varchar 20 40
3.8.4. Rancangan Tabel view Report Tabel view report digunakan untuk menyimpan data report. Tabel ini terdiri dari tema seminar, lokasi, jurusan,fakultas, fakultas, jumlah peserta. Untuk lebih jelasnya, dapat dilihat pada tabel 3.17dibawah ini. Tabel 3. 17 view report Nama Field Type Data Field Size Keterangan Tema Seminar Varchar 40 Jadwal Seminar Varchar 40 Lokasi Varchar 15 Fakultas Vachar 20 Fakultas Varchar 20 Jumlah Peserta Int 4 3.8.5. Rancangan Edit Tema Dan Jadwal Seminar Tabel jadwal seminar digunakan untuk menyimpan data edit tema dan jadwal seminar. Tabel ini terdiri dari tema seminar, jadwal seminar, jurusan,lokasi, pembicara, fakultas. Untuk lebih jelasnya, dapat dilihat pada tabel 3.18 dibawah ini. Tabel 3. 18 edit tema dan jadwal seminar Nama Field Type Data Field Size Keterangan Tema Seminar Varchar 40 Jadwal Seminar Varchar 15 Lokasi Varchar 15 Pembicara Vachar 30 Fakultas Varchar 20 3.8.6. Rancangan layar konfirmasi pembayaran Tabel konfirmasi pembayaran digunakan untuk menyimpan data konfirmasi pembayaran. Tabel ini terdiri dari tema seminar, jadwal seminar, jurusan,lokasi, pembicara, fakultas. Untuk lebih jelasnya, dapat dilihat pada tabel 3.19 dibawah ini. Tabel 3. 19 konfirmasi pembayaran Nama Field Type Data Field Size Keterangan 41
Nama Varchar 30 Nim Varchar 15 PRYMARY KEY Seminar Varchar 15 Status Vachar 10 3.8.7. Rancangan tabel view pendaftaran Tabel view pendaftaran digunakan untuk menyimpan data view pendaftaran. Tabel ini terdiri dari nama, nim, seminar, lokasi. Untuk lebih jelasnya, dapat dilihat pada tabel 3.20 dibawah ini. Nama Field Tabel 3. 20 view pendaftaran Type Data Nama Varchar 30 Field Size Keterangan Nim Varchar 15 PRYMARY KEY Fakultas Varchar 15 Tema dan jadawal seminar Vachar 40 Status Vachar 10 3.9 Rancangan Tampilan Desain System 3.9.1. Desain System Gambar 3. 9 Desain System 42
3.9.2. Desain Tampilan Login Gambar 3. 10 Desain Tampilan Login Halaman login adalah halaman yang digunakan untuk melakukan proses login kedalam sistem. Pada halaman ini mempunyai pilihan daftar, sehingga apabila seeorang(peserta) yang belum mempunyai akun ingin melakukan login kedalam sistem. 3.9.3. Desain Tampilan Admin Gambar 3. 11 Desain Tampilan Admin Halaman tampilan admin adalah halaman yang terdapat didalam piliham menu tampilan admin setelah admin berhasil masuk kedalam sistem. Didalam menu tampilan admin terdapat 3(tiga) pilihan menu yaitu,pertama seminar yang berfungsi sebagai mengedit atau menambahkan tentang tema dan jadwal seminar yang akan dilaksanakan, kedua user yaitu berfungsi sebagai pembuatan akun baru kepada panitia yang bertugas melakukan proses registrasi pendaftaran seminar, ketiga view report berfungsi sebagai laporan yang telah. 43
3.9.4. Desain Tampilan Panitia Gambar 3. 12 Desain Tampilan Panitia Halaman tampilan panitia adalah halaman yang terdapat pada menu panitia setelah panitia berhasil login. Pada menu panitia terdapat 3(tiga) pilihan menu, pertama peserta berfungsi sebagai penginputan/pendaftaran peserta apabila peserta melakukan pendaftaran dib both yang telah disediakan dan memview peserta yang telah mendaftar, kedua pembayaran berfungsi sebagai konfirmasi pembayaran peserta seminar apabila telah melakukan proses pendaftaran online(web), ketiga report berfungsi sebagai peratnggung jawaban laporan pelaksanaan seminar kepada admin. 3.9.5. Desain Tampilan Peserta Gambar 3. 13 Desain Tampilan Peserta Halaman tampilan peserta adalah halaman yang terdapat pada menu peserta setelah peserta berhasil login. Pada menu peserta terdapat 3(tiga) pilihan menu, seminar berfungsi sebagai informasi kepada mahasiswa/mahasiswi tentang seminar yang akan dilaksanakan dan bisa langsung mendaftar pada menu tersebut, kedua pendaftaran seminaar berfungsi sebagai proses pendaftaran apabila mahasiswa/mahasiswi untuk mengikuti seminar yang akan di laksanakan, ketiga view pendaftaran berfungsi sebagai bukti pendaftaran peserta seminar 44
3.9.6 Halaman Utama Add User Gambar 3. 14 rancangan Add User Halaman Tampilan Add User adalah halaman yang berisikan data-data yang harus diisikan degan benar oleh user baru. Data tersebut berfungsi sebagai data user(pengguna) selama user aktif dalam sistem. 3.9.7. Halaman Utama Input Peserta Berikut ini adalah rancangan layar halaman Input Peserta Gambar 3. 15 Rancangan Input Peserta Halaman Tampilan Input Peserta adalah halaman yang berisikan data-data yang harus diisikan degan benar oleh user baru. Data tersebut berfungsi sebagai data user(pengguna) selama user aktif dalam sistem. Dalam menu input peserta ini hampir sama dengan add peserta akan tetapi dalam menu ini ada perbedaan dalam level. Fungsi level tersebut dapat membedakan user(pengguna) sistem apakah untuk level,admin,panitia atau peserta. 3.9.8. Halaman Utama View Peserta Berikut ini adalah rancangan layar halaman View Peserta 45
Gambar 3. 16 Rancangan layar halaman View Peserta Halaman Tampilan View Peserta adalah halaman yang berisikan peserta seminar yang telah mendaftar seminar. 3.9.9. Halaman Utama View report Berikut ini adalah rancangan layar halaman view report Gambar 3. 17 rancangan layar halaman view report Halaman Tampilan View Report adalah halaman yang berisikan data peserta seminar yang telah mengikuti seminar. 3.9.10. Halaman Utama View Jadwal Seminar Berikut ini adalah rancangan layar halaman view Jadwal Seminar 46
Gambar 3. 18 Rancangan layar halaman view Jadwal Seminar Halaman Tampilan View Jadwal Seminar adalah halaman yang berisikan jadwal seminar yang akan dilaksanakan. 3.9.11. Halaman Utama View Pendaftaran Berikut ini adalah rancangan layar halaman view pendaftaran Gambar 3. 19 Rancangan layar halaman view pendaftaran Halaman Tampilan View Pendaftaran adalah halaman yang berisikan hasil pendaftaran peserta seminar, dan view pendaftaran ini berfungsi sebagai bukti pendaftaran seminar apabila status di view pendaftaran telah lunas. 47