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

(1)

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

(2)

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.

(3)

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

(4)

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

(5)

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

(6)

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

(7)

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

(8)

2.6.1 Mengelola Kompleksitas Aplikasi 32

2.6.2 Mengantisipasi Adanya Perubahan 34

2.7 Pengenalan MysQL 34

2.8 Macromedia Dreamweaver 35

(9)

(10)

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

(11)

(12)

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

(13)

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

(14)

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

(15)

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:

(16)

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.

(17)

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

(18)

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.

(19)

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.

(20)

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

(21)

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

(22)

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

(23)

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

(24)

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

(25)

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

(26)

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

(27)

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

(28)

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.

(29)

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

(30)

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

(31)

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

(32)

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

(33)

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>

(34)

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>

(35)

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

(36)

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.

(37)

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

(38)

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

(39)

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.

(40)

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

(41)

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

(42)

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

(43)

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.

(44)

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>

(45)

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

ini ditulis dengan HTML

(46)

</html>

<?php

Echo(“<br>sekian”);

?>

(47)

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

(48)

Oracle (OC17 dan OC18)

Ovrimos

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:

(49)

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

(50)

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])

(51)

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

(52)

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,

(53)

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

(54)

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

(55)

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

(56)

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

(57)

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

(58)

Hari Varchar 20 Hari

Tanggal Date Tangga l berita

Jam Time Waktu berita

Counter Int 5 Jumlah pengunjung berita

3.4.2 Tabel Bisnis

Id bisnis int 5 Id bisnis

Jasa varchar 100 Jasa yang ditawarkan

Keterangan Text Keterangan tentang jasa yang

ditawarkan

(59)

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

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

Id_galeri Int 3 Id galeri

(60)

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

Id_kategori int 5 Id kategori

Nama_kategori Varchar 50 Nama kategori

Keterangan Varchar 100 Keterangan kategori

3.4.6 Tabel Modul

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

(61)

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

Id_user Varchar 50 Id user

Password Varchar 50 Password user

Nama_lengkap Varchar 100 Nama lengkap user

Email Varchar 100 Email user

(62)

3.5 Flowchart

3.5.1 Flowchart menu utama

Start

Contact _{Input Data}

Kirim

Simpan

(63)

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

(64)

Gambar 3.3 Flowchart Admin

(65)

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

(66)

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 ;

(67)

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:

(68)

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

(69)

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

(70)

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 :

(71)

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 :

(72)

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

(73)

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.

(74)

\ 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

(75)

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

(76)

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

(77)

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

(78)

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

(79)

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

(80)

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

(81)

Gambar 4.4 Halaman Home

4.4.2 Halaman About us

Halaman about us ini adalah halaman yang menampilakan sekilas tentang riwayat

(82)

Gambar 4.5 Halaman About us

(83)

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

perusahaan.

(84)

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.

(85)

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

(86)

Gambar 4.8 Halaman Contact us

(87)

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.

(88)

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.

(89)

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

(90)

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