web programing final
TRANSCRIPT
-
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
-
7/23/2019 Web Programing Final
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,
-
7/23/2019 Web Programing Final
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
-
7/23/2019 Web Programing Final
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
-
7/23/2019 Web Programing Final
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"
.
-
7/23/2019 Web Programing Final
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/23/2019 Web Programing Final
7/25
$$ B.:.8. P0o20.m
ntuk mengembangkan pr$ses pembuatan website penulis menggunakan beberapa bahasa
pemr$graman diantaranya, adalah
1 HTML #H;pe0Te
-
7/23/2019 Web Programing Final
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
;
-
7/23/2019 Web Programing Final
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
-
7/23/2019 Web Programing Final
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+
-
7/23/2019 Web Programing Final
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
-
7/23/2019 Web Programing Final
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
-
7/23/2019 Web Programing Final
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
-
7/23/2019 Web Programing Final
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
-
7/23/2019 Web Programing Final
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.
-
7/23/2019 Web Programing Final
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
-
7/23/2019 Web Programing Final
17/25
3ambar 7"" adalah sebuah rancangan tampilan halaman 'emesanan
LOGO Be0.5. L.;.. Po0/o6ol7o Peme8.. A0/7kel Te/.2
k.m7
H39327
k.m7
4eature
4$$ter
Gambar 3.2.4 Tampilan halaman Pemesanan
3ambar 7"". adalah sebuah rancangan tampilan halaman Artikel
LOGO Be0.5. L.;.. Po0/o6ol7o Peme8.. A0/7kel Te/.2
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
-
7/23/2019 Web Programing Final
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
LOGO Be0.5. L.;.. Po0/o6ol7o Peme8.. A0/7kel Te/.2
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;
-
7/23/2019 Web Programing Final
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
-
7/23/2019 Web Programing Final
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
+
-
7/23/2019 Web Programing Final
21/25
%* S/03k/3 N.?72.87
7""1 Struktur #a>igasi ser C 'engunjung
7"" Struktur #a>igasi Admin
1
-
7/23/2019 Web Programing Final
22/25
%+ R.=.2. B.878 D./.
-
7/23/2019 Web Programing Final
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
#$ 2lemen data Akr$nim Tipe 'anjang &eterangan
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
#$ 2lemen data Akr$nim Tipe 'anjang &eterangan
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
-
7/23/2019 Web Programing Final
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"
++
-
7/23/2019 Web Programing Final
25/25
Deliana /artini, 0isye %areta =ahya dan &ikis Sabrina &aisariKa" ++