Sistem Informasi Sekolah Menengah Kejuru

(1)

Sistem Informasi Sekolah Menengah Kejuruan (SMK) Teknologi Informasi Dan Bisnis Indosains Palembang Berbasis Web

Mariana Purba, M.Kom

Program Studi Manajemen Informatika Politeknik Anika Palembang purbamariana@yahoo.co.id

Abstrak

Penelitian ini bertujuan untuk membuat website yang mengolah informasi sistem informasi data guru, siswa dan staf administrasi Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang dan sistem informasi fasilitas Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang karena belum mempunyai sistem informasi berbasis web, sehingga kesulitan dalam menyampaikan informasi yang berhubungan dengan data sekolah yang meliputi data guru, data siswa, dan alumni. Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang masih menggunakan bantuan Microsoft Office seperti Microsoft Word, sehingga kesulitan mengelola data dan membutuhkan waktu yang lama bila data tersebut dibutuhkan. Guna memberikan kemudahan kepada guru, siswa dan masyarakat maka diperlukan Website berbasis internet sebagai sarana informasi yang memberikan informasi-informasi kepada guru, siswa dan masyarakat secara akurat dan jangkauannya pun lebih luas. Dengan adanya sistem informasi berbasis web ini, diharapkan tentunya akan lebih mempermudah pengolahan data Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang termasuk di dalamnya pencarian data siswa dan guru yang dapat mempermudah dalam memperoleh informasi dengan mudah dan cepat, sehingga masyarakat umum dapat mengetahui tentang Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang

Kata Kunci: Website, Informasi, PHP. Database Mysql xampp

1. PENDAHULUAN 1.1 Latar Belakang

Website merupakan salah satu

sumber informasi yang banyak dipakai. Berbagai aplikasi website dibuat dengan tujuan agar pemakai dapat berinteraksi dengan penyedia informasi dengan mudah dan cepat melalui media internet. Pada Sekolah

Menengah Kejuruan (SMK)

Teknologi Informasi dan Bisnis Indosains belum mempunyai sistem informasi berbasis web, sehingga kesulitan dalam menyampaikan informasi yang berhubungan dengan data sekolah yang meliputi data guru,

data siswa, dan alumni. Sekolah

Teknologi Informasi dan Bisnis Indosains Palembang masih menggunakan bantuan Microsoft

Office seperti Microsoft Word,

sehingga kesulitan mengelola data dan membutuhkan waktu yang lama bila data tersebut dibutuhkan. Tak jarang dalam penyampaian informasi

masih menggunakan papan

pengumuman. Tentu untuk

mendapatkan informasi yang cepat

(2)

Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015

32

Selain itu, proses dimana siswa, guru dan masyarakat ingin mengetahui informasi tentang sekolah sangat sulit dan harus mendatangi sekolah tersebut. Guna memberikan kemudahan kepada guru, siswa dan masyarakat maka diperlukan Website berbasis internet sebagai sarana informasi yang memberikan informasi-informasi kepada guru, siswa dan masyarakat secara akurat dan jangkauannya pun lebih luas.

Berdasarkan uraian diatas dapat disimpulkan bahwa sistem informasi berbasis web pada Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang

sangat diperlukan untuk

mempermudah dalam mengelola informasi siswa, informasi guru dan informasi kegitaan serta fasilitas sekolah dengan memanfaatkan sistem komputerisasi yang diolah dengan bahasa pemrograman web PHP dan

database MYSQL, penulis merasa

tertarik untuk mengangkat masalah tersebut dengan judul Sistem Informasi Sekolah Menengah Kejuruan (SMK) Teknologi Informasi Dan Bisnis Indosains Palembang Berbasis Web

1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah diuraikan, dapat dibuat susunan identifikasi masalah, yaitu mengenai sistem informasi Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains berbasis web dengan menggunakan bahasa pemrograman PHP dan database

MySQL?”.

1.3 Batasan Masalah

Untuk menghindari meluasnya masalah dari topik pembahasan penelitian ini, maka pembahasan masalah hanya mencakup bagaimana merancang sistem informasi berbasis

web Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang dengan menggunakan bahasa pemrograman

PHP dan database MySQL.

1.4 Tujuan

Adapun tujuan membangun website t yang mengolah informasi sebagai berikut :

1. Sistem informasi data guru, siswa dan staf administrasi Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang.

2. Sistem informasi fasilitas Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang.

2. LANDASAN TEORI 2.1 Pengertian Internet

Menurut Hidayatullah dan Kawistara (2014:1) Internet adalah jaringan global yang menghubungkan komputer-komputer diseluruh dunia, dengan internet sebuah komputer bisa mengakses data yang terdapat pada komputer lain dibenua yang berbeda.

2.2 Pengertian Basis Data (Database)

Menurut Hidayatullah dan Kawistara (2014:147), Basis Data adalah satu komponen utama dalam sistem informasi dan tidak ada sistem informasi yang bisa dijalankan tanpa adanya basis data.

2.3 Pengertian Web

Menurut Fathansyah

(2012:464), Word Wide Web (WWW

atau Web) merupakan sistem

informasi terdistribusi yang berbasis

hypertext. Dokumen-dokumen yang

dikekola dalam web bisa beraneka jenis (Pengolah kata, lembar kerja, tabel basis data, presentasi, hypertext dan lain-lain). Jenis dokumen yang paling umum adalah dokumen

(3)

yang dibentuk berdasarkan format HTML (hypertext markup language).

Link kedokumen yang lain (baik lokal

maupun jarak jauh atau remote) dapat diletakkan sebagai bagian dari teks. Begitu juga dengan objek gambar yang dapat pula di acu dan ditampilkan melalui perintah format yang khusus untuk itu. Nantinya, pemakai sistem web akan teks yang telah terformat bersama objek-objek gambar, dan bukannya teks awal beserta perintah-perintah formatnya. Dokumen yang ditampilkan merupakan dokumen hypertext; yang dengan program peramban (browser) dokumen hypertext seorang pemakai dapat memilih (meng-klik) suatu area teks yang memiliki link kedokumen lain dan begitu pemilihan dilakukan dokumen yang ditunjuk pun segera ditampilkan. program peramban yang populer digunakan saat ini adalah MS

Internet Explorer, Mozilla Firefox,

dan Google Chrome.

2.4 Pengertian Domain

Menurut Sutanto (2014:243) Domain adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di internet. Domain

memberikan kemudahan pada pengguna internet untuk melakukan akses ke suatu server tanpa harus mengenal deretan nomor identitas atau yang dikenal dengan IP server.

2.5 Pengertian Informasi

Menurut Pratama (2013:9), Informasi adalah hasil pengolahan data dari satu atau berabagai sumber, yang kemudian diolah, sehingga memberikan nilai, arti, dan manfaat. Proses pengelolaan memerlukan teknologi, pada proses pengolahan data, untuk dapat menghasilkan informasi, juga dilakukan proses verifikasi secara akurat, spesifik, dan tepat waktu.

2.6 Pengertian HTML

Menurut Hidayatullah dan Kawistara (2014:13) Hypertext Markup

Language (HTML) yaitu bahasa standard yang digunakan untuk

menampilkan halaman web.

2.7 Pengertian JavaScript

Menurut Hidayatullah dan Kawistara (2014:422) JavaScript (js) ialah suatu bahasa scripting yang digunakan sebagai fungsionalitas dalam membuat suatu web.

2.8 Pengertian PHP (Hypertext Preprocessor)

Menurut Hidayatullah dan Kawistara (2014:321), Hypertext Preprocessor (PHP) atau disingkat dengan PHP ini adalah suatu bahasa scripting

khususnya digunakan untuk web delevopment. Karena sifatnya yang server side scripting, maka untuk

menjalankan PHP harus menggunakan

web server.

2.9 Pengertian MySQL (My Structured Query Langguage)

Menurut Sutanto (2014:37), My

Structured Query Langguage

(MySQL) adalah sebuah perangkat lunak sistem manajemen basis data yang multithread, multi-user, dengan sekitar 6 juta instalasi diseluruh dunia. MySQL AB membuat MySQL teredia sebagai perangkat lunak gratis dibawah lisensi GNU GPL (General

Public License).

2.10 Pengertian Adobe Dreamweaver

Menurut Sutanto (2014:52), Adobe

Dreamweaver merupakan salah satu

(4)

Jurnal Informanika, Volume 1 No. 2

34

Adobe Dreamweaver m

pengembang websit

mengelola halaman-hala dan aset-aset yang ada d itu sendiri. Aset-aset yan

website antara lain gam

animasi Flash, video, su sebagainya.

2.11 Pengertian XAMPP

Menurut Sutanto (2014:7 merupakan singkatan da sistem operasi apapu

MySQL, PHP, dan Pe

adalah tool yang menye perangkat lunak dalam paket. Dalam paket XA terdapat Apache (we

MySQL (database), P

side scripting), Perl, F

PHP My Admin da

pustaka bantu lainnya.

2.12 Pengertian Photoshop

Menurut Athenk

Photoshop adalah sebu

desain grafis yang banya untuk keperluan d fotografi, terutama pengolahan objek yan gambar (bitmap).

3. METODOLOGI PENEL 3.1 Analisis Kebutuhan Peran

1. Perancangan Sistem

Perancangan sist suatu fase dimana dipe perencanaan untuk ele computer yang akan m system baru. Ada dua diperlu diperhatika

a. Activity Diagram

1. Login Admin

1 No. 2, Juli - Desember 2015

34

r memudahkan

bsite untuk

alaman website da dalam website yang ada dalam gambar (image), o, suara, dan lain

2014:72), XAMPP n dari X (empat pun), Apache Perl. XAMPP

yediakan paket am satu buah XAMPP sudah

(web server),

PHP (server rl, FTP server,

dan berbagai .

op

(2012:67) sebuah program nyak digunakan desain dan dalam hal yang berbasis

ELITIAN erangkat m

sistem adalah diperlukan suatu elemen-elemen n menggunakan dua hal yang ikan dalam

perancangan siste peralatan dan pr untuk system yan

Ada bebera digunakan dala system yaitu diag

Modeling Language

dari Use Case

Diagram, Act

Squence Diagram

b. Diagram Use C Diagram)

Usecase di

diagram yang me proses utama keseluruhan sist dapat dilihat pada ini :

Gambar Class

T.pengumuman - Tgl _lahir - Jen _kelamin - Thn _ angkatan - pekerjaan

sistem yaitu pemilihan n program computer

ang baru.

erapa alat bantu yang dalam perancangan diagram UML (Unifed

anguage) yang terdiri ase Diagram, Class

Activity Diagram,

agram

se Case (Use Case

diagram adalah

menunjukkan semua a yang menyusun sistem, diagram ini pada gambar di bawah

Class Diagram

(5)

Gambar Login Admin

1. Rancangan Basis Data

Rancangan Struktur Tabel Admin Nama tabel : T_User

Tabel Rancangan Struktur Tabel Admin

No Field Name

Type Size Keterangan

1. Userna

me

Varchar 50 Nama

Pengguna

2. Passwor

d

Varchar 100 Sandi

2. Rancangan Struktur Tabel Alumni

Nama tabel : T_Alumni Primari key : Nis Tabel Rancangan Struktur Tabel Alumni

No Field Name

Type Size Keterang

an

1. Nis Varchar 20 No Induk

Siswa

2. Nama Varchar 35 Nama

Alumni

3. Tempat

lahir

Varchar 35 Tempat

lahir Alumni

4. Tgl_lah

ir

Date Tanggal

lahir

5 Jen_Ke

lamin

enum

(“laki-laki”,”p erempu an”)

Jenis Kelamin

6 Thn_an

gkatan

varchar 12 Tahun

Angkata n

7 pekerja

an

varchar 50 pekerjaa

n

8 No_tel

p

varchar 50 Nomor

telepon

9 Alamat varchar 50 Alamat

Alumni

10 Foto varchar 200 Foto

Alumni

3. Rancangan Struktur Tabel Berita

Nama tabel : Berita Primary key: Idberita

Tabel Rancangan Struktur Tabel Berita

No Field Name

1 Idberita Int 11 Id Berita

2 Judul Varcha

r

100 Judul Berita

3 Penulis Varcha

r

50 Penulis

4 Tglinput Date Tanggal Input

Berita

5 isi Text Isi Berita

6 gambar Varcha

r

(6)

36

4. Rancangan Struktur Tabel Guru

Nama tabel : Guru Primary key : Nip Tabel Rancangan Struktur Tabel Guru

No Field Name

1 Nip Varchar 12 Nomor

Induk Pegawai

2 nama Varchar 50 Nama Guru

3 Tempat

lahir

Varchar 30 Tempat

Lahir

4 tgllahir date Tanggal

Lahir

5 pendidi

kan

Varchar 10 Pendidikan

6 jurusan Varchar 100 Jurusan

7 jabatan Varchar 100 Jabatan

8 alamat text Alamat Guru

9 notelp Varchar 20 Nomor

Telepon

10 foto Varchar 100 Foto Guru

5. Rancangan Struktur Tabel Pengumuman

Nama tabel : T_pengumuman Primary key :

Idpengumuman

Tabel Rancangan Struktur Tabel Pengumuman

No Field Name

Type Size Keteran

gan

2 Judul Varchar 100 Judul

Pengu muman

3 Isi Text Isi

Pengu muman

6. Rancangan Struktur Tabel Siswa

Nama tabel : T_siswa Primary key : Nis

Tabel Rancangan Struktur Tabel Siswa

No Field Name

Type Size Keteran

gan

1 Nis Varchar 15 Nomor

Induk Siswa

2 nama Varchar 35 Nama

Siswa

3 tempat lahir

Varchar 40 Tempa t Lahir 5 kelas varchar 6 Kelas 6 telp varchar 35 Telepo

n 7 alamat varchar 200 Alama

t Siswa 8 foto varchar 100 Foto

4. PEMBAHASAN DAN

PERANCANGAN 4.1 Hasil

Setelah melakukan perancangan dan pembuatan program maka hasil akhir yang akan dicapai penulis adalah sebuah program sederhana yaitu Sistem Informasi Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang Berbasis Web

dengan menggunakan bahasa

pemrograman PHP dan database MySQL. Sistem ini dihasilkan setelah

melalui beberapa tahap rancangan yang terdiri dari rancangan Use Case Diagram, rancangan Activity Diagram,

rancangan Class Diagram, rancangan

Sequence Diagram, desain input serta

output.

4.2 Pembahasan

Untuk menjalankan aplikasi PHP

programming, dilakukan dengan

menggunakan program freeware yang berupa apache friends. Adapun langkah dalam menjalankannya adalah sebagai berikut :

1. Arahkan mouse pada menu start. 2. Pilih program Apache Friends,

kemudian pilih XAMPP, lalu pilih

XAMPP Control Panel.

3. Lalu akan tampil XAMPP Control

Panel, klik tombol start pada Apache Server dan Mysql Server.

(7)

5. Klik menu start, lalu klik Mozilla

Firefox.

6. Lalu ketik Localhost/Indosains pada bar address.

Tahapan ini akan dijelaskan bagaimana langkah-langkah atau cara pengoperasian program aplikasi yang telah dibuat dengan

menggunakan bahasa PHP

Programming.

4.2.1 Halaman Beranda

Proses menu beranda adalah program yang telah dibuat untuk menjelaskan program lebih lanjut. Pada menu beranda terdapat 6 menu informasi yaitu Home, Profil, Guru, Siswa, Alumni, dan Fitur. Adapun tampilan halaman home Website Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

Gambar Halaman Home

4.2.2 Halaman Home_Admin

Halaman Home admin merupakan halaman khusus admin yang terdiri dari menu Input Berita, Input

Pegumuman, Data Guru, Data Siswa, Data Alumni dan logout. Adapun tampilan halaman Home

admin sebagai berikut :

Gambar Halaman Home_Admin

4.2.3 Halaman Home_Data Berita

Proses halaman Data Berita ini adalah program yang menjelaskan Berita apa saja yang ada di Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang. Adapun tampilan halaman Data Berita Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

(8)

38 4.2.4 Halaman Home _Tambah Data

Berita

Proses halaman Tambah Data Berita ini adalah program yang menjelaskan untuk Menambah Data Berita yang ada di Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang. Adapun tampilan halaman Home_Tambah Data Berita Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

Gambar Home _Tambah Data Berita

4.2.5 Halaman Home_Data Pengumuman

Proses halaman Input

Pengumuman ini adalah program yang menjelaskan id pengumuman, judul yang terdapat di Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang. Adapun

tampilan halaman Input

Pengumuman Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

Gambar

Halaman Home_Data Pengumuman

4.2.6 Halaman Home_Tambah Data Pengumuman

Proses halaman Tambah Data Pengumuman ini adalah program

yang menjelaskan untuk

menambah data pengumuman yang ada di Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang. Adapun tampilan halaman tambah berita Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

Gambar

(9)

4.2.7 Halaman Home_Data Guru

Proses halaman data guru ini adalah program yang menampilkan data guru yang ada di Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains. Adapun tampilan halaman data guru adalah sebagai berikut:

Gambar Halaman Data Guru

4.2.8 Halaman Home_Tambah Data Guru

Proses halaman tambah data guru ini adalah program yang menampilkan untuk menambah data guru yang ada di Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang. Adapun tampilan halaman Tambah Data Guru adalah sebagai berikut:

Gambar

Halaman Home_Tambah Data Guru

4.2.9 Halaman Home_Data Siswa

Proses halaman data siswa ini adalah program yang menampilkan data-data siswa yang ada pada Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang. Adapun tampilan halaman data siswa Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

Gambar Halaman Home_Data Siswa

4.2.10 Halaman Home_Tambah Data Siswa

Proses halaman tambah data siswa ini adalah program yang

menyediakan menu untuk

menginput data siswa baru yang ada di Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang. Adapun tampilan halaman tambah data siswa Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

Gambar

(10)

40 4.2.11 Halaman Home_Data Alumni

Proses halaman data alumni ini adalah program yang menampilkan agenda data alumni Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang. Adapun tampilan halaman data alumni Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut:

Gambar

Halaman Home_Data Alumni

4.2.12 Halaman Profil_Sambutan Kepala Sekolah

Proses halaman profil_sambutan ini adalah menu yang menjelaskan sambutan kepala sekolah (SMK) Teknologi Informasi dan Bisnis Indosains Palembang yang merupakan ucapan rasa syukur kepada Allah SWT dan terimakasih pada pihak terkait atas website ini. Adapun tampilan halaman profil_sambutan kepala sekolah Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

Gambar

Halaman Profil_Sambutan Kepala Sekolah

4.2.13 Halaman Guru

Proses halaman pegawai ini berisi tentang foto-foto dan identitas

pegawai (SMK) Sekolah

Menengah Kejuruan Teknologi Informasi dan Bisnis Indosains Palembang. Adapun tampilan halaman pegawai (SMK) Sekolah Menengah Kejuruan Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

Gambar Halaman Guru

4.2.14 Halaman Siswa

Proses halaman siswa ini berisi tentang data siswa sesuai kelas. Adapun tampilan halaman siswa

(SMK) Sekolah Menengah

(11)

Gambar Halaman Siswa

4.2.15 Halaman Fitur

Proses halaman fasilitas galeri adalah program yang terdiri dari foto - foto yang berhubungan dengan Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang. Adapun tampilan halaman fitur Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang adalah sebagai berikut :

Gambar Halaman Fitur

5. KESIMPULAN DAN SARAN 5.1. Kesimpulan

Berdasarkan pembahasan yang telah penulis uraikan dalam pembuatan tugas akhir, yaitu tentang Sistem Informasi Sekolah Menengah Kejuruan (SMK) Teknologi Informasi

dan Bisnis Indosains Palembang Berbasis Web, maka penulis menarik kesimpulan sebagai berikut :

1. Sistem informasi yang dihasilkan adalah sistem informasi pelayanan Informasi Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang Berbasis Web. Sistem informasi ini berisi informasi tentang profil sekolah, informasi pelayanan sekolah, informasi siswa, informasi guru dan alumni. Didalam sistem informasi ini terdapat menu admin yang menginput, mengedit, dan menghapus data.

2. Dapat memenuhi kebutuhan para pencari informasi tentang pelayanan di Informasi Sekolah

Teknologi Informasi dan Bisnis Indosains Palembang Berbasis

Web.

5.2 Saran

Berdasarkan kesimpulan yang telah dibuat oleh penulis, maka ada beberapa saran yang ingin penulis sampaikan antara lain :

1. Dengan adanya Sistem Informasi Sekolah Menengah Kejuruan (SMK) Teknologi Informasi dan Bisnis Indosains Palembang Berbasis Web yang telah dibuat ini agar lebih lancar untuk mengoperasikan dengan benar, sebaiknya diadakan pelatihan terlebih dahulu.

(12)

42 DAFTAR PUSTAKA

Agus I Putu Eka Pratama. 2014. Sistem

Informasi dan Implementasinya.

Bandung : Informatika

Andi. 2014. Sitem Informasi Penjualan

Online untuk Tugas Akhir, PHP, dan MySQL. Yogyakarta : Wahana

Komputer. Andi Offset

Arts Athenk. 2012. Efek-Efek Terbaik

Coreldraw Photoshop. Yogyakarta :

Citra Media Pustaka (Anggota IKAPI).

Fathansyah. 2012. Basis Data. Bandung : Informatika