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.prkbnriau.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 clientnya (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 dokumendokumen 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 tiaptiap 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 seluasluasnya 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.prkbnriau.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 IP-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
Merah

Makna Positif
Kekuatan,energi,tenaga,hasrat Cinta.

Makna Negatif
Bahaya,kekejaman,darah,api

Merah muda (pink) Orange Kuning Hijau Biru Ungu Coklat Abu-abu Putih Hitam

Kewanitaan (feminisme) dan Naif, kekurangan,kelemahan. masih remaja. Kehangatan,ceria,semangat, Meminta dan mencari

keseimbangan. perhatian. Sinar Matahari,emas, Tidak keberuntungan,kehidupan. Alam, Lingkungan Kepercayaan,Kesetiaan, Kebangsawanan,spiritual Tanah,bumi, netral Modern,cerdas,bersih,kokoh Kesucian,kebersihan, dingin, kebaikan. Kekuatan,keanggunan,misteri

jujur,pengecut,

cemburu, iri hati, Kecemburuan,nasib buruk, iri Kesedihan,kedinginan,depresi, Kesombongan,duka cita. Tumpul, kotor,membosankan Tua,kesedihan,bosan Dingin,steril,hampa. 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

Registrasi ?

Y

Masukan 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 Login ? T

Masukan Username

Masukan Password

Password benar Y

T

User atau password salah

END

Gambar II.2 Flowchart Proses Login

A. Bentuk Layout Web

30

1. Bentuk Layout Home

Home

Se ja r ah P e rke b un a n

P e n elitia n

R e gistra si

L O GIN

L OGO
Ja rin g an B e rita P em ud a A d ve n t

BANER

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 N e gr i u -K P e n u lis K a m p us S L A M a rtob a Ka m p u s B SI Ga b un g F rie n dste ru -K Ind u str i F OOT ER GAM BAR

ISI

P en d id ikan

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

LO G O

BANNER

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 u -K

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

LOGO

BANNER
Perkebunan Penjualan Sejarah Bibit unggul Registrasi Login

H ome Utama

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.

LO G O

BANNER

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 datadata 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 b. System c. Server API

: 5.2.5 : Windows NT ILMI-SERVER 5.1 build 2600 : 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 b. Server c. User

: 5.0.51a : localhost via TCP/IP : 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

Home

Sejarah Kelapa Perkebunan

Penelitian

Registrasi

Login Halam Sejarah Jaringan Internet 1 Bibit Unggul

Berita

Halam sejarah

2

Harga penjualan

Pem uda Advent

Budaya Secara umum

Profil

Negri -Ku

Penulis Kampus SLA Martoba Kam pus BSI

G abung

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

Sign up to vote on this title
UsefulNot useful