PERANCANGAN DAN PEMBUATAN WEBSITE COMPANY PROFILE

PERUSAHAAN JASA PEMBUATAN WEBSITE, PROGRAM

DESKTOP DAN MOBILE APPS

Di Ajukan Oleh :
Kelompok
1.
2.
3.
4.
5.
6.

ALVIN FAUZIE
(12132769)
ROHMAT ARIF
(12134729)
SUMARIYANTO (12136965)
SAEPUDIN
(12131847)
ILFAN A. FAJRI
(18121445)
EFAN A. SAPUTRA (12137592)

AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER

BINA SARANA INFORMATIKA
TANGERANG 2015

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 Rasulullah SAW sang pembawa kebenaran sehingga kita bisa menikmati
manisnya iman dan islam dan mudah-mudahan kita termasuk ummat yang mendapatkan
syafaatnya dihari kiamat nanti, amin.
Dalam pembuatan makalah ini, tidak sedikit hambatan yang kami hadapi. Namun
kami menyadari bahwa kelancaran dalam pembuatan makalah ini tidak lain berkat
bantuan, dorongan teman-teman dan bimbingan dosen Mata Kuliah Web Programing,
sehingga kendala-kendala yang kami hadapi dapat teratasi.
Makalah yang akan kami bahas disini WebSite Junior Apps .
Akhir kata kami berterimaksih kepada seluruh pihak yang terkait dalam
tersusunnya makalah ini hingga dapat terselesaikan dengan baik, khusunya kepada Dosen
yang telah memberikan tugas ini sehingga kami bisa banyak belajar dalam proses
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, 04 Desember 2015

Penyusun,

DAFTAR ISI
ii
HALAMAN JUDUL............................................................................................................. i
KATA PENGANTAR.......................................................................................................... ii
DAFTAR ISI .......................................................................................................................
iii
BAB I PENDAHULUAN
I.1 Latar Belakang .............................................................................................................
4
I.2 Tujuan dan Manfaat .....................................................................................................
5
I.3 Ruang Lingkup............................................................................................................. 5
BAB II LANDASAN TEORI...............................................................................................
6
2.1.
2.2.
2.3.
2.4.
2.5.

Konsep dasar web.... 6

Bahasa Program ...7
Basis data..8
Aplikasi perancangan web9
Teori pendukung...... 9

BAB III ANALISA DAN PERANCANGAN.....13

3.1. Analisis kebutuhan fungsional.......
3.2.
3.3.
3.4.
3.5.

13
Anlisis kebutuhan non-fungsional. 13
Perancangan antar muka.... 14
Struktur Navigasi21
Rancangan Basis Data

22
3.6. Spesifikasi

File.......

22
BAB VI PENUTUP 22
4.1 Kesimpulan 24
4.2 Saran...... 24
DAFTAR PUSTAKA..... 25

BAB I
iii
PENDAHULUAN
1.1.

Latar Belakang
Dunia teknologi informasi khususnya internet semakin berkembang, terutama

dalam penggunaan di bidang media komunikasi dan informasi, baik yang sifatnya intern
dan umum.Yang dimaksud dengan informasi Intern adalah data yang di simpan dalam
server yang dapat

diakses

perusahaan yang ada di luar

hanya pihak pihak tertentu. Misalnya, data dari suatu

daerah, sedangkan yang dimaksud dengan data Umum

adalah dapat diakses oleh semua pihak. Salah satu produk dari teknologi informasi dan
komunikasi adalah Website.Website yang digunakan oleh banyaknya kegiatan yang
berhubungan dengan komunikasi dan informasi yang dapat menyajikan suatu informasi
yang cepat dan tepat.Saat ini sudah banyak tersedia fasilitas dan sarana informasi untuk
mempermudah mendapatkan suatu informasi yang dibutuhkan oleh penggunanya.Website
juga banyak diterapkan dalam bidang baik usaha, entertainment, personal profile,
periklanan, dan masih banyak lagi yang lainnya.
Fasilitas yang disediakan oleh Website adalah informasi informasi yang dapat
digunakan oleh lembaga pendidikan, pemerintahan, pertahanan, hiburan, social, politik,
ilmiah dan ekonomi.Perkembangan multimedia yang begitu pesat dapat menarik
perhatian dan rasa ingin tahu seseorang. Dengan memanfaatkan hal tersebut untuk
memenuhi kepentingan masing-masing dimana user atau pemakai dapat melihat
gambar, teks, animasi, maka aplikasi Website dapat menjadi sebuah jawaban karena
informasi yang menarik akan mudah mempengaruhi image atau gambaran pembeli,
relasi bisnis bahkan juga pengunjung.
Tangerang merupakan kota yang sedang berkembang pesat. Itu bisa di lihat dari
pertumbuhan tata kota 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 promosi seperti Junior Apps.Di
Tangerang banyak terdapat perusahaan yang sedang berkembang dan membutuhkan media
promosi itulah kesempatan yang tidak di lewatkan oleh Junior Apps.
4

Dengan Website inilah Junior Apps berharap penyampaian informasi dan promosi
yang diharapkan oleh perusahaan dapat terwujud.dengan website yang memberikan
kebutuhan informasi yang bersifat interaktif, yang dapat menampilkan gambar dan
keterangan yang dibutuhkan oleh calon pelanggan atau costumer sehingga customer lebih
tertarik pada perusahaan yang bekerja sama dengan Junior Apps. Maka judul dari Makalah
ini adalah Perancangan dan Pembuatan Website Company Profile Junior Apps
1.2 Tujuan dan Manfaat
Ada beberapa manfaat dan tujuan dalam Pembuatan Website Company Profile Junior
Apps
1) Efektifitas waktu dan tenaga.
Pembuatan Website Company Profile selain sebagai sarana promosi online juga
memberikan layanan kearah yang lebih baik dan professional.
2) Keakuratan data adalah penting.
Sistem ini diharapkan dapat menekan tingkat kesalahan yang paling banyak
disebabkan oleh faktor Human Error. Karena dengan sistem ini, semua aktifitas jalur
data dapat kita telusuri dan dapat dipertanggung jawabkan secara konsisten.
3) Kemudahan masyarakat dalam mendapatkan informasi secara akurat dan terpercaya.
Dengan menggunakan website sebagai sarana penyebaran informasi dan website
sebagai sarana sosialisasi program-program dari sebuah Perusahaan, diharapkan dapat
memudahkan masyarakat untuk mendapatkan informasi terkini yang diupdate secara
berkala oleh pihak Perusahaan/ Instansi. Dengan demikian akan terjadi interaksi secara
tidak langsung antara masyarakat dengan Perusahaan.
4) Efisiensi kinerja pada Perusahaan / Instansi.
Diharapkan dengan fasilitas yang sudah disediakan oleh sistem data entry dan navigasi
pada website, maka akan dapat memudahkan sumber daya yang ada untuk melakukan
update data dan entry data secara optimal.
1.3 Ruang Lingkup
Masalah yang dibahas pada Makalah ini adalah pembuatan sebuah situs web
digunakan untuk menyampaikan informasi yang berkaitan dengan informasi Perusahaan
Junior Apps yang diimplementasikan di Jurusan Manajemen Informatika, dengan
menggunakan bahasa HTML,CSS,JAVASCRIPT,PHP dan MySQL.

BAB II
LANDASAN TEORI
2.1 Konsep Dasar Web
Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang
dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah local melalui
alamat internet yang dikenali sebagai url. Gabungan atas semua situs yang dapat diakses
publik di internet disebut juga sebagai world wide web atau lebih dikenal dengan
singkatan www.
2.1.1 Sejarah Web
Sejarah penemuan web pada tahun 1989 oleh Lim Berners Lee, seorang
programmer komputer berkebangsaan Inggris, bekerja pada European Physics
Laboratory CERN di Genewa, Siwis.
Pada dasarnya web adalah penyediaan informasi di internet yang berbasis grafis
serta merupakan system pada internet yang memungkinkan siapapun untuk berada 24
jam/hari di internet.
Web merupakan sebuah client atau server system manajemen database yang
berfungsi seperti teks, grafik, video, dan suara.Dimana dalam pengaksesannya
menggunakan aturan-aturan tertentu, aliran tersebut berupa protocol yang disebut
transport.
Contoh protocol internet, protocol ( TCP/IP ). TCP akan mengatur paket-paket data dan
memastikan kebenaran paket-paket tersebut. IP akan membawa paket-paket data dari suatu
system ke sistem lain.
2.1.2 Kriteria penentu kesuksesan suatu Website atau Situs
Membangun situs professional adalah suatu pekerjaan yang tidak gampang,
perlu persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang
berulang-ulang karena menyangkut semua elemen yang membentuk situs. Apalagi
membangun sebuah situs yang berskala besar, seperti situs portal, e-commerce, e-learning,
berita, web mail, forum diskusi, dan lain-lain

2.2 Bahasa Program

Untuk mengembangkan proses pembuatan website penulis menggunakan beberapa bahasa
pemrograman diantaranya, adalah
1.

HTML (HyperText Markup Language)

Menurut Edy Winarno dkk (2013:1) HTML merupakan singkatan dari Hypertxt

Markup Language, artinya bahasa ini adalah bahasa markup untuk memformat konten
halaman web. Atau dengan kata lain, bahasa untuk mengaturm bagaimana penampilan
dan pemformatan konten yang ada di web. HTML menekankan penggambaran
komponen-komponen struktur dan format didalam halaman web.
2. PHP (Personal Home Page)
PHP digunakan untuk membuat tampilan web menjadi lebih dinamis, dengan
PHP anda bisa menjalankan beberapa file dalam satu file dengan cara memasukan atau
memanggil. PHP itu sendiri sudah dapat berinteraksi dengan beberapa database
walaupun dengan kelengkapan yang berbeda, yaitu seperti: DBM, FilePro
(Personic,Inc), Informix, Ingres, Interbase, Microsoft Access, MSSQL, MySQL,
Oracle, PostgrSQL, dan Sybase. Cara kerja PHP yaitu: pertama client web browser
menjalankan file PHP itu di web browser, kemudian file PHP itu dikirim ke web
server. Web server mengirimkannya lagi ke mesin PHP dan didalam mesin PHP itu
diproses, dan setelah diproses oleh mesin PHP maka akan berbentuk file HTML, dan
file HTML ini akan dikirimkan ke web server dan web server akan memberikan
kepengguna.
3. CSS (Cascading Style Sheets)
Menurut Andi (2013c:163) menjelaskan bahwa CSS adalah suatu kumpulan
kode-kode untuk memformat atau mengendalikan tampilan isi dalam suatu halaman
web. Ada dua jenis CSS yang dapat anda gunakan yaitu CSS yang bersifat internal dan
Eksternal. Anda akan lebih mudah menggunakan yang eksternal, karena script CSS
akan tersimpan berupa file CSS tersendiri, jadi akan lebih mudah melakukan
pengeditan, karena biasanya dihubungkan dengan link. Jika anda melakukan
perubahan format, Anda cukup melakukan perubahan pada file CSS, maka halaman
yang terhubung dengan file CSS tersebut akan ikut berubah. Jika menggunakan CSS
7

bersifat internal pada halaman, maka bila ada perubahan format harus melakukan
banyak pengeditan pada smua file.

4. JAVASCRIPT
Pada awalnya JavaScript dikembangkan pada web browser Netscape oleh
Brenden Eich dengan nama Mocha, kemudian berubah menjadi Live-Script dan yang
akhirnya menjadi JavaScript. Menurut Zaki (2008:26) JavaScript adalah skrip
program berbasis client yang dieksekusi oleh browser sehingga membuat halaman
website bisa melakukan tugastugas tambahan yang tidak bisa dilakukan oleh skrip
HTML biasa. Sedangkan menurut Wahana Komputer (2012:4) JavaScript
merupakan Bahasa scripting turunan dari pemrograman Java. JavaScript digunakan
untuk pemrograman web client-side. Dari pendapat diatas, dapat disimpulkan bahwa
JavaScript adalah Bahasa pemrograman yang merupakan pengembangan dari bahasa
pemrograman Java, yang digunakan untuk pemrograman web client-side dan dapat
berjalan pada web browser.
5. SQL
Bahasa query yang utama dalam SQL Server adalah SQL. SQL merupakan
bahasa komputer database yang didesain untuk pengembalian dan manajemen data
dalam system manajemen database relational (RDBMS), pembuatan dan modifikasi
skema database, dan manajemen kontrol akses objek database.
SQL telah diakui sebagai bahasa standar pada server basis data, seperti server
Oracle, Sybase, Interbase, dll. Oleh karena itu SQL dapat menghubungkan beberapa
tabel dari platform yang berbeda.
2.3 Basis Data
Menurut Aditama (2012:7) Database adalah tempat media penyimpanan data kita
dalam membuat sebuah program yang berisikan tabel, field dan record yang diselimuti
namanya DBMS (Database Management System). Di dalam DBMS (Database
Management System), terdapat struktur query yang digunakan untuk mengolah database
yang dikenal dengan SQL. Dalam proses pembuatan database SQL diperlukan sebuah
perangkat lunak yang dikenal dengan nama MySQL. MySQL merupakan salah satu
perangkat lunak untuk sistem manajemen database SQL. MySQL merupakan tipe data
8

relasional yang artinya MySQL menyimpan datanya dalam bentuk tabel-tabel yang saling
berhubungan. (Wahana Komputer, 2011:15)

2.4 Aplikasi Perancangan Web

Dalam perancangan website ini, ada beberapa aplikasi yang digunakan,
diantaranya:
1. XAMPP
XAMPP adalah apache yang diakui kemampuannya dan keandalannya. XAMPP
itu sendiri adalah paket perangkat lunak yang merupakan singkatan dari X (yang
berarti memiliki sifat cross-platform), A (webserver Apache), M (database
MySQL),P (bahasa pemrograman PHP), P (Bahasa pemrograman Perl).
2. Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan,
kaya akan fitur, cross-platform, mudah dan simpel yang cukup terkenal di kalangan
pengembang, penulis, dan desainer. Para programmer biasanya menggunakan
sublime Text untuk menyunting source code yang sedang ia kerjakan
2.5 Teori Pendukung
1. Struktur Navigasi
Menurut Prihatna (2005:51) Struktur Navigasi adalah susunan menu atau
hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau
navigasi tiap halaman pada suatu situs web. Navigasi 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

mengorganisasikan

seluruh

elemen

pembuatan

web

dengan

memberikan perintah atau pesan. Ada 4 macam bentuk dasar dari navigasi yang
bisa digunakan dalam proses pembuatan web, yaitu:
1. Linear (Satu Alur)
Linear (satu alur) 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
9

2.

Hierarchical (Hirarki)
Struktur Hierarchical ini percabangan untuk menampilkan data
berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut
sebagai master page (halaman utama kesatu), halaman utama ini akan
mempunyai halaman percabangan yang dikatakan slave page (halaman
pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka
tampilan tersebut akan bernama master page (halaman utama kedua) dan
seterusnya. Yang terpenting dari struktur penjejakan ini tidak diperkenankan
adanya tampilan secara linear.

3.

Non Linear (Tidak Berurut)

Struktur penjejakan

non

Linear

(tidak

berurut)

merupakan

pengembangan diri struktur penjejakan linear. Pada struktur ini diperkenankan

membuat penjejakan bercabang. Pemakai bebas menelusuri website tanpa
dibatasi oleh suatu rute dimana kontrol navigasi dapat mengakses ke semua
halaman manapun. Percabangan yang dibuat pada struktur non linear ini
berbeda dengan percabangan pada Hierarchical, karena pada percabangan,
tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada Master
page dan Slave page.

4.

Composite (Campuran)
10

Composite (campuran) atau disebut juga struktur penjejakan bebas

merupakan gabungan dari ketiga struktur sebelumnya yaitu Linear, Non
Linear, dan Hierarchical. Jika suatu tampilan membutuhkan percabangan,
maka dapat dibuat percabangan, dan bila dalam percabangan tersebut terdapat
suatu tampilan yang sama kedudukannya maka dapat dibuat struktur Linear
dalam percabangan tersebut. Setiap struktur peta penjejakan seperti yang baru
dibahas mempunyai fungsi dan tujuan tersendiri, tidak ada yang lebih baik
atau lebih buruk. Pengguna peta penjejakan bergatung kepada kebutuhan dan
tujuan dari Web yang hendak dibuat. Semakin kompleks peta penjejakan yang
digunakan, maka semakin sulit pembuatan Page dari peta penjejakan tersebut.

2. Entity Relationship Diagram (ERD)

Menurut Yakub (2008:25) mengemukakan bahwa Entity Relationship
Diagram merupakan suatu model jaringan yang menggunakan susunan data yang
disimpan pada sistem secara abstrak. Entity Relationship Diagram (ERD) untuk
mendokumentasikan data perusahaan dengan mengidentifikasi jenis entitas (entity)
dan hubungannya. ERD juga menggambarkan hubungan antara satu entitas yang
memiiki sejumlah atribut dengan entitas yang lain dalam suatu sistem yang
terintegrasi. ERD digunakan oleh perancang sistem untuk memodelkan data yang
nantinya akan dikembangkan menjadi basis data (database).
3. Pengujian Web
Menurut Rosa A.S dan M.Shalahudin (2013b:275) Black Box testing
(pengujian kotak hitam) yaitu menguji perangkat lunak dari segi spesifikasi
fungsional tanpa menguji desain dan kode program.

Pengujian dimaksudkan untuk mengetahui apakah fungsi-fingsi, masukan,

dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan.
Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus dibuat dengan
11

kasus benar dan kasus salah, misalkan untuk kasus proses login maka kasus uji
yang dibuat adalah:
1. Jika user memasukan nama pemakai (user name) dan kata sandi (password)
yang benar
2. Jika user memasukan nama pemakai (user name) yang salah, misalnya nama
pemakai benar tapi kata sandi salah, atau sebaliknya, atau keduanya salah.

BAB III
ANALISA DAN PERANCANGAN

12

3.1 Analisa Kebutuhan Fungsional

Analisa kebutuhan fungsional yang di butuhkan Pada organisasi atau subbag.
Keterampilan dan penguasaan bahasa asing setelah dilakukan analisa dan beberapa
pemodelan flowchart adalah sebagai berikut :
A. Administrator
Login
Login ini digunakan administrator untuk masuk ke dalam system admin.
Pengelolaan berita atau artikel
Dalam hal ini administrator mempunyai hak penuh dalam mengelola website ini yaitu
untuk menambahkan berita atau artikel mengenai fashion tips ataupun menghapus dan
mengupdate website ini.
B. User
Berita atau artikel
Fungsi awal dari halaman utama ( index ) berisi berita mengenai fashion tips terbaru, style
fashion terbaru, iklan dan lain-lain.
Comment
Fungsi ini untuk user mengisikan komentar dari website ini atau menanyakan apa yang
menurut user kurang jelas dalam tips fashion tersebut.
Manfaat
Setiap website tentunya mempunyai fungsi masing-masing untuk isinya. Untuk hal ini
website mengenai Tips Fashion McN memiliki fungsi yaitu untuk para wanita yang bosan
dengan fashion nya sendiri, mungkin bisa jadi inspirasi cara berpakaian yang lebih
menarik dan cantik karena ada berbagai kategori fashion nya. Kategori tersebut antara lain
yaitu Fashion Casual, Fashion Party dan Fashion Hijab.
3.2 Analissa Kebutuhan Non Fungsional
Analisa kebutuhan non fungsional dilakukan untuk mengetahui spesifikasi kebutuhan
untuk sistem. Spesifikasi kebutuhan melibatkan analisa perangkat keras/hardware, analisa
perangkat lunak/software dan analisa pengguna/user. Berikut adalah penjabarannya :

3.2.1

Analisa Kebutuhan perangkat keras

Perangkat keras yang dibutuhkan untuk perancangan sistem adalah satu unit

komputer meliputi monitor, motherboard, hardisk, kartu grafis onboard, CD-Drive,

Floppy, CPU casing dan telepon untuk konektivitas internet.
3.2.2

Analisa Kebutuhan perangkat lunak

Perangkat lunak yang digunakan dalam perancangan sistem ini adalah :

a. Windows 7
13

b. XAMPP Versi 3.2.1

XAMPP adalah software instalasi yang memuat webserver apache, bahasa php, dan
Database Server MySQL
c. Macromedia dreamweaver CS 6
Digunakan untuk mendesain template website.
d. Adobe Photoshop
Merupakan perangkat lunak yang tersedia gratis sebagai pondasi Website berbasis Open
Source.
3.2.3

Analisa pengguna/user

Brainware (pengguna/user) yang digunakan dalam perancangan sistem ini adalah :

a. Webmaster CMS
Adalah seorang yang mampu mendesain website menggunakan software-software CMS.
b. Analis Sistem
Adalah seseorang yang mampu menganalisa kebutuhan sistem informasi dalam
pembuatan Website Tips Fashion McN.
c. Pengguna
Adalah seseorang yang berperan sebagai pengguna website, sehingga mendapat informasi
mengenai tips fashion.
3.3 Perancangan Antar Muka Program Aplikasi
3.3.1 Penentuan Isi/ Content Website
Website yang akan dibangun berisi informasi umum mengenai perusahaan
Junior Apps dan beberapa fitur tambahan yang akan membuat tampilan website
semakin menarik. Content halaman website yang akan dibangun:
a) Beranda,berisi ucapan selamat datang kepada user dan informasi terbaru
perusahaan.
b) Layanan, bagian ini berisi beberapa pelayanan dari kami
c) Portfolio, adalah bagian dari hasil yang sudah kami kerjakan
d) Pemesanan, adalah menunjukkan bagaimana cara pemesanan atau cara
untuk order
e) Artikel,berisi tempat artikel dan berita terbaru kami.
f) Tentang kami didalamnya profile umum perusahaan.
g) Hubungi kami,berisi tentang kontak dan cara menghubungi kami.

14

3.3.2 Design dan Prototype

Gambar 3.2.1 adalah sebuah rancangan tampilan halaman awal atau index.
Top bar
LOGO

Beranda

Layanan

Portofolio

Pemesanan

artikel

Tentang

Hubungi

kami

kami

Slider

Website aplication
Portofolio

Desktop aplication

15

Mobile aplication

Mengapa memilih kami

Junior apps

Footer

Gambar 3.2.1 Tampilan halaman index

Gambar 3.2.2 adalah sebuah rancangan tampilan halaman Service
LOGO

Beranda

Plan 1

Layanan

Portofolio

Plan 2

Pemesanan

Artikel

Plan 3

Tentang

Hubungi

kami

kami

Plan 4

Feature

Footer

Gambar 3.2.2 Tampilan halaman Layanan

Gambar 3.2.3 adalah sebuah rancangan tampilan halaman Portfolio
LOGO

Beranda

Layanan

Portofolio

Pemesana

Artikel

Galery project

Footer

Gambar 3.2.3 Tampilan halaman Portfolio

16

Tentang

Hubungi

kami

kami

Gambar 3.2.4 adalah sebuah rancangan tampilan halaman Pemesanan

LOGO

Beranda

Layanan

Portofolio

Pemesanan

Artikel

Tentang

Hubungi

kami

kami

Tentang

Hubungi

kami

kami

Feature

Footer

Gambar 3.2.4 Tampilan halaman Pemesanan

Gambar 3.2.5 adalah sebuah rancangan tampilan halaman Artikel

LOGO

Beranda

Layanan

Portofolio

Pemesanan

Artikel

Artikel

sidebar

Footer

Gambar 3.2.5 Tampilan halaman Blog

Gambar 3.2.6 adalah sebuah rancangan tampilan halaman Tentang kami
17

LOGO

Beranda

Layanan

Portofolio

Pemesana

Artikel

Tentang

Hubungi

kami

kami

Profile perusahaan

Kemampuan

Tim kreative kami

Footer

Gambar 3.2.6 Tampilan halaman Tentang kam

Gambar 3.2.7 adalah sebuah rancangan tampilan halaman untuk menghubungi kami
LOGO

Beranda

Layanan

Portofolio

Pemesanan

Form kontak

Artikel

Tentang

Hubungi

kami

kami

Informasi

Footer

Gambar 3.2.7 Tampilan halaman menghubungi kami / memberi feedback

3.3.2 Desain Tampilan Admin
18

Gambar 3.3.1 adalah sebuah rancangan tampilan halaman utama

Gambar 3.3.1 Tampilan halaman utama

Gambar 3.3.2 adalah sebuah rancangan tampilan halaman data user / user

Gambar 3.3.2 Tampilan halaman manage data user

19

Gambar 3.3.3 adalah sebuah rancangan tampilan halaman data user / user

Gambar 3.3.3 Tampilan halaman manage artikel

Gambar 3.3.4 adalah sebuah rancangan tampilan halaman galery

Gambar 3.3.4 Tampilan halaman manage gallery

20

3.4 Struktu Navigasi

3.4.1 Struktur Navigasi User / Pengunjung

3.4.2 Struktur Navigasi Admin

21

3.5 Rancangan Basis Data

22

3.6 Spesifikasi file

3.6.1.Tabel admin
No
1
2
3
4
5

Elemen data
Id_user
email
pass
nama
level

Akronim
iduser
email
pass
nama
level

Tipe
INT
Varchar
Varchar
Varchar
INT

Panjang
11
30
30
30
1

Keterangan
Primary key

Akronim
kdartikel
kdkategori
judul
pengirim
isi
tgl
wkt
publish

Tipe
INT
varchar
text
varchar
text
date
Time
varchar

Panjang
11
255

Keterangan
Primary key

Akronim
Id
Layanan
Nama
Gambar
Keterangan

Tipe
Int
Varchar
Varchar
Varchar
Text

Panjang
11
255
30
255

keterangan
Primarykey

Akronim
Kdkategori
Kategori

Tipe
Int
Varchar

Panjang
11
255

Keterangan
Primarykey

3.6.2 Tabel artikel

No
1
2
2
3
4
5
6
7

Elemen data
kdartikel
kdkategori
judul
pengirim
isi
tgl
wkt
Publish

35

3.6.3 Tabel galeri

No
1
2
3
4
5

Elemen data
id
layanan
nama
gambar
keterangan

3.6.4 Tabel kategori_artikel

No
1
2

Elemen data
kdkategori
kategori

BAB VI
PENUTUP
4.1 Kesimpulan
Berdasarkan pembahasan pada bab-bab sebelumnya, maka pada bab ini yang
merupakan bab terakhir dari makalah ini, penulis akan mecoba menarik kesimpulan yakni
sebagai berikut :
23

1) Basisdata sangat dibutuhkan dalam pembuatan sebuah situs web, karena distribusi data
dalam situs tersebut tidak akan berjalan dengan baik tanpa basis data.
2) Dalam hal ini kecepatan dan efektifitas waktu adalah faktor yang paling penting.
Dengan menggunakan website sebagai sarana pelayanan promosi dan layanan secara
online akan sangat membantu dalam proses tersebut.
3) konsumen dan masyarakat umum pengguna internet dapat dengan mudah
mendapatkan informasi seputar layanan pemesanan yang ditawarkan.
4.2 Saran
Dengan terselesainya perancangan website Junior Apps pada penyedia jasa
pembuatan website,Program desktop dan Mobile Apps ini dan dalam sub bab terakhir ini
penulis ingin memberikan saran dan harapan yang dapat memberikan masukan yakni :
1) Pembuatan 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 informasi yang lebih lengkap lagi yang pastinya bisa lebih bermanfaat
2)

bagi pengelola dan pengguna website tersebut.

Perancangan website ini diharapkan bisa lebih interaktif agar informasi yang

diinginkan pengguna dapat lebih bermanfaat lagi.

3) Diharapkan dunia bisnis harus lebih tanggap dengan perkembangan teknologi agar
tidak tertinggal dengan negara-negara yang lebih maju.
4) Diharapkan juga pembisinis dapat memasyarakatkan metode transaksi secara
online.

DAFTAR PUSTAKA
Hakim, Lukmanul dan Musalini, Uus. Cara Mudah Memadukan Web Design dan Web
Programming. Jakarta:Elex Media Komputindo. 2004.
Imansyah, Muhammad. PHP dan MySQL Untuk Orang Awam. Palembang:Maxikom.
2003
Arbie. Manajemen Database dengan MySQL. Yogyakarta:ANDI. 2003
Kadir, Abdul. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: ANDI.
2002
24

Deliana Hartini, Lisye Mareta Cahya dan Kikis Sabrina Kaisariza. 2009. Database dengan
SQL Server 2005. Jakarta: Mitra Wacana Media.

25