Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. SISTEM INFORMASI PADA CV. ERA BARU BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

ADLI WARDHANA PRAWIRA

062406035

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2009

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. PERSETUJUAN

Judul : SISTEM INFORMASI PADA CV. ERA BARU

BERBASIS WEB MENGGUNAKAN WEB DAN MYSQL

Kategori : TUGAS AKHIR

Nama : ADLI WARDHANA PRAWIRA

Nomor Induk Mahasiswa : 062406035

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan,

Komisi Pembimbing :

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU Pembimbing,

Ketua,

Dr. Saib Suwilo, M.Sc Drs. Sawaluddin, M.IT.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. PERNYATAAN

SISTEM INFORMASI PADA CV. ERA BARU BERBASIS WEB MENGGUNAKAN PHP DAN

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, 30 Mei 2009

ADLI WARDHANA PRAWIRA 062406035

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. PENGHARGAAN

Alhamdulillah, puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat-Nya hingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik dan dalam waktu yang telah ditetapkan. Tugas Akhir ini disusun guna memenuhi satu syarat kelulusan pada Program Studi D-3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Sehubungan dengan hal tersebut, penulis telah memilih judul yaitu: “SISTEM INFORMASI PADA CV. ERA BARU BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL”.

Pada kesempatan ini penulis mengucapkan banyak terima kasih kepada pihak yang telah banyak membimbing, mengarahkan, membantu, dan memberikan dukungan semangat, dan kasih sayang dalam menyelesaikan tugas akhir ini. Penulis mengucapkan terima kasih kepada:

1. Bapak Drs. Sawaluddin, M.IT. selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam menyelesaikan tugas akhir.

2. Bapak Prof. Dr. Eddy Marlianto, M.Sc, selaku Dekan FMIPA USU. 3. Bapak Dr. Sutarman, M.Sc, selaku pembantu dekan 1 FMIPA USU.

4. Bapak Dr. Saib Suwilo, M.Sc, selaku Ketua Departemen Matematika di USU. 5. Direktur CV. Era Baru, Bapak Ifran Effendi Nasution yang mengurus segala

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

6. Seluruh Dosen Pengajar Program Studi D-3 Ilmu Komputer Fakultas MIPA Univesitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.

7. Papa tersayang Johan Arifin Prawira yang selalu setia mencurahkan kasih saying, dukungan moril dan dukungan spiritual. Serta telah menjadi guru terbaik disepanjang usia.

8. Dek Dieng, Dek Wika, Gustina, dan Bima yang merupakan keluarga terbaik penulis, yang selalu memberi dukungan semangat dan doa.

9. Teman-teman baik penulis Azi Rianto, Adrian Fhad Batubara, Dikky

Ermanda, M. Hendro Sulistiawan, Fadly dan semua teman-teman terbaik penulis yang telah memberikan kebaikan, waktu luang dan membagi ilmu kepada penulis, semoga Allah membalas semuanya.

10.Kepada semua teman penulis seluruh anak komputer stambuk 2006, khususnya anak KOM A yang tidak dapat disebutkan namanya satu persatu. Terimakasih atas semua dukungannya.

Akhir kata penulis panjatkan doa semoga Allah SWT akan membalas kebaikan semua pihak. Amin

Medan, Mei 2009 Penulis

Adli Wardhana Prawira

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. ABSTRAK

Tujuan utama dari pengembangan sistem ini adalah untuk menunjukkan bahwa ada solusi alternatif yang lebih efektif dan berguna untuk perusahaan tersebut dalam hal mempromosikan perusahaan tersebut kepada masyarakat dan perusahaan-perusahaan lainnya dengan memanfaatkan teknologi informasi. Sistem ini dikembangkan dengan menggunakan perangkat lunak Adobe Photoshop, Macromedia Dreamweaver, Xampp 1.6.6a dan browser Internet Mozilla Firefox. Sistem ini dirancang untuk mempromsikan profil-profil perusahaan agar diperoleh dengan mudah dan efisien pada waktu yang diinginkan

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel viii

Daftar Gambar x

Bab 1 Pendahuluan 1.1Latar Belakang 1

1.2Identifikasi Masalah 3

1.3Rumusan Masalah 3

1.4Batasan Masalah 4

1.5Maksud dan Tujuan 4

1.6Metode Penelitian 5

1.7Sistematika Penulisan 6

Bab 2 Landasan Teori 2.1 Sejarah Singkat Internet 8

2.2 World Wide Web (WWW) 9

2.2.1 Lahirnya Web 10

2.2.2 Browser Web 11 2.2.2.1 Cara Kerja Browser Mengambil Halaman/Page 12

2.2.2.2 Cara Kerja Browser Menampilkan Halaman/Page 13 2.2.3 Server Web 13 2.2.4 Istilah-Istilah Umum Yang Harus Diketahui 14

2.3 HTML (Hypertext Markup Language) 15

2.3.1 Dokumen HTML 15

2.3.1.1 Penamaan Dokumen HTML 15

2.3.1.2 Elemen Dan Tag HTML 16 2.4 DHTML (Dynamic Hypertext Markup Language) 20

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

2.4.1 CSS (Cascading Style Sheet) 21

2.4.2 Java Script 23

2.5 PHP 24

2.5.1 Sejarah PHP 24

2.5.2 Kelebihan dan Kelemahan PHP 26

2.5.3 Script PHP 27

2.5.4 Integrasi Dengan Database 30

2.6 Pengenalam Konsep Pemrograman Berorientasi Objek dengan PHP 32

2.6.1 Mengelola Kompleksitas Aplikasi 32

2.6.2 Mengantisipasi Adanya Perubahan 34

2.7 Pengenalan MysQL 34

2.8 Macromedia Dreamweaver 35

Bab 3 Perancangan Sistem

3.1 Perancangan Sistem 36

3.2 Data Flow Diagram 36

3.3 Diagram Alir Data 37

3.4 Desain Database 38

3.4.1 Tabel Berita 38

3.4.2 Tabel Bisnis 39

3.4.3 Tabel Hubungi 39

3.4.4 Tabel Galeri 40

3.4.5 Tabel Kategori 40

3.4.6 Tabel Modul 40

3.4.7 Tabel User 41

3.5 Flowchart 42

3.5.1 Flowchart Menu Utama 42

3.5.2 Flowchart Admin 43

3.5.3 Flowchart User 44

3.6 MySQL 45

3.7 File yang digunakan 47

3.8 Penempatan Layout 48

3.9 Algoritma Program 50

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

4.1Pengertian Implementasi Sistem 52 4.2 Tujuan Implementasi Sistem 52 4.3 Komponen-komponen kebutuhan sistem 53

4.3.1 Hardware 53

4.3.2 Software 53

4.3.3 Brainware 56

4.4 Demonstrasi Program 57

4.4.1 Halaman Home 57

4.4.2 Halaman About us 58

4.4.3 Halaman Service 59

4.4.4 Halaman Galeri 60

4.4.5 Halaman Contact us 61

4.4.6 Halamana Login Admin 62

4.4.7 Halaman Menu Admin 63

Bab 5 Kesimpulan dan Saran

5.1 Kesimpulan 64

5.2 Saran 65

Daftar Pustaka Lampiran

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. DAFTAR TABEL

Halaman

Tabel 2.1 Daftar Database-Database yang didukung PHP 30

Tabel 3.4.1 Tabel Berita 38

Tabel 3.4.2 Tabel Bisnis 39 Tabel 3.4.3 Tabel Hubungi 39

Tabel 3.4.4 Tabel Galeri 40

Tabel 3.4.5 Tabel Kategori 40

Tabel 3.4.6 Tabel Modul 40

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. DAFTAR GAMBAR

Halaman

Gambar 2.1 Dokumen HTML ditampilkan di browser 20

Gambar 2.2 Dokumen PHP yang ditampilkan di Browser Mozila 29

Gambar 3.1 DFD Level Konteks 37

Gambar 3.2 Flowchart Menu Utama 42

Gambar 3.3 Flowchart Admin 43

Gambar 3.4 Flowchart User 44

Gambar 3.5 Lembar Kerja Dreamweaver MX 47

Gambar 3.6 Tampilan Awal Dreamweaver MX 49

Gambar 4.1 Halaman Tampilan antar muka Sistem Operasi Windows XP 54 Gambar 4.2 Halamana Tampilan Macromedia Dreamweaver 8 55

Gambar 4.3 Tampilan Antar Muka Web Server 56

Gambar 4.4 Halaman Home 57

Gambar 4.5 Halaman About us 58

Gambar 4.6 Halaman Service 59

Gambar 4.7 Halaman Galeri 60

Gambar 4.8 Halaman Contact us 61

Gambar 4.9 Halaman Login Admin 62

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. BAB 1

PENDAHULUAN

1.1 LATAR BELAKANG

Perkembangan dan pengaruh tekhnologi informasi dan komunikasi di Indonesia saat ini sudah tidak dapat dihindari lagi. Kebutuhan yang mendesak dan semakin berharganya waktu, membuat semua orang harus bekerja secara cepat dengan mengharapkan hasil yang semaksimal mungkin. Hal tersebut bukanlah sesuatu yang mustahil lagi, mengingat sudah begitu dahsyatnya perkembangan yang terjadi pada dunia sistem informasi dan teknologi.

Mungkin suatu kenaifan kalau berbicara tentang teknologi informasi dan komunikasi, tanpa membicarakan suatu benda yang bernama komputer. Komputer merupakan suatu media elektronik yang memegang peranan yang sangat penting dala perkembangan yang terjadi saat ini.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Komputer bukan lagi barang mewah atau sesuatu yang langka untuk dimiliki oleh seseorang seperti pada saat awal kedatangannya, tetapi sudah menjadi suatu keperluan bahkan kebutuhan yang sangat bersifat umum dan vital, terutama bagi bidang pendidikan maupun di perusahaan-perusahaan maupun perorangan.

Begitu juga halnya dengan CV. ERA BARU ini, kebutuhan terhadap suatu sistem pengolahan dan penyampaian data yang baik sudah tidak dapat ditunda lagi. Mengingat hal-hal yang telah diterangkan sebelumnya. Dan ditambah dengan persaingan bisnis yang sangat ketat, maka sudah diwajibkan sebuah perusahaan mempunyai sistem informasi yang berbasis web, sehingga memudahkan orang lain untuk mengaksesnya dengan cepat dan efisien.

Tergerak dari segala permasalahan yang terjadi, penulis berkeinginan membuat suatu solusi yang mudah-mudahan dapat membantu kinerja pada perusahaan tersebut. Penulis dalam hal ini memilih CV. ERA BARU dalam melakukan riset nya,

Tentu saja untuk memenuhi segala kebutuhan diatas, diperlukan suatu aplikasi sistem informasi berbasis web. Dalam hal ini, penulis menggunakan aplikasi dengan menggunakan bahasa pemograman PHP, MySQL sebagai pengolah database dan web server Apache serta aplikasi pendukung lainnya, seperti Adobe Photoshop CS untuk mendesign tampilan web. Dengan ini maka penulis memutuskan untuk membuat suatu

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

aplikasi web dengan judul : “SISTEM INFORMASI PADA CV. ERA BARU

BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL”.

Semoga dengan diselesaikannya sistem informasi dengan judul diatas, nantinya bermanfaat untuk memberikan informasi dengan cepat serta lebih efisien dan jangka panjangnya mampu memanfaatkan secara lebih baik sumber daya komputer bagi siapa saja yang menggunakan dan bagi penulis tentunya.

1.2 IDENTIFIKASI MASALAH

CV. ERA BARU adalah perusahaan yang bergerak pada bidang perdagangan umum seperti : Percetakan, Kontraktor, Leveransir, Distributor , dan lain-lain.

Pempublikasian informasi merupakan hal yang sangat vital bagi perusahaan ini. Untuk meningkatkan kinerja dari perusahaan ini maka dibutuhkan sarana informasi yang efisien dan efektif.

Dengan masalah yang dihadapi CV. ERA BARU tersebut, penulis berusaha memecahkan masalah tersebut dengan membuat pengolahan data dan informasi dengan menggunakan bahasa pemograman PHP.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 1.3 RUMUSAN MASALAH

Berdasarkan uraian diatas, maka yang menjadi masalah adalah bagaimana mendesain, membuat dan menghasilkan suatu sistem informasi yang berbasis web untuk dapat menyimpan, menampilkan dan mengedit data atau informasi yang akan disampaikan dan dapat dipergunakan oleh seluruh para guru ataupun para murid yang ingin memperoleh informasi tentang perusahaan tersebut.

1.4 BATASAN MASALAH

Adapun yang menjadi batasan masalah dalam penyusunan Tugas Akhir ini adalah sebagai berikut:

a. Sistem informasi berbasis web ini dipergunakan untuk kepentingan penyampaian data-data dan informasi kepada penggunanya.

b. Adapun yang akan disampaikan dalam sistem informasi berbasis web ini antara lain:

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. • Menampilkan data-data para staf yang ada pada perusahaan tersebut.

1.5 MAKSUD DAN TUJUAN

Adapun maksud dari pembuatan Tugas Akhir ini adalah memberikan data-data atau informasi-informasi secara cepat dan akurat yang terdapat pada CV. ERA BARU kepada siapa saja yang membutuhkan.

Adapun tujuan dari pembuatan Tugas Akhir ini antara lain adalah:

1. Memberikan suatu sistem informasi yang komputerisasi sehingga lebih efisien dan lebih akurat.

2. Memberikan kemudahan kepada orang lain yang ingin mengakses informasi yang dibutuhkan.

3. Mampu membuka wawasan para pengguna sistem informasi untuk dapat

memanfaatkan sumber daya computer yang ada.

4. Merupakan suatu langkah untuk menyelesaikan mata kuliah Tugas Akhir dan menyelesaikan pendidikan di program studi D3 Ilmu Komputer FMIPA USU.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Metode studi suatu cara atau teknik yang sistematik untuk mengerjakan atau menyelesaikan sesuatu. Adapun metodologi penelitian yang digunakan penulis untuk menyelesaikan berbagai permasalahan yang terjadi diatas:

1. Studi Kepustakaan

Merupakan jenis metode yang dilakukan dengan mengumpulkan data-data yang ada hubungannya dengan topic permasalahan yang penulis angkat yang bersifat teoritis dengan cara membaca buku-buku, makalah, bahan kuliah dan membaca bahan-bahan sumber lainnya.

2. Studi Lapangan

Merupakan metode yang dilakukan oleh penulis secara langsung ke lapangan yang merupakan sumber data yang diperoleh sesuai dengan kebutuhan yang digunakan.

3. Studi Literatur

Merupakan metode yang dilakukan oleh penulis dengan mengunjungi dan mempelajari website atau situs-situs yang berhubungan dengan Tugas Akhir penulis, seperti website sebuah perusahaan, serta mempelajari bahasa-bahasa pemograman web dengan mengunjungi website-website yang menyediakan tutorial mengenai bahasa pemrograman yang penulis gunakan.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 1.7 Sistematika Penulisan

Adapun sistematika penulisan laporan tugas akhir ini adalah sebagai berikut:

BAB 1 : Pendahuluan

Dalam bab ini penulis menguraikan Latar Belakang, Perumusan Masalah, Tujuan Penelitian, Pembatasan Masalah, Metodologi Penelitian dan Sistematika Penelitian.

BAB 2 : Landasan Teori

Dalam bab ini penulis menguraikan beberapa hal yang berhubungan dengan aplikasi website dinamis yang ingin dibangun penulis yaitu sejarah singkat internet, World wide Internet, HTML ( HyperText Markup Language ), DHTML ( Dynamic HyperText Markup Language ), pengenalan PHP, pengenalan konsep Object Oriented Programming, MySQL dan Macromedia Dreamweaver.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Dalam bab ini penulis menguraikan tentang perancangan sistem yang dirancang yang meliputi perancangan layout, perancangan database, gambaran aplikasi website yang akan dibuat serta bagaimana algoritma aplikasi tersebut saat dijalankan.

BAB 4 : Implementasi Sistem

Dalam bab ini penulis menyajikan tentang pengertian implementasi aplikasi, tujuan implementasi aplikasi serta spesifikasi aplikasi.

BAB 5 : Kesimpulan dan Saran

Dalam bab ini penulis menguraikan tentang kesimpulan dan saran.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. BAB 2

LANDASAN TEORI

2.1 Sejarah Singkat Internet

Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan pengguna komputer lainnya.

ARPAnet ( Us Defense Advanced Research Projects Agency ) atau Departemen Pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan. Jadi bila satu bagian dari sambungan jaringan terganggu dari serangan musuh, jalur yang melalui sambungan itu secara otomatis dipindahkan ke sambungan lainnya.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Setelah angkatan bersenjata Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer. Salah satunya adalah University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan di universitas-universitas di Amerika dan bekembang pesat sampai saat ini. Agar pengguna komputer dengan merek dan tipe berlainan dapat saling berhubungan, maka para ahli membuat sebuah protokol ( semacam bahasa) yang sama untuk dipakai di internet. Namanya TCP ( Transmission Control Protocol ) dan IP (Internet Protocol).

2.2 World Wide Web ( WWW )

World Wide Web (WWW) lebih dikenal dengan web, merupakan salah satu layanan yang dapat dipakai oleh pemakai komputer yang terhubung ke internet.

Web pada awalnya adalah ruang informasi dalam Internet, dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Saat ini internet identik dengan web, karena kepopuleran web sebagai standar interface pada layanan-layanan yang ada di Internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).

Saat ini web seakan lebih populer daripada email, walaupun secara statistik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih populer bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interfacenya.

Internet identik dengan web, karena popularitasnya sebagai penyedia informasi dan interface yang dibutuhkan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai dengan sampah, dari yang cuma-cuma sampai dengan yang komersial, semuanya ada.

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku Internet lainnya dan menelusuri (informasi) di Internet.

Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari strategi teknologi informasinya, karena beberapa alasan:

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

a. Akses informasi mudah b. Setup server lebih mudah

c. Informasi mudah didistribusikan

d. Bebas platform; informasi dapat disajikan oleh browser web pada sistem operasi mana saja karena adanya standar berbagai tipe data dapat disajikan.

2.2.1 Lahirnya Web

Tahun 1989, Timothy Bernes-Lee seorang ahli komputer dari inggris dan peneliti lain di European Particle Physics Lab (Consei European pour la Recherche Nucleaire, atau CERN) di Geneva, Swiss, mengembangkan suatu cara untuk men-share data antar koleganya menggunakan sesuatu yang disebut dengan hypertext.

Kode-kode khusus disisipkan ke dalam dokumen elektronik ini memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layer dengan hanya memilih sebuah hyperlink.

Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

melompat ke dokumen lain yang letak nya pada komputer remote. Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau log in ke dalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perlu melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut sekarang dengan World Wide Web dan berikut server browser web-nya.

2.2.2 Browser Web

Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukan poin dan klik untuk pindah antar dokumen.

Lynx adalah browser web yang masih menggunakan mode teks, yang akibatnya adalah tidak adanya gambar yang dapat ditampilkan. Lynx pada lingkungan

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

DOS ( Disk Operating System) dan *.nix (keluarga sistem operasi UNIX). Akan tetapi perkembangan dari browser mode teks ini tidaklah secepat browser web dengan GUI (Grafic User Interface).

Di saat perkembangan WWW ada dua browser web yang populer yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browser web lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Di antara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera dan Mozila Firefox. Di antara browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan.

2.2.2.1 Cara Kerja Browser Mengambil Halaman / Page

Suatu browser mengambil sebuah web page dari server dengan sebuah request. Sebuah request adalah HTTP standar yang berisi sebuah page address. Sebuah page address terlihat seperti berikut : hhtp://www.google.co.id.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 2.2.2.2 Cara Kerja Menampilkan Halaman / Page

Seluruh web page berisi instruksi-instruksi bagaimana untuk ditampilkan. Browser menampilkan page dengan membaca instruksi-instruksi ini. Instruksi yang paling umum untuk menampilkan disebut tag HTML. Tag HTML contohnya yaitu <p> ini merupakan suatu paragraph </p>.

2.2.3 Server Web

Server Web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya.

Browser web seperti IE atau Opera berkomunikasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunakan HTTP. Browser akan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

lain yang disediakan oleh server. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokol HTTP.

2.2.4 Istilah-Istilah Umum Yang Harus Diketahui

Berikut ini penjelasan beberapa istilah-istilah umum yang harus diketahui antara lain:

a. Protokol ; secara defenisi adalah standar pemrosesan informasi yang diterima secara umum. Protokol TCP/IP merupakan protokol yang digunakan dalam komunikasi dalam internet.

b. URL ( Universal Resource Locator ) ; URL adalah konsep nama file standar yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan nama filenya, tetapi juga nama mesin dalam jaringan. URL dapat disediakan (ada atau diakses) dengan berbagai metoda, dan bisa jadi bukan

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

sekedar file, karena URL dapat menunjukkan query-query, dokumen yang disimpan dalam database, hasil dari suatu perintah finger atau archie, atau apapun yang berkaitan dengan data hasil proses.

c. HTTP (HyperText Transfer Protocol) ; HTTP umumnya digunakan untuk melayani dokumen hypertext, karena HTTP adalah protokol dengan overhead yang sangat rendah, sehingga pada kenyataan navigasi informasi dapat ditambahkan langsung ke dalam dokumen dengan demikian protokolnya sendiri tidak harus mendukung navigasi secara penuh. Sebuah file dengan

nama “contoh.html” pada server

“/pub/files” maka URL-nya

d. Browser / Surfing ; kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasi web.

e. Browser / Surfer ; pengguna komputer yang melakukan browsing / surfing.

2.3 HTML (HyperText Markup Language) 2.3.1 Dokumen HTML

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal dengan sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet.

Ada dua cara untuk membuat sebuah web page : dengan web editor (misalnya Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan editor teks biasa (misalnya notepad atau editplus).

2.3.1.1 Penamaan Dokumen HTML

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi “.htm” atau “.html” (tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).

Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi DOS.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dan huruf kecil). Nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya dokumen.html akan berbeda dengan DOKUMEN.html. kasus case sensitive akan dijumpai pada dokumen web yang do hosting di dalam server yang berbasis *nix (keluarga sistem operasi UNIX).

2.3.1.2 Elemen Dan Tag HTML

Dokumen HTML disusun oleh elemen-elemen. “Elemen” merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya <H1> dengan </H1>), tag yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag yang pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Nama elemen ditunjukkan dengan nama tag nya. Suatu elemen didalam dokumen HTML harus ditandai dengan penulisan tag nya berpasangan.

Ada beberapa elemen yang tidak mengharuskan tag nya dituliskan secara berpasangan, elemen tersebut diantaranya adalah:

a. Paragraf dengan tag <p>

b. Ganti baris – line break dengan tag <br> c. Garis datar – horizontal rule dengan tag <hr> d. List item dengan tag <li>

Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <nama tag>_</nama tag>. Penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.

Tag mark up ini digunakan sebenarnya memberi tahu browser web bagaimana memperlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag <html>, <head> dan <body> berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya.

Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut:

<html> <head>

…informasi tentang dokumen HTML </head>

<body>

…informasi yang ditampilkan dalam browser web </body>

</html>

Setiap dokumen HTML harus diawali dengan menuliskan tag <html> dan tag </html> diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Dalam satu dokumen hanya ada satu elemen HTML. Section atau elemen head ditandai dengan tag <head> diawal, dan tag </head> di akhir. Section ini berisi informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada caption bar dari window browser, ditandai dengan menggunakan tag <title> dan diakhiri dengan </title>.

Section atau elemen body ditandai dengan tag <body> diawal, dan tag </body> diakhir. Section body merupakan elemen terbesar didalam dokumen HTML. Elemen ini berisi isi dokumen yang akan ditampilkan pada browser, meliputi paragraph, grafik, link, table, dan sebagainya.

Contoh penulisan suatu dokumen HTML sebagai berikut:

<!—contoh.html--> <html>

<head>

<title>Halaman Contoh</title> </head>

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. <body>

File ini merupakan file contoh<br>

<b>Ini untuk membuat huruf cetak tebal</b> </body>

</html>

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Gambar 2.1 Dokumen HTML ditampilkan di browser IE. (Kadir,2002)

2.4 DHTML (Dynamic Hypertext Markup Language)

DHTML adalah suatu istilah yang diberikan untuk suatu halaman web yang memanfaatkan HTML dan DOM (Document Object Model), CSS ( Cascading Style Sheet) dan client-side scripting untuk membuat tampilan halaman tersebut dinamis atau interaktif. Istilah Dynamic ditambahkan untuk membedakan sifat dinamis halaman web ini dengan halaman web statis yang dibuat hanya berdasarkan HTML.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

DHTML mulai diterapkan pada browser generasi ke empat – Microsoft Internet Explorer 4 (IE4) dan Netscape Communicator 4 (NS4). DHTML sepenuhnya merupakan teknologi client side yang hanya bergantung pada kemampuan browser untuk menampilkan dan memanipulasi elemen halaman web yang tidak bisa dilakukan dengan hanya mengandalkan HTML.

Sebagian besar hal yang bisa dibuat dengan DTML bisa juga dibuat dengan teknologi authoring web lain seperti Java, Flash, atau Shockwave. Penggunaan DHTML mempunyai kelebihan karena tidak memerlukan plugin apapun untuk menjalankannya dan ukurannya jauh lebih kecil dibandingkan dengan penggunaan teknologi lain. Kelemahannya, masih banyak hal-hal yang belum bisa dilakukan dengan menggunakan DHTML seperti suara dan video. Saat ini sudah cukup banyak penerapan DHTML yang sering ditemukan sewaktu mengakses internet sehari-hari. Yang umum misalnya rollover menu ( baik berbentuk image ataupun teks biasa), pulldown menu, trailing cursor, sliding text,dll.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

CSS mendefinisikan karakteristik tampilan ( warna, style, dan posisi ) suatu elemen pada dokumen HTML dalam bentuk property elemen tersebut. Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan penyusunan struktur suatu halaman HTML dengan lebih fleksibel. CSS merupakan bagian/subset dari DOM yang sangat berperan dalam HTML.

Perbedaan implementasi antara Netscape dan Microsoft sehingga akhirnya W3C melakukan suatu standardisasi CSS. Pada awalnya, upaya standardisasi CSS dibagi dua, yaitu CSSI untuk pengaturan warna dan style, serta CSS-P untuk pengaturan posisi suatu elemen. CSS2 dari W3C selanjutnya menggabungkan kedua standar ini menjadi suatu standar yang meliputi semua setting tampilan suatu elemen halaman HTML.

Dalam spesifikasi CSS2, ada beberapa properti elemen dokumen yang berhubungan dengan posisi suatu elemen dihalaman browser. Property tersebut adalah:

a. Posisition - ada dua pilihan untuk nilai properti ini, yaitu absolute dan relative. Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung kiri-atas elemen parent-nya. Sedangkan setting absolute bekerja sesuai layout

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

HTML biasa dimana posisinya ditentukan berdasarkan akhir elemen sebelumnya.

b. Left dan Top – menentukan jarak kearah kanan dan ke bawah dari posisi awal elemen. Unitnya bisa dinyatakan dalam point (pt), pixel(px) atau unit standar CSS lainnya.

c. Width dan Height – menentukan lebar dan tinggi elemen. Unitnya bisa dinyatakan dalam point(pt), pixel(px) atau unit standar CSS lainnya.

d. Z-index – menentukan apakah suatu elemen ditampikan dilayar. Nilainya bisa visible (tampil) atau hidden (tersembunyi).

e. Overflow – menentukan perilaku ruang penampung jika isinya melebihi batasnya. Ada tiga untuk nilai properti ini, yaitu clip, scroll, dan none. Setting clip berarti isi akan dipotong jika melebihi batas.Scroll akan memunculkan scrollbar pada container. Sedangkan none tidak akan melakukan apapun terhadap isi sehingga isi tersebut akan keluar dari ruang batasnya.

f. Background-color atau Layer-background-color – menentukan warna dasar dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untuk NS.

g. Background-image atau Layer-background-image – menentukan gambar latar belakang dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untuk NS.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 2.4.2 JavaScript

JavaScript pertama kali muncul di Netscape 2.0 dan dikembangkan lebih lanjut pada Netscape 3.0. walaupun memiliki nama yang serupa. JavaScript sama sekali tidak berhubungan dengan Java.

Java adalah bahasa pemograman tingkat tinggi untuk membuat aplikasi cross-platform, sedangkan Java Script hanyalah scripting language yang terintegrasi dengan web browser untuk memberikan fleksibilitas tambahan bagi programmer untuk mengontrol elemen-elemen dalam halaman web.

Aplikasi JavaScript sebenarnya cukup luas, tetapi disini penulis menggunakan JavaScript dibatasi untuk DHTML, yaitu JavaScript yang digunakan untuk mengakses property, method, dan event handler yang disediakan oleh DOM dan CSS.

Property didefenisikan sebagai setting nilai suatu objek tertentu. Contohnya adalah warna suatu teks, action untuk suatu form, nama file untuk suatu gambar, dll. Method adalah fungsi-fungsi yang dapat diterapkan untuk suatu objek. Misalnya

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

maximize untuk window. Event handler menspesifikasikan bagaimana suatu objek merespon terhadap suatu kejadian, misalnya suatu button di click, window di resize,dll. (kadir,2002).

2.5 PHP

2.5.1 Sejarah PHP

PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirim ke client, tempat pemakai menggunakan browser. Berbeda dengan Javascript, yang mana skrip diproses client.

PHP pertama kali dibuat pada musim gugur tahun 1994 oleh Ramus Lerdoff. Ini bermula saat Ramus Lerdoff membuat sejumlah skrip perl yang dapat mengamati siapa saja yang melihat – lihat daftar riwayat hidupnya . Skrip – skrip ini selanjutnya dikemas menjadi tool yang disebut “ Personal Home Page”. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Ramus menciptakan PHP/FI (Personal Home Page/Form Interpreter) versi 2.0. Sejak itulah PHP bersifat open source.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Pada bulan November 1997, PHP/FI versi 2.0 berhasil dirilis. Pada rilis ini interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang sama sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Kemudian pada pertengahan tahun 1999, Zend merilis kembali interpreter PHP baru dengan nama PHP 4.0. PHP 4.0 merupakan versi PHP yang paling populer di kalangan programmer website. Alasan yang menjadikan versi 4.0 ini begitu diminati adalah kemampuannnya untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi.

Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman ke arah pemograman berorientasi objek.

Berdasarkan survey Netcraft pada bulan Desember 1999,lebih dari sejuta site menggunakan PHP, diantaranya : Mitsubishi, RedHAt, NASA, MP3-Lycos dan sebagainya. Pada awal bulan Januari 2001, PHP telah dipakai oleh 5 juta domain di seluruh dunia.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 2.5.2 Kelebihan dan Kelemahan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP yaitu:

1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagaimya.

2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada Apache yang bersifat open source.

3. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena banyak milis – milis dan developer yang siap membantu pengembangannya.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat mudah dipahami.

5. PHP dapat berjalan pada 3 operating sisstem, yaitu: Linux, Unix dan Windows serta dapat juga dijalankan secara runtime pada suatu console.

Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya:

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya (sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP yang sesungguhnya.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda:

a. <?php……?> b. <?...?>

c. <script language=”PHP”>……</script>

Skrip yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya : contoh.php. Bila skrip PHP diakses melalui computer lokal maka file PHP disimpan di folder htdocs di local web server. Sama halnya dengan penamaan dokumen HTML, pemberian nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya contoh.php akan berbeda dengan CONTOH.php atau Contoh.php. Skrip PHP dapat disisipkan dibagian manapun dalam dokumen HTML, begitu pula sebaliknya skrip HTML dapat diletakkan diantara skrip PHP.

Berikut ini contoh dari skrip PHP: a. contoh1.php

<html>

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

<title> Menyisipkan PHP di dokumen HTML </title> </head>

<body>

Cara menyapa PHP dengan akrab:<br> <p>

<?php

Echo(“Hallo PHP, apa kabar?”); ?>

</body> </html>

b. contoh2.php <?php

Echo(“ini ditulis dengan skrip PHP !!”); ?>

<html>

<body>

<br><hr>

ini ditulis dengan HTML </body>

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

</html> <?php

Echo(“<br>sekian”); ?>

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 2.5.4 Integrasi dengan Database

PHP yang digabungkan dengan database akan lebih berkekuatan jika digabungkan dengan database yang realible, gratis dan mudah diinstalasi. Terdapat dua jenis database yang memenuhi yaitu MySQL dan PostgreSQL. Kedua jenis database ini dipergunakan karena kinerja yang bagus dan untuk mengaksesnya.PHP mempunyai fungsi khusus. berikut ini daftar database yang didukung oleh PHP sampai versi 5:

Tabel 2.1 Daftar Database-Database Yang Didukung PHP

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10 11. Adabas D DBase Empress FilePro (read-only) Hyperware IBM DB2 Informix Ingres Interbase Frontbase MSQL 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. Direct MS-SQL MySQL ODBC

Oracle (OC17 dan OC18) Ovrimos PostgreSQL SQLite Solid Sybase Velocis Unix dbm

PHP mempunyai fungsi khusus untuk mengakses MySQL. Ada sekitar 48 fungsi yang didukung PHP dalam mengakses PHP dalam mengakses MySQL dalam membuat aplikasi.

Adapun yang biasa digunakan diantaranya adalah : a. mysql_connect()

fungsi mysql_connect adalah untuk menghubungkan PHP dengan database MySQL. Format fungsinya adalah:

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

b. mysql_select_db

setelah terhubung ke database MySQL dengan menggunakan mysql_connect, langkah selanjutnya adalah memilih database yang akan digunakan. Fungsi mysql_select_db digunakan untuk memilih database. Format fungsinya adalah:

mysql_select_db(string database, koneksi)

koneksi ialah variable yang terhubung ke MySQL. Jika tidak mengisi variable koneksi maka koneksi yang terbuka saat itulah yang dianggap digunakan. Manfaat berbagai macam koneksi adalah bahwa dengan pilihan seperti itu maka dalam satu file dimungkinkan mengambil query dari 2 database sekaligus.

c. mysql_query

Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query memberi perintah kepada database untuk melakukan apa yang dikehendaki.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Format fungsinya:

Int mysql_query(string query, int[link_identifier];

d. mysql_num_rows

kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL.Format fungsinya adalah:

Int mysql_num_rows(int result);

e. mysql_fetch_array

Fungsi ini berkaitan dengan menampilkan data. Untuk menampilkan data, digunakan fungsi mysql_fetch_array. Dengan fungsi ini, haisl query ditampung dalam bentuk array. Format fungsinya adalah:

Array mysql_fetch_array(int result, int [result type])

2.6 Pengenalan Konsep Pemograman Berorientasi Objek dengan PHP 2.6.1 Mengelola Kompleksitas Aplikasi

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Pemograman berorientasi objek (object oriented programming) memandang aplikasi perangkat lunak sebagai kumpulan object yang saling berinteraksi di dalam suatu sistem. Merancang sebuah aplikasi menggunakan tehnik object oriented dilakukan dengan membagi fungsi-fungsi berdasarkan pembagian tanggung jawab. Pembagian tanggung jawab diterapkan kepada setiap class yang dibuat. Setiap class menyediakan pelayanan untuk mengerjakan operasi tertentu.

Operasi-operasi ini dilaksanakan oleh object-object yang dibuat dari class tersebut. Dengan memfokuskan setiap class pada tanggung jawab yang tertentu dengan tingkatan kompleksitas yang memadai tentu akan sangat membantu untuk mereduksi kompleksitas aplikasi secara keseluruhan.

Pembangunan aplikasi dapat dianalogikan sebagai misi dari sebuah tim dimana untuk mencapai tujuan dari misi ini dilakukan pembagian tugas yang jelas agar dapat menyelesaikan tugas yang diberikan dengan baik. Dengan tehnik Object Oriented ini, jalinan komunikasi antar programmer juga dipermudah dengan masing-masing class yang dibuat akan dilengkapi dengan interface yang menjadi standar bagaimana class tersebut dihubungi. Interface itu mencakup:

a. Nama

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

c. Cara penggunaannya d. Hasil yang diperoleh

Pada akhirnya dengan pendekatan object oriented ini akan dihasilkan aplikasi dengan struktur yang kokoh. Operasi dan data dibungkus dengan rapi di dalam class. Data hanya dapat dimanipulasi menggunakan operasi-operasi yang disediakan didalam class.

2.6.2 Mengantisipasi Adanya Perubahan

Salah satu prinsip dalam perancangan aplikasi dengan pendekatan object oriented adalah pemisahan antara tampilan (user interface) dan implementasi (business logic). Tujuan pemisahan antara bagian tampilan dengan bagian implementasi adalah mengurangi ketergantungan antarbagian di dalam aplikasi.

Tingkat ketergantungan yang rendah tersebut dapat memudahkan penggantian, perbaikan, atau pengembangan suatu modul dengan tidak menimbulkan efek pada

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

modul lainnya. Modul-modul yang independent memungkinkan penggunaan ulang (reuse) dari modul-modul tersebut.(Syafii,2005).

2.7 Pengenalan MySQL

MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (Data Base Management System). MySQL juga dapat dikategorikan sebagai Relational Data Base Management System (RDBMS), karena dalam pembuatan basis data pada MySQL terdiri atas lajur horizontal dan lajur vertical.

MySQL pada saat ini banyak digunakan oleh pemograman web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data.(Syafii,2005).

2.8 Macromedia Dreamweaver

Dalam membuat website diperlukan suatu editor. Salah satu editor yang sangat sederhana adalah notepad. Dengan perkembangan perangkat lunak, suatu perusahaan

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

yang bernama Macromedia, inc. membuat suatu editor berbasis GUI yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver.

Dreamweaver merupakan editor HTML yang professional untuk mendesain, menulis kode program, dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaannya, Dreamweaver memberikan 3 (tiga) pilihan yaitu bekerja dengan menulis kode program (menu code), dengan pengeditan secara visual (Mode Design) dan dengan tampilan keduanya (mode split). Dreamweaver juga menyediakan alat-alat Bantu untuk mengembangkan kreativitas pembuatan web.(Bambang et al,2004).

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perancangan sistem adalah merupakan upaya perusahaan untuk memulai memiliki sistem baik yang lama maupun untuk mulai memiliki sistem yang baru. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.

3.2 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah gambaran sistem secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah

mewakili/menggambarkan arus data dalam perancangan sistem sangat membantu sekali didalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 3.3 Diagram Alir Data

Dalam perancangan sistem ini penulis mencoba untuk memberikan gambaran mengenai alur arus data dari sistem ini. Adapun rancangan DFD pada sistem ini adalah sebagai berikut :

Gambar 3.1 DFD Level Konteks

Admin User

Web Site

- Data Profil Preusahaan

- Info Profil Perusahaan - Info Perusahaan

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 3.4 Desain Database

Berikut imi adalah desain database yang dapat penulis uraikan sesuai dengan kebutuhan yang diperlukan sebagai media input dan media penyimpanan data serta media output.

3.4.1 Tabel Berita

Field Name Type Legth Keterangan

id_berita Int 5 Berita id

Id_kategori Int 5 Kategori id

Id_user Varchar 50 Id user

Judul Varchar 100 Judul

Isi_berita Text Isi berita

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Hari Varchar 20 Hari

Tanggal Date Tangga l berita

Jam Time Waktu berita

Counter Int 5 Jumlah pengunjung berita

3.4.2 Tabel Bisnis

Field Name Type Legth Keterangan

Id bisnis int 5 Id bisnis

Jasa varchar 100 Jasa yang ditawarkan

Keterangan Text Keterangan tentang jasa yang

ditawarkan

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 3.4.3 Tabel Hubungi

Field Name Type Legth Keterangan

Id_hubungi int 5 Id hubungi

Nama Varchar 50 Nama user yang mengirim pesan

Email varchar 100 Email user yang mengirim pesan

Subjek varchar 100 Judul pesan yang dikirim oleh user

Pesan Text Pesan

Tanggal Date Tanggal mengirim pesan

3.4.4 Tabel Galeri

Field Name Type Legth Keterangan

Id_galeri Int 3 Id galeri

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 3.4.5 Tabel Kategori

Field Name Type Legth Keterangan

Id_kategori int 5 Id kategori

Nama_kategori Varchar 50 Nama kategori

Keterangan Varchar 100 Keterangan kategori

3.4.6 Tabel Modul

Field Name Type Legth Keterangan

Id_modul int 5 Id modul

Nama_modul Varchar 50 Nama modul

Link Varchar 100 Link atau url

Static_content Text Content statis

Gambar Varchar 100 Gambar

Publish Enum ‘Y’,’N’ Publish

Status Enum ‘Y’,’N’ Status

Aktif Enum ‘Y’,’N’ Aktif

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 3.4.7 Tabel User

Field Name Type Legth Keterangan

Id_user Varchar 50 Id user

Password Varchar 50 Password user

Nama_lengkap Varchar 100 Nama lengkap user

Email Varchar 100 Email user

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

3.5 Flowchart

3.5.1 Flowchart menu utama

Start

Halaman Website

Halaman Website

Halaman About Us

Halaman Service

Halaman Galeri Home

Halaman Contact About

Us

Service

Galeri

Contact _{Input Data}

Kirim

Simpan

Simpan Di DB

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. Gambar 3.2 Flowchart Menu Utama

3.5.2 Flowchart Admin

Start

Input User & Pass Autentifikasi True Menu Admin Home Manag e User Manag e Profil Berita Service Galeri Logout

Input User & Pass

Manage User

Manage Modul

Manage Berita

Manage

Manage Galeri _E

D C A B Edit Profil Update Updat e Di Update

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Gambar 3.3 Flowchart Admin

3.5.3 Flowchart User

Input Data User

Simpan

Simpan Di DB

A

Manage User

Tambah

Pilih User

Edit

Hapus

Edit Dat User

Update

Batal

Simpan Batal

Update Update

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Gambar 3.4 Flowchart User

3.6 MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal. kepopulerannya disebabkan MySQL menggunakan SQL sebagai dasar untuk mengakses databasenya. Selain itu, ia bersifat free tidak perlu membayar untuk mengunakannya ) pada pelbagai platform (kecuali pada windows yang bersifat Shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan sebagai keperluan produksi). Perangkat lunak MySQL sendiri bisa di download dari http:/www.mysql.org atau http:/www.mysql.com.

Adapun Query- Query untuk melakukan perancangan tabel MySQl untuk membuat databasenya adalah sebagai berikut :

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Structur Table Berita :

CREATE TABLE `berita` (

`id_berita` int(5) NOT NULL auto_increment,

`id_kategori` int(5) NOT NULL,

`id_user` varchar(50) collate latin1_general_ci NOT NULL,

`judul` varchar(100) collate latin1_general_ci NOT NULL,

`isi_berita` text collate latin1_general_ci NOT NULL,

`gambar` varchar(100) collate latin1_general_ci NOT NULL,

`hari` varchar(20) collate latin1_general_ci NOT NULL,

`tanggal` date NOT NULL,

`jam` time NOT NULL,

`counter` int(5) NOT NULL default '1',

PRIMARY KEY (`id_berita`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci

AUTO_INCREMENT=23 ;

Structur Table Bisnis :

CREATE TABLE `bisnis` (

`id_bisnis` int(5) NOT NULL auto_increment, `jasa` varchar(100) NOT NULL default '', `keterangan` text NOT NULL,

`id_user` varchar(50) NOT NULL default '', PRIMARY KEY (`id_bisnis`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=12 ;

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. CREATE TABLE `galeri` (

`id_galeri` int(3) NOT NULL auto_increment, `nama` varchar(50) NOT NULL,

PRIMARY KEY (`id_galeri`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=30 ;

Structur Table Hubungi :

CREATE TABLE `hubungi` (

`id_hubungi` int(5) NOT NULL auto_increment,

`nama` varchar(50) collate latin1_general_ci NOT NULL, `email` varchar(100) collate latin1_general_ci NOT NULL, `subjek` varchar(100) collate latin1_general_ci NOT NULL, `pesan` text collate latin1_general_ci NOT NULL,

`tanggal` date NOT NULL, PRIMARY KEY (`id_hubungi`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=4 ;

3.7 File yang digunakan

Dalam perancangan website, penulis mempersiapkan file –file yang digunakan dalam menunjang tampilan website. Adapun jenis – jenis file tersebut:

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

File gambar yang digunakan dalam perancangan ini menggunakan foto atau gambar yang berekstension .jpg yang telah diatur oleh macromedia dreamweaver.

2. File Halaman website

Dalam pembuatan website ini semua proyek di simpan dalam teks yang berekstension .php. Hal itu dikarenakan website ini menggunakan bahsasa pemrograman php yang terkoneksi dengan My SQL sebagai databasenya. Perancangan Website menngunakan Dreamweaver.

Gambar 3.5 Lembar kerja Dreamweaver Mx

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Situs yang baik adalah situs yang memperhatikan nilai keindahan dan seni desain pada halamannya. Kebanyakan situs yang menyajikan system informasi yang lengkap tetapi kurang memperhatikan keindahannya secara otomatis orang akan kurang tertarik dan tidak akan mengunjungi website tersebut.

Terkadang dalam pemakaian template /halaman pada sebuah situs, bias jadi waktu untujk mengakses sangat lambat. Hal itu dikarenakan sebab images pada halaman situs tidak dipotong-potong menjadi ukuran kecil. Pengolahan situs yang benar adalah jika mempergunakan template dalam ukuran besar, maka pada halaman situs tidak terpotong-potong lagi, karena akses situs menjadi lebih cepat dan akurat.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Tahap – tahap yang dilakukan penulis dalam membangun halaman situs adalah sebagai berikut:

1. Membuka software Macromedia Dreamweaver Mx 2004 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman tampilannya dapat dilihat sebagai berikut ini :

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Macromedia Dreamweaver yaitu dengan link – link, grafik, animasi, isi berita dan modul-modul lainya ditempat yang telah ditentukan.

3. Menulis dari meletakan skrip-skrip PHP dan HTML yang diperlukan pada tempat yang sesuai dengan yang dikerjakan di jendela Code pada Dreamweaver.

4. Menulis Skrip CSS untuk memperindah tampilan situs dan skripjavascrp itu untuk melakukan peringatan (alert) pada pengisian form.

5. Mengerjakan halaman – halaman berikutnya.

3.9 Algoritma Program

Algoritma adalah langkah-langkah pelaksanaan suatu program dalam memecahkan atau menyelesaikan suatu masalah.Algoritma merupakan cara untuk menganalisa urutan dan hubungan antara kegiatan yang akan ditempuh menyelesaikan masalah. Adapun Algoritma yang penulis buat adalah sebagai berikut :

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Langkah 1 : Tampilan menu utama yang merupakan halaman terdepan pada suatu website yang terdiri dari :

a. Home b. About us c. Service d. Galeri e. Contact

Langkah 2 :

a. Jika pilih about us maka akan muncul segala informasi yang seputar profile CV. Era Baru seperti visi dan misi.

b. Jika pilih service maka akan muncul fasilitas adalah pelayanan atau jenis jasa apa saja yang ditawarkan oleh CV. Era Baru.

c. Jika pilih Contact maka akan terlihat form kosong yang harus di isi apabila ingin mengirimkan sebuah pesan kepada perusahaan. Jika form tersebut telah di isi maka kan terkirimkan dan tersimpan di database perusahaan

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Langkah 3 : Selesai

2. Algoritama Menu Admin

Langkah 1 : Tampilkan menu login admin.

Langkah 2: Input user admin, jika password telah diinput maka akan ke halaman menu admin.

Langkah 3 : Tampilan menu halaman admin sama seperti tampilan menu pada website perusahaan. Pada halaman-halaman tersebut administrator dapat mengupdate data-data yang ada pada halaman yang ditampilkan di website nya.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

\ BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur-prosedur yang dilakukan dalam penyelesaian desain sistem yang ada dalam rancangan sistem yang telah ditetapkan dan disetujui seperti menginstal, menguji sistem yang dibuat dan memulai sistem yang baru.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem ini adalah sebagai berikut: 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.

2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.

4.3 Komponen- komponen kebutuhan sistem

Untuk menunjang penerapan sistem yang dirancang , dibutuhkan komponen-komponen yang sangat berperan terhadap kebutuhan sistem. Berikut beberapa komponen yang dibutuhkan sistem agar dapat beroperasi dengan baik.

4.3.1 Hardware

Komponen ini merupakan komponen pertama yang sangat diperlukan dalam mewujudkan sistem yang diusulkan. Dalam hal ini merincikan spesifikasi hardware yang diajukan adalah sebagai berikut:

a. Komputer dengan processor Intel Pentium 4 b. Memori RAM 256 MB atau lebih

c. Kapasitas Hardisk minimal 10 GB

d. Microsoft Windows 2000 service pack 4 atau XP Home e. Microsoft Windows XP Professional (lebih disarankan)

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 4.3.2 Software

Dengan adanya hardware saja, tentu tidak akan dapat digunakan tanpa adanya bantuan penuh dari komponen Software. Adapun Software yang digunakan dalam pembuatan website ini adalah:

a. Sistem Operasi Windows XP

Pada saat ini sistem operasi windows XP merupakan sistem operasi yang sering digunakan oleh masyarakat umum Indonesia. Sistem operasi ini lebih dikenal cara pengoperasiannya atau penggunaannya disbanding sistem operasi lain. Oleh karena itu penulis menggunakan sistem operasi ini.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Gambar 4.1 Halaman Tampilan antar muka Sistem Operasi Windows XP

b. Macromedia Dreamweaver 8

Dreamweaver program professional text editor dalam penulisan PHP maupun HTML yang digunakan untuk mengelola situs dan menata layout halaman web. Saat ini versi terbaru dreamweaver yang dikeluarkan oleh macromedia dreamweaver adalah versi 8, tetapi disini penulis menggunakan Macromedia Dreamweaver 8.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Gambar 4.2 Halaman Tampilan Macromedia Dreamweaver 8

c. XAMPP

XAMPP merupakan software triad dari 3 aplikasi yaitu apache sebagai web servernya, PHP sebagai bahasa pemograman serta MySQL sebagai databasenya. Dengan XAMPP kebutuhan software telah terpenuhi.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Gambar 4.3 Tampilan Antar Muka Web Server

4.3.3 Brainware

Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user ataupun administrator. Brainware sebagai administrator adalah yang melakukan pengolahan website. Administrator harus mengerti tentang bahasa pemograman PHP dan MySQL serta jalannya sistem. Sedangkan user adalah pengguna website itu

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

sendiri. User tidak harus mengerti tentang bahasa pemograman tersebut karena user hanyalah pengguna dan hanya cukup mampu mengoperasikan internet browser.

4.4 Demonstrasi Program

Aplikasi sistem informasi pada CV. Era Baru Berbasis Web yang penulis rancang ini memiliki beberapa halaman. Halaman – halaman yang akan ditampilkan merupakan halaman- halaman program yang penulis rancang:

4.4.1 Halaman Home

Halaman home adalah halaman depan. Pada halaman utama web ini menampilkan berita-berita yang selalu update yang dilakukan oleh admin.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Gambar 4.4 Halaman Home

4.4.2 Halaman About us

Halaman about us ini adalah halaman yang menampilakan sekilas tentang riwayat perusahaan dan profil-profil perusahaan yang dibutuhkan untuk user.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Gambar 4.5 Halaman About us

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Halaman Services adalah halaman yang menampilkan jasa-jasa yang ditawarkan oleh perusahaan.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 4.4.4 Halaman Galeri

Halaman Galeri adalah halaman yang menampilkan foto-foto hasil proyek yang telah selesai di kerjakan oleh perusahaan.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 4.4.5 Halaman Contact us

Halaman contact us adalah halaman untuk para user mengirim dan menguhubungi perusahaan melalui form yang telah tersedia. User hanya tinggal mengisi form yang telah ada, dan kemudian akan dibaca oleh admin pada halaman admin.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Gambar 4.8 Halaman Contact us

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Halaman login admin adalah halaman khusus admin. Sebelum admin masuk ke dalam halaman web nya, admin harus melakukan login terlebih dahulu di halaman login admin dengan cara mengisi kotak Username dan memasukkan PASSWORD.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 4.4.7 Halaman Menu Admin

Pada saat admin sukses melakukan proses login maka akan tampil menu admin, dimana pada menu tersebut admin dapat menambah, mengedit dan menghapus data.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Sistem informasi pada CV. Era Baru Berbasis web ini adalah media yang dapat digunakan untuk menyampaikan informasi khususnya kepada klien dan pegawai perusahaan. Sistem informasi perusahaan ini dirancang penulis dengan menggunakan sistem operasi Windows XP Professional, Macromedia Dreamweaver 8, Photoshop CS, Aplikasi Triad XAMPP sebagai web servernya, PHP bahasa scripting-nya dan MySQL sebagai database manajemen sistem (DBMS). Dari penjelasan pada bab-bab sebelumnya, penulis dapat merangkum beberapa kesimpulan yaitu sebagai berikut:

1. Penggunaan dan Pemanfaatan aplikasi Sistem Informasi pada CV. Era Baru ini dapat memberikan kemudahan bagi pihak perusahaan dalam memperkenalkan perusahaannya kepada masyarakat.

2. Dengan adanya Sistem Informasi pada CV. Era Baru ini klien dapat melihat langsung sekilas tentang profil perusahaan.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

3. Program aplikasi XAMPP yang digunakan memudahkan penulis dalam

membuat aplikasi ini karena dalam hal peng-installan maupun penggunaannya sangat lah mudah.

5.2 Saran

Dari peninjauan dan riset yang telah dilakukan oleh penulis, maka penulis berkeinginan memberikan saran – saran yang mungkin dapat digunakan sebagai bahan pertimbangan bagi para pembaca, yaitu:

1. Sejalan dengan pesatnya kemajuan Teknologi, Penulis berharap agar pembaca lebih memperdalam pengetahuan dibidang komputer, mengingat penggunaan komputer dewasa ini tidak dapat dipisahkan lagi dengan aktifitas sehari-hari. 2. Dalam pembuatan Sistem Informasi pada CV. Era Baru ini masih banyak

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. DAFTAR PUSTAKA

Bambang, P.,Mahardika, I. dan Djalle, G.J. 2004. Flash MX : 3 in 1. Bandung: Informatika Bandung.

Hakim, L. dan Musalini, U. 2004. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta: PT Elex Media Komputindo.

Jovan, F. N. 2007. Panduan Praktis Membuat WEB dengan PHP untuk Pemula. Jakarta: PT Trans Media

Kadir, Abdul. 2008. Dasar Pemrograman Web Dinamis Menggunakan PHP. Edisi Revisi. Yogyakarta: C. V. Andi Offset

Kerjasama Madcoms dan Penerbit Andi. 2006. Aplikasi Manajemen Database Pendidikan Berbasis Web dengan PHP dan MySQL. Edisi ke-2. Yogyakarta C. V. Andi Offset

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Ramadhan, Arief. 2006. Pemrograman Web Database dengan PHP dan MySQL. Jakarta : PT Elex Media Komputindo.

Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta: C. V. Andi Offset.

Sutarman. 2003. Membangun Aplikasi Web dengan PHP dan MySQL. Edisi ke-1. Yogyakarta : Graha Ilmu.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Halaman login admin adalah halaman khusus admin. Sebelum admin masuk ke dalam halaman web nya, admin harus melakukan login terlebih dahulu di halaman login admin dengan cara mengisi kotak Username dan memasukkan PASSWORD.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. 4.4.7 Halaman Menu Admin

Pada saat admin sukses melakukan proses login maka akan tampil menu admin, dimana pada menu tersebut admin dapat menambah, mengedit dan menghapus data.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Sistem informasi pada CV. Era Baru Berbasis web ini adalah media yang dapat digunakan untuk menyampaikan informasi khususnya kepada klien dan pegawai perusahaan. Sistem informasi perusahaan ini dirancang penulis dengan menggunakan sistem operasi Windows XP Professional, Macromedia Dreamweaver 8, Photoshop CS, Aplikasi Triad XAMPP sebagai web servernya, PHP bahasa scripting-nya dan MySQL sebagai database manajemen sistem (DBMS). Dari penjelasan pada bab-bab sebelumnya, penulis dapat merangkum beberapa kesimpulan yaitu sebagai berikut:

1. Penggunaan dan Pemanfaatan aplikasi Sistem Informasi pada CV. Era Baru ini dapat memberikan kemudahan bagi pihak perusahaan dalam memperkenalkan perusahaannya kepada masyarakat.

2. Dengan adanya Sistem Informasi pada CV. Era Baru ini klien dapat melihat langsung sekilas tentang profil perusahaan.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

3. Program aplikasi XAMPP yang digunakan memudahkan penulis dalam

membuat aplikasi ini karena dalam hal peng-installan maupun penggunaannya sangat lah mudah.

5.2 Saran

Dari peninjauan dan riset yang telah dilakukan oleh penulis, maka penulis berkeinginan memberikan saran – saran yang mungkin dapat digunakan sebagai bahan pertimbangan bagi para pembaca, yaitu:

1. Sejalan dengan pesatnya kemajuan Teknologi, Penulis berharap agar pembaca lebih memperdalam pengetahuan dibidang komputer, mengingat penggunaan komputer dewasa ini tidak dapat dipisahkan lagi dengan aktifitas sehari-hari. 2. Dalam pembuatan Sistem Informasi pada CV. Era Baru ini masih banyak

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009. DAFTAR PUSTAKA

Bambang, P.,Mahardika, I. dan Djalle, G.J. 2004. Flash MX : 3 in 1. Bandung: Informatika Bandung.

Hakim, L. dan Musalini, U. 2004. Cara Mudah Memadukan Web Design dan Web

Programming. Jakarta: PT Elex Media Komputindo.

Jovan, F. N. 2007. Panduan Praktis Membuat WEB dengan PHP untuk Pemula. Jakarta: PT Trans Media

Kadir, Abdul. 2008. Dasar Pemrograman Web Dinamis Menggunakan PHP. Edisi Revisi. Yogyakarta: C. V. Andi Offset

Kerjasama Madcoms dan Penerbit Andi. 2006. Aplikasi Manajemen Database

Pendidikan Berbasis Web dengan PHP dan MySQL. Edisi ke-2.

Adli Wardhana Prawira : Sistem Informasi Pada CV. Era Baru Berbasis Web Menggunakan Php Dan Mysql, 2009.

Ramadhan, Arief. 2006. Pemrograman Web Database dengan PHP dan MySQL. Jakarta : PT Elex Media Komputindo.

Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta: C. V. Andi Offset.

Sutarman. 2003. Membangun Aplikasi Web dengan PHP dan MySQL. Edisi ke-1. Yogyakarta : Graha Ilmu.