File 10 BAB II LANDASAN TEORI

(1)

6 2.1. Landasan Teori

2.1.1. Pengenalan Internet

Menurut M. Shalahuddin (2008:3), Internet atau Internetwork adalah sekumpulan jaringan berbeda yang saling berhubungan bersama sebagai salah satu kesatuan dengan menggunakan berbagai macam protocol, salah satunya adalah protocol TCP/IP(Transmission Control Protocol/Internet Protocol).

TCP/IP adalah protocol yang paling banyak digunakan di internet. Protokol TCP/IP merupakan cara standar untuk memaketkan dan mengalamatkan data komputer (sinyal elektronik) sehingga data tersebut dapat dikirim ke komputer terdekat atau keliling dunia dan tiba dalam waktu yang cepat tanpa rusak dan hilang.

Menurut Jack Febrian (2008:27), Internet yang kita kenal saat ini pertama kali dikembangkan tahun 1969 dengan nama ARPAnet (US Defense Advanced Research Projecst Agency) oleh Departemen Pertahanan Amerika Serikat. Kejadian ini

berlangsung dua bulan setelah Neil Amstrong melangkah ke Bulan.

(2)

dilakukan. Pada mulanya jaringan interkoneksi ini disebut DARPA Internet , tapi lama-kelamaan disebut Internet saja.

Menurut Budi Sutedjo Dharma Oetomo (2007:23), di Indonesia jaringan internet mulai dikembangkan pada tahun 1983 di Universitas Indonesia berupa UINet oleh Dr. Joseph F.P. Luhukay. Ketika itu, ia baru menamtkan program doctor Filisofi Ilmu Komputer di Amerika Serikat. Jaringan dibangun selama empat tahun. Pada tahun yang sama, Luhukay pun mulai mengembangkanUniversity Network (Uninet) di lingkungan Departemen Pendidikan dan Kebudayaan. Uninet merupakan jaringan komputer dengan jangkauan lebih luas dan meliputi Universitas Indonesia, Institut Teknologi Bandung, Institut Pertanian Bogor, Universitas Gadjah Mada, Institut Teknologi Surabaya, Universitas Hasanudin, dan Ditjen Dikti.

Menurut Budi Sutedjo Dharma Oetomo (2007:24), adapun fasilitas yang tersedia di internet meliputi sabagai berikut :

1. Layanan dalam internet a. E-mail

E-mail merupakan jenis layanan di internet yang paling populer, yaitu layanan surat elektronik yang dapat digunakan untuk mengirim atau menjawab pesan, mengirimkan file sebagai bagian dari berita e-mail, dan berlangganan berita kepada grup diskusi yang diminati.

b. Mailing List

(3)

informasi dari suatu grup diskusi yang diminati atau sarana diskusi yang mengasyikkan.

c. Internet Relay Chat(Chatting)

Layanan Chatting ini merupakan sarana yang murah bagi para pengakses untuk berkomunikasi secara tekstual. Jadi, pengakses berkomunikasi melalui tulisan yang diketik. Kemudian, rekan pengakses akan membalas dalam bentuk tulisan pula.

d. USENETdanNewsgroup

Jenis layanan ini berupa Bulletin Board Service (BBS) dalam bentuk pesan. Setiap pengakses internet dapat bergabung untuk saling bertukar informasi satu sama lainnya. Newsgroup adalah sarana konferensi elektronik jarak jauh bagi para pengakses internet berdasarkan kompetensi atau bidang minat tertentu.

e. File Transfer Protocol

Melalui layanan internet ini , para pengakses dapat pula mengirimkan file yang berisi tulisan, gambar, animasi, music, atau game kepada para rekannya. FTP memungkinkan pengakses untuk menyalin file secara elektronik dari satu komputer ke komputer lainnya di dalam internet. f. Telnet

(4)

g. Web Browser

Untuk mengaksesinternetdiperlukan suatu program aplikasi yang disebut Web Browser. Program aplikasi ini mempunyai kemampuan untuk

menampilkan suatu Web Page yang ditulis dalam format HTML. Dua contoh program aplikasi angkatan pertama adalahLynxdanMosaic.Lynx adalahWeb Browser yang berbasis teks. Kekuranganya adalah tidak bisa menampilkan gambar, tetapi dia lebih cepat menampilkan teks. Format browseryang paling terkenal penggunaanya adalah Internet Explorer dan Mozilla Firefox.

h. Word Wide Web

Layanan multimedia internet atau yang dikenalWord Wide Web(WWW) merupakan aplikasi internet yang paling diminati para pengakses. WWW disukai karena mencakup sumber daya multimedia, antara lain suara, gambar, video, audio, dan animasi. Oleh karena itu, aplikasi demikian menjadi semacam sarana untuk menyajikan informasi yang interaktif dan atraktif. Layanan WWW lebih dikenal dengan sebutan web.

i. Universal Resource Locator(URL)

(5)

dokumen yang diinginkan . URL (Universal Resource Locators) adalah jawaban masalah tersebut.

Pada penggunaan WWW, penunjuk suatu sumber informasi menggunakan metode Universal Resource Locator (URL) yang merupakan konsep penamaan lokasi standard daei siati file, direktori, komputer, lokasi komputernya dan untuk menentukan alamat yang akan kita pakai, untuk mengakses internet khususnya situs web. URL mengantarkan browser ke alamat yang dituju. Jadi, jika kita mengakses situs web terlebih dahulu kita menulis URL sebagai definisi alamat yang dituju seperti :

http://www.yahoo.com/iklan_mini/index.htm

dimana:

http : adalah jenis protocol yang digunakan www.yahoo.com : adalah alamathostyang digunakan

iklan_mini : adalah direktori ataupathyang akan dituju index.htm : adalah nama file yang akan diakses

j. Hypertext Transfer Protocol(HTTP)

(6)

kepadaserverdanservermembalas permintaan klien dengan respon yang diminta.

k. Hypertext Markup Language(HTML)

Menurut M. Shalahuddin (2008:19), HTML atau Hypertext Markup Languange adalah suatu format data yang digunakan untuk membuat dokumenhypertext(teks pada komputer yang memungkinkan usersaling mengirimkan informasi. Dokumen HTML harus disimpan dengan ektensi .htm atau .html. HTML memiliki tag-tag yang telah didefinisikan untuk membuat halaman web. Penulisan tag-tag HTML dapat menggunakan huruf besar atau huruf kecil, karena HTML tidak case sensitive (membedakan huruf besar dan huruf kecil memiliki maksud berbeda). l. Homepage(Situs Web)

Menurut M. Shalahuddin (2008:6), Web site adalah informasi di word wide web yang disimpan dalamfile yang berbeda-beda sebagai halaman web.Homepagemerupakan halaman awal dari sebuah situsweb.

m. Web Hosting

Menurut M. Shalahuddin (2008:7), Web hostingmengizinkan perorangan atau organisasi membuat sebuahwebsite yang dapat diakses melaluiword wide web. Web hostsmerupakan organisasi yang menyediakan tempat di server-nya untuk perorangan atau organisasi melatkan semuafile

(7)

2.1.2. Adobe Dreamweaver CS4

Menurut wahana komputer (2009:2) , Adobe Dreamweaver CS4 adalah Adobe Dreamweaver CS4 merupakan salah satu aplikasi paling populer yang digunakan untuk membangun website. Dreamweaver memberikan fasilitas pengeditan HTML secara visual. Aplikasi ini menyertakan berbagai fasilitas dan teknologi pemrograman web terkini seperti HTML, CSS, dan Javascript. Selain itu, aplikasi ini juga memungkinkan pengeditan Javascript, XML, dan dokumen teks lainnya secara langsung. Aplikasi ini juga mendukung pemrograman Script Server Side seperti PHP, Active Server Page (ASP), ASP.NET, ASP JavaScript, ASP VBScript, ColdFusion, dan Java Server Page (JSP).

Sumber : wahana komputer (2009:7)

(8)

Berikut ini adalah bagian-bagian yang terdapat pada jendela kerja Adobe Dreamweaver CS4 :

Gambar II.2 Ruang Kerja Adobe Dreamweaver CS4

1. Kelompok Panel (kotak merah)

Mengandung berbagai kelompok panel berdasarkan fungsi mereka, seperti mengelola file, mengedit tag html, menambahkan konten dinamis ke halaman dan menambahkan elemen desain ke halaman.

2. Toolbar (kotak orange)

Dokumen (kotak orange) berisi pilihan yang membantu pengguna melakukan tugas-tugas seperti beralih antara tampilan yang berbeda dan memeriksa halaman web untuk standar aksesibilitas.

1

2

3

(9)

3. Status bar (kotak biru)

Akan menampilkan link cepat ke berbagai elemen halaman inspektur. 4. Properti (kotak hijau)

Berisi opsi untuk memodifikasi berbagai objek, seperti teks dan grafis, ditempatkan pada halaman web. Pilihan dalam panel ini akan bervariasi tergantung pada item yang dipilih.

5. Jendela Dokumen (kotak hitam)

Adalah di mana pengguna akan menghabiskan sebagian besar waktu mereka di Dreamweaver. Jendela Dokumen adalah tempat pengguna memasukkan (atau sisipkan disalin) teks, menyisipkan foto, desain halaman Anda, menerapkan format dan bentuk menyisipkan.

6. Tampilan Dokumen

Adobe Dreamweaver CS4 memungkinkan pengguna untuk bekerja pada sebuah halaman web dalam tiga pandangan yang berbeda disebut Desain, Kode dan pandangan Split.

a Pandangan Desain menampilkan halaman cara muncul pada web browser. b Pandangan Kode menampilkan kode yang digunakan untuk membuat

halaman menampilkan

c Pandangan Split baik desain dan kode dari halaman dalam satu jendela. Pandangan ini terletak pada Toolbar Dokumen.

7. Mengubah ruang kerja

(10)

kanan atas dan memilih lingkungan kerja yang Kita inginkan. Atau kita bisa pergi ke Layout Window Workspace.

Gambar II.3 Mengubah Ruang Kerja

8. Memasukkan Gambar

Jika kita ingin memasukan gambar agar lebih menarik dengan memasukkan beberapa gambar. Untuk memasukkan sebuah gambar pada halaman:

a Klik di lokasi yang diinginkan untuk menempatkan gambar. b Pilih Gambar Sisipkan>.

1) Anda juga dapat menemukan ini pada panel Insert pada tab Common dengan mengklik tombol Gambar dan memilih foto. 2) Anda juga dapat memiliki kursor Anda di mana Anda ingin gambar

muncul. Dalam Panel Aktiva, cari dan klik gambar dan kemudian memasukkan klik di bagian bawah panel Aktiva.

3) Arahkan ke folder yang dikehendaki, pilih file, dan klik OK.

4) Dalam Tag Gambar Aksesibilitas Atribut kotak dialog, dalam kotak teks Teks alternatif, ketik nama alternatif untuk menggambarkan gambar dan klik OK.

(11)

Gambar II.4 Memasukkan Gambar

9. Memasukkan Tabel

Untuk menggunakan tabel, kita akan dapat posisi elemen-elemen lebih tepatnya pada halaman. Untuk membuat tabel pada halaman:

a Tempatkan titik penyisipan pada lokasi yang diinginkan pada halaman web.

b Pilih Tabel Sisipkan>.

Menu ini juga dapat ditemukan pada panel Insert pada tab umum dan mengklik tombol Tabel.

c Tentukan pengaturan yang diinginkan dan klik OK.

d Kemudian anda dapat menentukan sifat meja dengan memanfaatkan Inspektur Properti.

e Jika anda berada di sel terakhir tabel, anda dapat menekan tab untuk menambahkan baris baru.

(12)

10. Insert Bar

Adobe Dreamweaver CS4 memberi kemudahan untuk merancang dan menata halaman demi halaman website, dengan menyediakan berbagai Tools yang siap pakai. Sangat mudah untuk menyisipkan elemen-elemen apapun yang kita perlukan, seperti Text, Gambar, atau Media lain sekalipun (suara, film, animasi flash, dll).

Dengan cara ini kita bisa membuat halaman website yang canggih dan dilengkapi dengan berbagai media masa kini, tanpa harus tahu sedikitpun pemrograman di dalamnya. Adobe Dreamweaver CS4 telah menyiapkan berbagai perangkat siap pakai dan akan menuliskan kode-kode yang diperlukan ketika kita menggunakan perangkat tersebut.

Gambar II.6 Insert Bar

11. Pengelolaan Situs

(13)

(FTP) yang dapat menghubungkan file-file yang tengah kita kerjakan dengan server. Dengan kemampuan tersebut, maka kita bisa yakin website yang sedang kita bangun akan berjalan dengan baik.

Jika kita merancang halaman dengan menggunakan CSS (Cascading Style Sheets), maka Browser Compatibility Check dan CSS Advisor akan membantu kita menemukan masalah dan sekaligus memperbaikinya. Hal ini berhubungan dengan penggunaan browser yang berlainan.

12. Panel Code View

Adobe Dreamweaver CS4 memberikan kemudahan untuk dijadikan sebagai lingkungan pemrograman web. Kita dapat mengedit kode-kode HTML secara langsung dan kemudian berpindah-pindah dari tampilan programming ke tampilan desain. Dengan fasilitas color-coding, indentasi, dan alat bantu visual lainnya, Adobe Dreamweaver CS4 menjadi sebuah lingkungan yang nyaman untuk pemrograman web, baik bagi pemula maupun tingkatan yang lebih lanjut. Adobe Dreamweaver CS4 dilengkapi dengan pemrograman untuk lingkungan bahasa Javascript, ColdFusion, PHP, ASP.NET. Dilengkapi dengan Panel Specialized Insert Menu dan Panel Code untuk menuliskan pemrograman sesuai dengan bahasa yang kita kuasai.

(14)

Adobe melakukan banyak perubahan pada Adobe Dreamweaver CS4. Perubahan yang dilakukan menyangkut inovasi pada desain dan pengembangan pada fitur pemrograman. Pada versi ini kita akan menemukan Dreamweaver yang lebih menyatu dengan produk lainnya dari Adobe, khususnya Photoshop. Sebagai bagian dari Adobe Creative Suite, maka image yang digunakan dalam Dreamweaver akan terhubung dengan Photoshop. Dengan cara ini kita akan bisa mengedit secara langsung image dengan Photoshop dan menyimpan perubahannya.

13. User Interface

Salah satu hal yang patut dicatat pada Adobe Dreamweaver CS4 adalah tersedianya banyak pilihan interface yang tersimpan dalam bentuk menu Workspace. Kita dapat memilih konfigurasi yang paling sesuai untuk dapat menangani pekerjaan yang tengah kita hadapi.

Hal baru lain dalam penangan interface adalah kita diberi kebebasan untuk mengubah konfigurasi interface dan kemudian hasilnya dapat disimpan dalam bentuk Workspace tersendiri.

(15)

Gambar II.8 Workspace Designer Compact

14. Live View

Dreamweaver yang terdahulu menggunakan model statis untuk memperlihatkan tampilan web yang sedang dibuat. Pada Adobe Dreamweaver CS4 kemampuan tersebut ditambah dengan fitur baru yakni Live View. Dengan fitur ini kita dapat melihat hasil akhir yang akurat, lengkap dengan menu dan tombol yang interaktif.

(16)

melihat halaman web yang sedang dikerjakan secara interaktif beserta seluruh bagian yang berhubungan.

Gambar II.9 Live View

15. File-file yang Berhubungan

(17)

16. Code Navigator

CSS (Cascading Style Sheets) dewasa ini telah menjadi standar dalam pengaturan tampilan style pada text dan bagian-bagian lain yang berhubungan dengan tampilan yang dibuat seragam. Dengan adanya Code Navigator, maka secara cepat kita dapat melihat properti yang dipergunakan dalam bentuk CSS.

Gambar II.10 Code Navigator

17. Panel Properties

Perbaikan yang cukup signifikan lainnya adalah pada panel Properties. Adobe Dreamweaver CS4 membedakan kode properti untuk HTML dan CSS. Berbeda dengan versi-versi sebelumnya yang kadang-kadang pengaturan properti dituliskan sebagai kode HTML biasa atau sebagai kode CSS dengan nama yang dituliskan secara otomatis, seperti Style1, Style2, dan seterusnya.

(18)

Gambar II.11 Panel Properties

18. HTML Data Set

Fitur baru pada Adobe Dreamweaver CS4 ini memungkinkan kita untuk mengubah file HTML biasa menjadi sebuah sistem database kecil. Contohnya, kita bisa membuat halaman web dengan kode HTML biasa yang terdiri atas baris dan kolom, kemudian table dengan baris dan kolom tersebut dapat di-import ke dalam Dreamweaver dalam format lain (menggunakan Javascript atau Spry). Proses selanjutnya tinggal mengisi data dalam berbagai macam cara.

(19)

19. Smart Object

Fitur baru ini memungkinkan Adobe Dreamweaver CS4 untuk membaca dokumen Photoshop (file PSD) dan memberi dukungan langsung terhadap format file tersebut. Sebagai contoh, kita dapat memasukkan (insert > image) dokumen Photoshop dan kemudian melakukan optimisasi terhadap format file yang dipergunakan (misalnya menjadi .gif, .jpeg, atau .png).

Andaikan suatu saat file PSD tersebut telah mengalami perubahan – misalnya karena telah diedit, maka Dreamweaver secara otomatis akan memberitahu dengan memberi tanda panah merah pada gambar tersebut.

(20)

20. Graphic Editor

Graphic Editor adalah editor disebut juga pengedit grafik. Fungsinya adalah untuk membuat, merancang dan mengedit gambar, misalnya Photoshop CS4. Photoshop bukanlah program penyunting gambar biasa,tetapi merupakan program yang paling popular digunakan, dikarenakan fasilitas-fasilitas yang disajikan dapat memberikan kemudahan ekstra bagi penggunanya, antara lain seperti adanya filter, style dan efek yang sangat membantu dalam pembuatan grafik yang mengagumkan dengan mudah dan cepat.Tooladalah alat-alat bantu dasar kita dalam mengedit gambar pada Photoshop. Sebagai contoh, move tool berfungsi untuk memindahkan letak suatu objek, dan sebagainya.

a. Animator

Animator adalah pembuat animasi. Program yang berfungsi sebagai animator contohnya Swish. Swish merupakan animator yang cukup mudah untuk dioperasikan dengan tool-tool yang sederhana serta efek-efek yang sudah dirancang agar lebih instant. Saat ini Swish sudah dirilis ke dalam 2 (dua) versi, yaitu SWiSH V.2.0 dan SWiSHMax V.3.0. SwishMax adalah sebuah program yang digunakan untuk membuat animasi berjenis Flash, baik yang digunakan untuk pembuatan presentasi program maupun untuk pembuatan website yang interaktif. Kelebihan dari program ini adalah selain ukuran programnya tidak besar dan cukup mudah digunakan.

b. Photoshop

(21)

"glow" pada foto. Biasanya ini digunakan untuk membuat kesan glamour pada foto. Foto di web Design yang penulis buat. Berikut ini adalah caranya, Duplikat Background layer. Aktifkan layer background copy, ubah blending option menjadi screen. Beri Filter ke Blur dan Gaussian Blur. Kemudian dapat diatur sendiri nilainya sambil melihat gambar asli yang penulis edit.

Menu yang sering digunakan dalam program Adobe Photoshop CS4 seperti; Create Glowing Effect Photo fungsinya membuat efek, Membuat efek bayangan secara manual cara untuk membuat efek bayangan pada photoshop secara manual penulis Membuat Refleksi Bayangan terdahulu gambar bayangan masih menampilkan warna dari obyek / model-nya. Membuat header di website penulis, untuk membuat sebuah header, tentu perlu program yang bisa mengolah/membuat gambar dalam format bitmap. Ada banyak program yang bisa digunakan, penulis memilih gambar yang familiar, biasa digunakan dengan Adobe Photosop.

2.1.3. Personal Home Pages (PHP) 1. Sekilas Tentang PHP

(22)

Secara khusus, PHP dirancang untuk membentuk aplikasi web dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, Anda bisa menampilkan isi database ke halaman web. Pada prinsipnya PHP mempunyai fungsi yang sama dengan skrip-skrip seperti ASP (Active Server Page), Cold Fusion, ataupun Perl. Namun, perlu diketahui bahwa PHP sebenamya bisa dipakai secara command line. Artinya, skrip PHP dapat dijalankan tanpa melibatkanweb servermaupunbrowser.

Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yakni pada tahun 1994. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut "Personal Home Page". Paket inilah yang menjadi cikal-bakal PHP. Pada tahun 1995, Rasmus menciptakan PHP/FI Versi 2. Pada versi inilah pemograman dapat menempelkan kode terstruktur di dalam tag HTML. Yang menarik, kode PHP juga bisa berkomunikasi dengan database dan melakukan perhitungan-perhitungan yang kompleks sambil jalan.

(23)

Untuk mencoba PHP, Anda tidak perlu menggunakan komputer berkelas server. Hanya dengan sebuah komputer biasa, Anda bisa mempelajari dan mempraktikkan PHP.

PHP bersifat bebas dipakai. Anda tidak perlu membayar apa pun untuk menggunakan perangkat lunak ini alias free. Anda dapat Men-download-nya melalui situs http://www.php.net. PHP tersedia dalam bentuk kode biner maupun kode sumber yang lengkap.

Bagaimana halnya kalau yang diminta adalah sebuah halaman PHP? Prinsipnya serupa dengan kode HTML. Hanya saja, ketika berkas PHP yang dirninta didapatkan oleh web server, isinya segera dikirimkan ke mesin PHP dan mesin inilah yang memproses dan memberikan hasilnya (bempa kode HTML) keweb server. Se1anjutnya, web servermenyampaikan ke klien.

Sumber : Abdul Kadir (2008:6)

(24)

Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai database yang terkenal. Dengan demikian, menampilkan data yang bersifat dinarnis, yang diambil dari database, merupakan hal yang mudah untuk diimplementasikan. Itulah sebabnya sering dikatakan bahwa PHP sangat cocok untuk membangun halaman-halaman web dinamis.

Pada saat ini PHP sudah dapat berkomunikasi dengan berbagai database meskipun dengan kelengkapan yang berbeda-beda. Beberapa di antaranya BASE, DBM, FilePro(Personix, Inc), Informix, Ingres, InterBase, Microsoft Access, MSQL, MySQL, Oracle, PostgresSQL, Sybase.

2. Dasar-dasar PHP

a. Menggunakan sintaks <?php ... ?> Contoh : <?php

echo”Ini adalah script PHP”; ?>

b. Menggunakan sintaks <? ... ?> Contoh : <?

echo”Ini merupakan cara kedua penulisan script PHP”; ?>

c. Menggunakan sintaks <script language=”php”> ... </script> Contoh : <script language=”php”>

echo”Ini merupakan cara ketiga penulisan script PHP”; </script>

(25)

Contoh : <%

echo”Ini merupakan cara keempat penulisan script PHP”; %>

Jika saat penulisan script PHP panjang dan kompleks, sebaiknya diberikan komentar atau penjelasan pada bagian-bagian yang dianggap penting. Dan semua tulisan yang berada di dalam tag komentar tidak akan di proses. Ada tiga cara dalam penulisan komentar dalamscriptPHP, yaitu:

a. komentar Cstyle, yang diawali dengan tag pembuka /* dan diakhiri dengah tag penutup */, seperti pada contoh berikut :

<?php

/* menampilkan kata hello world*/ echo”hello world”;

?>

b. komentar C++ style, dengan menuliskan tag // pada awal baris komentar, seperti pada contoh berikut :

<?php

echo”hello world”;//menampilkan kata hello world ?>

c. komentar Bourne Shell style, dengan menuliskan tag #pada baris kode PHP yang dimaksud, seperti pada contoh berikut :

<?php

(26)

3. Variabel PHP

Variabel digunakan untuk menyimpan data sementara dan nilainya bisa berubah-ubah setiap kali program dijalankan. Adapun aturan dalam penulisan variabel adalah sebagai berikut :

a. variabel di mulai dengan tanda $

b. harus dimulai dengan huruf atau underscore (tidak boleh dimulai dengan angka)

c. Mengenal perbedaan huruf besar dan huruf kecil (Case sensitif). Contoh penulisan variabel yang benar :

$buku $_buku $buku1

contoh penulisan variabel yang salah : $1buku

$-buku

Untuk mendefinisikan nilai sebuah variabel diikuti dengan tanda sama dengan (=) dan diikuti oleh ekspresi. Ekspresi adalah sebuah pernyataan yang mengandung nilai (value) untuk sebuah variabel.

Contoh : $namavariabel=”ekspresi string”

Jika ekspresi berupa data integer, kita tidak usah menggunakan tanda kutip ganda (”) atau tanda kutip tunggal (’).

(27)

<?

$nama="Ahmad Muhopani"; $nim="12072817";

$kelas="12.6K.01"; $semester="Semester VI"; $pekerjaan="Mahasiswa"; $panggilan="Opank";

echo"Nama :$nama <br>"; echo"NIM :$nim <br>"; echo"Kelas :$kelas <br>"; echo"Semester :$semester <br>"; echo"Pekerjaan :$pekerjaan <br>"; echo"Panggilan :$panggilan oke!!<br>"; echo" <br>";

?> hasilnya:

(28)

Sebagian besar script PHP menggunakan variabel dengan lingkup tunggal (single scope), yang artinya sebuah variabel dideklarasikan dan dioperasikan pada satu tubuh script. Lingkup tunggal ini dapat di perluas menggunakan fungsi include() atau require() untuk menyertakan variabel yang di deklarasikan dalam file berbeda.

Contoh : <?

For($a=1;$a<4;$a++)

{ include(”contohphp1.php”); } ?>

hasilnya:

Gambar II.16 Hasil file contohphp2.php

(29)

4. Tipe data pada PHP

PHP mengenal beberapa macam tipe data, antara lain : a. Integer

Integer merupakan tipe data yang meliputi semua bilangan bulat (...., -3, -2, 1, 0, 1, 2, ...). Nilai maksimum tipe data integer adalah 2147483647 dan nilai minimumnya adalah -2147483647.

b. Floating point

Tipe data floating point merupakan tipe data yang mencakup bilangan pecahan.

c. String

Tipe data string adalah tipe data yang mencakup sekumpulan karakter, baik berupa abjad (a – z , A – Z ) maupun angka (0 – 9). Penulisan string dalam PHP selalu diawali dengan tanda petik ganda (” ”) atau tanda petik tunggal (’ ’).

d. Boolean

Tipe data boolean mengekspresikan nilai TRUE dan FALSE. Tipe data boolean biasanya digunakan dalam sintakscondition atau statement if.nilai default dari tipe data ini adalah TRUE.

5. Operator pada PHP

(30)

a. Operator aritmatika

Operator aritmatika adalah merupakan operator yang berhubungan dengan fungsi metematika. Operator-operator ini mengoperasikan integer dari variabel. Berikut tabel operator aritmatika :

Tabel II.1 Operator Aritmatika

Operator Operasi

+ Penambahan

- Pengurangan

* Perkalian

/ Pembagian

% Sisa Pembagian

++ Penambahan dengan 1 -- Pengurangan dengan 1 Sumber : Bimo Sunarfrihantono, ST (2002:28) b. Operator Logika

Operator logika biasanya digunakan sebagai argument pada struktur kendali yang berfungsi untuk menentukan aliran jalannya suatu program dengan membandingkan nilai TRUE atau FALSE dari suatu operand. Seperti bahasa C, PHP mendefinisikan False dengan 0 dan TRUE dengan 1. Berikut adalah table operator logika :

Tabel II.2. Kebenaran Operator Logika

P Q p AND q p OR q p XOR q !p

FALSE FALSE FALSE FALSE FALSE FALSE

FALSE TRUE FALSE TRUE TRUE FALSE

TRUE FALSE FALSE TRUE TRUE TRUE

TRUE TRUE TRUE TRUE FALSE TRUE

(31)

c. Operator Pembanding

Operator pembanding atau dikenal juga sebagai operator relasional adalah operator yang digunakan untuk melakukan pembandingan dua buah operand dan menghsilkan nilai TRUE atau FALSE. Berikut adalah tabel operator pembandingan:

Tabel II.3 Operator Pembanding

Contoh Nama Operator Hasil

$a = = $b Equal(sama dengan) TRUE jika $a sama dengan $b $a != $b Not equal(tidak sama

dengan)

TRUE jika $a tidak sama dengn $b

$a <> $b not equal(Tidak sama dengan)

TRUE jika $a tidak sama dengn $b

$a < $b Less than(kurang dari) TRUE jika $a lebih kecil dari $b

$a > $b greater than(lebih dari) TRUE jika $a lebih besar dari $b

$a <= $b Less than or equal to (kurang dari sama dengan)

TRUE jika $a lebih kecil atau sama dengan $b

$a >= $b Greater than or equal to (Lebih dari sama dengan)

TRUE jika $a lebih besar atau sama dengan $b

Sumber : Bimo Sunarfrihantono, ST (2002:31) d. Operator String

Operator string adalah perintah untuk mengoperasikan variable dengan nilai string. Ada dua jenis operator string, yaitu :

1). Operator concantenation (.), yang menghbungkan sebuah string dengan string yang lain, baik yang berada di sisi kanan maupun kiri. Contoh : <?

(32)

$b=$a." belajar PHP"; echo $b;

?>

2). Operator assignment (.=), yang menghubungkan informasi tambahan di sisi kanan sebuah string.

Contoh : <?

$a="saya";

$a .=" belajar PHP"; echo $b;

?>

Kedua contoh diatas akan menghasilkan hasil yang sama pada browser, yaitu :

(33)

2.1.4. MySQL

1. Mengenal MySQL

Menurut Abdul Kadir (2008:348), MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat Open Source (Anda tidak perlu membayar untuk menggunakannya) pada pelbagai platform (kecuali untuk jenis Enterprise, yang bersifat komersial). Perangkat lunak MySQL sendiri bisa di-download dari http://www.mysql.com.

MySQL termasuk jenis RDBMS (Relational Database Management System). ltulah sebabnya, istilah seperti tabel, baris, dan kolom digunakan pada MySQL. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.

Salah satudatabase serveryang cukup dikenal saat ini adalah MySQL. Adapun keunggulan dari MySQL adalah:

a. Mampu menangani jutaan user dalam waktu yang bersamaan. b. Mampu menampung lebih dari 50.000.000record

c. Sangat cepat mengeksekusi perintah

d. MySQL menggunakan SQL dan bersifatfree(gratis).

e. MySQL dapat berjalan di berbagai platform, antara lain Linux, Windows, dan lain sebagainya

(34)

Selain itu, MySQL juga menyediakan dukungan open source. Setiap pengguna MySQL diizinkan mengubah source untuk keperluan pengembangan atau menyelaraskan spesifikasidatabasesesuai kebutuhan.

2. Fungsi MySQL dalam Sintaks PHP

PHP berfungsi sebagai Application Programming Interface (API) yang menghubungkan programmer dengan MySQL. API dapat diibaratkan seseorang dengan dua muka, satu muka PHP menghadap programmer untuk berkomunikasi dengannya, dan satu muka yang lain menghadap MySQL untuk menyampaikan pesan dariprogrammer.

Berikut beberapa fungsi MySQL yang sering digunakan beserta deskripsi singkat masing-masing fungsi tersebut:

a. mysql_connect()

sebelum melakukan operasi apapun di MySQL, hal pertama yang harus dilakukan adalah membuka koneksi dengan MySQL. Fungsi yang digunakan untuk membuka koneksi dengan MySQL adalah mysql_connect().

b. mysql_close()

digunakan untuk mengakhiri koneksi ke MySQL. Fungsi yang digunakan adalah mysql_close().

c. mysql_create_db()

(35)

membuatdatabaseyang hanya dapat diakses olehusernamedanpassword, digunakan fungsimysql_create_db()setelah koneksi ke MySQL dibuka. d. mysql_db_query()

perintah yang diberikan kepada MySQL untuk melakukan sesuatu disebut denganquery.Querydikirim kepadadatabaseyang sedang aktif.

e. mysql_select_db()

jika suatu website menggunakan satu database, fungsi mysql_select_db() dapat digunakan memilih database yang sedang aktif. Dengan memilih database yang aktif tersebut dapat menghemat resource. Tidak perlu mengulang-ulang fungsi mysql_select_db() untuk mengirimkan query kepadadatabaseyang aktif.

f. mysql_query()

fungsi mysql_query() digunakan untuk mengirimkan query kepada databaseaktif yang sudah dipilih dengan fungsimysql_select_db()

g. mysql_fetch_row()

fungsi mysql_fetch_row() digunakan untuk mengambil hasil query dari databasesebagai datanumeric array. Fungsi ini akan mengambil data baris per baris (per record) dari database secara berulang-ulang sampai nilai kondisi query menjadi FALSE. Nilai kondisi query diperoleh dari fungsi mysql_query($query).

h. mysql_fetch_array()

(36)

i. mysql_num_rows()

fungsi mysql_num_row() digunakan untuk menghitung jumlah row (blok data ataurecord) hasilquery.

2.1.5. Pengertian Struktur Navigasi

Menurut Henky Prihatna (2005:51) Struktur Navigasi adalah “Susunan menu atau hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau navigasi tiap halaman pada suatu situs web”. Struktur navigasi suatu situs web sangat di pengaruhi oleh tujuan dari situs web yang akan dibuat.

Struktur navigasi dapat digolongkan menurut kebutuhan akan objek, kemudahan pemakaian, keinteraktifitasannya, dan kemudahan membuatnya yang berpengaruh terhadap waktu pembuatan suatu situs web. Bentuk dasar dari struktur navigasi adalah sebagai berikut :

1. Linear(Satu alur)

Linear (satu alur) merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. Dengan kata lain struktur ini hanya dapat menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat di tampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya dan tidak dapat menampilkan dua halaman sebelumnya atau dua halaman sesudahnya. Salah satu yang terpenting dari struktur ini adalah tidak diperkenankan terjadinya percabangan.

(37)

2. Hierarchical(Hirarki)

Struktur Hierarchi (bercabang) ini percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama kesatu), halaman utama ini akan mempunyai halaman percabangan yang dikatakan Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Yang terpenting dari struktur penjejakan ini tidak diperkenankan adanya tampilan secaralinear.

Gambar II.19 Struktur NavigasiHierarchical(Hirarki)

3. Non Linear(Tidak Berurut)

(38)

dengan percabangan pada struktur Hierarchi, karena pada percabangan Non Linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada Master Page dan Slave Page.

Gambar II.20 Struktur NavigasiNon Linear

4. Composite(Campuran)

Composite (campuran) atau disebut juga struktur penjejakan bebas merupakan gabungan dari ketiga struktur sebelumnya yaitu Linear, Non Linear dan Hierarchi. Jika suatu tampilan membutuhkan percabangan, maka dapat dibuat

percabangan, dan bila dalam percabangan tersebut terdapat suatu tampilan yang sama kedudukannya maka dapat dibuat struktur Linear dalam percabangan tersebut.

(39)

dibuat. Semakin kompleks peta penjejakan yang digunakan, maka semakin sulit pula pembuatan page dari peta penjejakan tersebut.

Gambar II.21 Struktur NavigasiComposite

2.2. Analisa (Perancangan/Pembuatan)

2.2.1. Tinjauan Kasus

Dalam kesempatan ini penulis membuat sebuah halaman web site yang lebih di fokuskan pada informasi website company profile perusahaan PT. Kaibon Rasirekayasa kepada rekanan yang membutuhkan informasi dari web site tersebut dengan menggunakan bahasa pemrograman PHP .

1. Rancangan Struktur Navigasi

(40)

struktur navigasi website ini, terlihat bagaimana isi dan susunan dari sebuah website secara menyeluruh.

Pembuatan struktur navigasi websiteini akan sangat membantu nantinya ketika akan membuat rancangan seluruh halaman web. Struktur navigasi website yang baik adalah yang mampu memberitahukan kepada pengunjung tentang lokasi mereka sekarang, lokasi-lokasi yang bisa dikunjungi dari lokasi sekarang.

Gambar II.22 Struktur NavigasiWeb SitePT. Kaibon Rasirekayasa

2. Rancangan TampilanWebsite

a. Rancangan Halaman Index (Home)

(41)

halaman yang lainnya. Pada halaman index akan dirancang cukup kompleks karena akan ada link untuk kesemua halaman.

Rancangan Halaman Index (home) adalah sebagai berikut :

Banner Kop Perusahaan (Gambar)

Banner Welcome (Flash)

LINK1 LINK2 LINK3 LINK4 LINK5 LINK6 LINK7

Counter

Footer Alamat Perusahaan(Gambar)

Gambar II.23 Rancangan Halaman Index (Home)

b. Rancangan Halaman Tentang Kami

(42)

Rancangan Halaman Tentang Kami adalah sebagai berikut :

Kalender

Footer Alamat Perusahaan(Gambar) Gambar II.24 Rancangan Halaman Tentang Kami

c. Rancangan Halaman Profil Perusahaan

Halaman profil perusahaan merupakan halaman yang menjelaskan tentang profil perusahaan yang dilakukan yang terdiri dari sub link menu diantaranya adalah :

1). Visi Dan Misi Perusahaan 2). Data Administrasi

(43)

Rancangan Halaman Profil Perusahaan adalah sebagai berikut :

Kalender Isi (Teks1) Isi (Teks2)

Gambar II. 25 Rancangan Halaman Profil Perusahaan

1). Rancangan Halaman Visi Dan Misi Perusahaan

(44)

Rancangan Halaman Visi dan Misi Perusahaan adalah sebagai berikut

Kalender Judul (Teks1) Timer

Menu Utama LINK1

LINK2 LINK3 LINK4 LINK5 LINK6 LINK7

Isi (Teks2)

Gambar II. 26 Rancangan Halaman Visi dan Misi Perusahaan

2). Rancangan Halaman Data Administrasi

(45)

Rancangan Halaman Data Administrasi adalah sebagai berikut :

Kalender Judul (Teks)

Teks1

Teks2 Teks3 Teks4

Timer

Menu Utama LINK1

Footer Alamat Perusahaan (Gambar)

Gambar II. 27 Rancangan Halaman Data Administrasi

3). Rancangan Halaman Susunan Pengurus

(46)

Rancangan Halaman Susunan Pengurus adalah sebagai berikut :

Kalender Judul (Teks) Gambar1

Teks7

Gambar II. 28 Rancangan Halaman Susunan Pengurus

4). Rancangan Halaman Data Keuangan

(47)

Rancangan Halaman Data Keuangan adalah sebagai berikut :

Nama (Teks1)

Teks2 Teks3 Teks4 Teks5 Teks6

Timer

Menu Utama LINK1

Gambar II. 29 Rancangan Halaman Data Keuangan

5). Rancangan Halaman Struktur Organisasi

(48)

Rancangan Halaman Struktur Organisasi adalah sebagai berikut :

Gambar

Teks1 Timer

Menu Utama LINK1

Gambar II. 30 Rancangan Halaman Struktur Organisasi

6). Rancangan Halaman Pajak Perusahaan

(49)

Rancangan Halaman Pajak Perusahaan adalah sebagai berikut :

Teks1

Teks2 Teks3 Teks4

Timer

Menu Utama LINK1 LINK2 LINK3 LINK4 LINK5 LINK6 LINK7

Gambar II. 31 Rancangan Halaman Pajak Perusahaan

d. Rancangan Halaman SBU Perusahaan

(50)

Rancangan Halaman SBU Perusahaan adalah sebagai berikut :

Banner Welcome (Flash

Kalender Isi (Teks1)

Isi (Teks2)

Gambar II.32 Rancangan Halaman SBU Perusahaan

1). Rancangan Halaman Sbu Kontruksi

(51)

Rancangan Halaman Sbu Kontruksi adalah sebagai berikut :

Teks1

Footer Alamat Perusahaan (Gambar)

Gambar II. 33 Rancangan Halaman Sbu Kontruksi

2). Rancangan Halaman Sbu Non Kontruksi

(52)

Rancangan Halaman Sbu Non Kontruksi adalah sebagai berikut :

Teks1

Gambar II. 34 Rancangan Halaman Sbu Non Kontruksi

e. Rancangan Halaman Galeri

(53)

Rancangan Halaman Galeri adalah sebagai berikut :

Kalender Logo Teks (judul)

Gambar1 (foto)

Gambar2 (foto Thumbnail) Timer

Gambar II.35 Rancangan Halaman Galeri

f. Rancangan Halaman Buku Tamu

(54)

Rancangan Halaman Buku Tamu adalah sebagai berikut :

Kalender Teks (judul)

Nama Email Komentar

Kota

Lihat Buku Tamu Timer

Gambar II.36 Rancangan Halaman Buku Tamu

g. Rancangan Halaman Kontak Kami

Halaman kontak kami merupakan halaman yang dirancang untuk memberikan informasi bagaimana cara menghubungi pemilik web site PT. Kaibon Rasirekayasa khususnya bagi setiap pengunjung yang ingin mendapatkan informasi lebih jelas mengenai profil perusahaan PT. Kaibon Rasirekayasa. Apabila dari pengunjung ingin melakukan kerja sama untuk menjadi rekanan.

(55)

Rancangan Halaman Kontak Kami adalah sebagai berikut :

Kalender

Gambar II.37 Rancangan Halaman Kontak Kami

2.2.2. Spesifikasi Rancangan Program

(56)

1. Rancangan Bentuk Masukan

Pada saat administrator mengelola situs, yaitu memasukkan data, mengedit, atau menghapus data dibutuhkan sebuah dokumen masukan dan setiap kali pengunjung berinteraksi dengan web seperti pengisian form yang tersedia dalam web. Berikut ini adalah penjelasan dari bentuk dokumen masukkannya: Nama Masukan : Buku Tamu

Fungsi : Sebagai tempat untuk mengisi komentar atau saran

Sumber : Pengunjung

Tujuan : Pemilik Perusahaan

Media : Monitor

Jumlah :

-Frekuensi : Setiap kali pengunjung mengisi Buku Tamu Bentuk : Lihat Lampiran A.1

2. Rancangan Bentuk Keluaran

Bentuk keluaran atau output disini dapat berupa media kertas misalnya kertas laporan dan media lunak yang berupa tampilan pada layar monitor. Format bentuk keluaran berupa keterangan seperti daftar tamu. Berikut ini adalah penjelasan dari web tersebut :

Nama Keluaran : Daftar Buku Tamu

Fungsi : Untuk melihat setiap komentar atau saran yang masuk Sumber : Website Company Profilee

Tujuan : Pemilik Perusahaan

(57)

Jumlah :

-Frekuensi : Setiap kali pemilik ingin melihat daftar Buku Tamu Bentuk : Lihat Lampiran B.1

3. SpesifikasiFile

Databaseadalah sekumpulan data yang saling berkaitan satu sama lain, terpusat dan terorganisir sehingga dapat dimanfaatkan dengan cepat dan mudah untuk berbagai macam kebutuhan pengolahan data.

Program websiteyang penulis buat mempunyaidatabase yang berfungsi untuk menyimpan semua komentar dari pengunjung website. Dalam pembuatan website buku tamu ini penulis disini membuat satu database yang bernama : kaibonrasi dengan nama table guestbook.MYD Adapun spesifikasi file-file tersebut antara lain :

Fileguestbook

NamaDatabase : kaibonrasi

Namafile : Fileguestbook.MYD

Akronim : guestbook.mfd

Fungsi : Data – data komentar dari pengunjung Tipefile : File master

PanjangRecord : 190 karakter MediaFile : Hard Disk

Field Key : Id

(58)

Tabel II.4.FileGuestbook

No Elemen Data Akronim Tipe Panjang Ket

1 Id Id Int 10 Primary Key

2 Dikirim dikirim Varchar 20

3 Nama nama Varchar 30

4 Email email Varchar 30

5 Komentar komentar Varchar 50

6 Kota kota Varchar 50

4. Spesifikasi Program (HIPO)

(59)

Gambar II.38 Diagram HIPO a. Halaman Index

Nama Program : Home Akronim : index.php

(60)

galeri, buku tamu dan kontak kami pengunjung dapat melihat tampilan awal situs

IndexProgram : -Bahasa Script : PHP

Bentuk Tampilan : Lihat lampiran C.1

Proses : Jalankan mozila firefox, ketikkan

http://localhost/kaibonrasi/ lalu tekan enter atau klik tombol Go. Pada halaman utama ini terdapat beberapa pilihan menu, yaitu :

1). Tampilan Home

Dalam proses ini akan ditampilkan mengenai sejarah berdiri perusahaan.

2). Tentang Kami

Dalam proses ini pengunjung dapat melihat tentang kegiatan perusahaan yang pernah kami lakukan.

3). Profil Perusahaan

Dalam proses ini pengunjung dapat melihat profil perusahaan kami berdasarkan kebutuhan yang meliputi : visi dan misi perusahaan, data administrasi, susunan pengurus, data keuangan, struktur organisasi dan pajak perusahaan.

4). SBU Perusahaan

(61)

badan usaha yang kami miliki adalah : sertifikat badan usaha jasa perencanaan konstruksi, dan sertifikat badan usaha jasa konsultan non-konstruksi serta jenis pelayanan yang dilakukan perusahaan . 5). Galeri

Dalam proses ini pengunjung dapat melihat galeri foto-foto pengalaman pekerjaan yang pernah dilakukan selama perusahaan tersebut berjalan

6). Buku Tamu

Dalam proses ini pengunjung dapat memberikan kritik dan saran dalam Website Company Profile ini dan dapat memberikan informasi apabila pengunjung ingin melakukan kerja sama dengan perusahaan kami.

7). Kontak Kami

Dalam proses ini pengunjung dapat melihat alamat perusahaan, no telepon dan email perusahaan yang bisa di hubungi apabila pengunjung berminat untuk melakukan kerja sama yang baik.

b. Tentang Kami

Nama Program : Tentang Kami Akronim : tentang.php

Fungsi : Pengunjung dapat melihat tentang kegiatan yang dilakukan perusahaan

(62)

Proses : Untuk menampilkan halaman ini, klik menu Tentang Kami yang terdapat pada pilihan menu. c. Profil Perusahaan

Nama Program : Profil Perusahaan Akronim : profil.php

Fungsi : Pengunjung dapat melihat tentang profil perusahaan Indexprogram :

-Bahasa Script : PHP

Proses : Untuk menampilkan halaman ini, klik menu Profil Perusahaan yang terdapat pada pilihan menu. Pada halaman ini terdapat 6 (enam) pilihan menu link, yaitu :

1). Visi dan Misi Perusahaan

Nama Program : Visi dan Misi Perusahaan Akronim : visi&misi.php

Fungsi : Pengunjung dapat melihat tentang visi dan misi perusahaan

Indexprogram : -Bahasa Script : PHP

(63)

Proses : Untuk menampilkan halaman ini, klik menu Profil Perusahaan yang terdapat pada pilihan menu utama dan klik Visi dan Misi Perusahaan.

2). Data Administrasi

Nama Program : Data Administrasi

Akronim : adm.php

Fungsi : Pengunjung dapat melihat tentang data administrasi perusahaan, surat ijin usaha jasa konstruksi dan landasan hukum pendirian perusahaan.

Proses : Untuk menampilkan halaman ini, klik menu Profil Perusahaan yang terdapat pada pilihan menu utama dan klik Data Administrasi. 3). Susunan Pengurus

Nama Program : Susunan Pengurus

Akronim : pengurus.php

(64)

perusahaan yang meliputi nama, jabatan dan no ktp masing-masing pengurus perusahaan. Indexprogram :

Proses : Untuk menampilkan halaman ini, klik menu Profil Perusahaan yang terdapat pada pilihan menu utama dan klik Susunan Pengurus. 4). Data Keuangan

Nama Program : Data Keuangan

Akronim : keuangan.php

Fungsi : Pengunjung dapat melihat data keuangan pemilik pemegang saham berdasarkan nama, no ktp, alamat dan persentase masing-masing pemegang saham yang terdapat di akte pendirian perusahaan. Index program :

(65)

5). Struktur Organisasi

Nama Program : Struktur Organisasi Akronim : struktur.php

Fungsi : Pengunjung dapat melihat struktur organisasi perusahaan berdasarkan jabatan dan tanggung jawab yang telah diberikan perusahaan yang mempunyai tugasnya masing-masing.

Index program : -Bahasa Script : PHP

Proses : Untuk menampilkan halaman ini, klik menu Profil Perusahaan yang terdapat pada pilihan menu utama dan klik Struktur Organisasi. 6). Pajak Perusahaan

Nama Program : Pajak Perusahaan

Akronim : pajak.php

(66)

Index program : -Bahasa Script : PHP

Proses : Untuk menampilkan halaman ini, klik menu Profil Perusahaan yang terdapat pada pilihan menu utama dan klik Pajak Perusahaan. d. SBU Perusahaan

Nama Program : SBU Perusahaan Akronim : sbu.php

Fungsi : Pengunjung dapat melihat tentang sertifikat badan usaha perusahaan

Proses : Untuk menampilkan halaman ini, klik menu SBU Perusahaan yang terdapat pada pilihan menu. Pada halaman ini terdapat 2 (dua) pilihan menu link, yaitu :

1). SBU Konstruksi

Nama Program : SBU Konstruksi

Akronim : sbukon.php

(67)

berdasarkan bidang usaha yang dimiliki perusahaan meliputi no sertifikat bidang usaha, instansi pemberi izin usaha, masa berlaku sertifikat badan usaha, no regristrasi sertifikat badan usaha dan sub-bidang / sub layanan perusahaan masing-masing bidang usaha yang dimiliki perusahaan.

Proses : Untuk menampilkan halaman ini, klik menu SBU Perusahaan yang terdapat pada pilihan menu utama dan klik SBU Konstruksi. 2). SBU Non Konstruksi

Nama Program : SBU Non Konstruksi

Akronim : sbunon.php

(68)

konstruksi, no akreditasi bidang usaha non konstruksi dan sub-bidang perusahaan masing-masing bidang usaha non konstruksi yang dimiliki perusahaan.

Proses : Untuk menampilkan halaman ini, klik menu SBU Perusahaan yang terdapat pada pilihan menu utama dan klik SBU Non Konstruksi. e. Galeri

Nama Program : Galeri Akronim : galeri.php

Fungsi : Pengunjung dapat melihat galeri hasil pekerjaan yang telah dilakukan perusahaan sebagai pengalaman perusahaan

Proses : Untuk menampilkan halaman ini, klik menu Galeri yang terdapat pada pilihan menu

f. Buku Tamu

(69)

Akronim : bukutamu.php

Fungsi : Pengunjung dapat mengisi form buku tamu dan melihat isi buku tamu bagi pengunjung yang ingin memberikan komentar

Bentuk Tampilan : Lihat lampiran A.1

Proses :

1). Untuk menampilkan halaman ini, klik menu Buku Tamu yang terdapat pada pilihan menu

2). Kemudian akan tampil form pengisian Buku Tamu 3). Isi form tesebut dengan nama, email, komentar dan kota 4). Klik tombol kirim untuk mengirim data buku tamu

5). Klik tombol batal untuk membatalkan pengisian buku tamu dan akan kembali ke halaman bukutamu.

6). Jika ingin membaca isi buku tamu klik Lihat Buku Tamu

g. Kontak Kami

Nama Program : Kontak Kami Akronim : kontak.php

(70)

tercantum no telepon perusahaan atau datang langsung ke alamat yang terdapat pada kontak kami.

IndexProgram : -Bahasa Script : PHP

Proses : Untuk menampilkan halaman ini, klik menu Kontak Kami yang terdapat pada pilihan menu .

2.2.3. Sarana Pendukung Program

Untuk mengetahui sarana pendukung program ini, penulis akan menjelaskannya, antara lain adalah perangkat keras (hardware), perangkat lunak (software) dan konfigurasi sistem komputer.

1. Perangkat Keras

Perangkat keras atau Hardware adalah seluruh komponen peralatan yang berbentuk suatu sistem komputer dan peralatan lainya yang memungkinkan komputer melaksanakan tugasnya, termaksud juga mesin-mesin pembantu penyimpanan data dan juga termaksud alat komunikasi lainya. Pada pembuatan situs web ini penulis mengusulkan komputer dengan spesifikasi sebagai berikut: Microprocessor : Pentium IV 2.0 GHZ

(71)

Keyboard : P/S 2 (102 key) Mouse : Standard Mouse Printer : Flash Disk USB 2 GB 2. Perangkat Lunak

Perangkat lunak (software) adalah komponen dalam data processing system yang berupa program-program dan teknik lain untuk mengontrol system. Fungsi software ini adalah untuk mengidentifikasi dan menyiapkan aplikasi program sehingga tata kerja seluruh peralatan komputer dapat terkontrol, serta membuat pekerjaan lebih efisien.

Jadi pemakaian komputer tidak lepas dari perangkat-perangkat tersebut yang saling berhubungan dan terkait. Adapun perangkat lunak yang digunakan untuk pembuatan situsnya ataupun dokumentasinya adalah sebagai berikut :

Sistem Operasi : Windows XP Profesional Service Pack 2 Program Aplikasi Design : Adobe Macromedia Dreamweaver CS4, Adobe

Photoshop CS4, dan SWISH Max V3.0

Bahasa Script : PHP

Web Server : Apache

Web Browser : Mozilla Firefox 3.6.2

(72)

3. Konfigurasi Sistem Komputer

Gambar II.39 Konfigurasi Sistem Komputer CPU

Pentium IV 2.0 GHZ Keyboard +

Mouse 102 Keys

Hard Disk 80 GB

Printer Deskjet Monitor