analisis dan perancangan sistem …repository.amikom.ac.id/files/publikasi_10.01.2757,...
TRANSCRIPT
ANALISIS DAN PERANCANGAN SISTEM INFORMASI SMK PEMUDA 1 KESAMBEN BLITAR BERBASIS WEB
NASKAH PUBLIKASI
diajukan oleh
Muhamad Makmun 10.01.2757
Charis Badi’ul Ch. 10.01.2782
kepada TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA
YOGYAKARTA 2013
ANALISIS DAN PERANCANGAN SISTEM INFORMASI SMK PEMUDA 1 KESAMBEN BLITAR BERBASIS WEB
ANALYSIS AND DESIGN INFORMATION SYSTEM FOR SMK PEMUDA 1 KESAMBEN
BLITAR WEB BASED
Charis Badiul Chusna Akhmad Dahlan
Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA
ABSTRACT This website was built using Adobe Dreamweaver CS5.This website have
some features, including upload and download files. Upload files by teachers by login first.
Users who are involved include Administrators, teachers and visitors, administrators divided into two levels, admin and user, admin has full rights to access administrator page, while the user has limited access,while the teacher can only log on page visitor.
This website was built using Adobe Dreamweaver CS5 applications while the database is built using an application programming MySQL programming language used in this website including PHP, CSS and HTML. Keyword:Website, SMK Pemuda 1 Kesamben, Information System
1
1. Pendahuluan
Kemudahan informasi di saat ini sudah menjadi kebutuhan di masyarakat,
diantaranya sistem informasi untuk edukasi berupa website sekolah guna
penyampaian,pengiriman dan penerimaan informasi yang cepat dan mudah, terutama
bagi warga sekolah, dan sebagai sarana promosi sekolah, yaitu memperkenalkan
sekolah ke masyarakat umum melalui media internet.
Dengan adanya website sekolah, masyarakat, guru, siswa, dan orang tua/wali
siswa akan mendapatkan informasi dengan mudah dan efisien karena dapat di akses
lewat internet.Di mana saat ini banyak sekolah-sekolah yang menyajikan informasi masih
menggunakan cara manual yaitu dengan media cetakdan masih menggunakan media
promosi dengan menyebar brosur, cara ini dirasa tidak efektif dan efisien karena
membutuhkan lebih banyak biaya dan waktu, selain itu proses penyampaian dan
penerimaan informasi tidak akan cepat.
SMK Pemuda 1 Kesamben Blitar adalah salah satu sekolah yang masih
menggunakan cara tersebut untuk menyampaikan informasi, baik untuk warga sekolah
ataupun masyarakat, bahkan informasi penting seperti contoh pengumuman kelulusan
siswa pada ujian nasional, dan untuk media promosi, SMK Pemuda 1 Kesamben masih
melakukan sosialisasi ke sekolah-sekolah dan menyebar brosur.
Atas latar belakang tersebut, dilakukan penelitian di SMK Pemuda 1 Kesamben
Blitar untuk membangun sistem informasi berbasis website sebagai media informasi bagi
siswa orang tua/wali siswa dan masyarakat yang menyajikan informasi tentang SMK
Pemuda 1 Kesamben Blitar dengan judul “Analisis dan Perancangan Sistem
Informasi untuk SMK Pemuda 1 Kesamben Blitar Berbasis Web”.
2
2. Landasan Teori
2.1 Pengertian Sistem
Stair dan Reinold (2010) Sistem adalah sekumpulan elemen atau komponen yang
berinteraksi untuk mencapai tujuan.
Sedangkan menurut O’Brian dan Marakas (2008) Sistem merupakan sekelompok
komponen yang saling berhubungan, bekerja bersama untuk mencapai tujuan dengan
menerima input dan menghasilkan output dalam transformasi yang teratur.
Dari pendapat Stair dan Reinold (2010) serta O’Brian dan Marakas (2008) dapat
disimpulkan bahwa sistem adalah sekumpulan elemen atau komponen yang saling
berhubungan mengubah input ke output dalam transformasi untuk mencapai tujuan
bersama.
2.2 Pengertian Informasi
Menurut Laudon dan Laudon (2010) informasi adalah data yang diubah ke dalam
bentuk yang memiliki arti dan berguna bagi manusia.
Sedangkan menurut O’Brian dan Marakas (2008) informasi adalah data yang telah
diubah menjadi konteks yang berguna bagi para pemakai akhir tertentu.
Dan menurut Stair dan Reinold (2010) informasi adalah nilai fakta yang terorganisir
sehingga memiliki nilai tambah selain nilai fakta individu.
Jadi dapat disimpulkan informasi adalah hasil pengolahan data yang memiliki nilai
tambah,makna dan berguna bagi penggunanya.
2.3 Pengertian Sistem Informasi
Menurut Laudon dan Laudon (2010) sistem informasi adalah komponen yang
bekerjasama untuk mengumpulkan,mengolah dan menyimpan dan menyebarkan
infomasi untuk medukung pengambilan keputusan, koordinasi,pengendalian dan analisis
masalah dan visualisasi dalam sebuah organisasi.
3
Menurut O’Brian dan Marakas (2008) sistem informasi merupakan kombinasi teratur
dari orang-orang,hardware,software,jaringan komunikasi dan sumber daya data yang
mengumpulkan,mengolah dan menyebarkan informasi dalam sebuah organisasi.
Sedangkan menurut Stair dan Reinold (2010) sistem informasi adalah sekumpulan
elemen yang saling terkait dan dikumpulkan (input), memanipulasi (process),menyimpan
dan menyebarkan (output) data dan informasi, dan memberikan reaksi korektif
(feedback) untuk mencapai tujuan.
Jadi dapat disimpulkan bahwa sistem informasi adalah seperangkat komponen yang
terdiri dari orang,hardware,software,jaringan komunikasi dan data yang saling bekerja
sama untuk mengumpulkan,menyimpan,mengolah dan menyebarkan informasi untuk
mendukung pengambilan keputusan pengendalian dan analisis masalah dan visualisasi
dalam sebuah organisasi
3. Sejarah Berdiri SMK Pemuda 1 Kesamben
Berdirinya SMK Pemuda 1 Kesamben ditandai dengan kegiatan Penerimaan Siswa
Baru yang pertama pada tanggal 18 Juli 1973, dengan jumlah penerimaan 56 siswa
terbagi dua kelas dengan komposisi laki-laki 26 dan perempuan 30. Pada saat itu
sekolah memiliki 3 ruang teori/kelas belajar, 1 ruang ketrampilan, 1 ruang perpustakaan,
1 ruang guru, 1 ruang tata usaha dan 1 ruang kepala sekolah.
Pada tahun kedua, diadakan kegiatan penerimaan siswa baru dan terdapat 63
siswa yang mendaftar yang terbagi menjadi 2 kelas dan pada tahun ketiga terdapat 66
siswa yang mendaftar yang terbagi menjadi 2 kelas, sehingga total siswa kelas 1 sampai
kelas 3 pada awal berdiri sekolah adalah 185 siswa yang terbagi menjadi dua program
studi/jurusan yaitu akuntansi dan penjualan dengan 18 tenaga pengajar saat itu.
Pada tanggal 26 Oktober 1975 pemerintah menerbitkan SK Kelembagaan Nomor:
0315/O/1995 yang berarti pendirian lembaga ini telah memperoleh legalitas dari
pemerintah.
4
4. Analisis dan Perancangan
4.1 Perancangan Sistem
4.2 Flowchart
Gambar 1. Flowchart 1 yang diusulkan
6
4.3 Diagram Konteks
Data flow diagram dari website SMK Pemuda 1 Kesamben:
Gambar 3. Diagram konteks
8
4.5 Perancangan Database
4.6 ERD (Entity Relationship Diagram)
Gambar 5. Rancangan ERD (Entity Relationship Diagram)
4.7 Perancangan User Interface
4.8 Rancangan user interface halaman administrator
Berikut adalah rancangan dari user interface untuk halaman atau panel
administrator:
4.8.1 Halaman login
Rancangan halaman login terdiri dari 2 buah field untuk username dan password
serta satu buah tombol login.
9
4.8.2 Halaman ganti password
Rancangan halaman ganti password terdiri dari 3 field yaitu dua field untuk
memasukkan password baru serta 1 field untuk memasukkan password lama dan 2 buah
tombol yaitu simpan dan batal.
4.8.3 Halaman utama administrator
Halaman utama mempunyai header dan footer yang bersifat statis, modul
terletak di bagian atas sedangkan konten di bagian bawah dan bersifat dinamis,konten
akan berubah sesuai modul yang dipilih.
Gambar 6. Rancangan halaman login
Gambar 7. Rancangan halaman ganti password
10
4.9 Rancangan User Interface Halaman Pengunjung
User interface halaman pengunjung mempunyai header dan footer yang bersifat
statis,di bagian tengah terdapat konten yang bersifat dinamis yang akan tampil sesuai
menu yang dipilih, pengumuman dan buku tamu di bagian sidebar kiri, sedangkan di
sidebar kanan terdapat kolom pencarian dan login untuk guru yang nantinya akan
ditampilkan dalam halaman login guru. Berikut adalah rancangan user interface untuk
halaman pengunjung:
Gambar 8. Rancangan halaman utama admin
Gambar 9. Rancangan halaman pengunjung
11
4.10 Rancangan User Interface Halaman Login Guru
Halaman ini terdapat di halaman pengunjung namun ada sedikit tambahan menu
ketika guru login,berikut adalah rancangan halaman untuk guru setelah login.
4.10.1 Halaman profil guru
Di halaman profil guru akan menampilkan profil guru yang login pada saat itu dan
juga memungkinkan guru untuk merubah profilnya, pada halaman ini,sidebar kanan login
guru akan berubah menjadi menu guru.
Gambar 10. Rancangan halaman profil guru
4.10.2 Halaman materi
Halaman materi tampil setelah guru login,di halaman ini guru dapat melihat daftar
materi yang telah di upload dan dapat menambah serta menghapusnya.
12
Gambar 11. Rancangan halaman materi
4.11 Implementasi Sistem
4.12 Halaman administrator
4.12.1 Halaman login administrator
Halaman ini digunakan untuk login bagi administrator,di halaman ini administrator
memasukkan username dan password lalu sistem akan mencocokkan kombinasi
username dan password dari database,jika cocok maka pengguna akan dialihkan ke
halaman administrator dan jika tidak maka akan muncul pesan eror.
Gambar 12. Halaman login administrator
13
4.12.2 Halaman utama administrator
Administrator yang login akan dialihkan ke halaman ini,halaman ini menampilkan
modul-modul yang dapat di akses oleh masing-masing level administrator.
4.13 Halaman Visitor
Halaman ini menampilkan daftar menu yang dapat diakses dan dibagian konten
akan menampilkan berita terbaru yang diambil dari table berita dengan urutan sesuai
tanggal posting.
Gambar 14. Halaman beranda
Gambar 13. Halaman utama administrator
14
4.14 Halaman Guru
4.14.1 Halaman Profil guru
Pada halaman ini,guru yang login dapat mengubah profilnya termasuk mengubah
password dan username, guru dapat merubah profil dengan login terlebih dahulu,data
akan masuk kedalam tabel guru menurut masing-masing Id guru,guru juga dapat
menambahkan materi..
Gambar 15. Halaman profil guru
4.14.2 Halaman materi
Di halaman ini,guru yang login dapat menambah dan menghapus materi menurut
id masing-masing guru.
15
Gambar 16. Halaman materi
5. Penutup
5.1 Kesimpulan
Dari penelitian yang dilaksanakan di SMK Pemuda 1 Kesamben, maka dapat
ditarik kesimpulan sebagai berikut :
1. Website SMK Pemuda 1 Kesamben berhasil dibangun dengan membuat
flowchart, data flow diagram, struktur tabel, user interface, entity relationship diagram dan
relasi antar tabel, kemudian mengimplementasikannya dengan membuat website dan
database, dengan terciptanya website ini, proses penyampaian informasi dari SMK
Pemuda 1 Kesamben akan semakin mudah dan cepat.
2. Website SMK Pemuda 1 Kesamben dilengkapi dengan fasilitas upload dan
download materi,dengan tujuan untuk mendukung kegiatan belajar mengajar di SMK
Pemuda 1 Kesamben, dan dengan tersedianya fasilitas ini, diharapkan siswa dapat
termudahkan dalam mendapatkan materi yang diberikan guru bahkan saat diluar
sekolah, sehingga kegiatan belajar mengajar akan terdukung dengan fasilitas ini.
16
5.2 Saran
Dalam pembuatan Website SMK Pemuda 1 Kesamben sebagai sistem informasi,
diberikan beberapa saran untuk penyempurnaan dari website tersebut yaitu:
1. Memberikan fasilitas pendaftaran online untuk calon siswa SMK Pemuda 1
Kesamben mengingat hal ini bisa sangat memudahkan para calon siswa dan karyawan
SMK Pemuda 1 Kesamben karena akan menghemat tenaga, waktu dan biaya.
2. Mengembangkan interface agar lebih menarik mengingat salah satu fungsi
website sebagai media informasi dan promosi karena interface sangat berpengaruh
terhadap hal ini.
3. Membuat fitur kategori materi menurut mata pelajaran karena akan lebih
memudahkan siswa dan dalam mencari materi yang berhubungan dengan mata
pelajaran yang diinginkan.
DAFTAR PUSTAKA
Al Fatta, Hanif. 2007. Analisis & Perancangan Sitem Informasi. Yogyakarta : ANDI.
Nnugroho ,Bunafid. 2008. Latihan membuat web PHP dan MySQL dengan deamweaver MX (6,7,2004)dan 8. Yogyakarta : ANDI
Rudyanto, M Arief. 2011. Pemrograman Web Dinamis menggunakan PHP dan MySQL. Yogyakarta : ANDI.
Sunyoto, Andi. 2007. Ajax membangun Web dengan Teknologi ASYNCHRONOUSE JavaScript & XML. Yogyakarta : ANDI
Syafrizal, Melwin. 2005. Pengantar Jaringan Komputer. Yogyakarta: ANDI.