TUGAS AKHIR AZI RIANTO

SISTEM INFORMASI PADA CV. TECHPRODUCTION BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR AZI RIANTO 062406052

DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2009

Azi Rianto : Sistem Informasi Pada CV. Techproduction Berbasis Web Menggunakan PHP Dan MySQL, 2009.

PERSETUJUAN

Judul Kategori Nama Nomor Induk Mahasiswa Program Studi Departemen Fakultas

: SISTEM INFORMASI PADA CV. TECH TECHPRODUCTION BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL : TUGAS AKHIR : AZI RIANTO : 062406052 : D3 ILMU KOMPUTER : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Komisi Pembimbing

:

Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua,

Dr. Saib Suwilo, M.Sc NIP : 131796149

Pembimbing,

Drs. Sawaluddin, M.IT. NIP : 132206398


PERNYATAAN

" SISTEM INFORMASI PADA CV. TECH PRODUCTION BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL "

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya :

Medan, April 2009

AZI RIANTO 062406052


PENGHARGAAN

Puji Syukur Penulis ucapkan ke hadirat Allah SWT , yang masih memberikan kesempatan dan kesehatan sehingga akhirnya Tugas Akhir dapat diselesaikan dalam waktu yang telah ditetapkan.

Penulisan Tugas Akhir ini merupakan salah satu syarat bagi setiap mahasiswa guna menyelesaikan Program Studi D3 Ilmu Komputer Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Dalam menyelesaikan Tugas Akhir ini, Penulis banyak mendapatkan bimbingan dan bantuan dari berbagai pihak baik berupa material, spiritual. Pada kesempatan ini Penulis mengucapkan terima kasih yang sebesar-besarnya kepada :

1

Bapak Prof. Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2

Bapak Dr. Saib Suwilo, M.Sc selalku ketua jurusan Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3

Bapak Drs.Sawaluddin, M.IT selaku dosen pembimbing dalam penyusunan Tugas Akhir

yang telah banyak memberikan bimbingan dan masukan-

masukan yang sangat berarti kepada penulis, sehingga akhirnya bias menyelesaikan Tugas Akhir ini dengan sebaik-baiknya. 4

Bapak Syahriol Sitorus, S.Si, M.IT selaku dosen wali yang telah banyak membantu penulis dalam menjalani perkuliahan di kampus.

5

Para Dosen dan Pegawai Fakultas Matematika dan Ilmu Pengetahuan Alam.

6

Teristimewa kepada Orang Tua Penulis yang tercinta Ayahanda (Musa Lubis),Ibunda (Dermawati Nst) dan juga kakak dan adik tersayang Nova


Meilinda Lubis Amd, Ummi Rahayu Lubis, Minal Fauzi Lubis yang telah banyak memberikan dukungan, motivasi yang tak terhingga dan tak ternilai harganya yang dirasakan oleh penulis. 7

Seluruh teman-teman D3 Ilmu Komputer stambuk 06, dan juga para senior yang banyak memberikan masukan dan pertimbngan dalam pembuatan Tugas Akhir ini.

Penulis menyadari sepenuhnya bahwa penulisan Tugas Akhir ini masih jauh dari kesempurnaan yang dikarenakan pengetahuan dan pengalaman yang dimiliki oleh penulis masih sangat terbatas yang masih perlu diperbaiki, baik dari segi penyajian, bentuk maupun isinya.

Akhirul kalam kepada Allah Subahana Wata’ala penulis berserah diri, karena hanya pada-Nyalah segala kebenaran dan kesempurnaan itu berada. Akhir kata penuli berharap semoga Tugas Akhir ini dapat berguna bagi semua pihak yang membacanya


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, PHP5, Mysql, Apache 2 dan browser Internet Mozilla Firefox. Sistem ini dirancang untuk mempromsikan profil-profil perusahaan agar diperoleh dengan mudah dan efisien pada waktu yang diinginkan


DAFTAR ISI

Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar Bab 1 Pendahuluan 1.1 Latar Belakang 1.2 Identifikasi Masalah 1.3 Maksud dan Tujuan Penulisan 1.4 Ruang Lingkup Masalah 1.5 Metode Penelitian 1.6 Sistematika Penulisan Bab 2

Landasan Teori 2.1 Sejarah Singkat Internet 2.2 World Wide Web (WWW) 2.2.1 Lahirnya Web 2.2.2 Browser Web 2.2.2.1 Cara Kerja Browser Mengambil Halaman/Page 2.2.2.2 Cara Kerja Browser Menampilkan Halaman/Page 2.2.3 Server Web 2.2.4 Istilah-Istilah Umum Yang Harus Diketahui 2.3 HTML (Hypertext Markup Language) 2.3.1 Dokumen HTML 2.3.1.1 Penamaan Dokumen HTML 2.3.1.2 Elemen Dan Tag HTML 2.4 DHTML (Dynamic Hypertext Markup Language) 2.4.1 CSS (Cascading Style Sheet) 2.4.2 Java Script 2.5 Pengenalan PHP 2.5.1 Sejarah PHP 2.5.2 Script PHP 2.5.3 Integrasi Dengan Database 2.6 Pengenalam Konsep Pemrograman Berorientasi Objek dengan PHP 2.6.1 Mengelola Kompleksitas Aplikasi 2.6.2 Mengantisipasi Adanya Perubahan


ii iii iv vi vii ix x

1 2 3 3 3 4

6 7 9 10 11 11 11 12 13 13 13 14 18 19 21 22 22 24 27 29 29 30

2.7 Pengenalan MysQL 2.8 Macromedia Dreamweaver

31 31

Bab 3 Perancangan Sistem 3.1 Perancangan Sistem 3.2 Data Flow Diagram 3.3 Diagram Alir Data 3.4 Desain Database 3.4.1 Tabel User 3.4.2 Tabel Banner 3.4.3 Tabel Berita 3.4.4 Tabel Bisnis 3.4.5 Tabel Hubungi 3.4.6 Tabel Modul 3.4.7 Tabel Kategori 3.4.8 Tabel Partner 3.4.9 Tabel People 3.4.10 Tabel Portofolio 3.5 MySQL 3.6 Flowchart 3.6.1 Flowchart Menu Utama 3.6.2 Flowchart Admin 3.6.3 Flowchart Pengaturan Berita 3.6.4 Flowchart Pengaturan Modul 3.6.5 Flowchart Pengaturan Service 3.6.6 Flowchart Pengaturan Portofolio 3.6.7 Flowchart Pengaturan People 3.6.8 Flowchart Pengaturan Banner 3.6.9 Flowchart Pengaturan User 3.7 Algoritma Program

32 32 33 34 34 34 35 35 36 36 37 37 37 38 39 42 42 43 44 45 46 47 48 49 50 51

Bab 4 Implementasi Sistem 4.1 Pengertian Implementasi Sistem 4.2 Tujuan Implementasi Sistem 4.3 Komponen-komponen kebutuhan sistem 4.3.1 Hardware 4.3.2 Software 4.3.3 Brainware 4.4 Demonstrasi Program 4.4.1 Halaman Menu Utama 4.4.2 Halaman Tentang Perusahaan 4.4.3 Halaman Penawaran Bisnis 4.4.4 Halaman Form Contact 4.4.5 Halaman Galeri 4.4.6 Halamana Login Admin 4.4.7 Halaman Menu Admin

53 53 54 54 55 56 57 57 57 58 58 59 59 60


Bab 5 Kesimpulan dan Saran 5.1 Kesimpulan 5.2 Saran Daftar Pustaka Lampiran A Lampiran B


61 61

BAB 1

PENDAHULUAN

7.1 Latar Belakang Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi Internet sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian dan penerimaan informasi. Mulai dari perusahaan-perusahaan, sekolahsekolah, perguruan tinggi, dan lembaga atau organisasi lainnya telah banyak memanfaatkan aplikasi web dalam kegiatan penjualan, promosi, belajar dan kegiatan lainnya dimana dibutuhkan pengiriman, penyebaran dan penerimaan informasi sehingga memberikan kemudahan bagi pengguna (user) yang membutuhkan. Aplikasi web atau bisa disebut juga dengan perangkat lunak berbasis web telah berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya. Aplikasi web pada mulanya hanya berupa situs web yang bersifat statis dan navigated oriented, serta lebih banyak digunakan sebagai brosur produk atau profil perusahaan online. Pada saat ini aplikasi web telah banyak yang bersifat dinamis, interaktif dan task oriented untuk digunakan dalam sistem informasi, telekomunikasi, perdagangan, perbankan dan lain-lain. PHP (Hypertext Preprocessor) merupakan bahasa server side script yaitu bahasa berbentuk script yang terletak dan dieksekusi di server untuk kemudian hasilnya (berupa kode HTML) dikembalikan ke browser pengguna/klien. PHP dirancang


untuk membentuk suatu web yang bersifat dinamis yang artinya halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh pengguna/klien. Misalnya dapat mengakses database dan menampilkannya di halaman web dengan cepat dan mudah. PHP juga dapat berinteraksi dengan hampir semua teknologi web yang telah ada dan sifatnya yang open source (bebas pakai) memberikan kesempatan buat semua user dan programmer untuk menggunakan dan mengembangkannya. Dengan pertimbangan tersebut dan pribadi penulis yang ingin menerapkan pengetahuan yang telah diperoleh maka penulis memutuskan untuk membuat suatu aplikasi web dengan judul : “SISTEM INFORMASI PADA CV. TECH PRODUCTION BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL”. 7.2 Identifikasi Masalah

Web telah berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya. Kebutuhan akan informasi yang akurat dan tepat waktu untuk menyajikan data-data yang lengkap sangatlah diperlukan oleh suatu instansi, organisasi, perusahaan dan masyarakat umum. Permasalahan diatas membuat penulis tertarik membuat sebuah web yang dimaksudkan untuk memberikan kemudahan kepada masyarakat umum untuk mendapatkan informasi tentang CV. TECHPRODUCTION. 7.3 Maksud Dan Tujuan Penulisan Maksud penulisan tugas akhir ini adalah untuk merancang suatu aplikasi web yang dinamis yang dimanfaatkan untuk menyebarkan informasi yang baik dengan cepat dan mudah.


Tujuan dari penulisan tugas akhir ini adalah untuk menunjukkan penggunaan dari PHP dalam membangun suatu aplikasi web dinamis serta hubungannya dengan bahasa pemrograman web dan aplikasi lainnya serta membantu menyediakan informasi tentang CV. TECH PRODUCTION bagi pengguna yang membutuhkan. 1.4 Ruang Lingkup Masalah Tugas akhir ini membahas pembuatan aplikasi web dinamis sebagai suatu website yang memberikan informasi mengenai CV. TECH PRODUCTION. Aplikasi web ini dibangun di bawah sistem operasi Linux(Ubuntu 8.04) yang mencakup aplikasi web server yang terdiri dari Apache versi 2.2.9, PHP versi 5.2.6 dan MySQL 5.0.67. Aplikasi web ini juga didukung bahasa pemrograman web lainnya seperti HTML (HyperText Markup Language), CSS (Cascading Style Sheets) dan menggunakan Macromedia Dreamweaver versi 8.0 dan Adobe Photoshop 7.0. 1.5 Metode Penelitian Adapun Metodelogi penelitian yang digunakan penulis adalah : 1. Penelitian Kepustakaan (Library Research) Disini penulis menggunakan buku-buku yang berhubungan dengan masalah sehingga dapat membantu penyelesaian masalah. 2. Penelitian Lapangan (Field Research) Penelitian dilakukan langsung ke kebun-kebun kopi petani di Takengon Aceh Tengah untuk mendapatkan data dimana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada masyarakat sekitar perkebunan kopi. 1.6 Sistematika Penulisan


Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut : BAB 1

PENDAHULUAN Dalam bab ini penulis menguraikan Latar Belakang, Identifikasi Masalah, Maksud Dan Tujuan Penulisan, Ruang Lingkup Masalah, Metode Penelitian dan Sistematika Penulisan.

BAB 2

LANDASAN TEORI Bab ini berisikan tentang uraian teoritis mengenai pengertian-pengertian, metode penyusunan data serta mengenai bahasa pemrograman yang digunakan.

BAB 3

PERANCANGAN SISTEM Dalam bab ini penulis menguraikan tentang perancangan sistem yang dirancang yang meliputi perancangan database, gambaran aplikasi web

BAB 4

yang akan dibuat serta flowchart aplikasi tersebut. 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.


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.

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.

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: 1.7 Akses informasi mudah 1.8 Setup server lebih mudah 1.9 Informasi mudah didistribusikan 1.10

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

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
ini merupakan suatu paragraph
.

2.2.3 Server Web

Server Web adalah komputer yang digunakan untuk menyimpan dokumendokumen 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 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 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. Browser / Surfing ;


kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasi web. d. Browser / Surfer ; pengguna komputer yang melakukan browsing / surfing.

2.3. HTML (HyperText Markup Language) 2.3.1 Dokumen HTML

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. 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
dengan
), 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.

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

Paragraf dengan tag

9

Ganti baris – line break dengan tag

10 Garis datar – horizontal rule dengan tag
11 List item dengan tag

Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : _. 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.

Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag , dan 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: …informasi tentang dokumen HTML …informasi yang ditampilkan dalam browser web


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

Dalam satu dokumen hanya ada satu elemen HTML. Section atau elemen head ditandai dengan tag diawal, dan tag 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 dan diakhiri dengan .

Section atau elemen body ditandai dengan tag diawal, dan tag 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 File ini merupakan file contoh
Hello world dengan huruf tebal


Hasil dokumen HTML yang ditampilkan didalam browser Internet Exlplorer:

Gambar 2.1 Dokumen HTML ditampilkan di browser Mozilla Firefox. 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. 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.

2.4.1 CSS ( Cascading Style Sheet )

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 da relative. Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung kiriatas elemen parent-nya. Sedangkan setting absolute bekerja sesuai layout 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 dab 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.

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


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 Pengenalan PHP (HyperText Preprocessor) 2.5.1 Sejarah PHP

PHP merupakan salah satu bahasa pemograman web yang masih muda namun telah mengalami perkembangan yang cukup signifikan dan telah banyak digunakan oleh banyak user dalam membuat aplikasi web baik perseorangan maupun perusahaan.

Pertama kali PHP dibuat dan diperkenalkan oleh Rasmus Lerdorf pada tahun 1995 menggunakan nama PHP/FI. Generasi awal PHP/FI dibuat dari Perl yang waktu itu digunakan untuk kebutuhan pribadi saja. Pada awalnya, PHP/FI merupakan bagian dari Personal Home Page Tools. Namun, karena kebutuhan penggunaan web yang semakin kompleks maka dikembangkan PHP/FI dengan menggunakan bahasa c. Rasmus menulis sejumlah besar fungsi untuk pengaksesan ke dalam database. Penulisan itu juga bertujuan membangun halaman web menjadi lebih dinamis.

PHP/FI merupakan akronim dari Personal Home Page/Form Interpreter. Pada awal penyusunan, PHP/FI hanya mempunyai fungsi dasar dari PHP yang ada sekarang ini. Jadi, dengan kata lain, pondasi PHP sekarang ini adalah PHP/FI. Karena ketika pertama dibuat menggunakan Perl maka PHP/FI juga mempunyai susunan dan karakter pemograman yang sama dengannya.


Pada tahun 1997, dikeluarkan PHP/FI versi 2.0. Fungsi-fungsi pada PHP/FI ditulis dengan menggunakan bahasa C karena telah memiliki fungsi khusus untuk mengakses database maka, pada tahun yang sama terdapat kurang lebih 50.000 domain yang menggunakan PHP/FI sebagai bahasa pemograman untuk website, atau sekitar 1% dari total domain yang ada pada waktu itu. Booming PHP/FI tersebut membuat semakin banyak orang yang tertarik untuk berpartisipasi mengembangkan PHP/FI. Berkat kerjasama dan kontribusi mereka, PHP versi 3.0 pun dikeluarkan walau kala itu masih dalam tahap alpha.

PHP 3 merupakan generasi baru hasil pengembangan PHP/FI. Banyak developer yang terlibat didalamnya. Tak heran jika PHP 3 dianggap sebagai tonggak awal bagi terciptanya PHP versi sekarang ini. Secara resmi, peluncur PHP 3.0 ialah Andi Gutmans dan Zeev Suraski pada tahun 1997. Mereka mengeluarkan PHP 3.0 karena melihat kelemahan PHP/FI yang digunakan dalam aplikasi e-commerce. Kemudian, mereka menulisnya ulang dengan masih mengacu kepada PHP/FI. Setelah PHP 3 dikeluarkan, mereka menyarankan untuk menghentikan proyek PHP/FI karena PHP 3 masih lebih baik.

Alasan untuk mulai mengembangkan PHP, merupakan akronim dari Hypertext Prepocessor, dan memfokuskan diri pada PHP 3.0 ialah pengembangan versi ini secara meluas dalam mendukung berbagai jenis database, protokol dan API. Dengan dukungan yang semakin besar dari berbagai pihak yang menyumbangkan berbagai modul maka, pada than 1998, 10% dari seluruh webserver yang ada kala itu telah menginstalasi PHP versi 3.0.


PHP versi 4 diluncurkan untuk menangani kelemahan PHP 3, yaitu penggunaan fungsi yang begitu kompleks. Kurangnya efisiensi waktu dan kinerja yang buruk diperbaiki dan ditulis ulang dari inti PHP 3. Dengan penambahan fitur baru, seperti session, output buffering dan penanganan input, menjadikan PHP 4 aman dari berbagai jenis bahasa pemograman berbasis web. Selain itu, inti perbedaan mereka terletak pada penggunaan Zend Engine. Zend Engine merupakan inti dari PHP. Sebagian dari inti PHP, secara fungsional ia bertugas menangani input, menterjemahkan dan mengeksekusinya. Ia juga berperan menterjemahkan fungsi.

Pada Juni 2004, Zend merilis PHP 5.0. Pada versi 5 muncul untuk menangani kelemahan-kelemahan yang terdapat pada versi sebelumnya. PHP versi 5 dapat membuat file swf dan applet java. Focus utamanya adalah mengoptimalkan pengunaan PHP untuk OOP (Object Oreiented Programming).(Syafii, 2005)

2.5.2 Skrip PHP Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda: a. b. c. <script language=”PHP”>……

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 <?php echo “ Menyisipkan PHP di dokumen HTML”; ?>

b. contoh2.php


ini ditulis dengan HTML sekian”); ?>

Gambar 2.2 Dokumen PHP ditampilkan di Browser Mozilla 2.5.3 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 No.

Nama Database

No.

Nama Database

1.

Adabas D

12.

Direct MS-SQL

2.

DBase

13.

MySQL

3.

Empress

14.

ODBC

4.

FilePro (read-only)

15.

Oracle (OC17 dan OC18)

5.

Hyperware

16.

Ovrimos

6.

IBM DB2

17.

PostgreSQL

7.

Informix

18.

SQLite

8.

Ingres

19.

Solid

9.

Interbase

20.

Sybase

10

Frontbase

21.

Velocis

11.

MSQL

22.

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: mysql_connect(string hostname, srting username, string password); 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. 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

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 b. Operasi yang menjadi tugasnya 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 modul lainnya. Modul-modul yang independent memungkinkan penggunaan ulang (reuse) dari modul-modul tersebut.(Syafii,2005).

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


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


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 :

Admin

- Info Perusahaan

- Info Profil Perusahaan

User

Web Site - Data Profil Perusahaan

Gambar 3.1 DFD Level Konteks


3.4 Desain Database

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

3.4.1 Tabel User Field Name id_user password nama_lengkap email level

Type varchar varchar varchar varchar varchar

Legth 50 50 100 100 50

Keterangan Id user password Nama lengkap user Email user Level user

3.4.2 Tabel Banner Field Name id_banner judul url tgl_posting

Type int varchar varchar date

Legth 5 100 100

Keterangan id banner judul url link tanggal posting

3.4.3 Tabel Berita Field Name id_berita id_kategori id_user

Type int int varchar

Legth 5 5 50

Keterangan id berita id kategori id user


judul isi_berita gambar Hari tanggal Jam counter

varchar text varchar varchar date time int

100 100 20 5

judul berita isi berita gambar berita hari berita di posting tanggal berita di posting waktu berita di posting jumlah pengunjung berita

3.4.4 Tabel Bisnis Field Name id_bisnis Jasa keterangan id_user

Type int varchar text int

Legth 5 100 50

Keterangan id solusi bisnis jasa keterangan solusi bisnis id user

3.4.5 Tabel Hubungi Field Name id_hubungi nama email subjek pesan tanggal

Type int varchar varchar varchar text date

Legth 5 50

Keterangan id hubungi nama user yang mengirim

100

pesan email user yang mengirim

100

pesan subjek email isi pesan tanggal pesan dikirimkan


3.4.6 Tabel Modul Field Name id_modul Nama_modul Link Static_conten

Type int varchar varchar text

Legth 5 50 100

t gambar publish Status

varchar enum(‘Y’,’N’) enum(‘user’,’ad

100

Aktif urutan

min’) enum(‘Y’,’N’) int

5

Keterangan id modul Nama modul link / url konten statik gambar publish status modul aktif modul urutan modul

3.4.7 Tabel Kategori Field Name id_kategori Nama_kategori

Type int varchar

Legth 5 50

Keterangan id kategori keterangan kategori

Legth 3 25 25 25

Keterangan id partner nama perusahaan partner link/url website partner gambar / logo partner

3.4.8 Tabel Partner Field Name id_partner Nama Link gambar

Type int varchar varchar varchar

3.4.9 Tabel People


Field Name id_people Nama Jab content

Type int varchar varchar text

Legth 3 25 50

Keterangan id people nama staf perusahaan jabatan konten

Legth 5 100 100

Keterangan id portofolio event tema event perusahaan yang menjadi

3.4.10 Tabel Portofolio Field Name id_portofolio Event Tema sponsor pembicara tempat tgl_mulai tgl_posting id_user

Type int varchar varchar text varchar varchar date date varchar

100 50 50

sponsor pembicara pada event tempat dilaksanakan event tanggal event dilaksanakan tanggal posting id user

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

Struktur Table Berita : CREATE TABLE `berita` ( ìd_berita` int(5) NOT NULL auto_increment, ìd_kategori` int(5) NOT NULL default '0', ìd_user` varchar(50) collate latin1_general_ci NOT NULL default '', `judul` varchar(100) collate latin1_general_ci NOT NULL default '', ìsi_berita` text collate latin1_general_ci NOT NULL, `gambar` varchar(100) collate latin1_general_ci NOT NULL default '', `hari` varchar(20) collate latin1_general_ci NOT NULL default '', `tanggal` date NOT NULL default '0000-00-00', `jam` time NOT NULL default '00:00:00', `counter` int(5) NOT NULL default '1', PRIMARY KEY (ìd_berita`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=48 ;

COLLATE=latin1_general_ci

Struktur Table Bisnis : CREATE TABLE `bisnis` ( ìd_bisnis` int(5) NOT NULL auto_increment, `jasa` varchar(100) NOT NULL default '', `keterangan` text NOT NULL, ìd_user` varchar(50) NOT NULL default '', PRIMARY KEY (ìd_bisnis`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=11 ;

Struktur Table Hubungi : CREATE TABLE `hubungi` ( ìd_hubungi` int(5) NOT NULL auto_increment, `nama` varchar(50) collate latin1_general_ci NOT NULL default '', èmail` varchar(100) collate latin1_general_ci NOT NULL default '', `subjek` varchar(100) collate latin1_general_ci NOT NULL default '', `pesan` text collate latin1_general_ci NOT NULL, `tanggal` date NOT NULL default '0000-00-00', PRIMARY KEY (ìd_hubungi`)


) ENGINE=MyISAM AUTO_INCREMENT=24 ;

DEFAULT

CHARSET=latin1

COLLATE=latin1_general_ci

Struktur Table Kategori : CREATE TABLE `kategori` ( ìd_kategori` int(5) NOT NULL auto_increment, `nama_kategori` varchar(50) collate latin1_general_ci NOT NULL default '', `keterangan` varchar(100) collate latin1_general_ci NOT NULL default '', PRIMARY KEY (ìd_kategori`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=8 ;

Struktur Table Modul : CREATE TABLE `modul` ( ìd_modul` int(5) NOT NULL auto_increment, `nama_modul` varchar(50) collate latin1_general_ci NOT NULL default '', `link` varchar(100) collate latin1_general_ci NOT NULL default '', `static_content` text collate latin1_general_ci NOT NULL, `gambar` varchar(100) collate latin1_general_ci NOT NULL default '', `publish` enum('Y','N') collate latin1_general_ci NOT NULL default 'Y', `status` enum('user','admin') collate latin1_general_ci NOT NULL default 'user', àktif` enum('Y','N') collate latin1_general_ci NOT NULL default 'Y', ùrutan` int(5) NOT NULL default '0', PRIMARY KEY (ìd_modul`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=36 ;

Struktur Table Partner : CREATE TABLE `partner` ( ìd_partner` int(3) NOT NULL auto_increment, `nama` varchar(25) NOT NULL, `link` varchar(25) NOT NULL, `gambar` varchar(25) NOT NULL, PRIMARY KEY (ìd_partner`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=24 ;

Struktur Table People : CREATE TABLE `people` ( ìd_people` int(3) NOT NULL auto_increment, `nama` varchar(25) NOT NULL, `jab` varchar(50) NOT NULL, `content` text NOT NULL,


PRIMARY KEY (ìd_people`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=13 ;

Struktur Table Portofolio : CREATE TABLE `portofolio` ( ìd_portofolio` int(5) NOT NULL auto_increment, èvent` varchar(100) NOT NULL default '', `tema` text NOT NULL, `sponsor` text NOT NULL, `pembicara` varchar(100) NOT NULL default '', `tempat` varchar(50) NOT NULL default '', `tgl_mulai` date NOT NULL default '0000-00-00', `tgl_posting` date NOT NULL default '0000-00-00', ìd_user` varchar(50) NOT NULL default '', PRIMARY KEY (ìd_portofolio`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=13

Struktur Table User : CREATE TABLE ùser` ( ìd_user` varchar(50) collate latin1_general_ci NOT NULL default '', `password` varchar(50) collate latin1_general_ci NOT NULL default '', `nama_lengkap` varchar(100) collate latin1_general_ci NOT NULL default '', èmail` varchar(100) collate latin1_general_ci NOT NULL default '', `level` varchar(50) collate latin1_general_ci NOT NULL default 'user', PRIMARY KEY (ìd_user`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;


3.6 Flowchart

3.6.1 Flowchart menu utama

Gambar 3.2 Flowchart Menu Utama


3.6.2 Flowchart Halaman Admin

Gambar 3.3 Flowchart Halaman Admin


3.6.3 Flowchart Pengaturan Berita A Y Input Data Berita

Simp an

Edit

Edit Data Berita

Updat e

Hapus

Konfirm asi

Tamba h

Proses Simpan

Simpa n di DB

Proses Update

Update di DB

N Pilih Berita

Y

Hapus

Y

Hapus di DB

Gambar 3.4 Flowchart Pengaturan Berita


3.6.4 Flowchart Pengaturan Modul

B Y Input Data Modul

Simpa n

Edit

Edit Data Modul

Updat e

Hapus

Konfirm asi

Tamba h

Proses Simpan

Simpan di DB

Proses Update

Update di DB

N Pilih Modul

Y Hapus

Y

Hapus di DB

Gambar 3.5 Flowchart Pengaturan Modul


3.6.5 Flowchart Pengaturan Service

C

Y Input Data Servis

Simpa n

Edit

Edit Data Servis

Updat e

Hapus

Konfirma si

Tamba h

Proses Simpan

Simpan di DB

Proses Update

Update di DB

N Pilih Servis

Y Hapus

Y

Hapus di DB

Gambar 3.6 Flowchart Pengaturan Service


3.6.6 Flowchart Pengaturan Portofolio

D

Y Tamba h

Input Data Portofolio

Simpa n

Edit Data Portofolio

Updat e

Proses Simpan

Simpan di DB

Proses Update

Update di DB

N Pilih Portofolio

Edit

Hapus

Konfirma si

Y Hapus

Y

Hapus di DB

Gambar 3.7 Flowchart Pengaturan Portofolio


3.6.7 Flowchart Pengaturan People

E

Y Input Data People

Simpa n

Edit

Edit Data Servis

Updat e

Hapus

Konfirma si

Tamba h

Proses Simpan

Simpan di DB

Proses Update

Update di DB

N Pilih

Y Hapus

Y

Hapus di DB

Gambar 3.8 Flowchart Pengaturan People


3.6.8 Flowchart Pengaturan Banner

F

Y Input Data Banner

Simpa n

Edit

Edit Data Banner

Updat e

Hapus

Konfirma si

Tamba h

Proses Simpan

Simpan di DB

Proses Update

Update di DB

N Pilih Banner

Y Hapus

Y

Hapus di DB

Gambar 3.9 Flowchart Pengaturan Banner


3.6.9 Flowchart Pengaturan User

G

Y Tamba h User

Input Data User

Simpa n

Edit Data User

Updat e

Proses Simpan

Simpan di DB

Proses Update

Update di DB

N Pilih User

Edit

Hapus

Konfirma si

Y Hapus

Y

Hapus di DB

Gambar 3.10 Flowchart Pengaturan User


3.7

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 : 1. Algoritma Menu Utama Langkah 1 : Tampilan menu utama yang merupakan halaman terdepan pada suatu website yang terdiri dari : a. Home b. Tech News c. About tech d. Tech Service e. Tech Portofolio f. Tech People g. Tech Gallery h. Contact

Langkah 2 : a. Jika pilih tech news maka akan muncul berita tentang CV. TECH PRODUCTION serta berita tentang teknologi. b. Jika pilih about tech maka akan muncul penjelasan tentang profile CV. TECH PRODUCTION.


c. Jika pilih tech service maka akan muncul solusi bisnis atau jasa yang ditawarkan oleh CV.TECH PRODUCTION. d. Jika pilih tech portofolio maka akan muncul portofolio proyek yang telah dilakukan oleh CV. TECH PRODUCTION. e. Jika pilih tech people maka akan muncul nama-nama staf CV. TECH PRODUCTION. f. Jika pilih gallery maka akan muncul galeri kegiatan yang dilakukan CV. TECH PRODUCTION. g. Jika pilih contact maka akan muncul alamat serta no. telepon yang bisa dihubungi, dan juga form kosong yang dapat digunakan untuk mengirim pesan secara online kepada CV. TECH PRODUCTION. 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 menu utama. Pada halaman-halaman tersebut administrator dapat mengolah data yang ada pada halaman yang ditampilkan di website nya. Langkah 4 : Selesai.


BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi Sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan mengujinya, menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah ;

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website. 2. Menyelesaikan rancangan sistem. 3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.

4.2 Tujuan Implementasi Sistem

Adapun tujuan-tujuan dari implementasi sistem, yaitu : 1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyaji informasi.


2. Menyelesaikan rancanagan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui. 3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas. 4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh. 5. Memastikan bahwa sistem yang telah berjalan dengan lancer dengan mengontrol dan melakukan instalasi secara benar.

4.3 Komponen-komponen Kebutuhan Sistem

Komponen-komponen yang sangat berperan dalam mmenunjang penerapan sistem yang dirancang terhadap pengolahan data. Beberapa komponen yang dibutuhkan sistem untuk dapat beroperasi dengan baik antara lain :

4.3.1 Hardware Hardware merupakan komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu :

a. Personal komputer dengan processor Intel Pentium MMX 223 Mhz. b. Hardisk 4.2 GB. c. Monitor Super VGA.


d. Memori minimal 64 MB. 4.3.2 Software

Hardware tidak akan apat memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan website ini adalah : a. Sistem Operasi Linux Ubuntu 9.04.

Gambar 4.1 Tampilan antar muka Ubuntu 9.04

b. Vim Software ini berfungsi sebagai text editor dalam penulisan script PHP dalam pembuatan website.

Gambar 4.2. Tampilan VIM


c. PHP 5.2.6.-3Ubuntu 4.1 PHP PHP (Hypertext Preprocessor) merupakan bahasa server side script yaitu bahasa berbentuk script yang terletak dan dieksekusi di server untuk kemudian hasilnya (berupa kode HTML) dikembalikan ke browser pengguna/klien.

4.3.3 Brainware

Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user ataupun administrator sistem. Brainware yang dibutuhkan sebagai administrator nantinya bekerja pada server dalam pengolahan website. Admintrator harus mengerti tentang bahas pemograman PHP dan MySQL serta mengerti akan jalannya sistem. Sedangkan

user

tidak

harus

memiliki

kemampuan

khusus

hanya

mengoperasikan internet browser.


mampu

4.4 Demonstrasi Program Adapun tampilan program yang dirancang penulis adalah sebagai berikut : : 4.4.1 Tampilan Menu Utama

Gambar 4.3. Tampilan Menu Utama

4.4.2 Tampilan Tentang Perusahaan

Gambar 4.4. Tampilan Tentang Perusahaan


4.4.3 Tampilan Penawaran Bisnis

Gambar 4.5.Tampilan Penawaran Bisnis

4.4.4 Tampilan Form Contact

Gambar 4.6. Tampilan Form Contact


4.4.5 Tampilan Galeri

Gambar 4.7. Tampilan Galeri

4.4.6 Tampilan Login Admin

Gambar 4.8. Tampilan Login Admin


4.4.7 Tampilan Menu Admin

Gambar 4.9 Tampilan Menu Admin


BAB 5

KESIMPULAN DAN SARAN

5.1 KESIMPULAN

1. PHP merupakan bahasa pemograman yang banyak digunakan dikalangan web developer karena kemudahan pemakaiannya dan sifatnya open source (gratis).

2. VIM merupakan sebuah software gratisan yang kemampuannya hampir sama bahkan bisa melebihi dari sebuah software yang komersil.

3. Penyebaran informasi itu memang sangat diperlukan, penyebaran informasi melalui teknologi internet lebih global karena bisa diakses dalam jangkauan yang luas.

5.2 SARAN

1. Penulis menyadari bahwa apa yang telah dibuat penulis masih banyak kekurangannya, oleh karena itu masih diperlukan lagi pengembangan lebih lanjut untuk perbaikan kedepan.


2. Dapat dikembangkannya lebih banyak lagi software yang bersifat open source dengan kualitas bersaing, sehingga membantu kita dalam pembelajaran teknologi informasi. 3. Proses pembelajaran akan berkembang jika tidak fanatik terhadap satu sistem saja, karena itu hanya sebagai alat bantu pemecahan masalah.


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 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. http://ilmukomputer.com. Diakses tanggal 27 November 2008 http://www.pu.go.id. Diakses tanggal 9 Desember 2008


TUGAS AKHIR AZI RIANTO

Recommend Documents

dengan