PEMBUATAN SISTEM INFORMASI PENDATAAN SIS
PEMBUATAN SISTEM INFORMASI PENDATAAN SISWA DAN ALUMNI
PADA SMK MA’ARIF 4 KEBUMEN BERBASI WEB
NASKAH PUBLIKASI
diajukan oleh
M. Thoriq Fauzi
11.02.7902
Wahyu Widiatmoko
11.02.7956
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM YOGYAKARTA
YOGYAKARTA
2014
CONTRUCTING INFORMATION SISTEM ENTRY OF STUDENT AND ALUMNUS
WEB BASED FOR SMK MA’ARIF 4 KEBUMEN
PEMBUATAN SISTEM INFORMASI PENDATAAN SISWA DAN ALUMNI
PADA SMK MA’ARIF 4 KEBUMEN BERBASI WEB
M.Thoriq Fauzi
Wahyu Widiatmoko
Barka Satya
Jurusan Manajemen Informatika
STMIK AMIKOM Yogyakarta
ABSTRACT
In the era of information technology, the modernization is one of the heart in life
that has been epidemic among the general public. Such a dynamic environment changes
into one factor that demands all parties to be able to adapt and move quickly with the
condition. Nation of Indonesia will face open competition that is the competition that
requires intelligence and ability to compete. This gives a positive impact on the progress
of the education world, as evidenced by the existence of information and media facilities
are springing up in many of the internet to improve the quality of learning.Such is the case
with Student Data and information systems Alumni SMK Ma'arif 4 Kebumen is an
information system to provide students and alumni record information online, so as to
help accelerate thesubmission of information. In addition to the web-based information
and data can be accessed with the time and place was not specified.
Keywords : Website, SMK Ma'arif 4 Kebumen, PHP, System Information Website
1.
Pendahuluan
Pada era modernisasi teknologi, informasi sebagai salah satu jantung kehidupan
masyarakat telah mewabah di kalangan masyarakat umum. Perubahan lingkungan yang
begitu dinamis menjadi salah satu faktor yang menuntut semua pihak untuk dapat
beradaptasi dan bergerak cepat dengan kondisi tersebut. Bangsa Indonesia akan
menghadapi persaingan terbuka yaitu persaingan yang membutuhkan kecerdasan dan
kemampuan berkompetisi. Hal ini memberikan dampak positif terhadap kemajuan dunia
pendidikan, terbukti dengan banyaknya media informasi dan fasilitas – fasilitas yang
banyak bermunculan di internet untuk meningkatkan kualitas pembelajaran.
Terwujudnya insan Indonesia yang cerdas komprehensif dan kompetitif adalah
mutlak. Untuk kepentingan tersebut perlu ditetapkan strategi dan program pendidikan
yang sistematik, yang dapat digunakan dan menjadi rujukan nasional, sebagai upaya
membangun individu-individu yang gandrung akan keunggulan, bersemangat juang
tinggi, mandiri, pantang menyerah, pembangun dan pembina jejaring, tanggap terhadap
perubahan,
produktif,
sadarmutu,
berorientasi
global,
pembelajar
sepanjang
hayat.Sebagai contohnya Sistem Informasi dalam hal pengolahan data siswa dan alumni,
mulai dari memasukkan data (input), mengubah data dan menampilkan data (output).
SMK Ma’arif 4 Kebumen salah satu sekolah yang belum memiliki sistem informasi
ini dirasa sangat memerlukan sistem informasi pendataan siswa dan alumni berbasis
web guna memberikan kemudahan baik kepada sekolah dalam pengelolaan data siswa
dan alumni.Dengan begitu proses pelaporan data dan informasi kesiswaan serta alumni
dapat diinformasikan dengan cepat.
2.
Landasan Teori
2.1
Konsep Dasar Sistem
Menurut Jogiyanto (2005:1-2), terdapat dua kelompok pendekatan di dalam
mendefinisikan
sistem,
yaitu
yang
menekankan
pada
prosedurnya
dan
yang
menekankan pada komponen atau elemennya. Pendekatan sistem yang lebih
menekankan pada prosedur mendefinisikan sistem sebagai berikut ini.
Sistem dapat didefinisikan melalui dua kelompok pendekatan sistem, yang
pertama yaitu pendekatan sistem yang menekankan pada prosedurnya dan yang kedua
yaitu pendekatan sistem yang menekankan pada komponen atau elemennya.
2.2
Konsep Dasar Informasi
Menurut Jogiyanto (2005:8), informasi adalah data yang dioleh menjadi bentuk
yang lebih berguna dan lebih berarti bagi yang menerimanya.
1
Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk
tunggal datum atau data-item. Data adalah kenyataan yang menggambarkan suatu
kejadian-kejadian dan kesatuan nyata. Kejadian-kejadian (event) adalah sesuatu yang
terjadi pada saat tertentu. Di dalam dunia bisnis, kejadian-kejadian nyata yang sering
terjadi adalah perubahan suatu nilai yang disebut dengan transaksi. Misalnya penjualan
adalah transaksi perubahan nilai barang menjadi nilai uang atau piutang dagang.
2.3
Konsep Dasar Sistem Informasi
Sistem informasi didefinisikan oleh Robert A. Leitch dan K. Roscoe Davis dalam
tulisannya Jogiyanto (2005:11) sebagai berikut:
Sistem
informasi
adalah
suatu
sistem
dalam
suatu
organisasi
yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat
manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak tertentu
dengan laporan-laporan yang diperlukan.
2.4
Komponen Sistem Informasi
Untuk membangun sebuah sistem informasi dibutuhkan beberapa penggabungan
elemen-elemen yang dibutuhkan pada saat merancangan dan membangun sebuah
sistem informasi, berikut adalah elemen-elemen pendukung sistem informasi :
1. Software, merupakan suatu program komputer, struktur data, dan dokumendokumen yang saling berhubungan yang digunakan dalam metode logika dan
prosedur yang dibutuhkan.
2. Hardware, merupakan perangkat elektronik yang memiliki kemampuan untuk
melakukan proses komputerisasi.
3. User, adalah pengguna dan operator perangkat keras atau perangkat lunak.
4. Data,
berupa
salinan-salinan
manual
dan
deskripsi
informasi
yang
menggambarkan operasi sistem.
2.5
Konsep Basis Data
Basis data (database) adalah suatu pengorganosasian sekumpulan data yang
terkait sehingga memudahkan aktivitas untuk memperoleh informasi ( Abdul Kadir,
2003:254 ). Basis data dimaksudkan untuk mengatasi masalah pada sistem yang
memakai pendekatan berbasis berkas.
2.6
Hypertext Markup Language (HTML)
Hypertext Markup Language (HTML) adalah bahasa standar untuk yang digunakan
dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTML dibuat
2
oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN
pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). HTML
berfungsi untuk memformat teks biasa untuk bisa ditampilkan pada web browser sesuai
keinginan. Hal tersebut dapat dilakukan dengan menambahkan elemen atau sering
disebut tag HTML. HTML merupakan protokol yang digunakan untuk pengiriman data
antara web server ke web browser. Protokol ini melakukan pengiriman dokumen dalam
format HTML yang nantinya akan dibaca oleh web browser.
Tag HTML merupakan elemen bahasa pemrograman HTML yang dinyatakan
dengan tanda < dan >. Elementag pada HTML memiliki pasangan, berupa tag awal dan
tag akhir, pada tag akhir akan terdapat tanda “/” sebagai penutup tag. Tag awal
dinyatakan dalam bentuk , sedangkan untuk pasangannya yaitu tag akhir
dinyatakan dalam bentuk . Dalam penulisannya, tag pada HTML tidak case
sensitive sehingga tidak masalah jika penulisannya menggunakan huruf besar atau huruf
kecil.
2.7
Multiplatform Apache PHP Perl (XAMPP)
Multiplatform Apache PHP Perl (XAMPP) adalah sebuah paket web server yang
memiliki lisensi open source dangratis, yang di dalamnya terdapat Apache, HTTP Server,
My structure query language (MySQL) Database dan Interpenter untuk yang ditulis dalam
bahasa pemrograman PHP dan Perl. XAMPP dapat berjalan pada sistem operasi
Windows, Linux, Solaris dan Mac OS X.
3.
Tinjauan Umum
3.1
Visi SMK Ma’Arif 4 Kebumen
“Teguh dalam imtaq, unggul dalam prestasi, berakhlak mulia” serta menyiapkan
siswa menjadi tenaga kerja tingkat menengah yang produktif terampil dan mandiri untuk
mengisi lapangan kerja dalam upaya mempercepat dan memperkokoh pertumbuhan
industri dan teknologi dalam rangka Pembangunan Nasional.
3.2
Misi SMK Ma’Arif 4 Kebumen
1
Melaksanakan pembelajaran secara efektif dan efisien.
2
Melaksanakan bimbingan dengan mengedepankan uswatun khasanah.
3
Memotivasi secara insentif dalam mewujudkan keunggulan .
4
Mendorong dan membantu peserta didik untuk mengerti terhadap
potensi yang dimilikinyakan.
5
Menumbuh kembangkan pengamalan nilia-nilai agama.
6
Melestarikan budaya baik dan inovatif terhadap budaya baru yang lebih
baik.
3
7
Menera
apkan
dan
n
menguattkan
keterllibatan
sta
akeholder
dalam
manaje
emen sekola
ah.
4.
entasi Sistem
Perrancangan dan Impleme
4.1.
M
Halam
man Visitor
Perrancangan Menu
Menu Halamaan Visitor merupakan
m
sebuah hoomepage yaang akan taampil
S
Ma’A
Arif 4 Kebu
umen.
pada saat seorang visitor mengaakses alamaat website SMK
Pada hom
mepage terddapat bebeerapa menu
u pilihan untuk
u
menuuju ke hallaman
lainnya.
Ga
ambar 4.1 Pe
erancangan Menu Halam
man Visitor
4.2.
DFD
D (Data Flow
w Diagram)
DFD
D menggamb
barkan arus data dari sis
stem informa
asi, baik sisttem lama ma
aupun
sistem barru secara logika tanpa
a mempertim
mbangkan lingkungan ffisik dimana data
tersebut be
erada. DFD memfokuskkan pada aliran data da
ari dan ke d
dalam sistem
m dan
sekaligus memproses
m
d
data
tersebut.
Adapun konteks dia
agram yang diusulkan se
ebagai beriku
ut:
4
Gamb
bar 4.2 Kontteks Diagram
m
Gambar 4.3 Data Flow Diagram
m
5
4.3.
Perrancangan Basis
B
Data
Berikkut adalah Relasi
R
Antar Tabel
T
yang Dirancang:
D
Gam
mbar 4.4 Rellasi Antar Ta
abel
4.4.
mpilan Interrface
Tam
4.4.1.
Intterface Hala
aman Login
Pada
a halaman lo
ogin terdapa
at sebuah form login dim
mana pada fo
orm login terrsebut
seorang ad
dministrator diminta
d
untukk memasuka
an username
e dan passwo
ord sesuai de
engan
yang terda
aftar di datab
base. Jika ussername dan
n password benar maka
a selanjutnya
a akan
menuju ke
e halaman administrator
a
r. Apabila ko
ombinasi use
ername dan
n password salah,
maka akan
n muncul perringatan, dan
n diminta untuk mengula
ang mengisikkan usernam
me dan
password yang
y
benar.
Gambar 4.5 Interface
e Halaman Login
6
4.4.2. Interface Halaman Depan Administrator
Halaman depan administrator adalah halaman utama yang akan tampil setelah
melalui proses validasi login pada halaman login administrator. Dengan berada pada
halaman ini, maka seorang administrator bisa melanjutkan pekerjaannya untuk
menambah, merubah, menghapus berbagai informasi yang ada pada website SMK
Ma’Arif 4 Kebumen. Dan berikut gambar dari tampilan Dashboard Administrator Website
SMK Ma’Arif 4 Kebumen:
Gambar 4.6 Interface Halaman Depan Administrator
4.4.3. Interface Halaman Depan User
Halaman depan (Homepage) adalah halaman yang pertama kali tampil jika
seorang visitor mengakses alamat website SMK Ma’Arif 4 Kebumen. Pada halaman
depan ini akan ada informasi berita terbaru dan form pencarian untuk cara cepat mencari
informasi yang tersedia. Berikut ini tampilan halaman depan website SMK Ma’Arif 4
Kebumen:
7
Gambar 4.7 Interface Halaman Depan User
4.4.4. Interface Halaman Pendaftaran Alumni
Halaman pendaftaran alumni adalah halaman yang ditujukan kepada alumni SMK
Ma’Arif 4 Kebumen dengan cara mengisikan form registrasi yang telah disediakan di
website. Berikut ini tampilan halaman penerimaan siswa baru di website SMK Ma’Arif 4
Kebumen:
Gambar 4.8 Interface Halaman Pendaftaran Alumni
8
5.
Kesimpulan
Berdasarkan pembahasan yang telah dibahas pada bab sebelumnya dan dengan
adanya penelitian pada SMK Ma’Arif 4 Kebumen serta pembuatan laporan tugas akhir
dengan judul “Pembuatan Sistem Informasi Pendataan Siswa dan Alumni Pada SMK
Ma’Arif 4 Kebumen Berbasis Web” maka dapat ditarik sebuah kesimpulan Dengan
adanya Sistem Informasi berbasis Web yang dimiliki SMK Ma’Arif 4 Kebumen dirasa bisa
membantu meningkatkan sarana informasi pendidikan dan mempromosikan siswa-siswi
hususnya kepada mitra sekolah di kalangan dunia pekerjaan serta memberikan
informasi-informasi mengenai lowongan pekerjaa.
9
Daftar Pustaka
Jogiyanto, HM. 2005. Analisis & Desain Sistem Informasi: Pendekatan Terstruktur Teori
dan Praktik Aplikasi Bisnis. Yogyakarta: ANDI.
Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta: Andi Offset.
10
PADA SMK MA’ARIF 4 KEBUMEN BERBASI WEB
NASKAH PUBLIKASI
diajukan oleh
M. Thoriq Fauzi
11.02.7902
Wahyu Widiatmoko
11.02.7956
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM YOGYAKARTA
YOGYAKARTA
2014
CONTRUCTING INFORMATION SISTEM ENTRY OF STUDENT AND ALUMNUS
WEB BASED FOR SMK MA’ARIF 4 KEBUMEN
PEMBUATAN SISTEM INFORMASI PENDATAAN SISWA DAN ALUMNI
PADA SMK MA’ARIF 4 KEBUMEN BERBASI WEB
M.Thoriq Fauzi
Wahyu Widiatmoko
Barka Satya
Jurusan Manajemen Informatika
STMIK AMIKOM Yogyakarta
ABSTRACT
In the era of information technology, the modernization is one of the heart in life
that has been epidemic among the general public. Such a dynamic environment changes
into one factor that demands all parties to be able to adapt and move quickly with the
condition. Nation of Indonesia will face open competition that is the competition that
requires intelligence and ability to compete. This gives a positive impact on the progress
of the education world, as evidenced by the existence of information and media facilities
are springing up in many of the internet to improve the quality of learning.Such is the case
with Student Data and information systems Alumni SMK Ma'arif 4 Kebumen is an
information system to provide students and alumni record information online, so as to
help accelerate thesubmission of information. In addition to the web-based information
and data can be accessed with the time and place was not specified.
Keywords : Website, SMK Ma'arif 4 Kebumen, PHP, System Information Website
1.
Pendahuluan
Pada era modernisasi teknologi, informasi sebagai salah satu jantung kehidupan
masyarakat telah mewabah di kalangan masyarakat umum. Perubahan lingkungan yang
begitu dinamis menjadi salah satu faktor yang menuntut semua pihak untuk dapat
beradaptasi dan bergerak cepat dengan kondisi tersebut. Bangsa Indonesia akan
menghadapi persaingan terbuka yaitu persaingan yang membutuhkan kecerdasan dan
kemampuan berkompetisi. Hal ini memberikan dampak positif terhadap kemajuan dunia
pendidikan, terbukti dengan banyaknya media informasi dan fasilitas – fasilitas yang
banyak bermunculan di internet untuk meningkatkan kualitas pembelajaran.
Terwujudnya insan Indonesia yang cerdas komprehensif dan kompetitif adalah
mutlak. Untuk kepentingan tersebut perlu ditetapkan strategi dan program pendidikan
yang sistematik, yang dapat digunakan dan menjadi rujukan nasional, sebagai upaya
membangun individu-individu yang gandrung akan keunggulan, bersemangat juang
tinggi, mandiri, pantang menyerah, pembangun dan pembina jejaring, tanggap terhadap
perubahan,
produktif,
sadarmutu,
berorientasi
global,
pembelajar
sepanjang
hayat.Sebagai contohnya Sistem Informasi dalam hal pengolahan data siswa dan alumni,
mulai dari memasukkan data (input), mengubah data dan menampilkan data (output).
SMK Ma’arif 4 Kebumen salah satu sekolah yang belum memiliki sistem informasi
ini dirasa sangat memerlukan sistem informasi pendataan siswa dan alumni berbasis
web guna memberikan kemudahan baik kepada sekolah dalam pengelolaan data siswa
dan alumni.Dengan begitu proses pelaporan data dan informasi kesiswaan serta alumni
dapat diinformasikan dengan cepat.
2.
Landasan Teori
2.1
Konsep Dasar Sistem
Menurut Jogiyanto (2005:1-2), terdapat dua kelompok pendekatan di dalam
mendefinisikan
sistem,
yaitu
yang
menekankan
pada
prosedurnya
dan
yang
menekankan pada komponen atau elemennya. Pendekatan sistem yang lebih
menekankan pada prosedur mendefinisikan sistem sebagai berikut ini.
Sistem dapat didefinisikan melalui dua kelompok pendekatan sistem, yang
pertama yaitu pendekatan sistem yang menekankan pada prosedurnya dan yang kedua
yaitu pendekatan sistem yang menekankan pada komponen atau elemennya.
2.2
Konsep Dasar Informasi
Menurut Jogiyanto (2005:8), informasi adalah data yang dioleh menjadi bentuk
yang lebih berguna dan lebih berarti bagi yang menerimanya.
1
Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk
tunggal datum atau data-item. Data adalah kenyataan yang menggambarkan suatu
kejadian-kejadian dan kesatuan nyata. Kejadian-kejadian (event) adalah sesuatu yang
terjadi pada saat tertentu. Di dalam dunia bisnis, kejadian-kejadian nyata yang sering
terjadi adalah perubahan suatu nilai yang disebut dengan transaksi. Misalnya penjualan
adalah transaksi perubahan nilai barang menjadi nilai uang atau piutang dagang.
2.3
Konsep Dasar Sistem Informasi
Sistem informasi didefinisikan oleh Robert A. Leitch dan K. Roscoe Davis dalam
tulisannya Jogiyanto (2005:11) sebagai berikut:
Sistem
informasi
adalah
suatu
sistem
dalam
suatu
organisasi
yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat
manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak tertentu
dengan laporan-laporan yang diperlukan.
2.4
Komponen Sistem Informasi
Untuk membangun sebuah sistem informasi dibutuhkan beberapa penggabungan
elemen-elemen yang dibutuhkan pada saat merancangan dan membangun sebuah
sistem informasi, berikut adalah elemen-elemen pendukung sistem informasi :
1. Software, merupakan suatu program komputer, struktur data, dan dokumendokumen yang saling berhubungan yang digunakan dalam metode logika dan
prosedur yang dibutuhkan.
2. Hardware, merupakan perangkat elektronik yang memiliki kemampuan untuk
melakukan proses komputerisasi.
3. User, adalah pengguna dan operator perangkat keras atau perangkat lunak.
4. Data,
berupa
salinan-salinan
manual
dan
deskripsi
informasi
yang
menggambarkan operasi sistem.
2.5
Konsep Basis Data
Basis data (database) adalah suatu pengorganosasian sekumpulan data yang
terkait sehingga memudahkan aktivitas untuk memperoleh informasi ( Abdul Kadir,
2003:254 ). Basis data dimaksudkan untuk mengatasi masalah pada sistem yang
memakai pendekatan berbasis berkas.
2.6
Hypertext Markup Language (HTML)
Hypertext Markup Language (HTML) adalah bahasa standar untuk yang digunakan
dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTML dibuat
2
oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN
pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). HTML
berfungsi untuk memformat teks biasa untuk bisa ditampilkan pada web browser sesuai
keinginan. Hal tersebut dapat dilakukan dengan menambahkan elemen atau sering
disebut tag HTML. HTML merupakan protokol yang digunakan untuk pengiriman data
antara web server ke web browser. Protokol ini melakukan pengiriman dokumen dalam
format HTML yang nantinya akan dibaca oleh web browser.
Tag HTML merupakan elemen bahasa pemrograman HTML yang dinyatakan
dengan tanda < dan >. Elementag pada HTML memiliki pasangan, berupa tag awal dan
tag akhir, pada tag akhir akan terdapat tanda “/” sebagai penutup tag. Tag awal
dinyatakan dalam bentuk , sedangkan untuk pasangannya yaitu tag akhir
dinyatakan dalam bentuk . Dalam penulisannya, tag pada HTML tidak case
sensitive sehingga tidak masalah jika penulisannya menggunakan huruf besar atau huruf
kecil.
2.7
Multiplatform Apache PHP Perl (XAMPP)
Multiplatform Apache PHP Perl (XAMPP) adalah sebuah paket web server yang
memiliki lisensi open source dangratis, yang di dalamnya terdapat Apache, HTTP Server,
My structure query language (MySQL) Database dan Interpenter untuk yang ditulis dalam
bahasa pemrograman PHP dan Perl. XAMPP dapat berjalan pada sistem operasi
Windows, Linux, Solaris dan Mac OS X.
3.
Tinjauan Umum
3.1
Visi SMK Ma’Arif 4 Kebumen
“Teguh dalam imtaq, unggul dalam prestasi, berakhlak mulia” serta menyiapkan
siswa menjadi tenaga kerja tingkat menengah yang produktif terampil dan mandiri untuk
mengisi lapangan kerja dalam upaya mempercepat dan memperkokoh pertumbuhan
industri dan teknologi dalam rangka Pembangunan Nasional.
3.2
Misi SMK Ma’Arif 4 Kebumen
1
Melaksanakan pembelajaran secara efektif dan efisien.
2
Melaksanakan bimbingan dengan mengedepankan uswatun khasanah.
3
Memotivasi secara insentif dalam mewujudkan keunggulan .
4
Mendorong dan membantu peserta didik untuk mengerti terhadap
potensi yang dimilikinyakan.
5
Menumbuh kembangkan pengamalan nilia-nilai agama.
6
Melestarikan budaya baik dan inovatif terhadap budaya baru yang lebih
baik.
3
7
Menera
apkan
dan
n
menguattkan
keterllibatan
sta
akeholder
dalam
manaje
emen sekola
ah.
4.
entasi Sistem
Perrancangan dan Impleme
4.1.
M
Halam
man Visitor
Perrancangan Menu
Menu Halamaan Visitor merupakan
m
sebuah hoomepage yaang akan taampil
S
Ma’A
Arif 4 Kebu
umen.
pada saat seorang visitor mengaakses alamaat website SMK
Pada hom
mepage terddapat bebeerapa menu
u pilihan untuk
u
menuuju ke hallaman
lainnya.
Ga
ambar 4.1 Pe
erancangan Menu Halam
man Visitor
4.2.
DFD
D (Data Flow
w Diagram)
DFD
D menggamb
barkan arus data dari sis
stem informa
asi, baik sisttem lama ma
aupun
sistem barru secara logika tanpa
a mempertim
mbangkan lingkungan ffisik dimana data
tersebut be
erada. DFD memfokuskkan pada aliran data da
ari dan ke d
dalam sistem
m dan
sekaligus memproses
m
d
data
tersebut.
Adapun konteks dia
agram yang diusulkan se
ebagai beriku
ut:
4
Gamb
bar 4.2 Kontteks Diagram
m
Gambar 4.3 Data Flow Diagram
m
5
4.3.
Perrancangan Basis
B
Data
Berikkut adalah Relasi
R
Antar Tabel
T
yang Dirancang:
D
Gam
mbar 4.4 Rellasi Antar Ta
abel
4.4.
mpilan Interrface
Tam
4.4.1.
Intterface Hala
aman Login
Pada
a halaman lo
ogin terdapa
at sebuah form login dim
mana pada fo
orm login terrsebut
seorang ad
dministrator diminta
d
untukk memasuka
an username
e dan passwo
ord sesuai de
engan
yang terda
aftar di datab
base. Jika ussername dan
n password benar maka
a selanjutnya
a akan
menuju ke
e halaman administrator
a
r. Apabila ko
ombinasi use
ername dan
n password salah,
maka akan
n muncul perringatan, dan
n diminta untuk mengula
ang mengisikkan usernam
me dan
password yang
y
benar.
Gambar 4.5 Interface
e Halaman Login
6
4.4.2. Interface Halaman Depan Administrator
Halaman depan administrator adalah halaman utama yang akan tampil setelah
melalui proses validasi login pada halaman login administrator. Dengan berada pada
halaman ini, maka seorang administrator bisa melanjutkan pekerjaannya untuk
menambah, merubah, menghapus berbagai informasi yang ada pada website SMK
Ma’Arif 4 Kebumen. Dan berikut gambar dari tampilan Dashboard Administrator Website
SMK Ma’Arif 4 Kebumen:
Gambar 4.6 Interface Halaman Depan Administrator
4.4.3. Interface Halaman Depan User
Halaman depan (Homepage) adalah halaman yang pertama kali tampil jika
seorang visitor mengakses alamat website SMK Ma’Arif 4 Kebumen. Pada halaman
depan ini akan ada informasi berita terbaru dan form pencarian untuk cara cepat mencari
informasi yang tersedia. Berikut ini tampilan halaman depan website SMK Ma’Arif 4
Kebumen:
7
Gambar 4.7 Interface Halaman Depan User
4.4.4. Interface Halaman Pendaftaran Alumni
Halaman pendaftaran alumni adalah halaman yang ditujukan kepada alumni SMK
Ma’Arif 4 Kebumen dengan cara mengisikan form registrasi yang telah disediakan di
website. Berikut ini tampilan halaman penerimaan siswa baru di website SMK Ma’Arif 4
Kebumen:
Gambar 4.8 Interface Halaman Pendaftaran Alumni
8
5.
Kesimpulan
Berdasarkan pembahasan yang telah dibahas pada bab sebelumnya dan dengan
adanya penelitian pada SMK Ma’Arif 4 Kebumen serta pembuatan laporan tugas akhir
dengan judul “Pembuatan Sistem Informasi Pendataan Siswa dan Alumni Pada SMK
Ma’Arif 4 Kebumen Berbasis Web” maka dapat ditarik sebuah kesimpulan Dengan
adanya Sistem Informasi berbasis Web yang dimiliki SMK Ma’Arif 4 Kebumen dirasa bisa
membantu meningkatkan sarana informasi pendidikan dan mempromosikan siswa-siswi
hususnya kepada mitra sekolah di kalangan dunia pekerjaan serta memberikan
informasi-informasi mengenai lowongan pekerjaa.
9
Daftar Pustaka
Jogiyanto, HM. 2005. Analisis & Desain Sistem Informasi: Pendekatan Terstruktur Teori
dan Praktik Aplikasi Bisnis. Yogyakarta: ANDI.
Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta: Andi Offset.
10