bab iii perancangan sistem 3.1 analisa sistem

15

BAB III

PERANCANGAN SISTEM

3.1 Analisa Sistem

Dalam peracangan teknologi khususnya pada sistem informasi, penulis

menggunakan data pengumuman yang tersedia di Fakultas Teknik Universitas

Muhammadiyah Malang.

Identifikasi stakeholder adalah proses identifikasi orang, kelompok atau

organisasi yang dapat memberikan dampak atau yang terkena dampak atas

keputusan dan hasil proyek. Lalu melakukan analisis dan dokumentasi informasi

yang relevan terkait kepentingan, keterlibatan, ketergantungan, pengaruh, dampak

potensial terhadap kesuksesan sebuah sistem yang dibuat. Stakeholder tersebut

antara lain beberapa admin dari setiap organisasi atau departemen dan mahasiswa

sebagai konsumen informasi pengumuman.

Pengguna sistem terdiri dari 4 pengguna yaitu admin fakultas, admin jurusan,

dosen dan mahasiswa. Yang masing-masing memiliki fungsi sebagai berikut:

1. Admin Fakultas

Admin memiliki hak akses untuk melakukan manajemen data yaitu

manajemen data admin dan manajemen data informasi.

2. Admin Jurusan

Admin memiliki hak akses untuk melakukan manajemen data yaitu

manajemen data pengumuman dan manajemen data informasi.

3. Dosen

Dosen memiliki fungsi untuk melanjutkan input data informasi sesuai yang

diinginkan oleh dosen.

4. Mahasiswa

Mahasiswa adalah pengguna akhir yang akan melihat data pada E-News baik

menggunakan smartphone maupun menggunakan PC/Laptop.

16

3.2 Perancangan Sistem

Arsitektur sistem merupakan tahap awal dari perancangan aplikasi. Arsitektur

ini dilakukan untuk mengetahui kondisi sistem secara umum. Dalam perancangan

sistem ini akan membahas mengenai block diagram sistem yang akan dibangun

pada “Perancangan dan Implementasi Aplikasi E-News Fakultas Teknik

Universitas Muhammadiyah Malang Berbasis Android”.

3.2.1 Arsitektur Sistem

INTERNET

Database

SEARCH

INSERT/

VIEWMANAJEMEN PENGUMUMAN

VIEW

SERVER FAKULTAS

Pengumuman

DOSEN MAHASISWAADMIN

JURUSAN

Pe

ng

um

um

an

ADMIN

FAKULTAS

MANAJEMEN ADMIN

Gambar 3.1 Block Diagram Sistem E-News

3.2.2 Diagram Konteks

Pada diagram konteks ini terdapat 4 stakeholder yaitu mahasiswa sebagai

pengguna dan konsumen sistem dan dapat melakukan proses tanya jawab atau

pencarian otomatis, staf admin sebagai pengelola data sistem dan pemberi

informasi, dosen dan staf kampus sebagai pemberi informasi.

17

Gambar 3.2 Diagram Context

a) Data Flow Diagram Level 1

DFD level 1 merupakan representasi dari data pada DFD level 0 yang sudah

dipartisi untuk memberikan penjelasan yang lebih detail. Pada aplikasi tanya

jawab otomatis ini terdiri dari empat proses yaitu proses login, proses olah data

admin dan olah data pengumuman pada gambar 3.3

18

DATA INFORMASI

DATA INFORMASI

HASIL

KEYWORD

DATA ADMIN

DATA ADMIN

DATA ADMIN

DATA ADMIN

DATA INFORMASI

DATA INFORMASI

DATA INFORMASI

HASIL PENCARIAN

KEYWORD

DATA INFORMASI

LOGIN

AUTENTIKASI LOGIN

DATA INFORMASI

DATA INFORMASIDATA INFORMASI

DATA INFORMASI

DATA INFORMASI

AUTENTIKASI LOGIN

LOGIN

AUTENTIKASI LOGIN

LOGIN

admin

fakultas

admin

jurusan

dosen

mahasiswa

1

CEK LOGIN

tbl_admin

tbl_informasi

2

MANAJEMEN

DATA

INFORMASI

3

PENCARIAN

hasil_pencarian

4

VIEW HASIL5

MANAJEMEN

DATA ADMIN

6

KLASIFIASI

INFORMASI

Gambar 3.3 DFD Level 1

b) Data Flow Diagram Level 2 – Login

DFD level 2 login ini merupakan penjabaran dari DFD level 1 yang memuat

proses-proses yang ada dalam sistem. Yaitu meliputi kelola cek username dan

password dan hasil verifikasi username dan password.

data login

data login

data login

data login

ADMIN

admin

1

cek usernam e dan

password

2

hasil verifikasi

Gambar 3.4 DFD Level 2 Proses Login

19

c) Data Flow Diagram Level 3 – Manajemen Admin

DFD level 3 proses olah data admin atau manajemen data admin merupakan

penjabaran yang lebih detail dari proses olah data admin. Pada proses ini terdiri

dari empat proses yaitu proses tambah data admin, proses ubah admin, proses

hapus admin dan proses view data admin. Dalam proses ini terdapat satu

database yaitu database data admin yang bisa dilihat pada gambar berikut:

ADMINADMIN

ADMIN

ADMIN

ADMINADMIN

ADMINADMIN

ADMIN

admin

1

view

2

insert

3

update

4

delete

Gambar 3.5 DFD Level 3 – Manajemen Admin

d) Data Flow Diagram Level 4 – Manajemen Informasi

DFD level 4 proses olah data pengumuman merupakan penjabaran yang lebih

detail dari proses olah data pengumuman. Proses ini terdiri dari empat proses

yaitu proses tambah data pengumuman, proses ubah data pengumuman, proses

hapus data pengumuman dan proses view data pengumuman. Dalam proses ini

terdapat satu database yaitu database pengumuman, yang bisa dilihat pada

gambar 3.6


DATA INFORMASI

DATA INFORMASI


DATA INFORMASI

DATA INFORMASI

ADMINtbl_informasi

1

view

2

update

3

delete

4

insert

Gambar 3.6 DFD Level 4 – Manajemen Pengumuman

20

3.3 Desain Database

3.3.1 Diagram Konseptual (Conceptual Data Model)

Diagram konseptual adalah representasi visual dari bagaimana sistem bekerja

yang terbuat dari susunan konsep yang digunakan untuk membuat orang tahu,

mengerti atau menstimulasikan subjek model yang ditampilkan. Beberapa dari

modelnya merupakan objek fisik. Diagram ini dapat digunakan untuk mengacu

kepada model yang terbentuk setelah proses konseptualisasi atau generalisasi.

Gambar 3.7 Diagram Konseptual Database

3.3.2 Use Case Diagram

Gambaran fungsional dari suatu sistem, sehingga pengguna sistem paham dan

mengerti mengenai sistem yang akan dibangun. Adapun komponen pembentuk use

case adalah actor yang dapat mempresentasikan seseorang yang berinteraksi

dengan sistem. Berikut merupakan gambaran actor yang menggunakan E-News.

informasi yang ditemukan

detail klasifikasi

kelas informasi

tbl_admin

id_admin

username

password

nama

level

<pi> Serial (11)

Variable characters (60)




<M>

Key_1 <pi>tbl_detail_klasifikasi

id_detail_kelasifikasi

id_informasi

id_kelasifikasi

<pi> Serial (11)

Integer

Integer

<M>

Key_1 <pi>

tbl_hasil_pencarian

id_hasil_pencarian

id_informasi

query

nilai

<pi> Serial (11)

Integer


Long float

<M>

Key_1 <pi>

tbl_informasi

id_informasi

id_admin

judul

keterangan

tgl_posting

<pi> Serial (11)

Integer



Date

<M>

Key_1 <pi>

tbl_klasifikasi

id_kelasifikasi

klasifikasi

keyword

<pi> Serial (11)



<M>

Key_1 <pi>

21

Tampilan Menu

Info Kegiatan

Info UTS/UAS

Info Seminar

Pilih

Info Praktikum

Pilihan Jurusan

Info Lain-Lain

Lihat

Download File

Info Jadwal

Perkuliahan

User (Mahasiswa)

(a)

Tampilan Menu

Insert/View

Pengumuman

Publish/Delete

Pengumuman

Login

Edit

Pengumuman

Admin Jurusan/Dosen

Logout

Mengelompokkan

Pengumuman

(b)

Tampilan Menu

Insert/View

Pengumuman

Publish/Delete

Pengumuman

Login

Edit

PengumumanMengelompokkan

Pengumuman

Admin Fakultas

Logout

Tambah Admin

(c)

Gambar 3.8 (a) Use Case Diagram User/Mahasiswa. (b) Use Case Diagram

Admin Jurusan/Dosen. (c) Use Case Diagram Admin Fakultas

22

Gambar 3.8 di atas menunjukkan interaksi antara aktor dan sistem. Aktor

pertama yaitu pengguna aplikasi (mahasiswa) yang berinteraksi dengan aplikasi

yang bergerak pada mobile phone/handphone. Dimana mahasiswa dapat

mengakses ke dalam sistem dan dapat melihat beberapa informasi pengumuman

yang tertera. Selain itu juga mahasiswa dapat mengunduh file jika ada beberapa

pengumuman yang berbentuk seperti gambar, word, pdf dan lain sebagainya. Aktor

kedua yang berperan adalah admin (petugas kajur) yang berinteraksi pada sistem

untuk dapat memasukkan atau sekedar mengecek pengumuman. Serta juga dapat

mengedit pengumuman dan mem-publis atau menghapus pengumuman yang sudah

terlampir. Dan yang ketiga merupakan dosen yang tugasnya kurang lebih sama

dengan admin (petugas kajur).

3.4 Keterangan Tabel

3.4.1 Tabel E-News

Nama Tabel : tbl_informasi

Primary Key : id_informasi

Foreign Key : username

Fungsi : Menyimpan data informasi

Tabel 3.1 Keterangan Tabel Informasi E-News

No Nama Fild Tipe Data Keterangan

1 Id_informasi Integer Primary Key

2 judul Varchar Not Null

3 keterangan Varchar Not Null

4 Tgl_posting Varchar Not Null

5 username Varchar Foreign Key

3.4.2 Tabel Admin

Nama Tabel : Admin

Primary Key : id_admin

Fungsi : Menyimpan data admin

23

Tabel 3.2 Keterangan Tabel Admin


1 Id_admin Varchar Primary Key

2 username Varchar Foreign Key

3 password Varchar Not Null

4 nama Varchar Not Null

5 Terakhir_login Number Not Null

6 Level Varchar Not Null

3.4.3 Tabel Klasifikasi

Nama Tabel : tbl_klasifikasi

Primary Key : id_klasifikasi

Fungsi : Menyimpan data klasifikasi informasi

Tabel 3.3 Keterangan Tabel Klasifikasi


1 Id_klasfikasi Varchar Primary Key

2 Id_informasi Varchar Foreign Key

3 klasifikasi Varchar Not Null

3.4.4 Tabel Hasil Pencarian

Nama Tabel : hasil_pencarian

Primary Key : id_hasil

Fungsi : Menyimpan data hasil pencarian

Tabel 3.4 Keterangan Hasil Pencarian


1 Id_hasil Varchar Primary Key

2 Id_informasi Varchar Foreign Key

3 keyword Varchar Not Null

4 Nilai Varchar Not Null

24

3.5 Desain Interface

Suatu aplikasi harus mempunyai desain tampilan yang menarik, interaktif dan

mudah dimengerti oleh user. Sehingga perlu didesain secara detail dan seksama.

Berikut sebagai tampilan awal dari interface.

Username

Password

SIGN IN

SIGN IN TO ADMINISTRATOR

Gambar 3.9 Rancangan Tampilan Login

Gambar 3.9 merupakan rancangan tampilan log in yang terdiri dari

memasukkan username serta password yang benar untuk masuk ke dalam aplikasi

sistem. Yang hanya bisa diakses oleh admin fakultas, admin jurusan dan dosen.

E-News

Teknik Mesin

Teknik Elektro

Teknik Sipil

Teknik Industri

Teknik Informatika

Pengumuman Fakultas

SELAMAT DATANG

Fakultas

Teknik

Gambar 3.10 Rancangan tampilan Pilihan Fakultas

25

Gambar 3.10 merupakan rancangan tampilan menu yang terdiri dari pilihan

beberapa jurusan yang ada di dalam Fakultas Teknik Universitas Muhammadiyah

Malang. Yang diantara terdiri dari teknik mesin, teknik elektro, teknik sipil, teknik

industri, teknik informatika dan D3 elektro. Serta terdapat pilihan log out untuk

keluar dari tampilan menu.

SELAMAT DATANG

FORM PENCARIAN

INFO KEGIATAN

INFO SEMINAR

INFO UTS/UAS

INFO PRAKTIKUM

INFO SKRIPSI

JADWAL KULIAH

INFO LAIN-LAIN

KEYWORD

[Detail][Download File]







PROSES PENCARIAN

E-NewsFakultas

Teknik

Gambar 3.11 Rancangan Halaman Utama

Gambar 3.11 merupakan rancangan halaman utama, terdapat 6 buah pilihan

kategori yaitu informasi kegiatan, informasi seminar, informasi UTS/UAS,

informasi praktikum, informasi jadwal perkuliahan serta informasi lain-lain. Dan

juga terdapat pilihan log out. Pada tampilan ini user (mahasiswa) dapat memilih

informasi apa yang ingin dilihat atau ditampilkan.

bab iii perancangan sistem 3.1 analisa sistem

Documents