RANCANG BANGUN SISTEM INFORMASI LABORATORIUM TEKNIK ELEKTRO TERPADU UNIVERSITAS LAMPUNG BERBASIS WEB

(1)

ABSTRACT

LABORATORY INFORMATION SYSTEM DESIGN OF INTEGRATED ELECTRICAL ENGINEERING

UNIVERSITY OF LAMPUNG BASED ON WEB

MAHENDRA PRATAMA

Information technology is growing rapidly and has become one of the necessities in today's digital age. At the Laboratory of Integrated Electrical Engineering University of Lampung, consuming the stored information and management is also a time-consuming in terms of archiving. It will therefore be made in order to facilitate the Laboratory Information System users and administrators Laboratory in processing and data storage Laboratories.

This information system is built using software engineering Modified Waterfall methods by using the programming language PHP, HTML5, CSS3, JQuery, and PostgreSQL as the database. This information system is based on the needs of the entities that exist in the Laboratory of Integrated Electrical Engineering University of Lampung.

The information system has been created to facilitate the Head of Laboratory, Department, and Faculty to be able to monitor the activities that exist in each laboratory at all times and be able to process data in the laboratory, including the inventory, research data collection, a list of existing faculty in each laboratory, Standard Operation Procedure, granting free letter laboratory, practical data collection, guest book, monitoring and evaluation, and other needs.

Keyword : Laboratory Information System, Modified Waterfall, PHP, PostgreSQL, monitoring and evaluation

(2)

ABSTRAK

RANCANG BANGUN SISTEM INFORMASI LABORATORIUM TEKNIK ELEKTRO TERPADU UNIVERSITAS LAMPUNG BERBASIS WEB

Oleh

MAHENDRA PRATAMA

Teknologi Informasi semakin berkembang pesat dan telah menjadi salah satu kebutuhan di era digital sekarang ini. Pada Laboratorium Teknik Elektro Terpadu Universitas Lampung, informasi yang disimpan sangat menyita tempat dan pengelolaannya juga menyita waktu dalam hal pengarsipan. Oleh karena itu akan dibuat Sistem Informasi Laboratorium agar memudahkan pengguna maupun pengurus Laboratorium dalam pengolahan dan penyimpanan data Laboratorium. Sistem Informasi ini dibangun menggunakan metode rekayasa perangkat lunak

“Modified Waterfall”dengan menggunakan bahasa pemrograman PHP, HTML5,

CSS3, Jquery, dan PostgreSQL sebagai database. Sistem Informasi ini dibuat berdasarkan kebutuhan entitas-entitas yang ada di Laboratorium Teknik Elektro Terpadu Universitas Lampung.

Sistem Informasi yang telah dibuat dapat memudahkan Kepala Laboratorium, Jurusan, dan Fakultas untuk dapat memonitori aktifitas yang ada pada masing-masing Laboratorium setiap saat serta mampu mengolah data yang ada pada Laboratorium, termasuk dalam hal inventarisasi, pendataan penelitian, daftar dosen yang ada pada masing-masing laboratorium, Standard Operation Procedure, pemberian surat bebas Laboratorium, pendataan praktikum, buku tamu, pengisian monitoring evaluasi, dan kebutuhan lainnya.

Kata Kunci : Sistem Informasi Laboratorium, Modified Waterfall, PHP, PostgreSQL, monitoring evaluasi

(3)

(4)

RANCANG BANGUN SISTEM INFORMASI

LABORATORIUM TEKNIK ELEKTRO TERPADU

UNIVERSITAS LAMPUNG BERBASIS WEB

(Skripsi)

Oleh

Mahendra Pratama

JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS LAMPUNG

BANDAR LAMPUNG 2014

(5)

DAFTAR GAMBAR

Gambar Halaman

2.1. Alur Modified Waterfall Method ...7

2.2. Tampilan awal DreamWeaver CC ...16

3.1. Tabel Database Sistem Informasi Laboratorium ...26

3.2. Entity Relation Diagram Sistem Informasi Laboratorium ...27

3.3. Context Diagram Sistem Informasi Laboratorium ...28

3.4. DFD Level 1 Sistem Informasi Laboratorium ...29

3.5. Diagram Alir pengerjaan tugas akhir ...31

4.1. Tampilan awal phppgadmin ...41

4.2. Tampilan awal Navicat ...42

4.3. Contoh pengkoneksian database menggunakan php pada PostgreSQL ...43

4.4. Tampilan antar muka halaman index dari Sistem Informasi Laboratorium 44 4.5. Tampilan antar muka halaman index dari akses mahasiswa ...45

4.6. Tampilan antar muka halaman index dari akses PLP ...46

4.7. Tampilan antar muka halaman index dari akses dosen ...47

4.8. Tampilan antar muka halaman index dari akses Kepala Laboratorium...48

4.9. Tampilan antar muka halaman index dari akses penilai eksternal ...49

4.10. Tampilan antar muka halaman index dari akses PPMU ...50

(6)

vii

4.12. Tampilan antar muka halaman index dari akses fakultas ...51

4.13. Tampilan antar muka halaman index dari akses buku tamu laboratorium ..52

4.14. Tampilan antar muka halaman index dari akses administrator ...53

4.15. Pengujian konektifitas dengan percobaan login menggunakan komputer client ...58

4.16. Pengujian konektifitas halaman hasil pembacaan hak akses pada database ...59

4.17. Pola alur permintaan surat bebas laboratorium ...63

4.18. Form bebas laboratorium yang telah diunduh ...64

4.19. Tampilan data inventaris yang telah dicetak ...66

4.20. Tampilan hasil monitoring evaluasi dari PPMU ...70

(7)

DAFTAR ISI

Halaman

SANWACANA ... i

DAFTAR ISI ... iv

DAFTAR GAMBAR ... vi

DAFTAR TABEL ... viii

DAFTAR SINGKATAN ... xi

I. PENDAHULUAN A. Latar Belakang ... 1

B. Tujuan Penelitian ... 2

C. Manfaat Penelitian ... 3

D. Rumusan Masalah ... 3

E. Batasan Masalah ... 3

F. Sistematika Penulisan ... 4

II. TINJAUAN PUSTAKA A. Sistem Informasi Laboratorium ... 6

B. Rekayasa Perangkat Lunak ... 6

C. HTML5 ... 9

D. CSS3 ... 10

E. PHP... 11

F. Basis Data ... 13

G. PostgreSQL ... 14

H. JQuery... 15

I. DreamWeaver ... 16

III. METODE PENELITIAN A. Waktu dan Tempat ... 18

B. Alat dan Bahan ... 18

C. Tahap Penelitian ... 19

1. Analisis Kebutuhan ... 19

2. Desain Sistem ... 25

3. Penulisan Kode Program ... 30

4. Pengujian Program ... 30

(8)

D. Alur Kerja ... 30

IV. HASIL DAN PEMBAHASAN

A. Hasil... 32 1. Penulisan / Penerapan Kode Program (Implementasi Program) . 32 2. Pengujian Program . ... 53 3. Pemeliharaan dan Penerapan Program ... 61 B. Pembahasan ... 61

V SIMPULAN DAN SARAN

A. Simpulan ... 72 B. Saran ... 73

DAFTAR PUSTAKA

LAMPIRAN

I. Lokasi Penempatan Server

II. Profil Pusat Komputer (PUSKOM) Universitas Lampung III. Profil Sistem Informasi Laboratorium

IV. Peta File Program V. Hasil Quisioner

(9)

DAFTAR SINGKATAN

1. PPMU (Pusat Penjaminan Mutu Universitas) 2. WAPP (Windows Apache PHP PostgreSQL) 3. PLP (Pranata Laboratorium Pendidikan)

4. SOP (StandardOperationalProcedure)

5. HTML (Hyper Text Markup Language)

6. WHATWG (Web Hypertext Aplication Technology Working Group)

7. CSS (Cascading Style Sheet)

8. W3C (World Wide Web Consortium)

9. PHP (Hypertext Preprocessor)

10. HTTP (Hypertext Transfer Protocol) 11. DBMS (Database Management System)

12. DBA (Database Administrator)

13. MVCC (Multi-Version Currency Control)

14. ERD (Entity Relation Diagram)

15. CD (Context Diagram)

16. DFD (Data Flow Diagram)

17. Monev (Monitoring Evaluasi)

18. CRUD (Create, Read, Update, Delete)

(10)

DAFTAR TABEL

Tabel Halaman

3.1. Jadwal Kegiatan Penelitian ... 18

4.1. Tabel bebas_db ... 32

4.2. Tabel evaluasi_db ... 33

4.3. Tabel monev_db ... 33

4.4. Tabel pinjam_db ... 34

4.5. Tabel inventaris_db... 34

4.6. Tabel penggunaan_db ... 34

4.7. Tabel riset_db ... 35

4.8. Tabel tlab_db ... 35

4.9. Tabel klab_db ... 35

4.10. Tabel dosen_db ... 35

4.11. Tabel login_db ... 36

4.12. Tabel sop_db ... 36

4.13. Tabel visi_db ... 36

4.14. Tabel misi_db ... 36

4.15. Tabel profil_db ... 36

4.16. Tabel kerja_db ... 37

(11)

4.18. Tabel bagan_db ... 37

4.19. Tabel tupoksi_db ... 37

4.20. Tabel etika_db ... 37

4.21. Tabel inven_db ... 37

4.22. Tabel fas_db ... 38

4.23. Tabel fklts_db ... 38

4.24. Tabel pengajuan_db ... 38

4.25. Tabel praktikum_db ... 38

4.26. Tabel menginap_db... 39

4.27. Tabel tamu_db ... 39

4.28. Tabel abdi_db ... 39

4.29. Tabel artikel_db ... 40

4.30. Tabel ppmu_db ... 40

4.31. Tabel ta_db ... 40

4.32. Tabel assisten_db ... 40

4.33. Tabel contact_db... 41

4.34. Perintah-Perintah SQL Query ... 43

4.35. Tabel Fungsional user ... 54

4.36. Tabel Fungsional mahasiswa... 54

4.37. Tabel Fungsional dosen ... 55

4.38. Tabel Fungsional PLP ... 55

4.39. Tabel Fungsional Kepala Laboratorium ... 55

4.40. Tabel Fungsional Jurusan ... 56

(12)

4.42. Tabel Fungsional PPMU ... 57 4.43. Tabel Fungsional Penilai Eksternal ... 57 4.44. Tabel komparasi Sistem Informasi dengan penjaminan mutu ... 60

(13)

(14)

(15)

(16)

PERSEMBAHAN

Skripsi ini kupersembahkan untuk:

1. Papa dan Mama tersayang, yang telah membesarkan dan membimbing saya dari kecil, yang selalu memberikan motivasi dan nasihat dalam penyelesaian skripsi ini.

2. Kak Nia dan Mas Doni, yang selalu memberikan motivasi positif untuk menyelesaikan skripsi dan berani untuk menatap masa depan.

(17)

RIWAYAT HIDUP

Penulis dilahirkan di Bandar Lampung pada tanggal 15 Desember 1991, sebagai anak kedua dari dua bersaudara, dari Bapak Moneyzar Usman dan Ibu Nani Winarni.

Pendidikan Taman Kanak-kanak (TK) Dharma Wanita diselesaikan tahun 1998, Sekolah Dasar (SD) diselesaikan di SDN 2 Rawa Laut, Bandar Lampung pada tahun 2004, Sekolah Menengah Pertama (SMP) di SMPN 23 Bandar Lampung pada tahun 2007, dan Sekolah Menengah Akhir (SMA) di SMAN 5 Bandar Lampung pada tahun 2010.

Tahun 2010, penulis terdaftar sebagai mahasiswa Jurusan Teknik Elektro Universitas Lampung melalui jalur SNMPTN. Selama menjadi mahasiswa penulis pernah menjadi asisten praktikum Dasar Telekomunikasi dan Aktif di Organisasi Himpunan Mahasiswa Teknik Elektro (HIMATRO) Universitas Lampung. Pada tahun 2013, Penulis melakukan Kerja Praktek di Laboratorium Komputer Teknik Elektro Universitas Lampung.

(18)

SANWACANA

Bismillahirahmanirrahim…

Puji syukur Penulis ucapkan kehadirat Allah SWT, karena atas rahmat dan hidayah-Nya skripsi ini dapat diselesaikan tepat pada waktunya. Skripsi yang berjudul

“Rancang Bangun Sistem Informasi Laboratorium Teknik Eelektro Terpadu Universitas Lampung Berbasis Web” adalah salah satu syarat untuk memperoleh gelar sarjana Teknik di Universitas Lampung.

Dalam kesempatan ini penulis mengucapkan terima kasih kepada: 1. Prof. Suharno, M.Sc. Ph.D selaku Dekan Fakultas Teknik;

2. Agus Trisanto S.T., M.T., selaku Ketua Jurusan Teknik Elektro, Universitas Lampung;

3. Muhamad Komarudin, S.T., M.T., selaku Pembimbing Utama, atas kesediaan waktunya memberikan bimbingan, saran, masukan, motivasi, dan pengarahan yang membangun dalam proses penyelesaian skripsi ini;

4. Dr. Helmy Fitriawan, S.T., M.Sc., selaku Pembimbing Kedua, yang telah meluangkan waktunya atas bimbingan, saran, masukan, serta kritik dalam menyelesaikan skripsi ini;

5. Raden Arum S. P., S.Si., M.T., selaku Penguji Utama, yang telah memberikan kritik, saran, dan koreksi untuk kemajuan penulis dalam penyelesaian skripsi ini;

(19)

6. Ibu Herlinawati, S.T.,M.T. selaku Sekretaris Jurusan Teknik Elektro;

7. Seluruh Dosen Jurusan Teknik Elektro Universitas Lampung, atas pengajaran dan bimbingan yang telah diberikan kepada penulis selama menjadi mahasiswa Teknik Elekto Universitas Lampung;

8. Mbak Ning, Mas Daryono dan seluruh jajarannya atas semua bantuannya dalam menyelesaikan urusan administrasi di Jurusan Teknik Elektro Universitas Lampung;

9. Seluruh teknisi dan kepala Laboratorium Terpadu Teknik Elektro Universitas Lampung yang membantu penulis untuk menyelesaikan kebutuhan dalam pembuatan sistem pada skripsi ini;

10. Papa, Mama, Kak Nia, dan Mas Dony yang selalu memberikan masukan,

nasihat, dorongan, dan do’a kepada saya untuk menyelesaikan skripsi ini; 11. Nurul, Jerry, Lia, Deny, Deky, Derry C., Neddy, Triawan, Firman, Fandi, dan

Santoso yang selalu mensupport saya dalam menuntut ilmu;

12. Yudi, Ucup, Bagus, Victor, M. Jerry, Ipin, Andri, Anwar, Derry, Joe, Devy, Kiki, dan teman-teman Teknik Elektro 2010 tercinta yang tidak bisa saya tuliskan satu persatu namanya atas dukungan dan telah memberikan semangat pada saya;

13. Kak Bayu, Kak Tomy, Hanang, Mbak Caca, dan rekan-rekan di PUSKOM yang telah mengajarkan dan membimbing saya sehari-hari;

14. Fendi, Taha, Fedriyan, Dewi, Mardiyah, Okta, Roby, Aris, Mas Qodar dan seluruh penghuni Lab Telkom atas supportnya untuk menyelesaikan skripsi ini; 15. Bima, Alin, Sisi, Ata, Rio, Udin, Shinta, dan Tri atas supportnya dan

(20)

16. Yayang, Lando, Miftah, dan teman-teman Beswan Djarum lainnya yang memberikan saya support dalam pengerjaan Tugas Akhir ini;

17. Rekan-rekan mahasiswa Jurusan Teknik Elektro Unila dan rekan-rekan mahasiswa yang lain yang tidak mungkin penulis sebutkan satu per-satu. Akhir kata, Penulis meminta maaf karena menyadari masih ada kekurangan pada tugas akhir yang dikerjakan ini, untuk itu kritik dan saran yang membangun masih diperlukan demi kemajuan di masa depan. Semoga Allah SWT membalas kebaikan semua pihak yang telah membantu penulis dalam penyelesaian Tugas Akhir ini.

Wassalamu’alaikum Wr. Wb.

Bandar Lampung, 15 Agustus 2014 Penulis

(21)

I. PENDAHULUAN

A. Latar Belakang

Teknologi Informasi semakin berkembang pesat dan telah menjadi salah satu kebutuhan di era digital sekarang ini. Hampir semua perusahaan, instansi, bahkan universitas memiliki Sistem Informasi mereka sendiri untuk membantu atau memudahkan mereka dalam mengolah dan menyimpan data. Sistem Informasi banyak digunakan karena lebih bermanfaat daripada bekerja secara manual, selain waktu bekerja jadi semakin efektif dan efisien, memudahkan penyimpanan data menjadi lebih rapih, juga memudahkan untuk memonitori aktivitas tanpa harus melihat secara langsung. Melalui Sistem Informasi ini pun masyarakat dapat dengan mudah memperoleh informasi yang dia butuhkan.

Pada Laboratorium Teknik Elektro Terpadu Universitas Lampung, informasi yang disimpan sangat menyita tempat dan pengelolaannya juga menyita waktu dalam hal pengarsipan. Ketika Kepala Laboratorium ingin melihat data-data mengenai pengelolahan Laboratorium juga harus menyempatkan diri datang langsung ke Laboratorium. Dalam hal penilaian mutu oleh Pusat Penjaminan Mutu Universitas (PPMU) juga demikian. Oleh karena itu akan dibuat Sistem Informasi Laboratorium agar memudahkan pengguna maupun pengurus Laboratorium dalam pengolahan dan penyimpanan data Laboratorium.

(22)

Sistem Informasi ini di bangun menggunakan Bahasa Pemrograman PHP dan PostgreSQL, dengan menggunakan software Adobe DreamWeaver CC dan WAPP (Windows Apache PHP PostgreSQL). PHP merupakan bahasa pemrograman yang digunakan untuk membuat program website di mana kode program yang telah dibuat digabungkan dan dijalankan pada sisi server oleh Apache untuk menghasilkan halaman website, bahasa pemrograman ini dapat menggunakan struktur dasar pemrograman HTML5 dan juga CSS3 sebagai tampilannya. Sedangkan PostgreSQL merupakan salah satu perangkat lunak untuk manajemen database SQL.

Sistem Informasi ini akan digunakan oleh Pranata Laboratorium Pendidikan (PLP), dan Kepala Laboratorium untuk memanajemen data laboratorium, sehingga dapat dimonitoring oleh Jurusan, Fakultas, dan PPMU, dan juga dapat memberikan informasi mengenai laboratorium oleh user, mahasiswa, dan dosen yang menggunakan sistem ini.

B. Tujuan Penelitian

Tujuan dari penelitian ini adalah:

1. Merancang dan membangun sebuah Sistem Informasi Laboratorium Teknik Elektro Terpadu yang nantinya dapat diaplikasikan di kemudian hari.

2. Memudahkan proses pengolahan data di Laboratorium Teknik Elektro Terpadu Universitas Lampung.

(23)

3. Memudahkan penyimpanan data tanpa harus memenuhi ruangan kerja dan terhindar dari tumpukan kertas pada Laboratorium Teknik Elektro Terpadu Universitas Lampung.

C. Manfaat Penelitian

Manfaat dari penelitian ini adalah:

1. Sistem dapat mengefisiensikan waktu pemasukan data, pencarian data, pengubahan data, dan penghapusan data.

2. Sistem dapat memudahkan PPMU dan Penilai Eksternal untuk memonitori kegiatan Laboratorium tanpa harus datang secara langsung.

3. Sistem dapat meningkatkan standard mutu Laboratorium.

D. Rumusan Masalah

1. Bagaimana informasi Laboratorium bisa disimpan tanpa memenuhi tempat dan mudah untuk dicari?

2. Bagaimana informasi Laboratorium bisa terus dimonitor oleh Kepala Laboratorium, Jurusan, Fakultas, dan unit penjaminan mutu?

3. Bagaimana membuat waktu lebih efisien dalam memberikan informasi antara PLP, Kepala Laboratorium, Jurusan, Fakultas, dan unit penjaminan mutu?

E. Batasan Masalah

Laporan penelitian ini membahas mengenai perancangan Sistem Informasi berbasis web pada Laboratorium Teknik Elektro Terpadu Universitas Lampung,

(24)

yaitu sistem informasi untuk memudahkan dalam pembuatan surat bebas laboratorium, penggunaan alat, pendataan inventaris, buku tamu, peminjaman alat, pengajuan alat, SOP laboratorium, dan memudahkan untuk memberikan informasi ke pengguna. Laporan ini tidak membahas konsep dan penulisan pemrograman web dengan HTML5, CSS3, Javascript, PHP dan PostgreSQL juga mengenai pemeliharaan, penginstalan web ke dalam server dan yang berhubungan mengenai server database secara mendalam.

F. Sistematika Penulisan

Dalam pembahasan laporan penelitian ini, sistematika penulisan yang digunakan adalah sebagai berikut :

I. PENDAHULUAN

Bab ini meliputi latar belakang, batasan masalah, rumusan masalah, tujuan penelitian, metode penelitian, dan sistematika penulisan.

II. TINJAUAN PUSTAKA

Bab ini berisi prinsip, pengetahuan, rumus, dan teori penunjang tentang HTML5, CSS3, PHP, JQuery, DreamWeaver, WAPP, dan PostgreSQL. III. METODE PENELITIAN

Bab ini berisi mengenai metode yang digunakan dalam pembuatan Sistem Informasi ini.

IV. PEMBAHASAN

Pada bab pembahasan berisi tentang perancangan sistem informasi yang akan dibuat, dan penjelasan user interface-nya, analisa sistem yang telah dibuat. V. PENUTUP

(25)

Simpulan dan saran hasil penelitian. DAFTAR PUSTAKA

(26)

II. TINJAUAN PUSTAKA

A. Sistem Informasi Laboratorium

Sistem Informasi Laboratorium adalah sebuah sistem yang menyimpan informasi dari sebuah laboratorium, yang dimana data tersebut disimpan agar dapat terkelola secara efisien. Sistem Informasi ini mencakup semua kegiatan yang ada pada laboratorium tersebut, mulai dari alat yang tersedia, siapa saja yang menggunakan alat tersebut, siapa saja yang keluar masuk laboratorium, surat menyurat, pengarsipan data, dan lain-lain. Dengan adanya Sistem Informasi Laboratorium ini dibuat akan:

1. Memudahkan dalam hal pengarsipan data laboratorium. 2. Mengefisiensikan waktu pencarian data laboratorium.

3. Mudah dimonitor oleh Kepala Laboratorium ataupun instansi lainnya. 4. Memudahkan dalam penilaian penjaminan mutu laboratorium.

5. Melalui penginputan data ke server dapat lebih mudah dibandingkan penginputan data secara manual.

B. Rekayasa Perangkat Lunak

Rekayasa Perangkat Lunak adalah aplikasi ilmu komputer untuk membangun suatu sistem perangkat lunak yang membahas semua aspek produksi, mulai dari

(27)

tahapan awal, sampai pemeliharaan sistem setelah digunakan. Tujuan dilakukannya rekayasa perangkat lunak untuk sistem yang akan dibangun adalah: 1. Memperoleh biaya produksi software yang rendah.

2. Menghasilkan perangkat lunak berkinerja tinggi, handal dan tepat waktu. 3. Menghasilkan perangkat lunak yang dapat bekerja pada berbagai platform.

4. Menghasilkan perangkat lunak dengan biaya perawatan rendah.

Rekayasa perangkat lunak yang digunakan pada perancangan sistem ini adalah

Modified Waterfall Method atau metode modifikasi air terjun. Alur dari rekayasa perangkat lunak metode ini dapat dilihat pada Gambar 2.1 di bawah ini.

Gambar 2.1. Alur ModifiedWaterfallMethod

Berdasarkan Gambar 2.1 di atas maka alur modified waterfall terbagi menjadi 5 tahapan, yaitu:

1. Analisis Kebutuhan

Pada tahap ini dilakukan analisis untuk keperluan dari sistem tersebut. Analisis ini dapat dilakukan dengan melakukan metode study literatur, wawancara langsung, ataupun dengan menggunakan quisioner pertanyaan.

(28)

2. Desain Sistem

Kemudian tahap selanjutnya adalah melakukan pendesainan sistem yang akan dibuat. Desain sistem yang dibuat mencakup:

a. ERD (Entity Relation Diagram)

Adalah suatu diagram perancangan sistem yang menyatakan relasi yang terdapat pada basis data sistem tersebut. ERD hanya mencakup tabel

database yang ada pada sistem. b. CD (ContextDiagram)

Adalah suatu diagram perancangan sistem yang menyatakan alur kerja sistem tersebut secara menyeluruh beserta entitas yang bekerja didalamnya.

c. DFD (Data Flow Diagram)

Adalah suatu diagram pengembangan dari CD di mana pada diagram ini menjelaskan alur kerja suatu sistem sesuai dengan entitasnya masing-masing. Perbedaannya dibandingkan CD adalah DFD lebih menjelaskan alur kerja sistem secara terperinci dibandingkan CD. 3. Penulisan Kode Program (Implementasi)

Setelah itu dilakukan penulisan kode program sesuai dengan hasil analisa dan pendesainan yang telah dilakukan sebelumnya. Penulisan kode program bisa menggunakan perangkat lunak pendukung seperti Notepad++, DreamWeaver, Sublime Text, Lobster, Netbeans, Eclipse, dan lain-lain. 4. Pengujian Program

Kemudian dilakukan pengujian sistem apakah sesuai dengan yang dibutuhkan atau tidak.

(29)

5. Pemeliharaan

Dan terakhir dilakukan pemeliharaan sistem agar sistem yang dibuat dapat dikelola lebih baik.

C. HTML5

HTML5 adalah bentuk penyempurnaan dari versi HTML (Hyper Text Markup

Language) sebelumnya yang merupakan sebuah bahasa markah untuk

menstukturkan dan menampilkan isi dari World Wide Web. HTML5 adalah revisi kelima dari versi HTML dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia, dan juga mudah dimengerti oleh mesin. [1]

HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG (Web Hypertext Application Technology Working Group). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :

1. Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript

2. Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )

3. Penanganan kesalahan yang lebih baik

(30)

5. HTML5 merupakan perangkat mandiri

6. Proses pembangunan dapat terlihat untuk umum

Fitur baru dalam HTML5 :

1. Unsur kanvas untuk menggambar

2. Video dan elemen audio untuk media pemutaran

3. Dukungan yang lebih baik untuk penyimpanan secara offline

4. Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav,

section

5. Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search. [2]

D. CSS3

CSS3 adalah Cascading Style Sheet versi ke 3, yaitu pengatur dan pengendali tampilan sebuah halaman blog/web. CSS3 melakukan penataan terhadap komponen HTML maupun XHTML pada halaman web sehingga menghasilkan tampilan yang ramah di mata atau retina friendly. [3]

CSS pada mulanya dipelopori dan dikembangkan serta distandarisasi oleh World Wide Web Consortium atau W3C pada tahun 1996. CSS versi ketiga melakukan berbagai pemutakhiran terhadap kemampuannya beradaptasi dengan teknologi multimedia yang semakin modern, di antara pemutakhiran tersebut adalah:

1. CSS3 mampu membuat efek animasi secara independent tanpa membutuhkan software tambahan seperti Adobe Flash dan Microsoft Silverlight.

(31)

2. CSS3 mampu memberikan efek grafis terhadap teks, kolom, table serta penataan huruf.

3. CSS3 mampu menampilkan berbagai macam dan jenis huruf selain web-safe fonts.

4. CSS3 mampu merekonstruksi secara visual tampilan blok, seperti merubah ukuran kotak, transformasi 2D/ 3D, memberikan efek sudut dan bayangan.

5. CSS3 mampu memanipulasi secara visual warna, desain maupun tekstur. [2]

E. PHP

PHP merupakan singkatan dari “Hypertext Preprocessor”, yang merupakan

sebuah bahasa pemrograman untuk membuat website di mana kode program yang telah dibuat dikompilasi dan ditempatkan pada sisi server untuk menghasilkan halaman website yang dinamis. PHP merupakan perangkat lunak open source. Penulisan kode program PHP menyatu dengan HTML yang berjalan pada sisi server. [4]

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. Jadi semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam web -nya.

Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script

(32)

PERL yang dibuatnya untuk membuat halaman web-nya menjadi dinamis. Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI, kependekan dari Hypertext Preprocessing/Form Interpreter. Dengan perilisan kode sumber ini menjadi open source, banyak

programmer yang tertarik untuk ikut mengembangkan PHP.

Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML. Pada rilis ini interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang software-nya.

PHP versi 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP

scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting

ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan web server.

(33)

PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi

web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek. [2]

F. Basis Data

Basis data adalah sekumpulan data yang tersimpan secara sistematis di dalam komputer dan dapat diolah sehingga memperoleh suatu informasi yang diinginkan. Basis data merupakan aspek yang sangat penting dalam sistem informasi dimana basis data merupakan gudang penyimpanan data yang akan diolah lebih lanjut. Basis data menjadi penting karena dapat menghidari duplikasi data, hubungan antar data yang tidak jelas, organisasi data, dan juga update yang rumit.

Proses memasukkan dan mengambil data ke dan dari media penyimpanan data memerlukan perangkat lunak yang disebut dengan sistem manajemen basis data

(database managementsystem atau DBMS). DBMS merupakan sistem perangkat

lunak yang memungkinkan user untuk memelihara, mengontrol, dan mengakses data secara praktis dan efisien. Dengan kata lain semua akses ke basis data akan ditangani oleh DBMS. Ada beberapa fungsi yang harus ditangani DBMS yaitu mengolah pendefinisian data, dapat menangani permintaan pemakai untuk mengakses data, memeriksa sekuritas dan integritas data yang didefinisikan oleh

(34)

DBA (Database Administrator), menangani kegagalan dalam pengaksesan data yang disebabkan oleh kerusakan sistem maupun disk, dan menangani unjuk kerja semua fungsi secara efisien.

Tujuan utama dari DBMS adalah untuk memberikan tinjauan abstrak data kepada

user (pengguna). Jadi sistem menyembunyikan informasi tentang bagaimana data disimpan, dipelihara, dan tetap dapat diambil (akses) secara efisien. Pertimbangan efisien di sini adalah bagaimana merancang struktur data yang kompleks tetapi masih tetap bisa digunakan oleh pengguna awam tanpa mengetahui kompleksitas strukturnya. [5]

G. PostgreSQL

PostgreSQL adalah open source relation database system yang sangat powerful. PostgreSQL sudah lebih dari 15 tahun aktif dalam pengembangannya dan arsitektur yang dibangun pun memiliki reputasi yang bagus, handal, lengkap, dan akurat. PostgreSQL dapat berjalan di semua sistem operasi yang ada, termasuk Linux, Unix (AIX, BSd, HP-UX, SGI IRIX, Mac OS X, Solaris, Tru64), dan Windows. PostgreSQL mendukung penuh foreign keys, joins, views, triggers, dan

stored procedures. PostgreSQL memiliki hampir semua data type SQL92 dan SQL99, termasuk integer, numeric, boolean, char, varchar, data, interval, dan

timestamp. PostgreSQL juga memiliki kemampuan menyimpan objek binary yang cukup besar, termasuk gambar, suara, dan video. Selain itu postgre memiliki

native programming interface untuk C/C++, Java, Perl, Python, Ruby, Tcl, ODBC, dll.

(35)

PostgreSQL membanggakan fitur-fiturnya yang mutakhir, contohnya Multi-Version Concurrency Control (MVCC), point in time recovery, tablespaces,

asynchronous replication, nested transactions (savepoints), online/hot backups, a sophisticated query planner/optimizer, dan write ahead logging for fault tolerance. Postgre juga mendukung international character sets, multibyte character encodings, Unicode, and locale-aware for sorting, case-sensitivity, and formatting. Selain itu, PostgreSQL dapat diukur baik kualitas datanya maupun jumlah concurent user yang dapat ditangani. Ada beberapa sistem Postgre yang aktif dalam lingkungan produksi yang memanage data sebesar 4 terabytes. [6]

H. JQuery

JQuery adalah sebuah framework berbasiskan Javascript. JQuery sama dengan

Javascript Library yaitu kumpulan kode atau fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. Hal yang menarik dari JQuery adalah penekanan interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. [7]

Beberapa kemampuan yang dimiliki oleh JQuery sebagai berikut: 1. Kemudahan mengakses elemen-elemen HTML

2. Memanipulasi elemen HTML 3. Memanipulasi CSS

4. Penanganan event HTML

5. Efek-efek javascript dan animasi 6. Modifikasi HTML DOM

(36)

7. AJAX

8. Menyederhanakan kode javascript lainnya [8]

I. DreamWeaver

Adobe Dreamweaver adalah program aplikasi pengembang yang berguna untuk mendesain web. Software Adobe Dreamweaver dibuat dan dikembangkan oleh Adobe Systems. Perangkat lunak komputer ini memiliki kelebihan pada kemudahan penggunaannya. Pembuatan website dapat dilakukan secara visual, sehingga hasilnya dapat langsung terlihat. Interface disajikan dalam mode visual tanpa kode HTML atau dalam mode HTML. Teknologi web yang didukung juga sangat beragam dan terkini, termasuk untuk kebutuhan pengembangan aplikasi

mobile. Tampilan dari Adobe DreamWeaver CC dapat dilihat pada Gambar 2.2 sebagai berikut:

Gambar 2.2.Tampilan awal DreamWeaverCC

Program Adobe Dreamweaver banyak diaplikasikan dan digunakan oleh kalangan pengguna komputer di bidang desainer dan programmer web. Adobe

(37)

Dreamweaver merupakan software komersial. Adobe DreamweaverCC dapat dijalankan di sistem operasi Windows 7 atau Windows 8.

Berikut penjelasan mengenai kebutuhan sistem dan persyaratan Instalasi Adobe DreamweaverCC:

Processor : Intel Pentium 4, AMD Athlon 64 Sistem operasi : Windows 7 atau Windows 8 Kapasitas Harddisk : Minimal 1 GB

Memori / Random Access Memory (RAM) : Minimal 1 GB Resolusi monitor : 1280x1024 piksel [9]

(38)

III. METODE PENELITIAN

A. Waktu dan Tempat

Penelitian dan pembuatan Tugas Akhir ini dilakukan pada : Waktu : Februari 2014 – Juli 2014.

Tempat : Laboratorium Terpadu Teknik Elektro Universitas Lampung

Jadwal kegiatan penelitian yang dilakukan dapat dilihat pada Tabel 3.1.

Tabel 3.1 Jadwal Kegiatan Penelitian

No Aktifitas Februari Maret April Mei Juni Juli

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 Analisis

Kebutuhan

2 Desain Sistem

3 Penulisan Kode

Program

4 Seminar Usul

5 Pengujian Program

Pemeliharaan dan Penerapan Program 7 Seminar Hasil 8 Ujian _Komprehensif

B. Alat dan Bahan

Adapun alat dan bahan yang digunakan pada penelitian dan pembuatan Tugas Akhir ini adalah:

(39)

1. Satu buah Personal Computer (PC) dengan spesifikasi: - Processor : intel core i5 3570k,

- Motherboard : Asus Extreme 4 Z77

- Video Grafik : Zotac 660Ti Amp 2GB

- RAM : 8GB

- Sistem Operasi : Windows 7 64 Bit 2. Software Pendukung seperti:

- Corel Draw X6 Mendesain Header, dan Rancangan template sistem - Adobe Photoshop CC Mendesain logo unila

- Adobe DreamWeaver CC Penulisan kode program

- Bitnami WAPP Paket modul Windows, Apache, PHP, dan PostgreSQL - Sublime Penulisan kode program

C. Tahap Penelitian

Penyusunan laporan penelitian ini menggunakan metode modified waterfall untuk rekayasa perangkat lunak, yang telah dijelaskan pada Bab II (dua) subbab B. Berikut penjelasan dan tahapan dari modified waterfall ini :

1. Analisis Kebutuhan:

Tahap pertama adalah menganalisa dan mencari tahu informasi yang dibutuhkan untuk di masukkan ke dalam sistem informasi ini. Pada tahap ini yang dilakukan adalah mewawancarai PLP, kepala lab, jurusan, fakultas, dan civitas-civitas yang menggunakan laboratorium. Berdasarkan hasil wawancara di peroleh kebutuhan sistem sebagai berikut:

(40)

a) Kebutuhan Fungsional User

Berita / Artikel Denah Laboratorium Struktur Laboratorium

Sarana dan Prasarana Laboratorium

b) Kebutuhan Fungsional Mahasiswa Berita / Artikel

Pendaftaran Surat Bebas Laboratorium

Pendaftaran Surat Izin Menggunakan Laboratorium untuk Penelitian dan Tugas Akhir

Struktur Laboratorium SOP

Pengaturan User

Quisioner

c) Kebutuhan Fungsional Dosen Berita / Artikel

Pendaftaran Penggunaan Laboratorium untuk Penelitian Struktur Laboratorium

Sarana dan Prasarana Laboratorium SOP

(41)

d) Kebutuhan Fungsional PLP Menulis Berita / Artikel

Verifikasi Surat Bebas Laboratorium Melihat data Penggunaan Laboratorium Meng-input data Pengabdian

Meng-input data Riset

Pemasukan Inventaris dan Fasilitas Mendata Penggunaan Alat

Meng-input Praktikum beserta Modul Praktikum Meng-input Visi dan Misi

Mengajukan Alat

Meng-input Peminjaman Alat Buku Tamu

Meng-input Nama Asisten dan Staff Melihat Hasil Quisioner

Meng-input data Pengajuan Alat Pengaturan User

Memberikan LoginAccess ke Member Laboratorium (Dosen dan Mahasiswa)

e) Kebutuhan Fungsional Kepala Laboratorium Menulis Berita / Artikel

Verifikasi Surat Bebas Laboratorium Melihat data Penggunaan Laboratorium

(42)

Melihat data Pengabdian Melihat data Riset

Melihat Inventaris, Fasilitas, dan Riwayat Penggunaan Alat Melihat Praktikum beserta Modul Praktikum

Meng-input Visi dan Misi Melihat data Pengajuan Alat Melihat Peminjaman Alat Buku Tamu

Meng-input Nama PLP Melihat Hasil Quisioner

Meng-input Borang Monitoring Evaluasi Pengaturan User

Memberikan Login Acces ke Member Laboratorium (PLP, Dosen, dan Mahasiswa)

f) Kebutuhan Fungsional Jurusan Berita / Artikel

Melihat data Pengajuan Surat Bebas Laboratorium pada masing-masing lab

Melihat data Penggunaan Laboratorium untuk Penelitian dan Tugas Akhir pada masing-masing lab

Melihat data Riset pada masing-masing lab Melihat data Pengabdian pada masing-masing lab

(43)

Melihat Inventaris, Fasilitas, dan Riwayat Penggunaan Alat pada masing-masing lab

Melihat Praktikum yang terdapat pada masing-masing lab SOP pada masing-masing lab

Melihat Struktur Kepengurusan Laboratorium dan Meng-input

data Kepala Laboratorium Melihat data Pengajuan Alat

Melihat Daftar Tamu pada masing-masing lab

Melihat hasil Quisioner Laboratorium pada masing-masing lab Melihat hasil Monitoring Evaluasi pada masing-masing lab Pengaturan User

Memberikan Login Acces ke Member Laboratorium (Kepala Laboratorium, PLP, Dosen, dan Mahasiswa)

g) Kebutuhan Fungsional Fakultas Berita / Artikel

Melihat data Pengajuan Surat Bebas Laboratorium pada masing-masing lab

Melihat data Penggunaan Laboratorium untuk Penelitian dan Tugas Akhir pada masing-masing lab

Melihat data Riset pada masing-masing lab Melihat data Pengabdian pada masing-masing lab

Melihat Inventaris, Fasilitas, dan Riwayat Penggunaan Alat pada masing-masing lab

(44)

Melihat Praktikum yang terdapat pada masing-masing lab SOP pada masing-masing lab

Melihat Struktur Kepengurusan Laboratorium Melihat data Pengajuan Alat

Melihat Daftar Tamu pada masing-masing lab

Melihat hasil Questioner Laboratorium pada masing-masing lab Melihat hasil Monitoring Evaluasi pada masing-masing lab Pengaturan User

h) Kebutuhan Fungsional PPMU

Melihat data Penggunaan Laboratorium untuk Penelitian dan Tugas Akhir pada masing-masing lab

Melihat data Pengabdian pada masing-masing lab Melihat data Riset pada masing-masing lab

Melihat Fasilitas dan Inventaris serta Penggunaan Alat pada masing-masing lab

Melihat Praktikum yang terdapat pada masing-masing lab Melihat SOP pada masing-masing lab

Melihat Alat yang diajukan pada masing-masing lab Melihat Peminjaman Alat pada masing-masing lab

Melihat Pengunjung / Buku Tamu pada masing-masing lab Memberikan Penilaian Evaluasi setelah Kepala Laboratorium mengisi Borang

(45)

i) Kebutuhan Fungsional Penilai External Artikel / Berita

Melihat data Penggunaan Laboratorium untuk Penelitian dan Tugas Akhir pada masing-masing lab

Melihat data Pengabdian pada masing-masing lab Melihat data Riset pada masing-masing lab

Melihat Saran dan Prasarana serta Riwayat Pengunaan Alat pada masing-masing lab

Melihat Praktikum yang terdapat pada masing-masing lab SOP pada masing-masing lab

Struktur Laboratorium

Melihat hasil Monitoring Evaluasi yang dilakukan oleh Kepala Laboratorium dan PPMU

Pengaturan User

2. Desain Sistem:

Langkah selanjutnya adalah mendesain database dan sistem informasi agar lebih menarik dilihat, dan juga mudah digunakan. Pada tahap ini desain sistem yang dibuat adalah:

a. ERD (Entity Relation Diagram).

Pada tahap ini pertama-tama dibuat tabel diagram database seperti yang diperlihatkan pada Gambar 3.1 ini.

(46)

Gambar 3.1. Tabel Database Sistem Informasi Laboratorium

Kemudian selanjutnya membuat Diagram Relasi antar Entitas yang dapat dilihat pada Gambar 3.2 di bawah ini.

(47)

Gambar 3.2. Entity Relation Diagram Sistem Informasi Laboratorium

b. CD (ContextDiagram)

Tahap ini dilakukan untuk menentukan cara kerja Sistem Informasi Laboratorium secara keseluruhan. Cara kerja Sistem Informasi Laboratorium ini dapat dilihat Diagram atau pada Gambar 3.3. di bawah ini.

(48)

Gambar 3.3. Context Diagram Sistem Infomasi Laboratorium

c. DFD (DataflowDiagram)

Pembuatan Diagram selanjutnya adalah DFD yang bertujuan untuk menentukan cara kerja Sistem Informasi dari tiap-tiap entitas. DFD merupakan Diagram yang menjelaskan rincian dari Context Diagram

(CD) sesuai dengan entitasnya masing-masing. DFD terbagi menjadi beberapa level dimulai dari DFD level 0 (Context Diagram), Level 1 untuk menjelaskan rincian dari Context Diagram, dan Level 2 untuk menjelaskan cara kerja sistem sesuai dengan entitasnya masing-masing. Untuk DFD level 1 dapat dilihat pada Gambar 3.4 berikut ini.

(49)

(50)

3. Penulisan Kode Program:

Setelah mendesain sistem, selanjutnya adalah menuliskan kode program ke dalam bahasa PHP menggunakan software pendukung seperti Sublime Text ataupun DreamWeaver CC.

4. Pengujian Program:

Pengujian Program yang akan dilakukan ada 2 tahapan, yaitu pengujian fungsional untuk mengetahui apakah semua fungsi dari masing-masing entitas yang telah dibuat sesuai dengan analisis kebutuhan berjalan dengan baik atau tidak, dan pengujian konektifitas untuk mengetahui apakah sistem bisa diakses dan database dapat terkoneksi dengan baik oleh komputer

client atau tidak. Pengujian ini dilakukan dengan cara mendatangkan masing-masing entitas untuk melakukan pengujian sistem dan mengisikan

quisioner.

5. Pemeliharaan dan Penerapan Program:

Terakhir dilakukan pemeliharaan Sistem yang terdapat pada server dengan melakukan backup database sebulan sekali agar terhindar dari kehilangan data ketika terjadi gangguan yang tidak diinginkan yang menyebabkan sistem tidak dapat diakses kembali.

D. Alur Kerja

Untuk memperjelas alur penelitian ini, disusun sebuah alur kerja berupa diagram alir (Flowchart) yang akan memandu kerja penelitian ini dapat dilihat pada Gambar 3.5 sebagai berikut:

(51)

(52)

V. SIMPULAN DAN SARAN

A. Simpulan

Berdasarkan Perancangan dan Bangun Sistem Informasi Laboratorium ini maka dapat disimpulkan sebagai berikut:

1. Sudah terbangun sebuah Sistem Informasi Laboratorium Teknik Elektro Terpadu Universitas Lampung yang telah terpasang di BBS UNILA.

2. Proses pengolahan dan penyimpanan data dapat dengan mudah karena data disimpan di dalam database yang ada pada server dan dapat mengurangi tumpukan kertas pada Laboratorium Teknik Elektro Terpadu Universitas Lampung.

3. Berdasarkan hasil survey lebih dari 90% mengatakan bahwa Sistem Informasi Laboratorium Teknik Elektro Terpadu sangat perlu untuk diaplikasikan sehingga memudahkan proses pengolahan data di Laboratorium Teknik Elektro Terpadu Universitas Lampung.

4. Berdasarkan hasil survey lebih dari 90% mengatakan bahwa Sistem Informasi Laboratorium ini sangat efisien dibandingkan pekerjaan manual karena tidak memenuhi tempat kerja dan mengurangi tumpukan kertas di Laboratorium. 5. Berdasarkan hasil pengujian, Sistem Informasi Laboratorium Teknik Elektro

Terpadu sudah terhubung dengan database dan dapat diakses menggunakan komputer client.

(53)

B. Saran

Adapun saran dari Perancangan dan Bangun Sistem Informasi Laboratorium ini adalah:

1. Penambahan penggunaan laboratorium untuk perkuliahan dan seminar, serta data log book untuk tugas akhir, pengisian biodata dosen, data informasi kerja sama (MoU) laboratorium.

2. Untuk data praktikum ditambah data praktikan agar pelaporan per praktikum setiap semesternya dapat dengan mudah disediakan, juga asisten, PLP, dan dosen penanggung jawab hanya perlu diambil dari data asisten, PLP, dan dosen pada laboratorium tersebut.

3. Peningkatan keamanan log user untuk mengetahui aktifitas yang dilakukan oleh masing-masing pemilik login pada sistem ini dan pemberian captcha pada login untuk menghindari looping pada saat salah memasukkan username

dan password.

4. Untuk segi Interface dapat dipercantik lagi sehingga pengguna nyaman. 5. Penambahan keterangan untuk verifikasi bebas lab.

6. Pembuatan template Sistem Informasi Laboratorium agar Laboratorium di Jurusan lain bisa menggunakannya, dan peningkatan Sistem Informasi Laboratorium ini digunakan untuk Sistem Infermasi Jurusan.

(54)

DAFTAR PUSTAKA

[1] Kadir, Abdul. 2011. From Zero to Pro HTML5. Penerbit ANDI. Yogyakarta. [2] M. Firgiawan Khafidli. 2011. Trik Menguasai HTML5 CSS3 PHP Aplikatif.

Penerbit Lokomedia. Yogyakarta.

[3] Kadir, Abdul. 2011. From Zero to Pro CSS. Penerbit ANDI. Yogyakarta. [4] Kadir, Abdul. 2008. Dasar Pemrograman Web Dinamis Menggunakan PHP.

Penerbit ANDI. Yogyakarta.

[5] http://www.termasmedia.com/65-pengertian/69-pengertian-database.html. Diakases tanggal 2 Juni 2014.

[6] http://suyem.blogspot.com/2009/11/postgresql.html. Diakses tanggal 18 Maret 2014.

[7] Kadir, Abdul. 2011. From Zero to Pro Javascript & JQuery. Penerbit ANDI. Yogyakarta.

[8] Kadir, Abdul. 2011. Buku Pintar jQuery dan PHP. Penerbit Mediakom. Yogyakarta.

[9] http://helpx.adobe.com/x-productkb/policy-pricing/system-requirements-dreamweaver.html. Diakses tanggal 18 Maret 2014.

[10] Afuan, Lasmedi dan Ipung Permadi. 2013. Rancang Bangun Sistem Informasi Laboratorium (SILAB) Berbasis Web di Teknik Informatika UNSOED. _ISBN

(55)

I. Lokasi Penempatan Server

Tempat : UPT-PUSKOM Universitas Lampung (BBS)

II. Profil Pusat Komputer (PUSKOM) Universitas Lampung

a. Sejarah

Perkembangan dan pemberdayaan teknologi komputer di Universitas Lampung bukanlah suatu hal yang baru. Kepeloporan Universitas Lampung untuk melakukan komputerisasi dalam pelayanannya di kalangan universitas di Indonesia, khususnya di wilayah Indonesia Bagian Barat, sudah dimulai tahun 1981, yakni ditandai dengan berdirinya Pusat Komputer Universitas Lampung. Tugas utama Pusat Komputer Universitas Lampung pada saat itu adalah mengolah data administrasi akademik. Pengelolaan data dilakukan dengan komputer merek WANG VS 80. Input data administrasi akademik, yang mulanya dilakukan secara manual oleh operator, pada tahun 1986 dilakukan dengan kertas jenis optic mark reader dan scaner jenis sentry dan

opscan. Pemutahiran penggunaan teknologi di Pusat Komputer Universitas Lampung terus diupayakan, seperti pada tahun 1996 dibangun Jaringan Lokal (LAN) di lingkungan Pusat Komputer Universitas Lampung.

Seiring dengan perkembangan komputer, serta teknologi dan komunikasi, mulai tahun 1996 secara bertahap, Universitas Lampung telah membangun dan mengembangkan infrastruktur teknologi informasi dan komunikasi melalui bantuan proyek Development of Undergraduate Education (DUE). Pengembangan teknologi informasi dan komunkasi yang dilakukan meliputi pengembangan organware (organisasi pengelola),

hardware (infrastruktur dan perangkat lunak), sofware (pengembangan sistem), dan brainware (sumberdaya pengelola, pengembang, dan pengguna). Pengembangan organisasi dilakukan dengan merevitalisasi Pusat Komputer Universitas Lampung sebagai pengelola sumberdaya teknologi informasi dan komunkasi. Pengembangaan infrastruktur meliputi pengembangan jaringan,

workstation atau komputer, beserta peralatan pendukung teknologi informasi dan komunikasi lainnya. Pengembangan sistem meliputi pengembangan sistem informasi strategis yang diperlukan oleh Universitas Lampung. Sedangkan pengembangan sumberdaya manusia bidang teknologi informasi dan komunikasi diarahkan pada:

(1) Kemampuan komunitas Universitas Lampung sebagaai pengguna teknologi informasi dan komunikasi;

(2) Meningkatkan pengetahuan dan keterampilan sumberdaya manusia Universitas Lampung dalam mengembangkan, memelihara dan mendayagunakan teknologi informasi dan komunikasi.

b. Visi

Visi UPT Puskom Universitas Lampung antara lain :

Menjadi Pusat Pelayanan, Pengembangan Teknologi Informasi dan Komunikasi yang Handal dan Berdaya Saing Tinggi.

(56)

c. Misi

Misi UPT Puskom Universitas Lampung antara lain : 1. Meningkatkan layanan TIK bagi civitas akademika.

2. Meningkatkan pendayagunaan teknologi informasi dan komunikasi dalam rangka meningkatkan kualitas pembelajaran.

3. Meningkatkan pemanfaatan teknologi informasi dan komunikasi dalam kegiatan penelitian dan Pengabdian pada Masyarakat.

4. Meningkatkan pendayagunaan teknologi informasi dan komunikasi dalam manajemen UNILA.

5. Mengembangkan sistem informasi manajemen yang mendukung kelancaran proses belajar mengajar.

6. Meningkatkan budaya TIK yang kondusif dan dinamis di lingkungan Universitas Lampung.

d. Tujuan

Tujuan UPT Puskom Universitas Lampung antara lain :

1. Meningkatkan dan mengembangkan sistem teknologi informasi dan komunikasi untuk mendukung peningkatan kualitas proses belajar-mengajar.

2. Meningkatkan dan mengembangkan kapasitas komputasi dan sistem informasi manajemen yang mendukung kegiatan penelitian dan pengabdian pada masyarakat.

3. Meningkatkan kualitas sumberdaya manusia yang handal untuk mendukung kelancaran TIK.

4. Meningkatkan dan mengembangkan sistem informasi manajemen berbasis teknologi informasi dan komunikasi, dalam rangka meningkatkan sistem tata kelola UNILA yang lebih sehat, efisien, efektif, dan akuntabel, serta dapat mengangkat citra UNILA yang positif di mata masyarakat.

5. Meningkatkan budaya dan kompetensi bidang teknologi informasi dan komunikasi di kalangan civitas akademika.

6. Meningkatkan kinerja layanan bidang teknologi informasi dan

komunikasi, seperti layanan konektivitas jaringan intranet dan internet, layanan akses ke informasi akademik, dan layanan pengembangan dan pemeliharaan sistem informasi.

7. Mengembangkan sistem keamanan dalam memanfaatkan teknologi informasi dan komunikasi di UNILA.

8. Meningkatkan kerjasama bidang teknologi informasi dan komunikasi dengan pihak eksternal UNILA, dalam rangka membangun masyarakat pembelajar untuk lebih mampu bersaing.

9. Meningkatkan kinerja manajemen pengelolaan sumberdaya dan

infrastruktur informasi dan teknologi informasi dan komunikasi UNILA. e. Sasaran

Sasaran UPT Puskom Universitas Lampung antara lain :

1. Terwujutnya peningkatan dan pengembangan sistem teknologi informasi dan komunikasi untuk mendukung peningkatan kualitas proses belajar-mengajar.

(57)

2. Terwujutnya peningkatan dan pengembangan kapasitas komputasi dan sistem informasi manajemen yang mendukung kegiatan penelitian dan pengabdian pada masyarakat.

3. Meningkatnya kualitas sumberdaya manusia yang handal untuk mendukung kelancaran TIK.

4. Terwujutnya peningkatan dan pengembangan sistem informasi

manajemen berbasis teknologi informasi dan komunikasi, dalam rangka meningkatkan sistem tata kelola UNILA yang lebih sehat, efisien, efektif, dan akuntabel, serta dapat mengangkat citra UNILA yang positif di mata masyarakat.

5. Meningkatnya budaya dan kompetensi bidang teknologi informasi dan komunikasi di kalangan civitas akademika.

6. Meningkatnya kinerja layanan bidang teknologi informasi dan

komunikasi, seperti layanan konektivitas jaringan intranet dan internet, layanan akses ke informasi akademik, dan layanan pengembangan dan pemeliharaan sistem informasi.

7. Terwujudnya pengambangan sistem keamanan dalam memanfaatkan teknologi informasi dan komunikasi di UNILA.

8. Meningkatnya kerja sama bidang teknologi informasi dan komunikasi dengan pihak eksternal UNILA, dalam rangka membangun masyarakat pembelajar untuk lebih mampu bersaing.

9. Meningkatnya kinerja manajemen pengelolaan sumberdaya dan

infrastruktur informasi dan teknologi informasi dan komunikasi UNILA.

III. Profil Sistem Informasi Laboratorium

URL : http://simlab.ee.unila.ac.id/ Bahasa Pemrograman : HTML5, CSS3, PHP, dan Jquery Framework : Bootstrap 3 CSS Framework

Database : PostgreSQL

Kelebihan : - Pembuatan Berita/Artikel

- Permohonan Surat Bebas Laboratorium - Pengelolaan data penggunaan Laboratorium

- Pengelolaan data riset Laboratorium

- Pengelolaan data pengabdian Laboratorium - Struktur organisasi Laboratorium

- Inventarisasi - Peminjaman Alat - Penggunaan Alat - Data Pengajuan Alat - Pengelolaan data SOP

- Pengelolaan data fasilitas Laboratorium - Pengelolaan data praktikum

- Pengelolaan data peraturan Laboratorium - Pengelolaan data tempat penyimpanan alat - Data Buku Tamu

(58)

- Pengelolaan data tim audit internal PPMU - Pengelolaan data monitoring evaluasi - Pengelolaan data manajemen member

Laboratorium

IV. Peta File Program

- admin assets css

font img js artikel.php

baca_pesan.php bebas_lab.php delete_asist.php delete_fakultas.php delete_kl.php delete_pesan.php delete_plp.php delete_sop.php delete_ta.php dosen.php edit_artikel.php edit_assist.php edit_bebas.php edit_dosen.php edit_fklts.php

edit_form_artikel.php edit_form_assist.php edit_form_bebas.php edit_form_dosen.php edit_form_fakultas.php edit_form_guna.php edit_form_inventaris.php edit_form_kl.php

edit_form_password_profil.php edit_form_penelitian.php edit_form_pengabdian.php edit_form_penilai.php edit_form_plp.php

edit_form_profil_akun.php edit_form_riset.php

edit_guna.php edit_inventaris.php edit_klab.php edit_password.php edit_penelitian.php

(59)

edit_pengabdian.php edit_penilai.php edit_plp.php edit_profil_akun.php edit_profil_akun1.php edit_riset.php fas1.php fas2.php fas3.php fas4.php fas5.php fas6.php fas7.php fas8.php fas9.php fasilitas.php fasilitas1.php fasilitas2.php fasilitas3.php fasilitas4.php fasilitas5.php fasilitas6.php fasilitas7.php fasilitas8.php fasilitas9.php guna.php hapus_akun.php hapus_artikel.php hapus_bebas.php hapus_dosen.php hapus_guna.php hapus_inventaris.php hapus_penelitian.php hapus_pengabdian.php hapus_penilai.php hapus_riset.php hapus_tamu.php index.php input_akun.php input_artikel.php input_assist.php input_bebas.php input_dosen.php input_fklts.php input_guna.php input_inventaris.php input_kl.php input_login.php

(60)

input_penelitian.php input_pengabdian.php input_penilai.php input_plp.php input_riset.php input_sop.php input_ta.php input_tamu.php inventaris.php inventaris1.php keluar_tamu.php manajemen_akun.php message.php misi1.php misi2.php misi3.php misi4.php misi5.php misi6.php misi7.php misi8.php misi9.php monev.php monev1.php penelitian.php pengabdian.php penilai.php penilai1.php pesan.php profil.php profil1.php profil2.php profil3.php profil4.php profil5.php profil6.php profil7.php profil8.php profil9.php reset_akun.php reset_monev.php riset.php sop.php struktur.php tamu.php tamu1.php visi1.php visi2.php

(61)

visi3.php visi4.php visi5.php visi6.php visi7.php visi8.php visi9.php visimisi.php visimisi1.php visimisi2.php visimisi3.php visimisi4.php visimisi5.php visimisi6.php visimisi7.php visimisi8.php visimisi9.php - artikel

- bagan

- css bootstrap.css bootstrap.min.css mainhead.css - denah Lt1.png

Lt2.png Lt3.png - dsn css

js date.php edit_user.php header_lab.png header.php index.php input_inap.php penelitian.php prasarana.php profil1.php profil2.php profil3.php profil4.php profil5.php profil6.php profil7.php profil8.php

(62)

profil9.php proses_user.php user.php

view_penelitian.php view_prasarana.php - eks css

fonts js date.php

edit_password.php edit_user.php header.lab.png header.php index.php inven.php inventaris.php

menggunakan_lab.php monev.php

pengabdian_lab.php praktikum.php proses_password.php proses_user.php riset_lab.php sop.php struktur.php user_manager.php view_abd.php view_abdi.php view_guna.php view_gunakan.php view_inven.php view_inventaris.php view_monev.php view_praktikum.php view_profil.php view_riset.php view_rst.php view_sop.php - fak css

fonts js

bebas_lab.php date.php

(63)

edit_user.php header.lab.png header.php index.php inven.php inventaris.php logo.png menggunakan_lab.php monev.php pengabdian_lab.php pengajuan.php pinjam.php praktikum.php proses_password.php proses_user.php qlab.php riset_lab.php sop.php struktur.php struktur.js tamu.php user_manager.php view_abd.php view_abdi.php view_aju.php view_bebas.php view_guna.php view_gunakan.php view_inven.php view_inventaris.php view_monev.php view_pinjam.php view_praktikum.php view_profil.php view_qlab.php view_riset.php view_rst.php view_sop.php view_tamu.php - files

- fonts glyphicons-halflings-regular.eot glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff - gambar

- inventaris - jadwal

(64)

- js bootstrap.js bootstrap.min.js jquery.min.php parsley.js - jur css

fonts js bebas_lab.php date.php dlt_klab.php dlt_user.php edit_password.php edit_password1.php edit_user.php edit_user1.php header.lab.png header.php index.php input_klab.php inven.php inventaris.php klab.php klab_data.php klab_form.php member.php menggunakan_lab.php monev.php pengabdian_lab.php pengajuan.php pinjam.php praktikum.php proses_password.php proses_password1.php proses_user.php proses_user1.php qlab.php riset_lab.php sop.php struktur.php struktur.js tamu.php user_manager.php view_abd.php view_abdi.php view_aju.php view_bebas.php view_guna.php

(65)

view_gunakan.php view_inven.php view_inventaris.php view_monev.php view_pinjam.php view_praktikum.php view_profil.php view_qlab.php view_riset.php view_rst.php view_sop.php view_tamu.php - ka digital

elka kendali komputer konversi pbe sistem telkom

tt css

fonts bebas_lab.php cancel_validasi_bebas.php config.json date.php dlt_artikel.php dlt_dosen.php dlt_plp.php dlt_user.php dosen.php edit_artikel.php edit_input_artikel.php edit_password.php edit_password1.php edit_user.php edit_user1.php etika.php fasilitas.php fasilitas1.php header.lab.png header.php index.php input_artikel.php input_monev.php input_monev1.php

(66)

input_plp.php input_user.php inven.php inventaris.php kerja.php member.php menggunakan_lab.php misi.php monev.php pengabdian_lab.php pengajuan.php pinjam.php plp.php plp_form.php praktikum.php praktikum_view.php profil.php proses_password.php proses_password1.php proses_user.php proses_user1.php quisioner.php riset_lab.php sop.php struktur.php struktur.js tamu.php tempat.php tupoksi.php user_manager.php view_abdi.php view_gunakan.php view_monev.php view_riset.php visi.php visimisi.php - mhs css

icon digital.png digital_1.png elka.png elka_1.png kendali.png kendali_1.png komputer.png komputer_1.png konversi.png konversi_1.png

(67)

pbe.png pbe_1.png sistem.png sistem_1.png telkom.png telkom_1.png tt.png tt_1.png js

lab digital

elka kendali komputer konversi pbe sistem telkom

tt css

Assisten.php bebas_lab.php date.php header.php header.png index.php input_bebas.php Izin_menginap_lab.php quis.php quisioner.php sop.php date.php edit_password.php edit_user.php header lab.png header.php index.php proses_password.php proses_user.php user.php

- modul

- plp digital elka kendali komputer konversi pbe sistem telkom

(68)

fonts asisten.php asisten_form.php bagan.php bebas_lab.php cancel_kembalikan.php cancel_validasi_bebas.php date.php dlt_abdi.php dlt_artikel.php dlt_asisten.php dlt_dosen.php dlt_inven.php dlt_inventaris.php dlt_member.php dlt_pengajuan.php dlt_penggunaan dlt_pinjam.php dlt_praktikum.php dlt_riset.php dlt_sop.php dlt_tempat.php dosen.php dosen.js dosen_data.php dosen_form.php edit_abdi.php edit_abid.php edit_artikel.php edit_input_artikel.php edit_input_riset.php edit_password.php edit_password1.php edit_riset.php edit_user.php edit_user1.php etika.php fasilitas.php fasilitas1.php header.lab.png header.php index.php input_abdi.php input_aju.php input_artikel.php input_asisten.php input_dosen.php

(69)

input_inv.php input_inventaris.php input_penggunaan.php input_pinjam.php input_praktikum.php input_riset.php input_sop.php input_tempat.php input_user.php inven.php inventaris.php inventaris.js inventaris_data.php inventaris_form.php kerja.php member.php menggunakan_lab.php misi.php pengabdian_lab.php pengajuan.php penggunaan.php penggunaan.js penggunaan_data.php penggunaan_form.php peraturan.php pinjam.php pinjam.js pinjam_data.php pinjam_form.php pinjam_kembalikan.php praktikum.php praktikum_view.php profil.php proses_password.php proses_password1.php proses_user.php proses_user1.php quisioner.php riset_lab.php sop.php struktur.php struktur.js tamu.php tempat.php tupoksi.php user_manager.php validasi_bebas.php view_abdi.php

(70)

view_gunakan.php view_riset.php visi.php visimisi.php - ppmu css

fonts js ai.js ai.php ai_data.php ai_form.php date.php dlt_ai.php edit_password.php edit_user.php header.lab.png header.php index.php input_ai.php input_monev.php input_monev1.php inven.php inventaris.php menggunakan_lab.php monev.php pengabdian_lab.php pengajuan.php pinjam.php praktikum.php proses_password.php proses_user.php riset_lab.php sop.php struktur.php struktur.js tamu.php user_manager.php view_abd.php view_abdi.php view_aju.php view_guna.php view_gunakan.php view_inven.php view_inventaris.php view_monev.php view_pinjam.php view_praktikum.php

(71)

view_profil.php view_riset.php view_rst.php view_sop.php view_tamu.php - print fpdf16

fpdf17

bebas_digital.php bebas_elka.php bebas_kendali.php bebas_komputer.php bebas_konversi.php bebas_pbe.php bebas_sistem.php bebas_telkom.php bebas_tt.php

cetak_inventaris.php cetak_inventaris1.php cetak_inventaris2.php cetak_inventaris3.php cetak_inventaris4.php cetak_inventaris5.php cetak_inventaris6.php cetak_inventaris7.php cetak_inventaris8.php cetak_inventaris9.php cetak_monev.php unila-blue.png - set cek_login.php

seting.php - simpan

- tamu digital elka kendali komputer konversi pbe sistem telkom

tt css

fonts index.php input.php keluar.php

(72)

V. Hasil Quisioner

1. Hasil Quisioner Mahasiswa

Pertanyaan 30/06/2014

12:38:37 30/06/2014 12:44:59 30/06/2014 12:54:22 30/06/2014 14:07:52 Apakah pengumuman / berita

yang di umumkan sesuai dan dapat menggantikan pengumuman yang terpasang pada mading?

Sangat sesuai Sesuai Sesuai Sesuai

Apakah dalam permohonan surat bebas laboratorium sekarang sangat membantu dan mudah untuk diajukan?

Sangat membantu Sangat membantu Membantu Membantu

Bagaimana dengan pengajuan penggunaan laboratorium untuk penelitian dan tugas akhir, apakah lebih mudah dan membantu?

Membantu Sangat membantu Membantu Membantu

Apakah data pada struktur laboratorium sesuai dengan apa yang diinginkan?

Sangat sesuai Sesuai Sesuai Sesuai

Apakah data SOP pada sistem ini membantu untuk mengentahui standard prosedural dari laboratorium?

Sangat membantu Membantu Membantu Membantu

Apakah kuisioner yang disediakan oleh sistem ini cukup untuk memberikan feedback terhadap laboratorium agar semakin baik?

Sangat cukup Kurang cukup Cukup Cukup

Dalam segi tampilan, bagaimana interface dari sistem ini?

Sangat baik Baik Baik Sangat baik

Dalam segi fungsi, apakah fungsi yang kurang untuk ditambahkan kedalam sistem informasi ini agar membantu mengetahui data

laboratorium?

cukup belum ada - Pada fungsi

pelaksanaan praktikum, dapat sangat membantu apabila kartu kendali praktikum dan pengisian nilainya dapat dilakukan secara online oleh para asisten yang bertugas. Sehingga nilai - nilai yang diperoleh praktikan dapat langsung dimasukkan dan langsung mendapat nilai total serta dapat dilihat langsung oleh praktikan. Selain itu, untuk pre test maupun post test ataupun ujian yang berbentuk tertulis, dapat pula dilakukan dalam sistem ini sehingga dapat menghemat kertas. Apakah kritik dan saran

terhadap sistem informasi laboratorium ini?

desain web bisa lebih menarik lagi

baik,, segera diterapkan

- -

Dalam segi kegunaan, apakah Sistem Informasi ini layak untuk digunakan pada

(1)

Sistem Informasi Laboratorium ini? Dalam segi kegunaan, apakah Sistem Informasi ini layak untuk digunakan pada masing-masing laboratorium?

Layak Sangat Layak Sangat Layak

Dalam segi fungsi, apakah ada fungsi lain yang kurang pada Sistem Informasi ini?

- belum ada sudah cukup

Apakah kritik dan saran terhadap sistem informasi ini?

tampilan di percantik lagi sudah memadai sistem sudah baik, dan perlu kerjasama antara stick holder lab.

3. Hasil Quisioner Kepala Laboratorium

Pertanyaan 30/06/2014 14:55:38 01/07/2014 11:31:38 01/07/2014 11:55:50

Apakah Sistem Informasi ini membantu untuk mengetahui Inventaris per tahun?

Sangat membantu Sangat membantu Sangat membantu

Apakah Sistem Informasi ini membantu dalam pengecekan penggunaan alat?

Sangat membantu Sangat membantu Sangat membantu

Apakah Sistem Informasi ini membantu dalam pengecekan penggunaan laboratorium?

Sangat membantu Sangat membantu Sangat membantu

Apakah Sistem Informasi ini membantu dalam pengecekan tamu laboratorium yang keluar dan masuk?

Membantu Sangat membantu Sangat membantu

Apakah Sistem Informasi ini membantu dalam pemberiaan pengumuman mengenai praktikum ataupun pengumuman yang bersifat akademik?