APLIKASI WEBSITE FAN PAGES SUPER JUNIOR DENGAN MENGGUNAKAN DREAMWEAVER CS4 DAN MYSQL
BAB I
PENDAHULUAN
1.1 Latar Belakang
Di zaman globalisasi sekarang ini perkembangan teknologi informasi sangat pesat. Oleh karena itu, masyarakat dituntut agar dapat mengikuti perkembangannya sehingga memperoleh informasi yang terbaru. Untuk rnemperoleh informasi, masyarakat dapat melakukan berbagai macam cara melalui media cetak, media elektronik dan media lainnnya. Dalam media informasi terutama media elektronik seperti televisi, radio, internet dan lainnya. Namun masyarakat cenderung memilih internet dikarenakan efisien dan praktis dalam penggunaannya. Internet terdapat banyak varian aplikasi contohnya website. Website merupakan situs halaman informasi yang melalui jalur internet ysng menampilkan informasi berupa teks, gambar, video yang bersifat statis maupun dinamis yang membentuk rangkaian yang saling terkait dimana dihubungkan dengan jaringan-jaringan halaman.
Oleh karena itu dalam penulisan ilmiah disini akan membuat website tentang Fans Page dari Boyband asal Korea yaitu Super Junior, website ini nantinya akan mempermudah para penggemar Super Junior terutaman di Indonesia untuk memperoleh informasi berupa berita terbaru serta melihat foto - foto, lagu, profil dan video Super Junior. Teknik ini menjadikan informasi lebih menarik, mudah diserap dan dapat dimengerti. Karena itu penulis menginginkan suatu web yang dapat mempermudah dalam menyediakan informasi untuk fans Super Junior terutama yang berada di negara Indonesia. Dengan melihat kenyataan tersebut, penulis mengangkat masalah diatas ke dalam penulisan ilmiah yang diberi judul “Aplikasi Website Fan Pages Super Junior Dengan Menggunakan Dreamweaver CS4 dan My SQL”.
1.2 Tujuan Penulisan
Tujuan penulis membuat penulisan ilmiah ini adalah untuk membuat suatu website Fans Page Super Junior yang dapat diakses oleh para fans Super Junior terutama yang berada di Indonesia serta memudahkan memberikan informasi terbaru mengenai Super Junior.
1.3 Metode Penelitian
Metode penelitian yang digunakan dalam penulisan tugas akhir ini adalah dengan mengumpulkan dan melengkapi data-data dengan cara sebagai berikut :
a. Observasi (Pengamatan)
Dalam pengumpulan data untuk tugas akhir ini penulis melakukan pengamatan yang dilakukan pada objek yang dipilih dengan melihat contoh-contoh website tentang fanpage yang sudah berkembang.
b. Studi Kepustakaan
Kegiatan pengumpulan data yang dilakukan dengan cara mempelajari buku-buku yang dipelajari selama perkuliahan maupun diluar perkuliahan seperti buku-buku dari perpustakaan maupun yang dimiliki penulis, selain itu penulis juga menggunakan media internet untuk melengkapi data-data dengan melihat penulisan ilmiah, tutorial dan literature.
1.4 Ruang Lingkup
Mengingat luasnya informasi tentang fanpage, agar tidak membahas terlalu meluas dan tidak keluar jalur dari pokok pembahasan maka dalam perancangan website penulis membatasi hanya membahas informasi tentang fanpage dari Super Junior saja, diantaranya terdapat menu Home, About, Profil, Gallery, Show, Discography dan Twitter.
BAB II
LANDASAN TEORI
2.1 Internet
Internet (Interconnection Networking) adalah seluruh jaringan komputer yang saling terhubung menggunakan standar sistem global Transmission Control Protocol/Internet Protocol Suite (TCP/IP) sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia. Dalam mengatur integrasi dan komunikasi jaringan komputer ini menggunakan protokol yaitu TCP (Transmission Control Protocol) bertugas untuk memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang mentransmisikan data dari satu komputer ke komputer lain. TPC/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat di gunakan, mengatur dan mengirimkan paket pengiriman data.
Menurut Akbar (2005 : 10) “Internet adalah sebuah teknologi yang penting dan dibutuhkan untuk mengakses segala informasi berharga dari berbagai belahan dunia”. Saat ini, internet dipandang sebagai jaringan komputer terbesar di dunia. Internet dapat diartikan sebagai kumpulan dari jaringan-jaringan komputer, baik skala besar maupun kecil yang dihubungkan oleh jaringan komunikasi dan meliputi seluruh dunia. Jadi secara singkat, internet adalah hubungan antar komputer dan jaringan komputer yang saling berjauhan untuk berbagi data dan informasi satu sama lainnya.
2.2 Website
World Wide Web atau WWW atau juga dikenal dengan WEB adalah salah satu layanan yang didapat oleh pemakai computer yang terhubung ke internet. Web ini menyediakan informasi bagi pemakai computer yang terhubung ke internet dari sekedar informasi “sampah” atau informasi yang tidak berguna sama sekali sampai informasi yang serius; dari informasi yang gratisan sampai informasi yang komersial. Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
2.2.1 Unsur - unsur dalam website
Untuk menyediakan keberadaan sebuah website, maka harus tersedia unsur-unsur penunjangnya, adalah sebagai berikut :
1. Nama domain (Domain name/URL – Uniform Resource Locator)
2. Rumah tempat website (Web hosting)
3. Bahasa Program (Scripts Program)
4. Desain website
5. Publikasi Website
6. Pemeliharaan Website
2.3 Macromedia Dreamweaver
Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
2.3.1 Pengenalan Macromedia Dreamweaver CS3
Dreamweaver CS3 adalah sebuah HTML editor profesional untuk mendesign web secara visual dan mengelolah situs atau halaman web. Pada Dreamweaver CS3 ini terdapat beberapa kemampuan bukan hanya untuk mendesign web tapi juga untuk menyunting kode serta membuat aplikasi web dengan menggunakan berbagai bahasa pemrograman Web, antara lain : JPS, PHP, ASP dan ColdFusion. Fasilitas dalam dreamweaver CS3 memiliki peningkatan mengenai toolbar dimana dreamweaver CS3 dapat digunakan untuk memodifikasi tampilan-tampilan pada toolbar atau menambahkan fungsi yang baru.
2.3.2 Ruang Kerja Macromedia Dreamweaver CS3
Ruang Kerja atau Workspace adalah bagian keseluruhan tampilan Adobe Dreamweaver. Ruang kerja Dreamweaver terdiri dari Welcome Screen, Menu, Insert Bar, Document Window, CSS Panel, Aplication Panel, Tag Inspector, Property Inspector, Result Panel, dan Files Panel. Masing-masing dari komponen tersebut memiliki fungsi dan aturan. Berikut ruang kerja Dreamweaver berikut :
- Insert Bar berisi tombol-tombol untuk menyisipkan berbagai macam objek, seperti: image, tabel dan frame, ke dalam dokumen.
- Document Toolbar berisi tombol-tombol menu pop-up yang menyediakan tampilan berbeda Document Window, misalnya Code, Spilt, atau Design.
- Document Window berfungsi menampilkan dokumen di maman Anda bekerja sekarang.
- Panel Groups adalah kumpula panel yang saling berkaitan yang dikelompokkan di bawah satu judul.
- Tag Selector berfungsi menampilkan hirarki tag disekitar pilihan yang aktif pada Design View.
- Property Inspector berfungsi melihat dan mengubah berbagai property objek yang terpilih.
- Files Panel berfungsi mengatur file-file dan folder-folder embentuk situs web.
2.4 My SQL
My SQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL ABmembuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL. Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing.
2.5 PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. Contoh terkenal dari aplikasi PHP adalah forum (phpBB) dan MediaWiki (software di belakang Wikipedia). PHP juga dapat dilihat sebagai pilihan lain dari ASP.NET/C#/VB.NET Microsoft, ColdFusion Macromedia, JSP/Java Sun Microsystems, dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa CMS yang dibangun menggunakan PHP adalah Mambo, Joomla!, Postnuke, Xaraya, dan lain-lain. Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs Personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI.
2.6 Struktur Navigasi
Struktur navigasi adalah struktur atau alur dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan website. Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan sebelum membuat suatu website. Ada empat macam bentuk dasar dari struktur navigasi yang digunakan dalam proses pembuatan website, yaitu :
a. Struktur Navigasi linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut, yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya.
b. Struktur Navigasi Non-linier
Struktur navigasi non-linier atau struktur tidak berurut merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur nonlinier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan nonlinier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.
c. Struktur Navigasi Hirarki
Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan criteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya.
d. Struktur Navigasi Campuran
Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam pembuatan website karena struktur ini dapat digunakan dalam pembuatan website sehingga dapat memberikan keinteraksian yang lebih tinggi.
2.7 Pengertian XAMPP
XAMPP adalah suatu bundel web server yang populer digunakan untuk coba-coba di Windows karena kemudahan instalasinya. Bundel program open source tersebut berisi antara lain server web Apache, interpreter PHP, dan basis data MySQL.
2.8 Adobe Photoshop CS4
Adobe Photoshop Creative Suite 4 (Adobe Photoshop CS4) adalah versi terbaru program Adobe Photoshop yang dikeluarkan Adobe System Incorporated yang merupakan penyempurnaan versi sebelumnya. Adobe Photoshop CS4 telah mencakup software print, mobile, interaktif, film dan pembuatan video. Produk yang dikeluarkan oleh Adobe Photoshop CS4 meliputi: design premium, web premium, production premium dan master collection. Adobe Photoshop CS4 tersedia dalam dua versi.
BAB III
PENUTUP
3.1 Kesimpulan
Setelah mengamati, mempelajari, dan akhirnya menyusun tugas akhir ini yang mengambil Aplikasi Website Fan Pages Super Junior Dengan Menggunakan Dreamweaver CS4 dan My SQL. Penulis dapat mengambil kesimpulan mengenai perancangan website. Kesimpulan tersebut antara lain yaitu :
- Pembuatan dan penyusunan letak gambar yang baik sangat mendukung tampilan sebuah web.
- Penentuan tema sangatlah penting dalam pembuatan suatu web karena dengan tema kita dapat menentukan desain suatu web.
- Pengguna software yang tepat juga dapat menghasilkan sebuah web yang baik pula.
Dalam tugas akhir ini penulis menggunakan Dreamweaver CS4 karena aplikasi Adobe Dreamweaver sangat mudah untuk dioperasikan. Program ini menyediakan banyak perangkat yang dapat meningkatkan kemampuan user dalam membuat web, gambar maupun tulisannya. Hardware atau perangkat keras komputer juga harus diperhatikan agar dapat mempermudah dalam proses pembuatan.
3.2 Saran-saran
Dari kesimpulan yang telah dibuat berdasarkan proses perancangan web dari awal hingga akhir, maka penulis mencoba mengajukan saran-saran agar dapat mengahasilkan situs yang jauh lebih baik, yaitu :
- Perkaya imajinasi agar menghasilkan web yang menarik, karena imajinasi yang baik dapat menciptakan tampilan web yang menarik.
- Carilah sumber-sumber pelajaran dalam merancang sebuah web. Sumber-tersebut dapat diperoleh dari buku-buku, internet, serta belajar dari orang yang lebih menguasai.
- Memperdalam ilmu desain dan sering berlatih untuk membuat desain halaman web. Berkunjung ke internet untuk mencari desain yang paling bagus dan kemudian cobalah didesain ulang dengan program pengolah citra yang dikuasai.
- Agar dapat meningkatkan jumlah pengunjung yang mengunjungi sebuahwebsite, diharapkan untuk selalu melakukan pengupdetan website secara berkala sehingga website menjadi lebih dinamis karena informasi didalamnya selalu mengikuti perkembangan yang up to date.
Tidak ada komentar:
Posting Komentar