W E B P R O G A M M I N G

" W E B S I T E K ATA L O G S E PAT U

A G O Y J A K B A R "

DISUSUN OLEH :
1 . A D I T YA S AT R I A N U G R A H A - 1 9 2 2 0 0 5 5
2 . Y O G A S U RYA N U G R A H A - 1 9 2 2 0 7 1 0
3 . H E N D Y R A M A D H A N I D E N ATA - 1 9 2 2 0 3 5 7
4 . H A F I Z H H E R M AWA N - 1 9 2 2 1 4 3 3
5 . M U H A M M A D G H I FA R I J U N I C O – 1 9 2 2 0 3 8 5
 PERKEMBANGAN TEKNOLOGI
INFORMASI DAN INTERNET TELAH
BELAKANG MENGUBAH CARA ORANG
BERBELANJA secara signifikan.
Konsumen saat ini cenderung lebih
L ATA R
BAB 1

memilih untuk berbelanja secara

online karena lebih praktis, efisien,
dan dapat diakses kapan saja dan di
mana saja.Hal ini berlaku juga dalam
industri sepatu,di mana konsumen
semakin banyak yang memilih untuk
membeli sepatu secara online.
 BAB 2
LANDASAN
TEORI
 BAB 2
LANDASAN
TEORI
 BAB 2
LANDASAN
TEORI
 BAB 2
LANDASAN
TEORI
 LANDASAN TEORI
S T U D I P U S TA K A

1. VISUAL STUDIO CODE

VISUAL STUDIO CODE ADALAH KODE
E D I T O R S U M B E R YA N G
DIKEMBANGKAN OLEH Fire
Microsoft untuk Windows, Linux dan
macOS. Ini termasuk dukungan untuk
debugging,
kontrol git yang tertanam dan GitHub,
Homo
penyorotan sintaksis, penyelesaian
Erectus
kode cerdas,
snippet, dan refactoring kode. (Edy
Winarno dan Ali Zaki, 2014:102).
 LANDASAN TEORI
S T U D I P U S TA K A

2. HTML

H T M L A D A L A H S I N G K ATA N D A R I
HYPERTEXT MARKUP LANGUAGE,
H T M L M E R U PA K A N Fire
salah satu bahasa pengkodean atau
pemograman yang digunakan untuk
membuat
halaman website yang ditampilkan pada
Homo
web browser. Sebagian besar halaman
Erectus
yang
kamu temukan pada internet kebanyakan
menggunakan Bahasa HTML (Acep
Hendra
2022).
 LANDASAN TEORI
S T U D I P U S TA K A

3. CSS

C S S M E R U PA K A N S I N G K ATA N D A R I
CASCADING STYLE SHEETS, CSS
DIGUNAKAN UNTUK Fire
menentukan gaya dari tampilan website
yang akan kamu buat seperti tata letak
halaman,

Homo
warna , dan font. Semuanya dapat
Erectus
ditentukan oleh CSS, CSS bertujuan
agar website
terlihat lebih menarik (Acep Hendra
2022).
 LANDASAN TEORI
S T U D I P U S TA K A

4 . J AVA S C R I P T

J AVA S C R I P T A D A L A H B A H A S A
P E M O G R A M A N YA N G M E M U N G K I N K A N
WEB DEVELOPER Fire
untuk menerapkan fitur yang kompleks
pada halaman web. Contoh fiturnya
ialah animasi
2D/3D, Photo Sideshow, Autocomplete
Homo
text suggestion, dan masih banyak lagi.
Erectus
JavaScript merupakan layer ke tiga dari
S t a n d a r We b s i t e , d u a d i a n t a r a n y a i a l a h
HTML
dan CSS (Acep Hendra 2022).
 LANDASAN TEORI
S T U D I P U S TA K A

5. PHP

P H P M E R U PA K A N S I N G K ATA N D A R I
PHP : HYPERTEXT PREPROCESSOR
A D A L A H S A L A H S AT U Fire
Bahasa scripting open source yang
b a n y a k d i g u n a k a n o l e h We b D e v e l o p e r
untuk
p e n g e m b a n g a n We b . P H P b a n y a k
Homo
digunakan untuk membuat banyak
Erectus
project seperti
G r a f i k A n t a r m u k a ( G U I ) , We b s i t e
Dinamis, dan lain-lain (Acep Hendra
2022).
 LANDASAN TEORI
S T U D I P U S TA K A
6. XAMPP

X A M P P M E R U PA K A N S U AT U
S O F T WA R E YA N G B E R S I FAT O P E N
S O U R C E Y A N G M E R U P A K A Fire
N
pengembangan dari LAMP (Linux,
Apache, MySQL, PHP dan Perl)
(Purbadian 2016).
 BAB III
PERANCANGAN
 BAB III
PERANCANGAN
 BAB IV
I M P L E M E N TA S I
 BAB IV
I M P L E M E N TA S I
 BAB IV
I M P L E M E N TA S I
 BAB IV
I M P L E M E N TA S I
 BAB IV
I M P L E M E N TA S I
 BAB IV
I M P L E M E N TA S I
 BAB IV
I M P L E M E N TA S I
 BAB V
PENUTUP

KESIMPULAN & SARAN

KESIMPULAN :
Katalog produk online shop sangat penting di era globalisasi. Karena di era sekarang
transaksi banyak dilakukan melalui media online. Sehingga tampilan web yang
modern dan responsive sangat berpengaruh terhadap ketertarikan konsumen.

SARAN :
Perancangan dari website katalog ini masih terbilang sederhana, diharapkan website
katalog ini bisa lebih interaktif agar informasi tentang sepatu yang pengguna
inginkan dapat di explore lebih banyak lagi.
TERIMA KASIH