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 By

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 Waterfallmethods 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 tomonitor 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.

(2)

ABSTRAK

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

Oleh

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 sertamampu 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.

(3)

RANCANG BANGUN SISTEM INFORMASILABORATORIUM TEKNIK ELEKTROTERPADU UNIVERSITAS LAMPUNG BERBASIS WEB

Oleh

Skripsi

Sebagai Salah Satu Syarat untuk Mencapai Gelar SARJANA TEKNIK

Pada

Jurusan Teknik Elektro

Fakultas Teknik Universitas Lampung

JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS LAMPUNG

(4)

RANCANG BANGUN SISTEM INFORMASI

LABORATORIUM TEKNIK ELEKTRO TERPADU

UNIVERSITAS LAMPUNG BERBASIS WEB

(Skripsi)

Oleh

Mahendra Pratama

JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS LAMPUNG

(5)

(6)

(7)

(8)

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.

(9)

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

(10)

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;

(11)

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;

(12)

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

(13)

iv

B. Tujuan Penelitian ... 2

C. Manfaat Penelitian ... 3

D. Rumusan Masalah ... 3

E. Batasan Masalah ... 3

F. SistematikaPenulisan ... 4

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

B. Rekayasa Perangkat Lunak ... 6

C. HTML5 ... 9

C. Tahap Penelitian ... 19

1. Analisis Kebutuhan ... 19

2. Desain Sistem ... 25

3. Penulisan Kode Program ... 30

4. Pengujian Program ... 30

(14)

v

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 DAFTARPUSTAKA

LAMPIRAN

I. Lokasi Penempatan Server

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

IV. Peta File Program V. Hasil Quisioner

(15)

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

(16)

ix

4.39. Tabel Fungsional Kepala Laboratorium ... 55

4.40. Tabel Fungsional Jurusan ... 56

(17)

x

(18)

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

(19)

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

(20)

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.

(21)

2

Sistem Informasi ini di bangun menggunakan Bahasa Pemrograman PHP dan PostgreSQL, dengan menggunakan softwareAdobe DreamWeaver CC dan WAPP (Windows Apache PHP PostgreSQL). PHP merupakan bahasa pemrograman yang digunakan untuk membuat program website dimana 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.

(22)

3

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

(23)

4

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

(24)

5

Simpulan dan saran hasil penelitian. DAFTAR PUSTAKA

(25)

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

(26)

7

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 ModifiedWaterfallMethod atau metode modifikasi air terjun. Alur dari rekayasa

perangkat lunak metode ini dapat dilihat pada Gambar 2.1 dibawah ini.

Gambar 2.1. Alur ModifiedWaterfallMethod

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

1. Analisis Kebutuhan

(27)

8

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

(28)

9

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

(29)

10

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 dimata 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, diantara pemutakhiran tersebutadalah:

(30)

11

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 dimana kode program yang telah dibuat dikompilasi danditempatkan pada sisi server untuk menghasilkan halaman website yang dinamis. PHP merupakan perangkat lunak opensource. 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.

(31)

12

PERL yang dibuatnya untuk membuat halaman web-nya menjadi dinamis. Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan

menamakannya PHP/FI, kependekan dari

HypertextPreprocessing/FormInterpreter.Dengan perilisan kode sumber ini

menjadi opensource, 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 scriptingengine. Yang lainnya adalah buildin HTTP session, tidak lagi

(32)

13

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.

(33)

14

mengakses data, memeriksa sekuritas dan integritas data yang didefinisikan oleh DBA (DatabaseAdministrator), 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 storedprocedures. 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,

(34)

15

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 concurentuser 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 JavascriptLibrary 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

(35)

16

7. AJAX

8. Menyederhanakan kode javascript lainnya [8]

I. DreamWeaver

Adobe Dreamweaver adalah program aplikasi pengembangyang berguna untuk mendesain web.Software Adobe Dreamweaver dibuat dan dikembangkan oleh AdobeSystems.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 aplikasimobile. Tampilan dari Adobe DreamWeaver CC dapat dilihat pada Gambar 2.2 sebagai berikut:

Gambar 2.2.Tampilan awal DreamWeaverCC

(36)

17

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

(37)

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

(38)

19

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

- 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 waterfalluntuk rekayasa perangkat lunak,yang telah dijelaskan pada Bab II (dua) subbabB.Berikut penjelasan dan tahapan dari modified waterfall ini:

1. Analisis Kebutuhan:

(39)

20

a) Kebutuhan Fungsional User

 Berita / Artikel

 Denah Laboratorium

 Struktur Laboratorium

 Sarana dan Prasarana Laboratorium

b) Kebutuhan Fungsional Mahasiswa

 Pendaftaran Surat Bebas Laboratorium

 Pendaftaran Surat Izin Menggunakan Laboratorium untuk Penelitian dan Tugas Akhir

 Pendaftaran Penggunaan Laboratorium untuk Penelitian

 Sarana dan Prasarana Laboratorium

 SOP

(40)

21

d) Kebutuhan Fungsional PLP

 Menulis Berita / Artikel

 Verifikasi Surat Bebas Laboratorium

 Melihat data Penggunaan Laboratorium

 Meng-inputdata 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 LoginAccesske Member Laboratorium (Dosen dan Mahasiswa)

e) Kebutuhan Fungsional Kepala Laboratorium

 Menulis Berita / Artikel

 Verifikasi Surat Bebas Laboratorium

(41)

22

 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

 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

(42)

23

 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 dataPengajuan 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

 Melihat data Pengajuan Surat Bebas Laboratorium pada masing-masing lab

 Melihat data Pengabdian pada masing-masing lab

(43)

24

 Melihat Struktur Kepengurusan Laboratorium

 Melihat data Pengajuan Alat

 Melihat Daftar Tamu pada masing-masing lab

 Melihat hasil QuestionerLaboratorium pada masing-masing lab

 Melihat hasil Monitoring Evaluasi pada masing-masing lab

 Pengaturan User

h) Kebutuhan Fungsional PPMU

 Melihat Fasilitas dan Inventaris serta Penggunaan Alat 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

(44)

25

i) Kebutuhan Fungsional Penilai External

 Artikel / Berita

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

 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).

(45)

26

Gambar 3.1. Tabel Database Sistem Informasi Laboratorium

(46)

27

Gambar 3.2. Entity Relation Diagram Sistem Informasi Laboratorium

b. CD (ContextDiagram)

(47)

28

Gambar 3.3. Context Diagram Sistem Infomasi Laboratorium

c. DFD (DataflowDiagram)

(48)

29

(49)

30

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 clientatau 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 backupdatabase sebulan sekali agar terhindar dari kehilangan data ketika terjadi gangguan yang tidak diinginkan yang menyebabkan sistem tidak dapat diakses kembali.

D. Alur Kerja

(50)

31

(51)

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 databaseyang ada pada server dan dapat mengurangi tumpukan kertas pada Laboratorium Teknik Elektro Terpadu Universitas Lampung.

3. Berdasarkan hasil survey lebih dari90% 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 dari90% mengatakan bahwa Sistem Informasi Laboratorium ini sangat efisien dibandingkan pekerjaan manual karena tidak memenuhi tempat kerja dan mengurangi tumpukan kertas di Laboratorium.

(52)

73

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 keamananlog 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 Interfacedapat dipercantik lagi sehingga pengguna nyaman. 5. Penambahan keterangan untuk verifikasi bebas lab.

(53)

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.