Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL

(1)

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

(2)

(3)

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 : Dekanat@FMIPA.USU.AC.ID

(4)

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

mencoba untuk merancang website yang bertujuan memberikan informasi dan berita

seperti

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,

(5)

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 SUARA USU DENGAN

MENGGUNAKAN PHP 5.0 DAN MYSQL” 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.

(6)

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

(7)

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,

(8)

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

(9)

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

(10)

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

(11)

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

(12)

2.2.2.1Browser 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).

(13)

Suatu browser mengambil sebuah web page dari server denagn sebuah request adalah

HTTP standar yang berisi sebuah page address. Sebuah page address terlihat seperti:

2.2.2.3Cara 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 paragraph</p>.

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

(14)

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

(15)

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

(16)

Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section

head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar

sebagai berikut:

<html>

… 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

(17)

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 :

<!-contoh.html->

<html>

<head>

<title> Halaman Contoh </title>

</head>

<body>

File ini merupakan file contoh.<br>

<b> Ini untuk membuat huruf cetak tebal</b>

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

(18)

atas tujuh buah yaitu <H1>…<H2> sampai dengan

<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> hypertext</A>.

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

(19)

5. Tag Gambar

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

(20)

Untuk menampilkan data dalam tabel pada HTML digunakan

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

(21)

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 <BODY>. Sebagai

penggantinya adalah tag <FRAMESET>. Untuk membuat

frame pada HTML digunakan tag

<FRAMESET>…</FRAMESET>.

18

Didalam tag ini terdapat tag <FRAME> yang menentukan

(22)

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

(23)

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

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

(24)

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

(25)

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 :

print(“hello word”);

</SCRIPT>

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

(26)

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

(27)

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.

(28)

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

(29)

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.

(30)

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

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

(31)

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

(32)

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

(33)

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

(34)

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

(35)

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

User Name Char (40) Yes

(36)

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

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

Id Int(5) No Auto_Increment

Kode Varchar(10) Yes

Jenis Varchar(30) Yes

Tabel pengunjung website ini digunakan untuk mengetahui seberapa banyak

peminat yang akan memlih dari masing-masing jenis berita yang ada di website

(37)

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,

(38)

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

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

(39)

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.

(40)

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 DAN

(41)

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,

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA)

JL.BIOTEKNOLOGI NO.1 KAMPUS USU Tlp.(061) 8214290 MEDAN – 20155 EMAIL : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

(42)

No Tanggal Assisten Bimbingan



Kartu ini harap dikembalikan kejurusan matematika bila bimbingan mahasiswa telah selesai

Diketahui Disetujui

Ketua Jurusan Mahasiswa Pembimbing Utama/ Penanggung Jawab