Anda di halaman 1dari 43

BAB II

PEMBAHASAN

2.1 Landasan Teori

Industri berbasis perkebunan ternyata mempunyai kemampuan sebagai

leading sector dalam pertumbuhan ekonomi dan lapangan kerja, sekaligus

sebagai sektor yang efektif mendorong perbaikan distribusi pendapatan. Ketika

Indonesia menghadapi masalah lambannya pertumbuhan ekonomi, meningkatnya

jumlah pengangguran, dan makin timpangnya distribusi pendapatan, mendorong

industri berbasis perkebunan merupakan pilihan yang sangat strategis.

Pengembangan industri berbasis perkebunan merupakan salah satu

pilihan yang cukup realistis karena; bisnis perkebunan mempunyai daya tahan

tinggi karena berbasis pada sumberdaya domestik dan berorientasi ekspor,

diyakini masih sangat prospektif dengan peluang pertumbuhan berkisar antara

2%–8% per tahun, dan intensif menggunakan tenaga kerja, khususnya tenaga

kerja yang berlokasi di pedesaan. Apakah industri berbasis perkebunan lebih

cocok sebagai leading sector atau adjusting sector perlu diidentifikasi sehinga

industri tersebut dapat berperan secara optimal dalam upaya mengatasi masalah

tersebut.

A. Teori Dasar Perancangan website

Ketika penulis melakukan suatu perancangan website, ada beberapa hal

yang harus diperhatikan dan dipersiapkan diantaranya adalah sebagai berikut:

5
6

1. Menentukan Tujuan

Dari situs yang akan dibuat serta target apa yang ingin dicapai ketika

website berhasil dibangun. Bertujuan untuk mempermudah pengunjung untuk

mendapatkan informasi tentang bangaimana menanam perkebunan kelapasawait

yang baik, dan target yang ingin dicapai memuasakan pengunjung.

2. Siapa yang akan menjadi target pengunjung situs website

Yang menjadi target pengunjung di website ini adalah pihak-pihak yang

membutuhkan penjelasan tentang perkebunan, baik itu secara perorangan

maupun pertanian secara umum.

3. Perancangan Sistem yang baik agar situs stabil dan optimal.

Termasuk disini pemilihan bahasa pemrograman dan software editing

website. Adapun software editing website utama yang digunakan adalah

Macromedia Dreamweaver MX 2004, sedangkan untuk keperluan design layout

dan editing graphic digunakan Adobe Photoshop CS2, dan Corel Draw X3 untuk

design logo. Untuk bahasa pemrograman web yang digunakan adalah HTML dan

PHP versi 5.

4. Pengumpulan data-data yang dibutuhkan secara lengkap

Teknik pengumpulan data yang dilakukan adalah melalui media internet,

yaitu melalui situs-situs konsultan online yang telah ada sebelumnya, maupun

dari situs lain yang menyediakan data dan bahan dalam pembuatan website ini.

5. Pembuatan Time schedule

Untuk dapat menyelesaikan website ini dibutuhkan waktu kurang lebih 1

bulan dengan perincian 2 minggu untuk pembuatan konsep dan pencarian data, 2
7

minggu perancangan dan pengkodean, dan 1 minggu untuk melakukan testing

dan debugging.

B. Pengertian Web

Web adalah sistem hyper text yang terdiri dari jutaan halaman teks yang

dihubungkan dengan hyper link. Selain itu web merupakan layanan internet yang

paling banyak memiliki tampilan grafis dan kemampuan yang sangat baik. Web

juga digunakan sebagai layanan yang paling cepat pertumbuhannya. Di dalam

web kita diijinkan memberikan high light (penyorotan atau penggaris-bawahan)

pada kata atau gambar dan sebuah dokumen untuk dihubungkan ke media lain

seperti frase, movie clip atau file suara. Web dapat menghubungkan satu halaman

ke halaman lain melalui text, gambar dan objek lain yang ada pada suau halaman.

Dengan suatu browser yang memiliki Graphical User Interface (GUI), link-link

dapat dihubungkan ke tujuannya dengan menunjuk link tersebut dan

mengkliknya.

C. Pengertian Design

Designe menurut Kamus Besar Bahasa Indonesia (KBBI) adalah

merancang, membentuk kerangka atau pola-pola. Secara luas, designe dapat

diartikan sebagai suatu pekerjaan membuat atau merancang sesuatu agar terlihat

lebih menarik dan unik. Dalam mendesigne sesuatu yang dibutuhkan adalah daya

imajinasi yang tinggi, inovasi tiada henti serta kemampuan yang keras dan tidak

gampang puas dengan hasil yang sudah ada. Selain itu mendesign sebuah website
8

di internet bertujuan untuk membuat para pengunjung betah berlama-lama di

website yang kita designe

D. Pengertian Internet

Istilah internet berasal dari bahasa Latin inter yang berarti antara. Secara

kata perkata internet berarti jaringan antara atau penghubung. Internet adalah

jaringan yang di dalamnya ada lebih darisatu komputer yang saling terhubung

dan berkomunikasi, dengan jarak dekat dan jauh yang sudah terhubung ke

seluruh dunia lewat jaringan yang disebut internet. Internet seakan menjadi satu

dunia terpisah dari dunia nyata, satu dunia yang tidak bisa dilihat dan dirasakan

secara fisik tetapi dimengerti ada.

Internet adalah sarana komunikasi, hiburan dan bisnis yang tercepat dan

tercanggih di seluruh dunia yang bersifat global. Memang internet secara fisik

adalah jaringan komputer dunia, tetapi secara maya internet biasa menjadi

banyak hal seperti pencarian data – data baik dibidang bisnis maupun pendidikan

dan perorangan.

Banyak keuntungan yang dapat langsung kita rasakan dalam

menggunakan sarana informasi ini (internet), misalnya kita dapat berkomunikasi

dengan siapa saja dan dimana saja berada dengan cepat melalui fasilitas e-mail

dan chatting ataupun kita dapat mengetahui informasi yang kita perlukan secara

cepat dan mudah melalui search engine, online baik mendengarkan berita secara

oline.

Di Internet juga dapat mencari lowongan pekerjaan yang mudah kita

dapatkan tentang suatu pekerjaan yang kita inginkan dan masih banyak lagi
9

keuntungan-keuntungan dan manfaat internet yang belum dapat dituliskan satu

persatu. Penulis juga akan menjelaskan bagian dari internet diantaranya:

1. HTTP (Hypertext Transfer Protocol)

Sebuah metode atau protocol mendownload file ke komputer. Protokol ini

berbasis hyper text, sebuah format teks yang umum digunakan di internet.

2. WWW (World Wide Web)

WWW adalah sarana internet yang menampilkan tampilan berupa

gabungan teks, suara dan video yang bersifat interaktif. Melalui www ini kita

bisa mendapatkan berbagai informasi secara cepat dan tepat. www merupakan

kumpulan Web Server dari seluruh dunia yang berfungsi menyediakan data dan

informasi untuk dapat digunakan bersama.

3. HTML (Hyper Text Markup Language) tampilan halaman berupa kode-kode

web HTML

4. Preview: merupakan tempat untuk menampilkan tampilan sementar halaman

web hasil design kita.

5. PHP Singkatan dari Hypertext Transfer Protocol, adalah suatu protokol yang

digunakan oleh World Wide Web.

HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan

dikirimkan dari server ke client. HTTP juga mengatur aksi-aksi apa saja yang

harus dilakukan oleh web server dan juga web browser sebagai respon atas

perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika

pengetikan suatu alamat atau URL pada internet browser www.prkbn-

riau.net63.net, maka web browser akan mengirimkan perintah HTTP ke web

server. Web server kemudian akan menerima perintah ini dan melakukan
10

aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya akses

ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan

dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.

Membangun sebuah web perlu memperhatikan kenyamanan data-data

yang telah kita rancang sedemikian rupa sehingga mengatasi pengmbilan data

dan perubahan data yang dilakukan oleh pengunjung. Dengan adanya database

maka keyamanan data-data sudah tergolong aman. Penulis akan menjelaskan

program-progam pendukung internet antara lain:

a. Database

Sebuah website yang baik adalah website yang terorganisir dengan baik

dalam pengelolaan datanya sehingga mempermudah dalam melakuakan

pengembangan dan pengelolaannya. Database yang digunakan dalam sebuah

website bermacam-macam mulai dari yang opensource sampai yang berbayar

diantaranya:

1. MySQL

MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL

AB, yang kala itu bernama TcX DataKonsult AB, sejak sekitar 1994–1995,

meski cikal bakal kodenya bisa disebut sudah ada sejak 1979. Database ini

termasuk kedalam salah satu database yang paling populer digunakan karena

sifatnya yang opensource tapi sangat powerfull. Secara umum MySQL adalah

sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS yang

multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL

AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi

GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi
11

komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan

penggunaan GPL. Di versi terbarunya MySQL semakin menarik untuk dilirik

oleh pengguna non-Web. Situs mysql.com di halaman depannya dengan bangga

memajang profil para pengguna MySQL yang terkenal, seperti Yahoo!

Finance,NASA,perusahaan sekuritas jepang Aizawa.

2. PostgreSQL

Jika MySQL merupakan database opensource terpopuler, maka

PostgreSQL bisa disebuat sebagai database opensource

termutakhir.Pengembangan database ini diawali dari proyek akademik. Awalnya

database ini bernama ingres yang dikembangkan di Universitas Berkeley mulai

tahun 1977 sampai 1985,karena belum ada bahasa SQL waktu itu maka ingres

menggunakan bahasa query sendiriyang disebut QUEL. Postgre SQL memiliki

hampir semua fasilitas standar yang biasanya diinginkan: view (tabel virtual),

trigger, subselek, stored procedure (dalam beberapa bahasa), dan foreign key

constraint. PostgreSQL juga memiliki apa yang disebut rule, yaitu tindakan

custom yang bisa kita definisikan dieksekusi saat sebuah tabel di-INSERT,

UPDATE, atau DELETE. Sistem rule ini memungkinkan kita mengendalikan

bagaimana data kita diubah atau diambil. Misalnya, kita dapat membuat sebuah

tabel mernjadi bersifat append-only dengan membuat rule yang membatalkan

efek DELETE dan UPDATE. Atau kita bisa melakukan pengecekan data sebelum

terjadinya perubahan pada tabel. Atau melindungi row tertentu agar tidak bisa

diambil datanya, dsb. Rule ini dipakai untuk mengimplementasi view.

3. SQL server
12

Tahun 1993 SQL Server mulai dikembangkan oleh Microsoft. Pada saat

itu Microsoft merupakan porting partner bagi Sybase SQL Server, karena itu

tidak heran jika SQL Server yang dikembangkan ini mempunyai arsitektur yang

berbasis Sybase. Pada tahun 1995 dan 1996 secara berurutan, SQL Server versi

6.0 dan 6.5 akhirnya dirilis.

E. Web Selver

Web server adalah software yang menjadi tulang belakang dari world

wide web (www). Web server menunggu permintaan dari client yang

menggunakan browser seperti Netscape Navigator, Internet Explorer, Modzilla,

dan program browser lainnya. Jika ada permintaan dari browser, maka web

server akan memproses permintaan itu kemudian memberikan hasil prosesnya

berupa data yang diinginkan kembali ke browser. Data ini mempunyai format

yang standar, disebut dengan format SGML (standar general markup language).

Data yang berupa format ini kemudian akan ditampilkan oleh browser

sesuai dengan kemampuan browser tersebut. Contohnya, bila data yang dikirim

berupa gambar, browser yang hanya mampu menampilkan teks (misalnya lynx)

tidak akan mampu menampilkan gambar tersebut, dan jika ada akan

menampilkan alternatifnya saja. Web server, untuk berkomunikasi dengan client-

nya (web browser) mempunyai protokol sendiri, yaitu HTTP (hypertext tarnsfer

protocol). Dengan protokol ini, komunikasi antar web server dengan client-nya

dapat saling dimengerti dan lebih mudah.

Seperti telah dijelaskan diatas, format data pada world wide web adalah

SGML. Tapi para pengguna internet saat ini lebih banyak menggunakan format
13

HTML (hypertext markup language) karena penggunaannya lebih sederhana dan

mudah dipelajari. Kata HyperText mempunyai arti bahwa seorang pengguna

internet dengan web browsernya dapat membuka dan membaca dokumen-

dokumen yang ada dalam komputernya atau bahkan jauh tempatnya sekalipun.

Hal ini memberikan cita rasa dari suatu proses yang tridimensional,

artinya pengguna internet dapat membaca dari satu dokumen ke dokumen yang

lain hanya dengan mengklik beberapa bagian dari halaman- halaman dokumen

(web) itu. Proses yang dimulai dari permintaan webclient (browser), diterima

web server, diproses, dan dikembalikan hasil prosesnya oleh web server ke web

client lagi dilakukan secara transparan.

Setiap orang dapat dengan mudah mengetahui apa yang terjadi pada tiap-

tiap proses. Secara garis besarnya web server hanya memproses semua masukan

yang diperolehnya dari web clientnya. Banyak sekali software web server yang

dapat kita diambil di internet. Dengan berdasarkan pada 12 macam pertimbangan

di atas, maka dapat dipilih software mana saja yang cocok dengan kebutuhan

kita. Misalnya, kita memasang web server untuk keperluan suatu perusahaan jasa

internet (ISP), maka pertimbangan yang harus diambil adalah apakah mereka

menginginkan software yang gratis atau komersial.

Keuntungan dari software komersial adalah mereka mempunyai

dukungan teknis dan dokuentasi yang lengkap. Sedangkan pada kebanyakan

software gratis mereka tidak menyertakan hal tersebut. Namun, ada juga

software gratisan yang mempunyai dukungan teknis dari pembuatnya dan dengan

dokumentasi yang lengkap. Salah satu software web server gratisan seperti itu

adalah:
14

1. Web Server Apache.

Web Server Apache, Apache merupakan web server yang paling banyak

dipergunakan di Internet. Program ini pertama kali didesain untuk sistem operasi

lingkungan UNIX. Namun demikian, pada beberapa versi berikutnya Apache

mengeluarkan programnya yang dapat dijalankan di Windows NT. Berdasarkan

sejarahnya, Apache dimulai oleh veteran developer NCSA httpd (National

Center for Supercomputing Application). Saat itu pengembangan NCSA httpd

sebagai web server mengalami stagnasi.

ROBMCCOOL meninggalkan NCSA dan memulai sebuah proyek baru

bersama para webmaster lainnya, menambal bug, dan menambahkan fitur pada

NCSA httpd. Mereka mengembangkan program ini lewat mailing list.

Dengan berpijak pada NCSA httpd versi 1.3. Team Apache

mengeluarkan rilis pertama kali secara resmi Apache versi 0.6.2. Nama Apache

diambil dari kata "A Patchy Server", server perbaikan yang penuh dengan

tambalan (patch). Tambalan yang dimaksud adalah penambahan fitur dan

penambalan bug dari NCSA httpd Versi 1.3.

Saat ini Apache dipergunakan secara luas. Hal ini disebabkan karena

programnya yang gratis, dengan kinerja relatif stabil. Dalam pengembangannya

pun mempergunakan sistem Bazaar, yakni tiap orang dibuka kesempatan seluas-

luasnya untuk dapat memberikan kontribusi dalam mengembangkan program.

Kontribusi dikomunikasikan lewat mailing list. Tim Apache mempunyai mailing

list yang terbuka untuk siapa saja yang ingin ambil bagian.

Untuk mendaftar cukup kirim email ke majordomo@apache.org dengan

baris pertama dari email bertuliskan "subscribe new- httpd". Perlu dicatat bahwa
15

proyek pengembangan Apache ini mempunyai system meritokrasi. Semakin

banyak yang anda sumbangkan, semakin banyak yang boleh dikerjakan. Apache

mempunyai program pendukung yang cukup banyak. Hal ini

memberikan layanan yang cukup lengkap bagi penggunanya. Beberapa dukungan

Apache :

a. Kontrol Akses.Page 5

Kontrol ini dapat dijalankan berdasarkan nama host atau nomor IP

b. CGI (Common Gateway Interface), yang paling terkenal untuk digunakan

adalah perl (Practical Extraction and Report Language), didukung oleh Apache

dengan menempatkannya sebagai modul (mod_perl)

c. PHP (Personal Home Page/PHP Hypertext Processor); program dengan

metode semacam CGI, yang memproses teks dan bekerja di

server. Apache mendukung PHP dengan menempatkannya sebagai salah satu

modulnya (mod_php). Hal ini membuat kinerja PHP menjadi lebih baik

d. SSI (Server Side Includes).

2. Web Server Cepat

Apache adalah suatu web server serba guna, tetapi pada kegunaan khusus

terkadang kecepatan yang diberikan oleh Apache tidak mencukupi. Beberapa

perangkat lunak freeware untuk web server dengan kecepatan tinggi tersedia.

Sebagian besar web server tersebut hanya melayani halaman statis, sehingga

ketika membutuhkan halaman dinamis, maka web server serba guna seperti

Apache masih dibutuhkan.

3. Freeware
16

saat ini sudah tak bisa dianggap sebagai perangkat lunak kelas hobbies

lagi. Solusi yang diberikan oleh perangkat lunak freeware dapat digunakan untuk

menyusun suatu server yang handal dan memberikan solusi nyata. Sebelum

memanfaatkan freeware sebaiknya dipahami terlebih dahulu mengenai karakter

tiap perangkat lunak tersebut, dan melakukan pemilihan sesuai dengan

kebutuhannya.

Keberadaan source code menjadikan freeware tersebut dapat

dimanfaatkan secara maksimal dan disesuaikan dengan kebutuhan yang ada.

Beberapa solusi freeware seperti Apache Web Server mampu memberikan solusi

bagi layanan web ataupun e-mail yang memiliki beban besar.

F. Web Editor

Program yang digunakan untuk melakukan pengeditan atau perancangan

suatu halaman web, misalnya Macromedia Dreamweaver MX 2004 adalah

program yang digunaan penulis untuk membuat suatu situs web yang sudah di

daftarkan disalah satu hosting dan Macromedia Dreamweaver MX 2004 adalah

salah satu program web editor yang diminati banyak orang salah satunya penulis

karena menyediakan tools dan fungsi yang sudah familiar sehingga

memudahkan designer melakukan pekerjaannya. Penulis akan membahas

beberapa tampilan menu yang mendukung pembuatan web www.prkbn-

riau.net63.net

1. Macromedia Dreamweaver

Tampilan Dreamweaver MX (Different Views) Dreamweaver MX adalah

program yang sangat fleksibel, program ini mengijinkan penulis untuk melihat
17

kode dalam tampilan yang berbeda : Code View, Code dan Design View. Anda

bisa berpindah antara tampilan ini dengan menggunakan tiga tombol icon yang

terdapat diatas sebelah kiri monitor.

Dalam Code view, Dreamweaver MX Menampilkan halaman web dalam

bentuk format baris : HTML code. Jika anda sudah akrab dengan HTML, anda

bias mengedit halaman web ini dari yang ditampilkan. The Code dan Design

View membagi layar dalam setengah tampilan, tampilan code HTML untuk

halaman web dibagian atas, dan setengahnya lagi tampilan Design View yang

bisa kita edit.

a. Tools dan komponen dasar Menu dan tool bar pada Macromedia

Dreamweaver MX 2004 hampir sama dengan Microsoft Word, hanya pada

Macromedia Dreamweaver MX 2004 terdapat berbagai tool tambahan seperti

tool untuk mengedit dan memformat halaman web.

b. Layout Macromedia Dreamweaver MX 2004 Satu dari perbedaan utama

antara Dreamweaver MX 2004 dan versi sebelumya adalah tampilan

interface, termasuk didalamnya adalah beberapa panel dan tabs. Ketika

anda pertama kali membuka Dreamweaver MX, akan disambut dengan

beberapa panel, yang berada di sebelah kanan layar, dan diatas laya

Normal: merupakan tampilan dasar Macromedia Dreamweaver MX 2004

dimana kita dapat melakukan perancangan web.

c. Panels

Sebagai dasar mendesain web, banyak dari panel ini tidak dibutuhkan. panel ini

bisa ditutup, ini akan membuat layar utama Dreamweaver lebih luas. Disini

diterangkan cara cepat menuju panel dalam Dreamweaver MX


18

d. Design

Kontrol panel CSS (Cascading Style Sheet) Styles, HTML Style Tags, dan sifat

halaman web, dan menu.

e. Application

Panel ini sangat eksklusif untuk mengatur fungsi database yang ditempatkan

dalam halaman web. Karena ini merupakan tutorial dasar, kita tidak akan

berpindah ke daerah yang lebih jauh mengenai database dalam Dreamweaver.

f. Code

Panel ini mengijinkan penulis untuk menyetel kode. Untuk contoh, code

mendeteksi kesalahan, dan acuan anda untuk belajar bahasa code bisa digunakan

dalam Dreamweaver MX

g. Answers

Jika anda bingung atau kesulitan dalam menggunakan Dreamweaver MX, atau

ingin mengetahui bagaimana sesuatu bekerja, panel jawaban akan disediakan

dengan informasi yang butuhkan.

h. Files

Dari semua panel yang ada dalam Dreamweaver MX, panel files adalah yang

paling penting dan banyak digunakan. Pada jendela ini anda bisa mengatur

hubungan files ke situs anda atau halaman web, dan merupakan mekanisme

utama untuk uploading dan downloading files keweb. Files panel dimana semua

file web anda akan dimunculkan. Karena ini adalah fungsi utama dari

Dreamweaver MX,
19

2. Graphic Editor

Graphic Editor adalah editor disebut juga pengedit grafik. Fungsinya

adalah untuk membuat, merancang dan mengedit gambar, misalnya Photoshop

CS3. Photoshop bukanlah program penyunting gambar biasa,tetapi merupakan

program yang paling popular digunakan, dikarenakan fasilitas-fasilitas yang

disajikan dapat memberikan kemudahan ekstra bagi penggunanya, antara lain

seperti adanya filter, style dan efek yang sangat membantu dalam pembuatan

grafik yang mengagumkan dengan mudah dan cepat. Tool adalah alat-alat bantu

dasar kita dalam mengedit gambar pada Photoshop. Sebagai contoh, move tool

berfungsi untuk memindahkan letak suatu objek, dsb

a. Animator

Animator adalah pembuat animasi. Program yang berfungsi sebagai

animator contohnya Swish. Swish merupakan animator yang cukup mudah untuk

dioperasikan dengan tool-tool yang sederhana serta efek-efek yang sudah

dirancang agar lebih instant. Saat ini Swish sudah dirilis ke dalam 2 (dua) versi,

yaitu SWiSH 2.0 dan SWiSHMax. Kelebihannya adalah hasil animasi dapat

diekspor menjadi halaman web.

b. Photoshop

Adobe Photoshop adalah Perangkat lunak aplikasi yang mengolah data

gambar dan grafis untuk kebutuhan printing, desain grafi. Membuat efek "glow"

pada foto. Biasanya ini digunakan untuk membuat kesan glamour pada foto. Foto

di web Design yang penulis buat. Berikut ini adalah caranya, Duplikat

Background layer. Aktifkan layer background copy, ubah blending option


20

menjadi screen. Beri Filter ke Blur dan Gaussian Blur. Kemudian dapat diatur

sendiri nilainya sambil melihat gambar asli yang penulis edit.

Menu yang sering digunakan dalam program Adobe Photoshop CS3

seperti; Create Glowing Effect Photo fungsinya membuat efek, Membuat efek

bayangan secara manual cara untuk membuat efek bayangan pada photoshop

secara manual penulis Membuat Refleksi Bayangan terdahulu gambar bayangan

masih menampilkan warna dari obyek / model-nya. Membuat header di website

penulis, untuk membuat sebuah header, tentu perlu program yang bisa

mengolah/membuat gambar dalam format bitmap. Ada banyak program yang

bisa digunakan, penulis memilih gambar yang familiar, biasa digunakan dengan

Adobe Photosop.

c. Flowchart

Flowchart dalam Bahasa Indonesia diterjemahkan sebagai Diagram Alir.

Dari dua kata ini, maka dapat kita bayangkan bahwa flowchart itu berbentuk

diagram yang bentuknya dapat mengalirkan sesuatu. Hal ini memang benar,

flowchart memang melukiskan suatu aliran kegiatan dari awal hingga akhir

mengenai suatu langkah-langkah dalam penyelesaian suatu masalah. Masalah

tersebut bisa bermacam-macam, mulai dari masalah yang sederhana sampai

yang kompleks. Masalah yang kita pelajari tentu saja masalah pemrograman

dengan menggunakan komputer, tetapi secara logika dapat kita awali dengan

mengamati permasalahan dalam kehidupan sehari-hari kita.

Flowchart adalah representasi grafik dari langkah-langkah yang harus

diikuti dalam menyelesaikan suatu permasalahan yang terdiri atas sekumpulan

simbol, dimana masing-masing simbol merepresentasikan suatu kegiatan


21

tertentu. Flowchart diawali dengan penerimaan input, pemrosesan input, dan

diakhiri dengan penampilan output. Seperti yang kita tahu, komputer terdiri atas

banyak komponen. Kita lihat bagian hardware-nya saja, sudah ada banyak

komponen seperti monitor, keyboard, mouse, CPU, printer, scanner, speaker, dan

sebagainya.

Setiap komponen komputer tersebut juga merupakan bagian dari siklus I-

P-O. Contohnya komponen yang biasa kita gunakan untuk memasukkan perintah

atau data ke dalam komputer adalah keyboard dan mouse, selanjutnya masukan

tersebut akan diproses oleh CPU, dan akhirnya akan mengeluarkan hasil eksekusi

pada monitor, printer, atau speaker.

d. Konsep Pewarnaan

Warna pada tampilan sebuah halaman web, harus tetap menarik karena

berhubungan dengan tema web,menambah estetika suatu halaman dan memiliki

efek psikologis juga bagi yang melihatnya.

Warna Makna Positif Makna Negatif


Merah Kekuatan,energi,tenaga,hasrat Bahaya,kekejaman,darah,api
Cinta.

Merah muda (pink) Kewanitaan (feminisme) dan Naif, kekurangan,kelemahan.


masih remaja.
Orange Kehangatan,ceria,semangat, Meminta dan mencari
keseimbangan. perhatian.
Kuning Sinar Matahari,emas, Tidak jujur,pengecut,
keberuntungan,kehidupan. cemburu, iri hati,
Hijau Alam, Lingkungan Kecemburuan,nasib buruk, iri
Biru Kepercayaan,Kesetiaan, Kesedihan,kedinginan,depresi,
Ungu Kebangsawanan,spiritual Kesombongan,duka cita.
Coklat Tanah,bumi, netral Tumpul, kotor,membosankan
Abu-abu Modern,cerdas,bersih,kokoh Tua,kesedihan,bosan
Putih Kesucian,kebersihan, dingin, Dingin,steril,hampa.
kebaikan.
Hitam Kekuatan,keanggunan,misteri Kematian,takut,duka cita,
22

, elegan setan.

Gamabar 2. 1 Tabel Warna

G. Sarana Pendukung Program

1. Perangkat Lunak

Perangkat lunak dapat diibaratkan sebagai nyawa penggerak dari

hardware yang mutlak ada dalam sebuah perangkat keras. Perangkat lunak

bertugas memberikan innstruksi kepada perangkat keras untuk melakukan

pemrosesan data.

Perangkat lunak dapat dibagi keadalam 3 macam yaitu:

a. Sistem Operasi (operating system)

Yaitu program yang ditulis untuk meengendalikan dan mengkoordinasi

kegiatan dari sistem operasi juga dapat diartikan sebagai sekumpulan

program kontrol atau pengendali yang secara terpadu bertindak sebagai

penghubung antara komputer dengan pemakainya.

b. Perangkat Lunak Bahasa (language software)

Yaitu program yang digunakan untuk menterjemahkan instruksi yang ditulis

dalam bahasa mesin dan dapat dimengerti oleh komputer. Contohnya PHP

c. Perangkat Lunak Aplikasi (application software)

Yaitu program yang ditulis dan diterjemahkan oleh language software untuk

menyelesaikan aplikasi tertentu.


23

Dalam pembuatan website penulis menggunakan ketiga jenis software

tersebut diantaranya:

1.Sistem Operasi

Untuk Sistem Operasi,penulis menggunakan Microsoft Windows XP

SP3. Ini merupakan versi windows XP dengan update terbaru setelah sebelumnya

menggunakan Service Pack 2. Alasan penulis menggunakan Sistem Operasi ini

adalah kemudahan penggunaan dan banyak yang menggunakan Sistem Operasi

ini.

2. Mozilla Firefox 3.0

Merupakan browser yang digunakan untuk membuka website yang telah

dibuat. Alasan menggunakan Firefox adalah kecepatan aksesnya yang berada

diatas browser lainnya.

H. Protocol

Protocol adalah Kumpulan dari beberapa aturan yang berhubungan

dengan komunikasi data antara beberapa alat komunikasi supaya komunikasi

data dapat dilakukan dengan benar. Protokol adalah yang menspesifikasikan

secara detail bagaimana komputer berinteraksi, termasuk didalamnya format

pesan yang mereka tukar dan bagaimana kesalahan ditangani.

Hubungan telekomunikasi mencerminkan banyak aspek dari protokol

dalam arti diplomatik, beberapa sinyal diubah dengan mengirim dan menerima

perangkat, misalnya, diistilahkan dengan berjabat tangan dan berkenalan. Tiga

aspek utama komunikasi yang diperhatikan oleh protokol adalah: bagaimana data
24

direpresentasikan dan dikodekan, bagaimana ditransmisikan, dan bagaimana

kesalahan dan kegagalan diketahui dan ditangani. Istilah- istilah protokol yang

terdapat di internet seperti:

a. Protocol Data Unit

Disingkat dengan PDU. Protokol yang digunakan untuk transmisi data.

b. Echo Protocol

Protokol pada lapis transpor model Open System Interconnection (OSI) yang

mempunyai kemampuan melaksanakan sytem pengiriman data.

c. Multiprotocol over ATM

Upaya standarisasi ATMforum yang menetapkan bagaimana protokol layer

jaringan yang sudah ada

d. Error Protocol

Protokol pada lapis transport yang menawarkan pelacakan dan laporan kesalahan

antar end system

e. Routing protocol

Protokol yang menjalankan routing melalui implementasi algoritma routing yang

khusus.

2.2. Analisa

Bab ini menjelaskan tentang gambaran umum perkebunan atau objek

penelitian penulis, pendeskripsian masalah tersebut,pendeskripsian system yang

sedang berjalan di dunia internet, penganalisian dokumen dan system yang

sedang berjalan di dalam pengolahan data persediaan perkebunan sumber sari

kepulauan riau.
25

Disini juga dituliskan tentang pembangunan perangkat lunak sesuai

dengan metodologi pengembangan yang dipakai serta menjelaskan dan

menyajikan kesimpulan analisis dengan hasil berupa diagram analisis yaitu

FLOWCHART.

Homepage ini terdiri dari 6 (enam) halaman, yaitu :

1. Halaman Home

Halaman ini merupakan halaman pertama dalam homepage pribadi

“Perkebunan Kelapa Sawit Sumber Sari Kepulauan Riau”. Halaman ini

Menjelaskan tentang pertumbuhan ekonomi serta membahas secara empiris

peran industry berbasis perkebunan dalam pemulihan Perkebunan Kelapa Sawit

Sumber Sari Kepulauan Riau sehingga pengunjung bisa memperoleh informasi

mengenai Perkebunan Kelapa Sawit secara detail.

2. Halaman Sejarah

Halaman ini merupakan halaman yang berisi mengenai Sejarah

Perkebunan sehingga pengunjung mengetahui tentang sejarah perkebunan di

Indonesia ini. Dari halaman ini menerangkan perusahan perkebunan sampai

dengan keunggulan kelapa sawit sehingga pengunjung dapat mengerti akan

maksud dan tujuan pembuatan homepage” Perkebunan Kelapa Sawit Sumber

Sari Kepulauan Riau”.

3. Halaman Penelitian

Halaman ini berisi tentang Penelitian pembuat homepage. Dari halaman

ini dapat diketahui bagaimana penelitian tentang Perkebunan Kelapa Sawit

Sumber Sari Kepulauan Riau. Pada halaman ini juga terdapat foto Kelapa Sawit
26

serta berbagai pupuk dan obat-obat untuk meneliti perkembangan kelapa dari

sejak ditanam sampai menghasilkan buah.

4. Halaman Bibit Unggul

Halaman ini merupakan halaman yang berisi bibit unggul yang

menyakinkan pengunjung agar mengetahui bagaiman ciri-ciri bibit yang

menghasilkan buah yang besar dan berbobot sehingga memuaskan.

5. Halaman Registrasi

Halaman ini memungkinkan pengunjung untuk dapat bergabung dengan

melakukan registrasi maka pengunjung memperoleh data-data yang uptudet.

6. Halaman Login

Halam Login merupaka halan untuk pengunjung yang sudah melakukan

registrasi sebelumnya. Dengan melakukan login maka pengunjung dapat

memberikan saran dan komnar tentunya mendapatkan informasi dri isi web

tersebut.

7. Halaman Link

Halaman ini berisi alamat-alamat situs yang mungkin bisa berguna bagi

pengunjung homepage. Alamat-alamat situs ini bisa dijadikan referensi bagi

pengunjung, terutama bagi pengunjung yang beragama kristen protestan

(Advent)

A. Spesifikasi Rancangan Website

Mencakup Dokumen masukan dan keluaran yang ada dalam website ini

1. Spesifikasi Bentuk Masukan


27

Merupakan Form yang dibuat sebagai sarana komunikasi antara

pengunjung website dengan pemilik website,diantaranya adalah sebgai berikut:

a. Halaman Registrasi

1. Fungsi : Mendaftarkan pengunjung website

2. Bentuk : A1

3. Tujuan : Ditujukan kepada pemilik website sebagai dokumentasi pengunjung

b. Halaman Login

1. Fungsi: Validasi bagi pengunjung website.

2. Bentuk: A2

3. Tujuan: Ditujukan untuk melakukan validasi user

c. Halaman Pencarian

1. Fungsi : Sebagai sarana pengunjung untuk melakukan pencarian terhadap

artikel di dalam website ini.

2. Bentuk : A3

3. Tujuan : Ditujukan untuk pengguna yang melakukan pencarian

B. Flowchart Proses Program

Berbentuk diagram yang bentuknya dapat mengalirkan sesuatu, flowchart

melukiskan suatu aliran kegiatan dari awal hingga akhir mengenai website ini

terdapat beberapa proses yang digambarkan dalam bentuk flowchart.


28

1. Flowchart proses registrasi

START

Masukan
Registrasi ?
Y Username

T Masukan
Password

Ulangi
password

Masukaan
Nama
depan

Masukan
Jenis
Kelamin

Masukan
tanggal
lahir

Apakah Semua
sudah diisi ? T

END
Y

Gambar II.1 Flowchart Proses Registrasi


29

2. Flowchart proses login


Proses flowchart pada login merupakan data yang harus di isi sesuai dengan uses

name yang sudah melakukan registrasi sebelumnya, proses ini memungkinkan

pengunjung atau user yang berkunjung bebas mendapatkan informasi tebaru dan

memberikan posting sebuah komentar.

START

Y
Masukan
Login ? Username

T
Masukan
Password

Password User atau


password
benar T salah

END

Gambar II.2 Flowchart Proses Login

A. Bentuk Layout Web


30

1. Bentuk Layout Home

Se ja r ah
Home P e n elitia n R e gistra si
P e rke b un a n

L O GIN

L OGO BANER
Ja rin g an

B e rita

P em ud a
A d ve n t
L in k P e rke b u n an

B u d a ya
S e ca ra
U m um

P ro fil
ISI
N e gr-Ki u

P e n u lis

K a m p us S L A
M a rtob a

GAM BAR
Ka m p u s B SI

Ga b un g

F rie n dste
-Kru

Ind u str i
P en d id ikan
F OOT ER

Gambar II. 1 Bentuk Layout Halaman Utama

Tampilan Home merupan tampilan halaman utama yang menjelaskan

secara ringkas tentang isi web tentunya tentang perkebunan dan disertai dengan

gambar kelapa sawit. Adapun link tambahan disebelah kanan yang berisikan

link-link sepertii; sejarah perkebunan, penelitian, registrasi login, sedangkan pada

link jaringan, berita, pemuda advent, budaya, profil negriku penulis, kampus sla
31

martoba, kampus BSI gabung friendster-ku, pendidikan yang dapat di akses oleh

semua pengunjung.

2. Bentuk Layout Sejarah Perkebunan

BANNER
LO G O

Hom e
U ta m a

Ja ring an

B er ita

Pe m u da
Ad ven t

B ud aya
Se car a
U m um

P ro fil
G a m b ar ISI

N e gri
-K u

P en ulis

Ka m p us
BSI

N ex t

FOOTER

Gambar II. 2 Bentuk Layout Sejarah Perkebunan

Bentuk layout pada sejarah perkebunan isinya tentang sejarah perkebunan

beserta asal penanaman kelapasawit khususnya di Indonesia, dan pada halam ini

ada gambar kelapa sawit. Layout sejarah ini mempunya link yang dapat diklik

oleh pengunjung untuk mendapatkan informasi-informasi yang dibutuhkan,

seperti home utama merupakan tampilan utama, jaringan menjelaskan tentang

rangkain jaringan internet, berita sekilas arti dan makna berita yang diperlukan
32

oleh setiap orang, pemuda advent merupan salah satu link tentang kegiatan dan

sejarah gereja, profil, negriku, penulis beserta kampus BSI merupakan link yang

dapat di akses oleh semua pengunjung untuk mengetahu tentang penulis.

3. Bentuk Layout Penelitian

BANNER
LOGO

Bibit
H ome Utama Perkebunan Penjualan Sejarah Registrasi Login
unggul

Gamabar

ISI Gambar

ISI

F OOT ER

Gambar II. 3 Bentuk Layout Halaman Penelitian

Tampilan layout penelitian merupakan isi tentang penelitian kelapasawit

yang menjelaskan segala bentuk pupuk dan obat-obatan untuk mengatasi

kerusakan pohon dan buah kelapa sawit. Di menu penelitian ada juga beberap
33

link yang mungkin menolong para pengunjung untuk mendapatkan beberapa

informasi terpenting salah satunya link ke berita.

4. Bentuk Layout Perkebunan

Bentuk layout perkebunan penulis menyediakan data-data yang

berhubungan dengan perkebunan kelapasawit dan ditambahi dengan link

tambahan dan tampilan yang cukup menarik.

BANNER
LO G O

Hom e
U ta m a

P en ulis

P enju alan
Ke la pa
saw it

ISI

Gam bar

N ext

FOOTER

Gambar II. 4 Bentuk Layout Halaman Perkebunan


34

5. Bentuk Layout Harga Penjualan

Bentuk layout berikut ini merupakan layout penjulan harga buah kelapa

sawit yang dapat dilihat oleh pengunjung. Bentuk layout penjualan terdapat juga

beberapa link yang dapat di link salah satunya link ke penelitian dan dapat juga

pengunjung melakukan login yang sudah melakukan regestrasi.

LOGO
BANNER

ISI

P e n u lis L o g in Home P e n e litia n

Gambar II. 5 Bentuk Layout Halaman Penjualan


35

6. Bentuk Layout Registrasi

T a m pilan R e gistra si

Isi M a su k k a n D a ta A n d a

S u b m it

Gambar II. 6 Bentuk Layout Halaman Registrasi

Layout diatas merupakan bentuk tampilan untuk registrasi oleh

pengunjung yang membutuhkan, jika melakukan registrasi maka mendapatkan

satu user name dan password untuk melakukan login pada tahap berikutnya.
36

Penginputan data tidak boleh salah harus sesuai dengan petunjuk yang telah

disediakan sehingga proses registrasi dapat diterima.

7. Bentuk Layout Login

Tampilan untuk login adalah tampilan yang khusus pengguna yang telah

sudah melakukan registasi sebelumnya dan sudah diterima atau falid sehingga

sewaktu melakukan login maka user dapat melihat bagaimana rangka dan isi dari

website tersebut. Dalam hal ini user tidak dapat melakukan perubahan data pada

web perkebunan sumber sari kepulaun riau, user hanya dapat memperoleh data-

data yang diinginkan. Tampilan untuk layout login sebagai berikut:


37

Proses Login

ISI U SE R

Submit

Gambar II. 7 Bentuk Layout Halaman login

8. Bentuk Layout Internet

Bentuk layout berikut ini merupakan tambahan yang penulis rangkai

sedemikian rupa sehingga tidak membuat pengunjung bosan dengan satu konsep

tentang perkebunan saja. Hala ini dapat diperoleh dengan melakukan link-link

yang telah online ke situs lainnya.


38

G am b ar

IS I

H o m e U ta m a P e r ke b u n a n K a m u s K o m p u te r A r tike l B u ku

Gambar II. 8 Bentuk Screen Layout internet

D. Bentuk Layout
1. Bentuk Screen Home
39

Gambar II. 9 Bentuk Screen Website Halaman Home


Bentuk home atau tampilan utama, bentuk screen menampilkan gambar

logo dari web, banner, beserta dengan berbagai link tambahan. Ditampilan utama

ini menjelaskan tentang indusrti perkebunan hingga ke perkebunan kelapa sawit

dari penanaman di sumatra dan

2. Tampilan Screen Menu Sejarah Perkebunan


40

Gambar II. 10 Bentuk Screen Website Sejarah


Sejarah perkebunan merupakan inti dari web disegn, dengan adanya

sejarah perkebunan khususnya sejarah perkebunan kelapa sawit maka

pengunjung akan mengetahui tentang sejarah perkebunan kelapa sawit secara

umum.

3. Tampilan Screen Penelitian


41

Gambar II. 11 Bentuk Screen Website Penelitian


Tampilan screen penelitian merupakn hasil dari penelitian tentang

bagaimana cara menghasilkan panen yang memuaskan, dengan adanya penelitian

maka penulis berharap dapat membantu pengunjung untuk memperbaiki tanaman

kelapa sawit. Seperti terlihat diatas diperlukan berbagai obat dan pupuk yang

sudah diberikan gambar atau contoh yang harus dipersiapkan

4. Tampilan Screen Perkebunan


42

Gambar II. 12 Bentuk Screen Website perkebunan


Tampilan perkebunan diatas adalah pembahasan tentang perkebunan dan

pembahasan masalah bibit unggul yang komplen dengan masyarakat Sumatra

utara. Perkebuan di Sumatra utara masyarakat menolak dengan adanya bibit

unggul yang akan di jual di daerah tersebut.

5. Tampilan Screen Penjualan


43

Gambar II. 13 Bentuk Sreen Website Penjualan


Tampilan screen penjulan pada harga kelapa sawit supaya pengunjung

dapat mengetahui haraga buah kelapa sawit sedang dan besar. Pada tampilan ini

penulis membuat perbandingan dari harga tahun sebelumnya hingga tahun

sekarang, sehingga pengunjung dapat membedakan harga-harga buah sedang dan

buah besar. Buah kelapa sawit ada juga yang tiak dapat dijual karena buahnya

tidak memiliki biji dan tidak menghasilkan minyak.

6. Tampilan Screen Registrasi


44

Gambar II. 14 Bentuk Screen Registrasi


Screen atau tampilan diatas merupakan cara untuk melakukan registrasi

yang baik dan harus diisi dengan benar untuk mendapatkan user name

7. Tampilan Login

Gambar II. 15 Bentuk Screen Login


Setelah melakukan registrasi maka akan mendapatkan user dan password

baru yang dapat digunakan untuk menyusuri web perkebunan dan mendapatkan

iformasih terbaru dan link-link lainnya.

8. Tampilan Link Bebas (link jaringan)


45

Gambar II. 16 Bentuk Screen Jaringan


Salah satu contoh link tambahan yang telah disediakan oleh penulis yang

bertujuan supaya tidak membuat pengunjung jenuh dan bosan dengan satu link

saja di link bebas terdapat beberapa link yang dapat di klik

E. Konfigurasi aplikasi local host

1. PHP

Digunakannya PHP dalam pembuatan Website ini adalah karena secara

default CMS Joomla menggunakan PHP sebagai bahasa pemrogramannya. Selain

itu PHP banyak digunakan sehingga mempermudah jika ada masalah dalam

pengembangannya. Konfigurasi PHP server secara umum disimpan dalam file

php.ini yang disimpan di server. Konfigurasinya secara garis besar adalah

sebagai berikut:

a. Version : 5.2.5

b. System : Windows NT ILMI-SERVER 5.1 build 2600

c. Server API : Apache 2.0 Handler

d. Server administrator : admin@localhost

2. MySQL
46

Database yang digunakan adalah merupakan paket bawaan default dari

server XAMPP yang digunakan sebagai penyimpanan data dari website yang

dibuat. Konfigurasinya tersimpan dalam file phpmyadmin. Berikut konfigurasi

singkat dari MySQL:

a. Server version : 5.0.51a

b. Server : localhost via TCP/IP

c. User : root@localhost

3. Apache Triad

Apache triad adalah PHP Triad merupakan kumpulan dari berbagai software

yaitu:

a. PHP

b. MySQL

c. Apache

d. PHPMyAdmin

F. Site Map
47

Home Utama

Sejarah Kelapa
Home Penelitian Registrasi
Perkebunan

Login

Halam Sejarah 1 Bibit Unggul

Jaringan
Internet

Halam sejarah 2 Harga penjualan


Berita

Pemuda
Advent

Budaya
Secara
umum

Profil

Negri -Ku

Penulis

Kampus
SLA
Martoba

Kampus BSI

Gabung

Friendster -
Ku

Pendidikan

Gambar II.14 Bentuk bagan Site map

Site Map merupakan bagian dari tampilan web disegn yang telah

digambarkan bagian rangka sedemikan rupa sehingga mengharapkan pengunjung

betah atau tidak bosan mengunjunginya