66
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user i PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK INFORMATIKA FMIPA UNS MODUL TES DAN KONSULTASI TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Disusun Oleh : PRIYA NUGRAHA NIM. M3109061 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2012

PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

  • Upload
    vankiet

  • View
    213

  • Download
    0

Embed Size (px)

Citation preview

Page 1: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

i

PENGEMBANGAN WEBSITE INKUBATOR BISNIS

TEKNIK INFORMATIKA FMIPA UNS

MODUL TES DAN KONSULTASI

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Teknik Informatika

Disusun Oleh :

PRIYA NUGRAHA

NIM. M3109061

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2012

Page 2: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

ii

HALAMAN PERSETUJUAN

PENGEMBANGAN WEBSITE INKUBATOR BISNIS

TEKNIK INFORMATIKA FMIPA UNS

MODUL TES DAN KONSULTASI

Disusun Oleh :

PRIYA NUGRAHA

NIM. M3109061

Tugas Akhir ini disetujui untuk dipresentasikan

pada UjianTA

pada tanggal 3 Juli 2012

Pembimbing

Didiek Sri Wiyono, S.T., M.T.

NIP. 19750331 200501 1 001

Page 3: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

iii

HALAMAN PENGESAHAN

PENGEMBANGAN WEBSITE INKUBATOR BISNIS

TEKNIK INFORMATIKA FMIPA UNS

MODUL TES DAN KONSULTASI

Disusun Oleh :

PRIYA NUGRAHA

NIM. M3109061

Pembimbing Utama,

Didiek Sri Wiyono, S.T., M.T.

NIP. 19750331 200501 1 001

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

Program Diploma III Teknik Informatika

Pada 3 Juli 2012

Dewan Penguji:

1. Penguji 1 : Didiek Sri Wiyono, S.T., M.T. ( ) NIP. 19750331 200501 1 001

2. Penguji 2 : Sahirul Alim Tri B, S.Kom ( ) NIDN. -

3. Penguji 3 : Drs.Syamsurizal ( )

NIP. 19561212 198803 1 001

Disahkan Oleh :

Dekan FMIPA UNS

Prof.Ir. Ari Handono Ramelan, M.Sc(Hons), Ph.D

NIP. 19610223198601 1 001

Ketua

Program DIII Teknik Informatika

FMIPA UNS

Drs. Y. S. Palgunadi, M.Sc.

NIP. 19560407 198303 1 004

Page 4: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

iv

ABSTRACT

Priya Nugraha, 2012, THE WEBSITE DEVELOPMENT OF INCUBATOR

BUSINESS, TECHNOLOGY OF INFORMATICS FMIPA UNS MODULE

TEST AND CONSULTING. Engineering Informatics, Faculty of DIII ,

Mathematics and natural science, Sebelas Maret University

The incubator website is required by media to test and consulting which

can be done by it members as an entrance exam companies that have registered as

a member of the website and for consulting. It’s expected by building a test area

of expertise on the website will facilitate the company's business incubator in the

administration of tests and for their members more easily in the process because

the test can be done through this website. Besides providing consultancy for

members of the media business incubator website to solve an IT issues.

The design phase includes context diagram, data flow diagrams, entity

relationship diagrams, database tables, and flow charts. Software used in the

manufacture of this business incubator are Apache to run a web server, MySQL

for database management, and PHP for manage the test. The implementations of

business incubators website are include three user interfaces, there are interface

for intreprice member, interface for intreprice university student and interface for

admin.

Website Information Technology business incubator of UNS has facilities

those are joining exams, arrange the registered of data accounts, send a message

as a media consulting and managing the news.

Keywords : PHP, Business Incubator

Page 5: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

v

ABSTRAK

Priya Nugraha, 2012, PENGEMBANGAN WEBSITE INKUBATOR BISNIS

TEKNIK INFORMATIKA FMIPA UNS MODUL TEST DAN

KONSULTASI DIII Teknik Informatika, Fakultas Matematika dan Ilmu

Pengetahuan Alam, Universitas Sebelas Maret Surakarta.

Pada website inkubator ini dibutuhkan media untuk test dan konsultasi

yang dapat dilakukan anggota untuk melakukan test sebagai ujian masuk

perusahaan-perusahaan yang telah terdaftar sebagai anggota website dan untuk

konsultasi. Di harapkan dengan membangun sebuah test bidang keahlian pada

website inkubator bisnis dapat memudahkan perusahaan dalam penyelenggaraan

test dan untuk anggotanya lebih mudah dalam proses karena test dapat dilakukan

melalui website ini. Selain itu menyediakan media konsultansi bagi para anggota

website inkubator bisnis untuk membantu dalam permasalahan TI.

Tahapan perancangan yang digunakan meliputi perancangan context

diagram, dataflow diagram, entity relationship diagram, database table, dan flow

chart. Software yang digunakan dalam pembuatan incubator bisnis ini

menggunakan Apache untuk menjalankan web servernya, MySQL untuk

pengelolaan database, serta menggunakan PHP dalam proses ujiannya.

Implementasi incubator bisnis menampilkan tiga tampilan antarmuka, yaitu :antar

muka mahasiswa sebagai anggota, antarmuka perusahaan sebagai anggota dan

antarmuka administrator.

Website incubator bisnis Teknik Informatika UNS memiliki fasilitas

diantaranya mengikuti ujian, mengatur data akun yang telah terdaftar,

mengirimkan pesan sebagai media konsultasi dan mengelola berita.

Kata Kunci : PHP, Inkubator Bisnis

Page 6: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

vi

MOTTO

Lihatlah, pikirlah, dan lakukanlah.....

Page 7: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

vii

PERSEMBAHAN

Kupersembahkan karya ini untuk :

1. Allah SWT yang telah memberi jalan

2. Kedua orang tua, Ayah & Bunda, terima kasihatas

segalanya.

3. Saudara dan teman-temanku anak TI B 2009, yang telah

senantiasa membantuku selama ini.

4. Dosen Pembimbingku, terima kasih telah bersedia

membimbingku.

5. Seluruh dosen DIII Teknik Infomarmatika FMIPA UNS

yang saya tidak bisa sebutkan satu persatu, terima

kasih telah memberi ilmu, dan berbagi pengalaman

hidup.

6. Seluruh teman di DIII Teknik Informatika 2009,

Emailkomp, selamat berjuang kawan, insyaallah semua

bisa berakhir indah pada waktunya apabila kita terus

berusaha. Salam sukses selalu…

7. Seluruh pihak yang telah membantu, baik yang secara

langsung atau tidak, sekali lagi kuucapkan banyak

terima kasih.

Page 8: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

viii

KATA PENGANTAR

Assalamu’alaykum Warohmatullohi Wabarokatuh.

Bismillahirrohmanirrohim, segala puji dan rasa syukur hanya penulis

panjatkan ke haribaan Allah subhanahu wa ta’ala, yang telah melimpahkan segala

kemudahannya hingga akhirnya penulis mampu menyelesaikan laporan tugas

akhir.

Berbagai pihak telah ikut berperan membantu penulis dalam menyelesaikan

tugas akhir ini dengan memberikan arahan dan bimbingan serta motivasi. Untuk

itu pada kesempatan ini penulis mengucapkan terimakasih yang sebesar –

besarnya kepada :

1. Bapak Drs. Y. S. Palgunadi, M.Sc., selaku Ketua Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta

2. Bapak Didiek Sri Wiyono, S.T., M.T., selaku pembimbing yang telah benar-

benar mengarahkan, selalu memberikan semangat kepada penulis.

3. Teman-temanTeknik Informatika B angkatan 2009.

Seperti kata pepatah, tidak ada gading yang tak retak, oleh sebab itu penulis

memohon kelapangan hati pembaca sekalian untuk menerima apa yang ada dalam

laporan Tugas Akhir ini dengan senang hati dan semoga bermanfaat.

Wassalamu’alaykum Warohmatullohi Wabarokatuh.

Surakarta, Juni 2012

Penulis

Page 9: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

ix

DAFTAR ISI

Halaman

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

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

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

HALAMAN ABSTRACT.................................................................................. iv

HALAMAN ABSTRAK .................................................................................... v

HALAMAN MOTTO ........................................................................................ vi

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

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

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

DAFTAR TABEL .............................................................................................xiii

DAFTAR GAMBAR .........................................................................................xiv

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

1.1 LatarBelakang ................................................................................. 1

1.2 PerumusanMasalah .......................................................................... 1

1.3 BatasanMasalah ............................................................................... 1

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

1.5 Manfaat ........................................................................................... 2

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

1.7 Sistematika Penulisan ...................................................................... 4

BAB II LANDASARAN TEORI ................................................................. 5

2.1 Konsep Dasar Inkubator .................................................................. 5

2.2 Tahapan Pembuatan Rekayasa Perangkat Lunak .............................. 6

2.2.1 Perancangan Sistem ..................................................................... 6

2.2.2 Pemodelan Proses ....................................................................... 7

2.3 Database ......................................................................................... 10

2.3.1 Basis Data ................................................................................... 10

2.3.2 Database Management System..................................................... 10

2.3.3 Structured Query Language (SQL) .............................................. 11

Page 10: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

x

2.5 HTML ............................................................................................. 11

2.6 PHP ................................................................................................. 11

2.7 MySQL ........................................................................................... 12

2.8 Cascading Style Sheets (CSS) .......................................................... 13

2.9 AJAX .............................................................................................. 13

BAB III DESAIN DAN PERANCANGAN ................................................... 15

3.1 Perancangan Arsitektur .................................................................... 15

3.2 Analisa Kebutuhan Software ............................................................ 15

3.3 Perancangan Sistem ......................................................................... 16

3.3.1 Context Diagram (CD) ................................................................ 16

3.3.2 DFD Level 0 ............................................................................... 18

3.3.3 DFD Level 1 Proses Pengelolaan Akun ........................................ 19

3.3.4 DFD Level 1 Proses Manajemen Nilai ......................................... 19

3.3.5 DFD Level 1 Proses Ujian ............................................................ 20

3.3.6 DFD Level 1 Proses Pengelolaan Pesan ....................................... 20

3.3.7 DFD Level 1 Proses Pengelolaan Berita ....................................... 21

3.3.8 DFD Level 1 Proses Pengelolaan Soal Ujian ................................ 22

3.3.9 DFD Level 1 Proses Pengelolaan Rancang Ujian ......................... 22

3.3.10 DFD Level 1 Proses Pengelolaan Lowongan .............................. 23

3.4 Entity Diagram (ED) ....................................................................... 24

3.5 Entity Relationship Diagram (ERD) ................................................ 27

3.6 Skema Diagram .............................................................................. 27

3.7 Rancangan Database ....................................................................... 28

3.8 Diagram Alir (Flowchart) ................................................................ 33

3.9 Rancangan Desain Sub sistem............................................................ 36

BAB IV IMPLEMENTASI DAN ANALISA ............................................... 39

4.1 Implementasi Sistem ........................................................................ 39

4.1.1 Halaman Awal............................................................................. 39

4.1.2 Halaman Login Admin................................................................ 40

4.1.3 Halaman Menu Admin................................................................ 40

4.1.4 Halaman Admin Menu Ujian Data Ujian.................................... 41

Page 11: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

xi

4.1.5 Halaman Admin Konfirmasi Delete Data anggota .....................42

4.1.6 Halaman Menu Perusahaan..........................................................44

4.1.7 Halaman Perusahaan Menu Data Ujian...................................... 45

4.1.8 Halaman Menu Anggota............................................................. 48

4.1.9 Halaman Anggota menu Data pesan Masuk............................... 49

BAB V PENUTUP.............................................................................................. 52

5.1 Kesimpulan........................................................................................ 52

5.2 Saran .............................................................................................. 52

DAFTAR PUSTAKA ....................................................................................... 53

Page 12: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

xii

DAFTAR TABEL

Tabel 2.1 Simbol Komponen Diagram Konteks ............................................... 7

Tabel 2.2 Simbol Komponen DFD ................................................................... 8

Tabel 3.1 Admin .............................................................................................. 29

Tabel 3.2 Anggota ............................................................................................ 29

Tabel 3.3 DataMhs ........................................................................................... 29

Tabel 3.4 DataPeru........................................................................................... 30

Tabel 3.5 Kategori ........................................................................................... 30

Tabel 3.6 Nilai ................................................................................................ 30

Tabel 3.7 Pesan ................................................................................................ 31

Tabel 3.8 Soal .................................................................................................. 31

Tabel 3.9 Berita ............................................................................................... 32

Tabel 3.10 Rancang_ujian ................................................................................ 32

Tabel 3.11 Perusahaan ....................................................................................... 33

Tabel 3.12 Lowongan ........................................................................................ 33

Tabel 3.13 Daftarlow_ag .................................................................................... 34

Page 13: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

xiii

DAFTAR GAMBAR

Gambar 2.1 Simbol Entity ..................................................................................... 9

Gambar 2.2 Simbol Atribut..................................................................................... 9

Gambar 2.3 Simbol Relasi...................................................................................... 9

Gambar 2.4 Contoh Generalisasi............................................................................ 9

Gambar 3.1 Perancangan Arsitektur .....................................................................15

Gambar 3.2 Context Diagram Inkubator Bisnis....................................................16

Gambar 3.3 DFD Level 0 Aplikasi Inkubator Bisnis.............................................18

Gambar 3.4 DFD Level 1 Proses Pengelolaan Akun.............................................19

Gambar 3.5 DFD Level 1 Proses Manajemen Nilai...............................................20

Gambar 3.6 DFD Level 1 Proses Ujian..................................................................20

Gambar 3.7 DFD Level 1 Proses Pengelolaan Pesan.............................................21

Gambar 3.8 DFD Level 1 Proses Pengelolaan Berita............................................21

Gambar 3.9 DFD Level 1 Proses Pengelolaan Soal Ujian.....................................22

Gambar 3.10 DFD Level 1 Proses Pengelolaan Rancang Ujian........................... 23

Gambar 3.11 DFD Level 1 Proses Lowongan.......................................................23

Gambar 3.12 Entity Diagram DataPeru.................................................................24

Gambar 3.13 Entity Diagram DataMhs.................................................................24

Gambar 3.14 Entity Diagram Anggota..................................................................24

Gambar 3.15 Entity Diagram Admin.....................................................................24

Gambar 3.16 Entity Diagram Pesan.......................................................................25

Gambar 3.17 Entity Diagram Kategori..................................................................25

Gambar 3.18 Entity Diagram Berita......................................................................25

Gambar 3.19 Entity Diagram Perusahaan..............................................................25

Gambar 3.20 Entity Diagram Rancang_Ujian.......................................................26

Gambar 3.21 Entity Diagram Nilai........................................................................26

Gambar 3.22 Entity Diagram Soal.........................................................................26

Gambar 3.23 Entity Diagram Daftarlow_ag..........................................................27

Gambar 3.24 Entity Diagram Lowongan...............................................................27

Gambar 3.25 Entity Relationship Diagram Inkubator Bisnis................................27

Page 14: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

xiv

Gambar 3.26 Skema Diagram Inkubator Bisnis.....................................................28

Gambar 3.27 Flowchart Login Admin...................................................................34

Gambar 3.28 Flowchart Login Perusahaan............................................................35

Gambar 3.29 Flowchart Login Mahasiswa............................................................36

Gambar 3.30 Rancangan Halaman Utama.............................................................37

Gambar 3.31 Rancangan Halaman Admin.............................................................37

Gambar 3.32 Rancangan Halaman Utama Mahasiswa..........................................38

Gambar 3.33 Rancangan Halaman Utama Perusahaan..........................................38

Gambar 4.1 Halaman Awal................................................................................... 39

Gambar 4.2 Halaman Login Admin.......................................................................40

Gambar 4.3 Halaman Menu Admin.......................................................................40

Gambar 4.4 Halaman Admin Menu Ujian Data Ujian...........................................41

Gambar 4.5 Halaman Konfirmasi Delete Data Pada Admin............................... 42

Gambar 4.6 Halaman Menu Lihat Data Ujian...................................................... 43

Gambar 4.7 Halaman Detail Soal Pada Ujian....................................................... 44

Gambar 4.8 Halaman Menu Perusahaan............................................................... 44

Gambar 4.9 Halaman Perusahaan Menu Data Ujian Sebelum Disetuji atau Tidak

Disetujui................................................................................................................ 45

Gambar 4.10 Halaman Perusahaan Menu Data Ujian Setelah Disetujui atau Tidak

Disetuji ..................................................................................................................45

Gambar 4.11 Halaman Perusahaan Menu Detail Data Ujian................................ 47

Gambar 4.12 Halaman Perusahaan Menu Detail Soal Data Ujian........................ 48

Gambar 4.13 Halaman Menu Anggota................................................................. 48

Gambar 4.14 Halaman Anggota Menu Data Pesan Masuk.................................. 49

Gambar 4.15 Halaman Mahasiswa Menu Pesan Bca Pesan Masuk..................... 50

Gambar 4.16 Halaman Mahasiswa Menu Pesan Balas Pesan Masuk................... 51

Page 15: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Aplikasi website online inkubator bisnis D3 Teknik Informatika Fakultas

Matematika dan Ilmu Pengetahuan Alam dibuat agar tugas akhir dari civitas

akademika bisa di dipublikasikan dengan memanfaatkan teknologi informasi.

Selain sebagai media publikasi, website ini digunakan sebagai media penyalur

kerja lulusan D3 Teknik Informatika Universitas Sebelas Maret. Pada website ini

anggota yang masuk belum terdapat media untuk melakukan tes sebagai ujian

masuk perusahaan-perusahaan yang telah terdaftar sebagai anggota website.

Website ini juga menerima konsultasi dari para anggotanya tetapi fasilitas untuk

konsultasi tersebut belum ada pada aplikasi website ini.

Aplikasi website online inkubator bisnis perlu ditambahkan tes untuk

memudahkan lulusan D3 Teknik Informatika Universitas Sebelas Maret untuk

mendapatkan pekerjaaan dimana lebih mudah dalam proses penerimaan pekerjaan

karena tes bisa langsung dilakukan di website online inkubator bisnis sekaligus

penambahan media untuk komunikasi agar anggota bisa melakukan konsultasi.

.

1.2 Perumusan Masalah

Menilik latar belakang masalah yang telah penulis jabarkan sebelumnya,

penulis merasa perlu sebuah perumusan masalah sehingga di dapat gambaran

tentang masalah yang akan dibahas lebih lanjut oleh penelitian penulis. Adapun

perumusan masalah yaitu “Bagaimana membangun aplikasi tes pekerjaan untuk

suatu perusahaan dan membangun media konsultasi pada website inkubator

bisnis”.

1.3 Batasan Masalah

Berdasarkan perumusan masalah diatas maka penulis membatasi

pembahasan masalah pada :

a. Tes ini berupa sekumpulan soal dengan bentuk pilihan ganda.

Page 16: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

2

b. Soal yang ada di sesuaikan dengan permintaan perusahaan yang akan

menyelenggarakan tes pekerjaan.

c. Terdapat waktu untuk melakukan ujian dimana disesuaikan dengan

soal-soal yang dibuat.

d. Hasil tes akan di tampilkan pada form berita oleh admin.

e. Media konsultasi berupa pengiriman pesan antar anggota.

f. Dalam pengiriman pesan dapat juga disertakan file yang dibutuhkan

untuk memperjelas isi pesan.

g. Konsultasi disesuaikan dengan kategori yang ada.

1.4 Tujuan

Tujuan dari penulisan tugas akhir ini adalah :

a. Membangun sebuah test bidang keahlian pada website inkubator bisnis

untuk memudahkan perusahaan dalam penyelenggaraan test dan untuk

anggotanya lebih mudah karena test dapat dilakukan melalui website

ini.

b. Menyediakan media konsultansi bagi para anggota website inkubator

bisnis untuk membantu dalam permasalahan TI.

1.5 Manfaat

Manfaat dari pembuatan modul test dan konsultasi ini adalah :

a. Memudahkan penyaluran kerja yang ada pada anggota inkubator bisnis

terutama untuk mahasiswa lulusan D3 Teknik Informatika.

b. Memudahkan perusahaan dalam mendapatkan tenaga ahli madya.

c. Memudahkan perusahaan dalam penyelenggaraan test.

d. Memudahkan anggota website dalam melakukan test.

e. Memberikan sarana untuk komunikasi pada anggota website agar bisa

melakukan konsultasi terhadap permasalahan TI yang dihadapi.

Page 17: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

3

1.6 Metodologi Penelitian

Penelitian diperlukan sebagai sarana pendukung dalam pembuatan laporan

Tugas Akhir, dimana penelitian ini dilakukan dengan menggunakan beberapa

metode. Metode yang digunakan yaitu :

1.6.1 Metode Pengumpulan Data

a. Observasi

Metode Observasi adalah metode pengumpulan data dengan cara

melakukan pengamatan pada objek yang diteliti secara langsung,

misalnya pengamatan mengenai suasana hotel, bentuk bangunan,

fasilitas yang ada di hotel.

b. Dokumentasi

Metode pengumpulan data dengan melihat laporan yang telah ada

agar memperoleh berbagai data yang dapat dijadikan referensi dalam

penulisan tugas akhir ini

c. Studi Pustaka

Pencarian data melalui studi literature terhadap buku – buku yang

membahas topik yang berhubungan dengan objek yang diteliti

1.6.2 Perancangan Sistem

Perancangan program dibuat untuk memberikan gambaran umum dan

perincian tentang kebutuhan sistem yang kemudian dikembangkan menjadi

sebuah aplikasi website yang akan digunakan pada hotel Wiryomartono.

1.6.3 Pengembangan Database

Pengembangan database ini terdiri dari pembuatan kamus data dan tahap –

tahap dalam membuat database penyimpanan dan pengolahan data dari

website yang dibuat

1.6.4 Penyusunan Laporan

Merupakan langkah akhir dalam pengerjaan penelitian tugas akhir ini.

Page 18: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

4

1.7 Sistematika Penulisan

Untuk mempermudah melihat dan mengetahui pembahasan yang ada pada

tugas akhir ini secara menyeluruh, maka perlu dikemukakan sistematika yang

merupakan kerangka dan pedoman penulisan tugas akhir. Adapun sistematika

penulisannya adalah sebagai berikut :

1. BAB I PENDAHULUAN

Bab ini menjelaskan tentang latar belakang masalah, rumusan masalah,

batasan masalah, tujuan, manfaat, metodologi penelitian, dan sistematika

penulisan.

2. BAB II LANDASAN TEORI

Bab ini memuat landasan teori yang menguraikan tentang: Pengertian

Inkubator Bisnis, Database, CD (Context Diagram), DFD (Data Flow Diagram),

ERD (Entity Relation Diagram), PHP, MySQL, Apache, CSS (Cascading Style

Sheets), AJAX (Asynchronous Javascript And XML), HTML (Hyper Text Markup

Language).

3. BAB III DESAIN DAN PERANCANGAN

Pada bab ini berisi desain tampilan dan perancangan yang menguraikan

tentang data-data yang dipelukan dan analisis sistem yang ada di website yang

dibuat.

4. BAB IV IMPLEMENTASI DAN ANALISA

Bab ini membahas implementasi dan analisis yang merupakan bab inti dari

pembuatan tugas akhir ini. Bab ini akan menguraikan hasil dan tampilan aplikasi

website inkubator bisnis di program studi Diploma III Teknik Informatika UNS.

5. BAB V PENUTUP

Bab ini memaparkan kesimpulan yang didapatkan dari analisis mengenai

keterkaitan dengan tujuan pembuatan aplikasi, berikut saran-saran berkaitan

dengan penggunaan sistem dan atau pengembangan aplikasi di masa yang akan

datang.

Page 19: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

5

BAB II

LANDASAN TEORI

2.1 Konsep Dasar Inkubator

Inkubator merupakan suatu tempat pengembangan ide-ide yang

didasarkan pada pengetahuan baru, metode-metode dan produk-produk yang

dihasilkan. Adapun pengertian dari inkubator bisnis (business incubator)

merupakan suatu organisasi yang menawarkan berbagai pelayanan pengembangan

bisnis dan memberikan akses terhadap ruang/lokasi usaha dengan aturan yang

fleksibel, untuk memenuhi kebutuhan perusahaan baru. Paket pelayanan yang

diberikan oleh inkubator bisnis dimaksudkan untuk menunjang keberhasilan dan

percepatan pertumbuhan dari perusahaan baru sehingga akan dapat memberikan

dampak pada perkembangan ekonomi. Suatu bisnis inkubator memiliki lima

dimensi dalam inkubator ini, yaitu pengembangan perusahaan, jejaring konsultasi

bisnis, sinergi kewirausahaan, ruang/lokasi fleksibel, dan pelayanan kolektif

(Depdiknas. 2010).

Inkubator semacam ini dapat ditemukan di universitas, laboratorium,

penelitian, sekolah medis, kelompok ide (think-thank) dan korporasi besar

dimana berbagai bakat intelektual di ikat dengan tujuan

mengkomersialisasikan teknologi baru, transfer teknologi ke pasar, atau

mempercepat proses inovasi ke implementasi.

Dengan cara transfer teknologi oleh oleh perguruan tinggi dan lembaga

penelitian bertujuan : (1) memfasilitasi hasil-hasil penelitian untuk kepentingan

publik, (2) menghargai, memperkuat, dan merekrut anggota fakultas/lembaga

penelitian, (3) menjalin ikatan yang lebih erat dengan industry, dan (4)

menghasilkan pendapatan dan mempromosikan pertumbuhan ekonomi.

Salah satu cara yang ditempuh pemerintah untuk menumbuhkan dan

mengembangkan pengusaha kecil adalah melalui program incubator bisnis dan

teknologi. Karena inkubator adalah suatu lembaga yang mengembangkan calon

pengusaha menjadi pengusaha yang mandiri melalui serangkaian pembinaan

terpadu meliputi penyediaan tempat kerja/kantor, sarana perkantoran, bimbingan

Page 20: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

6

dan konsultasi manajemen, bantuan penelitian dan pengembangan, pelatihan,

bantuan permodalan, dan penciptaan jaringan usaha baik lokal maupun

internasional (Depdiknas, 1999). Pada inkubator ada tenant sebagai peserta yaitu

pengusaha kecil atau calon pengusaha yang dibina melalui inkubator dengan

membayar biaya pelayanan yang tidak memberatkan peserta-peserta yang

bersangkutan.

Tujuan pendirian inkubator adalah (1) mengembangkan usaha baru dan

usaha kecil yang potensial menjadi usaha mandiri, sehingga mampu sukses

menghadapi persaingan lokal maupun internasional, (2) mengembangkan promosi

kewirausahaan dengan menyertakan perusahaan-perusahaan swasta yang dapat

memberikan kontribusi pada sistem ekonomi pasar, (3) sarana alih teknologi dan

proses komersialisasi hasil hasil penelitian pengembangan bisnis dan teknologi

dari para ahli dan perguruan tinggi, (4) menciptakan peluang melalui

pengembangan perusahaan baru, (5) aplikasi teknologi dibidang industri secara

komersial melalui studi dan kajian yang memakan waktu dan biaya yang relatif

murah.

2.2 Tahapan Pembuatan Rekayasa Perangkat Lunak

2.2.1 Perancangan Sistem

Analisis perancangan sistem adalah suatu pendekatan yang sistematis

untuk mengidentifikasi masalah, peluang, dan tujuan-tujuan, menganalisis arus

informasi dalam organisasi, serta untuk merancang sistem informasi

terkomputerisasi untuk menyelesaikan suatu masalah. Saat informasi

berkembang, suatu pendekatan yang sistematis dan terencana untuk

memperkenalkan, memodifikasi, dan pemeliharaan sistem informasi menjadi

sangat penting. Analisis dan perancangan sistem menampilkan pendekatan

semacam itu (Kendall & Kendall, 2003).

Tahap perancangan sistem ini mempunyai dua tujuan, yaitu :

1. Untuk memenuhi kebutuhan pemakai sistem

2. Untuk memberikan gambaran yang jelas mengenai rancang bangun

sistem yang lengkap kepada pemrogram komputer.

Page 21: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

7

2.2.2 Pemodelan Proses

Pemodelan proses atau process modeling adalah teknik mengelola dan

mendokumentasikan struktur dan aliran data melalui proses sistem dan atau

logika, kebijakan, dan prosedur yang akan diimplementasikan oleh proses

sistem (Bentley LD, Dittman KC dan Whitten JL. 2004). Pemodelan proses

berasal dari metode engineering perangkat lunak klasik, oleh karenanya akan

dihadapi berbagai tipe model proses misalnya bagan struktur program,

flowchart logika atau tabel keputusan. Dalam tugas akhir ini, penulis akan

fokus pada model proses berupa diagram konteks, dan Data Flow Diagram

(DFD).

1. Diagram Konteks

Diagram konteks atau Context Diagram adalah sebuah diagram

sederhana yang menggambarkan hubungan antara entitas luar, masukan dan

keluaran dari sistem. Diagram aliran data konteks sistem dibuat untuk

menentukan lingkup proyek awal. Diagram aliran data one-page sederhana

ini hanya menunjukkan antarmuka utama sistem dengan lingkungannya

(Bentley LD, Dittman KC dan Whitten JL. 2004). Simbol yang digunakan

dalam diagram konteks adalah sebagai berikut:

Tabel 2.1 Simbol Komponen Diagram Konteks

Bentuk Komponen Keterangan

entitas

Entitas : Menggambarkan sumber dan tujuan dari

aliran data (data flow) dari atau menuju sistem.

proses

Proses : Merepresentasikan proses aliran data.

Sistem

Sistem : Merepresentasikan keseluruhan sistem

yang hendak dibangun.

2. DFD (Data Flow Diagram)

Data Flow Diagram atau DFD dalam buku “Metode Desain dan Analisis

Sistem” dengan penulis Bentley LD, Dittman KC dan Whitten JL, adalah alat

yang menggambarkan aliran data melalui sistem dan kerja atau pengolahan

Page 22: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

8

yang dilakukan oleh sistem tersebut. Teori yang digunakan penulis untuk

menyusun diagram aliran data adalah teori oleh Gane-Sarson. Untuk

menggambarkan DFD sesuai dengan teori Gane-Sarson, digunakan beberapa

simbol komponen, yaitu:

Tabel 2.2 Simbol Komponen DFD (Kendall & Kendall, 2003)

Bentuk Komponen Keterangan

Entitas : Menggambarkan sumber dan tujuan

dari aliran data (data flow) dari dan atau

menuju sistem.

Alur Data : Menggambarkan aliran data dari

satu proses ke proses yang lainnya.

Proses : Proses mentransformasikan data dari

entitas ke data store, atau sebaliknya, ataupun

mengolah data sehingga menjadi data baru

yang disimpan dalam data store.

Penyimpanan Data : Berkas atau tempat

penyimpanan fungsi untuk menyimpan data

atau file

3. ERD (Entity Relationship Diagram)

Entity Relasionship Diagram(ERD) adalah suatu model jaringan

(network) yang menggunakan susunan data yang disimpan dalam sistem

secara abstrak. Tujuan utama dari penggambaran ERD adalah untuk

menunjukkan struktur objek data (entity) dan hubungan (relationship) yang

ada pada objek tersebut. ERD berguna bagi professional sistem, karena

ERD memperlihatkan hubungan antara data store pada DFD (Fatansyah,

2001).

Notasi yang digunakan dalam ERD dapat dilihat pada tabel di bawah ini :

Process

DataFlow

entitas

Page 23: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

9

a. Entity

Digunakan untuk menggambarkan obyek yang dapat

diidentifikasikan dalam lingkungan pemakai.

Gambar 2.1 Simbol Entity

b. Atribut

Digunakan untuk menggambarkan elemen-elemen dari suatu

entitas, yang menggambarkan karakter entitas

Gambar 2.2 Simbol Atribut

c. Hubungan / Relasi

Entitas dapat berhubungan satu sama lain. Hubungan disebut

dengan relasi.

Gambar 2.3 Simbol Relasi

4. Generalisasi

Generalisasi adalah proses pendefinisian subclasss - subclass

yang disatukan menjadi entitas superclass tunggal berdasarkan

karakteristik umum. Disamping proses desain top-down (dari inisial

entitas ke level lebih rendah (subgrup)), desain juga dapat dilakukan

dengan proses bottom-up, yaitu banyak entitas disintesiskan menjadi

entity yang lebih tinggi berdasarkan kesamaan feature-nya. Contohnya

dapat dilihat pada gambar 2.6

Gambar 2.4 Contoh generalisasi

Page 24: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

10

2.3 Database

2.3.1 Basis Data

Basis data atau database adalah kumpulan file yang saling terkait.

Teknologi basis data lebih kompleks daripada teknologi file, dibutuhkan

peranti lunak khusus yang disebut DBMS (Database Management System)

(Bentley LD, Dittman KC dan Whitten JL. 2004).

2.3.2 Database Management System

DBMS adalah suatu perangkat lunak yang digunakan untuk mengelola,

membuat, menghapus, memasukan data, dan melakukan manajemen

database lainnya. Salah satu DBMS yang handal adalah MySQL. MySQL

merupakan salah satu DBMS (Database Management System) yang

menggunakan stuktur database relasional (RDBMS).

2.3.3 Structured Query Languange (SQL)

SQL (Structured Query Language) merupakan bahasa ANSI (American

National Standard Input) yang digunakan untuk melakukan query data pada

database. Semua pengoperasian data dapat dikerjakan secara mudah dengan

menggunakan bahasa ini, terutama dalam pemasukan dan seleksi data. SQL

berisi syntax atau pernyataan yang dapat digunakan untuk memasukkan,

merubah, menghapus, memilih dan melindungi data. Data Manipulation

Language (DML) digunakan untuk memanipulasi data yang ada dalam suatu

tabel. Perintah yang umum dilakukan adalah:

1. SELECT

SELECT digunakan untuk menampilkan data dari satu atau lebih tabel,

biasanya dalam sebuah basis data yang menggunakan sintaks:

select [nama_tabel|alias.]nama_field1 [as alias1] [, nama_field2, ...]from

nama_tabel1

2. INSERT

Untuk menyimpan data dalam tabel dipergunakan sintaks:

Page 25: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

11

insert into [nama_table] ([daftar_field]) values ([daftar_nilai])

3. UPDATE

Untuk mengubah data menggunakan sintaks:

update [nama_table] set [nama_kolom]=[nilai] where [kondisi]

4. DELETE

Untuk menghapus data dipergunakan sintaks:

delete from [nhew andiz] [kondisi]

2.5 HTML

HTML (HyperText Markup Language) adalah bahasa standar untuk

membuat halaman-halaman web, sedangkan PHP (PHP Hypertext Preprocessor)

berkedudukan sebagai tag dalam bahasa HTML. Model kerja HTML diawali

dengan permintaan suatu halaman web oleh browser, dari browser permintaan

dilanjutkan ke webserver yang kemudian mencarikan file yang diminta dan

memberikan isinya ke browser. Perbedaannya jika menggunakan kode atau tag

PHP adalah ketika berkas PHP yang diminta oleh browser didapatkan oleh web

server, isinya segera dikirimkan ke mesin PHP dan mesin inilah yang memproses

dan memberikan hasilnya (berupa kode HTML) yang kemudian akan dikirim ke

browser oleh webserver. Secara khusus, PHP dirancang untuk membentuk

aplikasi web dinamis. (Kadir, A, 2008)

2.6 PHP

Menurut Lenawati (2007), PHP adalah salah satu bahasa pemrograman yang

berjalan pada sebuah web server dan berfungsi sebagai pengolah data pada sebuah

server. Dengan menggunakan program PHP, sebuah website akan lebih interaktif

dan dinamis. Data yang dikirim oleh komputer klien akan diolah dan disimpan

Page 26: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

12

pada database web server dan dapat ditampilkan kembali apabila diakses. Untuk

menjalankan kode-kode program PHP ini file harus di upload ke dalam server.

Keunggulan yang dimiliki program PHP antara lain :

1. Tingkat akses PHP lebih cepat dan memiliki tingkat keamanan yang tinggi.

2. PHP memiliki tingkat life cycle yang cepat, sehingga selalu mengikuti

perkembangan teknologi internet.

3. PHP mampu berjalan di beberapa server yang ada misalnya Apache, Microsoft

IIS, PWS, AOL server, phttpd, fhttpd dan Xitami.

5. PHP mampu berjalan di Linux sebagai platform sistem operasi utama bagi

PHP, tetapi juga dapat berjalan di FreeBSD, Unix, Solaris, Windows, dan yang

lain.

Contoh perintah yang digunakan pada php :

Perintah while digunakan untuk melakukan perulangan, selama ekspresi while

bernilai true. Source code: mencetak angka ganjil

<?php

$x=1; while($x<=10):

printf("Cetak Angka Ganjil %d<br/>",$x); $x+=2;

endwhile;

?>

(Wahana Komputer, 2010)

2.7 MySQL

MySQL adalah salah satu jenis server basis data yang sangat terkenal.

Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar

untuk mengakses basis datanya. Selain itu MySQL bersifat open source pada

berbagai platform. MySQL termasuk jenis RDBMS (Relational Database

Management System). Pada MySQL, sebuah basis data mengandung satu atau

Page 27: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

13

sejumlah tabel. Tabel sendiri terdiri atas sejumlah baris dan setiap baris

mengandung satu atau beberapa kolom (Kadir A, 2008).

2.8 Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang

digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa

markup. Penggunaan yang paling umum dari CSS adalah untuk memformat

halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian,

bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk

SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

CSS digunakan oleh penulis maupun pembaca halaman web untuk

menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen.

CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis

dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang

ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi,

memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan

mengurangi kompleksitas serta pengulangan pada stuktur isi.

CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara

yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak,

suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga

alat pembaca braille. Halaman HTML atau XMLyang sama juga dapat

ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna

dengan menggunakan CSS.

2.9 AJAX

AJAX diberikan untuk memudahkan dalam berkomunikasi dengan klien

daripada kalau menyebutkan “Asynchronous Javascript + CSS + DOM +

XMLHttp Request”.

Menurut Joko Adi Wirawan (2009), AJAX merupakan kepanjangan dari

Acynchronous Javascript and XML. Dalam perkembangannya, AJAX banyak

Page 28: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

14

diminati oleh para web programmer dan web designer. Dengan adanya AJAX,

akses data ke server yang dikirim melalui klien via web dapat lebih cepat daripada

mekanisme biasa. Hal ini diakrenakan AJAX tidak perlu melakukan proses

loading page (refresh page) atau pindah ke page yang lain.

Lapisan AJAX bekerja dengan pendekatan asinkron. Asinkron berarti

bahwa klien bisa meminta layanan dari server dan tidak perlu menunggu sampai

server melayaninya. Dengan demikian saat informasi dari server belum didapat,

layanan kepada pemakai tetap dapat dilakukan.

AJAX yang lengkap mencakup (Kadir Abdul ,2009) :

1. XHTML (Extensible Hypertext Markup Language) sebagai perluasan dari

HTML.

2. CSS (Cascading Sytle Sheets) sebagai pemformat bagian dari dokumen.

3. DOM (Document Object Model) untuk mengatur interaksi dan penampilan isi

HTML dan XML secara dinamis.

4. XML (Extensible Markup Language) memungkinkan untuk melakukan

pertukaran data.

6. XSLT (Extensible Stylesheet Language Transformation) adalah bahasa

berbasis XML yang ditujukan untuk melakukan transformasi dokumen XML

ke bentuk yang lain.

7. XMLHttpRequest untuk melakukan pertukaran data secara asinkron.

8. Javascript sebagai bahasa untuk membentuk lapisan AJAX.

Page 29: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

15

BAB III

DESAIN DAN PERANCANGAN

3.1 Perancangan Arsitektur

Gambar dibawah ini merupakan rancangan arsitektur jaringan komputer

yang akan diimplementasikan pada Aplikasi Inkubator Bisnis dimana di

khususkan untuk tes dan konsultasi.

Gambar 3.1 PerancanganArsitektur

Tiap user dapat mengakses aplikasi website inkubator bisnis ini melalui

komputer yang tersambung ke internet ataupun yang sudah terkoneksi secara

offline. Tentunya untuk masuk harus login terlebih dahulu dimana awalnya harus

sudah terdaftar dalam website inkubator bisnis.

3.2 Analisis Kebutuhan Software

Software yang diperlukan dalam pembangunan Inkubator Bisnis adalah

sebagai berikut:

a. XAMPP 1.6.1 digunakan sebagai web server dari aplikasi yang dibuat. Adapun

paket-paket yang terdapat pada XAMPP 1.6.1 adalah :

Page 30: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

16

1) Apache Web Server sebagai web server.

2) PHP Script Language sebagai script language.

3) MySQL Database sebagai DBMS (Database Management System).

4) phpMyAdmin Database Manager sebagai Database Manager.

b. Notepad++ digunakanuntukmelakukan proses scripting.

c. Adobe Photoshop dan Corel Draw digunakan untuk melakukan proses desain

interface dari program yang dibuat.

3.3 Perancangan Sistem

Perancangan system bertujuan untuk menentukan rancangan website

inkubator bisnis. Perancangan system ini dimulai dengan perancangan Context

Diagram (CD) dan Data Flow Diagram (DFD).

3.3.1 Context Diagram (CD)

Context Diagram atau diagram konteks ini merupakan penggambaran secara

garis besar aplikasi inkubator bisnis modul tes dan konsultasi yang akan dibangun

dengan menampilkan input, proses, dan output dari sistem. Context Diagram

inkubator bisnis modul tes dan konsultasi dapat dilihat pada gambar 3.2.

Sistem Test dan

konsultasi RBTIMahasiswa Admin

Perusahaan

* Manajemen data anggota

* Hak akses ujian

* Hak akses berita

* Hak akses pesan

* Melakukan pendaftaran

* Dapat melihat nilai

* Data anggota

* Data berita

* Data Pesan

* Data Pendaftaran

* Manajemen data admin

* Manajemen data mahasiswa

* Manajemen data perusahaan

* Manajemen ujian

* Hak akses pesan

* Manajemen soal

* Manajemen berita

* Manajemen data nilai

* Dapat melihat nilai

* Data admin

* Data mahasiswa

* Data perusahaan

* Data berita

* Data Pesan

* Data Ujian

* Data Soal

Username & password

Data Verifikasi

Use

rna

me

& p

assw

ord

Username & password

Da

ta V

erifik

asi

Data Verifikasi

* Manajemen data perusahaan

* Manajemen data anggota sebagai wakil perusahaan

* Verifikasi ujian

* Membuat soal ujian

* Membuat rancang ujian

* Hak akses informasi

* Hak akses pesan

* Hasil Ujian masuk perusahaan

* Membuat Lowongan

* Kelola Pendaftaran lowongan

* Dapat melihat nilai

* Data perusahaan

* Data informasi

* Data Pesan

* Data Anggota

* Verifikasi ujian

* Data Soal

* Data Rancang Ujian

* Data Lowongan

* Data Pendaftar

Gambar 3.2 Context Diagram Inkubator Bisnis Modul Tes dan Konsultasi

Page 31: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

17

Keterangan :

1. Proses input dan output admin pada Aplikasi Inkubator Bisnis.

a. Proses pengelolaan data admin.

b. Proses pengelolaan data anggota.

c. Proses pengelolaan data perusahaan.

d. Proses manajemen nilai

e. Proses manajemen pesan

f. Proses manajemen ujian

g. Proses manajemen berita

h. Proses manajemem soal ujian

2. Proses input dan output mahasiswa pada Aplikasi Inkubator Bisnis.

a. Proses pengelolaan data mahasiswa

b. Melakukan proses ujian

c. Melakukan proses pendaftaran lowongan

d. Melakukan proses pengaksesan pesan.

e. Melakukan proses pengaksesan berita

3. Proses input dan output perusahaan pada Aplikasi Inkubator Bisnis.

a. Proses pengelolaan data perusahaan

b. Proses pengelolaan data anggota (wakil dari perusahaan yang mendaftar)

c. Melakukan verifikasi ujian

d. Membuat rancang ujian

e. Membuat soal ujian

f. Mengelola lowongan pekerjaan

g. Mengelola pendaftaran pekerja

h. Melakukan proses pengaksesan pesan.

i. Melakukan proses pengaksesan berita

Page 32: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

18

3.3.2 DFD Level 0

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

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

dapat dilihat pada gambar 3.3.

T Soal

T Nilai

T Kategori

T Admin

T DataAnggota

Mahasiswa

Admin

2.

Nilai

T Berita

1.

Pengelolaan

data akun

T Pesan

3.

Ujian

perusahaan

5.

Manajemen

berita

4.

Mengolah

pesan

6.

Menajemen

Soal

7.

Manajemen

ujian

T rancangujian

T Perusahaan

T Anggota

Perusahaan

Id_ag

Id_ag, id_peru

Id_ad

Id_ad

Id_ag

Id_ad

Id_ad

Id_ad

Id_ag

Id_ag

Id_ag

8.

Lowongan

T Lowongan

T Daftarlow_ag

Gambar 3.3 DFD Level 0 Inkubator Bisnis Modul Tes dan Konsultasi

Page 33: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

19

3.3.3 DFD Level 1 Proses Pengelolaan Akun

DFD Level 1 proses pengelolaan akun, menggambarkan aliran data yang

lebih detail di dalam system seperti yang digambarkan pada proses 1 (tiga) dari

DFD Level 0. Gambar DFD Level 1 proses pengelolaan akun dapat dilihat pada

gambar 3.4.

Mahasiswa

Admin

1.1

Update Data

1.2

Insert data

1.3

Delete Data

Id_anggota

Id_admin

Id_admin

Id_admin

Id_anggota

T Anggota

T Admin

Data_admin

Data anggota

Data anggota

Perusahaan

1.4

View Data

Id_anggota

T Perusahaan

Gambar 3.4 DFD Level 1 Proses Pengelolaan Akun

3.3.4 DFD Level 1 Proses Manajemen Nilai

DFD Level 1 proses manejemen nilai menggambarkan aliran data yang lebih

detail di dalam system seperti yang digambarkanpada proses 2 dari DFD Level 0.

Gambar DFD Level 1 proses pengelolaan nilai dapat dilihat pada gambar 3.5.

Page 34: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

20

Admin

1.1

Lihat nilai

1.3

Delete NilaiT Nilai

Id_admin

Id_admin

Data nilai

Data nilaiMahasiswa

1.2

Insert Nilai

Data nilai

Perusahaan

Gambar 3.5 DFD Level 1 Proses Manajemen Nilai

3.3.5 DFD Level 1 Proses Ujian

DFD Level 1 proses ujian kemampuan, menggambarkan aliran data yang

lebih detail di dalam system seperti yang digambarkan pada proses 3 dari DFD

Level 0. DFD Level 1 proses ujian kemampuan dapat dilihat pada gambar 3.6.

3.1

Ujian Masuk

Perusahaan

anggota T Rancang_UjianId_ag Data soal

T nilaiid_ag, id_ujian, id_peru

T Soal

Gambar 3.6 DFD Level 1 Proses Ujian

3.3.6 DFD Level 1 Proses Pengelolaan Pesan

DFD Level 1 proses pengelolaan pesan, menggambarkan aliran data yang

lebih detail di dalam system seperti yang digambarkan pada proses 4 dari DFD

Level 0. Gambar DFD Level 1 proses pengelolaan pesan dapat dilihat pada

gambar 3.7.

Page 35: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

21

Mahasiswa

Admin

4.2

Membuat

pesan

4.3

Menghapus

pesan

4.1

Lihat pesan

T Pesan

Id_ag, id_pesan

Id_anggota, id_pesan

Id_ad, id_pesan

Id_admin, id_pesan

Id_ad

Id_anggota, id_pesan

Peruisahaan Id_ag, id_pesan

Id_ag

Id_ad, id_pesan

Gambar 3.7 DFD Level 1 Proses Pengelolaan Pesan

3.3.7 DFD Level 1 Proses Pengelolaan Berita

DFD Level 1 proses pengelolaan berita menggambarkan aliran data yang

lebih detail di dalam system seperti yang digambarkan pada proses 5 dari DFD

Level 1. Gambar DFD Level 1 proses pengelolaan berita dapat dilihat pada

gambar 3.8.

T Informasi

Mahasiswa

Admin

5.1

Lihat Berita

5.2

insert

Berita

5.3

Update

Berita

5.4

Delete

Berita

Id_anggota

Id_admin

Id_admin, id_info

Id_admin, id_info

Perusahaan

Gambar 3.8 DFD Level 1 Proses Pengelolaan Berita

Page 36: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

22

3.3.8 DFD Level 1 Proses Pengelolaan Soal Ujian

DFD Level 1 proses pengelolaan soal ujian, menggambarkan aliran data

yang lebih detail di dalam system seperti yang digambarkan pada proses 6 dari

DFD Level 1. Gambar DFD Level 1 proses pengelolaan soal ujian dapat dilihat

pada gambar 3.9.

6.1

Lihat soal

6.2

Insert

soal

6.3

Update

soal

6.4

Delete

soal

T SoalAdmin

Id_admin

Id_admin

Id_admin, id_soal

Id_admin, id_soal

Perusahaan

Gambar 3.9 DFD Level 1 Proses Pengelolaan Soal Ujian

3.3.9 DFD Level 1 Proses Pengelolaan Rancang Ujian

DFD Level 1 proses pengelolaan rancang ujian, menggambarkan aliran data

yang lebih detail di dalam system seperti yang digambarkan pada proses 7 (tujuh)

dari DFD Level 1. Gambar DFD Level 1 proses pengelolaan soal ujian dapat

dilihat pada gambar 3.10.

Page 37: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

23

7.1

Lihat

rancang

ujian

7.2

Insert

rancang

ujian

7.3

Update

rancang

ujian

7.4

Delete

rancang

ujian

T rancangujian

Admin

Id_admin

Id_admin

Id_admin, id_soal

Id_admin, id_soal

7.5

Verikasi

perusahaan

Perusahaan

Gambar 3.10 DFD Level 1 Proses Pengelolaan Rancang Ujian

3.3.10 DFD Level 1 Proses Lowongan

DFD Level 1 proses lowongan, menggambarkan aliran data yang lebih detail

di dalam system seperti yang digambarkan pada proses 8 (delapan) dari DFD

Level 0. Gambar DFD Level 1 proses lowongan dapat dilihat pada gambar 3.11.

Mahasiswa

T Lowongan

Perusahaan

8.1

Lihat

Lowongan

T Daftarlow_ag

Id_ag, id_peru

8.5

Lihat riwayat

daftar

Lowongan

8.4

Daftar

Lowongan

8.3

hapus

Lowongan

Id_peru

Id_peru

Id_ag

8.2

Tambah

Lowongan

Gambar 3.11 DFD Level 1 Proses Pengelolaan Lowongan

Page 38: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

24

3.4 Entity Diagram (ED)

DataPeru

Id_ag

nperusahaan

nip

email

TelpAlamat

nama

Gambar 3.12 Diagram DataPeru

DataMhs

NIM

Id_ag

tahunlulus

email

TelpAlamat

nama

Gambar 3.13 Diagram DataMhs

Anggota

Id_agkonfirm

status

Pwd_agUname_ag

Gambar 3.14 Entity Diagram Anggota

Admin

pwd

unameId_ad

Gambar 3.15 Entity Diagram Admin

Page 39: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

25

Pesan

Id_pesan

status Id_k

isi

Id_penerimaId_pengirim

Lampiran

Gambar 3.16 Entity Diagram Pesan

Kategori

Nama_k Id_k

Gambar 3.17 Entity Diagram Kategori

Berita

Id_berita singkat

judul

tanggalisi

foto

Id_ad

Gambar 3.18 Entity Diagram Berita

Perusahaan

Id_peru

Nama_peru Alamat_peru

Telp_peru

Gambar 3.19 Entity Diagram Perusahaan

Page 40: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

26

Rancang ujian

Id_ujian

Id_peru

Jumlah soal

waktu

Batas_nilai

Id_soal

Id_ad

Ver_peru

quota

status

Gambar 3.20 Entity Diagram Rancang_Ujian

Nilai

Id_ag

nilai

Id_ujian

Id_peru

Gambar 3.21 Entity Diagram Nilai

Soal

gmb3

gmb2

gmb1

jawab4

jawab3

jawab2

jawab1

Gmb_soal

soal

Id_soal

gmb4

Id_kompet

jawaban

Id_ad bobot

Gambar 3.22 Entity Diagram Soal

Page 41: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

27

Daftarlow_ag

Id_ag

lowongan

Id_peru

Id_daftar

Gambar 3.23 Entity Diagram Daftarlow_ag

Lowongan

Id_ag

lowonganId_peru

Id_low

syarat tanggal

Gambar 3.24 Entity Diagram Lowongan

3.5 Entity Relationship Diagram (ERD)

Entity Relationship Diagram menggambarkan hubungan antar entitas yang

ada dalam aplikasi inkubator bisnis. Entity Relationship Diagram dapat dilihat

pada gambar 3.25.

Nilai

Pesan

Soal Berita

memiliki

Melakukan

ujian

(Mhs)

Memiliki

(Mhs)

Membuat

(Admin)

n

1n

n

User

kategori memiliki membuat

Rancang ujian

Memiliki

n 1

1

1

n

1

n1

Membuat

(Peru)

1

n

Membuat

(Peru ,Admin)

Lowongan

Daftarlow_ag

Membuat

(Peru)

Daftar

(Mhs)

n

1

1

n

1

n

DataMhs

Admin

DataPeru

Perusahaan

Memiliki

(Peru)

1

1

1

n

Gambar 3.25 ERD Inkubator Bisnis Modul Tes dan Konsultasi

Keterangan :

Peru : User Sebagai Wakil Perusahaan

Mhs : User Sebagai Mahasiswa

Admin : User Sebagai Admin

Page 42: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

28

3.6 Skema Diagram

Skema Diagram menggambarkan hubungan antar tabel yang ada dalam

aplikasi inkubator bisnis. Skema diagram dapat dilihat pada gambar 3.26.

Admin

PK id_ad

Nama

Alamat

id_ag*

DataMhs

PK NIM

nama

alamat

telp

email

tahunlulus

id_ag*

Soal

PK id_soal

soal

gmb_soal

jawab1

gmb1

jawab2

gmb2

jawab3

gmb3

jawab4

gmb4

jawaban

bobot

id_ad*

id_kompet*

Pesan

PK id_ pesan

isi

id_pengirim*

id_penerima*

id_k*

status

Lampiran

berita

PK id_berita

foto

singkat

isi

tanggal

judul

id_ad*

Nilai

id_ag*

id_peru*

id_ujian*

nilai

User

PK id_ag

uname

pwd

status

konfirm

Kategori

PK id_k

nama_k

rancang_ujian

PK id_ujian

id_soal*

waktu

jumlah_soal

batas_nilai

ver_peru

id_peru*

id_ad*

total_nilai

quota

status

Perusahaan

PK id_peru

nama_peru

Alamat_peru

no_telp

Daftarlow_ag

PK id_daftar

Id_ag*

id_peru*

lowongan

Lowongan

PK id_low

id_ag*

id_peru*

lowongan

syarat

tanggal

DataPeru

PK NIP

nama

alamat

telp

email

nperusahaan

id_ag*

Gambar 3.26 Skema Diagram Inkubator Bisnis Modul Tes dan

Konsultasi

Keterangan :

* : foreign key

3.7 Rancangan Database

Dalam pembuatan aplikasi inkubator bisnis diperlukan adanya suatu basis

data yang digunakan untuk menyimpan seluruh informasi dan data. Perancangan

basis data untuk aplikasi inkubator bisnis adalah sebagai berikut:

Page 43: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

29

a. Tabel admin

Tabel admin berfungsi menyimpan data admin website yang ditunjukkan

pada Tabel 3.1.

Tabel 3.1 Admin

NamaField Tipe Data Ukuran

Field

Keterangan

Id_ad varchar 11 Primary Key Not Null

uname varchar 20 Not null

pwd varchar 20 Not Null

b. Tabel anggota

Tabel anggota berfungsi menyimpan data anggota yang telah

registrasi..Struktur dari table anggota ditunjukkan pada Tabel 3.2.

Tabel 3.2 anggota

NamaField Tipe Data UkuranField Keterangan

Id_ag int 11 Primary key Not Null

uname_ag varchar 20 Not Null

pwd_ag varchar 20 Not Null

status enum (’p’,’m’) Not null

konfirm enum (‘aktif’,

belumaktif’)

Default:

Belumaktif

Not null

c. Tabel DataMhs

Tabel dataanggota digunakan untuk menyimpan data lengkap anggota yang

tersedia. Struktur dari table ditunjukkan padaTabel 3.3.

Tabel 3.3 datamhs

Nama Field Tipe Data Ukuran Field Keterangan

nama varchar 40 Primary Key Not Null

alamat varchar 50 Not Null

telp varchar 12 Not Null

email varchar 30 Not Null

nim varchar 8

tahunlulus varchar 4

Id_ag varchar 11 Foreign Key Not Null

Page 44: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

30

d. Tabel DataPeru

Tabel dataanggota digunakan untuk menyimpan data lengkap anggota yang

tersedia. Struktur dari table ditunjukkan padaTabel 3.4.

Tabel 3.4 dataperu

NamaField Tipe

Data

Ukuran

Field

Keterangan

nama varchar 40 Primary Key Not Null

alamat varchar 50 Not Null

telp varchar 12 Not Null

email varchar 30 Not Null

nip varchar 21

nperusahaan varchar 40 Foreign Key

Id_ag varchar 11 Foreign Key Not Null

e. Tabel kategori

Tabel kategori berfungsi menyimpan data kategori apa yang dapat

ditanyakan dalam konsultasi. Struktur dari table kategori ditunjukkan pada Tabel

3.5.

Tabel 3.5 Kategori

NamaField Tipe Data UkuranField Keterangan

Id_k int 2 Primary key Not Null

Nama_k varchar 100 Not Null

f. Tabel Nilai

Tabelnilaidigunakanuntukmenyimpan data nilaianggota yang yang telah

melakukan ujian.StrukturdaritableditunjukkanpadaTabel 3.6.

Tabel 3.6 Nilai

NamaField Tipe

Data

Ukuran

Field

Keterangan

Id_ag varchar 11 Primary Key Not Null

Id_peru varchar 11 Foreign Key

Nilai varchar 11 Not Null

Id_ujian varchar 11 Foreign Key Not Null

Page 45: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

31

g. Tabel Pesan

Tabel pesan digunakan untuk menyimpan data pesan yang dibuat anggota

ataupun admin.Struktur dari table ditunjukkan pada Tabel 3.7.

Tabel 3.7 Pesan

NamaField Tipe

Data

Ukuran

Field

Keterangan

Id_pesan varchar 11 Primary Key Not Null

Isi text Not Null

Lampiran varchar 50

Id_pengirim varchar 11 Foreign Key Not Null

Id_penerima varchar 11 Foreign Key Not Null

Id_k int Foreign Key Not Null

status int Not Null

h. Tabel Soal

Tabel soal digunakan untuk menyimpan data soal yang tersedia. Struktur

dari table ditunjukkan pada Tabel 3.8.

Tabel 3.8 Soal

NamaField Tipe

Data

Ukuran

Field

Keterangan

Id_soal Int 11 Primary Key Not Null

Soal Text Not Null

Gmb_soal varchar 20

Jawab1 varchar

Gbr1 Varchar 60

Jawab2 varchar

Gbr2 Varchar 60

Jawab3 varchar

Gbr3 Varchar 60

Jawab4 varchar

Gbr4 Varchar 60

Jawaban varchar Not Null

Bobot int Not Null

Id_ad varchar 11 Foreign Key Not Null Id_kompet int 10 Foreign Key Not Null

Page 46: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

32

i. Tabel berita

Tabel berita digunakan untuk menyimpan data berita yang akan ditampilkan

di website inkubator bisnis. Struktur table ditunjukkan pada Tabel 3.9 .

Tabel 3.9 berita

NamaField Tipe Data UkuranField Keterangan

id_berita Int 11 Primary Key Not Null

foto varchar 50

singkat Text Not Null

isi Text Not Null

tanggal Date Not null

judul varchar 255 Not null

Id_ad varchar 11 Foreign Key Not null

j. Tabel Rancang_Ujian

Tabel rancang_ujian digunakan untuk menyimpan data rancang ujian yang

akan ditampilkan di website inkubator bisnis. Struktur table ditunjukkan pada

Tabel 3.10.

Tabel 3.10 Rancang_Ujian

NamaField Tipe

Data

Ukuran

Field

Keterangan

id_ujian varchar 11 Primary Key Not Null

Id_soal varchar 11 Foreign Key Not Null

Waktu int 50 Not Null

Jumlah_soal int Not Null

Batas_nilai int Not Null

Total_nilai int Not Null

Quota int Not Null

Ver_peru int Not null

Id_peru varchar 11 Foreign Key Not null

Id_ad varchar 11 Foreign Key Not null

Status int 11 Not Null

Page 47: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

33

k. Tabel Perusahaan

Tabel berita digunakan untuk menyimpan data perusahaan yang akan

ditampilkan di website inkubator bisnis. Struktur table ditunjukkan pada Tabel

3.11.

Tabel 3.11 Perusahaan

NamaField Tipe

Data

Ukuran

Field

Keterangan

id_peru varchar 11 Primary Key Not Null

Nama_peru varchar 50 Not Null

Alamat_peru varchar 50 Not Null

Telp_peru varchar 15 Not Null

l. Tabel Lowongan

Tabel berita digunakan untuk menyimpan data perusahaan yang akan

ditampilkan di website inkubator bisnis. Struktur table ditunjukkan pada Tabel

3.12.

Tabel 3.12 Lowongan

Nama Field Tipe Data Ukuran

Field

Keterangan

Id_low int 11 Primary Key Not Null

id_ag int 11 Foreign Key Not Null

id_peru varchar 1 Foreign Key Not Null

Lowongan varchar 100 Not Null

Syarat Text Not Null

Tanggal date 15 Not Null

m. Tabel Daftarlow_ag

Tabel berita digunakan untuk menyimpan data perusahaan yang akan

ditampilkan di website inkubator bisnis. Struktur table ditunjukkan pada Tabel

3.13.

Page 48: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

34

Tabel 3.13 Daftarlow_ag

Nama Field Tipe

Data

Ukuran

Field

Keterangan

Id_ag int 11 Foreign Key Not Null

Id_peru varchar 11 Foreign Key Not Null

Lowongan varchar 100 Not Null

Id_daftar int 11 Primary Key Not Null

3.8 Diagram Alir(Flow Chart)

Flowchart adalah diagram alir rancangan sistem yang sudah dibuat yang untuk

user. Gambar dibawah ini merupakan flowchart hak skses admin pada gambar

3.27

Mulai

Menu admin:

1. Halaman Akun

2. Halaman Soal Ujian

3. Halaman Ujian

4. Halaman Perusahaan

5. Halaman Pesan

6. Halaman Berita

7. halaman Calon Pekerja

8. Logout

Ya

Apakah Ingin

Logout ?

Selesai

Ya

Tidak

Cek data ada

dan sesuai

Tidak

Username

dan

Password

Login

Gambar 3.27 Flowchart Login Admin

Page 49: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

35

Flowchart hak akses untuk perusahaan yang sudah terdaftar dan sudah

memiliki username dan password ditujukkan pada gambar 3.28

Mulai

Cek data ada

dan sesuai

Tidak

Menu Perusahaan:

1. Halaman Akun

2. Halaman Ujian

3. Halaman Nilai

4. Halaman Soal Ujian

5. Halaman Pesan

6. Halaman Berita

7. Halaman Lowongan

8. Halaman Pendaftar

9. Logout

Ya

Apakah ingin

Logout

Selesai

Ya

Tidak

Username

dan

Password

Login

Gambar 3.28 Flowchart Login Perusahaan

Flowchart hak akses untuk mahasiswa yang sudah terdaftar dan sudah

memiliki username dan password. Ditujukkan pada gambar 3.29

Page 50: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

36

Mulai

Menu Mahasiswa:

1. Halaman Akun

2. Halaman Ujian

3. Halaman Pesan

4. Halaman Berita

5, Halaman Pendaftaran

5. Logout

Ya

Apakah Ingin

Logout ?

Selesai

Ya

Tidak

Cek data ada

dan sesuai

Tidak Username

dan

Password

Login

Gambar 3.29 Flowchart Login Mahasiswa

3.9 Rancagan Desain Sub sistem

3.9.1 Rancangan Desain Halaman Utama

Halaman utama merupakan halaman yang pertama kali akan tampil ketika

sistem dijalankan dalam web browser. Rancangan halaman utama dapat dilihat

pada gambar 3.30 :

Page 51: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

37

Gambar 3.30 Rancangan Halaman Utama

3.9.2 Rancangan Halaman Admin

Halaman admin merupakan halaman yang akan tampil ketika admin

melakukan proses login. Di halaman ini admin mempunya hak akses

mengelola data-data yang berhubungan dengan KMM. Rancangan halaman

admin dapat dilihat pada gambar 3.31 :

Gambar 3.31 Rancangan Halaman Admin

3.9.3 Rancangan Desain Halaman Utama Mahasiswa

Halaman utama merupakan halaman yang pertama kali akan tampil ketika

sistem dijalankan dalam web browser. Rancangan halaman utama dapat

dilihat pada gambar 3.32 :

Page 52: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

38

Gambar 3.32 Rancangan Halaman Utama Mahasiswa

3.9.4 Rancangan Desain Halaman Utama Perusahaan

Halaman utama merupakan halaman yang pertama kali akan tampil ketika

sistem dijalankan dalam web browser. Rancangan halaman utama dapat

dilihat pada gambar 3.33 :

Gambar 3.33 Rancangan Halaman Utama Perusahaan

Page 53: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

39

BAB IV

IMPLEMENTASI DAN ANALISA

4.1 Implementasi Sistem

Website Inkubator Bisnis terdapat tiga macam user yaitu admin,

mahasiswa, dan perusahaan. Berikut ini merupakan implementasi ketiga

tingkatan user atau halaman yang dapat diakses oleh masing-masing user.

4.1.1 Halaman Awal

Halaman ini adalah halaman awal yang bisa diakses langsung oleh

tamu sebelum login menjadi anggota. Di halaman ini tamu dapat

mengakses data secara umum dari link 1, 2, 3, dan 4. Halaman muka

ditunjukkan pada Gambar 4.1

Gambar 4.1 Tampilan Halaman Awal

Page 54: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

40

4.1.2 Halaman Login Admin

Halaman ini merupakan halaman yang dapat diakses oleh admin.

Admin mengelola seluruh data yang masuk ke dalam database. Untuk

mengakses halaman admin dan anggota harus login terlebih dahulu.

Halaman login admin ditunjukkan pada Gambar 4.2

Gambar 4.2 Tampilan Halaman Login Admin

4.1.3 Halaman Menu Admin

Halaman ini merupakan halaman yang dapat diakses oleh anggota.

Menu-menu ini dapat diakses oleh anggota setelah melakukan proses

login. Halaman Menu Anggota ditunjukkan pada Gambar 4.3. Dimana

bagian-bagian untuk yang telah ditambah ditandai dengan kotak merah.

Gambar 4.3 Tampilan Halaman Menu Admin

Page 55: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

41

4.1.4 Halaman Admin Menu Ujian Data Ujian

Halaman ini merupakan halaman yang hanya dapat diakses oleh

admin. Halaman ini menunjuukan rancangan-rancangan ujian yang telah

dibuat oleh admin. Halaman Menu Ujian Data Ujian ditunjukkan pada

Gambar 4.13

Gambar 4.4 Halaman Admin Menu Ujian Data Ujian

Perintah Untuk Menampilkan Gambar 4.4:

<h3>Data Ujian</h3><br/>

<?php

$id_ag=$_GET['id_ag'];

$hasil=mysql_query("select * from rancang_ujian order by id_ujian") or

die (mysql_error());

echo "<table align=left border=0 width=100%>";

$x=1;

echo "<tr>

<td width='10%' align='center' style='padding-left: 10px'><b>ID

Ujian</b></td>

<td width='15%' align='center' style='padding-

left:10px'><b>Verifikasi</b> </td>

<td width='15%' align='center' style='padding-left:

10px'><b>Perusahaan</b> </td>

<td width='10%' align='center' style='padding-left:

10px'><b>Admin</b></td>

<td width='10%' align='center' style='padding-left:

10px'><b>Keterangan</b> </td>

<td width='15%' align='center' style='padding-left:

10px'><b>Status</b></td> </tr>";

while ($record = mysql_fetch_array($hasil)){

if($record['ver_peru']==0){$ve= 'belum terverifikasi';} elseif

($record['ver_peru']==1){$ve= 'terverifikasi';}

elseif ($record['ver_peru']==2) {$ve= 'tidak terverifikasi';}

$t=$record['id_peru'];

Page 56: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

42

$record2=mysql_fetch_array(mysql_query("SELECT * FROM

perusahaan where id_peru='$t'"));

$k=$record['id_ad'];

$record3=mysql_fetch_array(mysql_query("SELECT * FROM admin

where id_ad='$k'"));

echo" <tr>

<td width='10%' align='center' style='padding-left:

10px'>".$record['id_ujian']." </td>

<td width='15' align='center' style='padding-left: 10px'>".$ve."</td>

<td width='15%' align='center' style='padding-left: 10px'>".$record2

['nama_peru'] . " </td>

<td width='10%' align='center' style='padding-left:

10px'>".$record3['uname']." </td>

<td width='10%' align='center' style='padding-left: 10px'>

<a href=index.php?aksi=bacaujian&id_ujian=".$record['id_ujian']." >

<b>Lihat </b></a>

<a href=moduls/proses.php?hapusujian=".$record['id_ujian']."

onClick=\" return confirm ( 'Anda Yakin Akan Menghapus Data

Ini??')\"><b>Hapus</b></a> </td>";

if($record['status']==0){echo "<td width='15%' align='center'

style='padding-left: 10px'><a

href=moduls/proses.php?aktif=".$record['id_ujian']." >

<b>Aktifkan</b></a></td>";}else

{echo "<td width='15%' align='center' style='padding-left: 10px'>

<a href=moduls/proses.php?nonaktif=".$record['id_ujian']." >

<b>NonAktifkan</b></a> </td>";

echo"</tr></table>";

?>

4.1.5 Halaman Admin Konfirmasi Delete Data Anggota

Halaman ini adalah halaman dimana admin melakukan proses

penghapusan data berupa data ujian. Halaman Konfirmasi Delete Data

Ujian Pada Admin ditunjukkan pada Gambar 4.9

Gambar 4.5 Halaman Konfirmasi Delete Data Pada Admin

Page 57: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

43

Dimana ada 6 kolom yang ditampilkan. Kolom verifikasi

menunjukkan apakah ujian tersebut belum, sudah, atau tidak terverifikasi.

Pada kolom keterangan digunakan untuk melihat detail dari ujian yang

telah dibuat untuk perusahaan yang di tunjukkan pada kolom perusahaan.

Untuk kolom status menunjukkan apakah ujian tersebut akan diaktifkan

atau tidak oleh admin. Halaman Menu Lihat Data Ujian ditunjukkan pada

Gambar 4.5

Gambar 4.6 Halaman Menu Lihat Data Ujian

Pada Halaman Menu Lihat Data Ujian mmperlihatkan detail dari

ujian yag dibuat. Dimana untuk melihat soal apa saja yang telah dipilih

dapat dilihat dengan mengklik “lihat soal” pada halaman tersebut. Untuk

halaman detail soal pada ujian dapatt dilihat pada gambar 4.6.

Page 58: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

44

Gambar 4.7 Halaman Detail Soal Pada Ujian

4.1.6 Halaman Menu Perusahaan

Halaman ini merupakan halaman yang hanya dapat diakses oleh

wakil perusahaan yang telah terdaftar. Dimana telah ditambahkan beberapa

menu yang ditunjukkan pada Halaman Menu Perusahaan Gambar 4.5 yang

di tandai kotak merah.

Gambar 4.8 Halaman Menu Perusahaan

Page 59: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

45

4.1.7 Halaman Perusahaan Menu Data Ujian

Halaman ini merupakan halaman yang hanya dapat diakses oleh

wakil perusahaan yang telah terdaftar. Dimana nanti akan muncul halaman

perusahaan menu data ujian sebelum disetujui atau ditolak ditunjukkan

pada Gambar 4.5

Gambar 4.9 Halaman Perusahaan Menu Data Ujian Sebelum Disetuji atau

Tidak Disetujui

Dan setelah disetuji atau ditolak nanti pada kolom verifikasi akan

berubah menjadi seperti pada gambar 4.6

Gambar 4.10 Halaman Perusahaan Menu Data Ujian Setelah Disetujui atau

Tidak Disetuji

Perintah Untuk menampilkan Gambar 4.10 :

<?php

$id_ag=$_SESSION['id'];

$hasil = mysql_fetch_array ( mysql_query ("SELECT * FROM

dataanggota WHERE id_ag='$id_ag'"));

$t=$hasil['nperusahaan'];

$hasil1 = mysql_query (" SELECT * FROM rancang_ujian WHERE

id_peru='$t'") or die (mysql_error());

$hasil2 = mysql_fetch_array ( mysql_query ( " SELECT * FROM

rancang_ujian WHERE id_peru='$t'"));

$t1=$hasil2['id_peru'];

if(!isset($t1)){echo" Ujian belum di buat, silahkan hubungi admin";} else {

Page 60: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

46

echo "<table align=left border=0 width=90%>";

$x=1;

echo"<tr bgcolor='#A4A4A4' align='center'>

<td width=15%><b>ID Ujian </b></td>

<td><b>Waktu</b> </td>

<td><b>Jumlah Soal</b> </td>

<td><b>Batas Nilai </b></td>

<td><b>Quota</b></td>

<td><b>Admin</b></td>

<td><b>Verifikasi</b></td></tr>";

while ($record = mysql_fetch_array($hasil1)){

$ad=$record['id_ad'];

$hasil3=mysql_fetch_array(mysql_query("SELECT * FROM admin

WHERE id_ad='$ad'"));

echo" <tr bgcolor=#E9E9E9 align='center'>

<td>".$t."</td>

<td>".$record['waktu']."</td>

<td>".$record['jumlah_soal']."</td>

<td>".$record['batas_nilai']."</td>

<td>".$record['quota']."</td>

<td>".$hasil3['uname']."</td>";

$a=$record['ver_peru'];

if($a==0){echo"

<td ><a href=index.php?a=lihatsoal><b>Lihat Soal</b></a>

<a href=moduls/pro.php?setuju=".$record['id_ujian']."><b>Setuju</b>

</a>

<a href=moduls/pro.php?tidaksetuju=".$record['id_ujian']."><b>Tidak

Setuju</b> </a> </td></tr>";} else

{echo"<td><a href=index.php?a=lihatsoal><b>Lihat Soal</b></a> ";

} }

echo"</table>";}

?>

Detail dari ujian dapat dilihat oleh wakil perusahaan untuk mengecek

soal ujian yang akan dilakukan. Ini dilakukan untuk memverifikasi ujian

yang telah dibuat sesuai dengan kriteria tes dari perusahaan yang

bersangkutan. Untuk menuju ke halaman detail ujian tinggal mengklik

lihat detail. Untuk tampilan halaman perusahaan menu detail data ujian

dapat dilihat pada gambar 4.9.

Page 61: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

47

Gambar 4.11 Halaman Perusahaan Menu Detail Data Ujian

Untuk melihat soal apa saja yang akan diberikan pada ujian, anggota

sebagai wakil perusahaan dapat mengklik “lihat soal” diaman tampilan

halamannya di tunjukkan pada gambar 4.10

Page 62: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

48

Gambar 4.12 Halaman Perusahaan Menu Detail Soal Data Ujian

4.1.8 Halaman Menu Anggota

Halaman ini merupakan halaman yang hanya dapat diakses oleh

mahasiswa yang telah terdaftar. Halaman Perusahaan Menu Anggota

ditunjukkan pada Gambar 4.7

Gambar 4.13 Halaman Menu Anggota

Page 63: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

49

4.1.9 Halaman Anggota Menu Data Pesan Masuk

Halaman ini merupakan halaman yang hanya dapat diakses oleh

mahasiswa yang telah terdaftar. Dimana mahasiswa dapat membaca pesan

yang masuk untuk dirinya, membaca pesan dan menghapus pesan tersebut

pada halaman ini. Halaman Anggota Menu Data Pesan Masuk

ditunjukkan pada Gambar 4.43

Gambar 4.14 Halaman Anggota Menu Data Pesan Masuk

Perintah Untuk Menampilkan Gambar 4.14 :

<?php

$id_ag=$_SESSION['id'];

$hasil=mysql_query ( "SELECT * FROM pesan WHERE id_penerima =

'$id_ag '") or die (mysql_error());

echo "<table align=left border=0 width=90% >";

echo "<tr bgcolor='#A4A4A4'>

<td width='5%' align='center'>ID Pesan </td>

<td width='5%' align='center'>Kategori</td>

<td width='10%' align='center'>Pengirim </td>

<td width='10%' align='center'>Keterangan </td></tr>

While ($record = mysql_fetch_array($hasil)){

$w=$record['id_pengirim'];

$u=strpos($w,'A');

if($u===false){ $ad=$record['id_pengirim'];

$hasil3 = mysql_fetch_array ( mysql_query ( " SELECT * FROM anggota

WHERE id_ag='$ad'"));

$l=$hasil3['uname_ag'];

}else{

$ad=$record['id_pengirim'];

$hasil4 = mysql_fetch_array ( mysql_query ( "SELECT * FROM admin

WHERE id_ad='$ad'"));

$l=$hasil4['uname']; }

echo"<tr bgcolor='#F9F9F9'>

Page 64: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

50

<td width = '5%' align = 'center' style = padding-left: 10px '>" .$record

['id_pesan']."</td>

<td width='5%' align='center' background-color='#000000'>"

.$record['nama_k'] ." </td>

<td width='10%' align='center'>".$l."</td>

<td align='center'> <a href=index.php? a = bacapesanmasuk & id_pesan=

".$record ['id_pesan']."><b>Baca</a>

<a href = moduls/pro.php? hapuspesanmasuk = ".$record ['id_pesan'] .">

<b> Hapus </a></td></tr> ";}

echo"<tr><td colspan = '4' align = center> <a href = index.php? a =

datapesan > <b> <br>Kembali</b></a></td></tr>

</table>";

?>

Setelah mengklik “baca” akan menuju ke halaman baca pesan masuk.

Halaman baca pesan masuk ditunjukan pada gambar 4.15.

Gambar 4.15 Halaman Mahasiswa Menu Pesan Baca Pesan Masuk

Setelah membaca pesan dapat juga membalas pesan tersebut dengan

menambahkan lampiran data jika diperlukan. Bentuk tampilan dari halaman

balas pesan masuk dapat dilihat pada gambar 4.16

Page 65: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

51

Gambar 4.16 Halaman Mahasiswa Menu Pesan Balas Pesan Masuk

Page 66: PENGEMBANGAN WEBSITE INKUBATOR BISNIS TEKNIK …...perpustakaan.uns.ac.id digilib.uns.ac.id FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM commit to user i PENGEMBANGAN WEBSITE INKUBATOR

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

commit to user

52

BAB V

PENUTUP

5.1 Kesimpulan

Pengembangan Website inkubator bisnis telah dibuat sebelumnya telah

ditambah beberapa fasilitas diantaranya :

1. Halaman Mahasiswa

Mahasiswa yang telah terdaftar dapat mengikuti test pekerja professional,

mengelola akun pribadi dan mengirimkan pesan sebagai media

konsultasi.

2. Halaman Perusahaan

Perusahaan yang telah mendaftar sebagai anggota dapat mengelola data

akun perusahaan dan pribadi, mengverifikasi ujian yang telah dibuat

admin, dan mengirimkan pesan sebagai media konsultasi.

3. Halaman Admin

Admin dapat melakukan manajemen akun baik akun admin dan anggota,

membuat soal ujian, membuat ujian, mengatur data perusahaan yang

telah terdaftar, mengelola nilai dari ujian yang telah dilakukan,

mengirimkan pesan sebagai media konsultasi dan mengelola berita.

Dengan adanya pengembangan website inkubator bisnis ini yang sizenya

menjadi 15,8 Mb dan penggunaan 10 tabel untuk modul tes dan konsultasi.

Diharapkan dengan adanya kedua modul ini dapat melengkapi fungsi website

inkubator bisnis dan menjadi pusat inkubator bisnis teknik informatika.

5.2 Saran

Saran-saran yang dapat penulis sampaikan diantaranya :

1. Memperbaiki tampilan website sehingga terlihat lebih menarik lagi..

2. Penambahan kualifikasi pertanyaan-pertanyaan yang lebih beragam untuk

pendaftaran calon pekerja profesional TI.