Laporan Web Sherly'Spetshop

56
20 BAB I PENDAHULUAN 1.1 Latar Belakang Dalam memasuki dunia globalisasi, manusia mengenal teknologi yang semakin maju untuk mempermudah melakukan berbagai kegiatan dalam kehidupan. Kemajuan di bidang transportasi, komunikasi, kesehatan, pendidikan, dan bidang lainnya merupakan contoh-contoh bahwa manusia semakin memerlukan teknologi dalam kehidupan ini. Saat ini dunia telah mengenal suatu teknologi yang disebut dengan internet. Dengan internet semua orang dapat berkomunikasi dengan orang lain yang berada di berbagai belahan dunia. Melalui internet, setiap orang dapat memperoleh dan menyampaikan berbagai informasi yang dibutuhkan kapan saja dan dimana saja. Kini dengan hadirnya internet, manusia dapat melakukan bisnis lebih mudah. Hadirnya website menimbulkan pemikiran baru bagi pelaku bisnis, yaitu untuk mengatasi rintangan waktu dan ruang yang selama ini menjadi masalah pada sistem penjualan secara konvensional. Demikian juga bisnis Pet Shop yang sekarang sedang berkembang di kalangan masyarakat. Bisnis ini sangat prospektif, terlebih dilihat dari banyaknya orang yang memiliki hewan TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

description

laporan tugas mid PW

Transcript of Laporan Web Sherly'Spetshop

Page 1: Laporan Web Sherly'Spetshop

20

BAB I

PENDAHULUAN

1.1 Latar Belakang

Dalam memasuki dunia globalisasi, manusia mengenal teknologi yang

semakin maju untuk mempermudah melakukan berbagai kegiatan dalam

kehidupan. Kemajuan di bidang transportasi, komunikasi, kesehatan, pendidikan,

dan bidang lainnya merupakan contoh-contoh bahwa manusia semakin

memerlukan teknologi dalam kehidupan ini. Saat ini dunia telah mengenal suatu

teknologi yang disebut dengan internet. Dengan internet semua orang dapat

berkomunikasi dengan orang lain yang berada di berbagai belahan dunia. Melalui

internet, setiap orang dapat memperoleh dan menyampaikan berbagai informasi

yang dibutuhkan kapan saja dan dimana saja. Kini dengan hadirnya internet,

manusia dapat melakukan bisnis lebih mudah.

Hadirnya website menimbulkan pemikiran baru bagi pelaku bisnis, yaitu

untuk mengatasi rintangan waktu dan ruang yang selama ini menjadi masalah

pada sistem penjualan secara konvensional. Demikian juga bisnis Pet Shop yang

sekarang sedang berkembang di kalangan masyarakat. Bisnis ini sangat

prospektif, terlebih dilihat dari banyaknya orang yang memiliki hewan

kesayangan serta berdasarkan pengamatan yang pernah dilakukan, setiap tahun

jumlah orang yang memiliki hewan peliharaan mengalami peningkatan.

Seiring berkembangnya dunia Pet Shop, permintaan konsumen akan

barang pun semakin meningkat, akan tetapi saat ini sistem yang sering digunakan

pada Pet Shop masih manual, seperti tidak adanya penyimpanan pengolahan data

yang terstruktur, promosi barang masih menggunakan banner. Tidak adanya

sarana penjualan jarak jauh yang bisa mempermudah perusahaan dalam

memperluas wilayah pemasaran. Kegiatan pemasaran merupakan kegiatan yang

sangat penting artinya bagi kelangsungan hidup suatu perusahaan. Dengan

kegiatan pemasaran yang baik dan berhasil maka suatu perusahaan diharapkan

dapat mencapai target penjualan yang diharapkan.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 2: Laporan Web Sherly'Spetshop

20

Dengan adanya aplikasi Pet Shop berbasis web akan sangat membantu

perusahaan dalam menjalankan kegiatan bisnis seperti penjualan, promosi barang

baru, pembayaran dan transaksi jarak jauh, sehingga perusahaan bisa memperluas

wilayah pemasarannya. Karena saat ini dengan menggunakan sistem yang manual,

konsumen harus datang sendiri ke lokasi dan pembayaran dilakukan secara tunai.

Hal ini tentu menyulitkan para calon konsumen dari dalam dan luar kota,

dikarenakan harus mengeluarkan biaya untuk mengunjungi Pet Shop tersebut.

Berdasarkan uraian di atas, maka penulis tertarik untuk membuat suatu

aplikasi Pet Shop berbasis web. Dalam hal ini judul website yang akan dibuat

adalah Sherly’s Pet Shop. Website ini membahas mengenai 4 jenis hewan

peliharaan, diantaranya adalah anjing, hamster, kucing dan kelinci. Website ini

juga menyediakan fitur-fitur seperti penjualan hewan peliharaan, makanan,

asesoris-asesoris serta memiliki fitur artikel dimana artikel tersebut menjelaskan

tips-tips untuk menjaga hewan peliharaan yang baik dan benar. Website Pet Shop

ini dibuat agar dapat bermanfaat bagi pengguna yang memiliki kecintaan pada

hewan, sehingga bisa menjadi sarana bagi mereka untuk mendapatkan informasi

seputar hewan kesayangan mereka dan mempermudah dalam hal pembelian

keperluannya seperti asesoris, makanan dan lain-lain.

1.2 Perumusan Masalah

Bagaimana merancang dan membangun sebuah website Pet Shop yang

dapat memudahkan para pencinta hewan untuk melihat atau membeli hewan

peliharaan beserta keperluannya secara on-line?

1.3 Tujuan Penelitian

1. Mempelajari cara membuat website yang menarik dan efektif untuk

mempromosikan suatu perusahaan, khususnya Pet Shop.

2. Untuk membangun sebuah website Pet Shop yang dapat

memudahkan para pencinta dan penyayang hewan untuk membeli

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 3: Laporan Web Sherly'Spetshop

20

secara on-line hewan peliharaan yang mereka sukai serta makanan dan

asesoris-asesoris yang berhubungan dengan hewan peliharaan tersebut

3. Untuk menghasilkan sebuah website Pet Shop yang sesuai dengan

kebutuhan dari pengguna.

1.4 Manfaat Penelitian

Adapun manfaat penelitian diantaranya sebagai berikut.

Bagi Pengguna :

1. Dapat memperoleh informasi seputar hewan peliharaan yang

mereka inginkan.

2. Mempermudah proses pembelian karena tidak perlu datang ke

tempat Pet Shop tersebut untuk membeli hewan peliharaan.

3. Dapat memperoleh informasi tentang tips-tips menjaga hewan

peliharaan.

4. Memungkinkan pihak customer untuk berbelanja dan

melakukan transaksi lain selama 24 jam.

5. Membantu pihak Pet Shop dalam memasarkan barang-barang

dagangannya serta produk yang ditawarkan.

6. Sebagai media promosi Pet Shop ke jaringan yang lebih luas

Bagi Pengembangan :

1. Mendapatkan pengalaman membuat sebuah website Pet Shop.

2. Mendapatkan ilmu yang baru dari penggunaan-pengunaan

software yang digunakaan pada saat pembuatan website.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 4: Laporan Web Sherly'Spetshop

20

1.5 Ruang Lingkup dan Batasan Masalah

1.5.1 Ruang Lingkup

1) Mengumpulkan data yang berhubungan dengan Pet Shop dari

berbagai sumber.

2) Fitur yang akan dikembangkan antara lain :

- Fitur Home

Dalam fitur ini berisi halaman utama saat pertama kali

memasuki aplikasi.

- Fitur Petmart

Dalam fitur Petmart ini berisi barang-barang yang akan

dijual. Dalam hal ini terdapat 4 kategori hewan peliharaan

yang ditawarkan yaitu anjing, hamster, kucing dan kelinci.

Setiap kategori memiliki sub kategori yang terdiri dari pet

food dan pet accessories & toy.

- Fitur About me

Dalam fitur About me ini berisi penjelasan mengenai profil

singkat pembuat website ini.

- Fitur Pet Guide

Dalam fitur ini berisi informasi atau artikel mengenai cara

memelihara hewan peliharaan beserta tips dan trick.

- Fitur Contact Us

Dalam fitur ini berisi, contact person dari pembuat website

ini.

1.5.2 Batasan Masalah

Dalam pembuatan website ini ada beberapa hal yang tidak

dilakukan antara lain :

1. Karena website bersifat statis, maka belum ada databasenya.

2. Daftar hewan peliharaan hanya terbatas pada 4 yaitu anjing,

kucing, kelinci, dan hamster. Jenis-jenis dari keempat hewan

peliharaan tersebut juga terbatas dan tidak lengkap.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 5: Laporan Web Sherly'Spetshop

20

3. Fitur search belum bisa digunakan dalam website ini karena

hanya bersifat web statis.

4. Informasi atau artikel tentang hewan peliharaan masih terbatas.

1.6 Metodologi Penelitian

Metodologi yang digunakan penulis dalam pengerjaan tugas mid memiliki

beberapa tahapan yaitu :

1. Studi Literatur

Mempelajari literatur yang berhubungan dengan pembuatan website

Pet Shop ini. Seperti Adobe Dreamweaver dan software lainnya.

2. Pengumpulan Data

Melakukan pengumpulan data yang diperlukan untuk menunjang

pembuatan website Pet Shop ini.

3. Analisis

Menganalisis proses yang akan terjadi dalam sistem pembuatan

website ini.

4. Perancangan

Melakukan perancangan terhadap website seperti interface yang

digunakan.

5. Implementasi

Tahap ini merupakan implementasi dari tahap analisis dan

perancangan yang telah dilakukan. Dalam tahap ini dilakukan

pengkodean berdasarkan algoritma proses dan dilengkapi dengan

interface yang lebih lengkap.

1.7 Sistematika Penulisan

Pembahasan laporan ini diuraikan dalam enam bab, di mana setiap bab

berisi pembahasan terstruktur sehingga isi dari laporan ini dapat dengan mudah

dipahami dan dimengerti. Adapun sistematika penulisan laporan ini adalah

sebagai berikut :

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 6: Laporan Web Sherly'Spetshop

20

a. Bab I Pendahuluan

Menjelaskan secara singkat tentang latar belakang, perumusan

masalah, tujuan penelitian, manfaat penelitian, ruang lingkup, batasan

masalah dan asumsi, metodologi penelitian dan sistematika penulisan.

b. Bab II Landasan Teori

Menjelaskan rincian dari teori yang digunakan dalam pembuatan

website Pet Shop ini.

c. BAB III Analisis

Bab ini menjelaskan hasil analisis terhadap website yang akan

dibangun melalui deskripsi sistem itu sendiri, spesifikasi kebutuhan,

dan analisis pengguna.

d. BAB IV Perancangan

Berisi perancangan aplikasi yang akan dibangun, berupa rancangan

data, dan interface.

e. BAB V Implementasi

Bab ini berisi implementasi dari perencanaan yang dilakukan pada bab

sebelumnya.

f. BAB VI Kesimpulan dan Saran

Bab ini memuat kesimpulan yang diperoleh penulis dan saran untuk

pengembangan selanjutnya sebagai hasil dari penelitian yang telah

dilakukan.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 7: Laporan Web Sherly'Spetshop

20

BAB II

LANDASAN TEORI

2.1 Pengertian Website

Website atau situs web adalah sejumlah halaman web yang memiliki topik

saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau

jenis-jenis berkas lainnya. Sebuah situs web biasanya ditempatkan setidaknya

pada sebuah server web yang dapat diakses melalui jaringan seperti internet,

ataupun jaringan wilayah lokal (LAN) melalui alamat internet yang dikenali

sebagai URL. Gabungan atas semua situs yang dapat diakses publik di internet

disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan

WWW.

Meskipun setidaknya halaman beranda situs internet umumnya dapat

diakses publik secara bebas, pada prakteknya tidak semua situs memberikan

kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan

pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta

pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat

dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi,

situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini

umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena

tujuan komersil tertentu.

Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks

biasa (plain text) yang diatur dan dikombinasikan sedemikian rupa dengan

instruksi-instruksi berbasis HTML, atau XHTML, kadang-kadang pula disisipi

dengan sekelumit bahasa skrip. Berkas tersebut kemudian diterjemahkan oleh

peramban web dan ditampilkan seperti layaknya sebuah halaman pada monitor

komputer. Halaman-halaman web tersebut diakses oleh pengguna melalui

protokol komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan

untuk meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web

dapat pula mengimplementasikan mekanisme pengaksesan melalui protokol

HTTPS.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 8: Laporan Web Sherly'Spetshop

20

2.2 Sejarah Website

Penemu situs web adalah Sir Timothy John “Tim” Berners-Lee, sedangkan

situs web yang tersambung dengan jaringan pertamakali muncul pada tahun 1991.

Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar

menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja.

Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan

bahwa WWW dapat digunakan secara gratis oleh publik.

Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu,

atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya

pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik

khusus, atau kepentingan tertentu. Sebuah situs web bisa berisi pranala yang

menghubungkan ke situs web lain, demikian pula dengan situs web lainnya. Hal

ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu

ataupun perseorangan dengan situs web yang dibuat oleh organisasi bisnis

menjadi tidak begitu jelas.

Situs web biasanya ditempatkan pada server web. Sebuah server web

umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk

menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP

yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server) seperti Apache

HTTP Server, atau Internet Information Services (IIS).

2.3 Sifat-sifat Website

2.3.1 Website Statis

Situs web statis merupakan situs web yang memiliki isi tidak

dimaksudkan untuk diperbarui secara berkala sehingga pengaturan ataupun

pemutakhiran isi atas situs web tersebut dilakukan secara manual. Ada tiga

jenis perangkat utilitas yang biasa digunakan dalam pengaturan situs web

statis:

- Editor teks merupakan perangkat utilitas yang digunakan untuk

menyunting berkas halaman web, misalnya: Notepad atau TextEdit.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 9: Laporan Web Sherly'Spetshop

20

- Editor WYSIWYG, merupakan perangkat lunak utilitas penyunting

halaman web yang dilengkapi dengan antar muka grafis dalam

perancangan serta pendisainannya, berkas halaman web umumnya

tidak disunting secara lengsung oleh pengguna melainkan utilitas ini

akan membuatnya secara otomatis berbasis dari laman kerja yang

dibuat oleh pengguna. perangkat lunak ini misalnya: Microsoft

Frontpage, Macromedia Dreamweaver.

- Editor berbasis template, beberapa utilitas tertentu seperti

Rapidweaver dan iWeb, pengguna dapat dengan mudah membuat

sebuah situs web tanpa harus mengetahui bahasa HTML, melainkan

menyunting halaman web seperti halnya halaman biasa, pengguna

dapat memilih templat yang akan digunakan oleh utilitas ini untuk

menyunting berkas yang dibuat pengguna dan menjadikannya halam

web secara otomatis.

2.3.2 Website Dinamis

Situs web dinamis merupakan situs web yang secara spesifik

didisain agar isi yang terdapat dalam situs tersebut dapat diperbarui secara

berkala dengan mudah. Sesuai dengan namanya, isi yang terkadung dalam

situs web ini umumnya akan berubah setelah melewati satu periode

tertentu. Situs berita adalah salah satu contoh jenis situs yang umumnya

mengimplementasikan situs web dinamis.

Tidak seperti halnya situs web statis, pengimplementasian situs

web dinamis umumnya membutuhkan keberadaan infrastruktur yang lebih

kompleks dibandingkan situs web statis. Hal ini disebabkan karena pada

situs web dinamis halaman web umumnya baru akan dibuat saat ada

pengguna yang mengaksesnya, berbeda dengan situs web statis yang

umumnya telah membentuk sejumlah halaman web saat diunggah di server

web sehingga saat pengguna mengaksesnya server web hanya tinggal

memberikan halaman tersebut tanpa perlu membuatnya terlebih dulu.

Untuk memungkinkan server web menciptakan halaman web pada

saat pengguna mengaksesnya, umumnya pada server web dilengkapi

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 10: Laporan Web Sherly'Spetshop

20

dengan mesin penerjemah bahasa skrip (PHP, ASP, ColdFusion, atau

lainnya), serta perangkat lunak sistem manajemen basisdata relasional

seperti MySQL.

Struktur berkas sebuah situs web dinamis umumnya berbeda

dengan situs web statis, berkas-berkas pada situs web statis umumnya

merupakan sekumpulan berkas yang membentuk sebuah situs web.

Berbeda halnya dengan situs web dinamis, berkas-berkas pada situs web

dinamis umumnya merupakan sekumpulan berkas yang membentuk

perangkat lunak aplikasi web yang akan dijalankan oleh mesin penerjemah

server web, berfungsi memanajemen pembuatan halaman web saat

halaman tersebut diminta oleh pengguna.

2.4 Fungsi Website

Dibawah ini beberapa fungsi dari website:

Website sebagai tempat untuk mendapatkan informasi dan

berinteraksi. 

Website bisa digunakan sebagai dijadikan sebagai sarana interaksi

antar sesama netter (pengguna internet). Melalui website, Anda bisa

memperoleh informasi yang akurat dan tepat karena di dalam

website biasanya terdapat informasi yang sedang Anda cari dan

berbagai hak yang mungkin belum Anda ketahui sehingga Anda

juga mandapatkan informasi yang lebih banyak dengan adanya

website itu. Selain itu, orang yang ingin menanyakan sesuatu

kepada pengelola website menjadi lebih mudah karena biasanya

pada situs terdapat kontak yang bisa dihubungi atau no.HP atau

no.telepon atau fasilitas kontak langsung kepada pengelola website

dengan memanfaatkan YM (e-mail dari yahoo). Jika ada beberapa

hal yang Anda tanyakan, Anda bisa langsung memanfaatkan

berbagai fasilitas untuk bisa mendapatkan sebuah jawaban atau

data dari pengelola website tersebut. 

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 11: Laporan Web Sherly'Spetshop

20

Mempermudah komunikasi. 

Mempermudah komunikasi  berarti orang yang mempunyai website

tersebut memanfaatkan website untuk berkomunikasi dengan para

para pelanggan dan orang yang ingin mendapatkan informasi dari

pemilik website . Perusahaan ataupun per orangan bisa menjalin

komunikasi melalui email ataupun informasi kontak yang ada pada

website. Komunikasi melalui website akan jauh lebih mudah

dibandingkan dengan tidak adanya suatu website. Walaupun

adanya perbedaan lokasi sangat jauh dan sudah tentu lebih efisien

dalam hal biaya dan waktu. 

Menghasilkan uang melalui website. 

Anda bisa mendapatkan uang dari website yang telah Anda buat.

Dengan semakin banyaknya pengguna internet saat ini maka

penyaluran suatu barang dapat dilakukan melalui internet.

Pengunjung bisa langsung membeli produk yang dijual melalui

internet dengan persetujuan Anda. Selain itu, jika setiap hari

website memiliki pengunjung yang cukup banyak, biasanya ada

orang yang menjalankan bisnis online yang lain ingin supaya

usahanya atau bisnisnya juga diketahui dan dikenal banyak orang

dengan beriklan di website Anda. Iklan yang ingin dipasang pada

website Anda harus dengan persetujuan Anda. Orang yang ingin

supaya usahanya atau bisnisnya ditampilkan pada website yang

Anda miliki, maka orang itu bisa memberikan biaya untuk beriklan

di website Anda sesuai keinginan Anda atau sesuai kesepakatan

Anda dengan orang yang ingin beriklan pada website Anda. Anda

bisa mengenakan biaya sekitar Rp 5000,- sampai Rp 40.000,- atau

bahkan hingga Rp 100.000,- jika Anda menginginkannya. 

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 12: Laporan Web Sherly'Spetshop

20

Sarana untuk mempermudah dalam menyampaikan

informasi. 

Dengan adanya website , pesan dan informasi bisnis dapat

disampaikan lebih mudah, cepat dan up to date. Cukup dengan

menulis dan memosting hal-hal yang Anda inginkan pada website

Anda. Jika orang ingin mengetahui informasi atau pesan dari Anda,

maka orang itu cukup membuka alamat website Anda dan

mencarinya pada website Anda. 

Peluang untuk mendapatkan pelanggan lebih besar. 

Jangkauan internet tidak mengenal batas wilayah, ruang, dan

waktu. Website yang dibuat di kota Malang, bisa dilihat di Jakarta,

Surabaya, Tuban, Solo, Banjarmasin dan dapat diakses di seluruh

dunia (jika ada peralatan yang mendukung dan jaringan internet).

Dengan adanya jangkauan seperti itu, maka potensi Anda untuk

mendapatkan pelanggan lebih besar, karena informasi bisnis atau

produk dari Anda bisa dilihat oleh orang di kota lain (dengan syarat

ada peralatan yang mendukung dan jaringan internet).

Mempunyai image lebih profesional. 

Dengan adanya website , Anda bisa dianggap atau memiliki image

lebih baik, profesional dan bermutu dibandingkan dengan

perusahaan yang tidak memiliki website. 

Menghemat biaya dalam komunikasi. 

Informasi mengenai produk baru dan pesan yang ingin Anda

sampaikan kepada orang lain dapat secara mudah Anda kirim

kepada pelanggan atau orang yang menginginkan melalui email

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 13: Laporan Web Sherly'Spetshop

20

dan website. Seandainya terdapat pesan berupa tulisan yang sangat

banyak, apakah mungkin pesan berupa tulisan itu Anda sampaikan

melalui via SMS. Memang itu mungkin, tapi memerlukan biaya

lebih untuk bisa mengirimkannya. Jika dilihat, sudah ada website

dan e-mail, tapi Anda tetap memakai SMS untuk mengirimkan

pesan yang berupa tulisan, apakah tidak lucu jika pelanggan

menerima SMS itu? Apakah Anda tidak khawatir jika pelanggan

Anda tertawa karena Anda dianggap ketinggalan zaman dan tidak

bisa menyesuaikan diri dengan perkembangan teknologi (kecuali

sudah ada kesepakatan tertentu).

Sebagai tempat promosi. 

Selain untuk mempermudah komunikasi maka website dapat

digunakan sebagai sarana untuk promosi dari suatu perusahaan atau

per orangan yang menjalankan bisnis online. Selain katalog, brosur

maupun iklan dan media cetak lainnya di toko Anda atau di tempat

Anda bekerja, dengan mempunyai website di internet dapat

memperluas jaringan promosi sebuah perusahaan atau bisnis yang

sedang Anda jalankan saat ini. Orang yang ingin mengetahui segala

informasi tentang bisnis yang Anda jalankan (tentang suatu

perusahaan) bisa melihat informasi dari website tersebut. 

Tapi Anda harus memperhatikan beberapa hal dalam pembuatan

website dengan tujuan promosi, yaitu bahwa website merupakan

sarana pendukung promosi. Hal itu sangat berbeda dengan media

promosi utama lainnya seperti banner, poster, stiker, kartu nama

dan iklan di media cetak lainnya. Sebaiknya isi dalam situs itu tidak

hanya memindahkan isi media promosi lain (seperti banner, poster,

stiker, kartu nama) ke website yang telah Anda buat, tapi sebaiknya

harus lebih rinci, jelas dan akurat. Seseorang yang yang membuka

website biasanya memerlukan informasi yang lebih banyak dan

detail dibandingkan dengan media promosi lainnya.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 14: Laporan Web Sherly'Spetshop

20

2.4.1 Fungsi Penting Website bagi Bisnis Online

Seberapapun pesatnya perkembangan media sosial, fungsi website

sebagai sumber informasi produk tetap tidak dapat tergantikan. Media

sosial seperti Facebook dan Twitter memang efektif untuk pemasaran,

namun website adalah tempat di mana seller bisa menceritakan bisnisnya

secara lengkap dan terperinci. Fungsi website ini tidak bisa digantikan oleh

media sosial manapun.

Seperti ditulis dalam situs Infinity Technologies, sedikitnya ada

lima fungsi utama website bagi sebuah bisnis online.

Sarana menciptakan kesan yang baik di mata buyer

Desain dan konten yang disajikan dalam website

mempengaruhi bagaimana buyer memandang seller. Apa yang

dilihat buyer melalui website membangun kesan atau citra

tersendiri terhadap seller. Melalui website, seller bisa membuat

buyer percaya bahwa ia adalah seller yang kompeten di bidangnya.

Desain yang menarik dan konten yang bermanfaat dapat dimuat

dalam website sehingga seller bisa menciptakan kesan seller yang

profesional di mata buyer.

Sumber segala jenis informasi

Spesifikasi, harga, fungsi, cara penggunaan produk dan lain

sebagainya adalah informasi yang dibutuhkan calon buyer sebelum

melakukan pembelian. Tanpa informasi yang lengkap, buyer akan

ragu membeli sebuah produk. Segala jenis informasi yang

dibutuhkan buyer ini bisa ditulis dalam website milik seller.

Website memungkinkan seller untuk menuliskan sebanyak-

banyaknya informasi tentang produk dan bisnisnya sehingga buyer

lebih tertarik untuk membeli.

Katalog testimonial positif dari buyer

Maksudnya, website bisa menjadi semacam katalog yang

berisi kumpulan testimonial-testimonial positif dari para buyer

yang pernah bertransaksi dengan seller. Kepuasan layanan dan

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 15: Laporan Web Sherly'Spetshop

20

produk yang diberikan seller bisa dituliskan dalam website.

Testimonial ini akan dibaca para calon buyer sehingga ia lebih

terdorong untuk bertransaksi dengan seller.

Referensi bagi calon buyer yang bukan pengguna media sosial

Tidak semua buyer online memiliki akun di media sosial.

Menghadapi buyer semacam ini, akun media sosial yang digunakan

seller untuk berjualan tidak akan bermanfaat. Seller dapat

memberikan alamat website miliknya sehingga buyer tetap dapat

mendapatkan informasi produk secara online walaupun ia bukan

pengguna media sosial.

Media untuk menyajikan konten-konten bermanfaat

Berbisnis online tidak semata-mata terkait dengan promosi

dan pemasaran produk. Ada kalanya di mana buyer ingin membaca

posting yang bermanfaat dari seller, tanpa ada niat beriklan dari

seller. Website adalah tempat di mana seller bisa menuliskan

konten-konten yang berguna dan edukatif bagi para buyer-nya,

meskipun konten tersebut tidak mengandung unsur pemasaran atau

iklan produk. Konten semacam ini berguna untuk membangun

reputasi seller yang profesional di bidangnya.

2.5 Teknologi dalam pembuatan Web

2.5.1 HTML (Hypertext Markup Language)

HTML adalah bahasa dasar untuk web scripting bersifat client side

yang memungkinkan menampilkan informasi dalam bentuk text, grafik,

serta multimedia dan juga untuk menghubungkan antar tampilan web page

(Hyperlink).

Tidak diperlukan suatu program editor khusus untuk menggunakan

kode perintah-perintah HTML. Dapat menggunakan Notepad, Edit plus

ataupun editor lainnya yang berbasis GUI (Graphical User Interface)

seperti Microsoft frontpage, Macromedia dreamweaver, Adobe golive dan

sebagainya.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 16: Laporan Web Sherly'Spetshop

20

2.5.2 PHP

PHP adalah singkatan dari Hypertext Preprocessor yang

merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian

besar sintaks mirip bahasa C, Java, dan Perl, ditambah beberapa fungsi

PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah untuk

memungkinan perancang web menulis halaman web yang dinamik dengan

cepat.

Halaman web biasanya disusun dari kode-kode html yang disimpan

dalam sebuah file berekstensi ( .html) . File html ini dikirimkan oleh server

(atau file) ke browser, kemudian browser menerjemahkan kode-kode

tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya

dengan program PHP, program ini harus diterjemahkan oleh web-server

sehingga menghasilkan kode html yang dikirim ke browser agar dapat

ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan di antara

kode-kode html sehingga dapat langsung ditampilkan bersama dengan

kode html. Program PHP dapat ditambahkan dengan mengapit program

tersebut di antara tanda.

Kelebihan PHP:

Ketika e-commerce semakin berkembang, situs-situs yang statispun

semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan

pasar, padahal situs tersebut harus tetap dinamis. Pada saat ini bahasa

PERL dan CGI sudah jauh

ketinggalan jaman sehingga sebagian besar designer web banyak beralih

ke bahasa server-side scripting yang lebih dinamis seperti PHP. Seluruh

aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang

paling utama PHP adalah pada konektivitasnya dengan system database di

dalam web. Sistem database yang dapat didukung oleh PHP adalah :

1. Oracle

2. MySQL

3. Sybase

4. PostgreSQL, dan lainnya

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 17: Laporan Web Sherly'Spetshop

20

PHP dapat berjalan di berbagai system operasi seperti windows

98/NT, UNIX/LINUX, Solaris maupun Macintosh.

2.6 Pengertian Pet Shop

Pet Shop atau toko hewan adalah tempat untuk penjualan, penitipan,

perawatan, dan pembelian barang-barang kebutuhan hewan kesayangan. Usaha

Pet Shop tersebut merupakan pusat pelayanan untuk binatang-binatang piaraan,

seperti anjing, kucing, burung, ular, kadal, kelinci, dan binatang-binatang lain

yang dijadikan sebagai teman oleh sang majikan. Untuk membuka usaha Pet Shop

memang bukan pekerjaan yang mudah. Selain modal yang besar, wawasan dan

keterampilan perawatan binatang mutlak diperlukan, plus juga memiliki naluri

kasih sayang terhadap binatang.

2.7 Pengertian Website Pet Shop

Website Pet Shop adalah suatu media dimana dengan adanya website ini,

maka para pecinta hewan dapat melihat atau membeli hewan yang dijual beserta

perlengkapan untuk pemeliharaannya tanpa harus datang ke Pet Shop tersebut.

Website ini juga memuat bagaimana cara-cara merawat jenis hewan tertentu

dengan benar.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 18: Laporan Web Sherly'Spetshop

20

BAB III

ANALISIS

Tujuan:

- Untuk mengidentifikasi layanan, batasan, dan obyektifitas dari sistem dari

pengumpulan data yang dilakukan terhadap stakeholders.

- Untuk mendefinisikan persyaratan user dan sistem.

Output:

Spesifikasi awal dari persyaratan user dan sistem

3.1 Pengumpulan dan Pemrosesan Data

Tahap ini bertujuan untuk mengumpulkan dan mencari tahu semua data

yang diperlukan dalam pembuatan website ini.

3.1.1 Memberikan Penjelasan Tentang Sampel

Seiring berkembangnya dunia Pet Shop, permintaan konsumen

akan barang pun semakin meningkat, akan tetapi saat ini sistem yang

sering digunakan pada Pet Shop masih manual.

Dengan adanya aplikasi Pet Shop berbasis web akan sangat

membantu perusahaan dalam menjalankan kegiatan bisnis seperti

penjualan, promosi barang baru, pembayaran dan transaksi jarak jauh,

sehingga perusahaan bisa memperluas wilayah pemasarannya. Karena saat

ini dengan menggunakan sistem yang manual, konsumen harus datang

sendiri ke lokasi dan pembayaran dilakukan secara tunai. Hal ini tentu

menyulitkan para calon konsumen dari dalam dan luar kota, dikarenakan

harus mengeluarkan biaya untuk mengunjungi Pet Shop tersebut.

Berdasarkan uraian di atas, maka penulis tertarik untuk membuat

suatu aplikasi Pet Shop berbasis web. Dalam hal ini judul website yang

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 19: Laporan Web Sherly'Spetshop

20

akan dibuat adalah Sherly’s Pet Shop. Website ini membahas mengenai 4

jenis hewan peliharaan, diantaranya adalah anjing, hamster, kucing dan

kelinci. Website ini juga menyediakan fitur-fitur seperti penjualan hewan

peliharaan, makanan, asesoris-asesoris serta memiliki fitur artikel dimana

artikel tersebut menjelaskan tips-tips untuk menjaga hewan peliharaan

yang baik dan benar. Website Pet Shop ini dibuat agar dapat bermanfaat

bagi pengguna yang memiliki kecintaan pada hewan, sehingga bisa

menjadi sarana bagi mereka untuk mendapatkan informasi seputar hewan

kesayangan mereka dan mempermudah dalam hal pembelian keperluannya

seperti asesoris dan makanan.

3.2 Komunikasi dan Perencanaan Proyek

Project Plan

Nama projek : Website Sherly’s Pet Shop

Project Manager : Sherly N. Thahir

Kepemilikan : Pribadi

Latar belakang :

Dalam memasuki dunia globalisasi, manusia mengenal teknologi yang

semakin maju untuk mempermudah melakukan berbagai kegiatan dalam

kehidupan. Kemajuan di bidang transportasi, komunikasi, kesehatan, pendidikan,

dan bidang lainnya merupakan contoh-contoh bahwa manusia semakin

memerlukan teknologi dalam kehidupan ini. Saat ini dunia telah mengenal suatu

teknologi yang disebut dengan internet. Dengan internet semua orang dapat

berkomunikasi dengan orang lain yang berada di berbagai belahan dunia. Melalui

internet, setiap orang dapat memperoleh dan menyampaikan berbagai informasi

yang dibutuhkan kapan saja dan dimana saja. Kini dengan hadirnya internet,

manusia dapat melakukan bisnis lebih mudah.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 20: Laporan Web Sherly'Spetshop

20

Hadirnya website menimbulkan pemikiran baru bagi pelaku bisnis, yaitu

untuk mengatasi rintangan waktu dan ruang yang selama ini menjadi masalah

pada sistem penjualan secara konvensional. Demikian juga bisnis Pet Shop yang

sekarang sedang berkembang di kalangan masyarakat. Bisnis ini sangat

prospektif, terlebih dilihat dari banyaknya orang yang memiliki hewan

kesayangan serta berdasarkan pengamatan yang pernah dilakukan, setiap tahun

jumlah orang yang memiliki hewan peliharaan mengalami peningkatan.

Seiring berkembangnya dunia Pet Shop, permintaan konsumen akan

barang pun semakin meningkat, akan tetapi saat ini sistem yang sering digunakan

pada Pet Shop masih manual, seperti tidak adanya penyimpanan pengolahan data

yang terstruktur, promosi barang masih menggunakan banner. Tidak adanya

sarana penjualan jarak jauh yang bisa mempermudah perusahaan dalam

memperluas wilayah pemasaran. Kegiatan pemasaran merupakan kegiatan yang

sangat penting artinya bagi kelangsungan hidup suatu perusahaan. Dengan

kegiatan pemasaran yang baik dan berhasil maka suatu perusahaan diharapkan

dapat mencapai target penjualan yang diharapkan.

Dengan adanya aplikasi Pet Shop berbasis web akan sangat membantu

perusahaan dalam menjalankan kegiatan bisnis seperti penjualan, promosi barang

baru, pembayaran dan transaksi jarak jauh, sehingga perusahaan bisa memperluas

wilayah pemasarannya. Karena saat ini dengan menggunakan sistem yang manual,

konsumen harus datang sendiri ke lokasi dan pembayaran dilakukan secara tunai.

Hal ini tentu menyulitkan para calon konsumen dari dalam dan luar kota,

dikarenakan harus mengeluarkan biaya untuk mengunjungi Pet Shop tersebut.

Berdasarkan uraian di atas, maka penulis tertarik untuk membuat suatu

aplikasi Pet Shop berbasis web. Dalam hal ini judul website yang akan dibuat

adalah Sherly’s Pet Shop. Website ini membahas mengenai 4 jenis hewan

peliharaan, diantaranya adalah anjing, hamster, kucing dan kelinci. Website ini

juga menyediakan fitur-fitur seperti penjualan hewan peliharaan, makanan,

asesoris-asesoris serta memiliki fitur artikel dimana artikel tersebut menjelaskan

tips-tips untuk menjaga hewan peliharaan yang baik dan benar. Website Pet Shop

ini dibuat agar dapat bermanfaat bagi pengguna yang memiliki kecintaan pada

hewan, sehingga bisa menjadi sarana bagi mereka untuk mendapatkan informasi

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 21: Laporan Web Sherly'Spetshop

20

seputar hewan kesayangan mereka dan mempermudah dalam hal pembelian

keperluannya seperti asesoris, makanan dan lain-lain.

Tujuan :

Untuk membangun sebuah website Pet Shop yang memudahkan pengguna

dalam memperoleh informasi mengenai hewan peliharaan yang mereka inginkan

dan juga dapat membeli secara on-line tanpa harus dating ke tempat Pet Shop

tersebut. Dan juga untuk menghasilkan sebuah website Pet Shop yang sesuai

dengan kebutuhan dari pengguna.

Sasaran :

1. Dapat mempermudah pengguna dalam mendapatkan informasi tentang

dunia hewan peliharaan.

Ruang Lingkup :

1. Mengumpulkan data yang berhubungan dengan hewan peliharaan,

dari berbagai sumber Pet Shop.

2. Fitur yang akan dikembangkan antara lain :

- Fitur Home

Dalam fitur ini berisi halaman utama saat pertama kali

memasuki aplikasi.

- Fitur Petmart

Dalam fitur Petmart ini berisi barang-barang yang akan

dijual. Dalam hal ini terdapat 4 kategori hewan peliharaan

yang ditawarkan yaitu anjing, hamster, kucing dan kelinci.

Setiap kategori memiliki sub kategori yang terdiri dari pet

food dan pet accessories & toy.

- Fitur About me

Dalam fitur About me ini berisi penjelasan mengenai profil

singkat pembuat website ini.

- Fitur Pet Guide

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 22: Laporan Web Sherly'Spetshop

20

Dalam fitur ini berisi informasi atau artikel mengenai cara

memelihara hewan peliharaan beserta tips dan trick.

- Fitur Contact Us

Dalam fitur ini berisi, contact person dari pembuat website

ini.

3.3 Sumber daya yang dibutuhkan :

(Tabel 3.3.1) Sumber Daya yang Dibutuhkan

- Perangkat Lunak

Pemrograman PHP (Adobe Dreamweaver CS3)

Perancangan Antarmuka Adobe Photoshop CS6

Pemodelan tools Microsoft Office Visio 2007

Sistem Operasi Microsoft Windows XP Professional

- Perangkat Keras

Processor Intel Pentium Dual Core 2 .2 GHz

Memory Min 1 GB DDR3

Harddisk Min Kapasitas 100 GB

Peralatan lainnya Mouse, Keyboard.

3.4 Manajemen Kualitas

- Program

(Tabel 3.4.1a ) Program

No. Proses Tujuan fitur Status Komentar

1. Fitur Home Dalam fitur ini berisi halaman utama saat pertama kali memasuki aplikasi dan menampilkan beberapa gambar seputar hewan peliharaan dan terdapat link

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 23: Laporan Web Sherly'Spetshop

20

menuju ke menu lain.

2. Fitur

Petmart

Dalam fitur Petmart ini

berisi barang-barang yang

akan dijual. Dalam hal ini

terdapat 4 kategori hewan

peliharaan yang ditawarkan

yaitu anjing, hamster, kucing

dan kelinci. Setiap kategori

memiliki sub kategori yang

terdiri dari pet food dan pet

accessories & toy.

3. Fitur About

me

Dalam fitur About me ini

berisi penjelasan mengenai

profil singkat pembuat

website ini.

4. Fitur Pet

Guide

Dalam fitur ini berisi

informasi atau artikel

mengenai cara memelihara

hewan peliharaan beserta

tips dan trick.

5. Fitur

Contact Us

Dalam fitur ini berisi,

contact person dari pembuat

website ini.

- Technology standards such as approved graphical user internal

components and placement

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 24: Laporan Web Sherly'Spetshop

20

(Tabel 3.4.1b) Teknologi Standar

No. Nama komponen TujuanKapan

digunakan

1. Komputer/Laptop dengan

sistem operasi Windows

(Microsoft XP Professional)

dan Browser

Untuk

menjalankan

website Pet Shop

ini..

Pada saat akan

menjalankan

website Pet Shop

ini

3.5 Studi Kelayakan

Adapun tujuan dari studi kelayakan ini adalah untuk menentukan apakah

proyek dapat dilanjutkan. Dalam studi kelayakan terdapat pembahasan mengenai

rencana proyek dan estimasi biaya untuk tahap pengembangan selanjutnya.

Adapun studi kelayakan sebagai berikut:

a. Teknis

1. Apakah dalam pengembangan website Pet Shop ini diperlukan

software-software pendukung ?

Ya, dalam pengembangan program ini diperlukan software-

software pendukung.

2. Apakah software yang diperlukan ada untuk melakukan

pengembangan website Pet Shop ini ?

Ya, software yang diperlukan sudah ada dan sudah dimiliki.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 25: Laporan Web Sherly'Spetshop

20

3. Apakah dalam pengembangan program ini diperlukan hardware-

hardware pendukung ?

Ya, dalam pengembangan program ini diperlukan hardware-

hardware pendukung.

4. Apakah hardware yang diperlukan ada untuk melakukan

pengembangan program ?

Ya, hardware yang diperlukan sudah ada dan sudah dimiliki.

5. Apakah pengembang mempunyai skill untuk mengembangkan

software tersebut ?

Ya, pengembang mempunyai skill untuk mengembangkan

software.

6. Apakah program yang dibuat dapat diperluas jika dikembangkan ?

Ya, program dapat diperluas dengan menambahkan fitur-fitur

tambahan didalamnya.

b. Oprasional

1. Apakah pengguna memberikan dukungan dalam pengembangan

website Pet Shop ini ?

Ya, pengguna memberikan dukungan. Ini bisa dilihat dari

partisipasi yang mereka berikan.

2. Bagaimana respon pengguna terhadap website Pet Shop yang akan

dikembangkan ?

Sejauh ini respon pengguna terlihat baik.

3. Bagaimana website Pet Shop yang dikembangkan ini bisa membantu

atau mempengaruhi pengguna ?

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 26: Laporan Web Sherly'Spetshop

20

Website Pet Shop yang dikembangkan ini dapat mempengaruhi

pengguna seperti cara berpikirnya.

4. Apakah pengguna terlibat dalam perencanaan dan pengembangan

proyek ?

Ya, pengguna terlibat langsung dalam pengembangan proyek.

3.6 Spesifikasi Pengguna

3.6.1 Mengidentifikasi target pengguna

(Tabel 3.6.1a) Mengidentifikasi Target Pengguna

Pengguna Tugas Tanggung jawab

Masyarakat

pencinta hewan

peliharaan.

Pengguna menggunakan

website Pet Shop ini.

Menggunakan website ini.

3.6.2 Mengidentifikasi dan memprioritaskan kebutuhan pengguna

a. Pengguna menginginkan sebuah website Pet Shop yang terdapat

berbagai informasi tentang penjualan hewan peliharaan dan

keperluan serta artikel yang terkait dengan hewan peliharaan.

b. Pengguna membutuhkan fitur dimana pengguna dapat membeli

secara on-line tanpa harus pergi ke tempat Pet Shop tersebut.

c. Pengguna menginginkan aplikasi yang dapat diakses melalui

jaringan internet dengan perangkat apapun (laptop atau

smartphone), dimanapun dan kapanpun dia berada.

3.7 Spesifikasi Sistem

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 27: Laporan Web Sherly'Spetshop

20

3.7.1 Membuat definisi sistem

Website Pet Shop yang dibuat oleh penulis adalah “Sherly’s Pet

Shop”. Dalam website Pet Shop ini berisi 4 jenis hewan peliharaan yang

akan dijual diantaranya anjing, hamster, kucing dan kelinci. Setiap

binatang peliharaan memiliki keperluan yang berbeda seperti makanan,

asesoris dan lain-lain. Website ini juga menyediakan fitur artikel dimana

dalam artikel tersebut memuat tips dan trick bagaimana cara memelihara

hewan yang baik dan benar. Website ini juga dibuat agar dapat bermanfaat

bagi pengguna yang memiliki kecintaan pada hewan peliharaan, sehingga

website ini bisa menjadi sarana untuk dapat melihat hewan peliharaan yang

mereka suka dan tidak perlu datang ke tempat Pet Shop tersebut apabila

ingin membelinya karena transaksi dapat dilangsungkan secara on-line.

3.7.2 Estimasi Keuntungan

a. Keuntungan nyata (tangible benefit)

- Pengguna dapat menggunakan website Pet Shop ini dalam

mempermudah mendapatkan informasi tentang penjualan hewan

peliharaan dan keperluan serta artikel yang terkait dengan hewan

peliharaan.

- Mahasiswa yang membuat website ini dapat memenuhi persyatan

tugas mid dan memperoleh nilai dari dosen yang

bersangkutan.

b. Keuntungan tidak nyata (intangible benefit)

- Peningkatan kepuasan pengguna yang bisa membeli hewan

peliharaan yang mereka sukai tanpa harus pergi ke tempat Pet

Shop tersebut.

3.7.3 Mendaftarkan asumsi-asumsi bisnis yang penting

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 28: Laporan Web Sherly'Spetshop

20

Tahap ini menghasilkan asumsi dari website yang dibuat, yaitu :

1. Pengguna memahami penggunaan komputer/laptop dengan sistem

operasi windows dan penggunaan browser.

2. Pengguna memahami penggunaan website Pet Shop ini.

3.8 Validasi Persyaratan Pengguna dan Sistem

(Tabel 3.8.1) Validasi Persyaratan Pengguna dan Sistem

No. Persyaratan Status

1. Website ini berisi tentang berbagai informasi

tentang penjualan hewan peliharaan dan

keperluan serta artikel yang terkait dengan

hewan peliharaan.

Persyaratan diterima

2. Penyediaan fitur dimana pengguna dapat

membeli secara on-line tanpa harus pergi ke

tempat Pet Shop tersebut.

Persyaratan diterima

3. Aplikasi yang dapat diakses melalui jaringan

internet dengan perangkat apapun (laptop atau

smartphone), dimanapun dan kapanpun dia

berada.

Persyaratan diterima

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 29: Laporan Web Sherly'Spetshop

20

BAB IV

PERANCANGAN

Perancangan adalah tahap yang dilakukan setelah perampungan pada tahap

analisis. Pada tahap ini dilakukan serangkaian langkah untuk memperoleh suatu

rancangan sistem.

4.1 Design antarmuka

4.1.1 Fitur Home

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 30: Laporan Web Sherly'Spetshop

20

Gambar 4.1.1 Interface Home

Pada tampilan Home ini akan menampilkan halaman utama ketika memasuki

aplikasi dan menampilkan beberapa gambar seputar hewan peliharaan dan terdapat

link menuju ke menu lain.

4.1.2 Fitur Petmart

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 31: Laporan Web Sherly'Spetshop

20

Gambar 4.1.2 Interface Petmart

Pada tampilan Petmart ini akan menampilkan gambar barang-barang yang akan

dijual. Dalam hal ini terdapat 4 kategori hewan peliharaan yang ditawarkan yaitu

anjing, hamster, kucing dan kelinci. Setiap kategori memiliki sub kategori yang

terdiri dari pet food dan pet accessories & toy.

4.1.3 Fitur About me

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 32: Laporan Web Sherly'Spetshop

20

Gambar 4.1.3 Interface About me

Pada tampilan About me ini berisi penjelasan mengenai profil singkat pembuat

website ini.

4.1.4 Fitur Pet Guide

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 33: Laporan Web Sherly'Spetshop

20

Gambar 4.1.4 Interface Pet Guide

Pada tampilan Pet Guide ini akan menampilkan informasi atau artikel

mengenai cara memelihara hewan peliharaan beserta tips dan trick.

4.1.5 Fitur Contact Us

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 34: Laporan Web Sherly'Spetshop

20

Gambar 4.1.5 Interface Contact Us

Pada tampilan Contact Us ini akan menampilkan contact person dari pembuat

website ini.

BAB V

IMPLEMENTASI

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 35: Laporan Web Sherly'Spetshop

20

Tahapan ini dilakukan untuk menunjukkan platform, hardware dan

software yang digunakan, serta batasan dalam implementasi dan menguji

performansi prototipe perangkat lunak yang telah dibangun agar dapat diketahui

apakah prototipe tersebut telah sesuai dengan spesifikasi analisis dan perancangan

yang telah diidentifikasi sebelumnya.

5.1 Implementasi antar muka

a. Fitur Home

Tabel 5.1.1 Interface Home

Nama

Gambar

Interface Home

Deskripsi Merupakan tampilan yang berisi halaman utama ketika memasuki

aplikasi dan menampilkan beberapa gambar seputar hewan

peliharaan dan terdapat link menuju ke menu lain.

Gambar

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 36: Laporan Web Sherly'Spetshop

20

Ket. Tidak di printscreen semuanya.

b. Fitur Petmart

Tabel 5.1.2 Interface Petmart

Nama

Gambar

Interface Petmart

Deskripsi Merupakan tampilan yang berisi gambar barang-barang yang akan

dijual. Dalam hal ini terdapat 4 kategori hewan peliharaan yang

ditawarkan yaitu anjing, hamster, kucing dan kelinci. Setiap

kategori memiliki sub kategori yang terdiri dari pet food dan pet

accessories & toy.

Gambar

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 37: Laporan Web Sherly'Spetshop

20

Ket. Tidak di printscreen semuanya.

c. Fitur About me

Tabel 5.1.3 Interface About me

Nama

Gambar

Interface About me

Deskripsi Merupakan tampilan yang berisi penjelasan mengenai profil singkat

pembuat website ini.

Gambar

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 38: Laporan Web Sherly'Spetshop

20

Ket. Tidak di printscreen semuanya.

d. Fitur Pet Guide

Tabel 5.1.4 Interface Pet Guide

Nama

Gambar

Interface Contact Us

Deskripsi Merupakan tampilan yang berisi informasi atau artikel mengenai

cara memelihara hewan peliharaan beserta tips dan trick.

Gambar

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 39: Laporan Web Sherly'Spetshop

20

Ket. Tidak di printscreen semuanya.

e. Fitur Contact Us

Tabel 5.1.5 Interface Contact Us

Nama

Gambar

Interface Contact Us

Deskripsi Merupakan tampilan yang berisi contact person dari pembuat

website ini.

Gambar

Ket. Tidak di printscreen semuanya.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop

Page 40: Laporan Web Sherly'Spetshop

20

BAB VI

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Kesimpulan yang dapat disimpulkan dari Pembuatan Website Pet Shop ini

yaitu pembuatan website ini dapat memberi manfaat bagi pengguna lebih

khususnya para pencinta Pet Shop. Karena, dengan adanya website “Sherly’s Pet

Shop” ini para pengguna dapat memperoleh banyak informasi-informasi

mengenai dunia hewan peliharaan, diantarnya terdapat 4 kategori hewan yaitu

anjing, hamster, kucing dan kelinci yang dapat dilihat atau dibeli sesuai keinginan.

Terdapat juga artikel-artikel yang sangat bermanfaat bagi pengguna agar dapat

lebih mengenal hewan peliharaan serta mengetahui cari memelihara hewan yang

baik dan benar.

Jadi dengan adanya pembuatan website ini diharapkan dapat membantu

masyarakat terkhususnya para pecinta hewan untuk melihat atau membeli hewan

peliharaan tanpa harus dating langsung ke Pet Shop tersebut dan dapat membantu

pemilik Pet Shop dalam segi pengenalan terhadap masyarakat luas serta untuk

promosi.

6.2 Saran

Adapun beberapa saran yang kiranya perlu untuk pengembangan website

yang lebih baik lagi di kemudian hari, yaitu :

1. Membangun database sehingga website ini nantinya akan menjadi

website yang dinamis.

2. Website ini dapat dikembangkan lagi dengan menambahkan lebih

banyak lagi fitur-fitur yang belum sempat dibuat, seperti fitur

pembayaran dengan menggunakan kartu kredit.

3. Website dapat dikembangkan lagi dengan informasi dan kategori

hewan peliharaan yang lebih banyak dan lengkap lagi.

TUGAS MID PEMROGRAMAN BERBASIS WEB | Web Statis Sherly’s Pet Shop