Sistem Informasi Sekolah Menengah Kejuru
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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
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. Tak
jarang dalam penyampaian informasi
masih
menggunakan
papan
pengumuman.
Tentu
untuk
mendapatkan informasi yang cepat
belum
dapat
terpenuhi.
31
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
web Sekolah Menengah Kejuruan
(SMK) Teknologi Informasi dan
Bisnis Indosains Palembang dengan
menggunakan bahasa pemrograman
PHP dan database MySQL.
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.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.
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?”.
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
hypertext
1.3 Batasan Masalah
Untuk menghindari meluasnya
masalah dari topik pembahasan
penelitian ini, maka pembahasan
masalah hanya mencakup bagaimana
merancang sistem informasi berbasis
32
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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.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.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.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.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.10 Pengertian Adobe Dreamweaver
Menurut Sutanto (2014:52), Adobe
Dreamweaver merupakan salah satu
program aplikasi yang digunakan
untuk membuat dan membangun
sabuah website, baik secara grafis
maupun dengan menuliskan kode
sumber
secara
langsung.
33
Jurnal Informanika, Volume 1 No. 22, Juli - Desember 2015
perancangan siste
sistem yaitu pemilihan
peralatan dann pr
program computer
untuk system yan
ang baru.
Ada bebera
erapa alat bantu yang
digunakan dala
dalam perancangan
system yaitu diag
diagram UML (Unifed
Modeling Language
anguage) yang terdiri
dari Use Case
ase Diagram, Class
Diagram,
Act
Activity
Diagram,
Squence Diagram
agram
Adobe Dreamweaverr m
memudahkan
pengembang
websit
bsite
untuk
mengelola halaman-hala
alaman website
dan aset-aset yang ada
da ddalam website
itu sendiri. Aset-aset yan
yang ada dalam
website antara lain gam
gambar (image),
animasi Flash, video,
o, su
suara, dan lain
sebagainya.
2.11 Pengertian XAMPP
Menurut Sutanto (2014:7
2014:72), XAMPP
merupakan singkatann da
dari X (empat
sistem operasi apapu
pun), Apache
MySQL, PHP, dan Pe
Perl. XAMPP
adalah tool yang menye
yediakan paket
perangkat lunak dalam
am satu buah
paket. Dalam paket XA
XAMPP sudah
terdapat Apache (we
(web server),
MySQL (database), P
PHP (server
side scripting), Perl,
rl, F
FTP server,
PHP My Admin da
dan berbagai
pustaka bantu lainnya..
b. Diagram Use
se C
Case (Use Case
Diagram)
Usecase di
diagram
adalah
diagram yang me
menunjukkan semua
proses utamaa yang menyusun
keseluruhan sist
sistem, diagram ini
dapat dilihat pada gambar di bawah
ini :
2.12 Pengertian Photoshop
op
Menurut
Athenk
(2012:67)
Photoshop adalah sebu
sebuah program
desain grafis yang banya
nyak digunakan
untuk
keperluan
ddesain
dan
fotografi, terutama dalam hal
yang berbasis
pengolahan objek yan
gambar (bitmap).
Gambar Class Diagram
T.alumni
T.Guru
-
Nis
nama
Tempatlahir
Tgl _lahir
Jen _kelamin
Thn _ angkatan
pekerjaan
no _telp
alamat
poto
1
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
ELITIAN
3. METODOLOGI PENEL
erangkat
3.1 Analisis Kebutuhan Peran
m
1. Perancangan Sistem
sistem adalah
Perancangan sist
diperlukan suatu
suatu fase dimana dipe
elemen-elemen
perencanaan untuk ele
menggunakan
computer yang akann m
system baru. Ada dua hal yang
ikan
dalam
diperlu
diperhatika
a. Activity Diagram
1. Login Admin
-
T.Siswa
N
-
Nis
is
nam
ama
tem
empatlahir
Tgl
gl _lahir
jk
k
kel
elas
ala
lamat
Tel
elp
foto
oto
N
N
+ ta
tambah ()
+ ub
ubah ()
+ ha
hapus ()
+ lih
lihat ()
user
1
N
1
N
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
1
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
Gambar Class
ass Diagram
34
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
berita
1
- User_ name
- password
T.pengumuman
- idpengumuman
- judul
- isi
Nig
nama
Tempat _ lahir
Tgl _lahir
pendidikan
jurusan
jabatan
alamat
notelp
foto
- idberita
- judul
- penulis
- tglinput
- isi
- gambar
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
2.
Nama
Varchar
35
3.
Tempat
lahir
Varchar
35
4.
Tgl_lah
ir
Jen_Ke
lamin
Date
6
Thn_an
gkatan
varchar
(“lakilaki”,”p
erempu
an”)
12
7
varchar
50
varchar
50
9
pekerja
an
No_tel
p
Alamat
varchar
50
10
Foto
varchar
200
5
8
Gambar Login Admin
1. Rancangan Basis Data
Rancangan Struktur Tabel Admin
Nama tabel : T_User
Tabel Rancangan Struktur Tabel Admin
No
1.
2.
Field
Name
Userna
me
Passwor
d
Type
Size
Varchar
50
Varchar
100
Nama tabel : Berita
1.
Type
Varchar
Size
20
Primary key: Idberita
Tabel Rancangan Struktur Tabel Berita
No
Keterangan
Nama
Pengguna
Sandi
Nama tabel : T_Alumni Primari key : Nis
Tabel Rancangan Struktur Tabel Alumni
Field
Name
Nis
Tahun
Angkata
n
pekerjaa
n
Nomor
telepon
Alamat
Alumni
Foto
Alumni
3. Rancangan Struktur Tabel Berita
2. Rancangan Struktur Tabel Alumni
No
enum
Siswa
Nama
Alumni
Tempat
lahir
Alumni
Tanggal
lahir
Jenis
Kelamin
Keterang
an
No Induk
35
1
2
Field
Name
Idberita
Judul
Type
3
Penulis
4
Tglinput
Int
Varcha
r
Varcha
r
Date
5
isi
Text
6
gambar
Varcha
r
Size
Keterangan
11
100
Id Berita
Judul Berita
50
Penulis
Tanggal Input
Berita
Isi Berita
100
Gambar berita
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
4. Rancangan Struktur Tabel Guru
Nama tabel : Guru Primary key : Nip
Tabel Rancangan Struktur Tabel Guru
No
1
Field
Name
Nip
Type
nama
Tempat
lahir
tgllahir
Varchar
Varchar
Varchar
10
6
pendidi
kan
jurusan
Varchar
100
Jurusan
7
jabatan
Varchar
100
Jabatan
8
alamat
text
9
notelp
Varchar
20
10
foto
Varchar
100
4
5
12
50
30
date
4.
Alamat Guru
Nomor
Telepon
Foto Guru
5. Rancangan Struktur Tabel
Pengumuman
Nama tabel : T_pengumuman
Idpengumuman
Tabel
No
Primary key :
Rancangan Struktur
Pengumuman
Field
Name
Idpengumu
man
Type
Size
Int
11
2
Judul
Varchar
100
3
Isi
Text
1
Tabel
Keteran
gan
Id
Pengu
muman
Judul
Pengu
muman
Isi
Pengu
muman
Field
Name
Type
5
kelas
varchar
6
6
telp
varchar
35
7
alamat
varchar
200
8
foto
varchar
100
Enum
Size
1
Nis
Varchar
15
2
nama
Varchar
35
40
(“L”,”
P”)
Tempa
t Lahir
Jenis
Kelam
in
Kelas
Telepo
n
Alama
t
Siswa
Foto
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.
4. Setelah XAMPP diaktifkan klik
tombol Exit.
6. Rancangan Struktur Tabel Siswa
Nama tabel : T_siswa
Primary
key : Nis
Tabel Rancangan Struktur Tabel
Siswa
No
Varchar
4
tempat
lahir
Jk
Keterangan
Nomor
Induk
Pegawai
Nama Guru
Tempat
Lahir
Tanggal
Lahir
Pendidikan
2
3
Varchar
Size
3
Keteran
gan
Nomor
Induk
Siswa
Nama
Siswa
36
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
Pegumuman, Data Guru, Data
Siswa, Data Alumni dan logout.
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.
Adapun tampilan halaman Home
admin sebagai berikut :
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_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 :
Gambar Halaman Home
4.2.2 Halaman Home_Admin
Halaman Home admin merupakan
halaman khusus admin yang terdiri
dari menu Input Berita, Input
Gambar Halaman Home _Data Berita
37
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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
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 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_Tambah Data Pengumuman
38
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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 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 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_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
Halaman Home_Tambah Data Siswa
39
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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 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 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 Guru
4.2.14 Halaman Siswa
Proses halaman siswa ini berisi
tentang data siswa sesuai kelas.
Adapun tampilan halaman siswa
(SMK)
Sekolah
Menengah
Kejuruan Teknologi Informasi dan
Bisnis
Indosains Palembang
adalah sebagai berikut :
40
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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
Menengah
Kejuruan
(SMK)
Teknologi Informasi dan Bisnis
Indosains Palembang Berbasis
Web.
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 :
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.
2. Seiring dengan adanya kemajuan
ilmu pengetahuan dan teknologi
maka
tidak
akan
menutup
kemungkinan program yang sudah
ada saat ini nantinya dapat
dikembangkan lagi.
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
41
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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
Jatmoko Dwi. Relevansi Kurikulum SMK
Kompetensi
Keahlian
Teknik
Kendaraan
Ringan
Terhadap
Kebutuhan Dunia Industri di
Kabupaten
Sleman.
Jurnal
Pendidikan Vokasi, Vol 3. 2013
Khairul Jauhari dan Hidayat Priyanto.
2014. Pemrograman Web. Bandung :
Informatika
Rosa A. S. Dan M. Shalahuddin. 2013.
Rekasa Perangkat Lunak Terstruktur
dan Berorientasi Objek. Bandung :
Informatika
Sutanta Edhy. 2011. Basis Data dalam
Tinjauan Konseptual. Yogyakarta :
Andi Offset
42
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
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. Tak
jarang dalam penyampaian informasi
masih
menggunakan
papan
pengumuman.
Tentu
untuk
mendapatkan informasi yang cepat
belum
dapat
terpenuhi.
31
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
web Sekolah Menengah Kejuruan
(SMK) Teknologi Informasi dan
Bisnis Indosains Palembang dengan
menggunakan bahasa pemrograman
PHP dan database MySQL.
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.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.
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?”.
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
hypertext
1.3 Batasan Masalah
Untuk menghindari meluasnya
masalah dari topik pembahasan
penelitian ini, maka pembahasan
masalah hanya mencakup bagaimana
merancang sistem informasi berbasis
32
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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.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.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.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.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.10 Pengertian Adobe Dreamweaver
Menurut Sutanto (2014:52), Adobe
Dreamweaver merupakan salah satu
program aplikasi yang digunakan
untuk membuat dan membangun
sabuah website, baik secara grafis
maupun dengan menuliskan kode
sumber
secara
langsung.
33
Jurnal Informanika, Volume 1 No. 22, Juli - Desember 2015
perancangan siste
sistem yaitu pemilihan
peralatan dann pr
program computer
untuk system yan
ang baru.
Ada bebera
erapa alat bantu yang
digunakan dala
dalam perancangan
system yaitu diag
diagram UML (Unifed
Modeling Language
anguage) yang terdiri
dari Use Case
ase Diagram, Class
Diagram,
Act
Activity
Diagram,
Squence Diagram
agram
Adobe Dreamweaverr m
memudahkan
pengembang
websit
bsite
untuk
mengelola halaman-hala
alaman website
dan aset-aset yang ada
da ddalam website
itu sendiri. Aset-aset yan
yang ada dalam
website antara lain gam
gambar (image),
animasi Flash, video,
o, su
suara, dan lain
sebagainya.
2.11 Pengertian XAMPP
Menurut Sutanto (2014:7
2014:72), XAMPP
merupakan singkatann da
dari X (empat
sistem operasi apapu
pun), Apache
MySQL, PHP, dan Pe
Perl. XAMPP
adalah tool yang menye
yediakan paket
perangkat lunak dalam
am satu buah
paket. Dalam paket XA
XAMPP sudah
terdapat Apache (we
(web server),
MySQL (database), P
PHP (server
side scripting), Perl,
rl, F
FTP server,
PHP My Admin da
dan berbagai
pustaka bantu lainnya..
b. Diagram Use
se C
Case (Use Case
Diagram)
Usecase di
diagram
adalah
diagram yang me
menunjukkan semua
proses utamaa yang menyusun
keseluruhan sist
sistem, diagram ini
dapat dilihat pada gambar di bawah
ini :
2.12 Pengertian Photoshop
op
Menurut
Athenk
(2012:67)
Photoshop adalah sebu
sebuah program
desain grafis yang banya
nyak digunakan
untuk
keperluan
ddesain
dan
fotografi, terutama dalam hal
yang berbasis
pengolahan objek yan
gambar (bitmap).
Gambar Class Diagram
T.alumni
T.Guru
-
Nis
nama
Tempatlahir
Tgl _lahir
Jen _kelamin
Thn _ angkatan
pekerjaan
no _telp
alamat
poto
1
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
ELITIAN
3. METODOLOGI PENEL
erangkat
3.1 Analisis Kebutuhan Peran
m
1. Perancangan Sistem
sistem adalah
Perancangan sist
diperlukan suatu
suatu fase dimana dipe
elemen-elemen
perencanaan untuk ele
menggunakan
computer yang akann m
system baru. Ada dua hal yang
ikan
dalam
diperlu
diperhatika
a. Activity Diagram
1. Login Admin
-
T.Siswa
N
-
Nis
is
nam
ama
tem
empatlahir
Tgl
gl _lahir
jk
k
kel
elas
ala
lamat
Tel
elp
foto
oto
N
N
+ ta
tambah ()
+ ub
ubah ()
+ ha
hapus ()
+ lih
lihat ()
user
1
N
1
N
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
1
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
Gambar Class
ass Diagram
34
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
berita
1
- User_ name
- password
T.pengumuman
- idpengumuman
- judul
- isi
Nig
nama
Tempat _ lahir
Tgl _lahir
pendidikan
jurusan
jabatan
alamat
notelp
foto
- idberita
- judul
- penulis
- tglinput
- isi
- gambar
+ tambah ()
+ ubah ()
+ hapus ()
+ lihat ()
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
2.
Nama
Varchar
35
3.
Tempat
lahir
Varchar
35
4.
Tgl_lah
ir
Jen_Ke
lamin
Date
6
Thn_an
gkatan
varchar
(“lakilaki”,”p
erempu
an”)
12
7
varchar
50
varchar
50
9
pekerja
an
No_tel
p
Alamat
varchar
50
10
Foto
varchar
200
5
8
Gambar Login Admin
1. Rancangan Basis Data
Rancangan Struktur Tabel Admin
Nama tabel : T_User
Tabel Rancangan Struktur Tabel Admin
No
1.
2.
Field
Name
Userna
me
Passwor
d
Type
Size
Varchar
50
Varchar
100
Nama tabel : Berita
1.
Type
Varchar
Size
20
Primary key: Idberita
Tabel Rancangan Struktur Tabel Berita
No
Keterangan
Nama
Pengguna
Sandi
Nama tabel : T_Alumni Primari key : Nis
Tabel Rancangan Struktur Tabel Alumni
Field
Name
Nis
Tahun
Angkata
n
pekerjaa
n
Nomor
telepon
Alamat
Alumni
Foto
Alumni
3. Rancangan Struktur Tabel Berita
2. Rancangan Struktur Tabel Alumni
No
enum
Siswa
Nama
Alumni
Tempat
lahir
Alumni
Tanggal
lahir
Jenis
Kelamin
Keterang
an
No Induk
35
1
2
Field
Name
Idberita
Judul
Type
3
Penulis
4
Tglinput
Int
Varcha
r
Varcha
r
Date
5
isi
Text
6
gambar
Varcha
r
Size
Keterangan
11
100
Id Berita
Judul Berita
50
Penulis
Tanggal Input
Berita
Isi Berita
100
Gambar berita
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
4. Rancangan Struktur Tabel Guru
Nama tabel : Guru Primary key : Nip
Tabel Rancangan Struktur Tabel Guru
No
1
Field
Name
Nip
Type
nama
Tempat
lahir
tgllahir
Varchar
Varchar
Varchar
10
6
pendidi
kan
jurusan
Varchar
100
Jurusan
7
jabatan
Varchar
100
Jabatan
8
alamat
text
9
notelp
Varchar
20
10
foto
Varchar
100
4
5
12
50
30
date
4.
Alamat Guru
Nomor
Telepon
Foto Guru
5. Rancangan Struktur Tabel
Pengumuman
Nama tabel : T_pengumuman
Idpengumuman
Tabel
No
Primary key :
Rancangan Struktur
Pengumuman
Field
Name
Idpengumu
man
Type
Size
Int
11
2
Judul
Varchar
100
3
Isi
Text
1
Tabel
Keteran
gan
Id
Pengu
muman
Judul
Pengu
muman
Isi
Pengu
muman
Field
Name
Type
5
kelas
varchar
6
6
telp
varchar
35
7
alamat
varchar
200
8
foto
varchar
100
Enum
Size
1
Nis
Varchar
15
2
nama
Varchar
35
40
(“L”,”
P”)
Tempa
t Lahir
Jenis
Kelam
in
Kelas
Telepo
n
Alama
t
Siswa
Foto
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.
4. Setelah XAMPP diaktifkan klik
tombol Exit.
6. Rancangan Struktur Tabel Siswa
Nama tabel : T_siswa
Primary
key : Nis
Tabel Rancangan Struktur Tabel
Siswa
No
Varchar
4
tempat
lahir
Jk
Keterangan
Nomor
Induk
Pegawai
Nama Guru
Tempat
Lahir
Tanggal
Lahir
Pendidikan
2
3
Varchar
Size
3
Keteran
gan
Nomor
Induk
Siswa
Nama
Siswa
36
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
Pegumuman, Data Guru, Data
Siswa, Data Alumni dan logout.
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.
Adapun tampilan halaman Home
admin sebagai berikut :
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_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 :
Gambar Halaman Home
4.2.2 Halaman Home_Admin
Halaman Home admin merupakan
halaman khusus admin yang terdiri
dari menu Input Berita, Input
Gambar Halaman Home _Data Berita
37
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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
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 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_Tambah Data Pengumuman
38
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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 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 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_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
Halaman Home_Tambah Data Siswa
39
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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 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 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 Guru
4.2.14 Halaman Siswa
Proses halaman siswa ini berisi
tentang data siswa sesuai kelas.
Adapun tampilan halaman siswa
(SMK)
Sekolah
Menengah
Kejuruan Teknologi Informasi dan
Bisnis
Indosains Palembang
adalah sebagai berikut :
40
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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
Menengah
Kejuruan
(SMK)
Teknologi Informasi dan Bisnis
Indosains Palembang Berbasis
Web.
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 :
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.
2. Seiring dengan adanya kemajuan
ilmu pengetahuan dan teknologi
maka
tidak
akan
menutup
kemungkinan program yang sudah
ada saat ini nantinya dapat
dikembangkan lagi.
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
41
Jurnal Informanika, Volume 1 No. 2, Juli - Desember 2015
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
Jatmoko Dwi. Relevansi Kurikulum SMK
Kompetensi
Keahlian
Teknik
Kendaraan
Ringan
Terhadap
Kebutuhan Dunia Industri di
Kabupaten
Sleman.
Jurnal
Pendidikan Vokasi, Vol 3. 2013
Khairul Jauhari dan Hidayat Priyanto.
2014. Pemrograman Web. Bandung :
Informatika
Rosa A. S. Dan M. Shalahuddin. 2013.
Rekasa Perangkat Lunak Terstruktur
dan Berorientasi Objek. Bandung :
Informatika
Sutanta Edhy. 2011. Basis Data dalam
Tinjauan Konseptual. Yogyakarta :
Andi Offset
42