bab iii analisis dan perancangan sistem 3.1 ... -...

19
20 BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem Secara umum analisis sistem dapat diartikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan- permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan dan pengembangan sistem. Analisis sistem adalah langkah awal sebelum membuat sebuah sistem dengan menggunakan metode tertentu dengan tujuan mendapatkan pemahaman secara keseluruhan tentang sistem yang akan dikembangkan atau dibuat sekaligus memahami permasalahan-permasalahan yang ada. Sistem yang akan dibuat pada perancangan dan pembuatan aplikasi ini adalah Sistem Infomasi Tracer Study Alumni pada prodi informatika universitas muhammadiyah gresik. Dengan adanya sistem tersebut sangat mendukung untuk mengetahui data data secara umum alumni yang ada di prodi informatika. Adapun data yang digunakan dalam pembuatan sistem informasi Tracer Study alumni adalah : 1. Data mengenai Alumni yang didapat dari form angket 2. Pembuatan sistem informasi bagi prodi 3.2. Hasil Analisis Dengan adanya sistem informasi tracer study alumni pada prodi informatika universitas muhammadiyah gresik yang berbasis web dapat menyimpan data data para alumni dengan baik dan rapi, sehingga tidak mengalami kesulitan pada saat melakukan pencarian data alumni. Untuk mendapatkan hasil kerja yang maksimal pada saat sistem digunakan, maka peneliti mengumpulkan informasi dari beberapa alumni agar supaya informasi yang diperoleh menjadi maksimal diantaranya :

Upload: buibao

Post on 01-Feb-2018

235 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

20

BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1. Analisis dan Sistem

Secara umum analisis sistem dapat diartikan sebagai penguraian dari suatu

sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan

maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-

permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan

kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan dan

pengembangan sistem.

Analisis sistem adalah langkah awal sebelum membuat sebuah sistem

dengan menggunakan metode tertentu dengan tujuan mendapatkan pemahaman

secara keseluruhan tentang sistem yang akan dikembangkan atau dibuat sekaligus

memahami permasalahan-permasalahan yang ada.

Sistem yang akan dibuat pada perancangan dan pembuatan aplikasi ini

adalah Sistem Infomasi Tracer Study Alumni pada prodi informatika universitas

muhammadiyah gresik. Dengan adanya sistem tersebut sangat mendukung untuk

mengetahui data – data secara umum alumni yang ada di prodi informatika.

Adapun data yang digunakan dalam pembuatan sistem informasi Tracer

Study alumni adalah :

1. Data mengenai Alumni yang didapat dari form angket

2. Pembuatan sistem informasi bagi prodi

3.2. Hasil Analisis

Dengan adanya sistem informasi tracer study alumni pada prodi informatika

universitas muhammadiyah gresik yang berbasis web dapat menyimpan data –

data para alumni dengan baik dan rapi, sehingga tidak mengalami kesulitan pada

saat melakukan pencarian data alumni.

Untuk mendapatkan hasil kerja yang maksimal pada saat sistem digunakan,

maka peneliti mengumpulkan informasi dari beberapa alumni agar supaya

informasi yang diperoleh menjadi maksimal diantaranya :

Page 2: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

21

3.2.1. Kebutuhan Pengguna Sistem

Aplikasi ini mempunyai 3 jenis pengguna yaitu :

1. Alumni :Sistem dapat mengisi biodata dan menjawab kuisioner,

menambah informasi lowongan kerja, agenda serta alamat email

pada system.

2. Ka. Prodi : Sistem dapat memberikan laporan alumni yang

terdaftar, laporan kuisioner, agenda kegiatan dan lowongan kerja

yang direkomendasikan.

3. Tim Tracer Study : Sistem dapat memberikan informasi tentang

kuisioner serta hasil jawaban kuisioner, dan persetujuan dari

alumni yang terdaftar.

3.2.2. Kebutuhan Output Sistem

Kebutuhan output system adalah hasil rekap dari pengisian data

kuesioner yang telah dilakukan oleh alumni. Tabel 3.1 menunjukkan

contoh rekap data alumni.

Tabel 3.1 Rekap data Alumni

NO NAMA ALAMAT TAHUN BIDANG

PEKERJAAN RELEVAN

MASUK LULUS

1 ACHMAD

ZAMRONI

PONGANGAN

MANYAR

GRESIK

2007 2013 Teknologi

Informasi

Relevan

2 HERI SUTIKNO KEBOMAS

GRESIK

2007 2013 Teknologi

Informasi

Relevan

3 FENI SRI

WAHYUNINGSIH

Cerme kidul

gresik

2008 2013 Industri Kurang

4 IRIANI VICKY

OKTAVIA

DUSUN

MELIRANG

2008 2014 Industri Kurang

5 MUHAMMAD

AZIZ RIZKI

Bungah gresik 2008 2014 Perbankan Tidak

6 NOVILIYA

WIJAYANTI

Glagah

Lamongan

2007 2014 Perbankan Tidak

7 IMAM FATHONI GRESIK 2009 2015 Teknologi

Informasi

Relevan

8 RUNIATUL

MAZIDAH

Jl Pasir raya no

2B

2008 2015 Pendidikan Tidak

9 SITI MURNI BALONG

PANGGANG

2009 2014 Teknologi

Informasi

Relevan

10 FAUZAN IBNO

WALIDAIYA

Perum Cerme

Indah

2008 2014 Teknologi

Informasi

Relevan

Page 3: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

22

Data pada tabel 3.1 selanjutnya diolah dalam bentuk grafik, gambar

3.1 menunjukkan contoh grafik untuk data rekap kuesioner tentang

Pertanyaan apakah Pendidikan yang ditempuh Relevan terhadap

pekerjaan yang diperoleh sekarang.

Gambar 3.1 Grefik Rekap data Kuesioner

3.3. Perancangan Sistem

Proses merupakan suatu rangkaian tindakan sistematis yang diarahkan untuk

mencapai tujuan tertentu. Sebelum proses dijalankan perlu dilakukan suatu

perancangan terhadap proses. Perancangan proses mendefinisikan relasi antara

elemen – elemen struktural utama, pola yang digunakan untuk mencapai

kebutuhan yang ditentukan untuk sistem dan batasan – batasan yang

mempengaruhi bagaimana desain proses ini diterapkan. Desain ini dibuat

berdasarkan spesifikasi sistem, model analisis (bagian DFD) dan interaksi antara

subsistem.

3.3.1. SOP Tracer Studi Alumni

Gambar 3.2 menjelaskan SOP dari Tracer Studi yang ada di Prodi

Teknik Informattika Universitas Muhammadiyah Gresik.

Page 4: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

23

MENYUSUN TIM TRACER

STUDY

KAPRODI

DRAFT TIM TRACER STUDI

SETUJU?

MEMBUAT SISTEM

TIM TRACER

SISTEM

MENYUSUN KUESIONER

TIM TRACER STUDY

BERKAS KUESIONER

MENYETUJUI KUESIONER

KAPRODI

BERKAS KUESIONER

TIDAK

UNGGAH KUESIONER KE

WEBSITE

TIM TRACER STUDY

BERKAS KUESIONER

YA

MENGISI KUESIONER

ALUMNI

BERKAS KUESIONER

REKAP KUESIONER

TIM TRACER STUDY

BERKAS KUESIONER

LAPORAN TRACER STUDY

KAPRODI

LAPORAN

HASIL PENINGKATAN

PENDIDIKAN

KAPRODI

LAPORAN

Gambar 3.2 SOP Tracer Studi

3.3.2. Diagram Konteks

Hakekatnya sistem mempunyai keterkaitan dengan sejumlah entitas,

baik itu keterkaitan dengan entitas luar sistem maupun keterkaitan dengan

entitas dalam sistem. Hubungan antara entitas dengan sistem digambarkan

dengan diagram konteks. Diagram konteks pada Sistem Informasi Alumni

Tracer Study pada Prodi Informatika Universitas Muhammadiyah Gresik

berbasis Web sebagai berikut :

Page 5: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

24

SISTEM INFORMASI

ALUMNI

ALUMNI

KAPRODITIM TRACER

STUDY

Biodata_alumni,

Jawab_kuisioner,

Lowongan_kerja,

Agenda_alumni,

Alamat_email

Kuisioner_alumni,

User_name_dan_pass,

Id_pendaftaran

Hasil_jawaban_kuisioner,

Alumni_yang_daftar

Kuisioner,

Persetujuan_daftar_alumni

Laporan_alumni_yang_terdaftar,

Laporan_kuisioner,

Agenda_kegiatan_alumni

Lowongan_kerja_yang_direkomendasi

Gambar 3.3 Diagram Konteks

Adapun keterangan dari gambar 3.2 sebagai berikut: DFD level 0

menunjukkan entitas yang berhubungan dengan sistem informasi alumni

tracer study pada prodi informatika universitas muhammadiyah gresik yaitu

Tim Tracer Study, Alumni dan Kaprodi. Input dari sistem ini adalah

identitas alumni. Output dari sistem ini adalah berupa laporan data alumni.

3.3.3. Diagram Berjenjang

0

Sistem

Informasi

Alumni

1

Pendaftaran

2

Laporan

alumni

3

Pengisian

Kuesioner

3.3

Mengisi

Lowongan

Pekerjaan

3.2

Mengisi

Agenda

3.1

Mengisi

Kuisioner

1.1

Verifikasi

Pendaftaran

Gambar 3.4 Diagram Berjenjang

0

Page 6: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

25

Adapun Seperti yang terlihat pada gambar 3.4 menunjukkan diagram

berjenjang dari sistem informasi yang telah dibuat, pada gambar diagram

diatas terlihat ada beberapa proses yang terjadi, antara lain :

1. Level 0 : terdiri dari 3 proses

a) Pendaftaran

b) Laporan alumni

c) Login

2. Level 1 : Ada 2 sub proses yaitu sub proses rekap data dan

sub proses autentikasi

a) Sub proses pendaftaran :

1. Verifikasi pendaftaran

b) Sub proses pengisian kuesioner :

1. Mengisi kuisioner

2. Mengisi agenda

3. Mengisi lowongan kerja

3.2.3 Data Flow Diagram (DFD) level 0

ALUMNI

TIM TRACER

STUDY

KAPRODI

t_pendaftaran

1.

PENDAFTARAN

2.

LAPORAN

ALUMNI

3.

PENGISIAN

KUESIONER

Biodata_alumni,

alamat_email

Persetujuan_daftar_alumni

Biodata_alumni

Laporan_alumni_yang_terdaftar,

Lporan_kuesioner

Id_pendaftaran

Biodata_alumni

User_name_dan_pass

User_name_dan_pass

Alumni_yang_terdaftar User_name_dan_pass

t_kuesioner

Laporan_kuesioner

t_loginUsername_dan_pass

Gambar 3.5 DFD Level 0

Dari Gambar 3.5 menjelaskan bahwa proses alumni ini dapat

memposting informasi lowongan kerja, mengcreate, update dan delete

data alumni, merekap data, dan proses autentikasi. Pada Proses

Page 7: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

26

Laporan Alumni membaca 2 tabel yaitu tabel t_pendaftaran sebagai

biodata alumni dan t_kuesioner sebagai data detail jawaban kuesioner

dari alumni. Proses login memanggil data username dan password

yang tersimpan pada tabel t_login.

3.2.4 Data Flow Diagram (DFD) level 1 (Verifikasi Pendaftaran)

Dari Gambar 3.6 dibawah ini menjelaskan bahwa proses Verifikasi

Pendafataran dapat dilakukan oleh Tim Tracer Study dari data

pendaftaran alumni.

ALUMNI

TIM TRACER

STUDY

t_pendaftaran

1.1

VERIFIKASI

PENDAFTARAN

Biodata_alumni,

alamat_email

Persetujuan_daftar_alumniBiodata_alumni

Id_pendaftaran

Alumni_yang_terdaftar

Gambar 3.6 DFD Level 1 (Verifikasi Pendaftaran)

3.2.5 Data Flow Diagram (DFD) level 1 (pengisian kuesioner)

3.2

MENGISI

LOWONGAN

PEKERJAAN

3.2

MENGISI

AGENDA

3.1

MENGISI

KUESIONER

ALUMNI

TIM TRACER

STUDY KAPRODI

Jawab_kuesioner

Agenda_alumni

Lowongan_pekerjaan

Lowongan_kerja_yang_direkomendasiAgenda_kegiatan_alumni

Kuesioner_alumni

kuesioner

Hasil_jawaban_kuesioner

t_kuesioner

kuesioner

t_agenda

Agenda_alumni

t_lowongan

Lowongan_pekerjaan

Gambar 3.7 DFD Level 1 (pengisian kuesioner)

Page 8: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

27

Dari Gambar 3.7 proses DFD Level 1 (pengisian kuesioner)

mempunyai sub proses Mengisi Kuesioner, Mengisi Agenda, dan

Mengisi Lowongan Pekerjaan. Dalam proses ini yang berperan adalah

alumni dan kaprodi.

3.4. Perancangan Basis Data

Basis Data (Database) adalah kumpulan dari data yang berhubungan antara

satu dengan yang lainnya, tersimpan di perangkat keras komputer dan

me3nggunakan perangkat lunak untuk memanipulasinya. Basis data merupakan

salah satu komponen yang penting dalam sistem komputerisasi, karena merupakan

database dalam menyediakan informasi bagi para pengguna. Adapun perancangan

database mengenai sistem informasi ini diperlukan beberapa tabel sebagai berikut:

3.4.1 Phsycal Data Model (PDM)

d_kuesioner

dkuesioner_id

kuesioner_id

tracer_id

d_kuesioner_jawab

...

int(11)

int(11)

int(11)

text

<pk>

<fk1>

<fk2>

m_group

group_id

group_nama

int(11)

char(20)

<pk>t_agenda

agenda_id

agenda_tanggal

agenda_keterangan

login_id

...

int(11)

date

text

int(11)

<pk>

<fk>

t_kuesioner

kuesioner_id

kuesioner_tanggal

pendaftaran_id

...

int(11)

date

int(11)

<pk>

<fk>

t_login

login_id

login_user

login_nama

login_password

login_aktif

group_id

...

int(11)

char(20)

varchar(200)

char(32)

int(11)

int(11)

<pk>

<fk>

t_lowongan

lowongan_id

lowongan_tanggal

lowongan_keterangan

login_id

...

int(11)

date

text

int(11)

<pk>

<fk>

t_pendaftaran

pendaftaran_id

pendaftaran_nama

pendaftaran_jenis_kelamin

pendaftaran_alamat

pendaftaran_email

pendaftaran_hp

...

int(11)

varchar(200)

int(11)

text

varchar(100)

char(20)

<pk>

t_tracer

tracer_id

tracer_nomor

tracer_keterangan

...

int(11)

int(11)

text

<pk>

Gambar 3.8 PDM Sistem informasi tracer study alumni pada prodi informatika

universitas muhammadiyah gresik

PDM merupakan gambaran secara detail basis data dalam bentuk fisik.

Penggambaran rancangan PDM memperlihatkan struktur penyimpanan data yang

benar pada basis data yang digunakan sesungguhnya. Seperti Gambar 3.8

Page 9: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

28

merupakan penyimpanan data yang sesungguhnya pada sistem informasi tracer

study alumni pada prodi informatika universitas muhammadiyah Gresik.

3.4.2 Conceptual Data Model (CDM)

d_kuesioner_ibfk_1

d_kuesioner_ibfk_2

t_agenda_ibfk_1

t_kuesioner_ibfk_1

t_login_ibfk_1

t_lowongan_ibfk_1

d_kuesioner

#

o

dkuesioner_id

d_kuesioner_jawab

Serial (11)

Text

m_group

#

o

group_id

group_nama

Serial (11)

Characters (20)

t_agenda

#

o

o

agenda_id

agenda_tanggal

agenda_keterangan

...

Serial (11)

Date

Text

t_kuesioner

#

o

kuesioner_id

kuesioner_tanggal

Serial (11)

Date

t_login

#

o

o

o

o

login_id

login_user

login_nama

login_password

login_aktif

...

Serial (11)

Characters (20)

Variable characters (200)

Characters (32)

Integer

t_lowongan

#

o

o

lowongan_id

lowongan_tanggal

lowongan_keterangan

...

Serial (11)

Date

Text

t_pendaftaran

#

o

o

o

o

o

pendaftaran_id

pendaftaran_nama

pendaftaran_jenis_kelamin

pendaftaran_alamat

pendaftaran_email

pendaftaran_hp

...

Serial (11)

Variable characters (200)

Integer

Text

Variable characters (100)

Characters (20)

t_tracer

#

o

o

tracer_id

tracer_nomor

tracer_keterangan

...

Serial (11)

Integer

Text

Gambar 3.9 CDM Sistem informasi tracer study alumni pada prodi informatika

universitas muhammadiyah gresik

CDM dipakai untuk menggambarkan secara detail struktur basis data dalam

bentuk logika. Adapun keterangan dari gambar 3.9 sebagai berikut :

- m_group berhubungan dengan t_login. Jenis hubungannya one to many dari

group ke login

- t_pendaftaran berhubungan dengan t_kuesioner. Jenis hubungannya one to

many dari profil pendaftaran ke kuesioner.

- t_login berhubungan dengan t_agenda. Jenis hubungannya one to many dari

login ke Agenda.

- t_login berhubungan dengan t_lowongan. Jenis hubungannya one to many

dari login ke lowongan Pekerjaan.

3.4.3 Struktur Tabel

Adapun perancangan database mengenai aplikasi ini diperlukan beberapa

table database sebagai berikut:

Page 10: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

29

a. Tabel Group

Tabel ini berfungsi untuk digunakan menyimpan data Group pengguna. Tabel

Group dapat ditunjukkan oleh Tabel 3.2

Tabel 3.2 Tabel user

Field TYPE Key Keterangan

id_user INT Primary Key

Username VARCHAR(50)

Password VARCHAR(50)

Nama VARCHAR(50)

Alamat VARCHAR(50)

Telephone VARCHAR(12)

jenis_kelamin VARCHAR (1)

Level CHAR (1)

b. Tabel Alumni

Tabel ini berfungsi untuk menyimpan data alumni, yang nantinya akan

ditampilkan dalam sistem informasi. ditunjukkan pada Tabel 3.3

Tabel 3.3 Tabel Alumni

Field TYPE Key Keterangan

id_alumni INT Primary Key

NIM VARCHAR(10)

Nama VARCHAR(50)

Alamat VARCHAR(50)

Telephone VARCHAR(12)

jenis_kelamin VARCHAR (1)

Tahun_masuk CHAR(4)

Tahun_lulus CHAR(4)

Email VARCHAR(50)

Jurusan

c. Tabel Informasi

Tabel ini berfungsi untuk menyampaikan informasi, yang nantinya akan

ditampilkan dalam sistem informasi. ditunjukkan pada Tabel 3.4

Tabel 3.4 Tabel Informasi

Field Type Key Keterangan

id_informasi INT Primary Key

Konten Text

Tanggal Datetime

Id_pengirim INT Fk

Page 11: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

30

d. Tabel Agenda

Tabel ini bertujuan untuk menyampaikan informasi agenda kegiatan yang

akan dilakukan. Tabel ini ditunjukkan pada tabel 3.5

Tabel 3.5 Tabel Agenda

Field Type Key Keterangan

id_agenda INT Primary Key

Id_pengirim INT

Tanggal Date

Jam VARCHAR(5)

Konten Text

e. Tabel Laporan

Tabel ini bertujuan untuk menampilkan lampiran – lampiran file alumni.

Adapun tabel ditunjukkan di Tabel 3.6

Tabel 3.6 Tabel Laporan

Field Type Key Keterangan

id_laporan INT Primary Key

id_alumni INT FK

Tanggal Date

3.5. Kebutuhan Pembuatan Sistem

Pada pengerjaan tugas ini spesifikasi hardware dan software yang digunakan

perangkat sebagai berikut:

1. Spesifikasi Perangkat Keras (Hardware)

Perangkat keras yang digunakan dalam implementasi sebagai berikut:

a. Notebook HP Toshiba

b. Intel Pentium Core i3-2330M CPU (2.20 GHz).

c. Memory 2 GB.

2. Spesifikasi Perangkat Lunak (Software)

Perangkat lunak (Software) yang digunakan sebagai berikut:

a. Xampp

Adalah perangkat lunak bebas, yang mendukung banyak sistem

operasi, merupakan kompilasi dari beberapa program.Fungsinya

adalah sebagai server yang berdiri sendiri (localhost), yang

Page 12: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

31

terdiri atas program Apache HTTP Server, MySQL database,

dan penerjemah bahasa yang ditulis dengan bahasa

pemrograman PHP dan Perl.

b. Edit Plus v3.70

Edit Plus v3.70 merupakan Software yang digunakan untuk

mengubah code – code program berbasis web

c. SQLyog Enterprise 6.16

SQLyog Enterprise 6.16 merupakan salah satu software

produksi WebYog Software yang dalam hal ini digunakan untuk

memanipulasi data pada database MySql

d. Mozila Firefox 33.1.1

Mozila Firefox 33.1.1 merupakan software yang dipergunakan

untuk menampilkan hasil keluaran sistem di layar monitor

(Browsing Sistem)

3.6. Perancangan antar muka interface

Antar muka (Interface) adalah bagian yang menghubungkan antara sistem

informasi tracer alumni dengan kaprodi. Interface yang digunakan dalam sistem

informasi penjualan dan pembelian adalah sistem dengan source code yang

dipakai menggunakan PHP. Halaman yang akan dibuat adalah sebagai berikut :

3.6.1. Form. Umum

A. Halaman Login

Pada gambar 3.10 dibawah ini digunakan untuk akses login

admin sebelum masuk ke halaman sistem utama.

Gambar 3.10 Halaman Form Login

Username

Password

Form Login

Login

Page 13: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

32

B. Halaman Utama

Desain halaman yang tertera pada gambar 3.9 ini merupakan

halaman menu utama program aplikasi, terdapat beberapa menu

utama yang dapat di akses secara langsung.

Gambar 3.11 Halaman Utama

Keterangan pada gambar 3.11 halama utama adalah sebagai

berikut :

Menu Home

Menu home berfungsi sebagai halaman awal dari Sistem

Informasi Tracer Study Alumni Pada Prodi Informatika

Universitas Muhammadiyah Gresik Berbasis Web.

Pendaftaran

Menu halaman pendaftaran berfungsi untuk mengisi data

pribadi serta membuat user dan password.

Data Alumni

Menu halaman data alumni berfungsi untuk menampilkan

data alumni yang sudah terdaftar dan yang akan tervalidasi

atau belum untuk digunakan login.

Agenda

Menu halaman agenda berfungsi sebagai untuk

menampilkan info-info penting yang mungkin dibutuhkan

oleh Alumni seperti Info agenda pertemuan.

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME PENDAFTARAN DATA

ALUMNI

AGENDA LOWONGAN

PEKERJAAN

KONTAK

Page 14: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

33

Lowongan Pekerjaan

Menu halaman Lowongan Pekerjaan berfungsi sebagai

untuk menampilkan info-info penting yang mungkin

dibutuhkan oleh Alumni seperti Info lowongan pekerjaan.

Kontak

Menu halaman kontak berfungsi sebagai untuk

menampilkan informasi telepon apabila alumni mengalami

masalah dengan login.

C. Halaman Pendaftaran

Halaman Pendaftaran berisi Form Pendaftaran yang harus diisi

oleh Alumni seperti data pribadi user dan password. Tampilan

Pendaftaran dapat dilihat pada gambar 3.12

Gambar 3.12 Halaman Pendaftaran

D. Halaman Data Alumni

Halaman Data Alumni menampilkan hasil pendaftaran yang

dapat dilihat untuk status tervalidasi atau belum. Gambar 3.13

menunjukkan contoh halaman Data Alumni.

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME PENDAFTARAN DATA

ALUMNI

AGENDA LOWONGAN

PEKERJAAN

KONTAK

Halaman Pendaftaran Alumni

Nama :…………………………………..

Alamat :…………………………………..

Jenis Kelamin :…………………………………..

Tahun Masuk :…………………………………..

Tahun Lulus :…………………………………..

Username : .....................................

Password : .....................................

SIMPAN

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI

INFORMATIKA UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME ALUMNI TRACER STUDY TEMU ALUMNI

Data Alumni

NO NAMA LULUS JUDUL SKRIPSI

1 Amir 2012 Pengolahan Citra

2 Eka 2013 Fuzzy AHP

Page 15: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

34

Gambar 3.13 Halaman Data Alumni

E. Halaman Agenda

Pada halaman ini diberikan proses interaksi antar alumni.

Alumni dapat mengisi data Info Reuni Alumni atau Info yang

bermanfaat bagi Alumni dan Prodi. Gambar 3.14 adalah contoh

halaman Agenda.

Gambar 3.14 Halaman Agenda

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME PENDAFTARAN DATA

ALUMNI

AGENDA LOWONGAN

PEKERJAAN

KONTAK

Halaman Agenda Kegiatan Alumni

No. Waktu Keterangan

1

2

3

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI

INFORMATIKA UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME ALUMNI TRACER STUDY TEMU ALUMNI

Form Tracer Study

Nama :…………………………………..

Alamat :…………………………………..

Jenis Kelamin :…………………………………..

Tahun Lulus :…………………………………..

Instansi Pekerjaan :…………………………………..

SIMPAN

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME PENDAFTARAN DATA

ALUMNI

AGENDA LOWONGAN

PEKERJAAN

KONTAK

Halaman Data Alumni

No. Nama Alamat Lulus Jenis kelamin Status Data

1 Sudah validasi

2 Belum validasi

3 Belum validasi

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI

INFORMATIKA UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME ALUMNI TRACER STUDY TEMU ALUMNI

Form Tracer Study

Nama :…………………………………..

Alamat :…………………………………..

Jenis Kelamin :…………………………………..

Tahun Lulus :…………………………………..

Instansi Pekerjaan :…………………………………..

SIMPAN

Page 16: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

35

F. Halaman Lowongan Pekerjaan

Pada halaman ini diberikan proses interaksi antar alumni.

Alumni dapat mengisi data Info tentang Lowongan Pekerjaan.

Gambar 3.15 adalah contoh halaman Lowongan Pekerjaan.

Gambar 3.15 Halaman Lowongan Pekerjaan

G. Halaman Kontak

Pada halaman ini diberikan Info mengenai tentang Kontak yang

berhubungan tentang sistem apabila pengguna mendapatkan

permasalahan di dalam sistem. Gambar 3.16 adalah contoh

halaman Kontak.

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME PENDAFTARAN DATA

ALUMNI

AGENDA LOWONGAN

PEKERJAAN

KONTAK

Halaman Lowongan Pekerjaan

Perusahaan :

Judul lowongan :

Keterangan :

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI

INFORMATIKA UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME ALUMNI TRACER STUDY TEMU ALUMNI

Form Tracer Study

Nama :…………………………………..

Alamat :…………………………………..

Jenis Kelamin :…………………………………..

Tahun Lulus :…………………………………..

Instansi Pekerjaan :…………………………………..

SIMPAN

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI

INFORMATIKA UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

simpan batal

Page 17: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

36

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME PENDAFTARAN DATA

ALUMNI

AGENDA LOWONGAN

PEKERJAAN

KONTAK

Kontak Kami

Alamat : ........................................

Telpon : (031)................................

Fax : (031).................................

Website : .........................................

Email : .........................................

Gambar 3.16 Halaman Kontak

3.6.2. Form. Ketua Program Studi

Pada halaman ini diberikan Info mengenai Rekap Data Alumni

yang berhubungan dengan Tracer Study. Alumni yang sudah

masuk dalam sistem. Gambar 3.17 adalah contoh halaman Rekap.

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME TRACER

STUDY

REKAP AGENDA LOWONGAN

PEKERJAAN

KONTAK

Rekap Data Alumni

No. NIM NAMA ALAMAT LULUS PEKERJAAN

1

2

3

Gambar 3.17 Halaman Rekap

Page 18: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

37

3.6.3. Form. Tim Tracer Studi

A. Halaman Data Alumni

Halaman Data Alumni menampilkan hasil pendaftaran yang dapat

dilihat untuk status tervalidasi atau belum. Gambar 3.18

menunjukkan contoh halaman Data Alumni.

Gambar 3.18 Halaman Data Alumni

B. Halaman Tracer Study

Halaman Tracer Study menampilkan kuisioner untuk alumni

supaya dapat merubah dan menginput profil, agenda dan

lowongan pekerjaan. Gambar 3.17 menunjukkan contoh

halaman Tracer Study.

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME DATA

ALUMNI

TRACER STUDY AGENDA LOWONGAN

PEKERJAAN

KONTAK

Halaman Data Alumni

No. Nama Alamat Lulus Jenis kelamin Status Data

1 Sudah validasi

2 Belum validasi

3 Belum validasi

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI

INFORMATIKA UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME ALUMNI TRACER STUDY TEMU ALUMNI

Form Tracer Study

Nama :…………………………………..

Alamat :…………………………………..

Jenis Kelamin :…………………………………..

Tahun Lulus :…………………………………..

Instansi Pekerjaan :…………………………………..

SIMPAN

Page 19: BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 ... - …digilib.umg.ac.id/files/disk1/26/jipptumg--choyrmukhl-2516-3-15... · ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisis dan Sistem

38

Gambar 3.17 Halaman Data Alumni

3.6.4. Form. Alumni

Halaman Profil menampilkan data pribadi untuk alumni supaya

dapat merubah profil apabila ada perubahan data individu. Gambar

3.19 menunjukkan contoh halaman profil.

Gambar 3.19 Halaman Profil

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME TRACER

STUDY

PROFIL AGENDA LOWONGAN

PEKERJAAN

KONTAK

Halaman Profil Alumni

Nama :…………………………………..

Alamat :…………………………………..

Jenis Kelamin :…………………………………..

Tahun Masuk :…………………………………..

Tahun Lulus :…………………………………..

Username : .....................................

Password : .....................................

SIMPAN

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI

INFORMATIKA UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME ALUMNI TRACER STUDY TEMU ALUMNI

SISTEM INFORMASI TRACER STUDY ALUMNI PADA PRODI INFORMATIKA

UNIVERSITAS MUHAMMADIYAH GRESIK BERBASIS WEB

HOME DATA

ALUMNI

TRACER STUDY AGENDA LOWONGAN

PEKERJAAN

KONTAK

Isi Kuisioner

Pilih sesuai dengan jawaban isian :

No. PERTANYAAN

1

2 Pertanyaan :

Jenis Pertanyaan :

v

SIMPAN