BAB 1

PENDAHULUAN

1.1 Deskripsi Sistem

Sistem Informasi Online Komunitas adalah sebuah sistem informasi yang memudahkan

mahasiswa STIKOM Bali kampus 2 jimbaran untuk mendapatkan informasi terkait kegiatan

komunitas, personal mahasiswa, Pendaftaran komunitas dan Absensi komunitas . Dengan

adanya sistem informasi online ini semua mahasiswa bisa mendapatkan informasi

dan pengumuman tanpa harus datang ke kampus karena sistem ini berbasis web.

 Terdapat beberapa faktor untuk menentukan suatu aplikasi yang dikembangkan dikatakan

berhasil. Salah satu faktor penentu keberhasilan suatu sistem atau aplikasi adalah pengguna

dari aplikasi tersebut. Banyak faktor yang menentukan terkait dari sisi pengguna, salah

satunya adalah faktor usability. Faktor usability ini adalah faktor yang menentukan manfaat

dari sistem, penerimaan user dan lama waktu penggunaan sistem. Untuk mengetahui tingkat

usability suatu sistem perlu dilakukan pengukuran. Pengukuran dilakukan terhadap semua

user atau pengguna yang menggunakan sistem informasi online. Hasil

pengukuran diharapkan dapat memberikan masukan kepada Admin untuk

pemeliharaan sistem saat ini serta pengembangan sistem pada tahun berikutnya.

1.2 Rumusan Masalah

a) Bagaimana cara Merancang sistem antar muka Pengolahan Komunitas STMIK

STIKOM BALI Kampus 2 jimbaran Berbasis Web ?

b) Bagaimana respon pengguna terhadap implementasi antar muka dari Pengolahan

Komunitas STMIK STIKOM BALI Kampus 2 jimbaran Berbasis Web ?

1.3 Tujuan

Mempermudah Mahasiswa / Mahasiswi mendapatkan informasi mengenai pendaftaran,

Pendataan, Absensi komunitas di STMIK STIKOM BALI kampus 2 Jimbaran sehingga

mahasiswa tidak perlu datang ke kampus karena sudah berbasis web.

1.4 Ruang Lingkup

Sistem ini digunakan oleh Mahasiswa / Mahasiswi yang secara resmi terdaftar di STMIK

STIKOM BALI .Beberapa komunitas yang sudah terdaftar di website ini adalah

KSL(Komunitas Studi linux), Progress, E-Sport, Multimedia, STIKDEV, BOSS, Teater

Biner, SBMC. Sistem ini juga memiliki kapasistas server lebih dari 300 orang yang dapat

mengakses secara bersamaan . Selain memiliki fitur daftar komunitas disini juga dapat

melihat list event yang dilaksanakan oleh komunitas dan dapat melihat Absensi dari

komunitas yang di ikuti oleh Mahasiswa / Mahasiswi yang terdaftar resmi di STMIK

STIKOM BALI.
 BAB 2

PERANCANGAN ANTAR MUKA SISTEM

2.1 Perancangan antar muka

Perancangan antarmuka meliputi perancangan struktur menu dan perancangan tampilan

pada tampilan user

2.1.1 Perancangan struktur menu user dan admin

Pembuatan Aplikasi Website Sistem Informasi Komunitas STMIK STIKOM BALI

mengunakan Struktur menu di bawah ini :

Gambar 2.1 Struktur Menu User

Ada lima hal yang ditampilkan dalam

menu user website profile ini, yaitu halaman List Event Komunitas, Daftar Komunitas, Data

Komunitas, Absensi Komunitas, Contact Us dan Logout. Halaman Event Komunitas berisi
tentang Event dari komunitas di STIKOM BALI kampus 2 Jimbaran . Halaman Daftar

komunitas berisi tentang cara daftar komunitas di STIKOM BALI kampus 2 Jimbaran. Halaman

Data Komunitas menampilkan Data komunitas yang di ikutin oleh user dan didalamnya berisikan

absensi komunitas yang di ikutin .Halaman Contact us berisikan kritik dan saran yang

dipergunakan untuk memajukan website dan keluhan di dalam website sedangkan Halaman

Logout untuk menampilkan kembali form login dari website Sistem Informasi Online Komunitas

STMIK STIKOM BALI kampus 2 jimbaran.

Ada tiga hal yang ditampilkan dalam menu admin website profile ini, yaitu Menu, List

Event Komunitas, dan Data Komunitas. Halaman Menu berisi tentang tampilan perubahan yang

akan ditampilkan pada halaman menu user dengan cara menambah, meng-edit dan menghapus

sub menu yang ada di menu user. Halaman List Event Komunitas berisi tentang tampilan event

komunitas yang ditampilkan pada halaman menu user. Sedangkan untuk halaman Data

Gambar 2.2 struktur admin

Komunitas berisi tentang tampilan perubahan yang akan ditampilkan pada halaman Data

komunitas pada menu user sehingga tampilan Data dapat diubah melalui admin.

2.2 Perancangan Tampilan User

1. Tampilan Halaman Utama ( Home)

Rancangan tampilan halaman utama dibagi menjadi 6 bagian, bagian (3) disebut

header, (2) disebut sub menu , di bagian (1) itu isi penjelasan dari website , sebelah

kanan bawah dari header terdapat beberapa menu yaitu (4) News STIKOM Bali, (5)

Contoh beberapa Sistem informasi yang dibuat oleh stikom ( SION, E LEARNING )

beserta link sedangkan di bagian kanan bawah (6) terdapat area pencaharian.
 2. Tampilan Halaman List Event Komunitas

Rancangan tampilan halaman List Event Komunitas hampir sama dengan menu

Home dibagi menjadi 6 bagian, bagian (3) disebut header, (2) disebut sub menu , di

bagian (1) itu isi Event Komunitas, sebelah kanan bawah dari header terdapat beberapa

menu yaitu (4) News STIKOM Bali, (5) Contoh beberapa Sistem informasi yang dibuat

oleh stikom ( SION, E LEARNING ) beserta link sedangkan di bagian kanan bawah (6)

terdapat area pencaharian.

 3. Tampilan Halaman Daftar Komunitas

Rancangan tampilan halaman Daftar Komunitas dibagi menjadi 8 bagian, bagian

(3) disebut header, (2) disebut sub menu , di bagian (1) merupakan Kata penjelas

contohnya : nama, nim, prodi dll, sebelah kanan bawah dari header terdapat beberapa

menu yaitu (4) News STIKOM Bali, (5) Contoh beberapa Sistem informasi yang dibuat

oleh stikom ( SION, E LEARNING ) beserta link sedangkan di bagian kanan bawah (6)

terdapat area pencaharian, (7) merupakan data yng harus di isi oleh user berupa string text

maupun Int, (8) merupakan tombol submit yang dimana data yang di isi akan masuk ke

data base.
 4. Tampilan Utama Data Komunitas

Rancangan tampilan Utama Data Komunitas dibagi menjadi 3 bagian, bagian (3)

disebut header, (2) disebut sub menu , di bagian (1) disana terdapat Logo masing masing

komunitas yang dimana di klik akan terdapat tampilan baru berupa nama Anggota yang

terdapat dari masing masing komunitas.

4.1 Tampilan Halaman Nama Anggota

Rancangan Halaman Nama Anggota dibagi menjadi 4 yaitu (1) merupakan

Keterangan dari data anggota ( No , Nim , Nama dll), (2) Sub menu , (3) Header, (4)

Button Back yang mengubungkan ke Menu Utama Data Komunitas.

 5. Tampilan Halaman Absen Komunitas

Rancangan Halaman Nama Anggota dibagi menjadi 7 yaitu (1) merupakan

Keterangan dari data ( Nama Komunitas , Nim , dll), (2) Isi berupa data kehadiran , (3)

Header, (4) Sub Menu, (5) News STIKOM Bali, (6) Contoh beberapa Sistem informasi yang

dibuat oleh stikom ( SION, E LEARNING ) beserta link sedangkan di bagian kanan bawah (7)

terdapat area pencaharian,

 6. Tampilan Halaman Contact Us

Rancangan Halaman Nama Anggota dibagi menjadi 7 yaitu (1) merupakan

Keterangan dari data ( Alasan), (4) Isi kritik dan saran , (3) Header, (2) Sub Menu, (4) News

STIKOM Bali, (5) Contoh beberapa Sistem informasi yang dibuat oleh stikom ( SION, E

LEARNING ) beserta link sedangkan di bagian kanan bawah (6) terdapat area pencaharian

(7) Tombol submit digunakan untuk mengirimkan data keritik dan saran ke data base

sehingga admin bisa membacanya.

 2.3 Perancangan Tampilan Admin

1.Tampilan Halaman Home

Rancangan Halaman Home Admin dibagi menjadi 7 yaitu (1) merupakan Keterangan

dari data ( Alasan), (4) Isi kritik dan saran , (3) Header di menu admin bisa di edit untuk

memperindah tampilan di menu user, (2) Sub Menu di admin, (4) Edit News STIKOM Bali

karena berita bisa terjadi kapanpun dimanapun jadi perlu untuk di update sehingga

menghasilkan berita tentang stikom yang up to date, (5) Contoh beberapa Sistem informasi

yang dibuat oleh stikom ( SION, E LEARNING ) beserta link sedangkan di bagian kanan

bawah (6) Menambahkan / mengurangi Edit menu pencaharian sehingga mempermudah user
dalam mencari biodata komunitas atau yng lainya di tampilan web user (7) menu tersebut

digunakan untuk mengedit dari sub menu yang terdapat di tampilan home di user.

2.Tampilan List Event

Rancangan Halaman Home Admin dibagi menjadi 4 yaitu (1) merupakan

Keterangan dari event event komunitas , (4) berisikan menu untuk mengedit list event

komunitas sehingga event event yang dijalankan di komunitas bisa memberi infomasi yang

up to date di menu user nantinya , (3) Header di menu admin bisa di edit untuk memperindah

tampilan di menu user, (2) Sub Menu di admin.

 2.Tampilan Data Komunitas

Rancangan tampilan Data Komunitas dibagi menjadi 3 bagian, bagian (3) disebut

header, (2) disebut sub menu , di bagian (1) disana terdapat Logo masing masing komunitas

yang dimana di klik akan terdapat tampilan baru berupa nama Anggota yang terdapat dari

masing masing komunitas

 2.1 Tampilan Absensi Komunitas
Rancangan tampilan Utama Data Komunitas dibagi menjadi 3 bagian, bagian (3) disebut

Edit header, (4) disebut sub menu , di bagian (1) Keterangan data ( Nama, Nim , absensi dll ),

(2) Terdapat isi dari keterangan Mahasiswa yang mengikutin komunitas, (5) tombol submit

digunakan juka sudah mengedit data absensi, (6) berisikan menu edit untuk mengedit kehadiran

Komunitas.