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

HALAMAN PUBLIKASI

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

5

Gambar 2. Flowchart 2 yang diusulkan

6

4.3 Diagram Konteks

Data flow diagram dari website SMK Pemuda 1 Kesamben:

Gambar 3. Diagram konteks

7

4.4 DFD Level 0

= Admin = Guru

= User = Visitor

Gambar 4. DFD Level 0

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.