• Tidak ada hasil yang ditemukan

T0 562009015 Full text

N/A
N/A
Protected

Academic year: 2017

Membagikan "T0 562009015 Full text"

Copied!
50
0
0

Teks penuh

(1)

Rancang Bangun Aplikasi Web

Untuk Perusahaan Design

Diajukan kepada

Fakultas Teknologi Informasi

untuk memperoleh Gelar Ahli Madya Komputer

oleh: Yudha Pranata NIM : 562009015

Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana Salatiga

(2)
(3)

i

Rancang Bangun Aplikasi Web

Untuk Perusahaan Design

Laporan Tugas Akhir

oleh:

Raditya Yudha Pranata NIM : 562009015

Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana Salatiga

(4)

ii

LEMBAR PENGESAHAN

Judul : Rancang Bangun Aplikasi Web Untuk

Perusahaan Design

Nama Mahasiswa : Yudha Pranata

NIM : 562009015

Program Studi : Diploma Teknik Informatika Fakultas : Teknologi Informasi

Salatiga, 13 April 2013

Menyetujui,

Teguh Wahyono S.Kom., M.Cs

Mengesahkan

Dr. Dharmaputra T. Palekahelu, S.Pd., M.Pd Budhi Kristianto, S.Kom, M.Sc

(5)

iii

PERNYATAAN BEBAS PLAGIASI

Yang bertanda tangan di bawah ini,

Nama : Yudha Pranata

Nim : 562009015

Program Studi : Diploma Teknik Informatika

Fakultas : Teknologi Informasi, Universitas Kristan Satya Wacana

Menyatakan Dengan sesuhngguhnya laporan yang berjudul :

Rancang Bangun Aplikasi Web Untuk Perusahaan Design Yang dibimbing oleh :

1.Teguh Wahyono S.Kom., M.Cs

Adalah benar-benar hasil karya saya

Di dalam laporan kerja praktek ini tidak dapat keseluruhan atau sabagian tulisan atau gagasan orang lain yang saya ambil dengan cara menyalin atau meniru dalam bentuk rangkaian kalimat atau gambar serta symbol yang saya akui seolah-olah sebagai karya saya tanpa memberikan pengakuan pada penulis atau sumber aslinnya.

Salatiga, 13 April 2013

Yang memberi pernyataan,

(6)

iv

PERNYATAAN PERSETUJUAN PUBLIKASI LAPORAN TUGAS AKHIR UNTUK KEPENTINGAN AKADEMIS

Sebagai sivitas akademika Universitas Kristen Satya Wacana (UKSW).

Saya yang bertanda tangan di bawah ini :

Nama : Yudha Pranata

NIM : 562009015

Program Studi : Diploma Teknik Informatika

Fakultas : Teknologi Informasi, Universitas Kristen Satya Wacana

Jenis Karya : Laporan Kerja Praktek

Demi Pengembangan ilmu pengetahuan, menyetujui untuyk memberikan kepada UKSW hak bebas royalti non-eksklusif (non-exclusive royalty free right) atas karya ilmiah saya yang berjudul :

Rancang Bangun Aplikasi Web Untuk Perusahaan Design Beserta perangkat yang ada (jika perlu).

Dengan hak bebas royalty non-eksklusif ini, UKSW berhak menyimpan mengalihmedia/mengalihformatkan, mengolah dalam bentuk pangkalan data, merawat, dan mempublikasikan laporan tugas akhir saya, selama tetap mencantumkan nama saya sebagai penulis/pencipta.

Demikian pernyataan ini saya buat dengan sebenarnya

Dibuat di : Salatiga

Pada Tanggal : 13 April 2013

Yang menyatakan

Yudha Pranata

Mengetahui

(7)

v

Prakata

Segala puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus atas berkat dan anugerahnya yang telah dilimpahkan kepada penulis, sehingga penulis dapat menyelesaikan Laporan Tugas Akhir yang berjudul “Pembuatan Website perusahaan Desain”.

Tugas Akhir adalah bagian dari syarat yang harus dipenuhi untuk dapat lulus pada Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana. Namun, Tugas Akhir ini memberikan banyak manfaat kepada mahasiswa yang mengikutinya, khususnya penulis mendapat bekal untuk diterapkan di kemudian hari lewat Penulisan Laporan Tugas Akhir ini.

Keberhasilan dalam penyelesaian Laporan Tugas Akhir ini tidak akan terwujud tanpa adanya bantuan dari berbagai pihak, dengan rasa rendah hati penulis sampaikan rasa terima kasih yang sedalam-dalamnya kepada pihak-pihak yang selama ini telah membimbing serta membantu penulisan Laporan Tugas Akhir ini, Yaitu kepada :

(8)

vi

2. Bapak Dr. Dharmaputra T. Palekahelu, S.Pd., M.Pd sebagai Dekan Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana.

3. Bapak Budhi Kristianto, S.Kom, M.Sc sebagai Ketua Program Studi Teknik Informatika, Diploma Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana. 4. Bapak Teguh Wahyono selaku dosen pembimbing yang

telah banyak memberikan arahan, bimbingan, serta masukan sehingga laporan ini dapat terselesaikan dengan baik.

5. Segenap dosen yang telah memberikan bekal ilmu selama ini.

6. Orang tua dan keluarga tercinta, yang memberikan dukungan baik moril maupun materil kepada penulis untuk selalu berusaha mencapai hasil yang terbaik.

7. Dimas Prasetya yang telah memberikan banyak masukan dalam pengembangan aplikasi ini.

8. Vistra Vevtisia, Kristin Wahyuningsih yang telah memberikan support serta dukungan moril

9. Serta semua pihak yang tidak dapat penulis sebutkan satu persatu.

(9)

vii

Penulis sadar bahwa dalam mengerjakan karya tulis ini masih ada kekurangannya, untuk itu penulis mengharapkan saran dan kritik yang sifatnya membangun, semoga karya tulis ini dapat bermanfaat khususnya bagi penulis sendiri dan umumnya bagi pembaca.

Salatiga, 13 April 2013

(10)

viii

Daftar Isi

Hal

Judul ... i

Lembar Pengesahan ... ii

Lembar Pernyataan Bebas Plagiasi ... iii

Lembar Pernyataan Hak Bebas Royalti dan Publikasi ... iv

(11)

ix

2.2 Landasan Teori ... 5

Bab III Perancangan Sistem ... 12

3.1 Flowchart ... 12

3.2 Lembar Kerja Tampilan ... 13

3.3 Jaringan Sematik Tampilan………. .. 22

Bab IV Hasil dan Analisis ... 23

4.1 Hasil Karya / Implementasi ... 23

4.2 Hasil Pengujian ... 32

Bab V Penutup ... 33

5.1 Kesimpulan ... 33

5.2 Saran ... 33

Daftar Pustaka ... 34

(12)

x

Gambar3.8Form Program Aplikasi……….. .... 20

Gambar3.9 Form web Contact……….. ... 21

Gambar3.10 Jaringan Sematik Tampilan……….. .. 22

Gambar4.1 Tampilan Awal……….. ... 24

Gambar4.2 Tampilan Halaman About Us……… 25

Gambar4.3 Tampilan Halaman Register……….. ... 26

Gambar4.4 Tampilan Halaman Galery ……….. ... 27

Gambar4.5 Tampilan Halaman Web Design ……….. 28

Gambar4.5 Tampilan Halaman Desain Logo ……….. ... 29

Gambar4.5 Tampilan Halaman program Aplikasi ……… . 30

(13)

xi

Daftar Lampiran

(14)

xii Abstrak

Website tampaknya telah menjadi kebutuhan bagi sebuah organisasi, lembaga, perusahaan komersial, dan sebagainya. Website adalah media alternatif untuk memasarkan produk,

di samping sistem pemesanan online diharapkan

meningkatkan pelayanankepadakonsumen.

Penelitian ini dilakukan bertujuan untuk membuat website yang menarik dan interaktif sehingga dapat di publikasikan kepada masyarakat luas oleh karena itu diharapkan dapat menciptakan website yang lebih baik dari pada website yang sebelumnya.

(15)

1

BAB I

Pendahuluan

1.1.

Latar Belakang

Seiring dengan perkembangan teknologi informasi saat ini, penggunaan komputer telah merambah ke berbagai bidang kehidupan, dan dalam berbagai penyelesaian pekerjaan. Diramalkan penggunaan komputer dalam kehidupan modern ini akan banyak memberikan manfaat untuk berbagai bidang, baik itu bidang keuangan, manajemen, perbankan, dan lainnya.

Website memiliki peranan yang sangat penting dalam

sebuah perusahaan khususnya dalam bidang marketing atau

dalam memberikan suatu informasi tentang sebuah produk

karena kita tahu sekarang ini hampir semua orang

menggunakan komputer dan kebanyakan dari mereka

menggunakannya untuk mengakses website contohnya seperti

facebook, toko bagus, detik.com, dll, selain itu website juga

dapat di jadikan sebagai sarana perusahaan untuk memberikan

informasi informasi penting perusahaan yang dapat digunakan

oleh karyawan dalam mendukung kinerjannya.

(16)

2

Sehingga memunculkan ide untuk membuat “Rancang

Bangun Aplikasi Web Untuk Perusahaan Design”

Sebagai judul tugas akhir

1.2. Rumusan Masalah

Website adalah dokumen yang memuat data

mengenai detail dan selling point dari sebuah perusahaan, lembaga, atau instansi. Maka dari itu diperlukan sebuah

Website harus di buat dengan jelas dan semenarik

mungkin, maka dari itu didapat rumusan masalah sebagai berikut:

a) Bagaimana membuat Website tampak lebih menarik dan interaktif.

b) Bagaimana membuat interface website agar dapat dipahami oleh konsumen dan pesan dapat tersampaikan.

1.3. Tujuan

1.3.1. Tujuan Umum

(17)

3

1.3.2. Tujuan Khusus

a) Untuk mempublikasikan dan memasarkan produk kepada masyarakat luas.

b) Untuk mempelajari lebih lanjut tentang ilmu multimedia dan pemrograman menggunakan php serta saya ingin mengetahui lebih dalam tentang system dalam sebuah website.

1.4. Batasan masalah

Supaya pembahasan masalah lebih mendalam dan terperinci, maka pembahasan masalah dibatasi menjadi: a) Website ini menggunakan bahasa pemrograman

HTML

b) Ruang lingkup dari Website ini hanya membahas mengenai apa itu Perusahaan design, produk-produk yang ditawarkan dan proses menhubungi.

c) Tidak membahas tentang transaksi karena website ini haya untuk mempermudah dalam melakukan proses pemsanan.

1.5. Metodologi

Adapun metodologi penelitian yang dilakukan penulis untuk menyelesaikan berbagai permasalahan yang terjadi diatas adalah:

(18)

4

- Data-data gambar untuk melengkapi website - Data-data source/coding dari contoh sebsite

yang saya jadikan referensi. - Data teks

b) Pengolahan Data Tahap ini meliputi :

- Pembongkaran template yang sudah ada - Menambahkan ataupun mengurangi data

dalam template agar sesuai dengan keinginan saya

- Menyatukan data sehingga aplikasi dapat di analisa ke tahap selanjutnya

c) Analisa

Melakukan pencarian error dari aplikasi yang telah diedit pengkodeannya

d) Pengujian

Melakukan pengetesan untuk mengetahui berjalan dengan lancar

e) Penyusunan laporan

(19)

5

BAB II

TINJAUAN PUSTAKA

2.1.

Penelitian terdahulu

Pada tahun 2011 Marsita Dewi Telah membuat website

“Pembuatan situs web almamater perguruan tinggi”,

dengan sedikit mengacu pada website tersebut mencoba mengubah konsepnya menjadi konsep baru sesuai dengan dengan keinginan, sehingga menghasilkan tampilan yang lebih menarik dan lebih interaktif.

2.2.

Landasan teori 2.2.1. Website

Web merupakan hal yang tidak dapat dipisahkan dari dunia internet. Melalui web, setiap pemakai internet bisa mengakses informasi-informasi di situs web yang tidak hanya berupa teks, tetapi juga dapat berupa gambar, suara, film, animasi, dan lain-lain. Berikut ini pengertian dan definisi pembelajaran menurut sumber dan para ahli:

(20)

6

sedangkan teks yang dijadikan media penghubung disebut hypertext (Yuhefizar, 2009).

Menurut Sampurna (1996) : WEB adalah sekelompok kode berbasis teks yang sederhana dan universal

Secara terminologi website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah situs web (web page) diakses dari sebuah

URL yang menjadi “akar” ( root ), yang disebut homepage

(halaman induk; sering diterjemahkan menjadi “beranda”, “halaman muka”), URL ini mengatur web page untuk menjadi

(21)

7

2.2.2. HTML

HTML(Hyper Text Markup Language) adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag tadi memberitahu browser bagaimana menampilkan halaman web dengan lengkap kepada pengguna.

Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. (Rio Astamal, 2006). HTML memiliki beberapa versi, yaitu:

a. HTML2.0

Dikembangkan oleh Internet Engineering Task Force HTML

Working Group pada tahun 1996. HTML 2.0 adalah

versi HTML yang sudah kadaluarsa. Jadi bagi para pengembang Web sudah tidak lagi menggunakan versi HTML 2.0 standar.

b. HTML3.2

HTML 3.2 menjadi Rekomendasi W3C 14. Januari 1997. HTML 3.2 berisi fitur baru seperti font, table, applet,

superscripts, subscript dan banyak lagi, dengan standar

HTML 2.0 yang ada.

(22)

8

tidak perlu untuk tugas penting dari memisahkan konten HTML (teks) dari presentasi (style).

d. HTML4.0

HTML 4.0 menjadi Rekomendasi W3C 18. Desember 1997. Rilis kedua dikeluarkan pada tanggal 24. April 1998 dengan hanya beberapa koreksi editorial. Fitur yang paling penting dari HTML 4.0 adalah pengenalan stylesheet (CSS).

e. HTML4.01

HTML 4.01 menjadi Rekomendasi W3C 24. Desember 1999. HTML 4.01 adalah minor update-koreksi dan perbaikan bug dari HTML 4.0.

f. XHTML1.0

XHTML 1.0 merumuskan HTML 4.01 dalam XML. XHTML 1.0 menjadi Rekomendasi W3C 20. Januari 2000. g. HTML5

Pada tanggal 22 Januari 2008, W3C menerbitkan rancangan kerja untuk HTML 5. HTML 5 meningkatkan interoperabilitas, dan mengurangi biaya pengembangan, dengan membuat aturan yang tepat tentang bagaimana untuk menangani semua elemen HTML, dan bagaimana memulihkan dari kesalahan. Beberapa fitur baru dalam HTML 5 adalah fungsi untuk audio embedding, video, grafik, sisi penyimpanan data klien, dan dokumen interaktif. HTML 5 juga mengandung unsur-unsur baru seperti <nav>,

(23)

9

kelompok kerja HTML 5 diantaranya AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, dan banyak lagi vendor lainnya. Untuk mendapatkan sebuah website yang menarik dengan berbagai animasi, maka penulis menggunakan HTML5 sebagai HTML dalam website tersebut.

2.2.3. JQuery

JQuery adalah pustaka Java Script kecil bersumber

terbuka yang menekankan pada interaksi antara java script dan html. (John Resig, 2006)

Dengan JQuery, suatu halaman web yang menjadi

Java Script biasa, yang harus secara eksplisit disisipkan pada

(24)

10

2.2.4. CSS

CSS (Cascading Style Sheet) adalah standard pembuatan dan pemakaian style untuk dokumen terstruktur , CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan. (Suprayogi).

Keuntungan menggunakan CSS :

• Memisahkan presentastion sebuah dokumen dari

content document itu sendiri.

• Mempermudah dan Mempersingkat pembuatan dan pemeliharaan dokumen web

• Mempercepat proses rendering/pembacaan HTML.

CSS digunakan dalam kode HTML untuk menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas kemampuan HTML, sebagai contoh, kode HTML murni tidak memungkinkan untuk untuk mengatur ukuran font yang diterapkan pada setiap sel dan bahkan tag <BASEFONT> pun tak berpengaruh pada selsel tabel (Abdul, 2003).

(25)

11

dari CSS yang mampu melakukan bayak hal dalam desain web. CSS2 mendukung penentuan posisi konten,

downloadable, huruf, tampilan pada tabel dan media tipe

untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama.

CSS3 juga dapat melakukan animasi pada halam website, diantaranya animasi warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS3 seperti; multiple background,

border-radius, drop-shadow, border-image, CSS Math, dan CSS

Object Model. Untuk mendapatkan sebuah website yang

(26)

12

BAB III

PERANCANGAN SISTEM

3.1Flowchart

Pada gambar 3.1 di tampilkan flowchart untuk website

Start

Home

About Us register Galery Contact

Profil

Gambar 3.1 Flowchart Website

Pada gambar diatas yaitu gambar 3.1, ditampilkan flowchart untuk website.

Dari gambar diatas dapat dijelaskan sebagai berikut: a) Start

(27)

13

Tampilan awal saat user membuka website. Merupakan halaman yang berisi menu menu sebagai berikut:

1. About Us

Jika menu “About Us” dipilih maka akan ditampilkan sebuah tulisan tentang perusahaan Six Nine Design

2. Register

Jika menu “Register” dipilih maka akan ditampilkan form-form untuk di isi jika akan menjadi member

3. Galery

3.2 Lembar Kerja Tampilan

Lembar kerja tampilan ini sangat berguna bagi user,

karena dapat sebagai pedoman untuk

(28)

14

Berikut ini merupakan LKT (Lembar Kerja Tampilan) pada website perusdahaan desain

a. Form Home

Gambar 3.2 Form Home

Keterangan:

Pada rancangan tampilan pertama ini dibagian atas terdapat logo perusahaan, button menu yang terdiri dari “Home”,

(29)

15

b. Form About Us

Gambar 3.3 Form About Us

Keterangan :

Pada rancangan tampilan pertama ini dibagian atas terdapat logo perusahaan, button menu yang terdiri dari

(30)

16

c. Form Register

Gambar 3.4 Form Register

Keterangan :

Pada rancangan tampilan pertama ini dibagian atas terdapat logo perusahaan, button menu yang terdiri dari

(31)

17

d. Form Galery

Gambar 3.5 Form Galery

Keterangan :

Pada rancangan tampilan pertama ini dibagian atas terdapat logo perusahaan, button menu yang terdiri dari “Home”,

“About Us”, “Register”, “Galery”, “Contact”, Pada

(32)

18

d.1 Form Web Design

Gambar 3.6 Form Web Design

Keterangan :

Pada rancangan tampilan pertama ini dibagian atas terdapat logo perusahaan, button menu yang terdiri dari

(33)

19

d.2 Form Desain Logo

Gambar 3.7 Form Desain logo

Keterangan :

Pada rancangan tampilan pertama ini dibagian atas terdapat logo perusahaan, button menu yang terdiri dari

(34)

20

d.3 Form Program Aplikasi

Gambar 3.8 Form Program aplikasi

Keterangan :

Pada rancangan tampilan pertama ini dibagian atas terdapat logo perusahaan, button menu yang terdiri dari

(35)

21

e. Form Contact

Gambar 3.9 Form Contact

Keterangan :

Pada rancangan tampilan pertama ini dibagian atas terdapat logo perusahaan, button menu yang terdiri dari

(36)

22

3.3Jaringan Sematik Tampilan

Jaringan semantik merupakan gambaran pengetahuan grafis yang menunjukkan hubungan antar berbagai objek. Jaringan semantik terdiri dari lingkaran-lingkaran yang menunjukkan objek dan informasi tentang objek-objek tersebut.

Gambar 3.10 Jaringan Sematik Tampilan

(37)

23

BAB IV

HASIL DAN ANALISIS

4.1. Hasil karya / Implementasi

Implementasi adalah pelaksanaan sebuah aplikasi. Dalam implementasi aplikasi ini menampilkan rancangan antar muka. Pada aplikasi ini, user dapat mengetahui tentang apa itu Website perusahaan design, dan juga produk produk yang ditawarkan. Perancangan website yang telah dilakukan , diimplementasikan menggunakan perangkat lunak adobe dreamweaver CS 3.

Dalam pembuatan Website ini, merancang pembuatan website dengan menggunakan flowchart yang sudah dijelaskan pada halaman sebelumnya. Dari tahap-tahap rancangan tersebut, maka dihasilkan sebuah website perusahaan design.

4.1.1. Tampilan Program

(38)

24

a) Tampilan Awal

Gambar 4.1 Tampilan awal

Pada saat website pertama kali dijalankan, akan muncul tampilan seperti pada gambar 4.1, saat user klik button

About, maka akan lanjut ke halamanselanjutnya, seperti pada

gambar 4.2.

<ul>

<li><a href="index.html"class="selected">Home</a></li>

<li><a href="about.html">About Us</a>

</li>

<li><a href="Form_Register.html">Register</a>

</li>

<li><a href="Galery.html">Galery</a></li>

<li><a href="contact.html">Contact</a></li>

(39)

25

b) Tampilan Halaman About Us

Gambar 4.2 Tampilan halaman About Us

Pada gambar 4.2 menampilkan beberapa menu yang dapat dipilih oleh user. Jika user memilih “about us”, maka akan ditampilkan tampilan seperti pada gambar ini. Berisi tentang profil perusahaan

<div class="staff_box">

<div class="col_3 col_l float_r">

<h4>Design &amp; Logo</h4>

<p>Meliputi Pembuatan desain grafis, dan juga logo-logo untuk pribadi, intansi maupun perusahaan.</p>

</div>

<div class="cleaner"></div>

(40)

26

c) Tampilan Halaman Register

Gambar 4.3 Tampilan halaman Register

Pada gambar 4.3 menampilkan beberapa menu yang dapat dipilih oleh user. Jika user memilih “Register”, maka akan ditampilkan tampilan seperti pada gambar ini. Berisi form-form untuk melakukan registrasi.

<tr>

<td width="317">User ID</td>

<td width="7">:</td>

<td width="210"><form id="form1" name="form1" method="post" action=""

</form></td>

<td>Password</td>

<td>:</td>

(41)

27

d) Tampilan Halaman Galery

Gambar 4.4 Tampilan halaman Galery

Pada gambar 4.4 menampilkan beberapa menu yang dapat dipilih oleh user. Jika user memilih “Galery”, maka akan ditampilkan tampilan seperti pada gambar ini. Berisi gambar produk dari perusahaan.

<div class="post_box">

<h2><a href="Gal_Log.php">Desain Logo</a></h2>

<img src="images/blog/02.jpg" alt="Image 02" />

<div class="post_text">

<p>Melayani pembuatan design logo,Stampeel Dll Sesuai Kebutuhan Anda.</p>

<a href="blog_post.html" class="more">Pesan</a>

(42)

28

1. Tampilan Halaman Web Design

Gambar 4.5 Tampilan halaman web design

Pada gambar 4.5 menampilkan beberapa menu yang dapat dipilih oleh user. Jika user memilih “web

design”, maka akan ditampilkan tampilan seperti

pada gambar ini. Berisi gambar produk website dari perusahaan.

<div class="post_box">

<h2>Produk website kami</h2>

<p><img src="images/WEB/web1.jpg" width="630" height="315" /></p>

<div class="cleaner"></div>

</div>

(43)

29

2. Tampilan Halaman Desain Logo

Gambar 4.6 Tampilan halaman desain kogo

Pada gambar 4.6 menampilkan beberapa menu yang dapat dipilih oleh user. Jika user memilih “desain logo”, maka akan ditampilkan tampilan seperti pada gambar ini. Berisi gambar produk desain logo dari perusahaan.

<h2>Desain Logo kami</h2>

<p><img src="images/LOG/log3.jpg" width="350" height="275" /></p>

<p><br class="cleaner h20" />

</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

(44)

30

3. Tampilan Halaman Program Aplikasi

Gambar 4.7 Tampilan halaman desain program aplikasi

Pada gambar 4.7 menampilkan beberapa menu yang dapat dipilih oleh user. Jika user memilih “program

aplikasi”, maka akan ditampilkan tampilan seperti

pada gambar ini. Berisi gambar produk program aplikasi dari perusahaan.

e) Tampilan Halaman Contact

<h2>Program Aplikasi</h2>

<p><strong>Aplikasi Rental CD/DVD</strong></p>

<p><img src="images/PAPP/papp1.jpg" width="350" height="275" /></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

(45)

31

Gambar 4.8 Tampilan halaman Contact

Pada gambar 4.8 menampilkan beberapa menu yang dapat dipilih oleh user. Jika user memilih “Contact”, maka akan ditampilkan tampilan seperti pada gambar. Berisi form-form untuk menghubungi perusahaan..

<form method="post" name="contact" action="#">

<label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />

<div class="cleaner h10"></div>

<label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" />

<div class="cleaner h10"></div>

(46)

32

4.2. Hasil Pengujian

Pengujian dilakukan dengan cara menjalankan menjalankan project website tersebut. Website di anggap berhasil apabila halaman web bisa muncul dengan baik sesuai dengan keinginan yang di capai. dan tidak terjadi eror. Dalam hak ini melakukan pengujian langsung secara ber ulang-ulang sesuai dengan tujuan yang ingin di capai, pengujian ini dilakukan bersamaan di dalam kelas pada saat pekuliahan, dan menurut para mahasiswa di kelas tampilan sudah cukup menarik

(47)

33

BAB V

PENUTUP

5.1. Kesimpulan

Dari penelitian ini dapat dia mbil kesimpulan bahwa :

- Terbatasnya kemampuan dan pengetahuan tentang bahasa pemrograman HTML tersebut sehingga website ini masih terbilang sangat sederhana.

- Perlunya menambah lebih banyak referensi agar website tidak monotone

5.2. Saran

(48)

34

Daftar Pustaka

.

Astamal,Rio., 2006, Mastering Kode HTML, www.rahasia-webmaster.com. Diakses 23 febuari 2013

Suprayogi., 2012, Pemrograman Internet (CSS), kulino.dinus.ac.id/. Diakses 23 febuari 2012.

free CSS template www. templatemo.com Di akses 23 febuari 2013

Yuhefizar, 2009 http://ebookgratis.ephi.web.id, di akses 25 febuari 2013

Sampurna (1996), http://i d.shvoong.com/internet-andtechnologies , di akses 15 maret 2013

(49)

35

Lampiran

1. Kode Program

a) Kode program untuk menampikan menu b)

<ul>

<li><a

href="index.html"class="selected">Home</a></li>

<li><a href="about.html">About Us</a>

</li>

<li><a href="Form_Register.html">Register</a>

</li>

<li><a href="Galery.html">Galery</a></li>

<li><a href="contact.html">Contact</a></li>

(50)

Gambar

Gambar3.1Flowchart…………………………………….. ..................  12
tabel (Abdul, 2003).
Gambar 3.2 Form Home
Gambar 3.3 Form About Us
+7

Referensi

Dokumen terkait

Bagi individu yang hendak melangsungkan pernikahan dengan pasangan yang berbeda latar belakang suku maupun yang telah menjalani, dapat lebih memperkuat

Setelah itu Sekdes terima permohonan dan persyaratan lalu melakukan pengecekan kelengkapan persyaratan, jika belum lengkap maka Sekdes akan memberikan konfirmasi

Hampir dari keseluruh sampel seniman partisipan menjelaskan jika residensi dibutuhkan sebagai ruang eksplorasi. Karena residensi memberikan kesempatan seniman untuk

Peningkatan volume kendaraan dan atau transportasi udara dengan bahan bakarnya telah menjadikan udara diperkotaan tercemari (polusi udara). Termasuk berdirinya pabrik

Busyairuddin Usman, op.. c) Penilaian hasil belajar PAI Akidah Akhlak ialah upaya pengumpulan informasi untuk menentukan tingkat penguasaan siswa terhadap suatu kompetensi

Hasil uji statistik menunjukkan bahwa faktor perlakuan A (lama perendaman), faktor perlakuan B (penambahan air pada tepung jagung) dan interaksi keduanya berpengaruh

Persepsi nasabah terhadapa banking card dilihat dari berbagai sisi dari pengetahuan nasabah kurang mengetahui akad-akad yang di gunakan dalam hasanah card, dari sisi

Berdasarkan uraian tersebut dapat disimpulkan bahwa didapatkan nilai kuat tekan optimum pada penambahan modulus alkali 2 dikarenakan pada prosentase tersebut terjadi