Вы находитесь на странице: 1из 28

BAB III LANDASAN TEORI III.

1 Tinjauan Pustaka Penelitian pertama yang dilakukan oleh Kartini Asih pada tahun 2007 dengan judul Perancangan dan Implementasi Website pada SMK N 1 Yogyakarta sebagai sarana publikasi, yang membahas tentang sarana publikasi maka website ini disampaikan dalam dua bahasa yaitu bahasa Indonesia dan bahasa Inggris. Penelitian kedua dilakukan oleh Eka Budi Cahya pada tahun 2006 yang mengambil judul Perancangan dan Pengembangan website sebagai media Informasi Sekolah Menengah Pertama Negri 2 Mlati Sleman Yogyakartayang membahas masalah website diperlukan sebagai sarana pengolahan informasi agar lebih efektif dan efisien. Penelitian ketiga dilakukan oleh M.Burhanudin pada tahun 2007 yang mengambil judul Perancangan dan Implementasi Website sebagai Media Informasi pada SMA Muhammadiyah 1 Muntilan yang membahas tentang Website lebih user Friendly, informatif dan lebih mengarah kepada tampilan Website.

III.2 Konsep Dasar Aplikasi Web III.2.1 Pengertian Internet Internet adalah sebuah dunia maya jaringan computer (Interconecsi) yang terbentuk dari milyaran computer di seluruh dunia. Dimulai pada pertengahan tahun 70an pada masa perang dingin dan mencapai puncaknya pada tahun 1994,

ketika interface grafis dan konten/isi dari jaringan tersebut diciptakan dan diperuntukan kepada masyarakat umum sehingga dapat dipergunakan secara lebih mudah. Internet memungkinkan kita untuk menghilangkan hambatan jarak dan waktu dalam mendapatkan informasi. Dari segi ekonomi, internet merupakan sebuah jawaban yang sangat efisien, efektif dan relative murah jika dibandingkan dengan hasil yang akan didapat. Perkembangan Teknologi Informasi yang sedikit ajaib terutama dalam bidang internet secara langsung mampu menggeser bahkan merubah system dan pola hidup manusia, perkembangan tersebut memicu munculnya aspek-aspek social yang dapat dikatakan baru, atau aspek-aspek sosial lama yang muncul dengan cara baru. Salah satu dari aspek tersebut antara lain, setelah berkembangnya internet sumber informasi menjadi lebih beragam dan luas, jarak dan waktu bukan lagi kendala yang utama. Munculnya system pembelian dan pembayaran On-line mengadakan rapat secara bersamaan dan langsung berbagai tempat. Perubahan dalam bidang hukum dan perundangan, pertukaran dan asimilasi nilai-nilai budaya yang cepat. Sampai Carding, Hacker, Cracker, bahkan Pornografi. Perubahan nilai yang muncul dari aspek sosial internet menuntut pergerakan dengan cepat menyiapkan infrastruktur dan faktor-faktor yang bersangkutan dengan bidang tersebut, atau akan tinggal karena internet merupakan salah satu jembatan penting untuk masuk dalam kancah dunia.

III.2.2 Sejarah Internet Sejarah intenet dimulai pada 1969 ketika Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects Agency(DARPA)

memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan. Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu mudah sehingga langsung menjadi populer. Pada tahun yang sama, icon @juga diperkenalkan sebagai lambang penting yang menunjukkan "at" atau "pada". Tahun 1973, jaringan komputer ARPANET mulai dikembangkan ke luar Amerika Serikat. Komputer University College di London merupakan komputer pertama yang ada di luar Amerika yang menjadi anggota jaringan Arpanet. Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas Sussex. Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah jaringan atau network. Pada 1979, Tom Truscott,

Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET. Tahun 1981 France Telecom menciptakan gebrakan dengan meluncurkan telpon televisi pertama, dimana orang bisa saling menelpon sambil berhubungan dengan video link. Karena komputer yang membentuk jaringan semakin hari semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua jaringan. Pada tahun 1982 dibentuk Transmission Control Protocol atau TCP dan Internet Protokol atau IP yang kita kenal semua. Sementara itu di Eropa muncul jaringan komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan Eunet menyediakan jasa e-mail dan newsgroup USENET.

Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS atau Domain Name System. Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer lebih. Pada 1987 jumlah komputer yang tersambung ke jaringan melonjak 10 kali lipat manjadi 10.000 lebih. Tahun 1988, Jarko Oikarinen dari Finland menemukan dan sekaligua memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah computer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun tak kurang dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun yang paling bersejarah, ketika Tim Berners Lee menemukan program editor dan browser yang bisa menjelajah antara satu computer dengan computer yang lainnya, yang membentuk jaringan itu. Program inilah yang

disebut WWW atau Worl Wide Web. Tahun 1992, computer yang saling tersambung membentuk jaringan sudah melampui sejuta computer, dan di tahun yang sama muncul istilah surfing the internet. Tahun 1994, situs internet telah tumbuh menjadi 3000 alamat halaman, dan untuk pertama kalinya virtualshopping atau e-ratail muncul di internet. Dunia langsung berubah. Di tahun yang sama Yahoo! Didirikan, yang juga sekaligus kelahiran Nescape Navigator 1.0.

III.2.3 WWW (World Wide Web ) World Wide Web merupakan suatu antar muka client-server yang memudahkan user dalam hal navigasi untuk memasuki dokumen-dokumen yang saling berhubungan yang tersebar di ribuan mesin di seluruh Internet. World Wide Web dapat juga didefinisikan sebagai kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam jaringan Internet. Dalam World Wide Web terdapat suatu set aplikasi komunikasi dan sistem perangkat lunak yang memiliki karakteristik [5], sebagai berikut : a. Pada umumnya World Wide Web terletak pada Internet host dan client. b. Kebanyakan menggunakan protocol TCP/IP. c. Mengerti dan memahami HTML. d. Mengikuti model client-server untuk komunikasi data dua arah. e. Memungkinkan client untuk mengakses server dengan berbagai protocol seprti HTTP, FTP,

Telnet, Gopher. f. Memungkinkan informasi client untuk mengakses

dalam berbagai media seperti teks,

audio dan video. g. Menggunakan model alamat Uniform Resource Locator (URL). Konstitusi yang terdapat pada Word Wide Web sekarang ini berkembang dari ide dan konsep Tim Berners-Lee, seorang peneliti pada CERN Particle Phisics Lab di Jenewa, Swiss. Pada tahun 1989, Berners-Lee merumuskan suatu proposal tentang sebuah sistem hipertext yang memiliki tiga komponen [5], sebagai berikut : a. Antarmuka yang konsisten untuk semua platform. menyediakan Antarmuka akses ini yang harus dapat

digunakan oleh berbagai jenis komputer. b. Akses informasi yang universal. Setiap pengguna harus dapat mengakses setiap informasi yang tersedia. c. Antarmuka yang menyediakan akses terhadap berbagai jenis dokumen dan protokol. Perkembangan selanjutnya dari konsep Berners-Lee ini melahirkan Mosaic, sebuah Web browser grafis yang pertama pada tahun 1993 oleh NCSA

(National Center for Superconducting Application). Sistem ini memungkinkan informasi yang berlalu lalang di Internet tidak hanya berupa teks polos, tetapi juga dilengkapi dengan gambar dan warna. Setelah itu perkembangan Web semakin maju dengan munculnya Browser Web yang lain.

III.2.4 TCP/IP (Transfer Control Protocol/Internet Protocol) Salah satu isu terpenting di internet adalah penerapan standar komputasi terbuka, karena internetworking dengan internet mengintegrasikan semua sistem, jenis dan tipe komputer yang ada di dunia, maka harus ada standar yang menjamin komputer dapat saling berkomunikasi satu sama lain dalam bahasa yang sama. Standar bahasa komputer universal telah dikembangkan sejak tahun 1969, terdiri dari serangkaian protokol komunikasi disebut TCP (Transfer Control Protocol) yang bertugas mengendalikan transmisi paket data, koreksi kesalahan dan kompresi data dan IP yang bertugas sebagai pengenal (indentifier) dan pengantar paket data ke alamat yang dituju (drew Heywood), 1996). Protocol TCP/IP menyatukan bahasa dan kode berbagai komputer di dunia sehingga menjadi standar utama jaringan komputer. TCP/IP berkembang cepat dan kaya fasilitas karena bersifat terbuka, bebas digunakan, ditambahkan kemampuan baru oleh siapa pun dan gratis karena tidak dimiliki oleh siapa pun. Dalam arti sederhana, TCP/IP adalah nama protokol jaringan. Protokol adalah sekelompok aturan yang harus diikuti oleh perusahaan-perusahaan dan produk-produk software agar produk mereka itu bisa kompatibel satu dengan lainnya. Satu protokol menentukan bagaimana setiap bagian dari keseluruhan

paket mengatur pengolahan informasinya Internet, dari awal memang sudah dibuat dengan menggunakan TCP/IP pada tingkat protokolnya yang memungkinkan sistem apapun yang terhubung kedalamnya bisa berkomunikasi dengan sistem yang lain tanpa mempedulikan bagaimana sistem masing-masing bekerja. TCP/IP sebenarnya adalah dua protokol yang berbeda. Tidak seperti yang dianngap oleh kebanyakan orang. Istilah TCP/IP menyatu kepada seluruh keluarga protokol yang dirancang untuk mentransfer informasi sepanjang jaringan. TCP/IP dirancang untuk perangkat lunak dari satu jarinan. Semua bagian di dalam keluarga TCP/IP memiliki tugas sendiri, misalnya mengirim email, transfer file, menyediakan layanan login jarak jauh dan menangani informasi jaringan. TCP bertanggung jawab memecah informasi ke dalam beberapa paketpaket, sedangkan IP bertanggung jawab mengangkut paket-paket tersebut sesuai tujuannya, kemudian TCP bertugas menyatukan kembali paket-paket itu keurutan yang benar.

III.2.5 URL (Uniform Resource Locator) URL atau Uniform Resource Locator digunakan dengan perangkat lunak Browser Web untuk menempatkan dan mengakses informasi di WWW. URL terbagi menjadi beberapa bagian atau dikenal dengan istilah

http://domain/path/filename atau disebut juga dengan metode akses lokasi komputer lokasi file. Bagian-bagian tersebut [5], antara lain : http :

adalah jenis Protokol yang digunakan. domain : mewakili nama server yang sedang terhubung dengan Internet. directory path : merupakan area khusus di server dimana item-item berada. filename : adalah nama file dokumen. Direktory path sering kali tidak disertakan karena biasanya Web server sudah menyediakan path default untuk menampung file-file Web. Index.htm, main.htm dan welcome.htm merupakan nama file default dimana file tersebut akan diaksespertama kali secara otomatis jika user menuju situs tertentu. Karena merupakan file default, maka biasanya file tersebut tidak dicantumkan dalam penulisan URL.

III.2.6 Web Server Web server adalah merupakan suatu server internet yang menggunakan protocol HTTP (Hypertext Transfer Protocol) untuk melayanai semua proses pentransferan data. Web server hingga saat ini merupakan server yang dapat dikatakan sebagai tulang punggung bagi semua pengguna internet. Hal ini dikarenakan, web server bukan hanya bisa dapat melayani jenis data dalam bentuk text, akan tetapi juga dapat menampilkan format-format data dalam bentuk gambar. Baik gambar dalam bentuk 2D atau 3D, suara dan juga dapat berikterasi dalam dunia Wireless Access Protocol (WAP) gateway dan sebagainya.

Banyak aplikasi yang dapat digunakan untuk membuat suatu web server. Akan tetapi dalam dunia linux, Apache adalah satu sartunya aplikasi yang digunakan untuk web server, yang disebabkan karena beberapa alasan yaitu: Kecepatan yang dimiliki lebih baik jika dibandingkan dengan aplikasiaplikasi lain yangd igunakan untuk web server. Performance yang sangat baik. Dapat diperoleh dengan gratis. Apache merupakan turunan dari web server yang dikembangkan oleh NCSA (National Center for Supercomputing Application) sekitar tahun 1995 yang dikenal dengan NCSA HTTP Daemon (NCSA HTTPd) yang pada RedHat Linux 7.1 telah digunakan patch untuk mengganti NCSA HTTpd tersebut. Pada Readhat Linux 7.1, Apache yang dugunakan adalah versi 1.3.19 dengan release 5, atau lebih dikenal dengan paket apache1.3.19-5.i386.rpm. Apache web server memiliki program pendukung cukup banyak yang dapat memberikan layanan yang cukup banyak yang dapat memberikan layanan yang cukup bagi penggunanya. Berikut ini adalah beberapa program pendukung dari Apache Web server tersebut, antaranya : Kontrol Akses. Common Gateway Interface (CGI), yang paling terkenal dan sangat sering digunakan adalah Perl (Practical Extraction and Report Language). PHP (Personal Home Page). SSI (Server Side Include).

III.2.7 E-mail (Electronic Mail) E-mail termasuk salah satu alat internet yang amat berguna, dan biasanya orang mulai berkenalan dengan internet melalui aplikasi ini. E-mail adalah cara mengirimkan pesan timbal-balik antara orang-orang yang memiliki alamat internet serta orang-orang pada jaringan lain yang punya hubungan e-mail ke internet. Internet mendukung beberapa bentuk e-mail yang berguna, antara lain komunikasi satu-ke banyak orang agar pesan anda dapat dibaca banyak orang meski pesan itu tidak dikirim ke kotak pos mereka masing-masing. Disamping komunikasi antar orang, e-mail juga dapat anda gunakan untuk menikmati manfaat beberapa jasa internet, meski anda tidak memiliki perangkat lunak client. (reddreck dan Elliot king Internet Untuk Wartawan dan Internet Untuk Semua Yayasan Obor Indonesia, 1996, hal.115).

III.2.8 FTP (File transfer Protocol) FTP berarti File transfer Protocol (protokol pemindahan file). Seperti tersirat dalam namanya, FTP memudahkan pemindahan file dari satu komputer ke komputer lain. FTP sudah menjadi bahasa baku untuk berbagi data. Berbeda dengan Telnet, yang mengharuskan anda memiliki kata sandi untuk masuk remote Commputer, FTP anonymous sudah menjadi hal yang biasa. Dengan FTP anonymous, siapa saja yang berada pada internet dapat mengalihkan file dari (dan kadang-kadang ke) remote commputer dengan hanya menyebutkan kata anonymous sebagai kata sandi identitas pengguna. (reddreck dan Elliot King

Internet Untuk Wartawan dan Internet Untuk Semua Yayasan Obor Indonesia, 1996, hal.116).

III.3 Konsep Dasar Sistem Informasi Sistem Informasi bukan merupakan hal yang baru. Yang baru adalah komputerisasinya. Sebelum ada komputer, teknik penyaluran informasi yang memungkinkan manajer merencanakan serta mengendalikan operasi telah ada. Komputer menambahkan satu atau dua dimensi, seperti kecepatan, ketelitin dan penyediaan data dengan volume yang lebih besar yang memberikan bahan pertimbangan yang lebih banyak untuk mengambil keputusan. Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporanlaporan yang diperlukan. Menurut (jogiyanto,2005) terdapat dua kelompok pendekatan di dalam mendefinisikan sistem, yaitu yang menekankan pada pendekatan prosedur dan pendekatan komponen atau elemen : 1. Menurut pendekatan prosedur mendefinisikan sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu masalah guna mencapai sasaran tertentu.

2.

Menurut pendekatan komponen mendefinisikan sistem adalah kumpulan dari elemen-elemen yang beriteraksi untuk mencapai suatu tujuan tertentu.

Definisi keduanya ini benar dan tidak bertentangan satu sama lainnya. Sementara yang membedakan adalah pendekatan pembahasan mengenai seistem itu sendiri. Suatu sistem akan mudah dipelajari bila kita mengetahui apa arti dan fungsi dari sistem itu sendiri.

III.3.1 Informasi Informasi merupakan alat yang diperlukan oleh sebuah organisasi dalam usahanya mencapai tujuan yang telah ditetapkan untuk memprosesnya (Jogiyanto,2005). Informasi adalah data yang diolah menjadi bentuk-bentuk tertentu yang lebih berguna dan lebih berarti bagi yang menerimanya. Sumber informasi adalah data. Data merupakan bentuk jamak dari bentuk item-item. Data adalah kenyataan yang menggmbarkan suatu kejadian kejadian dan kesatuan nyata. Kejadian-kejadian (event) adalah sesuatu yang terjadi pada saat tertentu. Di dalam dunia bisnis, kejadian nyata yang sering terjadi adalah perubahan transaksi perubahan nilai yang disebut dengan transaksi, misal penjualan adalah transaksi perubahan nilai barang menjadi niali uang atau piutang dagang. Kesatuan nyata (fact dan entity) adalah berupa suatu objek nyata seperti tempat, benda dan orang yang betul-betul ada dan terjadi. Data pada awalnya adalah suatu informasi yang menggmbarkan obyek tertentu dan berbentuk data yang mentah atau belum terolah sehingga untuk berubah data mentah menjadi informasi diperlukan modal

untuk memprosesnya (Jogiyanto,2005). Data yang diolah melalui modal tertentu menjadi informasi akan digunakan oleh penerima dalam mengambil keputusan atau tindakan yang kemudian dari tindakan tersebut menghasilkan tindakan yang lain dan tentunya akan terdapat data-data baru didalamnya.

III.3.2 Pengertian Sistem Informasi Menejemen tingkat atas dalam organisasi yang bertugas sebagai pengambil keputusan (decision maker) dalam menentukan sebuah pilihan jawaban dari segala permasalahan yang ada akan memanfaatkan informasi yang ada dalam organisasinya, sehingga keputusan yang diambil tidak akan merugikan komponenkomponen yang ada dalam organisasi. Menurut Robert A. Leitch dan K.Roscoe Davis mendefinisikan sistem informasi adalah suatu sistem dia dalam suatu organisasi yang mempertemukan kebutuhan pengolahan yang mendukung operasi, bersifat menejerial dan kegiatan startegis dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan (Jogiyanto,2005).

III.4

Desain Web Web Design , menurut Lance Arthur, berasal dari serangkaian batasan yang

diciptakan Web sebagai sebuah media/ medium baru

Web Design , menurut Jason Kotke , adalah design Informasi, sebuah hal serius yang memerlukan perencanaan Desain web yang baik bertumpu pada prinsip pokok yaitu membuatnya sederhana serta menjaga kerjanya tetap cepat ketika diakses. Pengunjung atau netter tidak ingin menjadi kebingungan ketika menyambangi situs anda. Mereka tidak ingin dibombardir dengan informasi yang terlalu banyak dan harus menunggu lama untuk akses karena akan memboroskan biaya dan waktu. Mendesign untuk Web membuka daerah kemungkinan yang serba baru, dan pada saat yang sama. Web Design juga lahir dari serangkaian batasan-batasan yang diciptakan oleh dunia Web itu sendiri. Beberapa aspek dan prinsip yang digunakan Web Designer dalam membuat website. (sumber www.master.web.id) 1. Unik : Dalam membuat karya apapun seorang designer mempunyai kesadaran untuk tidak meniru atau menggunakan karya orang lain. Begitu pula seorang Web Designer harus mempunyai budaya malu untuk menggunakan icon, animasi, button, dll, yang telah digunakan atau dibuat oleh orang lain. 2. Komposisi : Seorang Web Designer selalu memperhatikan komposisi warna yang akan digunakan dalam website yang dibuatnya. Pergunakan selalu Palette 216 WebColor, yang dapat diperoleh dari Adobe.com, hal ini untuk mencegah terjadinya dither pada image yang berformat GIF. Dalam membangun website suatu perusahaan, Web Designer selalu menyesuaikan warna yang digunakan dengan Corporate Color perusahaan tersebut. Sebagai contoh: Telkom Corporate

Color-nya adalah biru, Coca-Cola : merah dan putih, Standard-Chartered : hijau dan biru, dsb. Untuk kemudian warna-warna tadi digunakan sebagai warna dominan atau sebagai elemen pendukung (garis, background, button, dsb). 3. Simple : Web Designer banyak yang menggunakan prinsip "Keep it Simple", hal ini ditujukan agar tampilan website tersebut terlihat rapi, bersih dan juga informatif. 4. Semiotik : Semiotika adalah ilmu yang mempelajari tentang tanda-tanda. Dalam hal ini diharapkan dengan melihat tanda atau gambar, user/ audience dapat dengan mudah dan cepat mengerti. Sebagai contoh: Jangan membuat gambar/image yang berkesan tombol, padahal itu bukan tombol/ link. 5. Ergonomis : Web Designer selalu memperhatikan aspek ergonomi. Ergonomi disini adalah dalam hal kenyamanan user dalam membaca dan kecepatan user dalam menelusuri website tersebut. Web Designer memilih ukuran Fonts yang tepat sehingga mudah dibaca, Web Designer menempatkan link sedemikian rupa sehingga mudah dan cepat untuk di akses dan lebih penting lagi adalah Informatif. 6. Fokus : Tentukan hirarki prioritas dari pesan yang akan disampaikan, misalnya: Judul harus besar, tetapi jangan sampai akhirnya akan konflik dengan subjudul yang berukuran hampir sama. Hal ini akan membingungkan user/audience untuk menentukan pesan mana yang harus lebih dahulu dibaca/ dilihat. 7. Konsisten : Tentukan font apa yang akan digunakan sebagai Body-text, Judul, Sub Judul dan sebagainya, sehingga website tersebut akan terlihat disiplin dan rapi. Sesuaikan jenis huruf yang digunakan dengan misi dan visi website tersebut, misalnya: hindari menggunakan font Comic dalam membangun website suatu perusahaan resmi.

Desain grafis khususnya dalam halaman-halaman web terdiri dari beberapa elemen sebagai berikut (Ariesto Hadi Sutopo,2002) : 1. Teks adalah bagian yang paling penting utama untuk menampilkan informasi. 2. Grafik atau Image merupakan elemen yang dapat membantu menjelaskan informasi. Dengan penggunaan grafik maupun image orang lebih mudah memahami suatu pesan. 3. Animasi merupakan sarana untuk menampilkan informasi dengan baik, disamping animasi merupakan daya tarik yang mudah diingat pengunjung. 4. Vidio dapat merupakan hasil suatu rekaman dengan kamera vidio maupun hasil pengolahandengan komputer. 5. Suara melengkapi desain web, memberikan efek khusus pada suatu tampilan animasi serta memberikan kenyamanan bagi pengunjung yang

mendengarkannya. 6. Interaktive link dapat menggunakan button yang berupa teks, simbol, grafik, maupun image, yang berfungsi untuk memudahkan pengunjung dalam menyelusuri suatu website. Kriteria Website yang baik menurut CNET Builder.com ada beberapa kriteria pertimbangan , yaitu:
1. Usability

Menurut Jakob Nielsen, usability melibatkan pertanyaan " dapatkah user menemukan cara untuk menggunakan Website tersebut dengan efektif ( 'doing things right' )". Usability mempunyai lima karakteristik yaitu :

Kemudahan untuk Dipelajari Effisiensi Penggunaan Kemudahan untuk Diingat Tingkat Frekuensi Kesalahan dan Tingkat Kepuasan Subyektif Pemakai.

Kaidah - kaidah Usability yang ditentukan Jakob Nielsen sangat susah untuk diterapkan 100% dalam website buatan kita, terutama jika itu mewakili kepentingan klien , tapi menurut TA. Coen salah seorang web designer Indonesia, kaidah2 Usability sangat membantu dalam perancangan lay-out halaman HTML.
2. Sistem Navigasi

Kemudahan bernavigasi dalam site tersebut, melibatkan sistem navigasi site secara keseluruhan, dan desain Interface site tersebut.
3. Graphic Design

Kepuasan visual user ( lewat mata ) secara subyektif. melibatkan bagaimana desainer visual site tersebut membawa mata user menikmati dan menjelajahi site tersebut ... melalui pemilihan Layout, Warna, Bentuk dan Typografi . 4 Contents / Isi Sebaik apapun halaman anda secara design grafis, tanpa contents yang berguna dan bermanfaat akan bernilai nol ( kecuali kalau itu site eksperimental atau show-off) 5 Masalah Kompatibilitas Seberapa Luas sebuah website mendukung kompatibilitas dengan

perangkat-perangkat tampilannya (BROWSER), atau seberapa luas sebuah site memberikan alternatif untuk browser yang tidak dapat melihat sitenya. Beberapa browser : Internet Explorer, Netscape, Opera, Handheld PC, Flash Plugin or not. Lynx, Text Only, Web TV,

6 Waktu Panggil ( Loading Time ) Menurut Jeffrey Veen , dari webmonkey.com : "Anda hanya memiliki 3 detik untuk meyakinkan user untuk tidak menutup window atau pergi ke site lain. Jadi letakkan 'sesuatu' di layar dalam waktu 3 detik dan buatlah 'sesuatu' itu menarik. " Aturan ini diperlunak oleh webreview dalam 8 detik. jadi kalau sampai site anda mempunyai sebuah image bukan fotografi atau artwork ( dalam artian sebenarnya ) yang besarnya 40 kb ( satu image) Hint yang mungkin membantu , menurut Firmansjah Saftari , sebaiknya ukuran halaman sebuah HTML + image2 di dalamnya ( tanpa Flash ) sekitar 50-60 kb. 7 Functionality Seberapa baik sebuah site bekerja dari aspek teknologikal-nya . Ini melibatkan programmer dengan SCRIPT-nya , misal HTML ( DHTML), 404 Error pages , PHP3, ASP, ColdFusion , CGI , SSI dll. Selain ketujuh aspek di atas ada lagi aspek-aspek lain yang perlu diperhatikan seperti Accesibility, yaitu Memaksimalkan penggunaan content ketika satu atau lebih indera dimatikan atau dikurangi kerjanya. ( lebih mengacu kepada user dengan kekurangan indera penglihatan secara fisik ) Menurut ADAS (Academy of Digital Arts & Sciences) dalam artikelnya di

Adobe.com Ada enam kriteria yang berfungsi sebagai Lensa bagi kritikus (pengamat) Web site dan para pengembang Web untuk membawa elemen-elemen sebuah situs Web ke dalam fokus. Content Struktur dan Navigasi Desain Visual Fungsionalitas Interaktivitas Overall Experience Tapi berat dan porsi setiap kriteria adalah berbeda-beda untuk setiap situs. Misalnya Content untuk situs Web berita lebih penting daripada Content untuk situs Web galeri seni. Salah satu faktor yang menentukan keberhasilan dari suatu website adalah desain. Namun demikian proses yang terjadi dalam desain yang tidak boleh diabaikan, agar tujuan utama dari situs dapat diwujudkan. Proses yang paling sederhana hanya melibatkan langkah-langkah berikut : 1. Tujuan Website Tujuan yang dicapai dalam penelitian ini adalah merancang dan mengimplementasikan website yang memanfaatkan jaringan internet sebagai media informasi yang berkaitan dengan SMK N 3 Yogyakarta kepada masyarakat luas. Dalam penelitian inipun dapat mengolah

informasi dengan efektif dan efisien secara tepat dan mudah. 2. Isi Website Isi dari website disesuaikan dengan tujuan yang ingin dicapai dari pembuatan website. 3. Target Pengunjung Siapa saja yang diharapkan untuk mengunjungi website, sesuai dengan tujuan diatas, baik dari kalangan intern instansi maupun masyarakat umum. 4. Struktur Website Sebelum merancang suatu situs web maka sebagai langkah awal harus menggambarkan struktur dari situs web tersebut, dimana struktur web tersebut menggmbarkan suatu hubungan antara informasi yang satu dengan yang lainnya secara hirarki, dan dapat menentukan linknya dengan lebih mudah dan cepat. 5. Implementasi Website Implementasi sistem (System Implementation) merupakan tahap

meletakkan sistem yang baru dikembangkan supaya nantinya sistem tersebut siap untuk di oprasikan sesuai dengan yang diharapkan. Salah satu yang termasuk ke dalam tahap ini adalah kegiatan menulis kode program yang diguanakan. Adapun tujuan dari tahap implementasi ini adalah menyiapkan semua kegiatan penerapan sistem sesuai dengan rancangan yang telah ditentukan.

III.4.1 Web Sebagai Media Pengaksesan Informasi Membangun sebuah Web untuk menyajikan alamat situs-situs lain tak semudah seperti apa yang kita bayangkan. Tampilan yang indah dan menawan tatletaknya tidak menjamin situs dikatakan baik apabila pemakai tidak mengerti bagaimana bernavigasi untuk mengakses informasi yang disajikan. Sehingga dapat dikatakan bahwa kemudahan pemakai dalam mendapatkan informasi adalah yang utama dari tujuan situs Web. Seperti dikatakan bahwa : Jumlah informasi yang ditampilkan pada kumpulan infromasi yang sama berarti infromasi yang lebih, lebih baik, atau lebih umum. Kenyataanya, informasi lebih sekedar menghendaki pemakai agar mempertimbangkan dan memproses informasi yang mungkin tidak meragukan [10]. Karena itu, agar informasi yang disajikan tetap relevan dan sesuai dengan tujuan Web maka beberapa pertimbangan yang perlu diperhatikan sebelum membangun sebuah desain. Pertimbangna tersebut antara lain : bentuk layanan situs, bentuk informasi yang disajikan dan darimana akan didapatkan informasi tersebut. Bentuk layanan dari situs Web banyak sekali macamnya. Dari yang sangat kompleks sampai yang sederhana sekalipun ada. Bentuk layanan umum dari situs Web [10], antara lain : a. Bank. b. Tiket dan Informasi peristiwa. c. Pengantar paket, penjejakan dan pengapalan. d. Belanja otomotif, perbandingan harga.

e. Tempat personal. f. Dukungan perangkat keras atau perangkat lunak.

g. Daftar stok, transaksi dan litertur manajemen. h. Daftar produk industri dan mesin pencari. i. j. Analisis dan perbandingan rata-rata. Pendidikan

k. Game dan kontes. l. Demo perangkat lunak (download).

m. Pembelian dan pemesanan catalog. n. Pencarian berita dan layanan riset. Pada dasarnya informasi dalam situs Web dapat dibedakan menjadi dua bentuk yaitu artikel dan program. Artikel adalah bentuk informasi yang berupa tulisan, termasuk didalamnya adalah berita, eksposisi, argumentasi, cerita, jurnal dan sebagainya. Sedangkan informasi yang berbentuk program adalah apa saja yang dapat di download, bisa berupa aplikasi, utility, file gambar, audio dan sebagainya.

III.5 Perangkat Lunak III.5.1 HTML (Hypertexy Markup Language) HTML (Hypertexy Markup Language) adalah suatu bahasa yangd igunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platfrom tertentu (platform independent). Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena

mengandung tanda-tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatu yeks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Pada dokumen HTML yang termasuk sistem hypertext, kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya, tetapi kita dapat menuju pada topik tertentu secara langsung dengan menggunakan teks penghubung yang akan membawa anada ke suatu topik atau dokumen lain secara langsung. HTML adalah merupakan pengembangan dari standar pemformatan dokumen teks yaitu SGML (Standart Generalized Markup Language). Sejak awal perkembangan sampai sekarang ini telah tersedia bermacam-macam level (versi) HTML, ada HTML level 1.0, HTML 2.0, HTML 4.0. HTML (Hypertext Markup Language) adalah bahasa yangd igunakan untuk menulis halaman web. Ciri utama dokumen HTML adalah adanya tag dan elemen. Elemen dalam dokumen HTML di kategorikan menjadi dua yaitu elemen <HEAD> yang berfungsi memberikan informasi tentang dokumen tersebut dan elemen <BODY> yang menentukan bagaimana isis suatu dokumen ditampilkan oleh browser, seperti paragraf, list (daftar), tabel dan lain-lain. Sedangkan tag dinyatakan dengan tanda lebih kecil < (tag awal) dan tanda lebih besar > (tag akhir). Dalam penggunaannya sebagian besar kode HTML tersebut terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan di akhiri dengan </namatag> (terdapat tanda /). Dokumen HTML memepunyai tiga buah tag utama yang memebentuk struktur dari dokumen HTML yaitu HTML, HEAD dan BODY. Tag HTML

berfungsi untuk menyatakan suatu dokumen HTML, tag HEAD berfungsi Untuk memberikan informasi tentang dokumen HTML dan tag BODY berfungsi untuk menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML. (Sutarman Membangun Aplikasi Web dengan PHP dan MYSQLGraha Ilmu,2003,hal.47-50). III.5.2 PHP (Personal Home Page) PHP adalah salah satu bahasa server-side yang di desain khusus untuk aplikasi web, PHP dapat disisipkan diantara bahasa HTML dan karena bahasa Server-side, maka bahasa PHP akan di eksekusi di server, sehingga yang dikirimkan ke browser adalah hasil jadi dalam bentuk HTML, dan kode PHP anda tidak akan terlihat. PHP termasuk dalam Open Source Product. Jadi anda dapat merubah source code dan mendistribusikannya secara bebas. PHP juga diedarkan secara gratis. Anda bisa mendapatkannya secara gratis. PHP juga dapat berjalan diberbagai web server semisal IIS, Apache, PWS, dll. Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri oleh tanda lebih besar (>) ada tiga cara untuk menuliskan script PHP yaitu : a. <? Script PHP ?> b. <?php Script PHP ?>php c. <SCRIPT LANGUAGE=php>

Script PHP </SCRIPT> Pemisah antar instruksi adalah tanda titik koma (;) Untuk membuat atau menambahkan komentar, standar penulisan adalah : /*komentar*/ //komentar #komentar (Sutarman Membangun Aplikasi Web dengan PHP dan MYSQL,Graha Ilmu, 2003, hal.108-110).

III.5.3 Macromedia Dreamwever MX 2004 Macromedia Dreamweaver MX 2004 merupakan salah satu software terpopuler dalam bidang desain web. Ia punya segudang amunisi yang siap memberondong habis lawan-lawannya. Contohnya, sftware ini menggambungkan fungsi penulisan Script client side dan server side menjadi satu. Software ini mampu mengolah beberapa script pemograman berbasis server-side menjadi satu. Software ini mampu mengolah beberapa script pemrograman berbasis server-side yang sangat terkenal, seperti ASP dan PHP. Macromedia Dreamweaver MX adalah program aplikasi profesiaonal untuk mengedit HTML secara visual dan mengelola website serta pages. Karena tampil secara visual, program aplikasi Macromedia Dreamwever MX mudah untuk dioprasikan. Program ini menyediakan banyak perangkat yang dapat meningkatkan kemampuan user di dalam membuat web. (_____, 2002, membuat

website interaktif dengan macromedia dreamwevear MX, andi, semarang, hal.1)

Gambar 3.1 Area kerja Macromedia Dreamwever MX 2004

III.5.4 Macromedia Firework Flash MX 2004 Salah satu aplikasi yang paling banyak digunakan oleh para web designer dan web Developer untuk merancang suatu situs internet yang indah dan interaktif adalah macromedia Firework. Macromedia Firework adalah suatu program pilihan yang mendukung pengolahan dan pembuatan grafik untuk halaman web. Dapat pula diartikan bahwa program ini merupakan program aplikasi yang dapat digunakan untuk membuat, mengedit dan mengoptimalkan grafik untuk web secara tepat (Madcoms,Membuat desain Situs Web dengan Macromedia MX 2004penerbit Andi,2005,hal.3).

Gambar 3.2 Area kerja Macromedia Firework MX 2004

Вам также может понравиться