TA : Pembuatan Website UD. Tjandra Utama Jaya.

TUGAS AKHIR

Nama : Tjan Pilipus Dwianto Tjandra

NIM : 08.51016.0006

Program Studi : DIV Komputer Multimedia

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER SURABAYA

2012

STIKOM

viii ABSTRAK

Seiring berkembangnya teknologi, perusahaan UD Tjandra Utama Jaya yang bergerak di bidang penjualan thinner membutuhkan sebuah media promosi yang dapat menjangkau banyak daerah. Persaingan yang mulai meningkat dalam segi waktu dan jarak membuat perusahaan UD Tjandra Utama Jaya ini ingin membuat sebuah website yang dapat mengenalkan perusahaan UD Tjandra Utama Jaya kepada masyarakat luas.

Pembuatan sebuah website untuk perusahaan UD Tjandra Utama Jaya diyakini oleh pemilik perusahaan UD Tjandra Utama Jaya dapat membantu mengenalkan dan member informasi tentang perusahaan UD Tjandra Utama Jaya. Website yang akan dibuat berbentuk sebuah website company profile, sehingga content yang terdapat dalam website hanya memunculkan informasi-informasi tentang perusahaan UD Tjandra Utama Jaya serta memberikan sedikit informasi tentang barang yang dijual yaitu thinner.

Penulis akan melakukan wawancara kepada seorang praktisi yang telah sering membuat sebuah website. Selain itu, akan dilakukan wawancara kepada narasumber utama yaitu pemilik perusahaan UD Tjandra Utama Jaya untuk kelengkapan data yang akan ditampilkan di dalam website nantinya.

Website perusahaan UD Tjandra Utama Jaya yang berbentuk company profile ini telah dibuat dengan menggunakan bahasa pemrograman PHP sebagai database dan terdapat sebuah tampilan flash di dalam tampilan website.

Penulis mengharapkan website UD Tjandra Utama Jaya ini dapat memberikan tambahan informasi bagi masyarakat umum tentang sebuah website yang berbentuk company profile. Selain itu pembuatan website ini juga memiliki manfaat tersendiri untuk pemilik perusahaan UD Tjandra Utama Jaya dalam menjalankan kegiatan di dalam perusahaan.

STIKOM

xi

Halaman

KATA PENGANTAR……….. ix

DAFTAR ISI……… xi

DAFTAR GAMBAR……… xiii

DAFTAR TABEL……… xv

DAFTAR LAMPIRAN……… xvi

BAB I PENDAHULUAN……… 1

1.1 Latar Belakang Masalah……….. 1

1.2 Rumusan Masalah……… 3

1.3 Batasan Masalah……….. 3

1.4 Tujuan……….. 3

1.5 Manfaat……… 4

BAB II LANDASAN TEORI………... 5

2.1 Pengertian Website……….. 5

2.2 Pengertian HTML……… 8

2.3 Pengertian PHP……… 8

2.4 Pengertian MySQL……….. 8

2.5 Pengertian Flash……….. 9

2.6 Pengertian Promosi………. 9

2.7 Pengertian company profile………. 11

STIKOM

xii

BAB III METODOLOGI PENELITIAN……….. 12

3.1 Tahap Perencanaan………. 12

3.2 Tahap Analisa………. 14

3.3 Tahap Perancangan………. 22

3.4 Publikasi………. 25

3.5 Database………. 28

BAB IV IMPLEMENTASI……….. 30

4.1 Implementasi Sistem………. 30

4.2 Button……… 34

4.3 Interaksi atau Animasi……… 36

4.4 Publikasi Karya……….. 38

BAB V PENUTUP……….. 40

5.1 Kesimpulan……… 40

5.2 Saran……….. 41

DAFTAR PUSTAKA……… 42

DAFTAR RIWAYAT HIDUP………. 43

LAMPIRAN……… 44

STIKOM

1

PENDAHULUAN

1.1Latar Belakang Masalah

Seiring berkembangnya teknologi di dunia, muncullah tuntutan akan penyampaian informasi dengan cepat dan tepat di dalam dunia bisnis. Salah satu media komunikasi yang sedang berkembang adalah melalui internet. Melalui internet orang dapat berkomunikasi tanpa mengenal jarak. Internet juga sebagai media untuk penyampai informasi atau berita, salah satunya berbentuk website. Website merupakan salah satu alat untuk penyampaian informasi dalam dunia bisnis yang cukup berkembang di dunia saat ini. Perusahaan dapat mempromosikan barang yang dijualnya kepada masyarakat melalui media website ini.

Di jaman sekarang semua hal dituntut untuk dilakukan dengan cepat dan mempergunakan waktu sebaik-baiknya. Dengan begitu banyak perusahaan menggunakan website sebagai salah satu cara untuk mempromosikan usahanya. Namun kenyataan yang sesungguhnya, masih banyak pebisnis-pebisnis yang baru berdiri takut untuk menggunakan media internet yang pada umumnya berupa website untuk mempromosikan barang atau jasa yang ditawarkan. Banyaknya resiko penipuan yang sering terjadi di dalam dunia internet semakin membuat orang enggan untuk melakukan bisnis melalui media internet.

UD Tjandra Utama Jaya adalah perusahaan yang bergerak dalam bidang penjualan Thinner. Website digunakan sebagai media promosi yang baru dalam

STIKOM

2

perusahaan ini dan bertujuan untuk menjangkau luas Indonesia. Sebelumnya perusahaan ini melakukan promosi dengan cara door to door. Dengan website, akan mempermudah kinerja dari tim promosi untuk mengenalkan perusahaan dan barang jualannya kepada masyarakat di Indonesia.

Di UD Tjandra Utama Jaya ini hanya memiliki sedikit pekerja sehingga untuk membayar orang atau sales baru sangat susah karena masalah biaya. Dengan website ini sangat meminimaliskan biaya untuk membayar jasa orang untuk melakukan kegiatan promosi dan biaya perjalanan sales yang bertugas ke luar kota atau ke luar pulau.

Perusahaan ini bekerja di bidang thinner, sangat jarang terdapat website yang mengangkat tentang thinner sampai sekarang. Selain thinner, seperti toko bangunan dan toko sejenis lainnya jarang sekali yang memikirkan untuk membuat website perusahaannya. Mereka masih berpikir dengan cara lama yang menggunakan metode promosi menggunakan sales. Mereka masih memakai metode itu karena beberapa masalah yang umum dialami, contohnya barang yang dijual sedikit jenisnya atau barang yang sering berganti-ganti stok sehingga jika dimasukkan dalam website itu menjadi sangat susah untuk selalu update dan mengganti barang yang dijual. Masalah-masalah itulah yang akan dipecahkan melalui website yang akan dibuat ini.

Banyak cara untuk membuat website, salah satunya dengan bahasa pemrograman PHP dan flash. Kedua elemen itu akan disatukan dan dijadikan sebuah website yang dapat mendukung perkembangan perusahaan ini dalam bidang promosi.

STIKOM

1.2Rumusan Masalah

Berdasarkan uraian latar belakang maka perumusan masalah yang didapat adalah:

1. Bagaimana membuat Website UD Tjandra Utama Jaya yang digunakan sebagai media promosi?

2. Bagaimana mengenalkan perusahaan UD Tjandra Utama Jaya ini kepada masyarakat luas?

1.3Batasan Masalah

Adapun batasan masalah yang didapat dalam pembuatan website ini adalah: 1. Pembuatan web untuk perusahaan UD Tjandra Utama Jaya dengan

penggabungan bahasa pemrograman PHP dan Flash

2. Desain web yang sesuai dengan kebutuhan perusahaan UD Tjandra Utama Jaya. 3. Menu-menu yang terdapat di dalam website perusahaan UD Tjandra Utama Jaya.

1.4Tujuan

Tujuan yang muncul dari pembuatan website ini adalah: 1. Mengenalkan perusahaan kepada masyarakat luas. 2. Meningkatan pemasaran produk perusahaan.

STIKOM

4

1.5Manfaat

Manfaat yang didapat dalam pembuatan website ini adalah: 1. Masyarakat menjadi tau pentingnya sebuah website.

2. Menambah pengetahuan masyarakat tentang website company profile.

STIKOM

5

BAB II

LANDASAN TEORI

Di dalam landasan teori ini akan dijelaskan tentang komponen-komponen website yang akan dibuat sehingga pembaca dapat mengerti arti dari istilah-istilah yang akan dipakai. Secara garis besar website adalah sebuah media yang menggunakan internet untuk mengoperasikannya, yang bertujuan untuk mengenalkan atau memberi informasi kepada masyarakat luas sekaligus untuk berkomunikasi satu dengan yang lain dalam jarak yang jauh.

2.1 Pengertian Website

WWW (World Wide Web) atau yang sering disebut sebagai "web" merupakan aplikasi Internet yang paling populer. Demikian populernya hingga banyak orang yang salah mengidentikkan Web dengan Internet. Secara teknis, web adalah sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan dalam sebuah internet webserver dipresentasikan dalam bentuk hypertext (Janner Simarmata, 2000: bab12).

HTTP (Hypertext Transfer Protocol) biasa dianggap sebagai sistem yang bermodel client-server. Browser web, sebagai clientnya, mengirimkan permintaan kepada server web untuk mengirimkan dokumen-dokumen web yang dikehendaki pengguna. Server web lalu memenuhi permintaan ini dan mengirimkan melalui

STIKOM

6

jaringan kepada browser. Setiap permintaan akan dilayani dan ditangani sebagai suatu koneksi terpisah yang berbeda.

2.1.1 Jenis-jenis website

Berdasarkan pengoperasiannya, ada 2 jenis website secara umum, yaitu website statis (Static Website) dan Website Dinamis (Dynamic Website).

1. Static Website (Website Statis)

Website Statis hanya memiliki front end, yaitu halaman-halaman situs yang bisa diakses oleh pengunjung (Wahana Komputer, 2010: 2). Biasanya web jenis ini hanya dibuat dengan kode HTML (hypertext markup language) dan biasanya dilengkapi dengan script javascript dan flash untuk memperindah tampilan.

Konten website statis tidak dapat diupdate. Jika ingin merubah isi website statis, harus merombak kode-kode HTMLnya dan hanya bisa dilakukan oleh orang yang mengerti bahasa HTML. Website statis hanya bisa mengirimkan data ke dalam database yang berbentuk xml, sedangkan untuk memanggil data masih belm bisa. Pembuatan website seperti ini relatif sangat mudah tapi kurang baik untuk popularitas di mata search engine sehingga perlu usaha lebih banyak untuk mempopulerkan website statis dan mendatangkan pengunjung, misalnya dengan beriklan. Website statis biasanya berupa company profile sederhanya, brosur online, atau situs-situs yang berisi informasi sederhana yang tidak perlu dirubah. 2. Dynamic Website (Website Dinamis)

Website Dinamis biasanya memiliki front-end dan back end (Wahana Komputer, 2010: 2). Front end adalah halaman-halaman situs yang bisa diakses pengunjung, sedangkan back-end yang biasa disebut CMS (content

STIKOM

management system) atau biasa juga disebut Admin Area, atau kalau di dunia blog dikenal dengan nama Dashboard, berfungsi untuk mengupdate halaman-halaman front-end. Jadi halaman back end biasanya hanya bisa diakses oleh pemilik atau pengelola situs dengan username dan password yang telah ditetapkan.

Ada berbagai macam bentuk halaman back-end yang dibuat sesuai kebutuhan. Pada back-end atau admin area ini kita bisa merubah isi tulisan2 pada halaman situs, menambah tulisan atau artikel baru, mengupdate katalog produk seperti pada toko online, mengupdate portfolio, memanage iklan yang tampil di halaman situs jika ada, mengontrol user atau member situs dan lain-lain.

Website dinamis juga bisa dibuat interaktif dimana pengunjung atau user bisa meninggalkan komentar, menuliskan artikel baru dan lain-lain tergantung fungsi dan tujuan situs tersebut.

Berbeda dengan website statis, pembuatan website dinamis jauh lebih rumit dan komplikatif tergantung fitur-fitur yang diinginkan. Yang pasti untuk membangun sebuah web dinamis tidak cukup dengan bahasa HTML biasa tapi juga harus mengabungkan antara Web Sever (Apache, IIS, Tomcat), bahasa pemograman/script yang bekerja di sisi server tersebut (PHP, Perl, ASP dll) serta database.

STIKOM

8

2.2 Pengertian HTML

HTML (Hypertext Markup Language) adalah sekumpulan symbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang digunakan untuk menampilkan halaman pada web browser (Anhar, ST., 2010: 40). Sesungguhnya HTML justru tidak dibuat untuk mempublikasikan informasi di web, namun oleh karena kesederhanaan serta kemudahan penggunaanya, HTML kemudian dipilih untuk mendistribusikan informasi web. Dalam pengertiannya HTML adalah bahasa pemrograman dalam pembuatan sebuah website.

2.3 Pengertian PHP

PHP adalah bahasa pemrograman web server-side yang bersifat open source. PHP dapat digunakan sebagai script untuk membuat sebuah website yang dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta klien. Asal mula PHP pertama kali dibuat oleh Rasmus Lerdorf yang diberi nama FI (Form Interpreted) pada tahun 1995. Rasmus Lerdorf sendiri lahir pada tanggal 22 November 1968 di Qeqertarsuaq, Greenland, Denmark. (Anhar, ST., 2010: 1-3).

2.4 Pengertian MySQL

MySQL adalah singkatan dari My Structure Query Language. MySQL itu sendiri adalah sebuah perangkat lunak sistem manajemen basis data SQL (Database Management System) atau DBMS. MySQL merupakan DBMS yang multithread, multi-user yang bersifat gratis di bawah lisensi GNU General Public Licence (GPL). MySQL dimiliki dan disponsori oleh sebuah perusahaan Swedia, yaitu MySQL AB.

STIKOM

Pemilik MySQL AB ini adalah: David Axmark, Allan Larson, dan Michael Monty Widenius. (Anhar, ST., 2010: 21).

2.5 Pengertian Flash

Flash merupakan aplikasi yang digunakan untuk melakukan desain dan membangun perangkat presentasi, publikasi atau perangkat lainnya yang membutuhkan ketersediaan sarana interaksi dengan penggunanya. Proyek yang dibangun oleh Flash dapat terdiri atas teks, gambar, animasi sederhana, video, atau efek-efek khusus lainnya. Flash dikembangkan sejak tahun 1996, dan pada awalnya hanyalah merupakan program animasi sederhana GIF animation, tetapi sekarang sudah berkembang menjadi aplikasi raksasa yang digunakan oleh hampir semua orang yang menekuni bidang desain dan animasi berbasis komputer (Teguh Wahyono, 2006: 1) .

2.6 Pengertian Promosi

Promosi adalah suatu bentuk tujuan pemasaran dimana yang memiliki tujuan untuk memenuhi dan memuaskan kebutuhan serta keinginan target market. Promosi dibagi menjadi 4, yaitu:

1. Iklan

Iklan atau advertising adalah penyajian informasi nonpersonal mengenai produk, merek, perusahaan, atau toko yang dilakukan dengan bayaran tertentu. Iklan ditujukan untuk mempengaruhi afeksi dan kognisi konsumen. Iklan dapat

STIKOM

10

disajikan melalui beebagai macam media (TV, radio, majalah, surat kabar, dan lain-lain).

2. Promosi Penjualan

Promosi penjualan atau sales promotion adalah rangsangan langsung yang ditujukankepada konsumen untuk melakukan pembelian. Promosi penjualan dapat berupa kupon, kontes dan undian, pameran dagang, eksibisi, dan lain-lain. 3. Penjualan Personal

Penjualan personal atau personal selling melibatkan interaksi personal langsung antara seorang pembeli potensial dan seorang salesman. Penjualan personal dapat menjadi metode promosi yang hebat untuk 2 alasan berikut:

a. Komunikasi personal dengan salesman dapat meningkatkan keterlibatan konsumen dengan produk dan pengambilan keputusan. Oleh karena itu, konsumen dapat lebih termotivasi untuk masuk dan memahami informasi yang disajikan oleh salesman tentang suatu produk.

b. Situasi komunikasi saling silang/interaktif memungkinkan salesman mengadaptasi apa yang disajikannya agar sesuai dengan kebutuhan informasi setiap pembeli potensial.

4. Publisitas

Publisitas atau publicity adalah bentuk-bentuk komunikasi suatu perusahaan, produk, atau merk si pemasar yang tidak membutuhkan pembayaran. Kadangkala publisitas dapat lebih efektif daripada iklan karena konsumen dapat dikatakan lebih siap untuk menerima pesan yang disampaikan. (Fredy Rangkuti, 2009: 177).

STIKOM

2.7 Pengertian Company Profile

Company Profile merupakan representasi dari sebuah bisnis. Dengan melihat company profile, orang lain dapat melihat bisnis yang anda tawarkan. Sekarang ini banyak sekali perangkat lunak yang dapat digunakan untuk membuat company profile, baik yang bersifat komersial maupun gratis (Winpec Solution, 2010).

2.8Teori Warna dari Shigenobu Kobayashi

Shigenobu Kobayashi merupakan seorang ahli yang memiliki fokus dan riset tentang kombinasi warna. Shigenobu Kobayashi bekerja sama dengan Nipon Color & Design Research Institute untuk melakukan riset pada kombinasi warna untuk menyesuaikan penggunaan warna terhadap beberapa skenario, segmen, dan target berdasarkan dari sebuah kata kunci. Pada diagram kombinasi warna menunjukkan bahwa terdapat perbedaan tipis antara kombinasi warna. Berdasarkan pada sebuah kata kunci dan diagram kombinasi warna, maka kombinasi warna berbeda akan tercipta dan bisa mendapatkan kategori warna apakah warna tersebut merupakan warna sejuk atau panas, lembut atau keras, jelas atau cenderung keabu-abuan. Kombinasi warna cenderung mirip dengan satu sama lain dan dikumpulkan menjadi satu kategori seperti pretty dan casual, sehingga setiap perbedaan karakteristik pada kombinasi warna membuatnya mudah dibedakan dan dilihat. Warna, keyword, dan manusia/objek memiliki hubungan ketika menentukan sebuah kombinasi warna (Kobayashi, Shigenobu. 1991).

STIKOM

12

BAB III

METODOLOGI PENELITIAN

Sumber masalah di dalam penelitian ini adalah bagaimana membuat website perusahaan UD Tjandra Utama Jaya yang digunakan sebagai media promosi? Dengan adanya masalah itu, penelitian ini diharapkan dapat menemukan jawaban / solusi dari permaslaahan tersebut.

3.1 Tahap Perencanaan dan Planning

Di dalam penelitian ini ada beberapa perencanaan yang akan dipersiapkan, salah satunya adalah melakukan metode wawancara kepada orang yang sudah lama bekerja di bidang pembuatan website dan wawancara kepada para beberapa pengusaha yang baru akan membangun usahanya. Wawancara kepada seseorang yang telah lama bekerja di bidang pembuatan website ini ditujukan untuk mengumpulkan data tentang website yang baik seperti apa sedangkan wawancara kepada para pengusaha ditujukan sebagai pengumpulan data apakah penelitian ini bermanfaat atau tidak.

3.1.1 Pengambilan Data

Penelitian ini melakukan pengambilan data melalui website dan buku-buku yang dapat mendukung dalam proses pembuatan website perusahaan ini.

STIKOM

3.1.2 Pengumpulan Data

Pengumpulan data di dalam penelitian ini menggunakan pendekatan kualitatif, dalam pengumpulan data dilakukan dengan melakukan wawancara kepada seseorang yang sudah lama bekerja di bidang pembuatan website dan kepada para pengusaha sebagai responden yang dapat mendukung penelitian ini.

Wawancara kepada seseorang yang telah lama bekerja di bidang pembuatan website ini berisikan tentang bagaimana membuat website yang berfungsi sebagai media promosi yang baik dan menanyakan hal-hal yang dapat mendukung kelancaran dalam pembuatan website perusahaan ini.

Gambar 3.1 --SDLC (System Development Life Cycle)--

STIKOM

14

3.1.3 Sumber Data

Di dalam penelitian ini telah dipilih beberapa sumber data, sumber data ini berfungsi sebagai pendukung dalam pembuatan website perusahaan yang akan dibuat serta membantu untuk kelancaran dalam pembuatan website tersebut. Sumber data dipilih berdasarkan kebutuhan penelitian dan sumber data yang dipilih adalah sumber data yang memiliki hubungan tentang pembuatan website dan komponen-komponen pendukung dalam pembuatan website tersebut. Sumber data yang akan dipakai adalah: Buku-buku panduan pembuatan website, website-website yang menampilkan cara-cara pembuatan website yang menarik serta praktis, individu yang sudah lama berkecimpung di dalam bidang pembuatan website serta responden yang dipilih untuk memberikan pendapatnya untuk melengkapai data penelitian ini.

3.2 Tahap Analisa

Di dalam tahap ini akan dilakukan beberapa analisa terhadap kompetitor yang ada dan analisa terhadap konsumen yang akan dituju. Di dalam tahap ini akan dijelaskan beberapa analisa tentang: Studi eksisting, SWOT, STP, keyword dan analisa warna.

STIKOM

3.2.1 Studi Eksisting

Gambar 3.2 Web Indonetwork

Perusahaan Indonetwork memiliki website yang terlihat sederhana namun memiliki keunggulan di mana isi barang yang dijual sangat lengkap. Terdapat link depan, info perusahaan, katalog produk, hubungi kami, dan kenalkan kami. Terdiri atas 2 kolom. Gambar website Indonetwork dapat dilihat pada gambar 3.2.

Gambar 3.3 Web Cemerlang Paint

Website Cemerlang Paint adalah milik perusahaan cat dan thinner di mana website ini memakai desain warna untuk melambangkan cat yang perusahaan ini jual. Dari segi website, ini adalah website statis di mana website ini dibuat hanya untuk mengenalkan perusahaan saja bukan untuk berjualan. Website Cemerlang Paint berbentuk web flash, dari bentuk desain dan animasi saat berganti halaman terlihat jelas fungsi flashnya.

STIKOM

16

3.2.2 Analisa SWOT

Menurut Freddy Rangkuti dalam bukunya Analisis SWOT Teknik Membedah Kasus Bisnis (1997: 19). SWOT adalah singkatan dari lingkungan Internal Strenght dan Weakness serta lingkungan eksternal Opportunity dan Threats yang dihadapi dunia bisnis.

Menurut Richard West dan Lynn H. Turner dalam bukunya Pengantar Teori Komunikasi (2007: 93). Mencapai makna merupakan hal yang penting di dalam hidup kita. Dilandasi oleh buku Pengantar Teori Komunikasi, penulis menentukan SWOT sebagai berikut:

Tabel 3.1 SWOT Kompetitor

SWOT PT Cemerlang Indonetwork

Strenght

- Dari buku Teori Komunikasi Analisi dan Aplikasi di mana menyebutkan tanda adalah salah satu alat memudahkan komunikasi. Di website PT Cemerlang ini tanda yang digunakan dapat dilihat pengguna bahwa PT Cemerlang bekerja di bidang cat.

- Website Indonetwork ini memiliki informasi yang banyak tentang barang perusahaanya di mana itu adalah suatu kekuatan sebuah website.

STIKOM

Weakness

- Masih dari buku yang sama dikatakan alat komunikasi adalah alat yang memiliki interaksi, sedangkan website PT Cemerlang ini tidak dapat berinteraksi. Website ini berbentuk statis di mana itu akan menyulitkan jika ada sesuatu perubahan dalam data barang atau adanya penambahan atau pengurangan yang terjadi.

- Website Indonetwork ini masih kurang di penyampaian sebuah informasi, pada saat membuka website ini para pengunjung masih meraba-raba website apa yang dilihatnya. Kurangnya image yang berhubungan dengan thinner menjadi sebuah kelemahan.

Opportunity - Masih sedikit website yang memakai program flash untuk tampilan websitenya.

- masih sedikit website perusahaan thinner yang dinamis.

Threat

- Munculnya web-web dinamis yang memiliki bidang di cat dan thinner.

- muncul pesaing yang memiliki desain lebih menarik.

STIKOM

18

Tabel 3.2 SWOT Website UD Tjandra Utama Jaya

Strenght

- Website memiliki image-image yang mencerminkan bahwa website ini adalah website perusahaan thinner di mana di pengunjung akan mudah mengenalinya.

- Website ini juga berbentuk dinamis dan mengajak pengunjung untuk berinteraksi sehingga ada hubungan timbal balik meskipun tidak signifikan.

Weakness

- Kelemahan website ini adalah kurangnya content di dalam website ini karena masih barunya usaha yang dijalankan sehingga website masih terlihat sepi dan tidak berisi.

Opportunity

- Untuk kesempatan, Website ini memiliki kesempatan untuk bersaing dengan website-website yang sudah ada dengan menggunakan konsep yang unik sehungga website ini berbeda dengan website-website lain pada umumnya.

Threat

- Ancaman yang didapat adalah dari website-website yang sudah lama ada dan banyak mengalami perubahan dari waktu ke waktu serta telah mendapatkan banyak kritikan dan saran. - Ancaman lainnya akan muncul website-website lain yang lebih

inovatif dan praktis.

STIKOM

3.2.2 Segmenting, Targeting, Positioning

Penentuan segmen dan target audien sangat diperlukan agar aplikasi ini nantinya akan digunakan sesuai apa yang telah ditujukan, di mana secara tidak langsung juga dapat membantu untuk mengefisiensikan proses distribusi. Berikut ini merupakan segmentasi, target, dan positioning untuk website ini :

1. Segi segmentasi:

- Ditujukan pada letak tengah kota di kota-kota besar, memiliki usaha yang cukup besar dan memiliki modal besar.

2. Segi target:

- Memiliki target individu yang umurnya berkisar 21-45, usia berkisar itu adalah usia produktif manusia pada umumnya.

3. Segi posisi:

- Website ini memposisikan dirinya sebagai alat/media yang berfungsi untuk memudahkan promosi barang yang akan dijual sekaligus memperkenalkan nama usaha yang belum dikenal oleh masyarakat luas.

STIKOM

20

3.2.3 Analisa Keyword

Gambar 3.4 Bagan Pemikiran Keyword

Gambar 3.5 Keyword

STIKOM

3.2.4 Analisa Warna

Berdasarkan hasil analisa dari keyword sebelumnya dan menurut teori warna dari Kobayashi, warna-warna yang sesuai dengan keyword elegant adalah sebagai berikut:

Gambar 3.6 Teori Warna Kobayashi

Elegant memiliki arti anggun, di mana menyesuaikan dengan topik Tugas Akhir ini yang ditujukan kepada orang-orang yang memiliki ekonomi yang bagus karena anggun identik dengan orang yang high class.

STIKOM

22

3.3 Tahap Perancangan

Tahap perancangan merupakan salah satu langkah penting dalam proses pembuatan Tugas Akhir ini, agar hasilnya bisa menyesuaikan dengan apa yang telah ditujukan sebelumnya. Di dalam tahap perancangan meliputi perancangan ide dan konsep, alur perancangan, rancangan desain, dan tipografi yang akan digunakan.

3.3.1 Ide

Setelah melakukan beberapa penelitian dan observasi lapangan serta bertanya-tanya kepada pemilik perusahaan, muncullah ide untuk membuat sebuah website company profile perusahaan ini dengan metode alur seperti CD interaktif. Website sudah banyak di dunia sekarang, di mana-mana perusahaan besar membuat website agar jangkauan usahanya lebih besar dari sebelumnya. Banyak orang juga mengakses internet untuk mencari sebuah informasi. Dengan website ini, perusahaan UD Tjandra Utama Jaya ini ingin perusahaannya lebih dikenal dan tujuan ke depannya menggunakan website ini sebagai media toko di dunia maya. Namun untuk sekarang, pemilik perusahaan hanya meminta untuk mengenalkan perusahaannya saja. Dengan demikian, website company profile ini dibentuk sedemikian rupa untuk mengenalkan perusahaan UD Tjandra Utama Jaya ini. Ide desain dibuat sederhana dengan hanya memberikan beberapa image yang dijadikan sebagai tombol untuk menuju ke halaman berikutnya.

STIKOM

3.3.2 Konsep

Konsep Tugas akhir ini adalah menggabungkan PHP dengan Flash sehingga terbentuk suatu web dinamis yang interaktif. Di mana website ini bukan hanya dapat menyimpan data dan memunculkan data namun dapat juga berinteraksi dengan pengunjung website. Dengan perkembangan pengetahuan, maka bahasa pemrograman PHP ini dapat dijadikan satu dengan Flash yang biasanya PHP hanya digunakan sendiri dan Flash sendiri. Website ini akan mencoba hal baru dengan menggabungkan keduanya.

3.3.3 Alur Perancangan

Di dalam alur perancangan ini akan ditampilkan flowchart perencanaan website untuk memberikan informasi alur dari website yang akan dibuat ini.

Gambar 3.7 Flowchart Perencanaan Website

STIKOM

24

3.3.4 Alur Rancangan Karya

Alur rancangan karya ini berisi tentang sketsa awal sebelum website dibentuk. Dari sketsa awal kemudian dikembangkan menjadi sebuah website yang tujuannya digunakan untuk media promosi perusahaan.

Tabel 3.3 Sketsa Awal

Halaman depan

Dimana halaman ini adalah halaman pembuka yang pertama dilihat oleh para pengunjung website

Halaman kantor

Halaman ini dibuat sebagai kantor di mana terdapat contact person dan buku tamu.

Halaman barang

Halaman ini berisi gambar barang-barang yang dijual dan penjelasannya

STIKOM

3.4 Publikasi

Publikasi adalah kegiatan memperkenalkan sesuatu kepada orang lain. Di dalam publikasi ini akan ditampilkan poster, desain kotak DVD dan cover DVD. Konsep dan sketsa awal dari semuanya akan ditampilan.

3.4.1 Poster

Konsep dari poster ini adalah menggabungkan gambar matrix dengan website yang dibuat. Poster dibuat seunik dan seelegan mungkin dengan menunjukkan gambar matrix yang menandai kemajuan teknologi di dunia maya.

Gambar 3.8 Sketsa Poster

STIKOM

26

3.4.2 Cover DVD

Cover DVD dibuat sederhana dengan penggabungan warna abu2 dan hitam serta diberi warna hijau sebagai pemanis.

Gambar 3.9 Sketsa Cover DVD

STIKOM

3.4.3 Cover Kotak DVD

Kotak depan diberi desain yang menampilkan halaman depan website disertai biodata penulis serta logo Stikom di mana penulis menjalankan pendidikannya. Cover belakang ditampilkan abstrak dari karya tulis Tugas Akhir ini.

Gambar 3.10 Sketsa Cover Kotak DVD

STIKOM

28

3.5 Database

Database yang digunakan website ini ada beberapa option, berikut akan dilihatkan tampilan sekilas databse website ini.

Gambar 3.11 Tampilan Database Website

Gambar 3.12 Tampilan Database Buku Tamu

STIKOM

Gambar 3.13 Tampilan Elemen-elemen dalam Database Buku Tamu

Gambar 3.14 Tampilan Susunan Database Buku Tamu

STIKOM

30 BAB IV

IMPLEMENTASI DAN EVALUASI

Di dalam bab ini akan dijelaskan serta akan ditampilkan bagaimana tampilan website yang dibuat beserta komponen-komponen pendukungnya. Komponen-komponen pendukungnya antara lain adalah : script yang dipakai, gambar button dalam web, database yang ada di dalam web, dan tampilan website secara umum.

4.1 Implementasi Sistem

Website ini menggunakan bahasa pemrograman PHP dan HTML. Berikut akan dijelaskan secara singkat tentang sistem website ini.

Gambar 4.1 Tampilan Home Page

Halaman home page adalah halaman pembuka, halaman utama saat pengunjung mengakses website UD Tjandra Utama Jaya. Halaman ini memiliki fungsi untuk menginformasikan kepada para pengunjung tentang gambaran besar

STIKOM

website apakah ini. Pertama kali pengunjung membuka halaman home page, pengunjung akan diperlihatkan suasana gudang yang dibuat mirip dengan keadaan gudang yang dimiliki UD Tjandra Utama Jaya. Di halaman ini juga terdapat profile singkat perusahaan UD Tjandra Utama Jaya dan terdapat juga informasi tentang contact maintanace¸ sehingga bila ada kerusakan di dalam website UD Tjandra Utama Jaya, pengunjung dapat melaporkannya. Selain itu juga terdapat update berita untuk memberikan informasi kepada pengunjung tentang perkembangan harga atau hal-hal lainnya yang bersangkutan dengan perusahaan UD Tjandra Utama Jaya.

Gambar 4.2 Tampilan Office Page

Halaman office page adalah halaman kantor, halaman ini dibuat dengan suasana kantor yang mirip dengan suasana kantor yang ada di UD Tjandra Utama Jaya. Di dalam halaman office page ini, pengunjung dapat mengisi buku tamu dan melihat contact person pemilik perusahaan jika ingin melakukan transaksi atau bertanya-tanya seputar UD Tjandra Utama Jaya. Selain itu terdapat pilihan TV, TV ini berisi tentang profile perusahaan UD Tjandra Utama Jaya secara lengkap.

STIKOM

32

Gambar 4.3 Tampilan Halaman Barang

Halaman barang adalah halaman yang menginformasikan tentang barang yang dijual oleh UD Tjandra Utama Jaya. Di dalam halaman ini terdapat pengetahuan tentang apakah itu thinner dan terdapat beberapa gambar barang (thinner) yang dapat di klik oleh pengunjung website bila ingin mengetahui tentang keterangan dari barang tersebut.

Gambar 4.4 Tampilan Contact Maintanance dan Profile Singkat

Tampilan contact maintanance dan profile singkat menggunakan button berupa image, button akan mengalami hover jika disentuh oleh pointer mouse sehingga pengunjung mengetahui mana yang button mana yang bukan.

STIKOM

Gambar 4.5 Tampilan Button Profile Singkat

Tampilan logo perusahaan di halaman depan atau home page ini dibuat menjadi salah satu button yang terdapat di halaman ini. Hal itu bertujuan agar pengunjung mengingatnya pada saat mengklik button tersebut.

STIKOM

34

4.2 Button

Tombol-tombol yang digunakan sebagian besar berupa image dan di roll over dengan image juga.

Gambar 4.6 Button Lampu

STIKOM

Gambar 4.7 Button Contact Person dan Buku Tamu

Gambar 4.8 Button Keluar sebelum Roll Over

Gambar 4.9 Button Keluar setelah Roll Over

STIKOM

36

4.5 Interaksi atau animasi

Melalui button-button yang digunakan di dalam website ini, beberapa button berfungsi untuk mengajak para pengunjung seakan-akan ada di dunia nyata dengan mengajak sedikit berinteraksi dengan menggunakan link dan button seakan-akan website ini memiliki animasi.

Gambar 4.10 Tampilan Halaman Kantor Awal

Halaman kantor yang ditampilkan adalah halaman kantor sebelum pengunjung menyalakan lampu, di mana pengunjung hanya bisa memiliki pilihan menyalakan lampu atau keluar. Pengunjung diajak seakan-akan ada di kantor itu langsung dan diajak untuk sedikit berinteraksi.

STIKOM

Gambar 4.11 Tampilan Halaman Kantor Setelahnya

Ini adalah tampilan setelah lampu di dalam halaman kantor menyala. Di situasi ini, pengunjung dapat melihat contact person dan mengisi buku tamu. Bila pengunjung ingin ke halaman depan, pengunjung diajak untuk mematikan lampu terlebih dahulu sebelum meninggalkan halaman kantor baru ketika lampu telah dimatikan, muncullah button keluar.

STIKOM

38

4.6 Publikasi Karya

Pada Publikasi Karya terdapat hasil jadi poster, cover CD, dan cover kotak CD yang dibuat untuk kepentingan publikasi.

1. Poster

Gambar 4.12 Poster

Gambar 4. adalah gambar poster A1 untuk kebutuhan publikasi. Poster menampilkan beberapa gambaran dalam website UD Tjandra Utama Jaya.

STIKOM

2. Cover CD

Gambar 4.13 Cover CD

3. Cover Kotak CD

Gambar 4.14 Cover Kotak CD

STIKOM

40 BAB V PENUTUP

Bab Penutup ini meliputi intisari kesimpulan dan saran dari karya Tugas Akhir ini agar nantinya bisa dijadikan acuan kepada pembaca bilamana ingin meneruskan atau membutuhkan referensi tambahan untuk karya Tugas Akhir yang serupa.

5.1 Kesimpulan

Setelah melakukan analisa dan proses pembuatan website, maka dari website ini dapat disimpulkan bahwa:

1. Website perusahaan UD Tjandra Utama Jaya dibuat menggunakan bahasa pemrograman PHP dan Flash. Website berbentuk company profile sehingga dapat menjadi media promosi bagi perusahaan UD Tjandra Utama Jaya.

2. Berbeda dengan website lain, website ini lebih menggunakan banyak image sebagai bagian dari website ini sehingga pengunjung diharapkan sabar ketika membuka website ini.

3. Website ini ditujukan kepada para langganan / klien yang telah menjalankan kerjasama dengan perusahaan sehingga dapat mendapatkan informasi terbaru yang di update melalui website ini

4. Perusahaan sangat terbantu dengan adanya website ini sebagai pengenalan perusahaan dan media promosi perusahaan di mana sebelumnya pemilik perusahaan kesusahan dalam mengenalkan perusahaannya atau mempromosikan barangnya kepada penduduk di luar pulau yang jaraknya cukup jauh

STIKOM

5.2 Saran

Adapun saran–saran untuk pengembangan website ini antara lain :

1. Menambahkan guna database yang lebih detail lagi dari sebelumnya karena penulis memiliki keterbatasan dalam masalah database.

2. Memberikan informasi yang lebih banyak lagi ke dalam website sehingga website bisa terasa lebih menarik dan hidup.

3. Memberikan aplikasi animasi lebih banyak sehingga pengunjung dapat menikmati website ini lebih lagi, contohnya menambahkan permainan atau kolom diskusi untuk para pengunjung.

STIKOM

42

DAFTAR PUSTAKA

Janner Simarmata. 2000. Pengenalan Teknologi Komputer dan Informasi. Yogyakarta: Andi Publisher.

Anhar, ST. 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak. Jakarta: Media Kita.

Wahana Komputer. 2010. Membangun Website Tanpa Modal. Yogyakarta: ANDI. Teguh Wahyono. 2006. 36 Jam Belajar Komputer Animasi dengan Macromedia

Flash 8. Jakarta: PT Elex Media Komputindo.

Fredy, R. 2009. Strategi Promosi yang Kreatif dan Analisa Kasus Integrated Marketing Communication. Jakarta : PT. Gramedia Pustaka Utama.

Winpec Solution. 2010. Membuat web Company Profile dengan Joomla. Jakarta: PT Elex Media Komputindo.

Kobayashi, Shigenobu. 1991. Color Image Scale. Tokyo: Kodansha International. Fredy Rangkuti. 1997. Analisis SWOT Teknik Membedah Kasus Bisnis. Jakarta: PT

Gramedia Pustaka Utama.

Richard West., Lynn H. Turner. 2007. Pengantar Teori Komunikasi. Jakarta: Salemba Humanika

STIKOM

37

Gambar 4.11 Tampilan Halaman Kantor Setelahnya

Ini adalah tampilan setelah lampu di dalam halaman kantor menyala. Di situasi ini, pengunjung dapat melihat contact person dan mengisi buku tamu. Bila pengunjung ingin ke halaman depan, pengunjung diajak untuk mematikan lampu terlebih dahulu sebelum meninggalkan halaman kantor baru ketika lampu telah dimatikan, muncullah button keluar.

STIKOM

4.6 Publikasi Karya

Pada Publikasi Karya terdapat hasil jadi poster, cover CD, dan cover kotak CD yang dibuat untuk kepentingan publikasi.

1. Poster

Gambar 4.12 Poster

Gambar 4. adalah gambar poster A1 untuk kebutuhan publikasi. Poster menampilkan beberapa gambaran dalam website UD Tjandra Utama Jaya.

STIKOM

39

2. Cover CD

Gambar 4.13 Cover CD

3. Cover Kotak CD

Gambar 4.14 Cover Kotak CD

STIKOM

40

Bab Penutup ini meliputi intisari kesimpulan dan saran dari karya Tugas Akhir ini agar nantinya bisa dijadikan acuan kepada pembaca bilamana ingin meneruskan atau membutuhkan referensi tambahan untuk karya Tugas Akhir yang serupa.

5.1 Kesimpulan

Setelah melakukan analisa dan proses pembuatan website, maka dari website ini dapat disimpulkan bahwa:

1. Website perusahaan UD Tjandra Utama Jaya dibuat menggunakan bahasa pemrograman PHP dan Flash. Website berbentuk company profile sehingga dapat menjadi media promosi bagi perusahaan UD Tjandra Utama Jaya.

2. Berbeda dengan website lain, website ini lebih menggunakan banyak image sebagai bagian dari website ini sehingga pengunjung diharapkan sabar ketika membuka website ini.

3. Website ini ditujukan kepada para langganan / klien yang telah menjalankan kerjasama dengan perusahaan sehingga dapat mendapatkan informasi terbaru yang di update melalui website ini

4. Perusahaan sangat terbantu dengan adanya website ini sebagai pengenalan perusahaan dan media promosi perusahaan di mana sebelumnya pemilik perusahaan kesusahan dalam mengenalkan perusahaannya atau mempromosikan barangnya kepada penduduk di luar pulau yang jaraknya cukup jauh

STIKOM

41

5.2 Saran

Adapun saran–saran untuk pengembangan website ini antara lain :

1. Menambahkan guna database yang lebih detail lagi dari sebelumnya karena penulis memiliki keterbatasan dalam masalah database.

2. Memberikan informasi yang lebih banyak lagi ke dalam website sehingga website bisa terasa lebih menarik dan hidup.

3. Memberikan aplikasi animasi lebih banyak sehingga pengunjung dapat menikmati website ini lebih lagi, contohnya menambahkan permainan atau kolom diskusi untuk para pengunjung.

STIKOM

42

Janner Simarmata. 2000. Pengenalan Teknologi Komputer dan Informasi. Yogyakarta: Andi Publisher.

Anhar, ST. 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak. Jakarta: Media Kita.

Wahana Komputer. 2010. Membangun Website Tanpa Modal. Yogyakarta: ANDI. Teguh Wahyono. 2006. 36 Jam Belajar Komputer Animasi dengan Macromedia

Flash 8. Jakarta: PT Elex Media Komputindo.

Fredy, R. 2009. Strategi Promosi yang Kreatif dan Analisa Kasus Integrated Marketing Communication. Jakarta : PT. Gramedia Pustaka Utama.

Winpec Solution. 2010. Membuat web Company Profile dengan Joomla. Jakarta: PT Elex Media Komputindo.

Kobayashi, Shigenobu. 1991. Color Image Scale. Tokyo: Kodansha International. Fredy Rangkuti. 1997. Analisis SWOT Teknik Membedah Kasus Bisnis. Jakarta: PT

Gramedia Pustaka Utama.

Richard West., Lynn H. Turner. 2007. Pengantar Teori Komunikasi. Jakarta: Salemba Humanika

STIKOM