Web Programing Final

7/23/2019 Web Programing Final

1/25

PERANCANGAN DAN PEMBUATAN WEBSITE COMPANY PROFILE

PERUSAHAAN JASA PEMBUATAN WEBSITE, PROGRAM

DESKTOP DAN MOBILE APPS

Di Ajukan Oleh :

Kelompok

1 AL!IN FAU"IE #1$1%$&'()

$ ROHMAT ARIF #1$1%*&$()

% SUMARIYANTO #1$1%'('+)

* SAEPUDIN #1$1%1*&)

+ ILFAN A FAJRI #11$1**+)

' EFAN A SAPUTRA #1$1%&+($)

AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER

BINA SARANA INFORMATIKA

TANGERANG $-1+

1


2/25

KATA PENGANTAR

Segala puji bagi Allah SWT Tuhan yang telah melimpahkan berbagai macam

kenikmatan kepada kita semua, shalawat dan salam mudah-mudahan tetap tercurahkan

kepada baginda asulullah SAW sang pembawa kebenaran sehingga kita bisa menikmati

manisnya iman dan islam dan mudah-mudahan kita termasuk ummat yang mendapatkan

sya!aatnya dihari kiamat nanti, amin"

Dalam pembuatan makalah ini, tidak sedikit hambatan yang kami hadapi" #amun

kami menyadari bahwa kelancaran dalam pembuatan makalah ini tidak lain berkat

bantuan, d$r$ngan teman-teman dan bimbingan d$sen %ata &uliah Web 'r$graming,

sehingga kendala-kendala yang kami hadapi dapat teratasi"

%akalah yang akan kami bahas disini (WebSite )uni$r Apps* "

Akhir kata kami berterimaksih kepada seluruh pihak yang terkait dalam

tersusunnya makalah ini hingga dapat terselesaikan dengan baik, khusunya kepada D$sen

yang telah memberikan tugas ini sehingga kami bisa banyak belajar dalam pr$ses

penyusunan makalah ini dan kami sadar makalah ini tidaklah sempurna maka dari itu

saran dan kritik dari para pembaca kami harapkan guna kesempurnaan makalah kami

yang akan dating"

Tagerang, + Desember +1.

'enyusun,


3/25

DAFTAR ISI

/A0A%A# )D0""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" i

&ATA '2#3A#TA"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ii

DA4TA 5S5 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""

iii

6A6 5 '2#DA/0A#

5"1 0atar 6elakang """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""

5" Tujuan dan %an!aat """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""

.

5"7 uang 0ingkup""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" .

6A6 55 0A#DASA# T2O5"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""

8

"1" &$nsep dasar web99999999999999999999999"""99" 8

"" 6ahasa 'r$gram 999999999999999999"""99999999

"7" 6asis data99999999999999999999999999999"";

"" Aplikasi perancangan web99999999999999999999999igasi999999999999999999999999991

7"." ancangan 6asis Data999999999999999999999999

7"8" Spesi!ikasi 4ile99999999999"""9999999999999""""9

6A6 ?5 '2#T'999999999999999999999999999

"1 &esimpulan9999999999999999999999999999

" Saran9999999999999999999999999999"""9"""

DA4TA 'STA&A999999999999999999999999"""9"" .

7

ii


4/25

BAB I

PENDAHULUAN

11 L./.0 Bel.k.2

Dunia tekn$l$gi in!$rmasi khususnya internet semakin berkembang, terutama

dalam penggunaan di bidang media k$munikasi dan in!$rmasi, baik yang si!atnya intern

dan umum"@ang dimaksud dengan in!$rmasi 5ntern adalah data yang di simpan dalam

ser>er yang dapat diakses hanya pihak pihak tertentu" %isalnya, data dari suatu

perusahaan yang ada di luar daerah, sedangkan yang dimaksud dengan data mum

adalah dapat diakses $leh semua pihak" Salah satu pr$duk dari tekn$l$gi in!$rmasi dan

k$munikasi adalah Website"Website yang digunakan $leh banyaknya kegiatan yang

berhubungan dengan k$munikasi dan in!$rmasi yang dapat menyajikan suatu in!$rmasi

yang cepat dan tepat"Saat ini sudah banyak tersedia !asilitas dan sarana in!$rmasi untuk

mempermudah mendapatkan suatu in!$rmasi yang dibutuhkan $leh penggunanya"Website

juga banyak diterapkan dalam bidang baik usaha, entertainment, pers$nal pr$!ile,

periklanan, dan masih banyak lagi yang lainnya"

4asilitas yang disediakan $leh Website adalah in!$rmasi in!$rmasi yang dapat

digunakan $leh lembaga pendidikan, pemerintahan, pertahanan, hiburan, s$cial, p$litik,

ilmiah dan ek$n$mi"'erkembangan multimedia yang begitu pesat dapat menarik

perhatian dan rasa ingin tahu sese$rang" Dengan meman!aatkan hal tersebut untuk

memenuhi kepentingan masing-masing dimana user atau pemakai dapat melihat

gambar, teks, animasi, maka aplikasi Website dapat menjadi sebuah jawaban karena

in!$rmasi yang menarik akan mudah mempengaruhi image atau gambaran pembeli,

relasi bisnis bahkan juga pengunjung"

Tangerang merupakan k$ta yang sedang berkembang pesat" 5tu bisa di lihat dari

pertumbuhan tata k$ta dan pembangunan yang terus di bangun"Di sinilah para pebisnis

atau wirausaha mengambil kesempatan untuk membangun suatu usaha salah satunya

adalah perusahaan pembuatan website sebagai media pr$m$si seperti ()uni$r Apps*"Di

Tangerang banyak terdapat perusahaan yang sedang berkembang dan membutuhkan media

pr$m$si itulah kesempatan yang tidak di lewatkan $leh )uni$r Apps"

iii


5/25

Dengan Website inilah )uni$r Apps berharap penyampaian in!$rmasi dan pr$m$si

yang diharapkan $leh perusahaan dapat terwujud"dengan website yang memberikan

kebutuhan in!$rmasi yang bersi!at interakti!, yang dapat menampilkan gambar dan

keterangan yang dibutuhkan $leh cal$n pelanggan atau c$stumer sehingga cust$mer lebih

tertarik pada perusahaan yang bekerja sama dengan )uni$r Apps" %aka judul dari %akalah

ini adalah *'erancangan dan 'embuatan Website =$mpany 'r$!ile )uni$r Apps*

1$ T343. 5. M.6../

Ada beberapa man!aat dan tujuan dalam 'embuatan Website =$mpany 'r$!ile )uni$r

Apps

1B 2!ekti!itas waktu dan tenaga"

'embuatan Website =$mpany 'r$!ile selain sebagai sarana pr$m$si $nline juga

memberikan layanan kearah yang lebih baik dan pr$!essi$nal"

B &eakuratan data adalah penting"

Sistem ini diharapkan dapat menekan tingkat kesalahan yang paling banyak

disebabkan $leh !akt$r /uman 2rr$r" &arena dengan sistem ini, semua akti!itas jalur

data dapat kita telusuri dan dapat dipertanggung jawabkan secara k$nsisten"7B &emudahan masyarakat dalam mendapatkan in!$rmasi secara akurat dan terpercaya"

Dengan menggunakan website sebagai sarana penyebaran in!$rmasi dan website

sebagai sarana s$sialisasi pr$gram-pr$gram dari sebuah 'erusahaan, diharapkan dapat

memudahkan masyarakat untuk mendapatkan in!$rmasi terkini yang diupdate secara

berkala $leh pihak 'erusahaanC 5nstansi" Dengan demikian akan terjadi interaksi secara

tidak langsung antara masyarakat dengan 'erusahaan"

B 2!isiensi kinerja pada 'erusahaan C 5nstansi"

Diharapkan dengan !asilitas yang sudah disediakan $leh sistem data entry dan na>igasi

pada website, maka akan dapat memudahkan sumber daya yang ada untuk melakukan

update data dan entry data secara $ptimal"

1% R3.2 L72k3p

%asalah yang dibahas pada %akalah ini adalah pembuatan sebuah situs web

digunakan untuk menyampaikan in!$rmasi yang berkaitan dengan in!$rmasi 'erusahaan

)uni$r Apps yang diimplementasikan di )urusan %anajemen 5n!$rmatika, dengan

menggunakan bahasa /T%0,=SS,)A?AS=5'T,'/' dan %yS0"

.


6/25

BAB II

LANDASAN TEORI

$1 Ko8ep D.8.0 We9

Sebuah situs web biasanya ditempatkan setidaknya pada sebuah ser>er web yang

dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah l$cal melalui

alamat internet yang dikenali sebagai url" 3abungan atas semua situs yang dapat diakses

publik di internet disebut juga sebagai w$rld wide web atau lebih dikenal dengan

singkatan www"

$11 Se4.0.: We9

Sejarah penemuan web pada tahun 1


7/25

$$ B.:.8. P0o20.m

ntuk mengembangkan pr$ses pembuatan website penulis menggunakan beberapa bahasa

pemr$graman diantaranya, adalah

1 HTML #H;pe0Te


8/25

bersi!at internal pada halaman, maka bila ada perubahan !$rmat harus melakukan

banyak pengeditan pada smua !ile"

* JA!ASCRIPT

'ada awalnya )a>aScript dikembangkan pada web br$wser #etscape $leh

6renden 2ich dengan nama %$cha, kemudian berubah menjadi 0i>e-Script dan yang

akhirnya menjadi )a>aScript*" %enurut Gaki E++;:8B ()a>aScript adalah skrip

pr$gram berbasis client yang dieksekusi $leh br$wser sehingga membuat halaman

website bisa melakukan tugastugas tambahan yang tidak bisa dilakukan $leh skrip

/T%0 biasa"* Sedangkan menurut Wahana &$mputer E+1:B ()a>aScript

merupakan 6ahasa scripting turunan dari pemr$graman )a>a" )a>aScript digunakan

untuk pemr$graman web client-side"* Dari pendapat diatas, dapat disimpulkan bahwa

)a>aScript adalah 6ahasa pemr$graman yang merupakan pengembangan dari bahasa

pemr$graman )a>a, yang digunakan untuk pemr$graman web client-side dan dapat

berjalan pada web br$wser"

+ S>L

6ahasa Huery yang utama dalam S0 Ser>er adalah S0" S0 merupakanbahasa k$mputer database yang didesain untuk pengembalian dan manajemen data

dalam system manajemen database relati$nal ED6%SB, pembuatan dan m$di!ikasi

skema database, dan manajemen k$ntr$l akses $bjek database"

S0 telah diakui sebagai bahasa standar pada ser>er basis data, seperti ser>er

Oracle, Sybase, 5nterbase, dll" Oleh karena itu S0 dapat menghubungkan beberapa

tabel dari plat!$rm yang berbeda"

$% B.878 D./.

%enurut Aditama E+1:B (Database adalah tempat media penyimpanan data kita

dalam membuat sebuah pr$gram yang berisikan tabel, !ield dan rec$rd yang diselimuti

namanya D6%S EDatabase %anagement SystemB*" Di dalam D6%S EDatabase

%anagement SystemB, terdapat struktur Huery yang digunakan untuk meng$lah database

yang dikenal dengan S0" Dalam pr$ses pembuatan database S0 diperlukan sebuah

perangkat lunak yang dikenal dengan nama %yS0" %yS0 merupakan salah satu

perangkat lunak untuk sistem manajemen database S0" %yS0 merupakan tipe data

;


9/25

relasi$nal yang artinya %yS0 menyimpan datanya dalam bentuk tabel-tabel yang saling

berhubungan" EWahana &$mputer, +11:1.B

$* Apl7k.87 Pe0.=.2. We9

Dalam perancangan website ini, ada beberapa aplikasi yang digunakan,

diantaranya:

1" IA%''

IA%'' adalah apache yang diakui kemampuannya dan keandalannya" IA%''

itu sendiri adalah paket perangkat lunak yang merupakan singkatan dari I Eyang

berarti memiliki si!at cr$ss-plat!$rmB, A Ewebser>er ApacheB, % Edatabase%yS0B,' Ebahasa pemr$graman '/'B, ' E6ahasa pemr$graman 'erlB"

" Sublime TeFt adalah teks edit$r berbasis 'yth$n, sebuah teks edit$r yang elegan,

kaya akan !itur, cr$ss-plat!$rm, mudah dan simpel yang cukup terkenal di kalangan

pengembang, penulis, dan desainer" 'ara pr$grammer biasanya menggunakan

sublime TeFt untuk menyunting s$urce c$de yang sedang ia kerjakan

$+ Teo07 Pe53k32

1 S/03k/30 N.?72.87

%enurut 'rihatna E++.:.1B (Struktur #a>igasi adalah susunan menu atau

hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau

na>igasi tiap halaman pada suatu situs web*" #a>igasi termasuk struktur terpenting

dalam pembuatan suatu aplikasi multimedia dan gambarnya harus sudah ada pada

tahap perancangan dan rantai kerja dari beberapa area yang berbeda dan dapat

membantu meng$rganisasikan seluruh elemen pembuatan web dengan

memberikan perintah atau pesan" Ada macam bentuk dasar dari na>igasi yang

bisa digunakan dalam pr$ses pembuatan web, yaitu:

1" 0inear ESatu AlurB

0inear Esatu alurB merupakan struktur yang hanya mempunyai satu

rangkaian cerita yang berurut" Dengan kata lain struktur ini hanya hanya dapat

menampilkan satu demi satu tampilan layar secara berurut menurut urutannya"

Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman

sebelum atau satu halaman sesudah dan tidak dapat menampilkan dua

halaman sebelumnya atau dua halaman sesudahnya" Salah satu yang

terpenting dari sturktur ini adalah tidak diperkenankan terjadinya percabangan


10/25

" /ierarchical E/irarkiBStruktur /ierarchical ini percabangan untuk menampilkan data

berdasarkan kriteria tertentu" Tampilan pada menu pertama akan disebut

sebagai master page Ehalaman utama kesatuB, halaman utama ini akan

mempunyai halaman percabangan yang dikatakan sla>e page Ehalaman

pendukungB" )ika salah satu halaman pendukung dipilih atau diakti!kan, maka

tampilan tersebut akan bernama master page Ehalaman utama keduaB dan

seterusnya" @ang terpenting dari struktur penjejakan ini tidak diperkenankan

adanya tampilan secara linear"

7" #$n 0inear ETidak 6erurutB

Struktur penjejakan n$n 0inear Etidak berurutB merupakan

pengembangan diri struktur penjejakan linear" 'ada struktur ini diperkenankan

membuat penjejakan bercabang" 'emakai bebas menelusuri website tanpa

dibatasi $leh suatu rute dimana k$ntr$l na>igasi dapat mengakses ke semua

halaman manapun" 'ercabangan yang dibuat pada struktur n$n linear ini

berbeda dengan percabangan pada /ierarchical, karena pada percabangan,

tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada %aster

page dan Sla>e page"

" =$mp$site E=ampuranB

1+


11/25

=$mp$site EcampuranB atau disebut juga struktur penjejakan bebas

merupakan gabungan dari ketiga struktur sebelumnya yaitu 0inear, #$n

0inear, dan /ierarchical" )ika suatu tampilan membutuhkan percabangan,

maka dapat dibuat percabangan, dan bila dalam percabangan tersebut terdapat

suatu tampilan yang sama kedudukannya maka dapat dibuat struktur 0inear

dalam percabangan tersebut" Setiap struktur peta penjejakan seperti yang baru

dibahas mempunyai !ungsi dan tujuan tersendiri, tidak ada yang lebih baik

atau lebih buruk" 'engguna peta penjejakan bergatung kepada kebutuhan dan

tujuan dari Web yang hendak dibuat" Semakin k$mpleks peta penjejakan yang

digunakan, maka semakin sulit pembuatan 'age dari peta penjejakan tersebut"

$ E/7/; Rel./7o8:7p D7.20.m #ERD)

%enurut @akub E++;:.B mengemukakan bahwa (2ntity elati$nship

Diagram merupakan suatu m$del jaringan yang menggunakan susunan data yangdisimpan pada sistem secara abstrak*" 2ntity elati$nship Diagram E2DB untuk

mend$kumentasikan data perusahaan dengan mengidenti!ikasi jenis entitas EentityB

dan hubungannya" 2D juga menggambarkan hubungan antara satu entitas yang

memiiki sejumlah atribut dengan entitas yang lain dalam suatu sistem yang

terintegrasi" 2D digunakan $leh perancang sistem untuk mem$delkan data yang

nantinya akan dikembangkan menjadi basis data EdatabaseB"

% Pe2347. We9

%enurut $sa A"S dan %"Shalahudin E+17b:.B (6lack 6$F testing

Epengujian k$tak hitamB yaitu menguji perangkat lunak dari segi spesi!ikasi

!ungsi$nal tanpa menguji desain dan k$de pr$gram"

'engujian dimaksudkan untuk mengetahui apakah !ungsi-!ingsi, masukan,

dan keluaran dari perangkat lunak sesuai dengan spesi!ikasi yang dibutuhkan*"

&asus uji yang dibuat untuk melakukan pengujian k$tak hitam harus dibuat dengan

11


12/25

kasus benar dan kasus salah, misalkan untuk kasus pr$ses l$gin maka kasus uji

yang dibuat adalah:

1" )ika user memasukan nama pemakai Euser nameB dan kata sandi Epassw$rdB

yang benar

" )ika user memasukan nama pemakai Euser nameB yang salah, misalnya nama

pemakai benar tapi kata sandi salah, atau sebaliknya, atau keduanya salah"

BAB III

ANALISA DAN PERANCANGAN

1


13/25

%1 A.l78. Ke93/3:. F3287o.l

Analisa kebutuhan !ungsi$nal yang di butuhkan 'ada $rganisasi atau subbag"

&eterampilan dan penguasaan bahasa asing setelah dilakukan analisa dan beberapa

pem$delan !l$wchart adalah sebagai berikut :

A A5m778/0./o0

0$gin

0$gin ini digunakan administrat$r untuk masuk ke dalam system admin"

'engel$laan berita atau artikel

Dalam hal ini administrat$r mempunyai hak penuh dalam mengel$la website ini yaitu

untuk menambahkan berita atau artikel mengenai !ashi$n tips ataupun menghapus dan

mengupdate website ini"

B U8e0

6erita atau artikel

4ungsi awal dari halaman utama E indeF B berisi berita mengenai !ashi$n tips terbaru, style

!ashi$n terbaru, iklan dan lain-lain"

=$mment

4ungsi ini untuk user mengisikan k$mentar dari website ini atau menanyakan apa yang

menurut user kurang jelas dalam tips !ashi$n tersebut"

%an!aat

Setiap website tentunya mempunyai !ungsi masing-masing untuk isinya" ntuk hal ini

website mengenai Tips 4ashi$n %c# memiliki !ungsi yaitu untuk para wanita yang b$san

dengan !ashi$n nya sendiri, mungkin bisa jadi inspirasi cara berpakaian yang lebih

menarik dan cantik karena ada berbagai kateg$ri !ashi$n nya" &ateg$ri tersebut antara lain

yaitu 4ashi$n =asual, 4ashi$n 'arty dan 4ashi$n /ijab"

%$ A.l788. Ke93/3:. No F3287o.l

Analisa kebutuhan n$n !ungsi$nal dilakukan untuk mengetahui spesi!ikasi kebutuhan

untuk sistem" Spesi!ikasi kebutuhan melibatkan analisa perangkat kerasChardware, analisa

perangkat lunakCs$!tware dan analisa penggunaCuser" 6erikut adalah penjabarannya :

%$1 A.l78. Ke93/3:. pe0.2k./ ke0.8

'erangkat keras yang dibutuhkan untuk perancangan sistem adalah satu unit

k$mputer meliputi m$nit$r, m$therb$ard, hardisk, kartu gra!is $nb$ard, =D-Dri>e,

4l$ppy, =' casing dan telep$n untuk k$nekti>itas internet"

%$$ A.l78. Ke93/3:. pe0.2k./ l3.k

'erangkat lunak yang digunakan dalam perancangan sistem ini adalah :

a" Wind$ws

17


14/25

b" IA%'' ?ersi 7""1

IA%'' adalah s$!tware instalasi yang memuat webser>er apache, bahasa php, dan

Database Ser>er %yS0

c" %acr$media dreamwea>er =S 8

Digunakan untuk mendesain template website"

d" Ad$be 'h$t$sh$p%erupakan perangkat lunak yang tersedia gratis sebagai p$ndasi Website berbasis Open

S$urce"

%$% A.l78. pe223.@38e0

6rainware EpenggunaCuserB yang digunakan dalam perancangan sistem ini adalah :

a" Webmaster =%S

Adalah se$rang yang mampu mendesain website menggunakan s$!tware-s$!tware =%S"

b" Analis Sistem

Adalah sese$rang yang mampu menganalisa kebutuhan sistem in!$rmasi dalampembuatan Website Tips 4ashi$n %c#"

c" 'engguna

Adalah sese$rang yang berperan sebagai pengguna website, sehingga mendapat in!$rmasi

mengenai tips !ashi$n"

%% Pe0.=.2. A/.0 M3k. P0o20.m Apl7k.87

%%1 Pee/3. I87@ Co/e/ We987/e

Website yang akan dibangun berisi in!$rmasi umum mengenai perusahaan)uni$r Apps dan beberapa !itur tambahan yang akan membuat tampilan website

semakin menarik" =$ntent halaman website yang akan dibangun:

aB 6eranda,berisi ucapan selamat datang kepada user dan in!$rmasi terbaru

perusahaan"

bB 0ayanan, bagian ini berisi beberapa pelayanan dari kami

cB '$rt!$li$, adalah bagian dari hasil yang sudah kami kerjakan

dB 'emesanan, adalah menunjukkan bagaimana cara pemesanan atau cara

untuk $rder

eB Artikel,berisi tempat artikel dan berita terbaru kami"

!B Tentang kami didalamnya pr$!ile umum perusahaan"

gB /ubungi kami,berisi tentang k$ntak dan cara menghubungi kami"

1


15/25

%%$ De872 5. P0o/o/;pe

3ambar 7""1 adalah sebuah rancangan tampilan halaman awal atau index.

Top 9.0

LOGO Be0.5. L.;.. Po0/o6ol7o Peme8.. .0/7kel Te/.2

k.m7

H39327

k.m7

Slider

Website aplicati$n Deskt$p aplicati$n %$bile aplicati$n'$rt$!$li$

1.


16/25

%engapa memilih kami )uni$r apps

4$$ter

Gambar 3.2.1 Tampilan halaman index

3ambar 7"" adalah sebuah rancangan tampilan halaman Ser>ice

LOGO Be0.5. L.;.. Po0/o6ol7o Peme8.. A0/7kel Te/.2

k.m7

H39327

k.m7

'lan 1 'lan 'lan 7 'lan

4eature

4$$ter

Gambar 3.2.2 Tampilan halaman Layanan

3ambar 7""7 adalah sebuah rancangan tampilan halaman '$rt!$li$

LOGO Be0.5. L.;.. Po0/o6ol7o Peme8..

A0/7kel Te/.2

k.m7

H39327

k.m7

3alery pr$ject

4$$ter

Gambar 3.2.3 Tampilan halaman Portfolio

18


17/25

3ambar 7"" adalah sebuah rancangan tampilan halaman 'emesanan


k.m7

H39327

k.m7

4eature

4$$ter

Gambar 3.2.4 Tampilan halaman Pemesanan

3ambar 7"". adalah sebuah rancangan tampilan halaman Artikel


k.m7

H39327

k.m7

Artikel sidebar

4$$ter

Gambar 3.2.5 Tampilan halaman Blog

3ambar 7""8 adalah sebuah rancangan tampilan halaman Tentang kami

1


18/25

LOGO Be0.5. L.;.. Po0/o6ol7o Peme8..

A0/7kel Te/.2

k.m7

H39327

k.m7

'r$!ile perusahaan

&emampuan

Tim kreati>e kami

4$$ter

Gambar 3.2.6 Tampilan halaman Tentang am

3ambar 7"" adalah sebuah rancangan tampilan halaman untuk menghubungi kami


k.m7

H39327

k.m7

4$rm k$ntak 5n!$rmasi

4$$ter

Gambar 3.2.! Tampilan halaman mengh"b"ngi ami # memberi feedba$

%%$ De8.7 T.mp7l. A5m7

1;


19/25

3ambar 7"7"1 adalah sebuah rancangan tampilan halaman utama

Gambar 3.3.1 Tampilan halaman "tama

3ambar 7"7" adalah sebuah rancangan tampilan halaman data user C user

Gambar 3.3.2 Tampilan halaman manage data "ser

1


20/25

3ambar 7"7"7 adalah sebuah rancangan tampilan halaman data user C user

Gambar 3.3.3 Tampilan halaman manage artiel

3ambar 7"7" adalah sebuah rancangan tampilan halaman galery

Gambar 3.3.4 Tampilan halaman manage gallery

+


21/25

%* S/03k/3 N.?72.87

7""1 Struktur #a>igasi ser C 'engunjung

7"" Struktur #a>igasi Admin

1


22/25

%+ R.=.2. B.878 D./.


23/25

%' Spe8767k.87 67le

7"8"1"Tabel admin

#$ 2lemen data Akr$nim Tipe 'anjang &eterangan

1 5dJuser iduser 5#T 11 'rimary key

email email ?archar 7+7 pass pass ?archar 7+

nama nama ?archar 7+

. le>el le>el 5#T 1

7"8" Tabel artikel


1 kdartikel kdartikel 5#T 11 'rimary key

kdkateg$ri kdkateg$ri >archar ..

judul judul teFt7 pengirim pengirim >archar 7.

isi isi teFt

. tgl tgl date

8 wkt wkt Time

'ublish publish >archar

7"8"7 Tabel galeri

#$ 2lemen data Akr$nim Tipe 'anjang keterangan

1 id 5d 5nt 11 'rimarykey layanan 0ayanan ?archar ..

7 nama #ama ?archar 7+

gambar 3ambar ?archar ..

. keterangan &eterangan TeFt

7"8" Tabel kateg$riJartikel


1 kdkateg$ri &dkateg$ri 5nt 11 'rimarykey

kateg$ri &ateg$ri ?archar ..

BAB !I

PENUTUP

*1 Ke87mp3l.

6erdasarkan pembahasan pada bab-bab sebelumnya, maka pada bab ini yang

merupakan bab terakhir dari makalah ini, penulis akan mec$ba menarik kesimpulan yakni

sebagai berikut :

7


24/25

1B 6asisdata sangat dibutuhkan dalam pembuatan sebuah situs web, karena distribusi data

dalam situs tersebut tidak akan berjalan dengan baik tanpa basis data"

B Dalam hal ini kecepatan dan e!ekti!itas waktu adalah !akt$r yang paling penting"

Dengan menggunakan website sebagai sarana pelayanan pr$m$si dan layanan secara

$nline akan sangat membantu dalam pr$ses tersebut"7B k$nsumen dan masyarakat umum pengguna internet dapat dengan mudah

mendapatkan in!$rmasi seputar layanan pemesanan yang ditawarkan"

*$ S.0.

Dengan terselesainya perancangan website )uni$r Apps pada penyedia jasa

pembuatan website,'r$gram deskt$p dan %$bile Apps ini dan dalam sub bab terakhir ini

penulis ingin memberikan saran dan harapan yang dapat memberikan masukan yakni :

1B 'embuatan website ini masih sangat terbilang sederhana, terutama dari segi

tampilan dan segi keamanan, ada baiknya untuk tahap pengembangan sistem baru

diharapkan dibuat semenarik mungkin dan dikembangkan lebih lanjut dengan

tambahan in!$rmasi yang lebih lengkap lagi yang pastinya bisa lebih berman!aat

bagi pengel$la dan pengguna website tersebut"

B 'erancangan website ini diharapkan bisa lebih interakti! agar in!$rmasi yang

diinginkan pengguna dapat lebih berman!aat lagi"

7B Diharapkan dunia bisnis harus lebih tanggap dengan perkembangan tekn$l$gi agar

tidak tertinggal dengan negara-negara yang lebih maju"B Diharapkan juga pembisinis dapat memasyarakatkan met$de transaksi secara

$nline"

DAFTAR PUSTAKA

/akim, 0ukmanul dan %usalini, us" =ara %udah %emadukan Web Design dan Web

'r$gramming" )akarta:2leF %edia &$mputind$" ++"

5mansyah, %uhammad" '/' dan %yS0 ntuk Orang Awam" 'alembang:%aFik$m"

++7

Arbie" %anajemen Database dengan %yS0" @$gyakarta:A#D5" ++7&adir, Abdul" Dasar 'emr$graman Web Dinamis %enggunakan '/'" @$gyakarta: A#D5"

++


25/25

Deliana /artini, 0isye %areta =ahya dan &ikis Sabrina &aisariKa" ++

Web Programing Final

Documents

Transcript of Web Programing Final