Sistematika Penulisan Pengertian Internet Tabel tag untuk memulai dan menutup perintah PHP

Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009

1.6 Tinjauan Pustaka

Tugas Akhir ini membahas pembuatan aplikasi web dinamis SUARA USU sebagai suatu website yang memberikan informasi mengenai kegiatan di USU dan segala hal yang berhubungan dengan USU. Aplikasi web ini juga didukung bahasa pemrograman web lainnya seperti HTML HyperText Markup Language.Aplikasi web ini dibangun di bawah sistem operasi Windows XP .

1.7 Sistematika Penulisan

Sistematika penulisan Tugas Akhir ini disajikan kedalam bentuk terstruktur dan sistematik sehingga mempermudah pembaca untuk memahami isi Tugas Akhir. Adapun sistematika Tugas Akhir ini sebagai berikut: BAB 1 Pendahuluan Bab ini berisikan tentang latar belakang pemilihan judul, maksud dan tujuan,identifikasi masalah, metodologi penelitian yang akan dilakukan dan kegunaan penelitian. BAB 2 Landasan Teori Bab ini berisikan tentang teori-teori untuk menyelesaikan pemecahan masalah yang akan dibahas beberapa teori yang digunakan: Sistem, informasi, Database, dan uraian singkat tentang PHP, dan MYSQL. BAB 3 Perancangan Web Bab ini berisikan tentang perancangan web, sarana perancangan web, uji program. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 5 BAB 4 Algoritma Website Bab ini menjelaskan bagaimana struktur file dan struktur logika yang di bangun dalam website. BAB 5 Kesimpulan dan Saran Bab ini merupakan bab yang terakhir dimana penulis menuliskan kesimpulan dari uraian-uraian bab sebelumnya. Dan memberikan saran yang mungkin bermanfaat bagi SUARA USU. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 35 BAB 2 LANDASAN TEORI

2.1 Pengertian Internet

Internet saat ini bermula dari jaringan komputer kuno ARPAnet yang dibangun untuk memenuhi kebutuhan para peneliti di industri pertahanan di Amerika Serikat. Dalam tempo singkat jaringan ini berubah menjadi jaringan dari jaringan komputer dimana jaringan dalam satu jaringan komputer dapat berkomunikasi dengan komputer dan pengguna lain dalam jaringan yang lain pula. Jadi internet dapat juga di katakan dengan sebuah jaringan komputer besar yang melibatkan berjuta bahkan bermilyaran komputer yang saling berkomunikasi.

2.2 Pengertian Komputer

Komputer berasal dari bahasa yunani “ Compute” yang kemudian diartikan kedalam bahasa inggris “ to compute “yang berarti menghitung. Tetapi komputer bisa juga diartikan kedalam bahasa Indonesia yaitu mesin hitung. Sejalan dengan perkembangan teknologi, para ahli memiliki defenisi tentang komputer. Menurut J. Longkutoy bahwa pengertian komputer adalah sebagai berikut:“Alat pengolah data atau alat pemecah persoalan yang mampu menghasilkan informasi, tetapi harus ditangani oleh orang-orang yang ahli dan mahir”. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 ,computer jika di Indonesia menjadi komputer dengan mengganti huruf “c” menjadi “ k”. 7

2.2.1 World Wide Web www

Web adalah ruang informasi internet dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang tersedia dalam dokumen web yang ditampilkan dalam browser web. World Wide Web www, lebih dikenal dengan web yang merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Kini internet identik dengan web, karena web sebagai standart interface pada layanan yang ada di internet, dari awalnya sebagai penyedia informasi,kini digunakan juga untuk komunikasi dari email dengan chatting. Web pada awalnya adalah ruang informasi dalam internet dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang tersedia dalam dokumen web yang ditampilkan dalam browser web. Kini web seakan lebih populer dari pada email, walaupun secara statistik email masih lebih popular bagi umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan Web sebagai interfacenya. Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri informasi di internet. Selain itu web telah di adopsi Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 beberapa alasan: a. Akses informasi mudah b. Setup server lebih mudah. c. Informasi mudah didistribusikan. 8 d. Bebas platform: informasi dapat disajikan oleh browser web pada sistem operasi mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.

2.2.2 Lahirnya Web

Tahun 1989, Timothi Berners-Lee seorang ahli komputer dari inggris dan peneliti lain European Particle Physics Lab mengembangkan suatu cara untuk men-share data antar-koleganya menggunakan sesuatu yang disebut hypertext. Pemakai di CERN dapat menampilkan dokumen pada layer komputer dengan menggunakan software browser baru. Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari satu dokumen kedokumen lain tidak lagi dari satu komputer saja, tetapi dapat melompat kedokumen lain letaknya pada komputer remote. Seseorang peneliti dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau login kedalam suatu sistem remote hanya denagn 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 dan browser Webnya sekarang dimaintenance oleh World Wide Web Consortium. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009

2.2.2.1 Browser Web

Browser Web adalah software yang digunakan untuk menampilkan informasi dari server Web. 9 Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemaki dapat dengan mudah melakukan ‘point dan klik’ untuk pindah antar dokumen. Disaat perkembangan www ada dua browser web yang popular yaitu internet Explorer IE dan Netscape Navigator. Namun saat ini bermunculan Browser web lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera dan mozilla firefox. Diantara browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan. Lynx adalah browser web yang masih menggunakan metode teks, yang akibatnya adalah tidak ada gambar yang dapat ditampilkan. Linx ini ada pada lingkungan DOS Disk Operating System .nix keluarga sistem operasi UNIX.

2.2.2.2 Cara Kerja Browser Mengambil Halaman Page

Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 HTTP standar yang berisi sebuah page address. Sebuah page address terlihat seperti: http:www.google.co.id .

2.2.2.3 Cara Kerja Menampilkan Halaman page

Seluruh web page berisi instruksi-intruksi bagaimana untuk ditampilkan. Browser menampilkan page dengan membaca instruksi-instruksi ini. Instruksi yang paling umum untuk menampilkan disebut tag HTML. Tag HTML contohnya yaitu P ini merupakan suatu paragraphp. 10

2.2.3 Server Web

Server Web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokol HTTP. Browser akan mengirim request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Browser Web seperti IE atau Opera berkomnikasi melalui jaringan termasuk jaringan internet dengan server Web, menggunakan HTTP.

2.3 HTML Hyper Text Markup Language

Dokumen HTML merupakan dokumen yang disajikan dalam browser web server. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Ada dua cara untuk membuat sebuah web page yaitu dengan HTML atau dengan teks editor biasa misalnya Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 internet. HTML merupakan bahasa pemrograman yang fleksibel dimana kita dapat meletakkan script dari bahasa pemrograman lainnya seperti JAVA, C, Visual Basic dan lain-lain. Karena HTML ini dibentuk dari suatu dokumen teks biasa maka HTML dapat dibaca oleh platform yang berlainan seperti Windows, Beos, Unix dan lainnya. HTML Hyper Text Markup Language merupakan suatu script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. Hyper Text dalam HTML berarti bahwa kita dapat menuju kesuatu tempat, misalnya website atau homepage lain dengan cara memilih link yang diwakilkan oleh gambar atau tulisan. 11 Karena itu untuk bisa melakukan pemrograman aplikasi di atas website, terutama jika menggunakan pemrograman PHP dalam desain web, maka terlebih dahulu harus menguasai HTML walaupun bahasa pemrograman PHP dapat berjalan tanpa disisipkan kedalam tag-tag HTML. Kebanyakan dokumen dan aplikasi yang dapat berjalan di website browser umumnya memiliki format HTML.

2.3.1 Elemen dan Tag 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 yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag yang pertama menunjukkan tag awal Dokumen HTML disusun oleh elemen-elemen.”Elemen” merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 tagnya yang berpasangan. Nama elemen ditunjukan dengan nama tagnya. Ada beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut di antaranya adalah: a. Paragraf dengan tag p. b. Ganti garis- line break dengan tag br. c. Garis datar-horizontal rule dengan tag hr. d. List item dengan tag li. Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag html, head dan body berikut tag-tag pasangannya. 12 Elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya. Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: namatag_nametag. Penulisan nama tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran. 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. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut: html html … informasi tentang dokumen HTML head body … informasi yang ditampilkan dalam browser web body html 13 Dalam suatu dokumen hanya ada satu elemen HTML. Section atau elemen head ditandai dengan tag head di awal, dan tag head di akhir. Section ini berisi informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada caption bar dari windows browser, ditandai dengan menggunakan tag title dan di akhiri dengan title. Setiap dokumen HTML harus diawali dengan menuliskan tag html dan tag html di akhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 berisi isi dokumen yang akan ditampilkan pada browser meliputi paragraf, grafik, link, tabel dan sebagainya. Contoh penulisan suatu dokumen HTML sebagai berikut : -contoh.html- html head title Halaman Contoh title head body File ini merupakan file contoh.br b Ini untuk membuat huruf cetak tebalb body html 14

2.3.2 Dasar-Dasar HTML

Fungsi dari tag-tag HTML adalah memformat dokumen HTML, dimana tag-tag inilah yang berperan juga untuk memperindah halaman website. Walaupun tag-tag adalah standard dan wajib ada jika ingin menulisakn script HTML. Contoh tag-tag yang sering digunakan dalam website ini adalah: 1. Tag Heading Tag Heading berfungsi untuk memformat heading judul dan sub judul dari sebuah halaman website. Jenis heading terdiri Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 H7…H7. H1…H1 merupakan judul besar dan H2…H2 sampai dengan H7..H7 merupakan sub judul. 2. Tag List Tag List L1…L1 digunakan untuk menampilkan informasi dalam bentuk daftar List.Ada dua jenis daftar yang dikenal HTML, yaitu daftar dalam bullet dengan bentuk tag UL…UL dan dalam bentuk OL…OL 3. Link Hyperlink adalah kemampuan website untuk dapat melompat kehalaman lain atau ke alamat lain yang dapat di klik untuk menuju ke suatu alamat atau ke alamat tertentu yang disebut hypertext. Tag ini membuat hypertext adalah A HREF = URL-tujuan hypertextA. 15 4. Format Teks Untuk memformat teks dalam HTML dapat digunakan beberapa tag,yaitu: a. B…B untuk menebalkan teks b. I…I untuk memiringkan teks c. U…U untuk menggaris bawahi teks d. S…S untuk memberikan coretan pada teks. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 Tag Gambar IMG SRC = nama filegambar adalah tag untuk menampilkan gambar pada HTML yang berformat GIF atau JPG. Tag ini tidak mempunyai penutup seperti halnya tag lainnya, tetapi memiliki parameter yaitu SRC yang berfungsi untuk menemukan nama file gambar yang akan ditampilkan di browser. 6. Format Paragraf HTML memiliki beberapa format standar, yaitu : a. CENTER…CENTER untuk membuat teks atau paragraf rata tengah b. RIGHT…RIGHT untuk membuat teks atau paragraf rata kanan c. LEFT…LEFT untuk membuat teks atau paragraf rata kiri 16 d. P untuk membuat satu pemisah paragraf e. BR untuk membuat pemisah satu baris f. HR untuk memberikan satu garis pemisah yang berkesan tiga dimensi 7. Tabel HTML Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 tag TABLE…TABLE. Tag ini berisikan beberapa tag yaitu: a. TH…TH untuk menampilkan beberapa judul tabel yang biasanya terletak pada bagian atas atau paling kiri pada table. b. TR…TR untuk menentukan baris pada suatu table c. TD…TD untuk menampilkan data pada setiap sel tabel d. CAPTION…CAPTION untuk menampilkan judul tabel yang terletak pada bagian luar tabel. 8. Form HTML. Untuk mendeklarasikan sebuah form pada HTML digunakan tag FORM…FORM. Didalam tag ini didefenisikan elemen- elemen form seperti : a. Textbox yang berguna untuk menampilkan masukkan berupa textbox yang mampu menerima masukan berupa string sebanyak satu baris. 17 b. Textarea yang berguna untuk menampilkan masukan berupa textbox dan mampu menerima masukan berupa string lebih dari satu baris. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan d. Tombol yang berguna untuk menampilkan tombol SUBMIT untuk mengirim data kepemrosesan di server, RESET untuk mengulangi form. e. Checkbox yang berguna untuk menampilkan masukan berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan f. Drop-Down Menu yang berguna untuk menampilkan masukan berupa pilihan dan pengguna dapat melihat semua pilihan dengan menekan drop-down menu. g. Frame HTML Frame HTML digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa bagian, dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Frame tidak memiliki tag BODY. Sebagai penggantinya adalah tag FRAMESET. Untuk membuat frame pada HTML digunakan tag FRAMESET…FRAMESET. 18 Didalam tag ini terdapat tag FRAME yang menentukan isi dari FRAMESET terdapat parameter ROWS yang Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 mendatar dan COLS untuk menentukan tinggi frame vertical tegak. Pada tag FRAME terdapat parameter NAME yang menentukan dan parameter SCR yang berisi nama file HTML yang akan ditampilkan pada Frame.

2.3.3 Statis dan Dinamis Website

Sebuah website yang didukung file HTML yang berdiri sendiri tanpa didukung bahasa pemrograman lain, biasanya akan menjadi website yang statis. Hal ini dapat di atasi dengan menyisipkan bahasa pemrograman lain didalamnya, seperti PHP, Coldfusion, ASP, Java dan sebagainya. Pengertian statis disini yaitu kita tidak merubahnya dalam waktu yang singkat karena jika ingin merubahnya kita harus mengedit ulang file-file HTML tersebut secara langsung dan hal ini akan membutuhkan waktu yang lama. Sedangkan pengerian website dinamis adalah website yang isinya berubah yang pengubahnya tergantung pada cara kita menginginkan perubahan dalam website tersebut.

2.4 Sejarah PHP

PHP PHP: Preprosessor merupakan sebuah bahasa scripting yang menyatu dengan tag-tag HTML, di eksekusi diserver, dan digunakan untuk halaman web yang dinamis seperti halnya Active Server Page ASP atau Java Server Page JSP. 19 Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 berupa sekumpulan script perl yang digunakan oleh Rasmus Lerdorf untuk membuat halaman web yang dinamis pada homepage pribadinya. Rasmus menulis ulang script- script perl tersebut menggunakan bahasa C, kemudian menambahkan fasilitas untuk form HTML, koneksi MYSQL dan meluncurkan PHP versi kedua yang diberi nama PHPF1 pada tahun 1996. PHP versi ketiga dirilis pertengahan 1997. Pada versi ini pembuatannya tidak lagi oleh Rasmus sendiri, tetapi juga melibatkan beberapa programmer lain yang antusias untuk mengembangkan PHP. PHP versi keempat dirilis bulan Oktober 2000. Perubahan mendasar pada PHP 4.0 adalah integrasi Zend Engine. Zend dibuat oleh Zeef Suraski dan Andi Gutmans yang merupakan penyempurnaan PHP 3.0 scripting engine. Hal ini adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP 3.0. Versi terakhir PHP 5.0 dirilis pada bulan juli 2004. Perubahan yang cukup besar terhadap dunia pemrograman web, PHP 5.0 dikatakan sebagai bahasa pemrograman sebagai loncatan baru menuju Entreprise Application. Pada bagian inti, yaitu Engine program PHP, dilakukan perubahan total. PHP 5.0 akan memberikan dampak yang besar terhadap penerimaan PHP sebagai solusi kelas komersial.

2.4.1 Keunggulan PHP

Berdasarkan survey dilakukan Netcraft pada bulan Desember 1999 ditemukan bahwa lebih dari satu juta site yang menggunakan PHP. 20 Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009 Hal ini dapat dimaklumi karena PHP tidak dapat dipungkiri merupakan bahasa pemrograman yang handal yang mempunyai banyak keunggulan antara lain: a Cross Platform, PHP dapat dipakai dihampir semua web server yang ada dipasaran Apache, phttpd, Microsoft IIS, AQL Server, phttpd, dan lain- lain yang dijalankan pada berbagai sistem operasi FreeBSD, Solaris, Linux, Windows, Unix. Dengan demikian proses developing dapat dilakukan menggunakan sistem operasi yang berbeda dengan sistem operasi yang digunakan setelah publish. b PHP banyak mendukung paket database baik yang komersil maupun yang non-komersil, seperti Postgresql, Mysql, Msql, Oracle, Informix, Microsoft SQL server dan banyak lagi. c Life Cycle yang singkat, sehingga PHP selalu uptodate mengikuti perkembangan teknologi internet.

2.4.2 Struktur PHP

Program PHP adalah bahasa yang disisipkan kedalam HTML sehingga browser dapat membaca script PHP yang telah dibuat, biasanya ditandai dengan ?PHP dan ?. Tetapi ada beberapa tag untuk memulai dan menutup perintah PHP, Contohnya:

2.2 Tabel tag untuk memulai dan menutup perintah PHP

Tag Style Start Style End Style Tag Standar ?PHP ? Tag Pendek ? ? Tag ASP Script Tag Script Language=”PHP” Script Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009