RANCANG BANGUN PROFIL PERUSAHAAN BERBASIS
WEB MENGGUNAKAN PHP DI RADAR SURABAYA
KERJA PRAKTEK
Disusuh oleh: Nama : Riyadi Atmajaya
NIM : 08.41010.0454
Program : S1
Jurusan : Sistem Informasi
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER
SURABAYA
2013
STIKOM
RANCANG BANGUN PROFIL PERUSAHAAN BERBASIS
WEB MENGGUNAKAN PHP DI RADAR SURABAYA
KERJA PRAKTEK
Diajukan sebagai salah satu syarat untuk menyelesaikan
Program Sarjana Komputer
Oleh:
Nama : Riyadi Atmajaya
NIM : 08.41010.0454
Program : S-1
Jurusan : Sistem Informasi
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER SURABAYA
2013
STIKOM
RANCANG BANGUN PROFIL PERUSAHAAN BERBASIS
WEB MENGGUNAKAN PHP DI RADAR SURABAYA
Telah diperiksa, diuji, dan disetujui
Surabaya, September 2013
Disetujui,
Pembimbing Penyelia
Rudi Santoso, S.Sos., M.M. Abdul Rozack, ST NIDN: 0717107501 Staf IT
Mengetahui:
Kaprodi S1 Sistem Informasi
Erwin Sutomo, S.Kom NIDN: 0722057501
STIKOM
ii DAFTAR ISI Halaman HALAMAN JUDUL... HALAMAN PENGESAHAN... KATA PENGANTAR...
ABSTRAK……….………..i
DAFTAR ISI……….………..ii
DAFTAR GAMBAR……….iii
BAB I PENDAHULUAN 1.1 Latar Belakang Masalah...1
1.2 Perumusan Masalah...1
1.3 Batasan Masalah...2
1.4Tujuan...2 1.5Manfaat...3 1.5.1Bagi Perusahaan...3 1.5.2Bagi Stikom...3 1.5.3Bagi Mahasiswa...3 1.6Sistematika Penulisan...3
BAB II GAMBARAN UMUM PERUSAHAAN 2.1 Sejarah Umum Perusahaan ... 5
2.2 Identitas Perusahaan... 8
2.3 Struktur Organisasi ... 9
BAB III LANDASAN TEORI 3.1 Layanan Aplikasi Internet ...10
3.2 Web...11
3.3 PHP...12
3.4 Adobe Dreamwaver...15
3.5 Web Browser...16
BAB IV DESKRIPSI PEKERJAAN 4.1 Metodologi Penelitian ... 17
4.2 Detail Proses Pengerjaan Interaktif ... 17
4.3 Menganalisis Sistem ... 19
STIKOM
ii
4.4 Spesifikasi Rancangan Website ... 19
4.4.1 Spesifikasi Bentuk Masukan...21
4.5 Flowchart Proses Program ... 21
4.5.1 Flowchart Proses Log in...22
4.5.2 Flowchart Proses Register...23
4.5.3 Flowchart Proses Log in Admin...24
4.5.4 Halaman Berita Hari Ini...25
4.6 Context Diagram...26
4.7 Diagram Jenjang Proses...27
4.8 ERD...32
4.9 Perancangan Sistem...34
4.9.1 Rancangan Interface Log in...34
4.9.2 Rancangan Interface Registrasi...35
4.9.3 Rancangan Interface Berita Hari Ini...36
4.10 Desain Layout...37
4.10.1 Layout Log in...37
4.10.2 Layout Register...37
4.10.3 Layout Home...38
4.10.4 Layout Subscribe...38
4.10.5 Layout Contact Us...39
4.10.6 Layout Advertise With Us...39
4.10.7 Layout Editor Dan Reporters...40
4.10.8 Layout Edisi Khusus...40
4.10.9 Layout Special Edition...41
BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan...42
5.2 Saran...43
DAFTAR PUSTAKA LAMPIRAN
STIKOM
i
ABSTRAKSI
Seiring dengan arus kemajuan teknologi informasi yang semakin pesat di era
globalisasi sekarang ini, menyebabkan segala aspek kehidupan manusia selalu
dikaitkan dengan arus informasi, karena informasi merupakan kebutuhan yang
sangat penting pada saat ini, khususnya dalam dunia media masa. Radar Surabaya
sebagai salah satu media masa di kota Surabaya yang saat ini mempunyai peminat
cukup banyak mendapat perhatian masyarakat dan tengah berusaha meningkatkan
kualitasnya dengan membuat wadah agar menjembatani komunikasi antara pihak
Radar Surabaya dengan dunia luar.
Rancang bangun company profile berbasis web menggunakan PHP ini
merupakan salah satu solusi yang dapat membantu mengatasi masalah yang
sedang terjadi di Radar Surabaya. Dengan adanya website ini maka proses
penyampaian informasi media promosi dan pengisian atau tanggapan komentar
tentang suatu permasalahan akan menjadi semakin mudah, cepat, dan tepat.
Proses pembuatan website dimulai dari menganalisis kebutuhan yang akan dibuat
kemudian hasil analisis tersebut di ubah ke dalam bentuk sitemap yang dibagi
berdasarkan transaksi yang ada. Setelah itu dari sitemap dikembangkan menjadi
rancang bangun company profile berbasis web ini.
Dengan diterapkannya website ini pada Radar Surabaya, maka diharapkan
dapat lebih mempercepat proses penyampaian informasi berita serta sebagai
media interaktif antar pengunjung website yang pada akhirnya dapat membantu
meningkatkan kinerja dan pelayanan yang ada.
STIKOM
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Radar Surabaya merupakan salah satu koran berita yang ada di kota
Surabaya yang beralamat di Lantai IV Graha Pena, Jl. Ahmad Yani 88 Surabaya,
anak perusahaan Jawa Pos Surabaya. Dalam proses penyampaian berita secara
online Radar Surabaya masi menggunakan web yang tergolong masih kurang
maksimal yaitu hanya sebatas menampilkan koran hari ini. Seiring
berkembangnya teknologi informasi, hal ini tentu saja menjadi kurang efektif
karena teknologi informasi sudah banyak dimanfaatkan oleh media-media masa
lain untuk mendukung proses penyampian berita secara online. Salah satu
teknologi yang sudah banyak digunakan oleh media masa untuk proses
penyampaian berita yaitu internet. Dengan pesatnya pengguna internet dari tahun
ke tahun maka tidak dapat dipungkiri bahwa internet menjadi salah satu bagian
penting manusia dalam bertukar informasi.
Oleh karena itu, untuk dapat mengikuti perkembangan pesatnya teknologi
informasi dan memenuhi harapan dari segenap redaksi koran Radar Surabaya
maka penulis membangun sebuah website Radar Surabaya yang berisi tentang
profil, pasang iklan, dan menu pendaftaran user baru yang nantinya tambahan
fitur ini akan mempermudah admin dalam melihat seberapa besar minat user atau
pengguna untuk masuk ke website. Sehingga dengan adanya website ini,
diharapkan dapat membantu Radar Surabaya untuk memberikan informasi berita
STIKOM
2
dan juga dapat meningkatkan kualitas Radar Surabaya yang telah dikenal baik di
kota Surabaya.
1.2 Perumusan Masalah
Berdasarkan latar belakang masalah diatas, maka dapat disimpulkan
bahwa permasalahan yang ada pada Radar Surabaya adalah sebagai berikut:
“Bagaimana membuat rancang bangun company profile berbasis web
menggunakan PHP di Radar Surabaya”.
1.3 Batasan Masalah
Adapun batasan masalah yang akan dibahas adalah sebagai berikut :
1. Website ini hanya menampilkan informasi profile berita hari ini, pasang iklan,
dan pendaftaran User baru di Radar Surabaya.
2. Sistem ini tidak berbasis dekstop melainkan berbasis web menggunakan PHP,
berdasarkan pada data yang diperoleh dari Radar Surabaya.
1.4 Tujuan
Tujuan dari kerja praktek ini adalah membuat company profile berbasis
web yang menampilkan informasi profile berita hari ini, pasang iklan, dan
pendaftaran user baru di Radar Surabaya.
STIKOM
3 1.5 Manfaat
1.5.1 Bagi Perusahaan
Dengan adanya kerja praktek ini akan ada penambahan fitur antara lain
user login , tampilan web dengan design yang simple serta sistem yang
dahulu manual kini sudah terintegrasi dengan database.
1.5.2 Bagi STIKOM
Dapat dijadikan sarana mempererat kerja sama dengan pihak Radar
Surabaya dan untuk mengaplikasikan ilmu yang didapat dalam rangka
menambah dokumentasi hasil penelitian di STIKOM Surabaya tentang
implementasi pembuatan web di perusahaan atau media massa.
1.5.3 Bagi Mahasiswa
Menambah wawasan serta menerapkan teori yang telah diperoleh penulis
selama masa perkuliahan dengan praktik yang sesungguhnya khususnya
mengenai pembuatan website.
1.6 Sistematika Penulisan
Laporan kerja praktek ini ditulis dengan sistematika penulisan sebagai
berikut :
BAB I Pendahuluan
Bab ini berisi tentang latar belakang diambilnya topik kerja praktek,
rumusan masalah, batasan masalah atau ruang lingkup pekerjaan kerja praktek,
tujuan kerja praktek, dan sistematika penulisan dari kerja praktek.
STIKOM
4 BAB II Gambaran Umum Perusahaan
Bab ini menjelaskan sejarah singkat dari perusahaan, deskripsi kerja (job
desc) dari bagian perusahaan yang dijadikan sebagai tempat pelaksanaan kerja
praktek, bidang usaha yang dikerjakan oleh perusahaan tempat dilaksanakannya
KP.
BAB III Landasan Teori
Bab ini berisi tentang teori-teori atau pendapat ilmiah yang mendukung
terciptanya website Radar Surabaya, beberapa diantaranya adalah definisi internet,
PHP dan HTML serta perangkat-perangkat lunak yang mendukung untuk
digunakan seperti Adobe Dreamweaver cs5 .
BAB IV Deskripsi Pekerjaan
Bab ini berisi tentang penjelasan tugas-tugas yang dikerjakan pada saat
kerja praktek berlangsung yang berupa perencanaan konsep layout website sampai
dengan implementasi website.
BAB V Penutup
Bab ini berisi tentang kesimpulan dan saran. Saran yang dimaksud adalah
saran atau masukan terhadap kekurangan dari website ini yang ada kepada pihak
lain yang ingin meneruskan topik kerja Pratek ini. Tujuannya adalah agar pihak
lain tersebut dapat memperbaiki atau menyempurnakan website ini sehingga dapat
jauh lebih baik dan berguna untuk kedepannya.
STIKOM
5
BAB II
GAMBARAN UMUM PERUSAHAAN
2.1 Sejarah Perusahaan
Radar Surabaya mulai berdiri pada 24 Februari 2001, pada awalnya
dikenal sebagai harian Suara Indonesia dengan lokasi kantor redaksi di Graha
Pena Jl. Ahmad Yani 88 Surabaya. Harian Suara Indonesia pernah populer pada
masa Presiden Soeharto dan membuatnya dikenal sebagai koran reformasi meski
sebelumnya Harian Suara Indonesia adalah koran khusus ekonomi, dengan
sirkulasi sangat terbatas.
Maraknya gerakan reformasi pada tahun 1998 membuat masyarakat jenuh
dengan berita-berita politik dan hal ini mengakibatkan penurunan oplah yang
sangat signifikan. Manajemen Jawa Pos Group pada akhirnya memutuskan
mengubah nama Suara Indonesia dengan Radar Surabaya dengan fokus sebagai
koran lokal kota Surabaya dan sekitarnya.
Pada dasarnya sistem kerja yang ada di redaksi radar Surabaya dan
Jawapos sama. Yaitu, para reporter yang bertugas untuk mencari berita paling
update pada hari itu yang dibatasi deadline jam 6 sore pada setiap harinya. Meraka
merupakan prajurit atau ujung tombak di bagian redaksi. Tugas pokoknya adalah
mencari berita lalu membuat atau menyusun menjadi sebuah berita. Yang
kemudian harus diserahkan ke orang-orang yang ada di redaksi pada hari itu juga.
Didalam redaksi dipimpin oleh pemimpin redaksi atau pimred,wakil pimred, dan
redaktur pelaksana. Meraka mengarahkan ke semua staf redaksi dalam
STIKOM
6
melaksanakan pekerjaan redaksional dan mengatasi permasalahan penting
redaksional, misalnya berita yang akan dimuat harus sesuai dengan visi dan misi
yang sudah disepakati.
Apabila ada kesalahan, baik itu dari tata letak atau lay outnya atau sampai
turun ke bawah sampai ke reporter jika ketahuan pada hari itu dan masih bisa di
perbaiki maka tidak jadi masalah, yang jadi masalah adalah ketika kesalahan itu
tidak kelihatan seperti struktur kalimat atau kata yang salah pada hari itu dan
koran itu sudah terbit dan beredar, maka akan di kenakan sanksi, berupa
pemotongan gaji tunjangan profesi.dibawah PimRed ada yang namanya redaktur
pelaksana, yang tugasnya memimpin langsung aktivitas peliputan dan pembuatan
berita oleh para reporter dan editor. Sifatnya lebih ke teknisnya. Jadi, setelah
reporter mendapatkan dan menyusun berita yang didapatkannya kemudian
diserahkan ke editor berita bagian korektor naskah berita.
Bagian ini bertugas mengoreksi (membetulkan) kesalahan ketik pada
naskah sebelum berita itu naik ke bagian editor lay out. Tugas editor lay out
adalah mengatur tata letak naskah berita sedemikan rupa hingga kelihatan baik
dan menarik untuk dibaca. Jika ada iklan di halaman itu, mulai dari desain hingga
lay out iklan sudah di atur oleh divisi iklan sendiri. Dan editor lay out berita
hanya mengatur naskah beritanya saja, tinggal menyesuaikan kolom yang kosong.
Tugas utama orang-orang redaktur adalah melakukan editing atau penyuntingan,
yaitu aktifitas perbaikan dan penyelesaian naskah yang akan dimuat. Diinternal
redaksi, mereka disebut redaktur desk (desk editor), redaktur bidang, atau redaktur
halaman karena bertanggung jawab penuh atas isi rubik yang di tangani dan
editannya. Setiap pagi untuk di Radar Surabaya melakukan breefing untuk
STIKOM
7
menentukan dan membagi job disk masing-masing orang. Wartwan tidak
diperbolehkan merekayasa foto atau informasi jika tidak ingin kena sanksi
undan-undang. Dan di Jawapos dan Radar Surabaya, satu halaman atau satu rubrik di
tangani atau di handle oleh beberapa orang bagian redaktur, mulai dari korektor
naskah, editor fotografi atau gambar, dan editor lay out.
Para redaktur juga tidak bisa bekerja seenaknya sendiri, Mereka juga
dibatasi dengan deadline yang ketat pada setiap harinya. Jam 11 malam redaktur
bagian lay out sudah harus mengirimkan hasil kerja timnya ke bagian cetak lewat
satelit dan bagian percetakaan juga sudah harus menyelesaikan tugasnya
maksimal jam dua dini hari yang kemudian dilanjutkan dengan pendistribusian di
setiap daerah yang terjangkau.
STIKOM
8 Pemimpin Redaksi : Sumarno.
Wakil Pemimpin Redaksi : Nofilawati Anisa.
Redaktur : Rahmat Adhy Kurniawan, Juli Setiyo Budi, Hendarmono Al Sidarto, Wijayanto, Ahmad Syaiku, Lambertus Lusi Hurek, Risang Bima Wijaya, Heti
Palestina, Jaini, Aris Wahyudianto.
Asisten Redaktur : Agung Nugroho, Eko Yudiono.
Sekretaris Redaksi : Khurotul Chofifah.
Wartawan : M Zainuddin, M Nur Asikin, Novi Triawan, Roudlon, Lainin Nadziroh, Rochman Arief, Wahyu Setyo Darmawan, Rudianto, Vega Dwi
Ariesta, Siti Umi Hanik, Nurista Purnamasari, Sandhi Nurhartanto, Ratno Dwi
Santo, Abdul Fikri angga Reksa, Bramanta Putra Pamungkas, Avit Hidayat,
Yudhi Dwi Anggoro, Muhammad Firmansyah.
Fotografer : Abdullah Munir, Andi Satria Budiono, Ahmad Khusaini, Satria Nugraha.
Koordinator Layout : Nuryono. Layouter : Andy Feriawan, Mashudi, Sapto Rekso Hadi, Pujowati, Edy Subagyardjo, Lutfi Alwi, Jujuk Sueandono, Ergan
Ganiswara, Zainal Abidin, Ardiansyah Erasadhy, Fatchur Rizal, Robert Djatmiko.
Montage : Tri Ongko Imam Johanis, Sutrisno, Anang Yulianto, Herry Noviyanto.
STIKOM
9 2.2 Identitas Perusahaan
1. Alamat redaksi Surabaya : Lantai IV Graha Pena, Jl Ahmad Yani 88
Surabaya, Telp. Redaksi : 8202277, 8202278. Fax. (031) 8202191 Telp.
Iklan : (031) 8202017, 8202280, 8202290 Telp. Pemasaran : (031)
8202282, 08123180201. JAKARTA: Lantai VI Graha Pena, Jl Kebayoran
Lama 12 Jakarta Selatan, TELP (021) 53699523, FAX (021) 53661854.
2. Alamat redaksi Gresik : Jl. Pahlawan No. 34 Gresik. Telp. (031) 3978740,
Fax: (031) 3970230.
3. Alamat redaksi Sidoarjo : Ruko Delta Wijaya 3C,Jl Gelora No.1 , Sidoarjo,Telp.Redaksi : (031)8957687.
STIKOM
10 2.3 Struktur Organisasi
Manager
Wakil Manager
Devisi Redaksi
Manager Iklan
Devisi Umum
1.Iklan Grafis 2.Pencari Iklan
1.HRD 2.Keuangan 3.Pemasaran
4.IT 5.Pajak 6.Penagihan Devisi Iklan
Pimpinan Redaksi
1.Wartawan 2.Copy Editor
3.Redaktur 4.Grafis 5.Layouter 6.Pracetak
Gambar 2.1 Struktur Organisasi Radar Surabaya
STIKOM
10
BAB III
LANDASAN TEORI
3.1 Layanan Aplikasi Internet
Terdapat banyak sekali layanan aplikasi di internet dan masih terus akan
berkembang sejalan dengan perkembangan teknologi informasi. Contoh aplikasi
yang banyak digunakan diantaranya adalah :
1. Electronic Mail (E-Mail)
Email merupakan singkatan dari Electronic Mail yang artinya surat elektronik.
Secara harfiah, email dapat didefenisikan sebagai metode pengiriman,
penerimaan, dan penyimpanan pesan melalui sistem komunikasi elektronik berupa
internet. Dari pengertian email tersebut, jelas bahwa email mulai dari ditulis,
dikirim, diterima, sampai dengan dibaca dilakukan secara elektronis. Email adalah
surat elektronik yang dikirim dengan menggunakan internet, seperti layaknya
surat biasa email dapat ditujukan ke perorangan dan kelompok. Email bisa
menjangkau seluruh dunia dengan karena didukung jaringan global. Dengan email
maka surat menyurat dapat dilakukan dengan cepat tanpa harus menunggu tukang
pos datang mengirimkan surat. Pengirim email ke seluruh dunia tidak dibedakan
biayanya baik jarak dekat atau jauh semuanya sama. (J.Com. 2009).
2.File Transfer Protocol (FTP)
File transfer protocol yang disingkat dengan FTP adalah aplikasi internet yang
di gunakan untuk mengirimkan atau mengambil file ke atau dari sebuah komputer
lain. FTP memungkinkan transfer data lebih cepat. FTP sering digunakan untuk
STIKOM
11
mencari dan mengambil (download) arsip file di suatu server di internet yang
mempunyai alamat tertentu yang menyediakan berbagai arsip (file). File tersebut
memang diizinkan untuk diambil oleh penguna internet yang membutuhkan. File
ini dapat berupa hasil penelitian, artikel-artikel, jurnal dan lain-lain. FTP juga
dipergunakan untuk meng-upload file materi situs (homepage) sehingga dapat
diakses oleh penguna dari pelosok dunia.
3.2 Web
World Wide Web (WWW atau disingkat web) merupakan jaringan
dokumentasi yang sangat besar yang saling berhubungan satu dan lainnya. Satu
set protokol yang mendefinisikan bagaimana sistem bekerja dan mentransfer data,
dan sebuah software yang membuatnya bekerja dengan mulus. Web menggunakan
teknik hypertext dan multimedia yang membuat internet mudah digunakan
dijelajahi dan dikonstribusikan.
Web merupakan sistem hypermedia yang berarea luas yang ditujukan
untuk akses secar universal. Salah satu kuncinya adalah kemudahan tempat
seseorang atau perusahaan dapat menjadi bagian dari web (Hanson ; 2000)
Web merupakan sistem yang menyebabkan pertukaran data di internet menjadi
mudah dan efisien. Web terdiri atas 2 komponen dasar;
1. Server web : Sebuah komputer dan software yang menyimpan dan
mendistribusikan data ke komputer lainnya melalui internet
2. Browser web : Software yang dijalankan pada komputer pemakai atau client
yang meminta informasi dari server web yang menampilkannya sesuai
dengan file data itu sendiri
STIKOM
12
Menurut Hardjono (2006;2) Web merupakan fasilitas hiperteks untuk
menampilkan data berupa teks, gambar, suara, animasi, dan data multimedia
lainnya.
Ada 2 kategori dalam pemrograman web, yaitu pemrograman Server web
dan Client web. Pada pemrograman Server Side, perintah-perintah program
(script) dijalankan di server web, kemudian hasil dikirimkan ke browser dalam
bentuk HTML biasa.
Adapun pada Client Side, perintah program dijalankan pada browser web
sehingga ketika klien meminta dokumen script, maka script dapat di download
dari server kemudian dijalankan pada browser yang bersangkutan.
3.3 PHP
Menurut Oktavian (2010:31), “PHP adalah akronim dari Hypertext
Preprocessor, yaitu suatu bahasa pemrograman berbasiskan kode-kode (script)
yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web
browser menjadi kode HTML”.
Menurut Kustiyaningsih (2011:114), “PHP (atau resminya PHP: Hypertext
Proprosessor) adalah skrip bersifat server-side yang di tambahkan ke dalam
HTML”.
PHP sendiri merupakan singkatan dari Personal Home Page Tools. Skrip
ini akan membuat suatu aplikasi dapat diintegrasikan ke dalam HTML sehingga
suatu halaman web tidak lagi bersifat statis, namun menjadi bersifat dinamis.
Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa PHP
adalah akronim dari Hypertext Preprocessor, yaitu suatu bahasa pemrograman
STIKOM
13
berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan
bersifat server-side yang ditambahkan ke dalam HTML.
Sifat Server side berarti pengerjaan skrip di lakukan di server, baru
kemudian hasilnya di kirimkan ke browser. Cara penulisan skrip PHP ada dua
macam, yaitu Embedded Scrip dan Non embedded Script.
Menurut Kustiyaningsih (2011:113), “Seiring dengan perkembangan
teknologi maka lahirnya PHP sebagai bahasa pemrograman open source yang
digunakan secara luas terutama untuk pengembangan web dan dapat disimpan
dalam bentuk HTML. Sehingga web tidak hanya memberikan informasi tetapi
terjalin interaksi dan menjadikan web bersifat dinamis dan diintegrasikan dengan
web server Apache, PWS dan IIS”.
Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip perl
yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yaitu
tahun 1994. Tahun 1995, Ramus menciptakan PHP/FI Versi 2, di mana Versi
tersebut dapat menempelkan kode terstruktur dalam tag HTML dan juga PHP
dapat berkomunikasi dengan database.
Aplikasi bahasa PHP dapat dipergunakan untuk:
a) PHP digunakan sebagai landasan operasi pada pemrogaman berbasis web.
b) PHP digunakan juga untuk pemrogaman database.
c) PHP digunakan untuk membuat aplikasi web.
Adapun kelebihan dan kekurangan bahasa PHP antara lain sebagai berikut:
1. PHP menjadi popular karena kesederhanaannya dan kemampuannya
dalam menghasilkan berbagai aplikasi web seperti counter, system artikel/
STIKOM
14
CMS, e-commerce, bulletin board, dll.PHP adalah salah satu bahasa
server-side yang didesain khusus untuk aplikasi web.
2. PHP termasuk dalam Open Source Product dan telah mencapai versi 4.
3. Aplikasi PHP cukup cepat dibandingkan dengan aplikasi CGI dengan Perl
atau Phyton bahkan lebih cepat disbanding dengan ASP maupun Java
dalam berbagai aplikasi web.
4. Tersedia baik di Windows maupun Linux, walau saat ini paling efektif di
web server Apache dan OS Linux. Sintaks mirip C dan mudah dipelajari.
Komunitas yang ramai dan saling membantu, seperti di diskusiweb.com,
phpbuilder.com, phpindo.com, dll.
3.4 Adobe Dreamweaver
Menurut Milician (2012:5), Dreamweaver CS3 is a powerful Hypertext
Markup Language (HTML) editor used by professionals, as well as beginners.
(Dreamweaver CS3 adalah Hypertext kuat Markup Language (HTML) editor
yang digunakan oleh profesional, serta pemula).
Menurut Andi (2009 ;7), Adobe Dreamweaver CS4 merupakan salah satu
program aplikasi yang digunakan untuk membangun sebuah website, baik secara
grafis maupun dengan menuliskan kode sumber secara langsung.
Menurut Puspitasari (2011:9), Dreamweaver CS5 adalah salah satu HTML
Editor profesional yang berfungsi untuk mendesain web secara visual dan
mengelola situs atau halaman web. Berdasarkan definisi-definisi di atas, maka
dapat di simpulkan dreamweaver adalah suatu aplikasi yang digunakan dalam
membangun atau membuat sebuah web.
STIKOM
15
Versi terbaru dari Adobe Dreamwever CS5 adalah Dreamweaver CS5.
Pada versi yang terbaru ini, Dreamweaver digunakan tidak hanya untuk desain
web saja, tetapi juga dapat digunakan untuk menyunting kode serta membuat
aplikasi web. Dengan dreamweaver CS5 kamu bias menggunakan berbagai bahsa
pemograman web, antara lain: JSP, PHP, ASP, XML, dan ColdFusion.
Dreamweaver CS5 merupakan software utama yang di gunakan oleh Web
Desainer maupun Web Programmer dalam menggembangkan suatu situs web. Hal
ini disebabkan karena kemampuan Dreamwever CS5 yang mampu meningkatkan
produktivitas dan efektifitas dalam desain maupun membangun suatu website.
3.5 Web browser
Browser merupakan program aplikasi yang digunakan untuk browsing.
Sebuah program yang memungkinkan pengguna internet mengakses dan
membaca dokumen yang ditulis dalam hypertext pada world wide web (WWW)
yang terkoneksi dengan internet. Browser yang paling popular saat ini adalah
Internet Explorer, Opera, Mozilla dan Netscape (Dhanta, 2009:70).
STIKOM
17
BAB IV
DESKRIPSI PEKERJAAN
4.1 Metodologi Penelitian
Untuk pengumpulan data yang diperlukan dalam melaksanakan kerja praktek
di Radar Surabaya, ada beberapa cara yang telah dilakukan diantaranya sebagai
berikut :
1. Wawancara/Interview
Kegiatan ini dilakukan untuk memperoleh keterangan yang lebih jelas tentang
fitur-fitur yang dapat digunakan dan informasi-informasi yang sudah ada di
dalam website Radar Surabaya , dan apa saja yang bisa dikembangkan atau
ditambahkan untuk website Radar Surabaya.
2. Cara ini dilakukan untuk mengetahui lebih banyak mengenai website Radar
Surabaya. Kemudian setelah bahan yang dibutuhkan terkumpul dengan baik
maka pengerjaan web menggunakan PHP dapat dilakukan.
4.2 Detail Proses Pengerjaan Interaktif
Ruang lingkup dari penyusunan sebuah interaktif dikelompokkan dalam dua
jenis tahap yaitu :
STIKOM
18
1. Tahap Persiapan Tahap persiapan lapangan terdiri dari observasi dan pengumpulan
data yang disediakan pihak sekolah berupa ekstensi .jpg dan dokumen berbentuk
.docx atau Microsoft Word dan PDF
2. Tahap desain visual, meliputi layout yang ditampilkan tertera dalam sitemap
dibawah ini:
Koran Radar Gersik
Koran Radr Sidoarjo
Koran Radar Surabaya
Pendaftaran Beranda Editor & reporters Special edition Subscribe Advertise Whit US Contact Us Edisi Khusus
Menampilkan beberapa koran edisi Khusus (mudik bersama Yamaha)
Menampilkan beberapa koran edisi
Special
Menampilkan Berita Radar Gersik
Menampilkan Berita Radar Sidoarjo
Menampilkan Berita Radar Surabya Berlangganan
koran Radar Surabaya
Tarif Iklan untuk Edisi Cetak RADAR SURABAYA
ALAMAT REDAKSI Radar Surabaya Editors & Reporters
Radar Surabaya
Gambar 4.1 Sitemap Website Radar Surabaya
STIKOM
19 4.3 Menganalisis Sistem
Bab ini menjelaskan tentang gambaran umum website Radar Surabaya mulai
dari menampilkan koran hari ini dan halaman log in beserta halaman registrasi,
dimana penjelasannya merupakan jalannya atau simulasi program yang digunakan
dalam pembangunan website dan menyajikan kesimpulan analisis dengan hasil
berupa diagram analisis yaitu:
Flowchart
Homepage ini terdiri dari 9 (sembilan) halaman, yaitu :
1. Home
Halaman ini merupakan halaman pertama dalam homepage pribadi Radar
Surabaya, halaman ini menampilkan koran harian dari beberapa kota seperti
koran Surabaya, koran Sidoarjo dan koran Gersik. Sehingga pengunjung bisa
memperoleh informasi berita dari beberapa kota secara detail.
2. Edisi khusus
Halaman ini menampilkan beberapa koran edisi khusus yang di up to date /
terbaru.
3. Contact us
Halaman ini memberikan informasi alamat redaksi dari beberapa koran di
setiap kota.
4. Advertise with us
Halaman ini merupakan halaman dimana akan menampilkan tarif iklan untuk
edisi cetak Radar Surabaya
STIKOM
20 5. Subscribe
Halaman ini menampilkan ketentuan berlangganan koran harian Radar
Surabaya dimana setelah berlangganan akan mendapatkan kupon yang di undi
setiap tahunnya.
6. Special edition
Halaman ini menampilkan beberapa koran yang termasuk dalam katagori
Special edition dalam beberapa tahun terakhir.
7. Editor dan reporter
Halaman ini menampilkan nama-nama dan jabatan dari pihak Radar Surabaya
8. Halaman log in
Halaman Login merupakan halaman untuk pengunjung yang sudah
melakukan registrasi sebelumnya. Dengan melakukan login maka pengunjung
dapat melihat isi berita dan mendownload file berita berupa file PDF.
9. Halaman register
Halaman ini memungkinkan pengunjung untuk dapat bergabung dengan
melakukan registrasi sehingga pengunjung dapat mengakses lebih dalam
file-file pdf atau materi berita.
STIKOM
21 4.4 Spesifikasi Rancangan Website
Mencakup Dokumen masukan dan keluaran yang ada dalam Website
ini
4.4.1 Spesifikasi Bentuk Masukan 1.Halaman Registrasi
Fungsi :mendaftarkan pengunjung website
Tujuan : Ditujukan kepada pemilik website agar dapat membatasi
pengunjung dan hanya pengunjung yang terdaftar yang berhak
mengakses file-file pdf atau berita .
2.Halaman Log in
Fungsi :Validasi bagi pengunjung website.
Tujuan :Ditujukan untuk melakukan validasi user.
3.Halaman Berita hari ini
Fungsi : menampilkan berita hari ini dari Radar Surabaya,Radar Gresik
dan Radar Sidoarjo.
Tujuan : Ditujukan untuk menampilkan berita bagi user atau pelanggan.
STIKOM
22 4.5 Flowchart Proses Program
Berbentuk diagram yang bentuknya dapat mengalirkan sesuatu,
flowchart melukiskan suatu aliran kegiatan dari awal hingga akhir mengenai
website initerdapat beberapa proses yang digambarkan dalam bentuk
flowchart.
4.5.1 Flowchat Proses Log in User
Proses flowchart pada login merupakan data yang harus di isi sesuai
dengan user name dan password yang sudah melakukan registrasi
sebelumnya, proses ini memungkinkan pengunjung atau user yang registrasi ,
mendapdengan leluasa mengakses informasi tebaru dan mendownload koran
berupa file PDF.
mulai
selesai tidak Log in
Masukan user name
password
User dan pass benar
User name dan pass salah ya
ya
tidak
Gambar 4.5.1 Flowchart Proses Log in User
STIKOM
23 4.5.2 Flowchart Proses register
Halaman ini memungkinkan pengunjung untuk dapat bergabung
dengan melakukan registrasi maka pengunjung memperoleh data-data yang up
to date.
mulai
selesai tidak Registrasi?
Masukan user name
Masukan password ya
ya
Apakah semua Sudah di isi
tidak
Gambar 4.5.2 Flowchart Registrasi
STIKOM
24 4.5.3 Halaman log in Admin
Halaman ini memungkinkan Admin dalam melihat data pengunjung
atau user untuk mengatur atau segala aktifitas user yang sudah mendaftar ke
website Radar Surabaya
tidak
ya Cocok?
Pengguna
Menampilkan Home Melakukan Login
.mengecek data User
selesai Username dan pass
Kembali memasukkan ussername dan
password Page home
Memasukkan username dan
pass
Home Berita Alamat web
Menampilkan Page Web Home mulai
Admin Sistem
Gambar 4.5.3 Flowchart Log in Admin
STIKOM
25 4.5.4 Halaman Berita Hari Ini
Halaman ini memungkinkan pengunjung untuk dapat melihat koran
hari ini yang di terbitkan dan pengunjung atau user memperoleh berita yang
up to date.
[image:31.612.60.561.159.649.2]Sistem flow Proses menampilkan Berita
Gambar 4.5.4 Flowchart Berita Hari Ini mulai selesai tidak Registrasi? Masukan user name Masukan password ya Apakah semua Sudah di isi
tidak tidak Log in Masukan user name password User dan pass benar User name dan pass salah ya
tidak Berita Hari ini
Koran Surabaya Koran Sidoarjo Koran Gersik
User Admin Sistem
Cek data user
Ya
Cek data user?
YA Approve
User register DB user
Tidak
Ya
STIKOM
26 4.6 Context Diagram
Context Diagram adalah gambaran menyeluruh dari DFD. Aliran data yang
ada pada Context Diagram didapatkan dari desain system flow. Di dalam Context
Diagram terdapat 2 (Dua) External Entity, yang terdiri dari Admin dan User.
Gambar 4.6. DFD Level Context
halaman_web
home_berita ussername_password_admin
page_home alamat_web
berita_hari_ini_terpilih
menu_berita_hari_ini
halaman_login
data_reg istrasi
halaman_berita_hari_ini
username_dan_password
0
aplikasi_profil_perus ahaan
+
peng unjung
bagian_admin
STIKOM
27 4.7 Diagram Jenjang Proses
Diagram jenjang proses berguna sebagai alat desain dan teknik dokumentasi
dalam siklus pengembangan sistem yang berbasis pada fungsi. Tujuan dari
pembuatan diagram jenjang adalah untuk memberikan informasi mengenai
fungsi-fungsi yang ada di dalam sistem tersebut. Pada gambar diagram jenjang proses,
terdapat desain semua proses yang diturunkan dari context diagram. Gambar di
bawah ini adalah diagram jenjang proses dari Aplikasi Profil perusahaan level 0 yang
tampak pada Gambar 4.7.
Gambar 4.7. Diagram Jenjang Level 0
0
Aplikasi Profil Perusahaan
1
Registrasi Member
2
Login Member
3
Login Admin
4
Lihat Berita
STIKOM
28
Berikut diagram jenjang level 1 melakukan Registrasi member seperti
terlihat pada Gambar 4.7.1
1
Registrasi Member
1.1
Masukan User Name
1.2
Masukan Password
Gambar 4.7.1 Diagram Jenjang Level 1 melakukan Registrasi
Berikut diagram jenjang level 1 melakukan Login member seperti terlihat
pada Gambar 4.7.2
2
Login Member
2.1
Masukan User Name Dan Password
2.2
Menampilkan Halaman Home
Gambar 4.7.2 Diagram Jenjang Level 1 melakukan Login Member
STIKOM
29
Berikut diagram jenjang level 1 melakukan Login admin seperti terlihat
pada Gambar 4.7.3
3
Login Admin
3.1
Melakukan Login
3.2
Masukan User Name Dan Password
Gambar 4.7.3 Diagram Jenjang Level 1 melakukan Login Admin
Berikut diagram jenjang level 1 menampilkan berita hari ini seperti terlihat
pada Gambar 4.7.4
4
Berita Hari ini
4.1
Memilih Berita Hari ini
4.2
Melihat Berita Koran Hari ini
Gambar 4.7.4 Diagram Jenjang Level 1 Menampilkan Berita Hari ini
STIKOM
30
Berikut diagram gambar DFD level 0 ini merupakan hasil decompose dari
Context Diagram aplikasi profil perusahaan seperti terlihat pada Gambar 4.7.5
STIKOM
31
berita_hari_ini_ditampilkan
berita_hari_ini_dibaca home_berita
us sername_pas sword_admin us ernam_password_benar
us ername_pass word_dibaca
page_home
alamat_web
halaman_berita_hari_ini
berita_hari_ini_terpilih
menu_berita_hari_ini halaman_web data_reg istrasi
halaman_login
Flow_37 Flow_35 us ername_dan_pas sword
data_reg istrasi_dis impan
peng unjung
bagian_admin 1
registrasi
1 us erlog in
2
login
3
berita_hari_ini
2 berita_hari_ini
Gambar 4.7.5 decompose DFD level 0
STIKOM
32 4.8 ERD
Perancangan basis data atau yang lebih dikenal dengan ERD merupakan
representasi model basis data yang berasal dari gambaran desain DFD. Dalam
pembuatan ERD, hal pertama yang dibuat terlebih dahulu adalah membuat model
konseptual atau CDM yang diambil dari data store yang ada dalam DFD. Setelah
selesai membuat CDM, maka dilanjutkan membuat model fisik dari tabel-tabel yang
akan digunakan. Adapun kedua jenis basis data tersebut akan dijelaskan sebagai
berikut:
a. Conceptual Data Model (CDM)
CDM dari sistem informasi akademik terdapat 2 (dua) tabel. Model
Konseptual atau yang lebih dikenal dengan CDM dari Aplikasi Profil
perusahaan dapat dilihat pada Gambar 4.8.1
Relation_24 userlogin ID
username password status
berita id_koran tanggal hari berita
Gambar 4.8.1 CDM
STIKOM
33
b. Physical Data Model (PDM)
PDM dari sistem informasi akademik terdapat 21 (dua puluh satu) tabel. PDM ini
dapat dilihat pada Gambar 4.8.2
ID = ID
USERLOGIN
ID
integer
USERNAME
varchar(50)
PASSWORD varchar(50)
STATUS
varchar(10)
BERITA
ID_KORAN
integer
ID
integer
TANGGAL
date
HARI
varchar(10)
BERITA
varchar(100)
Gambar 4.8.2 PDM
STIKOM
34 4.9 Perancangan Sistem
4.9.1 Rancangan Interface (Antar Muka) 1. form log in
Gambar 4.9.1 Rancangan form log in
Penjelasan :
Tombol LOG IN : Pindah ke halaman berita hari ini
Tombol REGISTER : Pindah ke form Register
User ID : Tempat user mengisi username nya
Password : Tempat user mengisi password nya
RADAR SURABAYA
User name
Password
log in register
STIKOM
35 2. Form Registrasi
Gambar 4.9.2 Rancangan Registrasi
Penjelasan :
• Tombol SIGN UP : Pindah ke halaman berita hari ini
• User ID : Tempat user mengisi username nya
• Password : Tempat user mengisi password nya
RADAR SURABAYA
User name
Password
SIGN UP
STIKOM
36 3. Form Berita Hari ini
Gambar 4.9.3 Rancangan berita hari ini
Tampilan berita hari ini merupakan tampilan beranda yang menampilkan 3
halaman utama dari harian Radar Surabaya,Radar Gresik dan Radar Sidoarjo
.
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7
ISI BERITA RADAR SURABAYA
ISI BERITA RADAR SIDOARJO
ISI BERITA RADAR GRESIK
User name Password Log in
STIKOM
37 4.10 Desain layout
1. Tampilan Log in
Gambar 4.10.1 Tampilan form log in
Proses log in merupakan cara yang harus di isi sesuai dengan
usesname yang sudah melakukan registrasi sebelumnya, proses ini
memungkinkan pengunjung atau user yang berkunjung bebas, mendapatkan
informasi tebaru dan mendownload koran berupa file PDF.
2.
Tampilan RegisterGambar 4.10.2 Tampilan form Register
Proses ini memungkinkan pengunjung untuk dapat bergabung dengan
melakukan registrasi maka pengunjung memperoleh data-data yang up to date
dari Radar Surabaya.
STIKOM
38 3. Tampilan Home
Gambar 4.10.3 Tampilan form Home
Tampilan berita hari ini merupakan tampilan beranda yang
menampilkan 3 halaman utama dari harian Radar Surabaya,Radar Gresik dan
Radar Sidoarjo.Sehingga pengunjung dapat memperoleh gambaran utama dari
3 cabang harian Radar Surabaya.
4. Tampilan Subscribe
Gambar 4.10.4 Tampilan form Subscribe
STIKOM
39
Tampilan ini untuk menampikan cara berlangganan koran harian
Radar Surabaya dan promo-promo produk Radar Surabaya.
5. Tampilan Contact Us
Gambar 4.10.5 Tampilan form Contact Us
Tampilan ini memberikan informasi alamat redaksi dari beberapa
koran di setiap kotanya.
6. Tampilan Advertise With Us
Gambar 4.10.6 Tampilan form Advertise With Us
Tampilan ini merupakan halaman dimana akan menampilkan tarif
iklan untuk edisi cetak Radar Surabaya.
STIKOM
40 7. Tampilan Editor dan Reporters
Gambar 4.10.7 Tampilan form Editor dan Reporters
Halaman ini menampilkan nama-nama dan jabatan dari pihak Radar
Surabaya.
8. Tampilan Edisi Khusus
Gambar 4.10.8 Tampilan form Edisi Khusus
Halaman ini menampilkan beberapa koran edisi khusus yang di up to
date / terbaru.
STIKOM
41 9. Tampilan Special Edition
Gambar 4.10.9 Tampilan form Special Edition
Tampilan ini menampilkan beberapa koran yang termasuk dalam
katagori Special edition dalam beberapa tahun terakhir.
STIKOM
42 BAB V
PENUTUP
5.1 Kesimpulan
Dari hasil uji coba dan implementasi terhadap rancang bangun company
profile berbasis web ini, maka dapat diambil kesimpulan sebagai berikut :
1. Website ini sangat membantu pihak Radar Surabaya untuk memberikan
informasi berita Up to date, serta pemberitahuan kepada masyarakat
sebagai sarana pembaca berita online bagi masyarakat dan pihak pemasang
iklan ingin mendaftarkan iklan di Radar Surabaya.
2. Bagi pihak Radar Surabaya, website ini memberi banyak kemudahan
kepada pembaca tentang berita hari ini, kepada pemasang iklan tentang
bukti pemasangan iklan mereka dan tarif iklan.
3. Adanya username dan password yang telah dibuat sedemikian rupa
mempermudah admin mengontrol semua user.
4. Web yang dahulunya manual masih menggunakan HTML dan belum ada
database sekarang sudah menggunakan PHP dan database sehingga
memiliki nilai lebih.
5. Tampilan web lebih simple dengan adanya tombol navigasi untuk melihat
berita yang sedang terbit hari ini dari koran Radar Surabaya.
STIKOM
43 5.2 Saran
Dari website ini masih terdapat beberapa pengembangan yang diharapkan
kelak dapat diperbaiki oleh pihak lain. Beberapa pengembangan tersebut antara
lain :
1. Website ini masih belum terintegrasi dengan database di Radar Surabaya.
Dalam perkembangan ke depan, website ini dapat dikembangkan untuk
dapat dihubungkan dengan database dan membuat koran berlangganan.
2. Website ini masih di kembangkan hanya untuk diakses melalui personal
komputer dan laptop. Dengan era teknologi yang semakin canggih, dimana
internet juga dapat diakses melalui perangkat mobile maka website ini
dapat dikembangkan lagi untuk versi mobile-nya sehingga website ini juga
bisa diakses dari perangkat mobile seperti OS Android, Blackberry, PDA,
HP, dan lainnya.
STIKOM
DAFTAR PUSTAKA
Andi. 2009. Adobe Dreamweaver CS4. Wahana Komputer. Semarang
Diar Puji Octavian, Mengenai Progemer Jempolan Menggunakan PHP, medikom, jaksel, 2010.
Elcom, 2009. Seri Belajar Kilat : Adobe Dreamweaver CS4. Yogyakarta:
Hanson, Ward. 2000. Pemasaran Internet. Jakarta: Principles of Internet Marketing.
Hardjono D. (Ed). 2006. Seri Panduan Lengkap Menguasai Pemrograman Web
dengan PHP 5. Yogyakarta: ANDI
Heni A. Puspitasari, Pemrograman Web Database dengan PHP dan MYSQL
Tingkat Lanjut, Penerbit Skipta Media Creative, Yogyakarta, 2011.
J.Com. 2009. Jago Internet dari Nol Hingga Mahir. Yogyakarta: Multicom.
Kustiyaningsih, Yeni. 2011. Pemograman Basis Data Berbasis Web Menggunakan PHP & MYSQL. Yogyakarta: Graha Ilmu.
Milician. 2012. Dreamweaver CS3 Basic. USA: University Florida Penerbit Andi.
Rizky Dhanta. 2009. Pengantar Ilmu Komputer. Surabaya: INDAH.
