PENGEMBANGAN SISTEM INFORMASI ONLINE MENGGUNAKAN METODE WEB ENGINEERING

PENGEMBANGAN SISTEM INFORMASI ONLINE MENGGUNAKAN METODE WEB ENGINEERING Usman Ependi Dosen Universitas Bina Darma Jalan Jenderal Ahmad Yani No.12 Palembang Pos-el: [email protected] / [email protected] Abstract: Information is a thing that is needed, so the way to deliver information to influence someone to get information. Informatics Engineering Program Bina Darma University to convey information to students not yet have the most effective media, so that information such as exam schedules or thesis proposal, or thesis proposal examination scores, courses, syllabus / SAP, articles, free software, proposal / thesis , suggestions and questions, announcements, news regarding academic and other matters Information Engineering Program Bina Darma University can not be delivered quickly to the students or the community at large. So one way to convey information through or use Oneline Information System. Submission of information through the Online Information System can be accessed anytime and anywhere. The information system also has a method in its development phase in which one of them is web engineering, where meotde is used in the development of this information system engineering informatics. Keyword: information, System, Online, Informatics Engineering Program Abstrak: Informasi merupakan sebuah hal yang sangat dibutuhkan, sehingga cara penyampaian informasi dapat mempengaruhi seseorang mendapatkan informasi. Program Studi Teknik Informatika Universitas Bina Darma untuk menyampaikan informasi kepada para mahasiswa belum memiliki media yang cukup efektif, sehinga informasi seperti jadwal ujian proposal atau skripsi, nilai ujian proposal atau skripsi, mata kuliah, silabus/SAP, artikel, free software, proposal/skripsi, saran dan pertanyaan, pengumuman, berita akademik dan hal lain mengenai Program Studi Teknik Informatika Universitas Bina Darma belum dapat disampaikan secara cepat kepada para mahasiswa ataupun masyarakat pada umumnya. Maka salah satu cara untuk menyampaikan informasi tersebut melalui atau mengguna Sistem Informasi Oneline. Penyampaian informasi melalui Sistem Informasi Online dapat dilakukan dan diakses kapan dan dimana saja. Sistem informasi ini juga memiliki metode dalam fase pengembangannya dimana salah satunya yaitu rekayasa web, dimana meotde tersebut digunakan dalam pengembangan sistem informasi teknik informatika ini. Kata kunci: Informasi, Sistem, Online, Program Studi Teknik Informatika

1.

aplikasi komputer telah banyak dijual di toko-

PENDAHULUAN

toko software, sehingga sangat membantu dalam Perkembangan

teknologi

komputer

dunia kerja.

sekarang ini semakin pesat, baik dari sisi

Suatu sistem adalah suatu jaringan kerja

perangkat keras maupun dari sisi perangkat

dari prosedur-prosedur yang saling berhubungan,

lunak yang dapat kita rasakan perkembangan

berkumpul

teknologi komputer tersebut. Ribuan byte data

suatu kegiatan atau untuk menyelesaikan suatu

yang kita miliki bisa disimpan pada sebuah

sasaran

removable disk yang begitu kecil. Pengolahan

Sedangkan informasi adalah hasil pengolahan

data yang banyak bisa diselesaikan dengan cepat

sehingga menjadi bentuk yang penting bagi

oleh karena kemampuan proses dari CPU

penerimanya dan mempunyai kegunaan sebagai

(Central Processing Unit). Berbagai macam

dasar dalam pengembilan keputusan yang dapat

bersama-sama

yang

tertentu

untuk

melakukan

(Hartono,

Pengembangan Sistem Informasi Online Menggunakan …… (Usman Ependi)

1999).

21

dirasakan akibatnya secara langsung saat itu juga

mekanisme penyampaian informasi kepada para

atau secara tidak langsung pada saat mendatang

mahasiswa,

(Sutanta, 2004).

umumnya sangat diperlukan oleh. program studi

Di sebuah lembaga pendidikan terutama universitas, penyampaian online

akan

sangat

penyampaian mahasiswa,

informasi secara membantu

informasi dosen,

baik

silabus,

dosen,

serta

masyarakat

pada

Teknik Informatika Universitas Bina Darma, untuk menyampaikan informasi tersebut program

dalam

studi Teknik Informatika Universitas Bina

mengenai

Darma selama ini mengunakan website yang

Praktek

Kerja

telah

ada

namun

website

tersebut

tidak

Lapangan (PKL) atau skripsi, mata kuliah,

mengkhususkan untuk program studi Teknik

pengumuman, artikel,

saran dan hal lainnya

Informatika Universitas Bina Darma, oleh karena

pada lembaga tersebut. Dengan penyampaian

itu adanya website resmi menjadi suatu cara

informasi secara online pekerjaan akan semakin

yang tepat untuk mewujudkan penyampaian

mudah, karena jika dilakukan secara langsung

informasi. Tidak semua mahasiswa mempunyai

atau manual hal tersebut tidak memungkinkan

kesempatan untuk menanyakan lansung kepada

mengingat jumlah mahasiswa dan dosen/staff

para dosen/staff Universitas Bina Darma tentang

tidak sebanding.

informasi yang dibutuhkan, karena kesempatan

Universitas Bina Darma, merupakan salah

yang ada sangat terbatas. Para dosen/staff juga

satu Universitas yang ada di Palembang yang

tidak memungkinkan melayani para mahasiswa

didirikan pada tanggal 28 Desember 1993 di

secara langsung dengan jumlah yang begitu

bawah

banyak, dikarenakan jumlah mahasiswa program

Nasional

naungan Republik

Departemen Indonesia

Pendidikan (Diknas

RI)


berdasarkan akte Notaris Alia Ghani, S.H

Darma

Nomor: 95. Kemudian menjadi Universitas pada

program studi Teknik Informatika Universitas

tanggal 7 juni 2002 berdasarkan Surat Keputusan

Bina Darma ± 15 dosen. Publik tentunya ingin

Menteri Pendidikan Nasional Republik Indonesia

mengetahui banyak hal mengenai program studi

Nomor : 11/D/O/2002 tentang penggabungan 3

Teknik Informatika Universitas Bina Darma. Hal

(tiga) Sekolah Tinggi menjadi Universitas, serta

ini menjadi suatu kendala karena jarak atau

penambahan izin penyelengaraan program studi

waktu jika datang ke Universitas Bina Darma

baru yang diselenggarakan Universitas Bina

tidak memungkinkan, maka sistem informasi

Darma di Palembang. Universitas Bina Darma

menjadi hal yang sangat penting (MISS-CUTS,

tentunya

2011).

memiliki

Diantaranya,

banyak

program

studi.

± 900 mahasiswa dan dosen tetap

program studi yang ada pada

Dari paparan sebelumnya maka dalam

Univerisitas Bina Darma adalah Program Studi

usulan penelitian ini penulis membuat rancangan

Teknik Informatika.

aplikasi Sistem Informasi online pada program

Seiring dengan perkembangan program



Darma. Hasil penelitian ini diharapkan publik,

Darma, kebutuhan akan suatu konsep dan

Mahasiswa dan Dosen Teknik Informatika

22

Jurnal Imiah MATRIK Vol.15 No.1, April 2013: 21 - 32

Universitas

Bina

Darma

Palembang

bisa

2.3

Perancangan Sistem

menerapkan konsep penyampaian informasi (kegiatan belajar mengajar, pengumuman dan hal

Metode

yang

digunakan

dalam

lainnya) yang berbasis teknologi informasi, dan

pengembangan web ini adalah model rekayasa

menjadikan sistem informasi online ini sebagai

web

pelengkap dari konsep penyampaian informasi

mengadaptasi rekayasa perangkat lunak dalam

yang ada di Universitas Bina Darma sehingga

hal konsep dasar yang menekankan pada aktifitas

informasi lebih mudah untuk didapat.

teknis dan manajemen. Metode ini memerlukan

(web

engineering),

rekayasa

web

pendekatan yang sistematik dan sekuensial yang mulai pada tingkat dan kemajuan sistem pada

2.

METODOLOGI PENELITIAN

setiap tahapan (Turban, 1999). Pada model ini terdapat aktifitas-aktifitas sebagai berikut:

2.1

2.3.1 Formulasi

Lokasi Penelitian

Formulasi dalam pembangunan Sistem Lokasi penelitian yang penulis lakukan

Informasi online pada Teknik Informatika

adalah pada Teknik Informatika Universitas Bina

Universitas

Bina

Darma

adalah

Darma yang beralamat di Jl. A. Yani No. 12

menyampaikan

Palembang.

informatika Universitas Bina Darma, mengenai

informasi

bertujuan

tentang

Teknik

pengumuman-pengumuman, artikel, beasiswa,

2.2

free software, jadwal ujian proposal dan skripsi,

Metode Penelitian

mahasiswa Teknik Informatika Universitas Bina Dalam melakukan penelitian ini, untuk

Darma, Dosen Teknik Informatika Universitas

mendapatkan data-data dan informasi, maka

Bina Darma, nilai ujian proposal dan skripsi,

dapat digunakan metode pengumpulan data,

silabus mata kuliah, skripsi dan proposal,

yaitu 1) Riset Lapangan (Field Research) yang

pertanyaan dan saran.

merupakan pengumpulan data yang dibutuhkan dengan cara mendapatkan keterangan langsung dari

perusahaan

perusahaan

yang

dan

intern

Hal yang dilakukan dalam tahap ini adalah

wewenang

menentukan persyaratan-persyaratan teknik dan

pihak-pihak

mempunyai

2.3.2 Analisis Rekayasa Web

memberikan informasi dan data yang diperlukan

mengidentifikasi

dalam penulisan ini. 2) Riset pustaka (Library

ditampilkan pada aplikasi berbasis web. Analisis

Research) yaitu pengumpulan data dengan jalan

yang digunakan pada rekayasa web dilakukan

mempelajari buku-buku literatur serta sumber

dari empat sisi.

yang berhubungan dengan objek permasalahan.

Tahap informasi.

informasi

pertama

adalah

Informasi–informasi

yang

analisis yang

akan

isi akan

disampaikan kepada mahasiswa, dosen dan masyarakat pada umumnya adalah informasi Pengembangan Sistem Informasi Online Menggunakan …… (Usman Ependi)

23

pengumuman–pengumuman, artikel, beasiswa,

masyarakat atau publik, penguna ini hanya dapat

free software, jadwal ujian proposal dan skripsi,

melihat informasi yang ada pada halama utama

mahasiswa Teknik Informatika Universitas Bina

web dan tidak dapat melihat halaman lainnya.

Darma, Dosen Teknik Informatika Universitas

Tahap ketiga adalah analisis fungsional.

Bina Darma, nilai ujian proposal dan skripsi,

Pada tahap ini pengguna dapat melihat informasi

silabus mata kuliah, skripsi dan proposal,

berdasarkan aksesnya, bagi mahasiswa hanya

pertanyaan dan saran dan isi informasi tersebut

dapat melihat informasi yang ada pada halaman

berupa teks dan grafik.

mahsiswa. Dosen hanya dapat melihat informasi

Tahap kedua adalah analisis interaksi.

pada halan dosen sedangkan admin dapat melihat

Interaksi yang dilakukan pengguna terhadap

informasi semua isi pada sistem infortmasi

sistem informasi online pada Teknik Informatika

online pada Teknik Infomatika Universitas Bina

Universitas Bina Darma dapat dikelompokkan

Darma. Informasi yang disampaikan kepada

dalam empat kategori yaitu, bagi pengguna yang

pengguna tersebut setelah pengguna melakukan

memiliki

dapat

proses login sesuai hak aksesnya dan kemudian

berinteraksi pada halaman mahasiswa. Pada

dapat melihat informasi yang ada pada Sistem

halaman mahasiswa, pengguna yang memiliki

Informasi Online pada Teknik

akses sebagai mahasiswa dapat melakukan

Universitas Bina Darma.

akses

sebagai

mahasiswa

download artikel, informasi beasiswa, download

Tahap

keempat

Infomatika

adalah

analisis

free software, melihat jadwal ujian proposal atau

konfigurasi. sistem informasi online pada Teknik

skripsi, profil mahasiswa Teknik Informatika dan

Infomatika Universitas Bina Darma ini akan

dirinya sendiri, nilai ujian proposal atau skripsi,

diakses melalui word wide web (www) pada

menupload skripsi atau proposal, memberikan

jaringan internet, untuk pengaksesan tersebut

pertanyaan atau saran.

tentunya sistem informasi online pada Teknik

Pengguna yang memiliki akses sebagai

Infomatika Universitas Bina Darma ini memiliki

dosen dapat berinteraksi pada halaman dosen.

database yang menyimpan data yang akan

Pada halam dosen, pengguna yang memiliki

disampaikan pada saat pengguna mengakses

akses sebagai dosen dapat melakukan upload dan

Sistem

download artikel,

upload dan download free

Infomatika Universitas Bina Darma. Database

software, melihat profil mahasiswa, dosen dan

tersbut memilki dua puluh satu (21) tabel dan

dirinya sendiri, menanggapi pertanyaan dan

memilik relasi,

saran. Pengguna yang memiliki akses sebagai

Diagram (ERD) dan tabel pada sistem informasi

admin dapat berinteraksi pada halaman admin.

online pada Teknik Infomatika Universitas Bina

Pada halaman admin, pengguna yang memilki

Darma.

Informasi

Online

berikut

pada

Teknik

Entity Ralationship

akses halaman admin dapat melakukan semua aktipitas yang ada pada Sistem Informasi Online pada Teknik Informatika Universitas Bina Darma. Pengguna yang ke empat adalah

24

Entity Ralationship Diagram (ERD) ERD

adalah

permodelan

data

notasi

grafis

konseptual

dalam yang


mendekripsikan hubungan antara penyimpanan

(OMG), yaitu organisasi internasional yang

(Mardiyanto, 2003). Adapun diagram arus

dibentuk pada 1989, terdiri dari perusahaan

datanya dapat digambarkan sebagai berikut :

sistem informasi, software developer, dan para user sistem komputer. Dengan adanya UML, diharapkan dapat mengurangi kekacauan dalam bahasa pemodelan yang selama ini terjadi dalam lingkungan industri. UML diharapkan juga dapat menjawab masalah penotasian dan mekanisme tukar menukar model yang terjadi selama ini. Diagram UML dapat diuraikan sebagai berikut: 1) Use Case Diagram Use

Gambar 1. Entity Relational Database

Case

Diagram

menggambarkan

fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang

Unified Modelling Language (UML) Unified

Modeling

diperbuat sistem, dan bukan “bagaimana”. (UML)

Sebuah use case merepresentasikan sebuah

merupakan sistem arsitektur yang bekerja dalam

interaksi antara aktor dengan sistem. Use case

Object-Oriented

(OOAD)

merupakan sebuah pekerjaan tertentu, misalnya

dengan satu bahasa yang konsisten untuk

login ke sistem, meng-create sebuah daftar

menentukan, visualisasi, mengkontruksi, dan

belanja dan sebagainya. seorang / sebuah aktor

mendokumentasikan artifact (sepotong informasi

adalah sebuah entitas manusia atau mesin yang

yang digunakan atau dihasilkan dalam suatu

berinteraksi dengan sistem untuk melakukan

proses rekayasa software, dapat berupa model,

pekerjaan – pekerjaan tertentu. Berikut use case

deskripsi, atau software) yang terdapat dalam

diagram untuk Sistem Informasi Online pada

sistem

Teknik Informatika Universitas Bina Darma.

software.

Language

Analysis/Design

UML

merupakan

bahasa

pemodelan yang paling sukses dari tiga metode Object-Oriented

(OO)

yang

telah

Use Case Dosen

ada

sebelumnya, yaitu Booch, Object Modeling Technique (OMT), dan Object-Oriented Software Engineering (OOSE) (Hamidi, 1999). UML merupakan kesatuan dari dari ketiga pemodelan tersebut dan ditambah kemampuan lebih karena mengandung metode tambahan untuk mengatasi masalah pemodelan yang tidak dapat ditangani ketiga metode tersebut. UML dikeluarkan oleh Object Management Group


25

Gambar 2. Use Case Dosen Use Case Administrator

merupakan inti dari pengembangan dan desain berorientasi

objek.

Class

menggambarkan

keadaan

(atribut/property)

suatu

sistem,

sekaligus

menawarkan

layanan

untuk

memanipulasi keadaan tersebut (metode/fungsi). Class Diagram Mahasiswa

End3 End5 End7 mahasiswa -username -password +login() «signal»-()

End4

«interface» skripsi/proposal +submit() +reset()

End6

«interface» artikel +download()

«interface» mahasiswa +logout()

End20 «enumeration» skripsi +id = integer +nim = varchar +judul = varchar +abstrak = text +file = varchar +kategori = varchar +download()

End8

«interface» beasiswa +lihat()

End10

«interface» free software +download()

End12

«interface» jadwal up/skripsi +download()

End14

«interface» mahasiswa +lihat()

End16

«interface» nilai +download()

End9 End1 End2

End19

End11

End13 End15 End17

Gambar 3. Use Case Administrator

End18

Use Case Mahasiswa

«enumeration» saran +id = integer +kategori = enum +nim = varchar +tujuan = varchar +isi = text +tanggapan() End22

«interface» saran/pertanyaan +submit() +reset()

End21

Gambar 5. Class Diagram Mahasiswa Class Diagram Admin End2 «interface» artikel +submit() +reset() End4

End10

-End1

«interface» dosen +submit() +reset()

End25

End5 End30 «interface» beasiswa +submit() +reset()

End12

«enumeration» dosen +kd_dosen = varchar +nama = varchar +tempat_lahir = varchar +tanggal_lahir = varchar +pendidikan1 = varchar +pendidikan1 = varchar +pendidikan3 = varchar +jabatan = varchar +bidang_keahlian = varchar +matkul1 = varchar +matkul2 = varchar +matkul3 = varchar +foto = varchar +edit() +hapus()

End3 End1 End29 End9

admin

-End4 -End3 «interface» admin +logout() **

End35

«enumeration» berita +id = integer End7 +judul = varchar +deskripsi = text +detail = text +fhoto = varchar +edit() +hapus() +detail()

*

End6

End40

-usrname -password +login()

End13 End21 End45 End18

End71 End17 End67 End59 End63 End31 End47 End51 End55

End8

«enumeration» End15 fasilitas «interface» End16 +id = integer fasilitas +nama_fasilitas = varchar +submit() +keterangan = text +reset() +foto = varchar +edit() +hapus() End22 End14 «interface» kerjasama «interface» +submit() jadwal up/skripsi +reset() +submit() +reset() «enumeration» skripsi End23 +id = integer +nama_jadwal = varchar «interface» End19+periode = varchar +keterangan = text free software End24 +file = varchar +submit() +edit() +reset() +hapus() +download()

End64 End60 «interface» skripsi/proposal +submit() +reset()

End73

2) Class Diagram Class adalah sebuah spesifikasi yang jika diinstansi akan menghasilakan sebuah objek dan

26

«interface» mata kuliah +submit() +reset()

End66 «interface» silabus +submit() +reset()

End69 End74

«enumeration» yahoo +id = integer +milik = varchar +nama_teman = varchar +ym = varchar +hapus()

End36

«enumeration» skripsi +id = integer +nim = varchar +judul = varchar +abstrak = text +file = varchar +kategori = varchar +edit() +hapus() +download()

End65 End70 «enumeration» silabus +id = integer +kd_dosen = varchar +matkul = varchar +silabus = varchar +edit() +hapus() +download()

End48

End34 End38 «enumeration» matkul +kd_matkul = varchar +nama_matkul = varchar +sks = integer +semester = integer +edit() +hapus()

End27

End28

End26 «enumeration» kerjasama +id = integer +nama_kerjasama = charchar +bidang_kerjasama = varchar +instansi = varchar +kerjasama = text +detail = text +foto = varchar +edit() +hapus() +detail()

«enumeration» mahasiswa +nim = varchar +nama = varchar +jk = varchar +tempat_lahir = varchar +tanggal_lahir = varchar +alamat = varchar +progdi = varchar +fakultas = varchar +email = varchar End37 +web = varchar +foto = varchar +edit() +hapus()

«interface» pengumuman +submit() +reset() End49 End50 «enumeration» pengumuman +id = integer +judul = varchar +isi = text +edit() +hapus()

End20 «interface» tanggapan +submit() +reset() End61 «enumeration» tanggapan +id = id +dari = varchar +isi = text +kd_dosen = varchar +tanggapan = text +kategori = varchar +hapus()

«interface» pengguna +submit() +reset()

«enumeration» software +id = integer +kd_dosen = varchat +nama_software = varchar +kegunaan = text +file = varchar End62 +edit() +hapus() +download()

End56

End52

End32

«interface» mahasiswa +submit() +reset() End33

«enumeration» beasiswa +id = integer +nama_beasiswa = varchar +penjelasan = text +syarat1 = varchar +syarat1 = varchar +syarat1 = varchar +syarat1 = varchar +syarat1 = varchar +syarat_lain = text +edit() +hapus() +detail()

End68

End72 «interface» yahoo messenger +submit() +reset()

Gambar 4. Use Case Mahasiswa

«enumeration» artikel +id = integer +kd_dosen = varchar +judul = text +deskripsi = text +file = varchar +edit() +hapus() +download()

-End2

* «interface» berita +submit() +reset() End11

End57 «interface» prestasi +submit() +reset()

End46 End43 End44

«enumeration» peminatan +id = integer +nama_peminatan = varchar +deskripsi = text +edit() +hapus()

End58

«enumeration» prestasi End53 End54 +id = id +bidang_prestasi = varchar +nama = varchar +deskripsi = text +detail = text +foto = varchar +edit() +hapus() +detail()

«enumeration» admin +user_id +password +akses +edit() +hapus()

«interface» peminatan +submit() +reset()

«interface» nilai up/skripsi +submit() +reset()

End39 End41

«enumeration» nilai +id = integer +nama_nilai = varchar +periode = varchar +keterangan = text +file = varchar +edit() +hapus() +download()

End42


Halaman ini merupakan sebuah rancangan

Gambar 6. Class Diagram Admin

Halaman utama yang akan menghubungkan link

Class Diagram Dosen End3

End8

«interface» artikel +submit() +reset()

End5

«interface» free software +submit() +reset()

End9

End6

«enumeration» software +id = integer +kd_dosen = varchar +nama_software = varchar +kegunaan = text +file = varchar +download()

End10 End13 «interface» pengumuman +submit() +reset()

End11

End7 End1

dosen -username End2 -password +login()

End4

«enumeration» artikel +id = integer +kd_dosen = varchar +judul = varchar +deskripsi = text +file = varchar +download()

«enumeration» pengumuman +id = varchar +judul = varcahr +isi = text

End14

End12

ke seluruh menu penting yang ada di Sistem Informasi online ini.

Di mana pada halaman

utama ini terdapat menu-menu yang merupakan link yang dapat menuju ke halaman-halaman berikutnya. Menu tersebut antara lain menu home dan merupakan header, link ke halaman

End21

«interface» dosen +logout()

End20 End19 End16

«interface» silabus +submit() +reset()

«enumeration» silabus +id = integer +kd_dosen = varchar +matkul = varchar +silabus = varchar +download()

End23 End22 «interface» tanggapan +submit() +reset()

End15

End24

End17

«interface» profil +lihat()

End18

«enumeration» tanggpan +id = integer +dari = varchar +isi = text +kd_dosen = varchar +tanggapan = text +kategori = varchar

admin, dosen dan mahasiswa.

Halaman Dosen Header LOGO Halaman Utama

Gambar 7. Class Diagram Dosen

Artikel gambar

Member Login Npw

Free Software Profil

2.3.3 Perancangan Antarmuka

Selamat Datang xxxxxxx

gambar

Pengumuman

Perancangan perancangan

antarmuka

yang

melitputi

adalah perancangan

halaman utama sistem informasi, halaman

masiswa.

Ubah Password

gambar

Yahoo Messenger Status

gam bar

xxxxxxxxxx

gam bar

gambar

gam bar

xxxxxxxxxx

gam bar

gambar

gam bar

xxxxxxxxxx

gam bar

gambar

xxxxxxxxxx

gam bar

gambar

gam bar

gambar

gam bar gam bar

Halaman Utama

Selamat Datang Di Teknik Informatika UBD

Silabus / SAP

Gambar

administrator, halaman dosen dan halaman

Logout

Saran / Peryanyaan

xxxxxxxxxx

Input Yahoo Messenger Teman Gambar

LOGO

Halaman Utama Profil TI-UBD

Header gambar

Kurikulum

Member Area Login username

Fasilitas

Submit

Forum

Polling

gambar

xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx pilih Berita TI-UBD

xxxxxxxxxxxxxxxxx Selengkapnya... xxxxxxxxxxxxxxxxx Selengkapnya... xxxxxxxxxxxxxxxxx Selengkapnya... gambar

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

gambar

Copyright © 2008 usman ependi TI-UBD

Clik here for more details !

gambar

xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx

Link Link xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx gambar

yyyyyyyyyyyyyyyyyyyyyyy

xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx

Gambar 9. Rancangan Halaman Dosen Rancangan

halaman

dosen

adalah

rancangan yang akan digunakan untuk membuat halaman dosen. Pada halaman ini nantinya yang dapat mengases hanyalah dosen saja.


Kaprog Teknik Informatika UBD

gambar

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy xxxxxxxxxxxxxxxxxxxxxxxx

Selamat Datang Di Teknik Informatika UBD

Contact Us

gambar

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

password

Kerjasama

gambar

Berita TI UBD

xxxxxxxxxxxxxxxxx Selengkapnya... xxxxxxxxxxxxxxxxx Selengkapnya... xxxxxxxxxxxxxxxxx Selengkapnya...


gambar

Home | UBD BERMUTU (Bertekat Maju Untuk Tetap Unggul) Copyright © 2008 usman ependi TI-UBD

gambar

Halaman Admin Gambar 10 merupakan rancangan halaman

Gambar 8. Rancangan Halaman Utama

admin. Sebelum masuk ke halaman ini seorang


27

admin harus melakukan proses login terlebih

3.

HASIL DAN PEMBAHASAN

dahulu, setelah itu admin baru bisa dapat Hasil akhir dari semua kegiatan dan

melakukan pengaksesan menu pada halaman

tahapan-tahapan pengembanagn sistem yang

admin.

telah dilakukan merupakan penerapan dari

Selamat Datang Administrator, Ini adalah halaman Pengolahan Data Website

Logout Pengaturan Polling

rancangan-rancangan yang telah diuraikan pada bab sbelumnya yang terdiri dari desain file, desain

input,

pemrograman

dan

desain

yang

web.

Bahasa

digunakan

dalam

membangun program ini adalah Hypertext Processor (PHP). Sistem Informasi Online ini dilengkapi dengan berbagai informasi mengenai Teknik Informatika Universitas Bina Darma, yang mana Gambar 11. Rancangan Halaman Admin Halaman Mahasiswa

informasi tersebut sangat dibutuhkan oleh para mahasiswa,

dosen

dan

umumnya.

Sistem

informasi

mempermudah

Header

para

masyarakat online

pengguna

pada ini

ataupun

LOGO Halaman Utama

pengunjung

yang

membutuhkan

informasi,

Artikel gambar

Member Login Npw

Beasiswa Free Software

Selamat Datang xxxxxxx

gambar

Jadwal UP / Skropsi

Logout

sehingga setiap saat dapat mengakses informasi kapan saja dan dimana saja. Selain informasi mengenai Teknik Informastika Universitas Bina

Mahasiswa TI UBD Selamat Datang Di Teknik Informatika UBD

Darma, Sistem Informasi online ini juga

Nilai UP / Skripsi Silabus

gambar Skripsi / Proposal


Saran / Pertanyaan gambar

Other Menu

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Profil saya Ubah Password gambar

Pengumuman

xxxxxxxxxxxxxxxxx Selengkapnya... xxxxxxxxxxxxxxxxx Selengkapnya... xxxxxxxxxxxxxxxxx Selengkapnya...


xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx

gam bar

xxxxxxxxxx

gam bar

gambar

gam bar

xxxxxxxxxx

gam bar

gambar

xxxxxxxxxx

gam bar

gambar

xxxxxxxxxx

gam bar

gambar

gam bar

gambar

gam bar gam bar Gam bar

xxxxxxxxxx

artikel, beasiswa, berita akademik, free software, jadwal ujian proposal dan skripsi, nilai ujian proposal dan skripsi, pengumuman, saran dan pertanyaan, silabus mata kuliah, skirpsi dan proposal dan link forum Teknik Informastika Universitas Bina Darma.

Lihat semua pengumuman gambar

menyediakan fasilitas upload dan download

xxxxxxxxxxxxxxxxxxxxxxx yyyyyyyyyyyyyyyyyyyyyyy

xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx

File dihasilkan dalam pembuatan website gambar

Copyright © 2008 usman ependi TI-UBD

ini berupa file php. Dengan file induk yaitu index.php yang berfungsi sebagai file eksekusi untuk

memanggil

file-file

yang

telah

Input Yahoo Messenger Teman

berhubungan sehingga dapat dipanggil secara Gambar 12. Rancangan Halaman Mahasiswa

28

otomatis pada saat mengakses halaman utama


Informasi online Teknik Informatika Universitas

informasi online, halaman admin ini juga

Bina Darma.

terdapat menu-menu yang dapat diakses untuk mengelolah isi sistem informasi online ini. Berikut tampilan halaman admin.

Halaman Utama

Gambar 14. Halaman Admin

Gambar 13. Halaman Utama

Halaman

utama ini disimpan dengan

nama file “index.php”. Halaman utama ini akan

Gambar 15. Halaman Input Artikel

menghubungkan link ke menu dan halaman lain. Adapun fungsi dari halaman utama ini untuk memudahkan bagi admin, dosen dan mahasiswa untuk berinteraksi dengan sistem informasi online ini.

Halaman Admin Halaman admin adalah halaman untuk mengatur isi dari Sistem Informasi Online, halaman admin dapat diakses setelah pengguna melakukan proses login sebagai admin. Login

Gambar 16. Halaman Data Artikel

tersebut dilakukan pada halaman utama sistem


29

Halaman Mahasiswa

informasi online pada Program Studi Teknik Informatika Universitas Bina Darma. Halaman Dosen

Gambar 17. Halaman Mahasiswa Halaman mahasiswa adalah halaman yang digunakan oleh mahasiswa Program Studi Teknik Informatika Universitas Bina Darma.

Gambar 18. Halaman Dosen

Halaman mahasiswa dapat diakses setelah pengguna melakukan proses login pada halaman

Halaman dosen adalah halaman yang

utama Sistem Informasi online, setela melakukan

disediakan bagi pengguna yang memiliki hak

login dan berhasil maka akan tampil halaman

akses sebagai dosen, pada halaman dosen ini

mahasiswa.

memiliki

pengguna dapat melakukan pengaksesan menu

banyak menu untuk menghubungkan kehalaman

yang ada pada halaman dosen. Menu yang ada

lainya yang dapat diakses oleh pengguna yang

pada halaman dosen ini memilki perbedaan

memilki hak akses sebagai mahasiswa. Berikut

dengan menu yang pada halaman mahasiswa.

adalah tampilan halaman mahasiswa.

pada halaman ini dapat melakukan aktivitas yang

Halaman

mahasiswa

Menu yang ada pada halaman ini

bertujuan penyebaran informasi kepara para

meliputi halaman utama, artikel, beasiswa,

mahasiswa. Informasi tersebut antara lain artikel,

free software, jadwal up / skripsi, mahasiswa

free software, silabus, menjawab pertanyaan dan

TI UDB, nilai up / skripsi, skripsi / proposal, saran

dan

pertanyaan.

Berikut

adalah

hal lainnya. Berikut adalah tampilan halaman dosen.

tampilan halaman mahasiswa pada sistem

30


4.

SIMPULAN Berdasarkan

uraian

yang

telah

dikemukakan pada pembahasan sebelumnya, maka simpulan yang diambil dalam mencapai tujuan yang diinginkan. Adapun kesimpulan yang dapat diambil adalah sebagai berikut : 1) Dalam

penelitian

perancangan

dan

ini

telah

dilakukan

implementasi

Sistem

Informasi Online pada Program Studi Teknik Informatika Universitas Bina Darma dengan menggunakan bahasa pemrograman PHP dengan database MySQL. 2) Dengan adanya media online ini diharapkan pengguna bisa memperoleh informasi yang diinginkan mengenai Program Studi Teknik Informatika Universitas Bina Darma dengan cara mengakses Sistem Informasi Online Teknik Informatika Universitas Bina Darma. 3) Sistem informasi online ini merupakan salah satu cara penyampaian informasi yang ada pada Program Studi Teknik Informatika Universitas Bina Darma.


31

DAFTAR RUJUKAN Hamidi, Agus. 1999. Analisis dan Perancangan Sistem. Mercubuana. Jakarta. Hartono, Jogiyanto. 1999. Analisis & Desain. Andi. Yogyakarta. Mardiyanto, D.A, 2003. Pemodelan Data dalam Rekayasa Perangkat Lunak. Institut Teknologi Bandung. Bandung. MISS-CUTS, 2011. Unit Pengolahan Tekniks Univesitas Bina Darma. Universitas Bina Darma. Palembang. Sutanta, Edhy. 2004. Sistem Basis Data. Graha Ilmu. Yogyakarta. Turban, Mc Lean, dan Wetherbe. 1999. Information Technology for Management, Second Edition. John Wiley & Sons, Inc.

32


PENGEMBANGAN SISTEM INFORMASI ONLINE MENGGUNAKAN METODE WEB ENGINEERING

Recommend Documents