SISTEM PENGOLAHAN AKADEMIS UPTD BLKI...

52
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user SISTEM PENGOLAHAN AKADEMIS UPTD BLKI PANGKALPINANG BANGKA BELITUNG BERBASIS WEBSITE TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya Program Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Oleh : PRIYAMBODO DWI WRATSONGKO M3107041 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2010

Transcript of SISTEM PENGOLAHAN AKADEMIS UPTD BLKI...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

SISTEM PENGOLAHAN AKADEMIS UPTD BLKI PANGKALPINANG

BANGKA BELITUNG BERBASIS WEBSITE

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya Program

Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret

Oleh :

PRIYAMBODO DWI WRATSONGKO

M3107041

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2010

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

HALAMAN PERSETUJUAN

SISTEM PENGOLAHAN AKADEMIS UPTD BLKI PANGKALPINANG

BANGKA BELITUNG BERBASIS WEBSITE

Disusun Oleh :

PRIYAMBODO DWI WRATSONGKO

NIM. M3107041

Tugas Akhir ini telah disetujui untuk dipresentasikan pada ujian Tugas Akhir

pada tanggal 23 Juli 2010

Pembimbing Utama

Wiharto, ST, M.Kom

NIP. 19750210 200801 1005

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iii

HALAMAN PENGESAHAN

SISTEM PENGOLAHAN AKADEMIS UPTD BLKI PANGKALPINANG

BANGKA BELITUNG BERBASIS WEBSITE

Disusun Oleh

PRIYAMBODO DWI WRATSONGKO

NIM. M3107041

Dibimbing oleh

Pembimbing Utama

Wiharto, ST, M.Kom

NIP. 19750210 200801 1005

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Imu Komputer

Pada hari Jumat tanggal 23 Juli 2010

Dewan Penguji

1. Penguji 1 Wiharto, ST, M.Kom ( )

NIP. 19750210 200801 1005

2. Penguji 2 Tutut Maitanti, S.Si ( )

NIDN. 0625058501

3. Penguji 3 Mohtar Yunianto, M.Si ( )

NIP. 19800630 200501 1001

Disahkan Oleh

Dekan Ketua Program Studi

Fakultas FMIPA UNS DIII Ilmu Komputer UNS

Prof. Drs. Sutarno, M.Sc, Ph.D Drs. YS. Palgunadi, M.Sc

NIP. 19600809 198612 1001 NIP. 19560407 198303 1004

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iv

ABSTRACT

Priyambodo Dwi Wratsongko, 2010. Academic Management system UPTD

BLKI Pangkalpinang Bangka Belitung Based on Website. Final project

Diploma of Computer Science, Science and Mathematics faculty, Sebelas Maret University of Surakarta.

Technological development is very advanced now. One of them is website

which has been growing rapidly according to technological progress. UTPD BLKI is a goverment institute which working in employment sector has been

implementing to make a website as media publication, but an UPTD BLKI

website is still less effectively because it was only limited as media publication

and not handle registration developed system and management of student

academic. So to handle it must be making an Academic Management System

UPTD BLKI Pangkalpinang Bangka Belitung Based on Website. The aim of this

final project is to make Academic Management system UPTD BLKI

Pangkalpinang Bangka Belitung Based on Website.

The method that the author used was observasion, the author collected data

by observing directly the exciting system in UPTD BLKI Pangkalpinang, and then

used to designing work system and website design and implemented with making

Academic Management system UPTD BLKI Pangkalpinang Bangka Belitung

Based on Website. The program was developed by PHP and the database was

managed by MySQL. The conclusion can be drawn was that Academic Management system

UPTD BLKI Pangkalpinang Bangka Belitung Based Website have success to build by applying PHP Programming language and combine with MySQL

database. This system has the advantage to facilitate prospective students during the registration process and facilitate students in the process of assessment.

Keyword : Website, Academic Management System

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

v

ABSTRAK

Priyambodo Dwi Wratsongko, 2010. Sistem Pengolahan Akademis Uptd Bkli

Pangkalpinang Bangka Belitung Berbasis Website. DIII Ilmu Komputer,

Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Negeri Sebelas Maret Surakarta.

Perkembangan teknologi dewasa ini sudah sangat maju. Salah satu nya

website yang telah berkembang pesat sesuai kemajuan teknologi. UPTD BLKI adalah instansi pemerintah yang bergerak dibidang tenaga kerja dan telah

menerapkan pembuatan website sebagai media publikasi, akan tetapi website

UPTD BLKI ini masih kurang efektif, dikarenakan hanya sebatas media publikasi

dan tidak menangani sistem pendaftaran dan pengolaan akademis siswa. Untuk

mengatasi masalah tersebut maka dibuat suatu Sistem Pengolahan Akademis

UPTD BLKI Pangkalpinang Bangka Belitung Berbasis Website. Tujuan dari

Tugas akhir ini adalah untuk membuat Sistem Pengolahan Akademis UPTD BLKI

Pangkalpinang Bangka Belitung Berbasis Website.

Metode yang digunakan penulis adalah dengan melakukan observasi,

yakni penulis mengumpulkan data dengan mengamati secara langsung sistem

yang ada di UPTD BLKI Pangkalpinang, kemudian dilakukan perancangan desain

dan sistem kerja website dan diimplementasikan dengan dibuatnya Sistem

Pengolahan Akademis UPTD BLKI Pangkalpinang Bangka Belitung Berbasis

Website. Program ini dikembangkan dengan PHP dan database yang dikelola dengan MySQL.

Kesimpulan yang didapat adalah Sistem Pengolahan Akademis UPTD BLKI Pangkalpinang Bangka Belitung Berbasis Website berhasil dibuat dengan

menggunakan bahasa pemrograman PHP dan database MySQL. Sistem ini mempunyai kelebihan mempermudah calon siswa dalam proses pendaftaran serta

mempermudahkan siswa dalam proses penilaiannya.

Kata kunci : Website, Sistem Pengolahan Akademis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vi

MOTTO

Jangan menjadi seseorang yang lupa penciptanya.

Kita harus memahami tujuan hidup ini.

Jangan menggantungkan hidupmu kepada orang lain.

Manusia yang baik adalah manusia yang mempuyai arti bagi manusia lain.

Pada akhirnya keberuntungan bisa menjadi suatu modal keberhasilan.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vii

HALAMAN PERSEMBAHAN

Tugas Akhir ini penulis persembahkan untuk :

Kedua orang tua penulis yang selalu memberikan semangat serta doa kepada

penulis sehingga dapat menyelesaikan Tugas Akhir ini.

Belahan hatiku, yang selalu memberikan doa dan semangat.

Teman-teman yang selalu memberikan dukungan dan bantuan dalam

penyelesaian Tugas Akhir ini.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

viii

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT yang telah

melimpahkan rahmat dan hidayah-Nya untuk membantu dan menuntun penulis

dalam menyelesaikan penyusunan laporan Tugas Akhir ( TA ) dengan judul “

Sistem Pengolahan Akademis UPTD BLKI Pangkalpinang Bangka Belitung

Berbasis Website“ .

Laporan ini dapat tersusun berkat bantuan serta bimbingan dari berbagai

pihak, oleh karena itu pada kesempatan ini penulis mengucapkan terima kasih

kepada :

1. Prof. Drs. Sutarno, M.Sc, Ph.D selaku dekan Fakultas Matematika Ilmu

Pengetahuan Alam Universitas Sebelas Maret Surakarta.

2. Bapak Drs. Y.S. Palgunadi, M. Sc selaku Ketua Program Diploma III Ilmu

Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta

3. Bapak Zulkarnaen selaku Kepala UPTD BLKI Pangkalpinang Bangka

Belitung yang telah berkenan memberikan kesempatan bagi penulis untuk

melaksanakan Penelitian di instansi tersebut

4. Bapak Wiharto, ST, M.Kom selaku Dosen Pembimbing Tugas Akhir atas

arahan dan bimbingannya dalam pembuatan laporan ini

5. Teman-teman D3 Ilmu Komputer angkatan 2007, terima kasih atas

dukungannya

6. Semua pihak yang tidak dapat disebutkan satu persatu yang telah membantu

dalam pelaksanaan dan penyusunan laporan Tugas Akhir ini

Akhirnya penulis mengucapkan terima kasih kepada semua pihak dan

semoga laporan ini dapat bermanfaat bagi semua pihak terutama bagi mahasiswa

Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret Surakarta.

Surakarta, Juni 2010

Penulis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ix

DAFTAR ISI

HALAMAN JUDUL ....................................................................................... i

HALAMAN PERSETUJUAN ......................................................................... ii

HALAMAN PENGESAHAN .......................................................................... iii

ABSTRACT .................................................................................................... iv

INTISARI ........................................................................................................ v

MOTTO........................................................................................................... vi

HALAMAN PERSEMBAHAN ....................................................................... vii

KATA PENGANTAR ..................................................................................... viii

DAFTAR ISI ................................................................................................... ix

DAFTAR TABEL ........................................................................................... xi

DAFTAR GAMBAR ....................................................................................... xii

BAB I PENDAHULUAN ................................................................................ 1

1.1 Latar Belakang.......................................................................... 1

1.2 Perumusan Masalah .................................................................. 2

1.3 Batasan Masalah ....................................................................... 2

1.4 Tujuan Penelitian ...................................................................... 2

1.5 Manfaat Penulisan Penelitian .................................................... 3

1.6 Metodologi Penelitian ............................................................... 3

1.7 Sistematika Penulisan ............................................................... 3

BAB II LANDASAN TEORI .......................................................................... 5

2.1 Pengertian Website.................................................................... 5

2.2 Pengertian Data Flow Diagram (DFD) ...................................... 5

2.3 Pengertian Database .................................................................. 7

2.4 Pengertian PHP (hypertext preprocessing) ................................ 8

2.5 Pengertian Apache .................................................................... 8

2.6 Pengertian MySQL ................................................................... 8

BAB III DESAIN DAN PERANCANGAN ..................................................... 9

3.1 Desain Dan Perancangan Sistem ............................................... 9

3.1.1 Perencanaan Sistem ....................................................... 9

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

x

3.2 Perancangan Sistem .................................................................. 9

3.2.1 Pembuatan Sitemap ....................................................... 9

3.2.2 Diagram Konteks .......................................................... 10

3.2.3 Data Flow Diagram ....................................................... 11

3.3 Analisis dan Perancangan Database ........................................... 16

3.4 Relationship (Relasi Antar Tabel).............................................. 19

BAB IV IMPLEMENTASI DAN ANALISA ................................................... 20

4.1 Analisis Sistem.......................................................................... 20

4.2 Analisa Kebutuhan Sistem......................................................... 20

4.2.1 Software ...................................................................... 20

4.2.2 Hardware ..................................................................... 21

4.3 Implementasi Antarmuka .......................................................... 21

4.3.1 Halaman Utama Website .............................................. 21

4.3.2 Halaman Administrator................................................ 27

4.3.3 Halaman Instruktur ...................................................... 30

4.3.4 Halaman Siswa ............................................................ 33

4.3.5 Halaman Tata usaha..................................................... 36

BAB V PENUTUP .......................................................................................... 39

5.1 Kesimpulan............................................................................... 39

5.2 Saran ........................................................................................ 39

DAFTAR PUSTAKA ...................................................................................... 40

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xi

DAFTAR TABEL

Tabel 3.1. Tabel Administrator .................................................................... 16

Tabel 3.2. Tabel Karyawan .......................................................................... 16

Tabel 3.3. Tabel Siswa ................................................................................. 17

Tabel 3.4. Tabel Bidang Keahlian ................................................................ 18

Tabel 3.5. Tabel Seleksi ............................................................................... 18

Tabel 3.6. Tabel Nilai .................................................................................. 18

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xii

DAFTAR GAMBAR

Gambar 2.1. Simbol Terminator menurut Nugroho (2007) .......................... 5

Gambar 2.2. Simbol Proses menurut Nugroho (2007) ................................. 6

Gambar 2.3. Simbol Arus Data menurut Nugroho (2007) ............................ 6

Gambar 2.4. Simbol Penyimpan Data menurut Nugroho (2007) .................. 6

Gambar 3.1. Sitemap UPTD BLKI .............................................................. 10

Gambar 3.2. Diagram Konteks .................................................................... 10

Gambar 3.3. Data Flow Diagram level 0 ..................................................... 11

Gambar 3.4. Data Flow Diagram level 1 Proses Manage Data Karyawan .... 12

Gambar 3.5. Data Flow Diagram level 1 Proses Manage Data Siswa ........... 12

Gambar 3.6. Data Flow Diagram level 1 Proses Pendaftaran ....................... 13

Gambar 3.7. Data Flow Diagram level 1 Proses Lihat Hasil Seleksi ............ 13

Gambar 3.8. Data Flow Diagram level 1 Proses Input Hasil Seleksi ............ 14

Gambar 3.9. Data Flow Diagram level 1 Proses Melihat Nilai ..................... 14

Gambar 3.10. Data Flow Diagram level 1 Proses Input Nilai ......................... 15

Gambar 3.11. Data Flow Diagram level 1 Proses Pelaporan .......................... 15

Gambar 3.12. Relasi Antar Tabel .................................................................. 19

Gambar 4.1. Halaman Utama ...................................................................... 22

Gambar 4.2. Halaman Login ....................................................................... 23

Gambar 4.3. Halaman Pendaftaran .............................................................. 24

Gambar 4.4. Halaman Visi Misi .................................................................. 25

Gambar 4.5. Halaman Fasilitas.................................................................... 26

Gambar 4.6. Halaman Contact us ................................................................ 27

Gambar 4.7. Halaman Login Administrator ................................................. 28

Gambar 4.8. Halaman Home Administrator ................................................ 28

Gambar 4.9. Halaman Karyawan ................................................................. 29

Gambar 4.10. Halaman Siswa ....................................................................... 29

Gambar 4.11. Halaman Utama Instruktur ...................................................... 30

Gambar 4.12. Halaman Hasil Seleksi ............................................................ 31

Gambar 4.13. Halaman Evaluasi Belajar ....................................................... 32

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiii

Gambar 4.14. Halaman Kelulusan ................................................................. 33

Gambar 4.15. Halaman Utama Siswa ............................................................ 34

Gambar 4.16. Halaman Hasil Seleksi Siswa .................................................. 35

Gambar 4.17. Halaman Evaluasi Belajar Siswa ............................................. 36

Gambar 4.18. Halaman Utama Tata usaha ..................................................... 37

Gambar 4.19. Halaman Laporan Seleksi........................................................ 38

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1

BAB I

PENDAHULUAN

1.1 Latar Belakang.

Perkembangan teknologi dewasa ini tidak dapat dipungkiri sudah

sangat maju dan membawa dampak besar dalam segala aspek bidang di

dalam kehidupan termasuk dalam bidang ekonomi dan pekerjaan. Tuntutan

untuk mengikuti kemajuan teknologi sangatlah besar mengingat pada saat

ini teknologi informasi menjadi sangat penting, terlebih dalam bidang

pekerjaan.

Banyak hal yang berkaitan dengan teknologi informasi dalam bidang

pekerjaan. Sebagai contoh adalah website yang merupakan suatu media

yang berguna untuk mempermudah masyarakat untuk mengenal suatu

instansi tertentu. Website tidak hanya dipergunakan sebagai media yang

dapat mengenalkan identitas profil suatu instansi kepada masyarakat, akan

tetapi website juga berfungsi sebagai media dalam proses kerja tertentu,

seperti media dalam proses pendaftaran pada suatu instansi, media dalam

proses akademis pada suatu instansi, media dalam proses pembelian, media

dalam proses pembayaran, dan banyak hal lainnya.

Balai Latihan Kerja Industri (BLKI) Pangkalpinang adalah institusi

pemerintah yang berada dibawah kewenangan Dinas Tenaga Kerja dan

Transmigrasi Propinsi Kepulauan Bangka Belitung sebagai unit Pelaksana

Teknik Dinas, yang mempunyai tugas pokok melaksanakan kegiatan

pelatihan keterampilan bagi calon tenaga kerja, tenaga kerja untuk

peningkatan produktifikas usaha kecil dan menengah bagi masyarakat di

pedesaan dan pinggiran kota guna memperluas sektor usaha dan atau

kesempatan kerja.

Dalam sistem publikasi UPTD BLKI Pangkalpinang Bangka

Belitung telah menerapkan pembuatan website agar dalam sistem

pengenalan instansi ini dapat dilakukan dengan cara yang lebih efektif dan

lebih maju. Akan tetapi website UPTD BLKI Pangkalpinang Bangka

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2

Belitung masih bersifat kurang efektif dikarenakan website tersebut sampai

saat ini hanya dipergunakan sebagai media publikasi atau pengenalan

instansi tersebut saja. Sedangkan pada proses pendaftaran calon siswa dan

penilaian akademis siswa di instansi tersebut masih dilakukan secara manual

yaitu calon siswa hanya dapat mengunjungi instansi tersebut untuk

mendaftarkan dirinya. Dan bagi siswa yang telah terdaftar dalam instansi

tersebut tidak dapat melihat nilai akademis mereka sehingga dalam proses

penilaiannya berkesan tertutup dan tidak ada keterbukaan.

Berdasarkan uraian di atas didapatkan permasalahan yaitu

bagaimana membuat suatu sistem pengolaan akademis instansi UPTD BLKI

Pangkalpinang Bangka Belitung berbasis website agar lebih efektif dan

efisien sehingga mempermudah calon siswa dalam proses pendaftaran serta

mempermudahkan siswa dalam proses penilaiannya.

1.2 Perumusan Masalah

Berdasarkan latar belakang masalah di atas maka didapatkan

perumusan masalah “bagaimana membuat suatu sistem pengolaan akademis

UPTD BLKI Pangkalpinang Bangka Belitung berbasis website agar lebih

efektif dan efisien sehingga mempermudah calon siswa dalam proses

pendaftaran serta mempermudahkan siswa dalam proses penilaiannya”.

1.3 Batasan Masalah

Dalam Pembuatan sistem akademis ini sebatas pembuatan website

yang dipergunakan sebagai media dalam pendaftaran calon siswa instansi

dan media pemaparan nilai siswa pada instansi tersebut.

1.4 Tujuan Penelitian

Tujuan dari penelitian ini adalah membuat sistem pengolaan

akademis UPTD BLKI Pangkalpinang Bangka Belitung berbasis website.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3

1.5 Manfaat Penulisan Penelitian

Manfaat dari penulisan penelitian ini adalah :

1. Bagi penulis, Tugas Akhir ini bermanfaat untuk menerapkan

kemampuan penulis dalam menggunakan bahasa pemrograman sesuai

dengan mata kuliah yang telah diterima selama ini.

2. Bagi instansi, dapat mempermudah sistem akademis dalam instansi itu

sendiri.

3. Bagi pengguna, supaya dapat memudahkan dalam proses pendaftaran

pengguna, serta mempermudah dalam melihat proses akademis

pengguna di instansi tersebut.

1.6 Metodologi Penelitian

Dalam pembuatan sistem akademis berbasis website ini digunakan

beberapa metodologi penelitian yaitu sebagai berikut:

1. Observasi

Pengumpulan data dan informasi yang dibutuhkan dan berkaitan

dengan pembuatan website ini, dilakukan dengan cara mengamati secara

langsung ke UPTD BLKI Pangkalpinang Bangka Belitung.

2. Wawancara dengan narasumber

Wawancara merupakan metode yang dilakukan dengan cara

mengajukan pertanyaan secara langsung dengan narasumber. Wawancara

ini di ajukan kepada kepala instansi dan kepala staf tata usaha di UPTD

BLKI Pangkalpinang Bangka Belitung.

3. Studi Literatur

Pengumpulan data dan pencarian informasi dari berbagai sumber

buku referensi dan internet yang berkaitan dengan materi guna keperluan

lebih lanjut.

1.7 Sistematika Penulisan

Sistematika penulisan dalam pembuatan Tugas Akhir ini terdiri dari

beberapa bagian, antara lain:

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4

BAB I. Pendahuluan

Bab ini memuat Pendahuluan yang menguraikan tentang: Latar Belakang

Masalah, Perumusan Masalah, Batasan Masalah, Tujuan dan Manfaat penelitian,

Metodologi Penelitian.

BAB II. Landasan teori

Bab ini memuat landasan teori yang menguraikan tentang: Pengertian

website , Pengertian akademis, Pengertian Data Flow Diagram (DFD), Pengertian

PHP.

BAB III. Desain dan perancangan

Bab ini membahas mengenai desain sistem pengolaan akademis berbasis

website dan perancangan sistem yang dibuat.

BAB IV. Implementasi dan analisis

Bab ini adalah bab inti dari pembuatan tugas akhir ini, Bab ini berisi

tentang implementasi sistem dan analisis dari aplikasi sistem pengolaan akademis

ini. Bab ini akan memuat hasil tampilan dari program sistem pengolaan akademis

UPTD BLKI Pangkalpinang Bangka Belitung berbasis website.

BAB V. Penutup

Bab ini berisi penutup yang memuat tentang kesimpulan dari penjabaran

tentang pembahasan pembuatan sistem, serta saran yang di tujukan kepada penulis

tentang sistem pengolaan akademis UPTD BLKI Pangkalpinang Bangka Belitung.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5

BAB II

LANDASAN TEORI

2.1. Pengertian Website

Menurut Nugroho (2004), World Wide Web yang sering disingkat

www adalah layanan yang disediakan server untuk computer client dalam

mengakses data di server seperti web. Dengan adannya world wide web

seorang pengguna dapat menampilkan halaman virtual yang disebut

website.

2.2. Data Flow Diagram (DFD)

Diagram Arus Data (Data Flow Diagram) atau DFD adalah “Suatu

gambaran grafis dari suatu sistem yang menggunakan sejumlah bentuk

simbol untuk menggambarkan bagaimana data mengalir melalui suatu

proses yang saling berkaitan”. Walau nama diagram ini menekankan pada

data, situasinya justru sebaliknya penekanannya ada pada proses. Menurut

Nugroho (2007), DFD terdiri dari empat simbol-simbol, yaitu :

1. Elemen-elemen lingkungan.

Elemen-elemen lingkungan berada diluar batas sistem. Elemen-

elemen menyediakan bagi sistem input data dan menerima output data

sistem pada DFD, tidak dibuat perbedaan antara data dan informasi.

Semua arus dipandang sebagai data. Nama Terminator digunakan untuk

menggambarkan elemen-elemen lingkungan, yang menandai titik-titik

berakhirnya sistem. Terminator digambarkan dalam DFD dengan suatu

kotak atau segi empat. Tiap simbol terminator diberi label nama elemen

lingkungan.

Gambar 2.1. Simbol Terminator

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6

2. Proses

Proses adalah sesuatu yang mengubah input menjadi output. Proses

dapat digambar dengan lingkaran. Tiap simbol proses diidentifikasikan

dengan label. Teknik pembuatan label yang paling umum adalah dengan

menggunakan kata kerja dan objek, tetapi anda dapat juga menggunakan

nama sistem atau program komputer.

Gambar 2.2. Simbol Proses

3. Arus Data.

Arus data terdiri dari sekelompok elemen data yang berhubungan

secara logis yang bergerak dari satu titik atau proses ke titik atau proses

yang lain. Tanda panah digunakan untuk menggambarkan arus itu. Panah

tersebut dapat digambar sebagai garis lurus atau garis lengkung.

Gambar 2.3. Simbol Arus Data (Data Flow)

4. Penyimpanan data.

Jika anda perlu dipertahankan karena suatu sebab, maka digunakan

penyimpanan data. Dalam istilah DFD, penyimpanan data (data store)

adalah suatu penampungan. Data store digambarkan dengan garis sejajar.

Gambar 2.4. Simbol Penyimpanan Data (data store)

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7

2.3. Database

1. Definisi Database

Database adalah sebuah bentuk media yang digunakan untuk

menyimpan data. Dimana dapat diilustrasikan sebagai sebuah gudang yang

dijadikan tempat meyimpan berbagai macam barang yang dalam suatu

database, barang tersebut adalah data. Dalam sebuah database terdiri dari

dua bagian dasar yang membangun sebuah database, yaitu tabel dan

kolom. (Nugroho, 2007)

2. Tabel

Tabel Dalam sebuah database dikenal pula istilah tabel yang sering

juga disebut entitas atau entity, dimana tabel digunakan untuk menyimpan

sebuah kelompok data. Fungsi tabel ini adalah untuk menyimpan data

yang sifatnya khusus. Sehingga turunan dari sebuah database adalah tabel,

dimana tabel dalam suatu database dapat lebih dari satu buah. Hal yang

penting pula bahwa suatu tabel tidak dapat ada sebelum database dibuat.

(Nugroho, 2007)

3. Kolom

Kolom adalah bentuk terkecil dari sebuah database setelah tabel,

dimana kolom berfungsi untuk memisahkan jenis data dalam cakupan

yang lebih khusus. Kolom juga bisa dikenal dengan field atau atribut.

(Nugroho, 2007)

2.4. Pengertian PHP (Hypertext Preprocessing)

PHP merupakan bahasa pemrograman web yang didesain khusus

untuk membuat halaman web. PHP merupakan perangkat lunak yang

bersifat open source yang dapat diperoleh secara gratis dan didistribusikan

dengan bebas. PHP juga memiliki kelebihan-kelebihan lain dibandingkan

bahasa sejenis, seperti CGI dan Perl. (Peranginangin, 2006)

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8

2.5. Apache

Apache adalah software yang menyimpan serta mendistribusikan

data ke komputer lain (client) lewat internet yang meminta (request)

informasi tersebut. Pada dasarnya apache adalah “A PathCHy” (patch).

Apache merupakan web server yang dikeluarkan oleh NSCA yaitu NSCA

HTTPD sekitar tahun 1995-an. (Prasetyo, 2003)

2.6. MySQL

MySQL merupakan salah satu DBMS (Database Management

System) yang free dan open source, dikembangkan, didistribusikan, dan

disupport oleh MySQL AB. SQL adalah bahasa yang digunakan untuk

berkomunikasi dengan database. Menurut ANSI (American National

Standards Institute), bahasa ini merupakan standar untuk relational

database management systems (RDBMS). Pernyataan-pernyataan SQL

digunakan untuk melakukan beberapa tugas seperti : update data pada

database atau menampilkan data dari database. Hampir semua software

database mengimplementasikan bahasa SQL sebagai komponen utama

dari produknya, salah satunya MySQL. (Widenius, 2004)

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user 9

BAB III

DESAIN DAN PERANCANGAN

3.1. Desain dan Perancangan sistem

3.1.1. Perencanaan sistem

Melihat sistem pengolahan akademis pada suatu instansi sangat

dibutuhkan dalam hal memudahkan pengolahan akademis, maka setelah

melakukan observasi dan wawancara di UPTD BLKI Pangkalpinang

Bangka Belitung dan melihat kurang efektifnya sistem pengolahan

akademis di instansi tersebut karena masih dilakukan dengan cara manual

maka disini dibuat perancangan sistem pengolahan akademis UPTD BLKI

Pangkalpinang Bangka Belitung berbasis website. Di dalam sistem

tersebut terdapat sistem pengolahan pendaftaran calon siswa yang

mencangkup penerimaan siswa serta pengumuman hasil penerimaan. Di

dalam sistem tersebut juga terdapat proses pemaparan hasil evaluasi

belajar dan kelulusan siswa. Pembuatan sistem ini bertujuan untuk

menutupi kelemahan sistem lama yang telah ada.

3.2. Perancangan sistem

3.2.1. Pembuatan Sitemap

Tahap awal perancangan dilakukan dengan pembuatan Sitemap.

Dalam pembuatan sistem pengolahan akademis berbasis website, harus

ditentukan dahulu rancangan yang akan dibuat. Rancangan tersebut harus

sudah dibuat dan di tentukan sebelum membuat form dan halaman website.

Dalam membuat rancangan suatu halaman sistem berbasis website tidak

lepas dari Sitemap.

Sitemap adalah susunan menu atau hierarki menu dari suatu website

yang menggambarkan isi serta form dari setiap halaman atau navigasi tiap

halaman pada website.

Sitemap dibuat dalam bentuk seperti bentuk pohon yang bercabang-

cabang. Pada sitemap sistem pengolahan akademis UPTD BLKI, halaman

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10

utama terdapat enam buah menu, yaitu menu Home , Keadaan Umum,

Pendaftaran ,Visi misi ,Fasilitas ,dan Contact us. Sitemap UPTD BLKI

dapat dilihat pada Gambar 3.1.

Gambar 3.1. Sitemap UPTD BLKI

3.2.2. Diagram Konteks

Diagram konteks sistem pengolahan akademis UPTD BLKI dapat

dilihat pada Gambar 3.2.

Gambar 3.2. Diagram Konteks

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11

3.2.3. Data Flow Diagram (DFD)

A. Data Flow Diagram (DFD) Level 0

Data Flow diagram level 0 dari sistem pengolahan akademis UPTD

BLKI dapat dilihat pada Gambar 3.3.

Gambar 3.3. Data Flow Diagram Level 0

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

12

B. Data Flow Diagram (DFD) Level 1 proses manage data karyawan

Data flow diagram level 1 dari proses manage data karyawan dapat

dilihat pada Gambar 3.4.

Gambar 3.4. Data Flow Diagram level 1 proses manage data karyawan

C. Data Flow Diagram (DFD) Level 1 proses manage data siswa

Data flow diagram level 1 dari proses manage data siswa dapat

dilihat pada Gambar 3.5.

Gambar 3.5. Data Flow Diagram level 1 proses manage data siswa

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13

D. Data Flow Diagram (DFD) Level 1 proses pendaftaran

Data flow diagram level 1 dari proses pendaftaran dapat dilihat

pada Gambar 3.6.

Gambar 3.6. Data Flow Diagram level 1 proses pendaftaran

E. Data Flow Diagram (DFD) Level 1 proses melihat hasil seleksi dan

proses input hasil seleksi

Data flow diagram level 1 dari proses melihat hasil seleksi dapat

dilihat pada Gambar 3.7. dan Gambar 3.8.

Gambar 3.7. Data Flow Diagram level 1 proses melihat hasil seleksi

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

14

Gambar 3.8. Data Flow Diagram level 1 proses input hasil seleksi

F. Data Flow Diagram (DFD) Level 1 proses melihat nilai dan input nilai

Data flow diagram level 1 dari proses melihat nilai dan input nilai

dapat dilihat pada Gambar 3.9. dan 3.10.

Gambar 3.9. Data Flow Diagram level 1 proses melihat nilai

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15

Gambar 3.10. Data Flow Diagram level 1 proses input nilai

G. Data Flow Diagram (DFD) Level 1 proses pelaporan

Data flow diagram level 1 dari proses pelaporan dapat dilihat pada

Gambar 3.11.

Gambar 3.11. Data Flow Diagram level 1 proses pelaporan

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

16

3.3 Analisis dan Perancangan Database

Untuk merancang suatu database terlebih dahulu dibuat suatu

perancangan desain table dan strukturnya. Berikut adalah struktur table dari

database sistem pengolahan akademis UPTD BLKI :

1. Tabel Administrator

Tabel administrator digunakan administrator untuk masuk kedalam

sistem dan memberikan hak akses kepada pengguna. Struktur tabel

administrator digambarkan pada Tabel 3.1.

Tabel 3.1 Tabel administrator

Field Tipe Length Keterangan

username Varchar 30 Primary key

password Varchar 60

2. Tabel Karyawan

Tabel karyawan digunakan untuk menyimpan data karyawan yang

berhak mengakses sistem. Struktur tabel karyawan digambarkan pada

Tabel 3.2.

Tabel 3.2 Tabel Karyawan

Field Tipe Length Keterangan

nip Varchar 19 Primary key

nama_karyawan Varchar 30

jabatan Varchar 10

bid_jur enum 'LAS', 'MESIN'

username Varchar 30

password Varchar 60

3. Tabel Siswa

Tabel siswa digunakan untuk menyimpan data-data calon siswa

yang baru mendaftarkan dirinya, dan kemudian akan disimpan sebagai data

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

17

siswa setelah lulus seleksi sebagai siswa. Struktur tabel siswa digambarkan

pada Tabel 3.3.

Tabel 3.3 Tabel Siswa

Field Tipe Length Keterangan

no_pendaftaran char 6 Primary key

nama_lengkap Varchar 30

tempat Varchar 20

tgl_lahir date

jenis_kelamin enum ‘Laki-

laki’,’Perempuan’

pend_terakhir Varchar 3

bid_jur enum ‘LAS’,’MESIN’

lls_tahun int 4

status_kawin Varchar 11

agama Varchar 8

alamat text

no_telp Varchar 13

nama_wali Varchar 30

umur Varchar 2

pekerjaan Varchar 30

username Varchar 30

password Varchar 60

4. Tabel Bidang Keahlian

Tabel Bidang keahlian berisi data bidang keahlian atau jurusan

yang ada di instansi. Struktur tabel bidang keahlian digambarkan pada

Tabel 3.4.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

18

Tabel 3.4 Tabel Bidang Keahlian

Field Tipe Length Keterangan

Id_bidjur Char 5 Primary key

bid_jur enum 'LAS', 'MESIN'

jobsite Varchar 60

5. Tabel Seleksi

Tabel Seleksi digunakan untuk menyimpan data calon siswa yang

mengikuti seleksi yang kemudian di tampilkan sebagai pengumuman.

Struktur tabel seleksi digambarkan pada Tabel 3.5.

Tabel 3.5 Tabel seleksi

Field Tipe Length Keterangan

no_pendaftaran Char 6 Primary key

keterangan Text

6. Tabel Nilai

Tabel nilai digunakan untuk menyimpan data evaluasi nilai siswa.

Struktur tabel nilai digambarkan pada Tabel 3.6.

Tabel 3.6 Tabel Nilai

Field Tipe Length Keterangan

no_pendaftaran Char 6 Primary key

nilai Int 3

nilai2 Int 3

nilai3 Int 3

nilai4 Int 3

keterangan Text

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

19

3.4 Relationship (Relasi Antar Tabel)

Relasi antar tabel dari sistem pengolahan akademis UPTD BLKI

ditunjukkan pada Gambar 3.12.

Gambar 3.12. Relasi Antar Tabel

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user 20

BAB IV

IMPLEMENTASI DAN ANALISA

4.1. Analisis sistem

Berdasarkan hasil observasi dan wawancara yang telah dilakukan,

pengolahan akademis yang dilakukan di UPTD BLKI Pangkalpinang Bangka

Belitung masih menggunakan cara manual yakni dalam proses penerimaan siswa

baru, calon siswa datang ke instasi kemudian mendaftarkan dirinya dengan cara

mengisi formulir secara manual. Begitu pula dengan pengolahan data nilai siswa

yang tidak transparan dikarenakan siswa tidak dapat melihat nilai nya masing-

masing. Sistem yang telah ada tersebut sangat tidak efektif dikarenakan

banyaknya kelemahan yang timbul seperti pendaftaran calon siswa kurang efektif

dan memakan banyak waktu dan biaya, serta ketidaktransparan nya proses

penilaian siswa. maka disini dibuat sistem pengolahan akademis UPTD BLKI

Pangkalpinang Bangka Belitung berbasis website, yang di dalamnya terdapat

sistem pendaftaran calon siswa yang mencangkup penerimaan siswa serta

pengumuman hasil penerimaan. Di dalam sistem tersebut juga terdapat proses

pemaparan hasil evaluasi belajar dan kelulusan siswa.

4.2. Analisis Kebutuhan Sistem

4.2.1. Software

Keperluan software atau perangkat lunak yang dibutuhkan antara lain :

1. Paket AppServ v2.5.7 untuk windows operating system.

2. Macromedia Dreamweaver 8 yang digunakan sebagai editor program

dan tampilan.

3. Adobe photoshop cs yang digunakan sebagai editor gambar.

4. Web browser , menggunakan mozzila firefox untuk tampilan yang lebih

optimal.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

21

4.2.2. Hardware

Keperluan hardware atau perangkat keras yang digunakan untuk pembuatan

sistem aplikasi berbasis website ini dengan spesifikasi minimal :

1. Processor : PIII

2. Memory : 256Mb

3. Harddisk : 280Mb free space

4. Graphics : 128Mb

4.3. Implementasi Antarmuka

4.3.1. Halaman Utama Website

A. Halaman Home

Halaman home merupakan halaman utama. Halaman home dibuat menarik

dan berisikan latar belakang profil instansi serta adanya sistem pendaftaran bagi

calon siswa pendaftar. Peletakan serta pemilihan tema yang pas dibutuhkan untuk

menunjukkan identitas instansi tersebut. Dalam pembuatan tampilan juga

dibutuhkan animasi agar tampilan lebih menarik dan lebih dinamis serta tidak

monoton. Tampilan halaman utama website dapat dilihat pada Gambar 4.1.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

22

Gambar 4.1. Halaman Home

B. Halaman Login

Halaman login adalah halaman yang dapat digunakan user untuk login.

Disini yang user yang bisa login adalah siswa, instruktur, dan tata usaha. Berikut

ini adalah tampilan dari halaman login, seperti terlihat pada Gambar 4.2.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

23

Gambar 4.2. Halaman Login

C. Halaman Pendaftaran

Halaman pendaftaran berisi form pendaftaran calon siswa yang akan

mendaftarkan dirinya sebagai siswa di instansi. Berikut ini adalah tampilan

halaman pendaftaran seperti terlihat pada Gambar 4.3.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

24

Gambar 4.3. Halaman Pendaftaran

D. Halaman Visi Misi

Halaman ini berisi visi dan misi UPTD BLKI Pangkalpinang sebagai

instansi pemerintah yang bergerak di bawah Dinas Tenaga Kerja dan

Transmigrasi. Berikut ini adalah tampilan halaman visi misi, seperti terlihat pada

Gambar 4.4.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

25

Gambar 4.4. Halaman Visi Misi

E. Halaman Fasilitas

Semua fasilitas yang terdapat di UPTD BLKI di tampilkan pada halaman

fasilitas. Berikut ini adalah tampilan dari halaman fasilitas, seperti terlihat pada

Gambar 4.5.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

26

Gambar 4.5. Halaman Fasilitas

F. Halaman Contact us

Halaman ini memuat alamat untuk menghubungi instansi tersebut. Berikut

ini adalah tampilan dari halaman contact us, seperti terlihat pada Gambar 4.6.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

27

Gambar 4.6. Halaman Contact us

4.3.2. Halaman Administrator

A. Halaman Login Administrator

Halaman login adminstrator digunakan administrator untuk login dan

mengakses sistem. Berikut ini adalah tampilan dari halaman login administrator,

seperti terlihat pada Gambar 4.7.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

28

Gambar 4.7. Halaman Login Adminstrator

B. Halaman Home Administrator

Halaman home administrator disini adalah halaman utama yang digunakan

administrator untuk mengakses sistem. Berikut ini adalah tampilan dari halaman

home administrator, seperti terlihat pada Gambar 4.8.

Gambar 4.8. Halaman Home Administrator

C. Halaman Karyawan

Pada halaman ini dapat dilakukan penambahan dan penghapusan data

karyawan instansi yang diberikan hak akses. Berikut ini adalah tampilan dari

halaman karyawan, seperti terlihat pada Gambar 4.9.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

29

Gambar 4.9. Halaman Karyawan

D. Halaman Siswa

Pada halaman ini administrator dapat melakukan hapus data siswa yang

tidak lulus seleksi. Berikut ini adalah tampilan dari halaman siswa, seperti terlihat

pada Gambar 4.10.

Gambar 4.10. Halaman siswa

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

30

4.3.3. Halaman Instruktur

A. Halaman Utama Instruktur

Halaman utama instruktur disini adalah halaman instruktur untuk mengakses

sistem. Berikut ini adalah tampilan dari halaman utama instruktur, seperti terlihat

pada Gambar 4.11.

Gambar 4.11. Halaman Utama Istruktur

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

31

B. Halaman Hasil Seleksi

Halaman ini adalah halaman yang digunakan instruktur untuk menambah

maupun menghapus data calon siswa yang mengikuti seleksi penerimaan. Berikut

ini adalah tampilan dari halaman hasil seleksi, seperti terlihat pada Gambar 4.12.

Gambar 4.12. Halaman Hasil Seleksi

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

32

C. Halaman Evaluasi Belajar

Halaman ini adalah halaman yang digunakan instruktur untuk menambah

maupun mengedit data nilai siswa. Berikut ini adalah tampilan dari halaman

evaluasi belajar, seperti terlihat pada Gambar 4.13.

Gambar 4.13. Halaman Evaluasi Belajar

D. Halaman Kelulusan

Halaman ini adalah halaman yang digunakan instruktur untuk menambah data

nilai kelulusan siswa. Berikut ini adalah tampilan dari halaman kelulusan, seperti

terlihat pada Gambar 4.14.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

33

Gambar 4.14. Halaman Kelulusan

4.3.4. Halaman Siswa

A. Halaman Utama Siswa

Halaman utama siswa disini adalah halaman yang di pergunakan untuk

mengakses sistem, yang di dalamnya merupakan fasilitas yang berkaitan dengan

akademis siswa. Berikut ini adalah tampilan dari halaman utama siswa, seperti

terlihat pada Gambar 4.15.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

34

Gambar 4.15. Halaman Utama Siswa

B. Halaman Hasil Seleksi Siswa

Halaman ini berisi hasil penerimaan calon siswa yang mengikuti seleksi

penerimaan. Berikut ini adalah tampilan dari halaman hasil seleksi siswa, seperti

terlihat pada Gambar 4.16.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

35

Gambar 4.16. Halaman Hasil Seleksi Siswa

C. Halaman Evaluasi Belajar Siswa

Halaman ini berisi hasil evaluasi akhir belajar siswa. Berikut ini adalah

tampilan dari halaman evaluasi belajar siswa, seperti terlihat pada Gambar 4.17.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

36

Gambar 4.17. Halaman Evaluasi Belajar Siswa

4.3.5. Halaman Tata usaha

A. Halaman Utama Tata usaha

Halaman utama tata usaha disini adalah halaman yang digunakan karyawan

tata usaha untuk mengakses sistem untuk dapat membuat laporan. Berikut ini

adalah tampilan dari halaman utama tata usaha, seperti terlihat pada Gambar 4.18.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

37

Gambar 4.18. Halaman Utama Tata usaha

B. Halaman Laporan Seleksi

Halaman ini berisi data yang dapat digunakan karyawan tata usaha untuk

membuat pelaporan hasil seleksi calon siswa. Berikut ini adalah tampilan dari

halaman laporan seleksi, seperti terlihat pada Gambar 4.19.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

38

Gambar 4.19. Halaman Laporan Seleksi

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user 39

BAB V

PENUTUP

5.1. Kesimpulan

Berdasarkan pembahasan diatas maka dapat diambil kesimpulan bahwa :

Telah berhasil dibuat Sistem Pengolahan Akademis UPTD BLKI Pangkalpinang

Bangka Belitung Berbasis Website dimana website tersebut mempunyai beberapa

halaman, yakni halaman Login sebagai halaman login dari website ini, halaman

Home sebagai halaman utama, halaman Keadaan umum, halaman Pendaftaran,

halaman Visi- Misi, halaman Fasilitas, dan halaman Contact us.

5.2. Saran

Untuk pengembangan website ini dikemudian hari maka perlu diberikan

beberapa saran sebagai berikut :

1. Pembuatan website akan lebih baik jika fasilitas yang terdapat didalam sistem

lebih disempurnakan.

2. Website yang telah dibuat akan lebih baik jika dikembangkan dengan

penambahan fasilitas-fasilitas yang berhubungan dengan sistem yang telah

ada.