BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1 Sejarah Fasilkom UMB Program Studi Teknik Informatika Universitas Mercu Buana berdiri pada tahun 1994 yang dipimpin oleh Bapak Ir. Ajisman sebagai ketua program studi. Pada tahun 1996 program studi tersebut hampir ditutup, karena hanya sedikit calon mahasiswa yang mendaftar di program studi ini. Seiring dengan perkembangan teknologi dan jaman, program studi teknik informatika mengalami perkembangan dari tahun ke tahun, sehingga jumlah mahasiswa terus bertambah. Hal ini didukung pula dengan diperolehnya akreditasi B oleh Badan Akreditasi Nasional pada tahun akademik 2005/2006. Program Teknik Informatika memiliki Visi Misi Sebagai Berikut :
Visi Menjadi Program Studi Teknik Informatika yang berkonsentrasi pada bidang keamanan jaringan komputer, basis data korporasi, dan pemrograman simulasi untuk menghasilkan tenaga kerja atau wirausahawan yang professional. Misi 1. Menyelenggarakan Tri Dharma Perguruan Tinggi dalam bidang keilmuan Teknik Informatika dengan fokus pada keamanan jaringan komputer, basis data korporasi, dan pemrograman simulasi dengan memanfaatkan sumber daya lokal secara optimal. 2. Menjalin kemitraan dengan berbagai institusi untuk peningkatan mutu pelaksanaan Tri Dharma Perguruan Tinggi. 3. Mengikuti perkembangan ilmu pengetahuan dan teknologi secara berkesinambungan, khususnya yang berkaitan dengan teknologi informasi.
37
38
3.1.1
Analisa Masalah Karyawan Fasilkom Pemahaman tentang sistem yang akan dirancang sangat diperlukan
sebelum sebuah perangkat lunak dibangun. Pembangunan perangkat lunak dimulai dari tahap analisa , perancangan ,dan sampai tahap pengujian aplikasi. Dalam pengembangan apikasi ujian online yang akan dibuat, dijelaskan terlebih dahulu batasan-batasan yang ada dalam sistem aplikasi : 1. Fitur email dapat digunakan untuk mengirimkan ke perorangan maupun blast berdasarkan group, tetapi hanya sebatas karyawan yang sudah terdaftar di web karyawan fasilkom. 2. Fitur pengiriman SMS dapat digunakan untuk mengirimkan ke perorangan maupun blast berdasarkan group, tetapi tidak bisa melebihi dari 160 karakter. 3. Fitur chat hanya dapat akses oleh karyawan fasilkom yang terdaftar, tidak bisa digunakan lintas fakultas. Dalam hal ini, karyawan Fasilkom yang akan mendapatkan informasi melalui email maupun SMS, harus memastikan bahwa alamat email dan nomer handphone yang didaftarkan di web ini aktif. Sedangkan untuk melakukan percakapan melalui fasilitas chat, karyawan tersebut harus terhubung dengan internet dan melakukan login diweb karyawan online.
3.1.2
Analisa Masalah Staff Tata Usaha (Admin) Staff Tata Usaha sebagai admin hanya memerlukan akses internet untuk
pengiriman informasi melalui email, namun untuk melakukan pengiriman informasi melalui SMS admin harus terhubung dengan perangkat yang menggunakan nomer handphone.
3.2
Analisa Resiko
Resiko adalah hal yang tidak akan pernah dapat dihindari pada suatu kegiatan atau aktivitas yang dilakukan manusia, termasuk resiko dalam pengembangan aplikasi ini. Penulis melakukan beberapa tahapan analisis terhadap resiko yang akan dihadapi. Langkah pertama untuk melakukan tahapan ini adalah pengumpulan data yang relevan terhadap resiko yang akan dianalisa. Setelah data yang
39
dibutuhkan terkumpul, selanjutnya dilakukan proses evaluasi dampak dari sebuah resiko baik itu dari segi kegunaan maupun dari segi bisnis yang sedang berjalan. Dari segi kegunaan aplikasi ini tentunya diharapkan akan sangat berpengaruh secara signifikan terhadap penyebaran informasi dan pengembangan aplikasi ini dikemudian hari. Karena aplikasi data karyawan ini sangat membantu dalam proses penyebaran informasi antar karyawan Fasilkom. Karena script untuk aplikasi
ini
sendiri
bersifat
open
source
dimana
semua
orang
bisa
mengembangkan dengan leluasa untuk kemajuan teknologi informasi.
3.3
Perancangan Perancangan merupakan proses yang dilakukan oleh perancang sistem
untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen sistem diaktualisasikan. Proses ini menyangkut tujuan, fungsi dan informasi dari sistem tersebut. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan. Dalam hal ini, sistem yang akan dibuat adalah aplikasi data karyawan berbasis web,yang inti bahasa pemogramannya mengunakan PHP dan beberapa bahasa program lain nya.
3.3.1 Prosedur Blast dan Chat diweb Karyawan Fasilkom Online Prosedur yang yang dilakukan untuk penyebaran informasi diweb karyawan online adalah sebagai berikut: 1. Admin a.
Proses login untuk dapat masuk kehalaman utama admin.
b.
Proses kirim email untuk penyebaran informasi melalui email.
c.
Proses kirim SMS untuk penyebaran informasi melalui SMS.
2. User a.
Proses login untuk dapat masuk kehalaman utama user.
b.
Proses chat untuk dapat melakukan percakapan atar karyawan fasilkom yang
sedang online (login).
40
3.4
Rancangan Unified Modelling Language (UML)
UML dapat memenuhi kebutuhan kebutuhan sistem dengan memodelkan sistem yang dibangun dengan menggunakan beberapa diagram, yaitu use case diagram, activity diagram, dan sequence diagram. 3.4.1 Use Case Diagram Use case diagram merupakan pemodelan untuk kelakuan (behavior) sistem informasi yang akan dibuat. Use case mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem yang akan dibuat. Secara kasar, use case digunakan untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsi-fungsi itu. Dalam pengembangan aplikasi karyawan online berbasis web ini, terdapat dua aktor dengan dua use case. Aktor pertama merupakan admin yang melakukan proses terhadap pengiriman informasi email, proses pengiriman informasi melalui SMS dan proses chat. Dimana dalam melakukan proses pengiriman informasi melalui email maupun SMS tersebut memerlukan login terlebih dahulu. Aktor kedua merupakan user (karyawan), dimana aktifitas yang dilakukan di dalam sistem adalah melakukan percakapan (chat) antar karyawan fasilkom Mercu Buana yang lain, dimana sebelum dapat mengerjakan soal, user harus melakukan login terlebih dahulu.
Gambar 3. 1 Use Case Diagram Penyebaran Informasi Aplikasi Web Karyawan
41
3.4.2
Use Case Description Setelah menentukan use case yang ada pada sistem, maka penjelasan
masing-masing use case yang terdapat di Use Case Diagram dapat dilihat di tabel 3.1, 3.2, 3.3, 3.4, dan 3.5.
Tabel 3. 1 Mengirim Email Use Case
: Mengirim Email
Aktor
: Admin
ID : 001
Deskripsi : 1.
Admin mengklik menu Kirim Email.
2.
Sistem menampilkan daftar list pegawai.
3.
Admin checklist data pegawai form yang tersedia.
4.
Admin menulis pesan email pada form yang tersedia.
5.
Admin mengklik Kirim Email.
Tabel 3. 2 Use Case Description Mengirim SMS Use Case
: Mengirim SMS
Aktor
: Admin
Deskripsi : 1. Admin mengklik menu Kirim SMS. 2. Sistem menampilkan daftar list pegawai. 3. Admin checklist data pegawai form yang tersedia. 4. Admin menulis isi SMS pada form yang tersedia. 5. Admin mengklik Kirim SMS.
ID : 002
42
Tabel 3. 3 Use Case Description Melakukan Percakapan (chat) Use Case
: Melihat Data User
Aktor
: Admin
ID : 003
Deskripsi : 1.
Admin mengklik menu chat room.
2.
Sistem menampilkan daftar seluruh pegawai yang sedang online.
3.
Admin dapat memilih ingin melakukan percakapan (chat) dengan user
yang sedang online.
Tabel 3. 4 Use Case Description Melakukan Percakapan (chat) Use Case
: Melihat Data User
Aktor
: Karyawan
ID : 004
Deskripsi : 1. User mengklik menu chat room. 2. Sistem menampilkan daftar seluruh pegawai yang sedang online. 3. User dapat memilih ingin melakukan percakapan (chat) dengan user yang sedang online.
Tabel 3. 5 Use Case Melihat Data User Use Case
: Melihat Data User
Aktor
: Karyawan
ID : 005
Deskripsi : 1. Karyawan Login dari halaman login 2. Sistem menampilkan Data karyawan 3. karyawan dapat melakukan pencarian dengan klik search sesuai dengan beberapa pilihan keyword dan lihat detail
3.4.3
Sequence Diagram Sequence Diagram menggambarkan kelakuan objek pada use case dengan
mendeskripsikan waktu hidup objek dan pesan yang dikirimkan dan diterima antar objek. Oleh karena itu untuk menggambar diagram sekuen, maka harus diketahui
43
objek-objek yang terlibat dalam sebuah use case beserta metode-metode yang dimiliki kelas yang diinstansiasi menjadi objek itu. Sequence diagram admin dalam proses mengirimkan email setelah melakukan login, membuka halaman admin dan masuk pada menu kirim email untuk mengirimkan email pada list pegawai yang disediakan oleh sistem dan kemudian sistem melakukan pengiriman email. Dari proses tersebut, nantinya sistem akan mengembalikan nilai sukses. Sequence diagram karyawan dalam melakukan percakapan (chat) setelah melakukan login, membuka halaman karyawan dan masuk pada menu list pegawai yang disediakan oleh sistem dan sistem akan menampilkan karyawan yang sedang online, nantinya karyawan dapat melihat data-data karyawan Fasilkom yang sedang terhubung online.
Gambar 3. 2 Sequence Diagram Admin Halaman Kirim Email
Gambar 3. 3 Sequence Diagram Admin Kirim SMS
44
Gambar 3. 4 Sequence Diagram Admin Chat
Gambar 3. 5 Sequence Diagram Karyawan Chat
3.4.4
Activity Diagram
Activity diagram menggambarkan workflow (aliran kerja) atau aktifitas dari sebuah sistem atau proses bisnis. Yang perlu diperhatikan disini adalah activity diagram sistem bukan
apa yang dilakukan aktor, jadi aktifitas yang dapat
dilakukan oleh sistem. Pada Gambar 3.6 akan dijelaskan dijelaskan aliran proses login pada admin, dimana pada halaman login admin, admin diminta untuk memasukkan username
45
dan password pada form login. Sistem akan memeriksa username dan password admin, apabila benar maka admin akan masuk ke halaman admin.
Gambar 3. 6 Diagram Aktifitas Login Admin
Pada Gambar 3.7 dijelaskan proses login yang dilakukan karyawan, dimulai dari karyawan membuka halaman login dan sistem menampilkan halaman login. karyawan diminta untuk memasukan username dan password serta level akses pada halaman login. Sistem akan memeriksa username dan password serta status mahasiswa. Apabila username dan password salah, sistem akan meminta karyawan memasukan kembali username dan password. Karywan dapat masuk ke halaman mahasiswa apabila username, password sudah "Active".
46
Gambar 3. 7 Diagram aktifitas Login Karyawan
Pada Gambar 3.8 dijelaskan diagram aktifitas pengiriman email admin, dimana setelah login pada sistem aplikasi website karyawan. Pada proses pengiriman email admin harus membuka halaman kirim email terlebih dahulu dan memilih group atau perorangan yang akan dikirimkan email. Data tersebut diperlukan admin untuk melakukan proses kirim email.
47
Gambar 3. 8 Diagram Aktifitas Kirim Email
Selain Mengirim email, admin juga dapat mengirimkan SMS seperti pada Gambar 3.9 dijelaskan diagram aktifitas pengiriman SMS dimana setelah login pada sistem aplikasi website karyawan. Pada proses pengiriman SMS admin harus membuka halaman kirim SMS terlebih dahulu dan memilih group atau perorangan yang akan dikirimkan SMS. Data tersebut diperlukan admin untuk melakukan proses kirim email.
48
Gambar 3. 9 Diagram aktifitas kirim SMS
Gambar 3.10 akan menjelaskan aktifitas proses yang dilakukan oleh admin maupun User, sistem akan menampilkan data karyawan yang tersimpan pada database dihalaman utama. Jika ingin melihat data karyawan yang online, klik menu list pegawai yang tersedia. Pada Gambar 3.11 akan dijelaskan aktifitas melakukan percakapan (chat), sistem akan menampilkan data karyawan online yang ada dalam database pada halaman list pegawai. Klik chekbox yang tersedia pada list pegawai melakukan proses chat.
49
Gambar 3. 10 Diagram Aktifitas Lihat Data.
Gambar 3. 11 Diagram aktifitas chat
3.4.5
Class Diagram
Class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Kelas-kelas yang ada pada struktur sistem harus dapat melakukan fungsi sesuai dengan kebutuhan sistem. Untuk aplikasi data karyawan online ini terdapat 3 class yang membangun aplikasi, yaitu admin, user, registrasi.Detail dari masing-masing kelas dapat dilihat pada Gambar 3.12.
50
Gambar 3. 12 Class Diagram Aplikasi Web Karyawan
3.4.6 Entity Relationship Diagram ( ERD ) ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan simbol. Pada dasarnya ada tiga simbol yang digunakan, yaitu : a)
Entiti
Entiti merupakan objek yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain (Fathansyah, 1999: 30). Simbol dari entiti ini biasanya digambarkan dengan persegi panjang. b)
Atribut
Setiap entitas pasti mempunyai elemen yang disebut atribut yang berfungsi untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari atribut mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu dengan yang lain.
51
c)
Hubungan / Relasi
Hubungan antara sejumlah entitas yang berasal dari himpunan entitas yang berbeda. Perhatikan Gambar 3.13 untuk lebih jelasnya mengenai ERD.
Gambar 3. 13 ERD Penyebaran Informasi di Web Karyawan
3.5
Basis Data yang Digunakan Untuk penjelasan dari masing-masing tabel yang akan digunakan dalam
pengembangan web karyawan fasilkom online dapat dilihat pada uraian kamus data dibawah ini: 1.
Tabel Admin Tabel admin berguna untuk menyimpan data admin untuk melakukan proses login agar dapat masuk ke halaman admin. Dalam tabel ini terdapat beberapa kolom, sebagai berikut :
52
Tabel 3. 6 Tabel Admin
2.
Nama kolom
Tipe
Panjang
Keterangan
admin _id
Integer
1
primary key
admin_username Varchar
60
admin_password Varchar
60
admin_email
Varchar
60
admin_lastlogin
Datetime
Tabel User
Tabel user berguna untuk menyimpan data yang di input oleh user dan tabel ini terdapat beberapa kolom, sebagai berikut : Tabel 3. 7 Tabel User Nama kolom
Tipe
Panjang
Keterangan
nik
Varchar
15
primary key
password
Varchar
60
full_name
Varchar
60
birth_place
Varchar
20
birth_date
Date
address
Varchar
100
fix_phone
Varchar
12
mobile_phone_a Varchar
15
mobile_phone_b Varchar
15
nidn
Varchar
10
email
Varchar
120
job_position_id
Integer
2
job_level_id
Integer
2
prodi_id
Integer
2
dosen_status_id
Integer
1
Datetime
5
lastlogin
dalam
53
3.
edu_bg
Varchar
5
study_inf
Varchar
5
certification
Varchar
5
Image_name
Varchar
20
Tabel SMS Tabel sms berguna untuk menyimpan data status pengiriman sms, dalam
tabel ini terdapat beberapa kolom, sebagai berikut : Tabel 3. 8 Tabel SMS Nama kolom
Tipe
Panjang
Keterangan
Sms_id
Varchar
20
primary key
batch_id
Varchar
48
sms_phone
Varchar
20
sms_message
Varchar
160
sms_sent_timestamp
DateTime
sms_report_timestamp
sms_status
4.
DateTime Integer
11
Tabel Job Position
Tabel Job Position berguna untuk menyimpan data jabatan, dalam tabel ini terdapat beberapa kolom, sebagai berikut : Tabel 3. 9 Tabel Job Position Nama kolom job_position_id
Tipe
Panjang
Keterangan
Integer
2
primary key
job_position_detail Varchar
5.
60
Tabel Job Level
Tabel Job Level berguna untuk menyimpan data kepangkatan, dalam tabel ini terdapat beberapa kolom, sebagai berikut :
54
Tabel 3. 10 Tabel Job Level Nama kolom job_level_id
Tipe
Panjang
Keterangan
Integer
2
primary key
job_level_detail Varchar
6.
60
Tabel Prodi
Tabel Prodi berguna untuk menyimpan data di jurusan mana user tersebut bekerja, dalam tabel ini terdapat beberapa kolom, sebagai berikut : Tabel 3. 11 Tabel Prodi Nama kolom
7.
Tipe
Panjang
Keterangan
prodi_id
Integer
2
primary key
prodi_detail
Varchar
60
Tabel Dosen Status
Tabel dosen status berguna untuk menyimpan data status dosen, dalam tabel ini terdapat beberapa kolom, sebagai berikut : Tabel 3. 12 Tabel Dosen status Nama kolom
Tipe
Panjang
Keterangan
Dosen_status _id
Integer
2
primary key
Dosen_status_detail Varchar
3.6
60
Perancangan Antarmuka
Pada bagian ini akan dijelaskan, mengenai tampilan pengguna aplikasi ujian onilne. Perancangan antarmuka ini terdiri dari 9 halaman dosen dan 6 halaman mahasiswa. Untuk halaman admin, tersedia halaman index, halaman ubah password admin, halaman ubah email admin, halaman data referensi, halaman list registrasi pegawai,halaman list pegawai, halaman kirim pesan via email, halaman statistik, dan halaman login. Untuk halaman user, tersedia halaman index, halaman profil user, halaman ubah password, halaman list pegawai, halaman statistik, dan halaman login
55
3.6.1
Rancangan Antarmuka Halaman Index Rancangan ini adalah untuk halaman index sebelum melakukan proses
login. Halaman ini hanya sebagai halaman welcome screen. Rancangan antarmuka halaman awal admin dapat dilihat pada Gambar 3.14.
Logo Header
Input NIM Input Password
Login
Belum Terdaftar? KLIK DISINI Anda Web Admin? KLIK DISINI
Gambar 3. 14 Halaman Index Admin
3.6.2
Rancangan Antarmuka Halaman Kirim Email
Rancangan ini adalah untuk halaman kirim email, dimana dalam halaman ini terdapat form pengiriman email yang dapat ditujukan untuk karyawan fasilkom baik perseorangan maupun grup. Rancangan halaman kirim email dapat dilihat pada Gambar 3.15.
56
Header
Log out
List Menu
Menampilkan ketererangan tentang halaman ini
Kepada Judul Email Tulis Pesan Email
Kirim Email
Gambar 3. 15 Halaman Index Kirim Email
3.6.3 Rancangan Antarmuka Halaman Kirim SMS Rancangan ini adalah untuk halaman kirim SMS, dimana dalam halaman ini terdapat form pengiriman SMS yang dapat ditujukan untuk karyawan fasilkom baik perseorangan maupun grup. Rancangan halaman kirim SMS dapat dilihat pada Gambar 3.16. Header
Log out
Menampilkan keterangan tentang halaman ini
List Menu Kepada Isi SMS
Kirim SMS
Gambar 3. 16 Halaman Index Kirim SMS
57
3.6.4
Rancangan Antarmuka Halaman Chat
Rancangan ini adalah untuk halaman Chat, dimana dalam halaman ini admin maupun sesama karyawan fasilkom dapat bertukar informasi melalui chatting online. Rancangan halaman ubah data referensi dapat dilihat pada Gambar 3.17. Header
Log out
List Menu
Menampilkan keterangan tentang halaman ini
Isi Percakapan
Send
Gambar 3. 17 Halaman Index Percakapan Online (Chat)