BAB IV

PEMBANGUNAN APLIKASI

4.1 USULAN PROSEDUR SISTEM YANG BARU
Dalam aplikasi yang akan dikembangkan, penulis mengusulkan prosedur yang
mungkin diterapkan didalam aplikasi moodle yang akan di manfaatkan sebagai penunjang
proses belajar mengajar Universitas Indo Global Mandiri Program Studi Manajemen
Informatika. prosedur yang akan penulis rancang adalah sebagai berikut :
1. Pada halaman utama akan tampil form login dan menu pendaftaran, form login
diperuntukan bagi user yang telah terdaftar dalam aplikasi, pada halaman
pendaftaran diperuntukan bagi pengunjung yang akan melakukan pendaftaran
pada aplikasi untuk biss melakukan aktivitas yang disediakan aplikasi yang
dikembangkan
2. Admin berfungsi sebagai pengatur sistem yang terdapat pada website yang
dirancang, admin dapat menentukan hak akses yang diberikan kepada user
tergantung status user pada akademik.
3. Hak akses tertinggi di pegang oleh admin yang mempunyai hak akses penuh
terhadap website, Hak akses manajer mempunyai hak akses untuk melihat
kegiatan akademik di website, hak akses teacher untuk menjalankan mata
kuliah yang di ampu, hak akses student diberikan kepada mahasiswa untuk
melakukan kegiatan belajar di website yang dirancang.
4. Hak akses teacher yang diberikan pada dosen dapat memberikan modul/ materi
perkuliahan. Bisa juga memberikan kuiz secara online kepada mahasiswa yang
mengambil mata kuliah tersebut. Mahasiswa dapat mengunduh file materi yang
diberikan dosen .

35

4.2 State Transition Diagram
STD merupakan diagram yang memodelkan tingkah laku (behaviour) sistem
berdasarkan pada definisi satu bagian dari keadaan sistem. STD sering dipakai untuk
menggambarkan kinerja sistem.
4.2.1 State Transition Diagram Menu Utama
State transition diagram menu utama mendefinisikan alur dari web
yang dikembangkan setelah pengguna melakukan login
Login

Home

Kurikulum

Forum

Akademik

Klik Home
Buka menu berita
Klik Kurikulum
Buka menu kurikulum
Klik Forum
Buka menu forum
interaksi
Klik Alumni
Buka
data alumni
Klik kuliah
Buka menu
Perkuliahan
online
Profil

Sejarah
Singkat
Visi & Misi

Nilai

Kuliah

Alumni

Jadwal

Klik Sejarah Singkat
Buka menu
Sejarah singkat
Klik Visi& misi
Buka menu
Visi & Misi
Klik Nilai
Buka
data Nilai
Klik Jadwal
Buka
data Jadwal
Klik Profil
View pulldown
menu
Klik Akademik
View pulldown
menu
Halaman Utama

Pendaftaran

Klik pendaftaran
Buka formulir
pendaftaran
Klik Login
Buka halaman login
masuk

Gambar 4.1 State Transition Diagram Menu Utama

4.2.2 Entity Relationship Diagram (ERD)
ERD berfungsi untuk menggambarkan relasi dari dua file atau dua table
yang dapat digolongkan dalam tiga macam bentuk relasi, yaitu satu-satu, satu-
banyak dan banyak-banyak. Penggambaran ini akan membantu analisis sistem
36

dalam melakukan perancangan proses yang kelak akan dituangkan dalam bentuk
baris-baris program, ERD sistem yang baru dapat dilihat pada gambar 4.2.

dapat
Sesuaikan
dapatkan
mdl_user mdl_user_lastaccess
mdl_user_enrolments
mdl_role mdl_role_assignments mdl_role_capabilities
mdl_course_published
mdl_course
User
HakAkses
MataKuliah
Kurikulum
1 1
M
1
1
1
Mdl_page Mdl_File

Gambar 4.2 Entity Relationship Diagram

4.2.3 Spesifikasi File
4.2.3.1 Mdl_user
Digunakan untuk penyimpanan data pribadi pengguna yang
melakukan registrasi.

Kode File : mdl_user
Organisasi : index sequential
37

Primary Key : id

Tabel 4.1 mdl_User
No Nama Field Type Panjang Field Keterangan
1 id Bigint 10 Kode id
2 auth Varchar 20 Keaslian
3 confirmed Tinyint 1 Pernyataan
4 policyagreed Tinyint 1 Kebijakan
5 deleted Tinyint 1 Hapus
6 username Varchar 100 Nama pengguna
7 password Varchar 255 Kata kunci
8 idnumber Varchar 255 Nomor Id
9 firstname Varchar 100 Nama depan
10 lastname Varchar 100 Nama belakang
11
email Varchar 100 Alamat email
12 phone1 Varchar 20 Nomor telpon1
13 phone2 Varchar 20 Nomor telpon 2
14 address Varchar 70 Alamat
15 city Varchar 120 Kota
16 country Varchar 2 Negara
17 lang Varchar 30 Bahasa

4.2.3.2 mdl_user_enrolments
Digunakan untuk menyimpan data user yang telah melakukan
pendaftaran kedalam sistem.
Kode File : mdl_user_enrolments
Organisasi : index sequential
38

Primary Key : id
Tabel 4.2 mdl_user_enrolments
No
Nama field Type Panjang field Keterangan
1 id Bigint 10 Kode id
2 status Bigint 10 Status
3 enrolid Bigint 10 Id pendaftaran
4 userid Bigint 10 Id pengguna
5 timestart Bigint 10 Waktu mulai
6 timeend Bigint 10 Waktu berakhir
7 modifierid Bigint 10 Merubah id
8 timecreated Bigint 10 Waktu pembuatan
9 timemodified Bigint 10 Waktu merubah

4.2.3.3 mdl_user_lastaccess
Dalam tabel ini menyimpan aktivitas waktu terakhir pengguna
sebelum offline.
Kode File : mdl_user_lastaccess
Organisasi : index sequential
Primary Key : id
Tabel 4.3 mdl_user_lastaccess
No Nama field Type Panjang field Keterangan
1 id Bigint 10 Kode id
2 userid Bigint 10 Id pengguna
3 courseid Bigint 10 Kode kuliah
4 timeaccess Bigint 10 Waktu akses
39

4.2.3.4 mdl_role
Dalam tabel ini terdapat delapan hak akses yang di berikan manajer
kepada pengguna yang terdaftar dalam sistem.
Kode File : mdl_role
Organisasi : index sequential
Primary Key : id
Tabel 4.4 mdl_role
No Nama field Type Panjang field Keterangan
1 id bigint(10) 10 Kode id
2 name varchar(255) 255 Nama
3 shortname varchar(100) 200 Panggilan
4 description longtext - Deskripsi
5 sortorder bigint(10) 20 Urutan
6 archetype varchar(30) 30 -

4.2.3.5 mdl_role_ capabilities
Tabel ini berisi kemampuan atau deskripsi peran dari delapan hak
akses yang ada dalam sistem.
Kode File : mdl_role_capabilities
Organisasi : index sequential
Primary Key : id



40

Tabel 4.5 mdl_role_capabilities
No Nama field Type Panjang field Keterangan
1 id bigint 10 Kode id
2 contextid bigint 10 Id kontex
3 Roleid bigint 10 Id peran
4 capability varchar 255 kemempuan
5 premission bigint 10 izin
6 timemodified bigint 10 Waktu modifikasi
7 modifierid bigint 10 Kode perubahan

4.2.3.6 mdl_role_assignments
Tabel ini berisi tugas dari delapan hak akses yang ada dalam sistem.
Kode File : mdl_role_assignments
Organisasi : index sequential
Primary Key : id
Tabel 4.6. mdl_role_assignments
Tabel 4.6
mdl_role_assignmentsNo
Nama field Type Panjang field Keterangan
1 id Bigint 10 Kode id
2 roleid Bigint 10 Id peran
3 contextid Bigint 10 Konteks id
4 userid Bigint 10 Id pengguna
5 timemodified Bigint 10 Waktu rubah
6 modifierid bigint 10 Id perubah
7 component Varchar 100 Komposisi
8 itemid Bigint 10 Id item
9 sortorder Bigint 10 Urutan
41

4.2.3.7 mdl_page
digunakan untuk menyimpan postingan yang berhubungan dengan
kegiatan akademik dalam jangka waktu lama dan berupa data laporan.
Kode File : mdl_page
Organisasi : index sequential
Primary Key : id
Tabel 4.7 mdl_page

4.2.3.8 mdl_file
Tabel ini berisi file dari keseluruhan data yang di upload oleh
pengguna dalam sistem.
Kode File : mdl_file
Organisasi : index sequential
No Nama field Type Panjang field Keterangan
1 id Bigint 10 Kode id
2 course Bigint 10 Kuliah
3 name Varchar 255 Nama
4 intro Longtext - Intro
5 introformat Smallint 4 Format intro
6 content Longtext - Isi
7 contentformat Smallint 4 Format isi
8 legacyfiles Smallint 4 Berkas
9 legacyfileslast Bigint 10 Berkas terakhir
10 display Smallint 4 Tampilan
11 displayoptions Longtext - Pengaturan tampilan
12 revision Bigint 10 Perbaikan
13 timemodified Bigint 10 Waktu pembuatan
42

Primary Key : id
Tabel 4.8 mdl_file
No Nama field Type Panjang field Keterangan
1 id Bigint 10 Kode id
2 component Varchar 100 komponen
3 filearea Varchar 50 Area data
4 itemid Bigint 10 Id artikel
5 filepath Varchar 255 File path
6 filename Varchar 255 Nama file
7 userid Bigint 10 id pengguna
8 filesize Bigint 10 Ukuran file
9 status Bigint 10 status
10 source Longtext - sumber
11 author Varchar 255 penulis
12 license Varchar 255 izin
13 timecreated Bigint 10 Waktu pembuatan
14 timemodified Bigint 10 Waktu perubahan
15 sortorder Bigint 10 urutan

4.2.3.9 mdl_course
Tabel ini berisi info kuliah online yang ada pada web akademik yang
dirancang.
Kode File : mdl_course
Organisasi : index sequential
Primary Key : id
Tabel 4.9 mdl_course
No Nama Field Type Panjang Field Keterangan
1 id Bigint 10 Kode id kuliah
2 category Bigint 10 Kategori
43

3 sortorder Bigint 10 Urutan
4 fullname Varchar 254 Nama lengkap
5 shortname Varchar 255 Nama pendek
6 idnumber Varchar 100 Nomor id kuliah
7 format Varchar 21 Format
8 showgrades Tinyint 2 Tampilkan nilai
9 newsitems Mediumint 5 Berita
10 startdate Bigint 10 Tanggal mulai
11 marker Bigint 10 Penanda
12 showreports Smallint 4 Laporan
13 groupmode Smallint 4 Kelompok
14 lang Varchar 30 Bahasa
15 timecreated Bigint 10 Waktu pembuatan
16 timemodified Bigint 10 Waktu di ubah

4.2.3.10 mdl_course_published
Tabel ini berisi info pengaktifan kuliah yang ada pada web akademik
yang dirancang.
Kode File : mdl_course_published
Organisasi : index sequential
Primary Key : id
Tabel 4.10 mdl_course_published
No Nama field Type Panjang field Keterangan
1 id Bigint 10 Kode id
2 huburl Varchar 255 url
3 courseid Bigint 10 Id kuliah
4 timepublished Bigint 10 Waktu diterbitkan
5 enrollable Tinyint 1 Pendaftaran
6 hubcourseid Bigint 10 Hub id kuliah
7 status Tinyint 1 Status
8 timechecked Bigint 10 Waktu periksa
44

4.3 Perancangan Masukan
Merupakan gambaran umum tentang bentuk Desain yang akan di implementasikan ke
dalam sistem.

4.3.1 Rancangan Halaman Utama
Halaman home merupakan halaman yang menampilkan sekilas tentang nama
web bentuk rancangan seperti pada gambar 4.3 Dalam rancangan halaman home
pada bagian kiri terdapat blok menu login yang didalamnya terdapat menu login dan
buat akun baru pada bagian kanan terdapat logo Universitas Indo Global Mandiri



MANAJEMEN
INFORMATIKA




. Gambar : 4.3 Halaman Utama
4.3.2 Rancangan Data Pendaftaran
Dalam rancangan data pendaftaran dilakukan oleh anggota baru yang akan
membuat akun baru yang meliputi nama pengguna, password, alamat email, email
verifikasi, nama depan, nama belakang, kota, serta Negara.

HOME PROFIL FORUM KURIKULUM AKADEMIK

LOGO UIGM
45

DATA PENDAFTARAN ANGGOTA BARU
Nama Pengguna
Password
Alamat E-mail
E-mail verifikasi
Nama Depan
Nama Belakang
Kota
Negara


Gambar : 4.4 Data Pendaftaran
4.3.3 Rancangan Input Berita
Dalam rancangan input berita dilakukan oleh admin untuk mengupdate berita
terbaru dan ditunjukan kepada seluruh user yang mebuka web akademik Prodi MI.
Kotak dialog lampiran di isi dengan file.
TAMBAH BERITA
Judul
isi




lampiran

Gambar : 4.5 Tambah berita
Buat Kenggotaan Baru BATAL
Post ke forum
46

4.4 Rancanga Laporan
4.4.1 Rancangan Laporan Data Alumni
Rancangan data alumni meliputi NPM, Nama, Alamat, Tahun data ini di
informasikan kepada seluruh user pengguna aplikasi

Data Alumni
NPM Nama Alamat Tahun
9999.99.9999
Z
xxxxxxxxxxxxxx
Z
xxxxxxxxxxxxxxxxxxxxx
Z
9999
Z
9999.99.9999 xxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx 9999
Gambar : 4.6 Data alumni
4.5 Layar Masukan
4.5.1 Layar Index (Layar Utama)
Tampilan menu utama pada program ini merupakan level yang paling tinggi
atau atas, dalam pengembangan aplikasi moodle. Dalam halaman ini menampilkan
berita mengenai kegiatan dan informasi tentang jurusan manajemen informatika yang
bisa dilihat oleh pengunjung atau pengguna web site.

Gambar : 4.7 Layar Utama
47


4.5.2 Layar Menu Profil
Dalam layar menu profil terdapat dua menu, yaitu menu sejarah singkat, dan
menu visi & misi.

Gambar : 4.8 Sejarah Singkat
Pada gambar 4.9 menampilkan gambar halaman sejarah singkat berdirinya
Universitas Indo Global Mandiri. Dalam tampilan ini yang akan di informasikan kepada
pengguna atau pengunjung dari sistem.

Gambar : 4.9 Visi Misi
48

Pada gambar 4.10 halaman ini menampilkan visi dan misi Universitas Indo Global
Mandiri. Dalam tampilan ini yang akan di informasikan kepada pengguna atau
pengunjung dari sistem.

4.5.3 Layar Menu Forum

Gambar : 4.10 Forum
Halaman ini merupakan tempat pengguna atau pengunjung dari sistem
berdiskusi tentang sebuah trend, berbagi cerita, berbagi gambar, video, foto, dan
mendisplay link website.








49

4.5.4 Layar Menu Kurikulum

Gambar : 4.11 Halaman Kurikulum
Halaman ini menampilkan file kurikulum yang di gunakan dan dapat di unduh
oleh pengguna atau pengunjung.

4.5.5 Layar Menu Akademik
Pada halaman akademik terdapat menu alumni, kuliah, jadwal, dan nilai yang
dapat diakses oleh pengguna atau pengunjung.


Gambar : 4.12 Halaman Data Alumni
50

Pada gambar 4.13 merupakan halaman data alumni yang dapat
diakses oleh pengguna atau pengunjung.


Gambar : 4.13 Jadwal Kuliah
Halaman Jadwal mata kuliah menampilkan jadwal kuliah yang digunakan,
jadwal kuliah juga dapat di unduh oleh pengguna atau pengunjung.

Gambar : 4.14 Mata Kuliah
Halaman kuliah menampilkan mata kuliah yang diajar pada program studi
Manajemen Informatika. Dalam Mata kuliah dosen pengampu dan peserta didik dapat
melakukan perkuliahan secara online setelah login pada aplikasi.
51


Gambar : 4.15 Daftar Nilai
Halaman ini menampilkan daftar nilai mahasiswa yang melakukan perkuliahan
4.5.6 Layar menu login
Halaman ini menampilkan informasi tentang login user.

Gambar : 4.16 Tampilan Login
4.5.7 Layar Input Pendaftaran
Halaman ini menampilkan informasi tentang input data diri sebagai prasyarat
mendaftar kedalam aplikasi Sistem Informasi Akademik Prodi Manajemen Informatika.
Tampilan input pendaftaran dapat dilihat pada gambar 4.18.
52


Gambar : 4.17 Layar Input Pendaftaran

4.5.8 Layar Menu Rubah Profil
Halam ini menampilkan form perubahan data profil pengguna .

Gambar : 4.18 Layar Menu Rubah Profil
53


4.5.9 Layar Pemberian Hak Akses
Gambar : 4.19 Layar Pemberian Hak Akses

Halaman ini menampilkan data pengguna untuk diberikan hak akses sesuai
status pengguna yang melakukan kegiatan akademik.