31
PERANCANGAN APLIKASI IKLAN ONLINE BARANG BEKAS BERBASIS 'VEB TUGASAKHIR Diajukan Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Tcknik Informatika Oleh: Nama : ACHMAD KAMULYO No. Mhs : 99 523 194 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2007 I. I

PERANCANGAN APLIKASI IKLAN ONLINE

  • Upload
    others

  • View
    16

  • Download
    0

Embed Size (px)

Citation preview

Page 1: PERANCANGAN APLIKASI IKLAN ONLINE

PERANCANGAN APLIKASI IKLAN ONLINE

BARANG BEKAS BERBASIS 'VEB

TUGASAKHIR

Diajukan Sebagai Salah Satu Syarat

untuk Memperoleh Gelar Sarjana Tcknik Informatika

Oleh:

Nama : ACHMAD KAMULYO

No. Mhs : 99 523 194

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS ISLAM INDONESIA

YOGYAKARTA

2007

I. I

Page 2: PERANCANGAN APLIKASI IKLAN ONLINE

--

PERNYATAAN KEASLIAN TUGAS AKHIR

Saya yang bertanda tangan di bawah ini;

Nama : Achmad Kamulyo

No. Mahasiswa : 99523 194

Menyatakan bahwa Tugas Akhir dengan judul :

"Perancangan Aplikasi Iklan Online Barang Bekas Berbasis Web"

Yang diajukan untuk diuji pada tanggal 1 Maret 2007 ada!ah hasil karya saya.

Dengan ini saya menyatakan bahwa selumh kompcnen dan isi JidalaU'. Laporall

Tugas Akhi~ ini adalah hasil karya saya sendiri. Apabila dikemt;dian h&ri terbu~~

bahwa ada beberapa bagian dari karya in; adalah bukan karya saya 3endirl, maka

saya siap menanggung resiko dan konsekuensi apapun.

Demikian pemyataan ini saya buat, semoga dapat dipergullakalt sebagaimana

mestinya.

Yogyakarta, 1 Maret 2007

(Achmad Kamulyo)

ii

Page 3: PERANCANGAN APLIKASI IKLAN ONLINE

rusan Teknik Infonnatika 'rn)~ Teknologi Industri lW~~s Islam.Indonesia

LEMBARPENGESAHANPENGUn

PERANCANGAN APLIKASI IKLAN ONLINE

BARANG BEKAS BERBASIS WEB

TUGASAKHIR

Oleh:

Nama : Achmad Kamulyo No. Mahasiswa : 99 523 194

Telah Dipertahankan di Depan Sidang Penguji Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Jurusan Teknik Infonnatika

Fakultas Teknologi Industri Universitas Islam Indonesia

Yogyakarta, 1 Maret 2007

Tim Penguji :

Fathul Wahid. ST., M.Sc. Ketua

Sri Kusumadewi, S.Si., M.T. Anggota I

SyarifHidayat S.T. Anggota II

Mengetahui,

III

.--­

Page 4: PERANCANGAN APLIKASI IKLAN ONLINE

LEMBAR PENGESAHAN PEMBIMBING

PERANCANGAN APLlKASI IKLAN ONLINE

BARANG BEKAS BERBASIS WEB

TUGASAKHIR

Oleh:

Nama : Achmad Kamulyo No. Mahasiswa : 99 523 194

Yogyakarta, 15 Februari 2006

Menyetujui

Pembimbing

~

iv

...--­

Page 5: PERANCANGAN APLIKASI IKLAN ONLINE

PE/RSP/Jvt/B)1J{jIJ{

1(upersem6aflk.gn q'ugas jIkJiir Ini Vntu~:

jIyafianda Jf.Suparmo aan I6uncfa Jfj. Siti k,unaeni yang tercinta yang tefa/i mem6erik.gn semuanya, cinta, ~asili sayane, do'a,

naseliat dan pefajaran yang tat temifai fiarganya.

Istri~u Cita eJQ.1li ClUspita Sari 1(a~a~u Siti (])arwati cfan jIcfimadJl6idin

fJ'erima ~asili atas suportnya

Semua kgruarga yane a~u sayangi

v ..----.

Page 6: PERANCANGAN APLIKASI IKLAN ONLINE

JfjlLjl9vt)UV PE/RJ:Jrf)l1(JtSIJf

1(uucapfiJzn rasa terima FtasifiFtu Ftepaaa :

'Tlie (Big Pami{y "'Te(nikJnformatifig- 99-VII"

Speciaftfiank,j to :

:Ma6ru~ }1.li.lzirnya ~sampaian juga S'T-mu.. fiafia...

Sigit, '''Kem6au kf! tap top! " '.Jrta(asi~ ya ud"afi cfipinjemi Captnp

"0(}S2 (}ank.j" ([)iyarrndinRJ, '1 VUfyo(pak,ffie), CDido(japra), jIncfi(6e6e:{j,

J{endra(6atufoeQ, fig-pan nefi fjta {umpufmaen 6adminton fagi?

:?rias 'J(jioEcf, :M.afig-sifi atas petuafi cija(mu

'J(ur;tiawan)irsiu::.(CBJwO, 7(it.a 'Wisuda 6are1"1J dac!

'Tain, [,c;l'jut(an FJ'uunganmu na(rfafam mencmi cinta... !!

Wislinu, C::peNn sefesaikf'n sltripsim:ljaTI{Jan gantijL:£Ut tefU.)

Maltasifi atas du(ungan dan 6antuan (afian semua

WakJu ten'-ntfafi dawfi saut fjta bersama 6ercanda dan tertawa

Snma teras.:J. cerat. 6egitu 6anyaliJ\Fnangan fziditp yang /(jta [ew1tt'i 6ersama

}fda 6end ..ada su(a...semua 6er6aur menjadt ~nangan yano indali 6anoet

'Ten'maltasili ya... /(aEian wfafi 7TU1U menjacfi S.JtJ{jICR)lrr(u

Jl.m r.w'if I(epada teman-teman~u yano Cain

yang gal(.sempat a/ijJ. se6utin namanya satu-persatu

7'erima Ilasifi atas Cl'ersafia6atan, 'J(ekgmpaltan, 'l(fl6ersamaan, yang erat seCam.; ini

Semoga uapat menjadt k§nangan yang paung itufafi dan menoesanfig-n. jImien

\

VI

Page 7: PERANCANGAN APLIKASI IKLAN ONLINE

-w

HALAMAN MOTTO

(';l{fafi pasti a~an mengangJi.gt orang yang 6eriman aan 6erpengetafiuan diantaramu 6e6erapa tingJi.gt fe6ifi tinggi.

(}Jan jl{fafi mafia mengetafiui apa yang Ji.gmu RsTjak,g,n" (QS. Al Mujadilah : 11)

"Sesunggufinyo. sesudafi /i..fsulitan itu ada /temucfafian. :M.aJi.g apa6ifa /tamu tefafi sefesai menlJeTjafi.g.n suatu urusan,·/i..ftja~anfafi dengan

sunggufi-sunggufi urusan yang fain. (}Jan fianya /tepaaa rr'ufianmu-fafi fieuda/tnya Rg,mu 6erfiarap ((

(QS. Asy Syarh : 6-8)

"'K.-e6ijaR.§mwan m.~nget{!iiui apa )J1117J aRy 11. a'nc[a fa/tuJi.gn, kga/ifW.n mengetaIi1.l·; cara nler.a~uii9nnyu,

aan k.§6aikg,nfafi cara mefc/tukg.nnya·' (David Smrr Jordan, Mantan Presiden Stanford University. 1851-1931)

,I

f_ --Vll

II

Page 8: PERANCANGAN APLIKASI IKLAN ONLINE

---

..,.

KATAPENGANTAR

~ ~

/., \ '~\\ ~,,:j\C:f» £Ul~

~ ~ .:­

Assalamu'alaikum Wr. VVb.

Dengan mengucapkan puji d~n syukur kehadirat Allah SWT, atas segala

limpahan berkah, rahmat dan karunia-Nya, sehingga penulis dapat menyelesaikan

laporan tugas akhir ini dengan judul : "PERANCANG.t\N APLIKAS! JKLAN

ONLINE BARANG BEKAS BERBASJS WEB". Tak lupa pula shalawat dan

salam kepada junjungan kita n"bi besar Muhammad SAW beserta keluarga dan

sahabat-sahabatnya. semoga selalu dalam lindungan-Nya, amino

Lapo:<::.n tugas akhir ini disi.'~un lJrltuk ;L1elengY.:ap~ sala~ sa(u 5yarat gunll

memperoJeh gelar Sarjarla Teknik Informatika pada Univer:;itas Islam indunesia

dan atas apa yang telah diajarkan selama !Jerkuliahan baik teori maupun praktek,

disamping lapnran it:l sendiri yang 'lltlrupakan l'angkaian kegiatan yang harus

dilakukan setelah tugas akhir ini selesai.

Untuk itu penulis menyampaikall ucapan terimakasih dan penghargaan

yang setineei-tingginya kepada:

1. Bapak Prof. Dr. Edy Suandi Hamid, M.Ec selaku Rektor Universitas Islam

Indonesia.

2. Bapak Fathul Wahid, ST.,MSc, selaku Dekan Fakultas Teknologi Industri

Universitas Islam Indonesia

viii

Page 9: PERANCANGAN APLIKASI IKLAN ONLINE

- ...

3. Bapak Yudi Prayudi, S.Si, M.Kom selaku Ketua Jurusan Teknik Informatika

Faku!tas Teknologi Industri Universitas Islam Indonesia.

4. Bapak Fathul Wahid, ST.,MSc. Sebagai Pembimbing Tugas Akhir yang telah

membantu dalam memberikan saran dan kritik serta ilmu pengetahuan yang

kepada saya.

5. Bapak dan Ibu atas kesabaran dan dukungan terutama doa yang tiada henti

untuk ku.

6. Semua pihak yang telah banyak memberikan bantuan dan dorongan yang

tidak dapat penulis sebutkan satu persatu.

Semoga apa yang telah mereka berikan dengan keikhlasan, mendapat

pahaia yang setirr.j)C1.l da:i AHah SWT. Penu!is menyadari dll:(t~ pt"nuiisap laporan

tugac; a1<hir ini masih je.t;h dari scmpurna, karcna kete!"b:ltasan kema~~u:ln dar..

pengalaman. Penulis menghara?kan saran dan kritik yang bersifac membangun

untuk memperbaiki tuigas akhir il1i semoga dapat bermanfaat bagi penulis

khususnya dan pembaca pada umumnya.

Wassalamu 'alaikum Wr. Wh.

Yogyakarta, 1 Maret 2007

Achmad Kamulyo

ix

Page 10: PERANCANGAN APLIKASI IKLAN ONLINE

- ..

ABSTRAKSI

Informasi dan publikasi adalah· sarana yang paling penting dalam dunia perdagangan khususnya perdagangan barang bekas. Adanya teknologi informasi yang bersifat on-line, kegiatan promosi dapat dilakukan sctiap saat dan setiap waktu tanpa adanya batasan ruang dan waktu yaitu dengan media internet. Sehingga media ini dapat menjadi media komunikasi antara pemasang iklan dengan masyarakat. Pada proses penelitian ini digunakan metode observasi atau pengumpulan data, dari data yang diperoleh dilanjutkan ke analisis sistem, desain sistem, perancangan sistem, implementasi sistem, dan pengujian sistem. Tujuan yang ingin dicapai adalah membuat sebuah aplikasi sistem informasi iklan online barang bekas berbasis web untuk memberi kemudahan kepada masyarakat didalam mencari iklan barang bekas.

x

Page 11: PERANCANGAN APLIKASI IKLAN ONLINE

--

~ ..

DAFTAR GAMBAR

Gambar 4.1 Diagram Kontek Aplikasi Web Iklan Online 17

Gambar 4.2 DFD Level 1 Iklan Online Berbasis Web 19

Gambar 4.3 DFD Level 2 Proses Setup 22

Gambar 4.4 Relasi Antar Tabel. 26

Gambar 4.5 Rancangan Antar Muka Halaman Utama : 27

Gambar 4.6 Rancangan Antar Muka Halaman Pendaftaran Perusahaan 28

Gambar 4.7 Rancangan Antar Muka Halaman Pendaftaran Perusaha2n 28

Gambar 4.8 Rancangan Anl:ar Muka Halaman Setup Jer:.is Baran~ 29

Gambar 1.9 Rancangan Anti'\r Muka Halaman Setup Udan Ba;-is 30

Gambar 4.10 Rancangan Antar MUka Halarnan Setup lklan Banner 30

Gambar 4.11 Rancangan Ar:.tar Muka Halaman Pencariar. 31

xiv

Page 12: PERANCANGAN APLIKASI IKLAN ONLINE

DAFTAR TABEL

Tabe13.1 Pemprosesan Sistem ; 14

Tabel 4.1. Tabel Banner 23

Tabe14.2. Tabel Iklan Baris 23

Tabel 4.3. Tabel Jenis Barang 24

Tabel 4.4. Tabel Perorangan 24

Tabe14.5. Tabel Pertanyaan 25

Tabel 4.6. Tabel Perusahaan 25

Tabe14.7. Tabei User 26

xv

Page 13: PERANCANGAN APLIKASI IKLAN ONLINE

BABI

PENDAHULUAN

1.1 Latar Belakang

Kcbcradaan sistem online adalah salah satu sarana dalam pemanfaatan

teknologi infvrmasi. Proses penyebaran informasi dan transformasi sosial dapat

dilakukan dengan memanfaatkan teknologi berbasis internet. Bahkan beberapa

perusahaan, instansi, dalam pengambilan keputusan sudah menerapkannya. Di

bidang periklanan, m~dia online sangat dibutuhkan untuk transformasi informasl

prvduk keparia rmLlik. l-ial ini menjadi faklor penting Ui1tuk li1enaikkan persentase

penj"·.mlan d~il m~mrerkuat f:uatll pf0duk.

Untulc mernpemmdah membuat layanan iklan yang efektif dan efisi~n

maka dibutuhkan sebuah media yang relevan dengan perkembangan zaman.

Dengan pemanfaatan teknologi internet, infom1asi dapat diakses secara universal

tanpa keterbatasan ruang, waktu, dun tempat.

D~j penclitiar! ip.i, penulis ingin mengembangkan sebuah aplikasi iklan

online barang bekas berbasis web. Fitur di daiamnya mengacu pada konsep pola

iklan online barang bekas berbasis web. Untuk kemudahan user, maka penulis

mengembangkan proses pencarian otomatis dengan membangun aplikasi iklan

online barang bekas berbasis web. Di sini pemaf'ang iklan memberikan informasi

kondisi barang secara detail kepada calon konsumen, sedangkan pencari barang

sangat mudah mengetahui kondisi barang sesuai dengan yang diinginkannya.

1 o .....

Page 14: PERANCANGAN APLIKASI IKLAN ONLINE

- ---2

1.2 Rumusan Masalah

Bagaimana membangun apiikasi iklan online barang bekas berbasis web

yang mampu menampilkan layanan online jenis produk barang bekas, Sehingga

dapat memudahkan pemasang iklan untuk mengiklankan produknya dan calon

pembeli dapat mengakses sistem setiap saat.

1.3 Batasan Masal~h

Penelitian ini dibatasi pada beberapa masalah sebagai berikut :

1. Mengacu pada iklan di surat kabar.

2. Fokus pada pengembangan apEkasi iklan online untu!: produk barang bekas.

3.. Lay':ina:l transak"i keuangan dilakukall 5:ecar? offline.

4. Menggunakan bahasa pemrograman PHP, web server Apuche, database

MySql, Dreamweaver MX.

1.4 Tujuan Penelitian

Penelitian ini bertujuan untuk membangun sebuah sistem aplikasi yaitu

aplikasi iklan online pada produk barang bekas berbasis web menggunakan PHP

dan MySQL, yang dapat memberikan informasi kepada user jenis barang bekas

yang diinginkan.

- &_­

Page 15: PERANCANGAN APLIKASI IKLAN ONLINE

3

- .....

1.5 Manfaat Penelitian

Memberikan kemudahan kepada pemasang iklan untuk menawarkan

produknya secara detail dan memberikan kemudahan kepada calon pembeli untuk

mengakses sistem secara online, praktis, dan efisien.

1.6 Metodologi Penelitian

Metode yang digunakan untuk menyelesaikan tugas akhir ini adalah :

1. Studi literatur, yaitu dengan mempelajari literatur yang mendukung.

2. Pengumpulan data (ubservasi).

Metode pengumpulan data ini digunakan untuk memperoleh infoffimsi dan

c1ata-data untuk menunjang proses tugas akh!r ini dan penggunaall dc:ri

perall('anga~ yang dibua~.

3. Pembangunan sistem.

Metode pembangunan sistem disusun berdasarkan hasil dari data yang sadal':.

diperoleh. Metode ini meliputi:

a. Analisis Data

Analisis ini dilakukan untuk mengolah data yang sudah didapat dan

mengelompokkan data sesuai dengan kebutuhan perancangan.

b. Desain

Didalam tahap ini akan didefinisikan kebutuhan-kebutuhan yang ada,

menggambarkan bagaimana sistem akan dibentuk dan persiapan untuk

membangun aplikasi.

- ...

Page 16: PERANCANGAN APLIKASI IKLAN ONLINE

---

4

- ......

c. Pemodelan

Tahap ini dilakukan penerjemah data atau pemecah masalah yang telah

dirancang kedalam bahasa pemrograman komputer yang telah ditentukan

sebelumnya.

d. Pengujian

T<!hap ini dilakukan untuk mengetahui bagaimana jalannya sistem yang

sudah dibuat, apakah sudah berjalan dengan normal dan sesuai hilrapan

atau tidak dan bagaimana kirterjanya.

4. Penyusunan tugas akhir dan kesirriptdan akhir.

Metode ini digunakan untuk pro"es penyusunan laporan tugas akhir dan l1r.tuk

t.'u:na!"i!( ke::)irll?da~ J&ri "iSlcJr.. ya!1g telah dibuat.

5: Metode kepustakaan.

Metode pene!itian ini bertujuan UTltuk menunjang pengumpulan data mengenai

pokok bahasan yang berkaitan dengan penulisan tugas akhir, yaitu membaca

buku-buku kepustakaan yang berkaitan dengan masalah yang dibahas.

1.7 Sistematika Penulisan

Sistematika ya:1g digunak~n dalam penyusunan laporan tugas akhir ini

adalah sebagai berikut :

Bab I pendahuluan, bab ini membahas masalah umum tentang penyusunan

tugas akhir, yang meliputi latar belakang masalah pembuatan aplikasi, perumusan

masalah, batasan masalah, tujuan penelitian, manfaat penelitian, metodologi

penelitian serta sistematika penyusunan tugas akhir.

Page 17: PERANCANGAN APLIKASI IKLAN ONLINE

- ..... 5

Bab II landasan teori, bab ini menguraikan teori tentang web pada

umumnya, pengertian HTML (hypertext markup language), PHP (PHP hypertext

preprocessor) sebagai bahasa pemrograman dalam pembuatan aplikasi pustaka,

pengertian MySQL sebagai web database server.

Bab III analisis kebutuhan perangkat lunak, bab ini berisi metode-metode

analisis yang dipakai dalam pembuatan aplikasi iklan online barang bekas

berbasis web. Hasil analisis pada bagian ini memual hasil analisis kebutuhan

sistem yang diwujudkan dalam perangkat lunak, yang meliputi : fungsi-fungsi

yang dibutuhkan dan kinerja yang harus dipenuhi, dan antar muka (interface)

yang diinginkan.

Bab 1'1 rer~p..r.~ngar. perangkat lunak, ba~ ini mem~ahas perencang~:l

aplikasi lklar. CJnli:1e barang bekas berbasis web dari hasil analisis kebutuhan. Bab

ini berisi konsep peraneangan perangkat lunak yang meliputi diagram konteks,

data flow diagram dan peraneangan antar muk::t (interface) aplikasi iklan online

barang bekas berbasis web.

Dab V penutup, bab ini membahas kesimpulan yang dapat diambil dari

hasil peraneangan aplikasi, dan beberapa saran yang dapat dipergunakan oleh

pihak yang berkepentingan maupun untuk penelitian yang lebih lanjut.

_....­

Page 18: PERANCANGAN APLIKASI IKLAN ONLINE

~-

BABII

LANDASAN TEORI

2.1 World Wide Web (WWW)

Web merupakan salah satu layanan yang didapat oleh pemakai komputer

yang terhubung ke Inteme~. Web pada awalnya adalah mang infonnasi dalam

interr..et, dengan menggunakan teknologi hypertext, pemakai dituntun untuk

menemukan informasi dengan mengikuti link yang disediakan dalam dokurnen

web yang ditampilkan dalam web browser. Kini Interl1et identik dengan web,

kqywa !.;:epopu!erJ£. web ~eh::lg2.i ~ta....'1da! interface paca l2.ya.n:::m-!ayana...'1 yang ada

di In~e!11et, da.:-i awdnya sebagai penyedia infcnnasi, kin1 digllilakan juga untuk

infunnasi dari email sampai dengan chatting, sampai dengan melak~kan ti'ansaksi

bisnis [BETO1].

2.2 Personal Home Page (PHP)

Menurut dokurne:l r(:smi PHP, PHP merupakan singkatan dari PHP

Hypertext Preprocessor. PHP merupakan bahasa dalam bentuk skrip yang

ditempatkan pada server dan diproses di server.

Secara khusus, PHP dirancang Ulltuk membuat web dinamis. Artinya dapat

membentuk suatu tampilan berdasarkan pennintaan terkini. Misalnya

menampilkan isi database ke halaman web. Pada prinsipnya, PHP mempunyai

fungsi yang sama dengan skrip-skrip seperti ASP (Active Server Pages), Cold"",,:7":-Cc:c::''C',__ '

4'P~-:'·,,::;:,··,:,;~,

Fussion, maupun Perl.

.- 6

IF :,>;"

f,eI!

~Y, ... <:

Page 19: PERANCANGAN APLIKASI IKLAN ONLINE

--7

Adanya PHP bennula ketika Rasmus Lerdorfmembuat sejumlah skrip Perl

yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya,

yakni pada tahun 1994. Skrip-skrip itu kemudian dikemas menjadi tool yang

disebut "Personal Home Page". Paket inilah yang menjadi cikal bakal PHP. Pada

tahun 1995, Rasmus menciptakan PHP/FI Versi 2. Pada versi inilah pemrogram

dapat menempelkan kode terstruktur didalam tag HTML. Yang menarik, kode

PHP j~ga bisa berkomunikasi dengan database dan melakukan perhitungan­

perhitungan yang kompleks sambiljalan [KAD02].

2.3 MySQL

MySQL merupakan database server di rr.an~ pemrosesall data tcrjadi di

server, dan cHent har.ya mengiri:::r. data sp.rta rr.eminta data. Oleh karena

pemrosesan terjadi di server sehingga pengaksesan data tidak terbatas.

Pengaksesan dapat dilakukan di mana saja oleh siapa saja dengan c_atatan

komputer telah terhubung ke server. MySQL tem1asuk kategori database

management system, yaitu database yang tcrstruktur dalam penguluhan dan

penampilan data. Sejak komputer dapat menangani data yang besar, database

management system memegang peranan yang sangat pentir.g dalam pengolahan

data. Hal ini sangat diperlukan, karena data tersebut dapat diatur sesuai dengan

kebutuhan pemakainya.

MySQL didesain agar dapat berjalan mencapai 100 akses secara

berkesinambungan. MySQL dibuat untuk berjalan dengan cepat. Hal ini yang

mebuat MySQL terpaksa membuang beberapa kemampuan, misalnya partition

_......

Page 20: PERANCANGAN APLIKASI IKLAN ONLINE

--8

table seperti yang biasa kita gunakan saat kita menggunakan dat!base oracle.

Dalam pemakaian sehari-hari, sangat jarang kita menggunakan fasilitas tersebut,

karena kita lebih sering berinteraksi dengan database yang berukuran keeil.

MySQL juga mampu berjalan pada database yang mempunyai ukuran samrai

100GB. Sangat menakjubkan untuk suatu software gratis, tetapi memilki kineIja

yang eukllp tinggi [HAR03].

2.4 Macromedia breamweaver

Maeromedia Dreamweavct adalah software untuk des~jn dan mengelola

situs web maupun halaman web. Dreamweaver mengikutseiiakan banyak tool

up..tuk kode-kaJe dalFlm halamC!n web oeser!2. fasi!itas-fa~il!tasnya, arltm'a hill.

Refer%si HTML, CSS, dan J~.vascript, Javaseript debug~er, dan editor kode

(tampilan kode dan code inspector) yang mengijinkan kita mengedit kode

Javaseript, XML, dan qokurnen teks lain seeara langsung dalam Dreamweaver.

Fasiiitas editing sel;ara visual dari Dreamweaver membuat kita dapat

menambahkan desain dan fungsionalitas halaman-halaman web tanpa menuliskan

sutu buris kode pun. Drcamwcavcr secara keseluruhan mudah dikostumisasi Jan

dapat membuat objek dan cnmmand. Selair: itu Drcamweaver juga dilengkapi

dengan kemampuan manajemen situs, yang memudahkan kita mengelola elemen

yang ada dalam situs [ISA02].

_........ l

Page 21: PERANCANGAN APLIKASI IKLAN ONLINE

--t)

2.5 Hypertext .i1tfarkup Language (HTML)

HTML adalah bahasa yang digunakan dalam pemhlllllllll Iilllnlllllll U'I''',\';((',

HTML memungkinkan elemen-elemen tunggal di web dibuwlI hCl'snllln-snmn dun

ditampilkan sebagai kumpulan teks, gambaI', multimedia, dan file-file luin, SClnllll

dapat dipaketkan dengan menggunakan HTML.

HTML dipertukarkan melalui protokol HITP (lI)'p(·"((·.\'( 'li'W'/.~/i.!r

ProtocoO, merupakan protokol yang digunakan untuk mentrun~:lcr dutu unhlr:l weh

server ke web browser, Protokol ini mentransfer dokumcn-doklllllCII wcb yang

ditulis atau berfoiTIlat HTML. Dokumen dengan format HTML scril;g discbut file

HTML. Format penyimpanan file HTML adalah file teks biasu.

Dalam pepggullaanr,yn sebpg!an t-esar kod~ HTML tcr:ichllt 1."rIIs ~CII';Lal'\.

diamara t<::.g container, yaitu diaw?.Ii de'1gan nama <nqlnalag> da;l diakhiri dcnban

</namat::tg>. Namun unt'Jk menghasilkan file HTML yang Icb~h kompleks, telah

tersedia aplikasi-aplikasi pendukung diantaranya: Microsoll Frontpage,

Macromedia Drearnwcavcr Jan masih banyak lagi [DETOIJ.

2.6 Iklan online berbasis web

Iklan ialah promosi barang, jasa, perusahaan dan ide yang harus dibayar

oleh sebuah sponsor. Pemasaran melihat iklan sebagai bagian dari stra~~gi

promosi secara keseluruhan. Komponen lainnya ~ari promosi termasuk publisitas,

relasi publik, penjualan, dan promosi penjualan. Iklan baris adalah salah satu cara

promosi barang dan jasa yang umumnya ditemukan di koran. Cara ini mer~~pakan

pengembangan dari promosi iklan yang mengutamakan daya tarik dengan gambar

--.-- -~-....OIIIA. .

Page 22: PERANCANGAN APLIKASI IKLAN ONLINE

10

dan dengan infonnasi yang lebih lengkapdan terinei. Iklan baris mengutamakan

infonnasi yang paling inti yang perlu diketahui oleh peminatnya. Karena itu

biasanya iklan baris hanya memuat infonnasi seperlunya dan hanya membutuhkan

beberapa baris saja. Biasanya koran-koran mensyaratkan iklan baris minimal 2-3

baris.

Karena tidak menggunakan gambar sebagai daya tariknya, iklan baris

dimuat seeara belkelcmpok sesuai dengae isinya. Misalnya, kelompok barang

yang dijual dipasang dalam baris yang berbeda dengan kelompok barang yang

dieari. Seianjutnya, barang-barang yang dijual pun diklasitikasikan lebih jauh:

tanah, rumah, mobil, motor, dB. Penjuai atau pembeli biasanya memberikan

T!omor tele~o!1 atau alarr.at ruHlnr.. di mana barang itu dapat dilih~t, dibdi, dan

di&mbil.

Karena ukurannya jauh lebih keeil daripada iklan biasa,iklan baris

umumnya lebih murah daripada iklan-iklan lain. Pemuatannya pun jauh lebih

sederhana karena tidak membutuhkan ilustrasi gratis, sehingga koran-koran

umumnya dapat menerima iklan baris untuk segera dimuat dalam penerbitan esck

harinya. Perkembangan teknologi mediadi masa kini membuat iklan baris tidak

lagi terbatas pada koran, tetapi juga media lainnya, seperti Internet.

(http://www.wikipeciia.indonesia.eom)

- .........

Page 23: PERANCANGAN APLIKASI IKLAN ONLINE

RARIII

ANALISIS KEBUTUHAN PERANGKAT LUNAK

3.1 Metode Analisis

Untuk menganalisa kebutuhan dalam pembuatan sistem ini, penulis

menggunakan metode analisis berarah aliran data yaitu data dilihat berdasarkan

alirannya mulai dari input data, pemrosesan data dan output data yang diinginkan.

3.2 HasH AnaHs~s

Hasil a..'1a.lisi~ :ni ~empa k~outuhan input, P~l11fCS{;~an claP. uutput.

3.2.1 Kebutuhan Masuk&n

Aplikasi ini menlbutuhkan beberapa data masukan yang digunakan pada

database yang ada di server. masukan tersebut meliputi :

1. Data Anggota

Pada bagian ini anggota ada dua yaitu anggota sebagai perusahaan dan

anggota sebagai perorangan.

2. DataJenis Barang

Pada bagian ini fungsi dari jenis barang adalah sebagai kategori jenis barang.

3. Data Jenis Iklan

Pacta bagian ini fungsi dari jenis iklan ada dua yaitu jenis iklan banner dan

jenis iklan baris. Jika pemasang iklan sebagai perusahaan maka bisa .. ~>

11 '':.>. ........,,~, ..- . ­

Page 24: PERANCANGAN APLIKASI IKLAN ONLINE

12

mengiklankan ke iklan banner dan iklan baris, kemudian pemasang iklan

perorangan maka hanya bisa mengiklankan ke iklan haris saja.

4. Data Pencarian

Pada bagian ini fungsi dari data pencarian adalah sebagai informasi bagi

pengunjung yang menginginkan berbagai macamjenis iklan.

5. Data Ganti Password

Menu ganti password digunakan oleh user untuk mengganti password lama

ke password yang barn. Menu ganti password terdiri dari: password lama,

password barn, password ulang dan simpan.

3.2.2 X~hutuban Pr,)st:~

Dalam proses aplikasi ikl&n online barang beka~, ada betlerapa

pemrosesan. Pemrosesan sistem adalah berkaitan dengan proses pencarian, proses

manipulasi data (mengedit, menambah, dan menghapus) yang kemudian

ditampilkan sebagai ke1uaran sistem,atau output. Tubel 3.1 adaiah struktur dari

penyederhanaan pemrosesan yang terjadi pada sistem:

~

Page 25: PERANCANGAN APLIKASI IKLAN ONLINE

D

Tabel3.1 Pemprosesan Sistem

User I Pengunjung PI! PIP Adm

No Pemprosesan Sistem 1 Login ./ ./ ./ ./ 2 Pendaftaran Anggota ./ 3 Lupa Password 1 ./ ./ 4 Pencarian ./ ./ ~

v ./ 5 Tambah Jenis Barang ./ 6 Ubah Jenis Barang ./ 7 Hapus Jenis Barang ./ 8 Tambl:lh Iklan Baris "./ ./ 9 Ubah Iklan Baris ./ ./ 10

-I-Iapus Iklan Baris ./ ./ ./

11 Tambah Iklan Banner ./ 12 Ubah Iklar. Banner

1~us l!daT1 Bl:lnner 14 AktiVasi I:<,la.n-Bann~,· f- ------r-­

,/

../-I ./1 ../

I

15 15

Ubd', Profii

I-!apm: h.Pggot'l

I II,

./ ./

./ 17 18

Ganti Password

Pertanyaau -,

1-----­

I -

./

./ ../ y­

, v

Keterangan 'fabel:

Pengunj •.mg

PH : Pemasang Iklan Individu

PIP : Pemasang Iklan Perusahaan

Adm : Administrator

./ 'l'erjadinya Pemrosesan

3.2.3 Kebutuhan Keluaran

Keluaran sistem adalah hasil dari aplikasi yang dapat dilihat secara umum

hanya jika komputer yang kita gunakan terhubung dengan internet. Keluaran

sistem dari aplikasi iklan online barang bekas terdiri dari :

~.. ­

Page 26: PERANCANGAN APLIKASI IKLAN ONLINE

--16

karena dapat menggambarkan arus data di dalam sistem dengan terstruktur dan

jelas.

4.2.2 Diagram Konteks

EJ • Setup Jenis B.ranc - Data Iklan Baris• Data Iklan S.ris • Data Iklan Banner• Data Iklan Oanner • Data ubah profli - --[ Perusahaan

- Data Password A - Data ganti Password

"- ----------­ A

- Info Jenis Barang -Info Jenls Barang• Info Iklan Baris • Info Iklan Baris

.• Info Jklan Banner • Info Iklan Banner - Hasil P~ncarian

(pllkas; Web Iklan · Hasil Pencarian

• Info Jenis Barang (AI Online · Info !klan Baris · Info Jenls carang • Info Iklan Banner

~/ · Inlo Iklan Bacs

- Hasil Pencarian • Hasij Pencarian

- Dala Penda~'ran - Data Iklon Ban~

. Data Penc~rian • Data Pass\";ord I PE"rO,-angan I - D~a Lup Pa~;:)wlJ ..d

L..-...~

G~mba. 4.1 Diagram konteks Aplik2.si web iklan vnl:"m

Diagram kontcks ini mempunyai empc.t entitas dan satu proses. Proses

didalamnya mencakup proses secara keseluruhan dari Aplikasi web ;k!an online.

Entitas diagram konteks tersebut adalah:

1. Admin atau Administrator

Adalah user yang memiliki hak akses menambah, edit, hapus data ke

dalam Aplikasi ilkan online berbasis web. Transaksi yang tetjadi adalah

manajemen data yang meliputi; setup jenis barang, data iklan baris, data

iklan banner, daftar anggota, ganti password.

Page 27: PERANCANGAN APLIKASI IKLAN ONLINE

-.

17

2. Perusahaan

Adalah perusahaan atau member sebagai pihak pemasang iklan baris dan

pihak pemasang iklann banner. Statusnya harus terdaftar dan aktif.

Transaksi yang terjadi adalah manajemen data masukan perusahaan yaitu :

data ik!an baris, data ilkan banner, ubah profil, ganti password,

3. Perorangan

Adalah perorangan atau member sebagai pihak pemasang iklan bai"is yang

telah mendaftar dan sudah aktif. Transaksi yang terjadi adalah manajemen

masukap.. data, didalamnya meliputi data: data iklan bari~, ubah profil,

ganti password.

4. Pengunj !.lng

l\dalah pengunJung iwn member :,>"ng mempunyai hak aks~s terbatas.

Transaksi yang terjadi pada pengunjung adalah masukan data dan

informasi data yang meliputi: pendaftaran, peraturan, iklan baris,

pencarian.

4.2.3 Data Flow Diagram (DFD) Levell

DFD Level 1 merupakan penurunan dari diagram konteks. Dari diagram

konteks diturunkan menjadi bentuk yang lebih detail, yaitu Di'D L~vel I dan

seterusnya. Untuk DFD level 1 program aplikasi iklan online berbasis web

ditunjukkan pada Gambar 4.2.

Page 28: PERANCANGAN APLIKASI IKLAN ONLINE

-. 18

...

T7 Tabel User

1> -­.......,'"

R,_ Rospon

PaS5lama Pass Baru ,3-,

T------, ( , KstaklllCllIseftnam.., U$el1namo,

Admin iT Po......-. p- .~ Perusahaan ~:\ L~~n )' H'" Penc:arlan

A T'~ "'PO" Passllllma Pass BarnR""","

1Jsenname.P."""""

Rospon DllllanBaI16 o ,ldan ~rY"ar

Pall&W'Ofd

" P2'\;Paw lama Ganti ' Pass BaN

':'~asSWOrd o Jenis Bar.llng -,o lklan Baris

Pa6SWOrd PltllS • lima y /."""" Pencarian01-..1<1" Banner Pass BaN

Pass lama oAnggola

:'ass lllIma PD:IO Baru Pa55BilN

T4

, Re&p(m o Ant;;Dta

W~~::-':n

Tabel Perorangan P3 Kfltalrurd T6 Dapal ,

\ :,'perorang:n I'Tabel Perusahaan Password ~ l~ baru /

operor.llng;il" .. 1>...\.,,~ UHmame ./

DelaAnggomo pertanyaan Usemame jawaban

Rospono PeNsahaan

o PaNoal1aan Hasll lklan Banner Per•....!Ir'lan'('. ~y---., '\

P4 ) Dlklan Baris :.\ Setup Data ::

'. /1Pertanyaan l) Angf,ota ',.---;, , , ":c::'o"JnJ Ir" KaI.. Io-'Il".-:I

I// -"- ' ....., I~ 'an Ball$

/ r 5 \DPangujuIIg\p,en::::l

Janis Bare-:;J o Pertanpilln

T 1 ,\

Tabel Banner o Pertanyillan , .1- _ T2

• ~:~:an BarisTabellklan

T5 Tabel Pertar'/aan T3

Jenll bilr.lIngTabel Jenis Barang

Gambar 4.2 DFD level 1 Iklan onlin~ b~rbasis web

Kcterangan hFD Levell

Pada DFD level 1 terdajJat beberapa komponen yang digunakan, dibawah

ini merupakan keterangan dan penjelasan dari komponen ter;,-ebut:

1. User

User terdiri dari

Page 29: PERANCANGAN APLIKASI IKLAN ONLINE

19

- ..

a. Admin

Adalah user yang memilki hak akses menambah, edit, hapus data

kedalam aplikasi iklan online berbasis web.

b. Peru~ahaan

Adalah perusahaan atau anggota sp.bagai pihak pemasang ikiar.. baris

dan pihak pemasang iklan banner. Statusp..ya harus terdaftar aktif.

c. Perorangan

Adalah perorangan atau anggota sebagai pihak pemasang iklan baris

yang telah mendaftar dan SUd3h aktif.

d. PC:1gi.l:1jm:g

Adalah pengunjung atau buk&n anggotq yr.l1g merrlptmy1'l.i ha~ aks~s

terbatas.

2. Prost:':s terdiri dad:

a. Login

Proses login merupakan proses validasi id member sebelim masuk

kedalam sistem.

b. .Ganti Password

Suatu proses untuk mengganti password lama ke password baru.

c. Lupa Password

Page 30: PERANCANGAN APLIKASI IKLAN ONLINE

.... 20

Suatu proses yang dilakukan ketika pengguna mau masuk kedalarn

sistem tetapi pengguna iupa paswordnya dengan cara menjawab

pertanyaan keamanan yang tersedia.

d. Setup

Suatll pro5cs untuk m';I12.rlllJah, n1truban dan menghapus data.

~. P~nJaflarall

Suatu proses untuk mendaftar. User sebagai perusahaan atua sebagai

perorangan.

f. PencariaIi

Suatn pro~es ll11tl'k me'l"kuka~ p~;;nl,;arian tcnw.n£ data ikbn dengan

cara memasukkaTl k.ata kupci.

3. Data-data yung terJiri dari :

a. bata Jenis Barang

b. Data Iklan Baris

c. Data Iklan Banner

d. Data Pencarian

e. Data Pertanyaan

f. Data User

Page 31: PERANCANGAN APLIKASI IKLAN ONLINE

- --

--.--­21

4.2.4 Data Flow Diagram (DFD) Level 2 Proses Setup

Data flow diagram level 2 proses setup terdiri dan tujuh proses yaitu :data

perusahaan, data perorangan, setup jenis barang, setup iklan baris, setup banner,

setup pertanyaan, dan terdiri dari tiga entitas yaitu : admin, perusahaan, dan

perorangan. Lebih detailnya dapat dilihat pada Gambar 4.3.

Te T4 Tabel Perusahaan Ta~l Perorangan.

o Pen.tAt.Gn 0 ..........'

.....-----.•.. . P4,2 \P 4.1 )

lihat&Hapus Llhat&Hapus'. Perusahaan '. / p",o=/)~ '-----..-/

" },

0.1:3 PDnnahelln '1111:3 Pel'Ol1ll1Qen

P 4.7 ,"r-----''''tetu~ .,[ Admin I

Per1anYlan ·.,.-L -----' , \

f D4.4 IklenBeris ,.( S.'U0:J.klan• ."'," B1tris -I Perorangan J

Jenia be..."'iJ \ Bans ~ L-. _---l ", '"

Iklan BertsTS T2 Tabel Pertan'faan Tabellklan

y Ikiltn Berts

/~-~~., lkl~" Benner

.lQonRe~ \so. P 4.6 ee.tup JOhie ... ~PBannor

... ··f· ... · ---_.'I .

Barahg

llo"'ll&no...

rlthnl nrlnrllltl"nl",fWlfllng -'4---­...."T' - 11

__--1. _ JentI, a.'.ng

T3 ~abel Jenls Sarang

~\ ..IAkllV••,lklan)... l"'n IlefYMIr

Banner I ./

Gambar 4.3 DFU level 2 proses setup

4.2.5 Perancangan Basis Data

a. Tabel Banner

Tabel banner digunakan ~ntuk menyimpan data iklan banner. Struktur

tabel banner dapat dilihat pada tabel 4.1.