D3 TEKNIK INFORMATIKA UNS SUB SISTEM TUGAS AKHIR/Pengembangan... · service of it is still not ... melakukan verifikasi pendaftaran, melakukan update data, ... merupakan salah satu

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

commit to user

i

PENGEMBANGAN WEB BASED LEARNING

D3 TEKNIK INFORMATIKA UNS

SUB SISTEM TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya

Program Diploma III Teknik Informatika

Disusun Oleh:

MIFTAHUL HIDAYAH

M3109049

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2012


commit to user

ii


commit to user

iii


commit to user

iv

ABSTRACT

Miftahul Hidayah. 2012. DEVELOPTMENT OF WEB BASED LEARNING D3

INFORMATICS TECHNOLOGY SUBSYSTEM FINAL PROJECT. Vacation

Informatics Technology Three Years, Mathematics and Science Faculty, Sebelas

Maret University Surakarta, June 2012.

Final Project is a course that must be taken by every student of D3

Informatics Technology Faculty of Mathematic and Science UNS, meanwhile the

service of it is still not computerized. The purpose of this research is to develop final

project informatic system that integrated with Web Based Learning in D3

Informatics Technology Mathematics and Science Faculty UNS.

For the purpose of the research, the metod used in this research were

interview, observation and literature study. The main topic of this research was

Development Of Web Based Learning D3 Informatics Technology Subsystem Final

Project. Design include the design of context diagram, data flow diagram, entity

relationship diagram, database table and design program.

This subsystem, include facilities for Administrator, Student and Lecturer.

Admin that can do registration verification, updating data, grade and guidance, and

printing report and interest that most widely taken. Student can do registration,

editing profile, acess data, look at grade and downoading final project’s guidance.

Lecturer can look at about final project’s data and final project’s guidance.

Keywords: PHP,MySQL, Final Project, Web Based Learning


commit to user

v

ABSTRAK

Miftahul Hidayah. 2012. PENGEMBANGAN WEB BASED LEARNING D3

TEKNIK INFORMATIKA UNS SUB SISTEM TUGAS AKHIR. Teknik

Informatika, Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu

Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Juni 2012.

Tugas Akhir adalah mata kuliah yang harus ditempuh oleh setiap mahasiswa

D3 Teknik Informatika FMIPA UNS. Informasi yang dibutuhkan mahasiswa dan

dosen tentang Tugas Akhir tidaklah sedikit, selain itu pelayanan masih belum

terkomputerisasi. Tujuan dari penelitian ini adalah membangun sistem informasi

Tugas Akhir yang telah terintegrasi dengan Web Based Learning di DIII Teknik

Informatika FMIPA UNS.

Sesuai dengan tujuan penelitian, penelitian ini menggunakan metode

penelitian yaitu wawancara, pengamatan dan studi pustaka. Studi kasus penelitian ini

adalah Pengembangan Web Based Learning D3 Teknik Informatika UNS Sub Sistem

Tugas Akhir.Perancangan yang digunakan meliputi perancangan context diagram,

data flow diagram, entity relationship diagram, database table dan design program.

Subsistem Tugas Akhir yang telah pada Web Based Learning D3 D3 Teknik

Informatika ini dilengkapi fasilitas untuk admin dan mahasiswa. Admin dapat

melakukan verifikasi pendaftaran, melakukan update data, nilai dan pedoman, dan

mencetak laporan serta minat yang banyak diambil. Mahasiswa dapat melakukan

registrasi, editing profile, mengakses data, melihat nilai, dan mengunduh pedoman

tugas akhir. Dosen dapat melihat data tugas akhir dan mengunduh pedoman tugas

akhir.

Kata kunci :PHP, MySQL, Tugas Akhir, Web Based Learning


commit to user

vi

MOTTO

“YAKIN, IKHLAS, ISTIQAMAH” (TGKH Muhammad Zainuddin Abdul Majid)

“What doesn’t kills you makes you stronger”


commit to user

vii

PERSEMBAHAN

Kupersembahkan goresan tinta ini untuk :

1. Allah SWT

2. Kedua orang tuaku tercinta

3. Adik tersayang. Opi, Reza dan Rama

4. Sahabatku Kiki, Indah, Rizal dan Dondon

5. Yoelia, Risa, Ulie, Norma dan Yunita teman di

TIB 2009 D3 TI FMIPA UNS


commit to user

viii

KATA PENGANTAR

Bismillahirahmannirrahim,

Alhamdulliahirobbil’alamin, penulis panjatkan puji syukur kehadirat Allah

SWT atas karunia, hidayah serta inayahNya sehingga penulis dapat menyelesaikan

tugas akhir dengan judul ”Pengembangan Web Based Learning D3 Teknik

Informatika UNS Sub Sistem Tugas Akhir”.

Tugas akhir ini bertujuan untuk memenuhi dan melengkapi salah satu syarat

dalam menempuh ujian untuk memperoleh derajat Ahli Madya pada studi Diploma

Tiga Teknik Informatika FMIPA Universitas Sebelas Maret.

Penulis mengucapkan banyak terima kasih dan memberikan penghargaan

yang sebesar-besarnya kepada semua pihak yang telah membantu dan mendukung

baik itu secara langsung maupun tidak langsung dalam penyusunan laporan Tugas

Akhir ini mulai dari persiapan hingga tahap penyelesaiannya, terutama kepada:

1. Bapak Prof. Ir. Ari Handono Ramelan, M.Sc (Hons), Ph. D , selaku Dekan

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret.

2. Bapak Drs. YS. Palgunadi, M.Sc, selaku Ketua Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret.

3. Bapak Agus Purbayu S.Si selaku pembimbing tugas akhir yang telah berbaik

hati membimbing penulis sehingga tugas akhir ini dapat terselesaikan.

Akhir kata semoga tulisan ini bermanfaat khususnya untuk penulis dan para

pembaca pada umumnya.

Surakarta, Juni 2012

Penulis


commit to user

ix

DAFTAR ISI

Halaman

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

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

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

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

ABSTRAK ................................................................................................... v

HALAMAN 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 Rumusan Masalah ................................................................... 2

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

1.4 Tujuan Tugas Akhir ............................................................... 2

1.5 Manfaat Tugas Akhir ............................................................. 3

1.5.1 Bagi Mahasiswa ............................................................ 3

1.5.2 Bagi Pihak Instansi ........................................................ 3

1.5.3 Bagi Akademik .............................................................. 3

1.6 Metode Penulisan .................................................................. 3

1.6 Sistematika Penulisan ............................................................ 4

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

2.1 Database ................................................................................. 5

2.2 PHP ......................................................................................... 5

2.3 Context Diagram .................................................................... 6

2.4 Entity Relation Diagram ......................................................... 7

2.5.1 Entity Relation Diagram ................................................ 7


commit to user

x

2.5.2 Kardinalitas Relasi ........................................................ 7

2.5 Data Flow Diagram ............................................................... 8

2.6 HTML dan CSS ...................................................................... 9

2.7 Web Server ............................................................................. 10

BAB III ANALISIS DAN PERANCANGAN SISTEM ........................... 11

3.1 Analisis Kebutuhan Software .................................................. 11

3.2 Perancangan Sistem ................................................................. 11

3.2.1 Context Diagram (CD) ................................................... 11

3.2.2 Data Flow Diagram (DFD). .......................................... 13

3.2.3 DVD Level 1 Proses Registrasi TA ................................ 14

3.2.4 DVD Level 1 Manajemen Data TA ................................ 14

3.2.5 DVD Level 1 Manajemen Pedoman ............................... 15

3.2.6 DVD Level 1 Manajemen Nilai TA .............................. 15

3.2.7 DVD Level 1 Manajemen Konfirmasi .......................... 16

3.3 Perancangan Database .............................................................. 16

3.3.1 Entity Relationship Diagram.......................................... 17

3.3.2 Relasi Antar Tabel.......................................................... 19

3.3.3 Kamus Data .................................................................... 19

3.4 Perancangan Desain Antar Muka.............................................. 25

3.5 Site Map .................................................................................... 35

BAB IV IMPLEMENTASI SISTEM .......................................................... 36

4.1 Implementasi Sistem .............................................................. 36

4.2 Analisis Sistem . ...................................................................... 46

BAB IV PENUTUP ..................................................................................... 51

5.1 Kesimpulan ............................................................................ 51

5.2 Saran . ...................................................................................... 51

DAFTAR PUSTAKA ................................................................................... 52


commit to user

xi

DAFTAR TABEL

Halaman

1. Tabel 2.1 Tabel Simbol dan Keterangan ERD ............................................... 7

2. Tabel 3.1 Tabel User..................................................................................... 20

3. Tabel 3.2 Tabel Admin ................................................................................. 20

4. Tabel 3.3 Tabel Dosen .................................................................................. 21

5. Tabel 3.4 Tabel Mahasiswa .......................................................................... 22

6. Tabel 3.5 Tabel Minat................................................................................... 23

7. Tabel 3.6 Tabel Tahun Ajaran ..................................................................... 23

8. Tabel 3.7 Tabel Pedoman TA ....................................................................... 24

9. Tabel 3.8 Tabel TA ....................................................................................... 24

10. Tabel 4.1 Tabel Analisa ................................................................................ 47


commit to user

xii

DAFTAR GAMBAR

Halaman

1. Gambar 2.1 Simbol Entitas Luar ................................................................ 9

2. Gambar 2.2 Simbol Aliran Data ................................................................. 9

3. Gambar 2.3 Simbol Proses ......................................................................... 9

4. Gambar 2.4 Simbol Berkas ........................................................................ 9

5. Gambar 3.1 Context Diagram .................................................................. 12

6. Gambar 3.2 Data Flow Diagram level 0 .................................................. 13

7. Gambar 3.3 DFD Level 1 Proses Registrasi TA ....................................... 14

8. Gambar 3.4 DFD Level 1 Proses Manajemen Data ................................. 14

9. Gambar 3.5 DFD Level 1 Proses Manajemen Pedoman .......................... 15

10. Gambar 3.6 DFD Level 1 Proses Manjemen Nilai TA ............................ 16

11. Gambar 3.7 DFD Level 1 Proses Manajemen Konfirmasi ....................... 16

12. Gambar 3.8 Entity Relationship Diagram ................................................ 18

13. Gambar 3.9 Relasi Antar Tabel ................................................................ 19

14. Gambar 3.10 Rancangan Halaman Login ................................................ 26

15. Gambar 3.11 Rancangan Halaman Beranda Admin Tugas Akhir ........... 26

16. Gambar 3.12 Rancangan Halaman Beranda Tugas Akhir Mahasiswa .... 27

17. Gambar 3.13 Rancangan Halaman Registrasi Tugas Akhir ..................... 28

18. Gambar 3.14 Rancangan Halaman Profil Tugas Akhir ............................ 29

19. Gambar 3.15 Rancangan Halaman Nilai Tugas Akhir ............................. 30

20. Gambar 3.16 Rancangan Halaman Data Tugas Akhir ............................. 30

21. Gambar 3.17 Rancangan Halaman Verifikasi Tugas Akhir ..................... 31

22. Gambar 3.18 Rancangan Halaman Update Nilai Tugas Akhir ................ 32

23. Gambar 3.19 Rancangan Halaman Update Data Tugas Akhir ................ 33

24. Gambar 3.20 Rancangan Halaman Upload Pedoman Tugas Akhir ......... 34

25. Gambar 3.21 Rancangan Halaman Report Tugas Akhir .......................... 34

26. Gambar 3.21 Site Map .............................................................................. 35

27. Gambar 4.1 Halaman Login Admin .......................................................... 36

28. Gambar 4.2 Halaman Home Admin .......................................................... 37


commit to user

xiii

29. Gambar 4.3 Halaman Verifikasi Pendaftar ............................................... 37

30. Gambar 4.4 Halaman Update Nilai .......................................................... 38

31. Gambar 4.4 Halaman Update Data Mahasiswa ....................................... 38

32. Gambar 4.6 Halaman Edit Data Mahasiswa ............................................. 39

33. Gambar 4.7 Edit Nilai Halaman Edit Data Mahasiswa ............................. 39

34. Gambar 4.8 Halaman Hapus Data Mahasiswa .......................................... 40

35. Gambar 4.9 Halaman Upload Pedoman ................................................... 40

36. Gambar 4.10 Halaman Report ................................................................... 41

37. Gambar 4.11 Halaman Mahasiswa ............................................................ 41

38. Gambar 4.12 Halaman Profil Mahasiswa ................................................. 42

39. Gambar 4.13 Halaman Registrasi Tugas Akhir ........................................ 42

40. Gambar 4.14 Halaman Edit Profil TA Mahasiswa ................................... 43

41. Gambar 4.15 Halaman Nilai TA ............................................................... 43

42. Gambar 4.16 Halaman Data TA ................................................................ 44

43. Gambar 4.17 Halaman Pedoman TA ........................................................ 44

44. Gambar 4.18 Halaman Data TA pada Dosen ............................................ 45

45. Gambar 4.19 Halaman Nilai TA pada Dosen............................................ 45

46. Gambar 4.20 Halaman Pedoman TA ........................................................ 46


commit to user

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Web Based Learning atau juga lebih dikenal dengan E-learning

merupakan salah satu pemanfaatan web/ internet untuk pembelajaran. Web Based

Learning ini merupakan sebuah media informasi pembelajaran bagi mahasiswa

Diploma III UNS dengan alamat wbl.d3ti.mipa.uns.ac.id. Dimana lewat Web

Based Learning ini mahasiswa dapat melakukan proses upload tugas mata kuliah,

download modul mata kuliah serta mahasiswa dapat memperoleh informasi

seputar perkuliahan.

Salah satu kegiatan perkuliahan yang harus diikuti oleh seluruh mahasiswa

tingkat akhir D3 Teknik Informatika UNS adalah Tugas Akhir atau TA.

Pendaftaran kegiatan TA mahasiswa sampai saat ini dilakukan secara manual

dengan data diinputkan oleh petugas administrasi D3 Teknik Informatika UNS.

Permasalahan terjadi ketika ketika petugas menangani seluruh data mahasiswa

yang mendaftarkan Tugas Akhir secara manual sehingga memakan waktu yang

banyak dan kemungkinan dapat terjadi redundancy data.

Pendaftaran TA sendiri seharusnya harus ditangani oleh sistem TA yang

telah dimiliki oleh D3 Teknik Informatika sebelumnya, namun sistem TA yang

dimiliki ini tidak terintegrasi dengan Web Based Learning D3 Teknik Informatika

dan tidak difungsikan dengan baik. Maka dibuatlah subsistem Tugas Akhir pada

Web Based Learning D3 Teknik Informatika. Keberadaan sistem TA ini sendiri

yang terintegrasi dengan Web Based Learning mahasiswa memudahkan untuk

mengakses sistem ini sendiri, hanya diperlukan satu kali login pada Web Based

Learning untuk dapat mengakses sistem ini. Pengembangan Web Based Learning

D3 Teknik Informatika UNS Subsistem Tugas Akhir akan memudahkan

mahasiswa mulai dari mendapatkan informasi tentang instrument TA, proses

pendaftaran TA, serta pengunduhan informasi-informasi yang berkaitan dengan


commit to user

2

TA. Subsistem ini dibuat seefektif mungkin sehingga dapat mempercepat

pemrosesan data pendaftaran sesuai dengan standar pendaftaran yang berlaku.

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas maka dirumuskan permasalahan dari

penulisan tugas akhir ini adalah “Bagaimana cara membangun suatu website

pengelola data serta media informasi seputar Tugas Akhir yang merupakan

subsistem dari Web Based Learning D3 Teknik Informatika yang dapat

mempermudah program diploma dalam melakukan administrasi TA, seperti

pemasukan data (input data), pemrosesan data (processing data), dan akhirnya

dapat menghasilkan keluaran yang sesuai”.

1.3 Batasan Masalah

Pada pembuatan tugas akhir ini, penulis membatasi permasalahan yang

akan dibahas di dalamnya yaitu pengembangan Web Based Learning D3 Teknik

Informatika Subsitem Tugas Akhir, yang memiliki fasilitas bagi mahasiswa yang

akan mengajukan TA. Adapun fasilitas-fasilitas yang dimiliki adalah, fasilitas

registrasi tugas akhir mahasiswa, fasilitas untuk menampilkan nilai tugas akhir,

fasilitas pencarian data-data tugas akhir yang pernah dibuat, serta fasilitas

download informasi-informasi yang berkaitan dengan tugas akhir mahasiswa.

Untuk admin dapat melakukan administrasi verifikasi registrasi pendaftaran TA,

update status dan nilai mahasiswa, validasi dosen pembimbing dan dosen penguji,

dan update informasi yang berkaitan dengan tugas akhir.

1.4 Tujuan Tugas Akhir

Tujuan yang ingin dicapai dari pembuatan tugas akhir ini adalah

pengembangan Web Based Learning D3 Teknik Informatika UNS Subsistem

Tugas Akhir.


commit to user

3

1.5 Manfaat Tugas Akhir

Manfaat yang penulis harapkan dari penyusunan tugas akhir ini antara

lain:

1. Bagi Instansi

Pengembangan Web Based Learning D3 Teknik Informatika UNS Subsistem

Tugas Akhir dapat membantu kelancaran informasi dalam bidang akademik

bagi pihak jurusan dan dapat menunjang kemajuan di jurusan khususnya

bidang Teknologi Informasi.

2. Bagi Akademik

Tugas Akhir ini dapat dijadikan arsip atau dokumen yang diharapkan akan

bermanfaat dalam proses kegiatan perkuliahan mahasiswa pada masa yang

akan datang.

3. Bagi Mahasiswa

Tugas Akhir ini dapat dijadikan gambaran mengenai pekerjaan pada saat terjun

di dunia kerja nantinya dan dapat digunakan untuk mempraktekkan ilmu yang

didapat selama masa perkuliahan.

1.6 Metode Penulisan

Proses/fase dalam metodologi Pengembangan Web Based Learning D3

Teknik Informatika UNS Subsistem TA yaitu :

1. Analisa

Pada fase analisa meliputi:

a. Analisa kebutuhan system

a) Kebutuhan Fungsional

b) Kebutuhan Non Fungsional

2. Desain dan Perancangan

Pada fase analisa meliputi:

a. Perancangan Database

a) Membuat Context Diagram, Data Flow Diagram

b) Membuat Entity Relationship Diagram

c) Membuat Tabel relasi, Struktur Tabel


commit to user

4

b. Desain Interface

a) Desain Interface halaman user

b) Desain Interface halaman admin

3. Implementasi

Pada fase implementasi meliputi:

a. Membuat database

b. Membuat query

c. Pemrograman

d. Testing

4. Maintenance

Pada fase ini sistem yang dibuat akan diperbaiki dan ditingkatkan

sehingga menghasilkan sistem yang lebih teruji.

1.7 Sistematika Penulisan

Sitematika penulisan dalam laporan tugas akhir ini adalah sebagai berikut:

I. BAB I PENDAHULUAN

Berisi uraian yang menjelaskan latar belakang, rumusan masalah, tujuan,

manfaat, batasan masalah, dan metodologi pengerjaan Tugas Akhir ini.

II. BAB II LANDASAN TEORI

Berisi penjelasan mengenai dasar teori yang melandasi pengerjaan Tugas

Akhir ini.

III. BAB III DESAIN DAN PERANCANGAN

Berisi uraian tahap analisa dan perancangan sistem informasi yang akan

menjadi hasil keluaran dari penulisan tugas akhir ini.

IV. BAB IV IMPLEMENTASI DAN ANALISA

Berisi implementasi dari rancangan yang dibuat dan analisanya.

V. BAB V PENUTUP

Berisi uraian tentang kesimpulan dan saran yang penulis ambil dari

penulisan tugas akhir ini.


commit to user

5

BAB II

LANDASAN TEORI

Teori yang mendasari atau menjadi landasan dari pelaksanaan dan

pengerjaan tugas akhir ini diambil dari beberapa sumber termasuk juga dalam hal

ini penerapan kemampuan dan pengetahuan penulis baik yang telah diperoleh

selama duduk dibangku perkuliahan ataupun pengetahuan umum lainnya.

Dengan mengetahui arti dan istilah-istilah yang digunakan akan lebih

mudah dalam memecahkan masalah yang penulis jumpai saat mengerjakan tugas

akhir. Adapun landasan teori yang mendasari tugas akhir ini adalah :

2.1 Database

Database adalah kumpulan file-file yang saling berelasi, relasi tersebut

biasa ditunjukkan dengan kunci dari tiap file yang ada. Satu database

menunjukkan satu kumpulan data yang dipakai dalam satu lingkup perusahaan,

instansi (Kristanto, 2002).

Database MySQL tergolong database server, PHP sangat serasi dengan

server web apache dan database MySql. Beberapa perintah penting di database

server MySql antara lain :

1. create databae

2. use

3. create Table

4. inser Into

5. select

2.2 PHP

PHP merupakan kependekan dari Hypertext Processor dan merupakan

bahasa server-side scripting yang menyatu dengan HTML, untuk membuat

halaman web yang dinamis dan perintah yang diberikan akan sepenuhnya

dijalankan di server tetapi disertakan pada dokumen HTML (Sunarfriantono,

2007).


commit to user

6

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa

standar yang digunakan dalam dunia website. Ada beberapa pengertian tentang

PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preprocessor. Ini

merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat

ditampilkan pada klien.

2.3 Context Diagram

Context Diagram (CD) adalah sebuah diagram sederhana yang

menggambarkan hubungan antara entity luar, masukan dan keluaran sistem

sistem.

CD menyoroti sejumlah karakteristik penting sistem yaitu:

1. Kelompok pemakai, organisasi atau sistem lain dimana system melakukan

komunikasi (sebagai terminator).

2. Data masuk yaitu data yang diterima sistem dari lingkungan dan harus

diproses dengan cara tertentu.

3. Data keluar, yaitu data yang dhasilkan sistem dan diberikan ke dunia luar.

4. Penyimpanan data (storage) yaitu digunakan secara bersama antara sistem

dengan terminator. Data itu dapat dibuat oleh sistem dan digunakan oleh

lingkungan atau sebaliknya.

5. Batasan antara sistem dengan lingkungan.

Pada perancangan database menentukan entity dan relasi dibutuhkan

analisa data sehingga saat salah satu data di-update maka data lain akan ikut ter-

update. Maka dari itu pada struktur data dan relasi antar file seharusnya ada

atribut (field) yang dipilih untuk dijadikan kunci utama atribut (primary key)

maupun Foreign Key.

1. Primary Key

Primary Key adalah satu atribut mengidentifikasi suatu entity secara unik,

spesifik dan dapat mewakili setiap kejadian dari suatu entity dan menyeluruh

terhadap entity yang ada.


commit to user

7

2. Foreign Key

Foreign Key adalah satu atribut yang melengkapi sebuah relasi tabel yang

menunjuk kepada induk tabelnya. Hubungan antara induk dan anak table

merupakan hubungan satu lawan banyak. (Kristanto, 2003)

2.4 Entity Relational Diagram (ERD)

2.4.1 Entity Relational Diagram

ERD (Entity Relation Diagram) adalah model konseptual yang

mendeskripsikan hubungan antara penyimpanan (dalam DFD). ERD pertama kali

dideskripsikan oleh Peter Chen yang dibuat sebagai bagian dari perangkat lunak

CASE. Notasi yang digunakan dalam ERD dapat dilihat pada Tabel 2.1. (Hartini,

2006)

Tabel 2.1 Simbol dan Keterangan ERD

Notasi Keterangan

Entitas

Entitas, adalah suatu obyek yang dapat diidentifikasi

dalam lingkungan pemakai.

Relasi

Relasi, menunjukan adanya hubungan di antara

sejumlah entitas yang berbeda.

Atribut

Atribut, berfungsi mendiskripsikan karakter entitas

(atribut yang berfungsi sebagai key diberi garis

bawah)

Notasi Keterangan

Garis, sebagai penghubung antara relasi dengan

entitas, relasi dan entitas dengan atribut.

2.4.2 Kardinalitas Relasi

Dalam ERD hubungan (relasi) dapat terdiri dari sejumlah entitas yang

disebut dengan derajat relasi. Derajat relasi maksimum disebut dengan

kardinalitas sedangkan derajat minimum disebut dengan modalitas. Jadi

kardinalitas relasi menunjukan jumlah maksimum entitas yang dapat berelasi


commit to user

8

dengan entitas pada himpunan entitas lain. Kardinalitas relasi yang terjadi diantara

dua himpunan entitas (misalnya A dan B) dapat berupa:

a. Satu ke satu (one to one/ 1-1)

Setiap entitas pada himpunan entitas A dapat berelasi dengan paling banyak

satu entitas pada himpunan entitas B, demikian juga sebaliknya.

b. Satu ke banyak (one to many/ 1-N)

Setiap entitas pada himpunan entitas A dapat berelasi dengan banyak entitas

pada himpunan entitas B, tetapi tidak sebaliknya.

c. Banyak ke banyak (many to many/ N-N)

Setiap entitas pada himpunan entitas A dapat berelasi dengan banyak entitas

pada himpunan entitas B, demikian juga sebaliknya. (Hartini, 2006)

2.5 Data Flow Diagram (DFD)

Data Flow Diagram adalah suatu model logika data atau proses yang akan

dibuat untuk menggambarkan darimana letak asal data dan kemana tujuan data

yang akan keluar dari sistem, dimana data disimpan, proses apa yang

menghasilkan data tersebut, dan interaksi antara data yang tersimpan dan proses

yang dikenakan pada data tersebut.

DFD menggambarkan penyimpanan data dan proses yang

mentransformasikan data serta menunjukan hubungan antara data pada sistem dan

proses pada sistem. Salah satu teknik dasar pada DFD adalah Yourdon dan De

Marco yang terdiri dari komponen komponen sebagai berikut:

(Kristanto, 2003)

1. Entitas Luar

Entitas luar digambarkan dengan simbol persegi biasa. Merupakan sumber

atau tujuan dari aliran data dari atau ke sistem. Entitas luar bisa digambarkan

secara fisik dengan sekelompok orang atau sebuah sistem. Symbol dari entitas

luar dapat dilihat pada Gambar 2.1.


commit to user

9

Gambar 2.1 Simbol Entitas Luar

2. Aliran Data

Menggambarkan aliran data dari suatu proses ke proses lainnya. Adapun

simbol dari aliran data bentuk garisnya bisa bebas. Symbol dari aliran data

dapat dilihat pada Gambar 2.2.

Gambar 2.2 Simbol Aliran Data

3. Proses

Proses atau fungsi yang mentransformasikan data secara umum digambarkan

dengan lingkaran. Symbol dari proses dapat dilihat pada Gambar 2.3.

Gambar 2.3 Simbol Proses

4. Berkas

Merupakan komponen yang berfungsi untuk menyimpan data atau file.

Memiliki simbol seperti pada Gambar 2.4.

Gambar 2.4 Simbol Berkas

2.6 HTML dan CSS

HTML dan CSS merupakan inti dalam pembuatan sebuah website, karena

kode-kode yang terdapat dalam HTML yang dapat dibaca oleh browser. HTML


commit to user

10

lebih berperan pada pemrosesan dalam website sedangkan CSS lebih digunakan

dalam penataan tampilan sehingga tampilan website lebih menarik.

HTML (Hyper Text Markup Language) adalah sekumpulan symbol atau

tag-tag yang dituliskan dalam sebuah file yang digunakan untuk menampilkan

halaman pada web browser. (Anhar, 2010)

CSS(Cascading Style Sheet) adalah suatu bahasa yang dikhususkan untuk

pengaturan gaya atau layout sebuah halaman web. (Sya’ban, 2010)

2.7 Web Server

Webserver adalah suatu server yang menyimpan halaman-halaman web

yang dapat diakses melalui web browser. Web Server merupakan perangkat lunak

yang mengatur atau mengelola program berdasarkan permintaan browser dan

dikirim kembali ke browser (Supardi, 2009:181). Webserver diciptakan oleh suatu

software aplikasi, salah satunya adalah Apache.

Apache merupakan suatu software untuk membuat webserver, apache

merupakan produk openSource sehingga setiap orang dapat menggunakan dan

memodifikasi apache tanpa terkena lisensi. Apache telah mendukung beberapa

bahasa scripting seperti PERL dan PHP.


commit to user

19

18

BAB III

ANALISIS DAN PERANCANGAN SISTEM

Perancangan sistem sangat dibutuhkan sebelum membuat suatu aplikasi.

Rancangan sistem tersebut meliputi perancangan input dan output. Untuk

memahami dan merealisasikan sistem, diperlukan suatu gambaran mengenai

sistem alur data yang terjadi. Selain itu pada tahap ini akan ditentukan process

specification dan deskripsi data dari database yang telah dibuat pada fase analisis.

3.1 Analisis Kebutuhan Software

Software yang diperlukan dalam pengembangan WBL D3 TI UNS

Subsistem Tugas Akhir ini adalah:

1. Sistem Operasi : Microsoft Windows 7 Ultimate 32-bit (6.1, Build 7600).

2. Software pendukung: Adobe Dreamweaver CS3, Notepad++, XAMPP

version 1.7.3 yang terdiri dari PHP 5.3.0 , MySQL 5.1.37 , dan Apache 2.2.12.

3.2 Perancangan Sistem

Perancangan sistem bertujuan untuk menentukan rancangan

pengembangan Web Based Learning pada subsistem tugas akhir. Perancangan

sistem ini dimulai dengan perancangan Context Diagram (CD) dan Data Flow

Diagram (DFD).

3.2.1 Context Diagram (CD)

Context Diagram atau diagram konteks merupakan penggambaran secara

garis besar tentang apa yang akan dibangun dengan menampilkan input, proses,

dan output dari sistem. Context Diagram dari proses ini dapat dilihat pada

Gambar 3.1 berikut:


commit to user

WBL D3 TI

Subsistem TAAdmin

Verifikasi Login

Login

MahasiswaLogin

Verifikasi Login

Manajemen Data Seputar TA, Konfirmasi Mahasiswa

Informasi Seputar TA

Manajemen Data TA


Dosen


Verifikasi Login

Login

Gambar 3.1 Context Diagram

Keterangan:

1) Admin

Admin melakukan login dengan username dan password yang telah

disediakan, jika username dan password tidak sesuai dengan yang telah

disediakan maka akan mendapatkan verifikasi. Admin bertindak sebagai

pengelola data dalam sistem tugas akhir ini. Dalam hal ini admin dapat

melakukan manajemen data tugas akhir, manajemen pedoman tugas akhir,

manajemen nilai dan manajemen verifikasi.

2) Mahasiswa

Mahasiswa melakukan login dengan username dan password yang

telah disediakan, jika username dan password tidak sesuai dengan yang

telah disediakan maka akan mendapatkan verifikasi. Dalam sistem ini

mahasiswa bertindak sebagai pengguna sistem informasi. Mahasiswa dapat

melakukan registrasi tugas akhir, melihat berbagai informasi seputar tugas

akhir, data tugas akhir yang berhubungan dengan user, dan data nilai.

3) Dosen

Dosen melakukan login dengan username dan password yang telah

disediakan, jika username dan password tidak sesuai dengan yang telah

disediakan maka akan mendapatkan verifikasi. Dalam sistem ini dosen

bertindak sebagai pengguna sistem informasi. Dosen dapat melihat berbagai

informasi seputar tugas akhir, melihat data tugas akhir serta data nilai.


commit to user

3.2.2 Data Flow Diagram Level 0 (DFD)

DFD Level 0, menggambarkan aliran data yang ada di dalam sistem seperti

yang digambarkan pada proses di dalam Context Diagram. DFD Level 0 dari

pengembangan Web Based Learning D3 Teknik Informatika Sub Sistem tugas

akhir dapat dilihat pada Gambar 3.2.

Mahasiswa

1

Login

2

Registrasi TA

3

Manajemen

Data TA

4

Manajemen

Pedoman

6

Manajemen

Konfirmasi

5

Manajemen

Nilai TA

Administrator

Username & Password

Data TA

Verifikasi Login

Verifikasi Registrasi

Verifikasi Login

Username & Password

Keyword & Data TA

Informasi Data TA

Keyword & Data TA

Informasi Data TA

Keyword & Data Pedoman

Informasi Pedoman


Informasi Pedoman

Keyword & Data Nilai

Informasi Nilai


Informasi Nilai

Data Konfirmasi

Informasi Konfirmasi

Dosen

Username & Password

Verifikasi Login

Keyword & Data TA

Informasi Data TA



Informasi Pedoman

Informasi Nilai

Data User

Username & Password

Username & Password

Data TA

Data TA

Data TA

Data TA

Data TA

Data Pedoman

Data Pedoman

Data Pedoman

Data TA

Data TA

Data TA

Data TA

Data Admin

Username & Password

Username & Password

Gambar 3.2 Data Flow Diagram level 0

Dimana untuk proses login data user disimpan dalam tabel user, data

admin disimpan dalam tabel admin. Untuk proses registrasi TA, manajemen data

TA, manajemen nilai TA dan manajemen konfirmasi menggunakan data TA yang

disimpan dalam tabel TA. Sedangkan untuk proses manajemen pedoman, data

pedoman disimpan dalam tabel pedomanta.


commit to user

3.2.3 DFD Level 1 Proses Registrasi TA

DFD Level 1 proses registrasi TA, menggambarkan aliran data yang lebih

detail di dalam sistem seperti yang digambarkan pada proses 2 (dua) dari DFD

Level 0. Gambar DFD Level 1 proses registrasi TA dapat dilihat pada Gambar 3.3.

Mahasiswa2.1

Registrasi TAVerifikasi Registrasi

Data TA

Data TA

Data TA

Data TA

Gambar 3.3 DFD Level 1 Proses Registrasi TA

3.2.4 DFD Level 1 Proses Manajemen Data TA

DFD Level 1 proses manajemen data TA, menggambarkan aliran data

yang lebih detail di dalam sistem seperti yang digambarkan pada proses 3 (tiga)

dari DFD Level 0. Gambar DFD Level 1 proses manajemen data TA dapat dilihat

pada Gambar 3.4.

3.1

Input Data TA

3.2

Update Data

TA

3.3

Hapus Data

TA

3.4

Pencarian

Data TA

Mahasiswa

Administrator

Dosen

Laporan Proses Input

Data TA


Data TA

Laporan Proses Update

Data TA


Keyword Data TA

Hasil Pencarian

Data TA

Laporan Proses Hapus

Hasil Pencarian

Hasil Pencarian

Keyword Data TA

Keyword Data TA

Data TA

Data TA

Data TA

Data TA

Data TA

Data TA

Data TA

Data TA

Data TA

Data TA

Gambar 3.4 DFD Level 1 Proses Manajemen Data TA


commit to user

3.2.5 DFD Level 1 Proses Manajemen Pedoman

DFD Level 1 proses manajemen pedoman, menggambarkan aliran data

yang lebih detail di dalam sistem seperti yang digambarkan pada proses 4 (empat)

dari DFD Level 0. Gambar DFD Level 1 proses manajemen pedoman dapat dilihat

pada Gambar 3.5.

4.1

Upload

Pedoman

4.2

Update

Pedoman

4.3

Hapus

Pedoman

4.4

Pencarian &

Download

Pedoman

Mahasiswa

Administrator

Dosen


Data Pedoman

Data Pedoman


Keyword Pedoman

Hasil Pencarian

Data PedomanLaporan Proses Hapus

Hasil Pencarian

Hasil Pencarian

Keyword Pedoman

Keyword Pedoman

Data Pedoman

Data Pedoman

Data Pedoman

Data Pedoman

Data Pedoman

Data Pedoman

Data Pedoman

Data Pedoman

Data Pedoman

Gambar 3.5 DFD Level 1 Proses Manajemen Pedoman

3.2.6 DFD Level 1 Proses Manajemen Nilai TA

DFD Level 1 proses manajemen nilai TA, menggambarkan aliran data

yang lebih detail di dalam sistem seperti yang digambarkan pada proses 5 (lima)

dari DFD Level 0. Gambar DFD Level 1 proses manajemen nilai dapat dilihat

pada Gambar 3.6.


commit to user

5.1

Input Nilai

5.2

Update Nilai

5.3

Hapus Nilai

5.4

Pencarian Nilai

Mahasiswa

Administrator

Dosen


Data Nilai

Data Nilai


Keyword Nilai

Hasil Pencarian

Data NilaiLaporan Proses Hapus

Hasil Pencarian

Hasil Pencarian

Keyword Nilai

Keyword Nilai

Data Nilai

Data Nilai

Data Nilai

Data Nilai

Data Nilai

Data Nilai

Data Nilai

Data TA

Data TA

Data TA

Data TA

Data TA

Data TA

Data Nilai

Data Nilai

Data TA

Data TA

Data TA

Gambar 3.6 DFD Level 1 Proses Manjemen Nilai TA

3.2.7 DFD Level 1 Proses Manajemen Konfirmasi

DFD Level 1 proses manajemen konfirmasi, menggambarkan aliran data

yang lebih detail di dalam sistem seperti yang digambarkan pada proses 6 (enam)

dari DFD Level 0. Gambar DFD Level 1 proses manajemen konfirmasi dapat

dilihat pada Gambar 3.7.

Administrator

6.1

Update

Konfirmasi

MahasiswaKaporan Proses Update

Data Konfirmasi

Data TA

Data TA

Data TA

Gambar 3.7 DFD Level 1 Proses Manajemen Konfirmasi

3.3 Perancangan Database

Perancangan database merupakan upaya untuk membuat model yang

masih bersifat konsep. Perancangan database dari Subsistem Tugas Akhir ini

terdiri dari Entity Relationship Data (ERD), relasi antar tabel, dan desain basis

data serta kamus data. Di dalam perancangan database juga memuat desain tabel-

tabel yang akan digunakan sebagai dasar pembuatan Subsistem Tugas Akhir.


commit to user

3.3.1 Entity Relationship Diagram

Entity Relationship Diagram mengambarkan hubungan entitas yang ada

dalam Subsistem Tugas Akhir. Entity Relationship Diagram dapat dilihat pada

Gambar 3.8.


commit to user

Asisten

Mahasiswa

Tugas

Kelas

ThnAjaran

Makul

Dosen

ampuasist

mengerjakan

terdaftar

memiliki

mengambil

mengampu

memiliki

N

1

N

N

N

1

N

N

N

N

1

N

assnim asspassword

assusername

assnimassampu

shift

assmakdos

iddosen

bobotabsen

bobotkd

bobottgs

jmltugas

active

idkelas

idthnajar

idmakul

iddosen idpendidikan

idminat

telpalamat

nama

1

idmakul

ket

sks

smst

namamakul

idkelas korti

tahunnamakelas

idthnajar ket

idkelasnim

nim

absen

Tgs1-tgs20

kd1-kd4

idthnajar

makul

N

idtugas idkelas

date

deskripsi

judulpath

idmakul

iddosen

nim idkelas

alamat

tgllahir

tmplahir

telp

nama

TA

menguji

membimbing

1N

1N

mengerjakan1

1

Minat

memiliki

N

1

memiliki

N

1

idminat

minat

idta

penguji2

penguji1

pembimbing

idminat

judul

idthnajar

nim

memiliki1

N

nilai

Pedoman

Admin

idpedoman

name dir

size

ket

password

username

N

menguji1N

WBL D3 TEKNIK

INFORMATIKA UNS

PENGEMBANGAN WBL

D3 TI UNS SUBSISTEM

TA

User

Iddosen

passwordusername

NIM

RELASI WBL D3 TEKNIK

INFORMATIKA UNS

RELASI

PENGEMBANGAN WBL

D3 TI UNS SUBSISTEM

TA

Gambar 3.8 Entity Relationship Diagram


commit to user

19

3.3.2 Relasi Antar Tabel

Relasi antar tabel berfungsi untuk menggambarkan relasi dari dua tabel

atau lebih, penggambaran ini akan membantu menganalisis sistem dalam

melakukan perancangan proses yang akan dituangkan dalam bentuk program.

Relasi antar tabel dalam Pengembangan WBL D3 Teknik Informatika UNS pada

Subsistem Tugas Akhir ini dapat dilihat pada Gambar 3.9 berikut:

Dosen

Iddosen*

Nama

Alamat

Telp

Idminat*

Idpendidikan

Mahasiswa

NIM*

Nama

Telp

Templahir

Tgllahir

Alamat

Idkelas

TahunAjaran

Idthnajar*

Ket

Minat

Idminat*

Minat

TA

Idta*

NIM**

Nama

Idthnajar

Judulta

Idminat**

Pembimbing**

Penguji1**

Penguji2**

Nilaiprop

Nilaibim

Nilaiuji

PedomanTA

Idpedoman*

Nama

Path

SizeUser

NIM

Username*

Password

Iddosen

Admin

Username*

Password

Ket

WBL D3 TEKNIK

INFORMATIKA UNS

PENGEMBANGAN WBL

D3 TI UNS SUBSISTEM

TA

Gambar 3.9 Relasi Antar tabel

3.3.3 Kamus Data

1. Tabel User

Nama Tabel : user

Fungsi : Untuk menyimpan data user

Primary Key : username


commit to user

20

Tabel user merupakan table untuk menampung semua data yang berhubungan

dengan user seperti, username, password , NIM dan iddosen. Tabel user

dapat dilihat pada Tabel 3.1.

Tabel 3.1 User

Field Type Keterangan

username varchar(12) Primary Key

NIM varchar(8) Not Null

password varchar(30) Not Null

iddosen varchar(20) Not Null

Keterangan :

Username : field untuk menampung username untuk mengakses sistem

Password : field untuk menampung password dari user

NIM : field yang digunakan untuk melakukan checking NIM dari

username yang melakukan login

Iddosen : field yang digunakan untuk melakukan checking iddosen dari

username yang melakukan login

2. Tabel Admin

Nama Tabel : admin

Fungsi : Untuk menyimpan data admin

Primary Key : username

Tabel admin merupakan tabel untuk menampung semua data yang

berhubungan dengan admin seperti, username, password dan keterangan.

Tabel admin dapat dilihat pada Tabel 3.2

Tabel 3.2 Admin


username varchar(15) Primary Key

password varchar(32) Not Null

ket varchar(50)


commit to user

21

Keterangan :

Username : field untuk menampung username admin untuk mengakses sistem

Password : field untuk menampung password dari user

Ket : field untuk menyimpan keterangan tambahan dari admin yang

mengakses sistem

3. Tabel Dosen

Nama Tabel : dosen

Fungsi : Untuk menyimpan data dosen

Primary Key : iddosen

Tabel dosen merupakan tabel untuk menampung semua data yang

berhubungan dengan dosen seperti iddosen, nama, alamat, telpon, idminat

serta idpendidikan. Tabel dosen dapat dilihat pada Tabel 3.3

Tabel 3.3 Dosen


iddosen varchar(20) Primary Key

nama varchar(50) Not Null

alamat varchar(255) Not Null

telp varchar(15) Not Null

idminat varchar(3) Not Null

idpendidikan varchar(3) Not Null

Keterangan :

Iddosen : field untuk menyimpan id dosen, primary key karena tiap dosen

mempunyai id masing-masing

Nama : merupakan field untuk penanda nama dosen

Alamat : merupakan field untuk menyimpan alamat dosen

Telp : merupakan field untuk menyimpan nomor telfon dosen

Idminat : merupakan field untuk menyimpan minat dosen

Idpendidikan : merupakan field untuk penanda menyimpan pendidikan dosen


commit to user

22

4. Tabel Mahasiswa

Nama Tabel : mahasiswa

Fungsi : Untuk menyimpan data mahasiswa

Primary Key : nim

Tabel guru merupakan tabel untuk menampung semua data yang

berhubungan dengan mahasiswa seperti nim, nama, telp, templahir, tgllahir,

alamat dan id kelas. Tabel mahasiswa dapat dilihat pada Tabel 3.4

Tabel 3.4 Mahasiswa


Nim varchar(8) Primary Key

Nama varchar(50) Not Null

Telp varchar(15) Not Null

templahir varchar(30) Not Null

tgllahir date Not Null

alamat varchar(255) Not Null

idkelas varchar(8) Not Null

Keterangan :

Nim : Field untuk menyimpan nim mahasiswa, primary key karena nim

maing-masing mahasiswa berbeda.

Nama : Field untuk menyimpan data nama masing-masing mahasiswa

Telp : Field untuk menyimpan data telp masing-masing mahasiswa

Templahir : Field untuk menyimpan data templahir masing-masing mahasiswa

Tgllahir : Field untuk menyimpan data tgllahir masing-masing mahasiswa

Alamat : Field untuk meyimpan data alamat masing-masing mahasiswa

Idkelas : Field untuk menyimpan data kelas masing-masing mahasiswa

5. Tabel Minat

Nama Tabel : minat

Fungsi : Untuk menyimpan data minat

Primary Key : idminat


commit to user

23

Tabel minat merupakan tabel untuk menyimpan data minat dosen ataupun

minat yang diambil mahasiswa pada matakuliah Tugas Akhir dan Magang,

berisi id minat dan minat. Tabel minat dapat dilihat pada Tabel 3.5

Tabel 3.5 Minat


idminat varchar(1) Primary Key

minat varchar(30) Not Null

Keterangan :

Idminat : field untuk menyimpan idminat

Minat : field untuk menyimpan jenis minat

6. Tabel Tahun Ajaran

Nama Tabel : tahunajaran

Fungsi : Untuk menyimpan data tahun ajaran

Primary Key : idthnajar

Tabel tahunajaran merupakan tabel untuk menyimpan data tahun ajaran,

berisi idthnajar dan ket. Tabel tahunajaran dapat dilihat pada Tabel 3.6

Tabel 3.6 Tahunajaran


idthnajar varchar(10) Primary Key

ket varchar(30)

Keterangan :

Idthnajar : field untuk menyimpan idthnajar

Ket : field untuk menyimpan keterangan dari tiap tahun ajaran

7. Tabel Pedoman TA

Nama Tabel : pedomanta

Fungsi : Untuk menyimpan semua data tentang pedoman dan

informasi TA

Primary Key : idpedoman


commit to user

24

Tabel pedomanta merupakan tabel untuk menampung semua data yang

berhubungan dengan pedoman ta, mulai dari idpedoman, nama, path serta

size. Tabel pedomanta dapat dilihat pada Tabel 3.7

Tabel 3.7 Pedomanta


idpedoman int(11) Primary Key

nama varchar(30) Not Null

path varchar(30) Not Null

size int(15) Not Null

Keterangan :

Idpedoman : field untuk menyimpan idpedoman

Nama : field untuk menyimpan nama dari tiap pedoman

Path : field untuk menyimpan di path mana pedoman di upload

Size : field untuk menyimpan ukuran dari tiap pedoman

8. Tabel TA

Nama Tabel : ta

Fungsi : Merupakan tabel transaksi yang menyimpan segala yang

berhubungan dengan tugas akhir

Primary Key : idta

Tabel ta merupakan tabel untuk menampung semua yang berhubungan

dengan tugas akhir. Tabel Ta dapat dilihat pada tabel 3.8

Tabel 3.8 Ta


idta int(11) Primary Key

nim varchar(8) Not Null

idthnajar varchar(9) Null

judulta varchar(100) Null

idminat varchar(1) Null

pembimbing varchar(25) Not Null

penguji1 varchar(25) Not Null


commit to user

25


penguji2 varchar(25) Not Null

status varchar(20) Null

nilaiprop int(3) Null

nilaibim int(3) Null

nilaiuji int(3) Null

Keterangan :

Idta : field untuk menampung id tugas akhir

NIM : field untuk menampung NIM mahasiswa

Idthnajar : field untuk menampung tahun ajaran dari tiap mahasiswa yang

mengambil tugas akhir

Judulta : field untuk menampung judul tugas akhir tiap mahasiswa

Idminat : field untuk menampung minat dari tiap tugas akhir

Pembimbing : field untuk menampung pembimbing tugas akhir

Penguji1 : field untuk menampung penguji kesatu tugas akhir

Penguji2 : field untuk menampung penguji kedua tugas akhir

Status : field untuk menampung status tugas akhir dari tiap mahasiswa

Nilaiprop : field untuk menampung nilai proposal tiap tugas akhir

Nilaibim : field untuk menampung nilai bimbingan tiap tugas akhir

Nilaiuji : field untuk menampung nilai ujian tiap tugas akhir

3.4 Perancangan Desain Antarmuka

Berikut adalah beberapa rancangan desain antar muka pada

Pengembangan WBL D3 Teknik Informatika UNS Subsistem Tugas Akhir.

1. Halaman Login Admin dan User

Halaman Login adalah tampilan pertama yang mengharuskan admin

maupun user untuk memasukkan username dan password. Halaman login dapat



commit to user

26

FOOTER

HEADER

Username

Password

ButtonLogin

Gambar 3.10 Rancangan Halaman Login

2. Halaman Beranda Admin Tugas Akhir

Halaman beranda admin merupakan halaman pertama setalah admin

berhasil login, berisi ucapan selamat datang di sistem. Halaman Beranda dapat


FOOTER

HEADER

| Home || Update Nilai || Update Data || Upload Pedoman || Report || Ganti Password || Logout |

Content

Gambar 3.11 Rancangan Halaman Beranda Admin Tugas Akhir


commit to user

27

Penjelasan :

a. Menu admin terdapat 7 Link yaitu Home, Update Nilai Tugas Akhir, Update

Data Tugas Akhir, Upload Pedoman Tugas Akhir, Report, Ganti Password

serta Logout.

b. Link Update Nilai terhubung ke halaman transaksi pengupdatean nilai tugas

akhir.

c. Link Update Data Tugas Akhir terhubung ke halaman yang berisi data-data

tugas akhir.

d. Link Upload Pedoman berisi tentang pengelolan pedoman tugas akhir.

e. Link Report berfungsi untuk melihat data laporan tentang tugas akhir.

f. Link Ganti Password berguna untuk mengganti passwor user.

3. Halaman BerandaTugas Akhir Mahasiswa

Halaman beranda mahasiswa merupakan halaman yang ditampilkan

setelah mahasiswa berhasil login kemudian memilih menu Tugas Akhir pada,

berisi ucapan selamat datang di Sistem Informasi. Halaman beranda mahasiswa


FOOTER

HEADER

| Home | Kuliah| Registrasi Kelas | KMM | TA | Ganti Password | Logout |

Content

Register

Profil

Nilai

Data

Pedoman

Gambar 3.12 Rancangan Halaman Beranda Tugas Akhir Mahasiswa


commit to user

28

Penjelasan :

a. Halaman Beranda Tugas Akhir Mahasiswa mempunyai mempunyai 7 link

menu yaitu Home, Kuliah, Registrasi Kelas, KMM, TA, Ganti Password

dan Logout.

b. Mempunyai 5 Link menu tentang tugas akhir pada sidebar yaitu,

Registrasi TA, Profil TA, Nilai TA, Data TA dan Pedoman TA.

4. Halaman Registrasi TA Mahasiswa

Halaman registrasi TA adalah halaman yang ditampilkan setelah

mahasiswa memilih menu Registrasi TA pada sidebar. Halaman registrasi TA

mahasiswa dapat dilihat pada Gambar 3.13.

FOOTER

HEADER


Register

Profil

Nilai

Data

Pedoman

Registrasi Tugas Akhir

Nama

Nim

Judul

Minat

Tahun Ajaran

Pembimbing

Gambar 3.13 Rancangan Halaman Registrasi Tugas Akhir

Penjelasan :

Halaman Registrasi Tugas Akhir berisi form yang harus diisikan data yang

diperlukan oleh mahasiswa yang akan mendaftrakan tugas akhir.


commit to user

29

5. Halaman Profil TA Mahasiswa

Halaman profil TA adalah halaman yang ditampilkan setelah

mahasiswa memilih menu Profil TA pada sidebar. Halaman Profil TA


FOOTER

HEADER


Register

Profil

Nilai

Data

Pedoman

Data Tugas Akhir Mahasiswa

Nama

Nim

Judul

Minat

Tahun Ajaran

Pembimbing

Status

Penguji 1

Penguji 2

Nilai

Edit

Gambar 3.14 Rancangan Halaman Profil Tugas Akhir

Penjelasan :

Halaman Profil Tugas Akhir berisi informasi data terkait tugas akhir

mahasiswa yang melakukan login. Serta pada pojok kiri halaman konten

terdapat link Edit yang mengarah ke halaman edit data tugas akhir mahasiswa

terkait.

6. Halaman Nilai Tugas Akhir

Halaman nilai TA adalah halaman yang ditampilkan setelah mahasiswa

memilih menu Nilai TA pada sidebar. Halaman Nilai TA mahasiswa dapat



commit to user

30

FOOTER

HEADER


Register

Profil

Nilai

Data

Pedoman

Nilai Tugas Akhir Mahasiswa

NIM

NIM Nilai Tugas Akhir

Gambar 3.15 Rancangan Halaman Nilai Tugas Akhir

Penjelasan :

Halaman Nilai Tugas Akhir berisi informasi data nilai Tugas Akhir.

7. Halaman Data Tugas Akhir

Halaman dataTA adalah halaman yang ditampilkan setelah mahasiswa

memilih menu Data TA pada side bar. Halaman Data TA mahasiswa dapat


FOOTER

HEADER


Register

Profil

Nilai

Data

Pedoman

Data Tugas Akhir Mahasiswa

Nama

Judul

Minat

Data Tugas Akhir

Gambar 3.16 Rancangan Halaman Data Tugas Akhir


commit to user

31

Penjelasan :

Halaman Data Tugas Akhir berisi tampilan informasi data tugas akhir sesuai

filter search yang dipilih.

8. Halaman Verifikasi Pendaftar TA

Halaman verifikasi pendaftar TA adalah halaman yang ditampilkan

setelah admin memilih menu update data TA kemudian menu verifikasi pada

sidebar. Halaman Verifikasi Pendaftar TA dapat dilihat pada Gambar 3.17.

FOOTER

HEADER


Kelas

Data TA

Verifikasi

Gambar 3.17 Rancangan Halaman Verifikasi Tugas Akhir

9. Halaman Update Nilai TA

Halaman update nilai TA adalah halaman yang ditampilkan setelah

admin memilih menu update nilai TA. Halaman Update Nilai TA mahasiswa



commit to user

32

FOOTER

HEADER


Input File Nilai Tugas Akhir

File Excel ImportBrowse

Gambar 3.18 Rancangan Halaman Update Nilai Tugas Akhir

Penjelasan :

Halaman Update Nilai Tugas Akhir berisi form yang berfungsi untuk

menginputkan file excel untuk melakukan update nilai.

10. Halaman Update Data TA

Halaman update data TA adalah halaman yang ditampilkan setelah admin

memilih menu update data TA. Halaman Update Data TA mahasiswa dapat



commit to user

33

FOOTER

HEADER


Nama

Judul

Minat

Data Tugas Akhir

Data TA

Verifikasi

Gambar 3.19 Rancangan Halaman Update Data Tugas Akhir

Penjelasan :

Halaman Update DataTugas Akhir berisi tampilan informasi data tugas akhir

sesuai filter search yang dipilih, serta link edit dan hapus pada tiap record.

11. Halaman Upload Pedoman TA

Halaman upload pedoman TA adalah halaman yang ditampilkan setelah

admin memilih menu upload pedoman TA. Halaman Upload Pedoman TA



commit to user

34

FOOTER

HEADER


Input Pedoman Tugas Akhir

Upload File Pedoman UploadBrowse

Gambar 3.20 Rancangan Halaman Upload Pedoman Tugas Akhir

12. Halaman Report TA

Halaman report TA adalah halaman yang ditampilkan setelah admin

memilih menu report TA. Halaman Report TA mahasiswa dapat dilihat pada

Gambar 3.21.

FOOTER

HEADER


Tahun Ajaran

Report

Minat

Gambar 3.21 Rancangan Halaman Report Tugas Akhir


commit to user

35

3.5 Site Map

Site map merupakan rancangan sistem secara keseluruhan. Site map dapat

digunakan agar alur sistem dapat dilihat lebih jelas. Site map Subsistem Tugas

Akhir dapat dilihat pada Gambar 3.22.

Subsistem TA

Admin

Login user

Data TA

Verifikasi User

Report TA

Update Data

Update Nilai

Mahasiswa Registrasi

Profil

Nilai

Data TALihat data

Edit Data Profil

TA

Download

Pedoman

Dosen

Download

Pedoman

Profil

Nilai

Data TA

Lihat data

Upload Nilai

Report

Report Minat

Upload

Pedoman

Gambar 3.22 Site Map


commit to user

36

BAB IV

IMPLEMENTASI DAN ANALISA

4.1 Implementasi Sistem

Di dalam sistem Pengembangan WBL D3 TI UNS pada Subsistem Tugas

Akhir terdapat tiga entitas yaitu admin, dosen dan mahasiswa. Berikut adalah

tampilan dari subsistem tugas akhir.

1. Tampilan Halaman Login Admin

Halaman login admin merupakan halaman yang digunakan untuk masuk

kehalaman admin. Tampilan halaman admin dapat dilihat pada gambar 4.1.

Gambar 4.1 Halaman Login Admin

2. Tampilan Halaman Home Admin

Halaman ini merupakan halaman home admin. Di halaman ini admin

melihat informasi setelah data informasi dimasukkan. Link – link yang terdapat

dihalaman admin antara lain adalah Home, update nilai, update data TA, upoad

pedoman, report, ubah password, dan logout. Tampilan halaman home admin

dapat dilihat pada gambar 4.2.


commit to user

37

Gambar 4.2 Halaman Home Admin

3. Tampilan Halaman Verifikasi Pendaftar

Halaman verifikasi pendaftar merupakan halaman yang digunakan admin

untuk melakukan verifikasi mahasiswa mana saja yang akan didaftarkan mata

kuliah tugas akhir. Tampilan halaman verifikasi pendaftar dapat dilihat pada

gambar 4.3.

Gambar 4.3 Halaman Verifikasi Pendaftar


commit to user

38

4. Tampilan Halaman Update Nilai

Halaman upload nilai merupakan halaman yang digunakan admin untuk

memasukkan data nilai TA. Tampilan halaman update nilai dapat dilihat pada

gambar 4.4.

Gambar 4.4 Halaman Update Nilai

5. Tampilan Halaman Update Data TA

Halaman update data TA merupakan halaman yang digunakan admin

untuk mengubah data mahasiswa peserta TA. Terdapat link untuk melakukan

editing dan delete data TA. Tampilan halaman update data TA dapat dilihat

pada gambar 4.5.

Gambar 4.4 Halaman Update Data Mahasiswa


commit to user

39

6. Tampilan Halaman Edit Data TA

Halaman edit data TA merupakan halaman yang digunakan admin untuk

mengubah data mahasiswa peserta TA. Tampilan halaman edit data TA dapat

dilihat pada gambar 4.6 :

Gambar 4.6 Halaman Edit Data Mahasiswa

Pada halaman edit ini juga admin dapat melakukan edit nilai TA seperti

pada gambar 4.7.

Gambar 4.7 Edit Nilai Halaman Edit Data Mahasiswa

7. Tampilan Halaman Delete Data TA

Halaman edit data TA merupakan halaman yang digunakan admin untuk

menghapus data mahasiswa peserta TA. Tampilan halaman edit data TA dapat

dilihat pada gambar 4.8.


commit to user

40

Gambar 4.8 Halaman Hapus Data Mahasiswa

8. Tampilan Halaman Upload Pedoman

Halaman upload pedoman merupakan halaman yang digunakan admin

untuk memasukkan data informasi TA. Data ini digunakan untuk memberikan

informasi kepada mahasiswa berupa runing down kegiatan TA serta segala

pedoman TA. Tampilan halaman upload pedoman dapat dilihat pada gambar

4.9.

Gambar 4.9 Halaman Upload Pedoman


commit to user

41

9. Tampilan Halaman Report

Halaman report merupakan halaman yang berisi laporan yang diperlukan

seputar TA.. Tampilan halaman report dapat dilihat pada gambar 4.10.

Gambar 4.10 Halaman Report

10. Tampilan Halaman Mahasiswa

Halaman mahasiswa merupakan halaman yang muncul pertama kali saat

mahasiswa login ke sistem, dihalaman ini terdapat link – link antara lain, Home,

registrasi TA, profil TA, nilai TA, data TA, download pedoman TA, dan logout.

Tampilan halaman mahasiswa dapat dilihat pada gambar 4.11.

Gambar 4.11 Halaman Mahasiswa


commit to user

42

11. Tampilan Halaman Profil TA

Halaman registrasi merupakan halaman yang digunakan untuk

mendaftarkan TA oleh mahasiswa yang login kedalam sistem. Tampilan

halaman registrasi dapat dilihat pada gambar 4.12.

Gambar 4.13 Halaman Registrasi Tugas Akhir

12. Tampilan Halaman Profil TA

Halaman profil TA merupakan halaman yang menampilkan profil TA

mahasiswa yang login ke sistem. Di halaman profil, mahasiswa mempunyai hak

akses edit profil. Tampilan halaman profil TA mahasiswa dapat dilihat pada

gambar 4.13


commit to user

43

Gambar 4.13 Halaman Profil Mahasiswa

13. Tampilan Halaman Edit Profil TA.

Halaman edit profil TA mahasiswa merupakan halaman yang digunakan

untuk melakukan edit profil TA mahasiswa yang login kedalam sistem.

Tampilan halaman edit profil TA mahasiswa dapat dilihat pada gambar 4.14.

Gambar 4.14 Halaman Edit Profil TA Mahasiswa

14. Tampilan Halaman Nilai TA

Halaman nilai TA merupakan halaman yang digunakan untuk nilai dari

tiap Tugas Akhir. Tampilan halaman nilai TA dapat dilihat pada gambar 4.15.

Gambar 4.15 Halaman Nilai TA


commit to user

44

15. Tampilan Halaman Data TA

Halaman data Tugas Akhir merupakan halaman yang digunakan untuk

melakukan pencarian tentang data-data Tugas Akhir yang tersimpan dalam

sistem. Tampilan halaman data TA dapat dilihat pada gambar 4.16.

Gambar 4.16 Halaman Data TA

16. Tampilan Halaman Pedoman TA

Halaman pedoman Tugas Akhir merupakan halaman yang digunakan

untuk melakukan download pedoman serat informasi seputar TA. Tampilan

halaman pedoman TA dapat dilihat pada gambar 4.17.

Gambar 4.17 Halaman Pedoman TA


commit to user

45

17. Tampilan Halaman Data TA pada Dosen

Halaman lihat data Tugas Akhir merupakan halaman yang digunakan

untuk melihat data TA mahasiswa bagi dosen. Tampilan halaman data TA pada

dosen dapat dilihat pada Gambar 4.18.

Gambar 4.18 Halaman Data TA pada Dosen

18. Tampilan Halaman Nilai TA pada Dosen

Halaman nilai TA merupakan halaman yang digunakan untuk nilai dari

tiap Tugas Akhir. Tampilan halaman nilai TA dapat dilihat pada Gambar 4.19.

Gambar 4.19 Halaman Nilai TA pada Dosen


commit to user

46

19. Tampilan Halaman Pedoman TA pada Dosen

Halaman pedoman Tugas Akhir merupakan halaman yang digunakan

untuk melakukan download pedoman serat informasi seputar TA. Tampilan

halaman pedoman TA dapat dilihat pada gambar 4.20.

Gambar 4.20 Halaman Pedoman TA pada Dosen

4.2 Analisa Sistem

Subsistem Tugas Akhir D3 Teknik Informatika merupakan suatu sistem

informasi yang melayani kebutuhan mahasiswa dan dosen akan informasi serta

proses dalam pelaksanaan mata kuliah tugas akhir. Proses tersebut diantaranya

adalah verifikasi pendaftaran tugas akhir, registrasi tugas akhir, edit data tugas

akhir maupun edit status, edit nilai tugas akhir, pencetakan report tugas akhir

maupun minta, serta upload dan download pedoman tugas akhir. Subsistem Tugas

Akhir ini dapat memudahkan mahasiswa maupun dosen dalam memperoleh data

serta informasi untuk keperluan mengikuti segala kegiatan mata kuliah tugas

akhir. Untuk analisa proses yang dijalankan dapat dilihat pada Tabel 4.1.


commit to user

Tabel 4.1 Tabel Analisa

No Proses Inputan Kriteria

Sukses Tidak Sukses

Entitas Admin

1 Login Username

Password

Username dan Password diterima.

Diarahkan ke halaman admin.

Username dan Password tidak sesuai

dengan yang ada pada database.

Muncul notifikasi “Gagal Login” pada

halaman login.

2 Manajemen

Verifikasi Pendaftar

Idta

NIM

Mahasiswa yang telah diverifikasi

terdaftar sebagai peserta kegiatan TA,

selanjutnya mahasiswa yang

bersangkutan dapat mengisi identitas

pada halaman registrasi mahasiswa.

Data mahasiswa tidak terdaftar sebagai

peserta TA, mahasiswa yang bersangkutan

belum dapat mengisikan identitas pada

halaman registrasi mahasiswa.

3 Manajemen Data TA Judulta

Minat

Tahun

Pengambilan

Pembimbing

Pada proses hapus, data mahasiswa

dihapus dari list TA yang telah

terdaftar.

Pada proses edit, data mahasiswa

yang telah di update akan berubah

Apabila Judul TA tidak diisikan maka

akan keluar alert seperti berikut:


commit to user

Penguji 1

Penguji 2

Status

Tahun

Penyelesaian

Nilai

Proposal

Nilai

Bimbingan

Nilai Ujian

sesuai dengan inputan-inputan

yang diubah.

Apabila Pembimbing, Penguji 1 dan

Penguji 2 sama maka akan keluar alert

bahwa Pembimbing, Penguji 1 dan

Penguji 2 tidak boleh sama. Seperti

berikut:

4 Manajemen Nilai

TA

NIM

Nilai

Proposal

Nilai

Bimbingan

Nilai Ujian

Bobot

Proposal

Untuk update nilai tiap mahasiswa

dengan inputan excel, setelah data

nilai berhasil diinputkan maka nilai

propossl, nilai bimbingan dan nilai

ujian pada tiap-tiap mahasiswa.

Untuk update bobot nilai setelah

sukses diupdate akan muncul

notifikasi “Update Berhasil” pada

Apabila ada data yang gagal diimport

oleh inputan excel maka akan keluar

notifikasi seperti berikut:


commit to user

Bobot

Bimbingan

Bobot Ujian

halaman update bobot nilai.

5 Manajemen

pedoman

Idpedoman

Nama

Path

Size

Untuk upload pedoman, pedoman

yang berhasil diupload akan

mendapatkan notifikasi sukses

upload dan pedoman telah masuk

pada daftar pedoman yang dapat di

download oleh mahasiswa.

Untuk hapus pedoman, pedoman

akan dihapus dari daftar pedoman

yang dapat didownload mahasiswa.

Untuk upload pedoman, pedoman yang

berhasil gagal diupload akan

mendapatkan notifikasi gagal upload

seperti berikut:

Entitas Mahasiswa

1 Login Username

Password

Username dan Password diterima.

Diarahkan ke halaman mahasiswa.

Username dan Password tidak sesuai

dengan yang ada pada database.

Muncul notifikasi “Login Salah” pada

halaman login.

2 Registrasi TA NIM Data TA mahasiswa yang telah Apabila Judul TA tidak diisikan maka


commit to user

Judulta

Tahun

Pendaftaran

Minat

Pembimbing

diisikan akan terdaftar dengan

inputan-inputan yang dimasukkan.


3 Manajemen Data TA Judulta

Minat

Tahun

Pengambilan

Pembimbing

Pada proses edit, data mahasiswa

yang telah di update akan berubah

sesuai dengan inputan-inputan

yang diubah.

Apabila Judul TA tidak diisikan maka


4 Download pedoman Idpedoman

Path

Pedoman yang dipilih akan

terdownload oleh browser yang

digunakan.

Pedoman yang dipilih tidak terdownload.

Entitas Dosen

1 Download pedoman Idpedoman

Path

Pedoman yang dipilih akan

terdownload oleh browser yang

digunakan.

Pedoman yang dipilih tidak terdownload.


commit to user

51

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan pembahasan di atas, maka dapat diambil kesimpulan sebagai

berikut :

1. Telah dibuat sistem informasi Tugas Akhir berbasis PHP yang terintegrasi

dengan Web Based Learning di DIII Teknik Informatika UNS.

2. Subsistem Tugas Akhir pada WBL D3 Teknik Informatika UNS telah

selesai dibuat yang memiliki beberapa fasilitas diantaranya :

a. Halaman Admin

Admin dapat melakukan verifikasi pendaftaran tugas akhir,

melakukan update informasi data tugas akhir, melakukan update

informasi data nilai, upload pedoman dan mencetak laporan tugas

akhir serta minat yang banyak diambil tiap tahunnya.

b. Halaman Mahasiswa

Mahasiswa dapat melakukan registrasi tugas akhir, melakukan

editing profile tugas akhir, mengakses data tugas akhir, melihat

nilai tugas akhir, dan mendownload pedoman tugas akhir.

c. Halaman Dosen

Dosen dapat mengakses data tugas akhir, melihat nilai tugas akhir,

dan mendownload pedoman tugas akhir.

3. Sistem informasi TA dapat diakses secara online oleh user, sehingga dapat

digunakan dimanapun dan kapanpun selama memiliki akses internet.

5.2 Saran

Saran-saran yang dapat penulis sampaikan diantaranya :

1. Penambahan fasilitas konsultasi antar mahasiswa dengan dosen, dimana dosen

diharuskan untuk sering melakukan update pada fasilitas konsultasi.

2. Penambahan fasilitas penjadwalan ujian tugas akhir.

Documents

D3 TEKNIK INFORMATIKA UNS SUB SISTEM TUGAS AKHIR/Pengembangan... · service of it is still not ... melakukan verifikasi pendaftaran, melakukan update data, ... merupakan salah satu