MERANCANG WEBSITE BERITA SUARA USU DENGAN MENGGUNAKAN PHP 5.0 DAN MYSQL TUGAS AKHIR JULI WAHYUNI

MERANCANG WEBSITE BERITA SUARA USU DENGAN MENGGUNAKAN PHP 5.0 DAN MYSQL

TUGAS AKHIR

JULI WAHYUNI 052406130

PROGRAM STUDI D-3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2008

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


DEPARTEMEN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) JL.BIOTEKNOLOGI NO.1 KAMPUS USU Tlp.(061) 8214290 MEDAN – 20155 EMAIL : [email protected]

AKADEMIK RECORD NAMA NIM JENIS KELAMIN TEMPAT / TANGGAL LAHIR PROGRAM STUDI

NO 1 2 3 4 5 6 7 8 9 10

SEMESTER I MATA KULIAH

:…………………….. :……………….. :……………….. :…………………….. :……………………..

Paspoto 3x4

SEMESTER II SKS

JUMLAH NO MATA KULIAH 1 2 3 4 5 6 7 8 9 10 JUMLAH NO MATA KULIAH SKS 1 2 3 4 5 6 7 8 9 10 JUMLAH

NILAI

SKS

NILAI

NILAI


BAB 1 PENDAHULUAN

1.1

Latar Belakang

Pers Mahasiswa SUARA USU merupakan institusi Pers yang dikelola oleh mahasiswa. SUARA USU berbentuk Unit Kegiatan Mahasiswa (UKM) yang bergerak dalam dunia penerbitan dan pemberitaan kampus yang diberikan secara gratis kepada mahasiswa USU. Dalam kedudukannya, SUARA USU berada dibawah naungan Rektor USU dan Pembantu Rektor III. Sasaran utama adalah mahasiswa USU sendiri dan bisa juga dibaca bagi siapa saja. SUARA USU mengeluarkan produknya berbentuk tabloid yaitu TABLOID MAHASISWA SUARA USU. Penulis terinspirasi dari website media massa seperti www.telkomsel.com, www.usu.co.id, dan website di kampus lain yang ada internetnya, Maka penulis mencoba untuk merancang website yang bertujuan memberikan informasi dan berita seperti www.usu.co.id tersebut, untuk memperkenalkan SUARA USU menjadi lebih luas dan lebih dikenal oleh banyak pembaca sehingga dipilihlah internet yang merupakan salah satu media yang tepat untuk hal tersebut, selain tidak terbatas pada waktu, internet juga dapat diakses oleh siapa saja (walaupun belum seluruhnya masyarakat Indonesia mengenal internet dan bisa mempergunakan internet tersebut) dan ditempat yang mempunyai jangkauan yang lebih luas. Internet dapat digunakan sebagai media publikasi kepada masyarakat yang luas dan dapat digunakan sebagai pendukung kegiatan dari SUARA USU sendiri,

2


baik berupa masukan kritik dan saran kepada SUARA USU untuk lebih berkembang dalam hal memberi keakuratan dan kelengkapan informasi dan berita yang disajikan kepada para pembaca SUARA USU. Dengan adanya internet ini dapat di update (diperbaharui). Dan berguna bagi mahasiswa ataupun

orang-orang yang ingin mengetahui perkembangan dari

Universitas Sumatera Utara. Dalam hal ini Penulis mencoba membuat sistem informasi yang akan diterapkan pada SUARA USU, sehingga diharapkan mampu memberikan layanan yang lebih cepat dan akurat. Atas dasar itulah, maka Penulis memilih judul “MERANCANG

WEBSITE

BERITA

MENGGUNAKAN PHP 5.0 DAN MYSQL”

SUARA

USU

DENGAN

yang dalam perancangan sistem

informasi ini Penulis menggunakan PHP, dan MYSQL yang merupakan bahasa pemograman untuk membuat suatu aplikasi dalam Microsoft Windows, dan juga memudahkan pemrogram untuk berinteraksi langsung dengan elemen–elemen (komponen–komponen) setiap program.

1.2

Identifikasi Masalah

Identifikasi masalah dalam Tugas Akhir ini adalah sebagai berikut: 1. Bagaimana cara merancang sebuah website yang isinya mencakup seluruh data ( informasi dan berita ) yang ada menjadi sebuah informasi dan berita yang baik dan berguna. 2. Bagaimana cara mengelola website berita yang isinya informasi dan berita secara efektif dan efesien. 3. Bagaimana cara mengupdate (diperbaharui) berita di website.

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

1.3

Maksud dan Tujuan

Tujuan dan maksud tulisan ini membuat website SUARA USU untuk membantu penyampaian informasi.

1.4

Metodologi Penelitian

Adapun teknik pengumpulan data Tugas Akhir ini penulis melakukan beberapa metode dalam merancang website, diantaranya: 1. Mempelajari dan mengumpulkan bahan dengan melakukan pencarian buku yang mendukung dan berhubungan dengan PHP sebagi Tugas Akhir penulis. 2. Mengunjungi website-website yang memberikan kumpulan source-code PHP

untuk

dapat

dipakai

serta

mendownloadnya

kemudian

mempelajarinya. 3. Menerapkan ide-ide yang menarik dari website yang telah di kunjungi ke website yang akan penulis buat. 4. Merancang website seperti yang di inginkan oleh pihak Pers Mahasiswa SUARA USU dan penulis sendiri.

1.5

Kegunaan Penelitian

Kegunaan penelitian ini bagi Penulis sendiri adalah untuk menciptakan suatu sistem yang dapat mempermudah pengolahan data pada pihak yang bersangkutan itu sendiri sehingga menjadi lebih cepat, akurat dan efisien.


4

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.


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.


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

Pengertian komputer dengan kalkulator sangatlah berbeda. Oleh karena itu ,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


oleh perusahaan sebagai sebagian dari strategi teknologi informasinya, karena 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


Suatu browser mengambil sebuah web page dari server denagn sebuah request adalah 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
ini merupakan suatu paragraph
.

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

notepad). Dokumen ini umumnya berisi informasi maupun interface aplikasi didalam 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

Suatu elemen didalam dokumen HTML harus ditandai dengan penulisan 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
. b. Ganti garis- line break dengan tag
. c. Garis datar-horizontal rule dengan tag
. d. List item dengan tag
. Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag , dan 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: _. 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.


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

13

Dalam suatu dokumen hanya ada satu elemen HTML. Section atau elemen head ditandai dengan tag di awal, 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 windows browser, ditandai dengan menggunakan tag dan di akhiri dengan . Setiap dokumen HTML harus diawali dengan menuliskan tag dan tag 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

Section body merupakan elemen terbesar didalam dokumen HTML. Elemen ini berisi isi dokumen yang akan ditampilkan pada browser meliputi paragraf, grafik, link, tabel dan sebagainya. Contoh penulisan suatu dokumen HTML sebagai berikut : Halaman Contoh File ini merupakan file contoh.
Ini untuk membuat huruf cetak tebal

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


atas

tujuh

buah

yaitu

…

sampai

dengan

….
…
merupakan judul besar dan
…
sampai dengan .. merupakan sub judul. 2.

Tag List Tag List

… digunakan untuk menampilkan

informasi dalam bentuk daftar (List).Ada dua jenis daftar yang dikenal HTML, yaitu daftar dalam bullet dengan bentuk tag
…
dan dalam bentuk
…
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 hypertext.

15

4.

Format Teks Untuk memformat teks dalam HTML dapat digunakan beberapa tag,yaitu: a. … untuk menebalkan teks b. … untuk memiringkan teks c. … untuk menggaris bawahi teks d. <S>… untuk memberikan coretan pada teks.


5.

Tag Gambar Tag Gambar 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. … untuk membuat teks atau paragraf rata tengah b. … untuk membuat teks atau paragraf rata kanan c. … untuk membuat teks atau paragraf rata kiri

16

d.
untuk membuat satu pemisah paragraf e.
untuk membuat pemisah satu baris f.
untuk memberikan satu garis pemisah yang berkesan tiga dimensi 7.

Tabel HTML


Untuk menampilkan data dalam tabel pada HTML digunakan tag …
. Tag ini berisikan beberapa tag yaitu: a. … untuk menampilkan beberapa judul tabel yang biasanya terletak pada bagian atas atau paling kiri pada table. b. … untuk menentukan baris pada suatu table c. … untuk menampilkan data pada setiap sel tabel d. … untuk menampilkan judul tabel yang terletak pada bagian luar tabel. 8.

Form HTML. Untuk mendeklarasikan sebuah form pada HTML digunakan tag
…
. 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.


c. Radio Botton yang berguna untuk menampilkan masukan 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 . Sebagai penggantinya adalah tag . Untuk membuat frame

pada

HTML

digunakan

tag

….

18

Didalam tag ini terdapat tag 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

berguna

untuk

menentukan

lebar

frame

horizontal

(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


Versi pertama PHP dibuat oleh Rasmus Lerdorf pada tahun 1995. Versi pertama ini berupa sekumpulan script perl yang digunakan oleh Rasmus Lerdorf untuk membuat halaman web yang dinamis pada homepage pribadinya. Rasmus menulis ulang scriptscript perl tersebut menggunakan bahasa C, kemudian menambahkan fasilitas untuk form HTML, koneksi MYSQL dan meluncurkan PHP versi kedua yang diberi nama PHP/F1 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 lainlain) 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 . 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

?>

Tag Pendek

?>

Tag ASP

<%

%>

Script Tag

<Script Language=”PHP”


21

Hanya tag standar dan script tag yang dijamin pasti jalan disegala konfigurasi. Sedangkan untuk tag pendek dan tag ASP tergantung dari php. ini yang nantinya di install. Script yang dituliskan dapat disisipkan kedalam HTML, formatnya adalah sebagai berikut: ?PHP print(“hello word”); ?> Atau dapat dituliskan : <SCRIPT LANGUAGE=”PHP> print(“hello word”); Script tersebut kemudian disimpan dengan ekstensi PHP (*.php) kemudian kita lihat hasilnya. Sebenarnya aturan penulisan di atas adalah aturan penulisan yang di standarisasikan oleh pengguna PHP sedunia, karena sebenarnya penulisan kode tidaklah statis seperti yang dikemukakan di atas. Script PHP adalah bahasa sisipan yang dijalankan di server (server side), walaupun nantinya script ini disimpan dengan ekstensi *.php tetapi perintah-perintah atau tag-tag HTML yang kita buat tetap terbaca oleh browser.

2.5

MySQL

SQL (Struktur Query Language) adalah bahasa standar yang telah lama digunakan untuk akses database.


22

Setiap orang yang tertarik dengan pemrograman database tentunya tidak akan asing mendengar nama SQL . Bahasa disebut-sebut banyak orang sebagai bahasa generasi ke empat dalam akses data dan telah banyak digunakan untuk berbagai kepentingan pemrograman. MYSQL salah satu database relasional yang mendukung pemakaian SQL dan dirancang untuk penggunaan aplikasi. Sedangkan informasi yang dihasilkan dapat digunakan bersama-sama oleh beberapa user didalam komputer lokalnya yang disebut sebagai client. Data yang diberikan oleh server dapat disesuaikan dengan tingkat dan kepentingan pengguna. Sehingga data yang dikirim dapat berupa sebagian dari keseluruhan isi data, Sesuai dengan permintaan user. Semua komunikasi yang terjadi mendukung perintah-perintah SQL. Saat ini makin banyak pembuatan aplikasi yang menggunakan arsitektur client/server, dalam pengaksesan database. Karena makin banyak pengguna aplikasi yang menuntut dapat memperoleh informasi yang actual dari bagian lain didalam suatu website, yang akan digunakan dalam proses pengambilan keputusan dibagian lainnya. Pekerjaan dalam pemeliharaan data akan makin dimudahkan karena tugas seperti itu dapat dilakukan pada satu tempat saja, yaitu server. Dengan menggunakan arsitektur ini dimungkinkan untuk mendapatkan integritas data yang cukup tinggi, karena semua user dapat bekerja dengan informasi yang sama.

2.6

Macromedia Dreamweaver

Dalam membuat suatu website diperlukan suatu editor. Salah satu editor yang sangat sederhana adalah notepad. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009

23

Dengan

perkembangan

perangkat

lunak,

suatu

perusahaan

yang

bernama

Macromedia, 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, aplikasi web. Dalam pengerjaannya, Dreamweaver memberikan tiga pilihan yaitu bekerja dengan menulis kode program (menu kode), dengan pengeditan secara visual (mode design) dan dengan tampilan keduanya (mode Split). Dreamweaver menyediakan alat-alat bantu untuk mengembangkan kreatifitas pembuatan web.


BAB 3

PERANCANGAN WEB

3.1

Perancangan Website

Selain menggunakan bahasa pemrograman PHP pada perancangan ini, penulis juga menggunakan MySQL sebagai aplikasi database yang dapat berjalan pada server jaringan dan merupakan freeware (perangkat lunak yang pemakaiannya gratis tidak dipungut pembayaran). Pada perancangan website ini, penulis mengutamakan kesederhanaan dan kualitas. Kualitas dan desain yang baik saling mendukung dan ini dipengaruhi oleh kesederhaan. PHP dan MySQL merupakan pasangan aplikasi untuk merancang website. Penerapan ide yang baik adalah ide yang sederhana. Kesederhanaan merupakan bagian dari kualitas. Penulis berusaha membuat suatu rancangan yang benar-benar bermanfaat dengan menghasilkan informasi yang benar. Denagn cara mengumpulkan source code-source code, data yang akurat untuk mengahasilkan (output) sebagai informasi yang tepat. Selama membuat rancangan masukan-masukan, keluaran-keluaran, penulis juga mempersiapkan dokumen-dokumen, file-file sistem, serta fasilitas komputer (hardware). Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009

25

3.2

Sarana Perancangan

Pengolahan data dengan sistem komputerisasi memerlukan fasilitas-fasilitas yang digunakan penulis dalam merancang website adalah sebagai berikut : 1. Hardware (perangkat keras) Hardware adalah komponen-komponen peralatan yang membentuk suatu sistem komputer dan peralatan lainnya yang memungkinkan komputer dapat melaksanakan tugasnya. Adapun perangkat keras yang dibutuhkan adalah sebagai berikut : a. Central Processing Unit (CPU) Central Processing Unit (CPU) yang merupakan jantung dari

komputer,

komponen

yang

merupakan

pusat

pengolahan data serta pusat pengontrolan atau pengendalian dari seluruh sistem komputer yang melaksanakannya. b. Memory Memory merupakan tempat penampungan atau tempat penyimpanan data atau program untuk sementara. c. Screen (monitor) Merupakan layer yang menampilkan output (keluaran) program. d. Hard disk Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009

Hard disk merupakan tempat untuk penyimpanan data. e. Keyboard Merupakan alat input (pemasukan) instruksi pada komputer

. 26

f. Printer Merupakan alat

pengeluaran (output) dalam bentuk

lembaran kertas. g. Modem Modem yang merupakan singkatan dari modulatormodulator adalah alat bantu sistem komputer untuk proses komunikasi, ini merupakan alat yang menghubungkan komputer

kejaringan

telepon,

komputer

dapat

berkomunikasi dengan komputer lain meskipun jarak yang jauh. 2. Software (Perangkat Lunak) Dengan hanya menggunakan fasilitas hardware, tentu tidak akan dapat memecahkan masalah, tanpa adanya bantuan penuh software. Yang dimaksud dengan software adalah komponen-komponen dari pada sistem pengolahan data yang luar dari peralatan komputernya sendiri. Adapun software-software yang digunakan penulis dalam perancangan website ini adalah sebagai berikut : a. Operating Sistem (sistem operasi)


Adapun sistem operasi yang dipergunakan penulis adalah Windows Xp b. PHP Coder Merupakan software yang berfungsi sebagai editor dalam penulisan script PHP dan fitur-fitur yang cukup baik untuk

27

koneksi langsung ke local host atau server local, selain itu juga penulis mempergunakan DREAMWEAVER MX. c. PHP Triad PHP Triad merupakan kumpulan software aplikasi yang isinya mencakup Apache 1.3.14, PHP 4.0.5, CGI Perl dan MySQL dan juga PHPMyAdmin. Dengan PHP Triad ini maka kebutuhan yang diperlukan sudah dapat dipenuhi, seluruh konfigurasi sudah di atur untuk platform Windows. 3. Brainware Brainware disebut juga dengan lifeware yang merupakan orang yang bekerja

dalam

proses

komputerisasi.

Secara

umum

untuk

menjalankan yang di usulkan minimal seorang operator. Operator adalah orang yang mempersiapkan komputer dan memilih software yang sesuai dngan objek kerja, memasukan data, mengawasi proses pengolahan data. Untuk dapat menjadi seorang operasi dan salah satu paket program komputer atau software yang akan digunakan.


3.3

Uji Program

Langkah-langkah dalam perancangan website adalah menguji, mendebug dan mendokumentasikan program komputer yang telah dibuat. Disini kegiatan yang dilakukan penulis adalah memeriksa elemen-elemen dan menyusun rencana pengujian untuk menguji setiap modul program

28

untuk membentuk suatu rancangan website.Setelah melakukan pengujian maka penulis akan melakukan proses debug atau menghilangkan kesalahan-kesalahan. Akhirnya penulis mendokumentasikan setiap modul program untuk membuat perubahan-perubahan.

3.4

Demonstrasi Program

Setelah rancangan website selesai dan telah di uji maka penulis melakukan demonstrasi rancangan website dengan meng-upload rancangan website tersebut pada jaringan internet.


BAB 4

ALGORITMA

4.1

Algoritma Website

Website ini merupakan website yang dirancang untuk mengatur berita atau informasi yang masuk kemudian menampilkan berita tersebut ke website, pada perancangan website ini dibuat sedemikian rupa agar yang membaca berita tidak bosan dengan berita yang ada. Keberadaan algoritma dalam penerapan website ini adalah suatu hal yang dapat memudahkan kita dalam memahami akar alur website. Dengan demikian hal yang digunakan dalam menjelaskan algoritma website SUARA USU

ini adalah

menggunakan algoritma (alur) yang berbentuk umum, yaitu menurut defenisi algoritma :


Langkah 1

:Input request user yang dengan mengklik url (uniform resource locater) yang dimaksud dengan menggunakan mouse atau keyoard, selama alamat yang dimaksud ada dalam web server.

Langkah 2

:Index.php akan menghasilkan tampilan pada halaman depan website SUARA USU, dihalaman ini disajikan dua buah berita yang selalu di-update (diperbaharui secara berkala).

Langkah 3

:Membaca berita selengkap-lengkapnya yaitu mengarahkan kursor

kejudulberita maka langsung di linkkan kefile dari

detail berita.

30

Langkah 4

:Untuk melihat berita yang lalu klik Prev, maka akan di linkkan keberita yang sebelumnya. Dan untuk kembali membaca berita yang baru klik Next, maka akan kembali melihat berita yang baru.

Langkah 5

:Liputan.php merupakan halaman yang berisi liputan-liputan yang berisikan kegiatan ataupun peristiwa yang terjadi disekitar USU.

Langkah 6

:Untuk membaca lebih lanjut arahkan kursor kejudul berita, maka akan langsung di linkkan ke file dari detail berita.

Langkah 7

:Bukutamu.php halaman ini menampilkan para surfer (pemakai computer yang melakukan surfing) yang telah mengisi buku tamu. Kemudian disediakan link untuk mengisi buku tamu.


Langkah 8

:Isi.php pengisian dari pada form buku tamu kemudian disimpan kedalam database lalu ditampilkan bahwa telah mengisi buku tamu.

Langkah 9

:Berita Kota.php halaman yang memberikan informasi tentang berita-berita kota yang bisa di baca.

Langkah 10

:Hiburan.php halaman yang memberikan informasi tentang info film baru yang sedang di putar di boiskop-bioskop kota medan.

Langkah 11

:Cerpen.php halaman yang memberikan informasi tentang cerpen-cerpen yang bisa di baca.

31

4.2

MySQL Database

Dalam penyimpanan berita-berita dan pengisian buku tamu kedalam database digunakan database MySQL yang memiliki server tersendiri yang ada pada PHP Triad. Dalam hal ini penulis memilih PHPMyAdmin sebagai interface penghubung ke server MySQL. Untuk penyimpanan berita-berita pengunjung pada website dibutuhkan beberapa table, yaitu: 2.3

Tabel info utama

Field Name

Type

Null

User Name

Char (40)

Yes

Password

Char (40)

Yes

Default

Extra


Tabel ini menunjukkan halaman info utama yang terdapat User Name dan Password. Dengan Field Name dan type berkarakter (40) ini bisa login ke Tabel liputan yang terdiri dari Id, Tgl, Jenis, Judul, Organisasi, Isi.

2.4

Tabel liputan

Field Name

Type

Null

Id

Int(5)

No

Default

Extra Auto_incre ment

Tgl

Varchar(20)

Yes

Jenis

Varchar(20)

Yes

Judul

Varchar(50)

Yes

Organisasi

Varchar(30)

Yes

Isi

Longtext

Yes

32

Tabel liputan ini bisa dilihat dari masing-masing Field Name yang akan muncul ke table selanjutnya yaitu Tabel pengunjung website, dengan Field Name yang sedikit berbeda yaitu Id, Kode, Jenis dengan type yang berbeda pula.

2.5

Tabel pengunjung website

Field Name

Type

Null

Id

Int(5)

No

Kode

Varchar(10)

Yes

Jenis

Varchar(30)

Yes

Default

Extra Auto_Increment

Tabel pengunjung website ini digunakan untuk mengetahui seberapa banyak peminat yang akan memlih dari masing-masing jenis berita yang ada di website tersebut. Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009

BAB 5

KESIMPULAN DAN SARAN

5.1

Kesimpulan

Dari hasil pembuatan tulisan ini, penulis menarik kesimpulan: 1. Dengan menggunakan PHP penulis dapat kemudahan dalam membuat suatu situs yang dinamis dan tetap terkoneksi dengan database, termasuk penyimpanan dan pemanggilan kembali data.


2. PHP 5.0 dan MySQL merupakan software yang FREE yang dalam kata lain software ini dapt dipakai secara bebas dan gratis tanpa dipungut bayaran, mudah diperoleh dari internet tanpa melanggar Hak Asasi seseorang. 3. Bahasa pemrograman PHP mudah dipelajari oleh siapa saja suka dalam hal website. 4. Dikatakan sebagai bahasa sisipan karena PHP lazim dikatakan didalam TAG BODY dari HTML 5. Dengan menggunakan internet, penyampaian informasi akan lebih luas dan cepat disalurkan. 6. Bahasa pemrograman PHP sangat ideal untuk merancang website karena menawarkan banyak fasilitas.

34

5.2

Saran

Adapun saran-saran yang bias disampaikan oleh penulis adalah: 1. SUARA USU harus lebih produktif lagi untuk menghasilkan beritaberita yang lebih berkualitas terutama untuk SUARA USU. 2. Diharapkan dengan Suara USU ini masyarakat yang berada diluar USU dapat mengetahui perkembangan yang ada di Universitas Sumatera Utara. 3. Dengan begitu banyak bahasa pemrograman yang sekarang ini diharapkan kepada seluruh mahasiswa D3 Ilmu Komputer untuk lebih Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009

biasa menimbulkan kreatifitasnya dalam hal untuk pembuatan tugas akhir.

DAFTAR PUSTAKA

Aditya Hartanto, Antonius. 2002.”Teknologi E-learning Berbasis PHP dan MySQL,”.Jakarta : Elex Media Komputindo. Betha & Husni Iskandar Pohan. Tanpa Tahun .”Pemrograman Web dengan HTML,”.Bandung : Informatika. Jogiyanto, M. 1989.”Pengenalan Komputer”.Yogyakarta : Andi Offset. Kadir, Abdul.2002. “Dasar Pemrograman Web Dinamis Menggunakan PHP”,Yogyakarta : Andi. Wahyono, Teguh.2005.”Pemrograman Web Dinamis dengan PHP 5”.Jakarta : Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009

Elex Media Komputindo. Zandstra, Matt. Tanpa Tahun.” Teach Yourself PHP in 24 hours”. SAMS.

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa mahasiswa Tugas Akhir Program DIII Ilmu Komputer/Statistika.

Nama

: Juli Wahyuni

Nim

: 052406130

Prog.Studi

: D-III Ilmu Komputer

Judul

: MERANCANG WEBSITE BERITA SUARA USU DENGAN

MENGGUNAKAN

PHP

5.0

MYSQL


DAN

Telah melaksanakan test program Tugas Akhir dari mahasiswa tersebut di atas pada tanggal………………

Dengan hasil

: Sukses / Gagal

Dengan diterangkan untuk dapat digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Program Studi D III Ilmu Komputer FMIPA USU Medan.

Medan, Dosen Pembimbing

Dr.Saib Suwilo,M.Sc NIP: 131796149

DEPARTEMEN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) JL.BIOTEKNOLOGI NO.1 KAMPUS USU Tlp.(061) 8214290 MEDAN – 20155 EMAIL : [email protected]

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa

:…………………………………

Nomor Stambuk

:…………………………………

Judul Tugas Akhir

:………………………………… ………………………………… …………………………………

Dosen Pembimbing

:………………………………...

Tanggal Mulai Bimbingan

:………………………………...

Tanggal Selesai Bimbingan

:………………………………...


No

Tanggal Assisten Bimbingan

Pembahasan Pada Assisten Mengenai Bab

Paraf Dosen Pembimbing

Keterangan

1 2 3 4 5 6 7 8 9

 Kartu ini harap dikembalikan kejurusan matematika bila bimbingan mahasiswa telah selesai Diketahui Ketua Jurusan Mahasiswa

Disetujui Pembimbing Utama/ Penanggung Jawab

Dr.Saib Suwilo, M.Sc NIP : 131796149

Dr.Saib Suwilo, M.Sc NIP : 131796149


MERANCANG WEBSITE BERITA SUARA USU DENGAN MENGGUNAKAN PHP 5.0 DAN MYSQL TUGAS AKHIR JULI WAHYUNI

Recommend Documents

…

sampai dengan ….

…

…

sampai

dengan

….