Penerapan Konsep One Layer Website Berbasis JavaScript

Ukuran: px
Mulai penontonan dengan halaman:

Download "Penerapan Konsep One Layer Website Berbasis JavaScript"

Transkripsi

1 Penerapan Konsep One Layer Website Berbasis JavaScript Erick Alfons Lisangan Fakultas Teknologi Informasi Universitas Atma Jaya Makassar Makassar, Indonesia Abstrak Perkembangan website saat ini telah berkembang seiring dengan pesatnya perkembangan bahasa pemrograman berbasis web. Salah satu kriteria sebuah website dapat dikatakan baik adalah loading time. Website yang digunakan saat ini masih banyak yang menggunakan model classic website dengan mengandalkan proses request-response sehingga perubahan isi konten website diikuti dengan proses reload halaman. Ditinjau dari kriteria loading time sangatlah tidak efisien karena terdapat beberapa bagian dari halaman website yang bersifat statis. Perkembangan JavaScript yang sangat pesat, seperti AJAX dan jquery, memungkinkan implementasi dari konsep one layer website. Konsep ini membuat website memiliki satu layer utama saja, dengan perubahan isi konten dilakukan hanya pada bagian yang senantiasa berubah sesuai isi konten yang diinginkan dengan memaksimalkan penggunaan JavaScript. Kata Kunci; website; javascript; AJAX; one layer website I. PENDAHULUAN Teknologi Informasi Komunikasi (TIK) memiliki perkembangan yang sangat pesat saat ini. Dampak dari perkembangan tersebut telah mempengaruhi segala bidang, Salah satu perkembangan dari TIK adalah website. Website telah memberikan dampak perubahan yang sangat besar pada kehidupan manusia. Dengan adanya website memungkinkan manusia untuk saling berkomunikasi ( dan social network), berbelanja (e-commerce), sarana promosi, sumber pengetahuan (search engine), belajar jarak jauh (e-learning), dan berbagai pemanfaatan lainnya. Website saat ini telah berkembang dengan sangat cepat, hal tersebut disebabkan karena bahasa pemrograman berbasis web telah jauh berkembang. Jika pada awal mulanya, website hanya berbasis pada Hyper Text Markup Language (HTML) saja maka saat ini website telah banyak yang berbasis Dynamic HTML (DHTML). DHTML mencakup pada penggunaan Cascading Style Sheet (CSS), client side scripting seperti JavaScript, dan server side scripting seperti PHP, JSP, dan ASP. Menurut Asep Herman Suyanto dalam buku Web Design Theory and Practices, suatu website dapat dikatakan baik apabila memenuhi beberapa kriteria dimana salah satunya adalah loading time. Website yang banyak di-publish saat ini banyak yang belum mempertimbangkan masalah loading time terutama dari segi perpindahan halaman. Perpindahan halaman pada website banyak yang mengadopsi pola klasik, (classic website) yaitu request dan response. Ketika suatu link dipilih maka akan dikirimkan request ke server yang kemudian direspond oleh server untuk membuka halaman link tersebut. Perpindahan halaman sering kali membuat beberapa bagian dari website, seperti header, navigasi, dan footer di-reload. Jika ditinjau dari sisi loading time dan penggunaan bandwidth maka proses reload beberapa bagian tersebut kurang efisien. Sebagai contoh, pada bagian header terdapat gambar sebesar 100 KB, maka setiap perpindahan halaman secara tidak langsung akan me-reload kembali gambar tersebut. Salah satu solusi untuk mengatasi masalah tersebut adalah dengan memanfaatkan perkembangan JavaScript. Perkembangan teknologi JavaScript saat ini, seperti Asynchronous JavaScript and XML (AJAX) telah memungkinkan terjadinya pergeseran model website, dari sebelumnya berbasis classic website yang masih mengandalkan proses request dan response dikembangkan menjadi model one layer website dengan memanfaatkan objek XMLHttpRequest (XHR) dari JavaScript. XHR adalah sebuah objek yang memungkinkan halaman website mengambil data dari web server melalui aktivitas background tanpa menganggu interaksi dengan user. Konsep one layer website memungkinkan user ketika pertama kali membuka suatu halaman website, maka akan tampil halaman website seperti pada umumnya. Yang membedakan adalah ketika pemilihan link, maka tidak terjadi 203

2 perpindahan halaman melainkan akan muncul sebuah window atau perubahan pada beberapa bagian tertentu dari halaman menjadi isi konten dari link yang dipilih oleh user. Hal ini membuat proses loading time dan penggunaan bandwidth menjadi lebih efisien karena tidak perlu melakukan reload pada beberapa bagian yang memiliki isi konten statis serta tidak menganggu interaksi user dengan berpindah halaman. A. Website II. LANDASAN TEORI Website adalah halaman informasi yang disediakan melalui jalur internet sehingga dapat diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Secara garis besar, website dapat digolongkan menjadi 3 (tiga) bagian yaitu website statis, website dinamis, dan website dinamis. Website statis adalah website yang mempunyai halaman yang tidak berubah sehingga untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengedit kode yang menjadi struktur dari website tersebut. Website dinamis merupakan website yang secara struktur diperuntukan untuk proses update secara rutin. Selain halaman utama yang dapat diakses oleh user, juga disediakan halaman backend untuk mengedit konten dari website. Website interaktif memungkinkan user dapat saling berinteraksi dan memiliki moderator untuk mengatur topik. JSP, dan ASP, serta client-side scripting, seperti JavaScript, dan VBScript. B. Kriteria Website yang Baik Menurut Asep Herman Suyanto dalam buku Web Design Theory and Practices, sebuah website yang dapat dikatakan baik apabila memenuhi beberapa kriteria, yaitu usability, sistem navigasi, graphics design, contents, compatibility, loading time, functionality, accessibility, dan interactivity. Menurut Jeffrey Veen dari webmonkey.com bahwa waktu yang dimiliki hanya 3 (tiga) detik untuk menyakinkan pengguna untuk tidak menutup window atau pergi ke situs lain. Sehingga pemanfaatan waktu 3 (tiga) detik tersebut perlu dimaksimalkan dengan meletakkan hal-hal yang menarik. Aturan ini kemudian diperbarui oleh Webreview, yaitu selama 8 (delapan) detik. Sebuah penelitian yang dilakukan oleh Zona Research (April 1999) menyatakan bahwa 80% pengunjung akan menutup browser bila halaman website yang dibuka tidak tampil dalam 7 (tujuh) 8 (delapan) detik. Hal ini kemudian diperkuat oleh Penelitian Jupiter Media Metrix (September 2001) yang mengatakan bahwa 40% pengunjung akan kembali mengunjungi situs yang tampil lebih cepat. C. Javascript Javascript merupakan salah satu client-side scripting yang berfungsi untuk memberikan tampilan yang tampak lebih interaktif pada halaman website. Dengan JavaScript, sebuah halaman website akan menjadi lebih dinamis dan interaktif terhadap pengguna karena halaman website mampu berfungsi sebagai sebuah program aplikasi yang dapat memproses masukan yang diberikan pengguna dan memberikan hasil yang sesuai dengan yang diprogramkan. Perkembangan Javascript saat ini telah berkembang dengan sangat pesat. Hal tersebut dapat dilihat dengan munculnya beberapa framework dari Javascript, seperti jquery, MooTools, dan lain sebagainya. Framework tersebut memungkinan pengembang website dapat membuat website yang interaktif tanpa membuat script dari awal. Gambar 1. Cara Kerja Classic Website Dalam membangun sebuah website yang dinamis dibutuhkan bahasa pemrograman server-side, seperti PHP, D. AJAX Asynchronous JavaScript and XML (AJAX) memungkinkan sebuah halaman website memperbarui data dari server yang ditampilkannya tanpa harus melakukan reload atau refresh sehingga kesan yang tampak adalah halaman 204

3 website terlihat lebih responsif. Arti dari asynchronous adalah permintaan data tambahan dari server dan loading-nya dilakukan di belakang layar tanpa mempengaruhi tampilan dari halaman website. AJAX memanfaatkan objek XMLHttpRequest (XHR) dari Javascript dalam hal komunikasi asynchronous dengan server. Gambar 2. Cara Kerja AJAX Sementara objek XHR bekerja untuk mengambil data dari server, pengguna yang sedang membuka halaman website masih tetap dapat berinteraksi dengan halaman website tersebut, dimana tidak mengalami freezing seperti yang terjadi pada classic website. E. jquery jquery dirilis pada tahun 2006 oleh John Resig, jquery merupakan sebuah librari dari JavaScript yang mempermudah dan mempercepat dalam membuat kode JavaScript. Librari jquery mempunyai kemampuan mengakses elemenelemen HTML, memanipulasi elemen HTML, memanipulasi CSS, penanganan event HTML, efek-efek JavaScript dan animasi, modifikasi HTML DOM, AJAX, dan menyederhanakan kode JavaScript lainnya III. HASIL DAN PEMBAHASAN A. Konsep One Layer Website Metode one layer website memanfaatkan fungsi navigasi dalam suatu halaman website dengan memaksimalkan peran dari JavaScript, dalam hal ini AJAX. Penggunaan one layer website memungkinkan perpindahan halaman atau konten yang hanya melibatkan bagian tertentu dari suatu halaman website. Hal ini berdampak pada efisiensi bandwidth dimana perpindahan halaman atau konten tidak perlu me-load halaman secara keseluruhan. Yang dimaksud dengan one layer website adalah dimana sebuah halaman utama atau homepage website merupakan layer utama dari sebuah website. Layer utama ini bertugas sebagai kerangka dasar dari halaman website yang dibuat. Untuk perubahan halaman atau konten dalam website, maka beberapa bagian pada layer tersebut saja yang akan berganti. Sebagai contoh, apabila terdapat website yang memiliki kerangka utama sebanyak 4 (empat) buah bagian, yaitu header, konten kiri, konten kanan, dan footer. Misalkan pada bagian konten kiri terdapat pilihan menu seperti menu 1, menu 2, menu 3, hingga menu n. Jika menggunakan cara kerja classic website, maka ketika menu tersebut dipilih, secara otomatis web browser akan mengirimkan request kepada web server untuk menampilkan isi halaman atau konten dari menu yang dipilih. Web server akan memberikan response dengan mengirimkan isi halaman atau konten, yang kemudian ditampilkan di web browser pengguna. Secara otomatis halaman website akan kembali di-load termasuk konten yang statis. Secara umum, perubahan isi konten atau halaman sebuah website hanya terjadi pada beberapa bagian saja. Penerapan konsep one layer website dapat dimanfaatkan dimana menu atau link yang tersedia nantinya akan mengubah beberapa bagian saja sesuai dengan kebutuhan dengan memanfaatkan AJAX. Sehinggadapat dikatakan bahwa halaman yang diakses nantinya hanya berupa homepage saja. Homepage inilah nantinya yang menjadi layer utama dari website. Perubahan halaman atau isi konten, tidak me-load halaman atau konten yang diinginkan, tetapi memanfaatkan objek XHR yang bertugas untuk memanggil halaman atau konten yang dipilih pada menu di belakang layar. Perubahan yang terjadi membuat seolah-olah website yang diakses hanya memiliki 1 (satu) halaman saja atau 1 (satu) layer utama saja. Dikarenakan website tersebut hanya memiliki seolah-olah 1 (satu) layer sehingga dinamakan one layer website. B. Perancangan Layout Layout adalah proses penataan dan pengaturan teks atau grafik pada halaman. Layout meliputi penyusunan, pembagian tempat dalam suatu halaman, pengaturan jarak spasi, pengelompokan teks dan grafik, dan penekanan pada suatu bagian tertentu. Penerapan layout dalam konsep one layer website lebih ditekankan pada model layer utama yang akan menjadi dasar dari website yang akan dirancang. Sebelum membangun sebuah website yang akan memanfaatkan konsep one layer website, terlebih dahulu dirancang layout dari layer utama. Perancangan layout ini bertujuan untuk mengetahui penempatan lokasi isi konten yang bersifat statis, seperti header, menu, dan footer, serta penempatan lokasi isi konten yang bersifat dinamis atau berubah-ubah. Dinamis dalam hal ini berarti lokasi isi konten sesuai dengan menu yang dipilih. 205

4 C. Implementasi Implementasi dari konsep one layer website menggunakan bahasa pemrograman JavaScript dan pengembangannya seperti AJAX dan jquery sebagai kekuatan utama dalam proses perpindahan halaman atau perubahan isi konten website. Client-side scripting dalam website dipadukan dengan PHP sebagai server-side scripting yang bertugas untuk menjawab permintaan dari objek XHR yang bekerja di belakang layar. Gambar 3. Layout Utama Pada Gambar 3, dapat dilihat terdapat 5 (lima) bagian utama dari kerangka website, yaitu header, menu, left content, right content, dan footer. Setelah menentukan layout, langkah berikutnya adalah menentukan pada bagian mana saja yang isi kontennya akan statis maupun dinamis. TABEL 1. DESKRIPSI BAGIAN WEBSITE Lokasi Isi Sifat Header Logo dari website Statis Menu Pilihan navigasi Statis Left Content Dokumen, poling Statis Right Content Isi dari pilihan menu Dinamis Footer Identitas Statis Gambar 4.Tampilan Awal Website Pada Gambar 4 dapat dilihat tampilan awal dari website dimana hanya memiliki 1 (satu) layer utama saja yang terdiri dari beberapa bagian seperti yang terdapat pada layout di Gambar 3. Dalam layer utama tersebut terdapat beberapa pilihan navigasi yang terdapat di bagian menu, maupun di dalam bagian isi. Pada Tabel 1, dapat dilihat bahwa terdapat 1 (satu) bagian yang isi kontennya bersifat dinamis, yaitu right content sedangkan bagian yang lainnya bersifat statis. Dalam konsep classic website, bagian yang statis tersebut tetap akan di-load kembali sehingga terkadang membutuhkan loading time yang cukup lama apabila isi dari bagian tersebut cukup besar. Konsep one layer website memungkinkan bagian yang dinamis saja yang akan berganti isi kontennya sesuai dengan pilihan menu yang pilih. 206

5 Pada Gambar 6 merupakan tampilan loading sebagai interaksi dalam memilihi setiap pilihan menu yang tersedia dalam website. Implementasi konsep one layer website dengan memanfaatkan JavaScript (jquery dan AJAX) dapat dilihat pada source code dibawah ini: <!-- --> $(".link").click(function() { Gambar 5. Tampilan Hasil Pemilihan Navigasi anchor = this.id; $("#id"+anchor).addclass("active"); Pada Gambar 5 dapat dilihat bahwa untuk menampilkan isi konten tidak perlu dilakukan proses reload halaman. Isi konten ditampilkan pada layer utama tanpa me-load kembali bagian yang statis. Dalam hal loading time, proses penampilan informasi yang dihasilkan lebih efisien dibandingkan classic website karena hanya me-load konten yang dipilih bukan keseluruhan halaman website. $.ajax({ type:"post", url:anchor+".html", success: function(data){ $(".fl_right").html(data); } }); }); <!-- --> <ul> <li class='active' id='idhome'><a href="#" id='home' class='link'>home</a></li> <li id='idvisi'><a href="#" id='visi-misi' class='link'>visi dan Misi</a></li> Gambar 6. Tampilan Perpindahan Menu <li id='idorganisasi'><a href="#" id='organisasi' class='link'>struktur Organisasi</a></li> <!-- --> 207

6 Inti dari source code di atas terdapat pada fungsi yang dikerjakan ketika link yang memiliki class bernama link diklik. Fungsi yang dikerjakan adalah memanfaatkan AJAX untuk memanggil halaman atau isi konten yang sesuai dengan pilihan menu yang dipilih kemudian menampilkannya hanya pada 1 (satu) bagian saja, yaitu fl_right. IV. KESIMPULAN Kesimpulan yang dapat diperoleh dari penelitian ini adalah konsep one layer website dengan memanfaatkan JavaScript lebih efisiensi dalam hal perpindahan halaman maupun isi konten dibandingkan classic website. Efisiensi dalam hal ini berarti isi konten yang di-load tidak dilakukan secara berulangulang yang dapat berpengaruh pada loading time yang menjadi lambat. Dalam konsep one layer website, isi konten yang diload merupakan isi konten yang disesuaikan dengan pemilihan menu yang dipilih dan hanya mengubah beberapa bagian dari halaman website saja. Perubahan isi konten yang hanya terjadi pada beberapa bagian saja membuat seolah-olah halaman website hanya memiliki 1 (satu) layer utama saja, yaitu homepage sehingga dapat dikatakan one layer website. DAFTAR PUSTAKA [1] Hakim, Lukmanul Bikin Website Super Keren dengan PHP & jquery. Yogyakarta: Lokomedia. [2] Lisangan, Erick Alfons Bahan Ajar Pemrograman Internet, Program Studi Teknik Informatika Universitas Atma Jaya Makassar. [3] Suyanto, Asep Herman Web Design Theory and Practices. Cirebon: Penerbit Andi. [4] Wahana Komputer Menguasai Pemrograman Web dengan JavaScript Semarang: Penerbit Andi. [5] Zaki, Ali, SmitDev Community AJAX untuk Pemula. Semarang: Elex Media Kmputindo. 208

BAB II TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA BAB II TINJAUAN PUSTAKA 2.1 Penelitian Terdahulu Website toko komputer ini juga sudah pernah ada sebelumnya. Website toko komputer tersebut adalah website toko komputer yang pernah dibangun oleh Donny

Lebih terperinci

Mengenal Web Dinamis dan Statis Serta Perbedaanya

Mengenal Web Dinamis dan Statis Serta Perbedaanya Mengenal Web Dinamis dan Statis Serta Perbedaanya Refan Adiyanto Refan@raharja.info Abstrak Setelah sebelumnya saya memposting artikel tentang Mengenal LinkedIn dan Manfaatnya untuk Para Pencari Kerja

Lebih terperinci

BAB 1 PENDAHULUAN. Semakin berkembangnya teknologi internet maka kebutuhan dalam memperoleh

BAB 1 PENDAHULUAN. Semakin berkembangnya teknologi internet maka kebutuhan dalam memperoleh BAB 1 PENDAHULUAN 1.1 Latar Belakang Semakin berkembangnya teknologi internet maka kebutuhan dalam memperoleh informasi dengan cepat,akurat dan mudah dalam segala kegiatan baik itu dalam bisnis, pendidikan,

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk mencapai suatu

Lebih terperinci

Modul 5 AJAX TUJUAN PRAKTIKUM : PERLENGKAPAN PRAKTIKUM LANDASAN TEORI. Latar Belakang Munculnya Ajax. Definisi Ajax.

Modul 5 AJAX TUJUAN PRAKTIKUM : PERLENGKAPAN PRAKTIKUM LANDASAN TEORI. Latar Belakang Munculnya Ajax. Definisi Ajax. Modul 5 AJAX TUJUAN PRAKTIKUM : 1. Praktikan mengetahui dan mengerti konsep Ajax dalam Java J2EE. 2. Praktikan dapat memahami manfaat dan batasan Ajax. 3. Praktikan mampu mengimplementasikan Ajax dalam

Lebih terperinci

PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA. By: Julianto Lemantara, S,Kom., M.Eng

PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA. By: Julianto Lemantara, S,Kom., M.Eng PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA By: Julianto Lemantara, S,Kom., M.Eng LATAR BELAKANG PELATIHAN Coba simak beberapa lowongan PHP programmer berikut:

Lebih terperinci

KONSEP DAN JENIS WEBSITE SERTA KRITERIA WEBSITE YANG BAIK

KONSEP DAN JENIS WEBSITE SERTA KRITERIA WEBSITE YANG BAIK Minggu, 13 Januari 2013 KONSEP DAN JENIS WEBSITE SERTA KRITERIA WEBSITE YANG BAIK Oleh Sata Aswel Putra, S.Pd Januari 2013 1. PENDAHULUAN Perkembangan ilmu pengetahuan dan teknologi (Iptek) dewasa ini

Lebih terperinci

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata Dasar Pemrograman Web 2 Pemrograman Web Adam Hendra Brata Teknologi Client Server Konsep Dasar Desain Web Teknologi Client Server Arsitektur Client Server Model komunikasi yang terdiri server sebagai pemberi

Lebih terperinci

IMPLEMENTASI METODE ASYNCHRONOUS JAVASCRIPT AND XML (AJAX) PADA PEMBUATAN WEBSITE UNIVERSITAS SAM RATULANGI

IMPLEMENTASI METODE ASYNCHRONOUS JAVASCRIPT AND XML (AJAX) PADA PEMBUATAN WEBSITE UNIVERSITAS SAM RATULANGI 1 IMPLEMENTASI METODE ASYNCHRONOUS JAVASCRIPT AND XML (AJAX) PADA PEMBUATAN WEBSITE UNIVERSITAS SAM RATULANGI Hendra Jindry Lamani, Hans Wowor, Arthur Rumagit, Nancy Tuturoong Abstrak Dalam era teknologi

Lebih terperinci

BAB 1 PENDAHULUAN. Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi internet sangat

BAB 1 PENDAHULUAN. Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi internet sangat BAB 1 PENDAHULUAN 1.1 Latar Belakang Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi internet sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian dan penerimaan

Lebih terperinci

BAB 1 PENDAHULUAN. Perkembangan Aplikasi Web yang semakin berkembang pesat sejak munculnya

BAB 1 PENDAHULUAN. Perkembangan Aplikasi Web yang semakin berkembang pesat sejak munculnya BAB 1 PENDAHULUAN 1.1 Latar belakang Perkembangan Aplikasi Web yang semakin berkembang pesat sejak munculnya teknologi internet sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian,

Lebih terperinci

BAB II TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA BAB II TINJAUAN PUSTAKA 2.1 Penelitian Terdahulu Penelitian yang dilakukan oleh De Jesus Dos Santos, Manuel (2012) membahas tentang Perancangan Sistem Informasi E-Booking Pariwisata Kota Dili Berbasis

Lebih terperinci

MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB

MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB Media Informatika Vol. 8 No. 2 (2009) MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB Budi Maryanto Sekolah Tinggi Manajemen Informatika dan Komputer LIKMI Jl. Ir. H. Juanda 96 Bandung

Lebih terperinci

Pert 11 DASAR-DASAR WEB DESIGN

Pert 11 DASAR-DASAR WEB DESIGN Pert 11 DASAR-DASAR WEB DESIGN WEB DESIGN? Design merupakan hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem solving) www (world wide web) merupakan kumpulan web server

Lebih terperinci

BAB II TINJAUAN PUSTAKA. Berkaca dari pesatnya laju perkembangan teknologi. modern, sistem penjadwalan guru di sebuah sekolah akan lebih

BAB II TINJAUAN PUSTAKA. Berkaca dari pesatnya laju perkembangan teknologi. modern, sistem penjadwalan guru di sebuah sekolah akan lebih BAB II TINJAUAN PUSTAKA 2.1. Tinjauan Pustaka Berkaca dari pesatnya laju perkembangan teknologi modern, sistem penjadwalan guru di sebuah sekolah akan lebih efektif jika menggunakan sebuah aplikasi. Aplikasi

Lebih terperinci

DASAR-DASAR WEB DESIGN

DASAR-DASAR WEB DESIGN DASAR-DASAR WEB DESIGN Pengenalan website dan istilah-istilah internet By Reynaldi Wilianata Web Design? Asal Design hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem

Lebih terperinci

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah   Website :http://dahlan.unimal.ac.id DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah

Lebih terperinci

BAB II TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA BAB II TINJAUAN PUSTAKA Web sekolah merupakan ajang untuk menampilkan informasi dan dokumentasi sebuah sekolah. Sebenarnya banyak sekali informasi tentang sebuah sekolah yang bisa dipaparkan atau ditampilkan

Lebih terperinci

RANCANG BANGUN APLIKASI PADA PEMESANAN TIKET BUS ONLINE BERBASIS WEB

RANCANG BANGUN APLIKASI PADA PEMESANAN TIKET BUS ONLINE BERBASIS WEB RANCANG BANGUN APLIKASI PADA PEMESANAN TIKET BUS ONLINE BERBASIS WEB Ericko Rajzman Wijaya Rycco Gustian Jurusan Teknik Informatika STMIK PalComTech Palembang Abstrak Transakasi memiliki sebuah sistem

Lebih terperinci

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan

Lebih terperinci

BAB 1 PENDAHULUAN. Teknologi informasi pada saat ini telah berkembang sangat pesat sehingga

BAB 1 PENDAHULUAN. Teknologi informasi pada saat ini telah berkembang sangat pesat sehingga BAB 1 PENDAHULUAN 1.1 Latar Belakang Teknologi informasi pada saat ini telah berkembang sangat pesat sehingga mempunyai dampak dalam meningkatkan efektifitas dan keefisienan dalam melakukan setiap pekerjaan.

Lebih terperinci

BAB 1 PENDAHULUAN Latar Belakang. Sistem informasi merupakan suatu sistem yang menerima masukan data dan

BAB 1 PENDAHULUAN Latar Belakang. Sistem informasi merupakan suatu sistem yang menerima masukan data dan BAB 1 PENDAHULUAN 1.1. Latar Belakang Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan intruksi dan mengeluarkan hasilnya. Sistem informasi

Lebih terperinci

Persiapan. Jalankan server apache dari XAMPP control panel Ekstrak file yang telah dibagikan, Salin folder week_8 ke htdocs

Persiapan. Jalankan server apache dari XAMPP control panel Ekstrak file yang telah dibagikan, Salin folder week_8 ke htdocs Ajax Persiapan Download: https://drive.google.com/file/d/0bxksp6axeejqa3loddvnd2fcx3c/vi ew?usp=sharing Latihan-latihan ini memerlukan koneksi aktif internet Cek kembali koneksi internet anda Jalankan

Lebih terperinci

BAB II TINJAUAN PUSTAKA. pengembangan website customer PT Infomedia Nusantara berbasis HTML

BAB II TINJAUAN PUSTAKA. pengembangan website customer PT Infomedia Nusantara berbasis HTML BAB II TINJAUAN PUSTAKA Pada Bab ini akan diuraikan teori-teori yang mendukung mengenai pengembangan website customer PT Infomedia Nusantara berbasis HTML sebagai upaya peningkatan kualitas dari website

Lebih terperinci

AJAX. Pemrograman Web 1. Asynchronous JavaScript and XML. Genap

AJAX. Pemrograman Web 1. Asynchronous JavaScript and XML. Genap AJAX Asynchronous JavaScript and XML Pemrograman Web 1 Genap 2011-2012 AJAX - Intro AJAX = Asynchornous JavaScript And XML Diperkanalkan oleh Jesse James Garret pada tahun 2005. AJAX bukan bahasa pemrograman

Lebih terperinci

Intro To JQuery Training Online Ilmuwebsite

Intro To JQuery Training Online Ilmuwebsite MODUL I JQUERY KELAS ZEROZERO Intro To JQuery Training Online Ilmuwebsite http://www.ilmuwebsite.com Lisensi Dokumen: Copyright 2014-2015 Ilmuwebsite.Com Untuk semua kalangan, silahkan menyebarluaskan

Lebih terperinci

BAB 1 PENDAHULUAN. Perkembangan teknologi informasi dan teknologi komputer saat ini berkembang

BAB 1 PENDAHULUAN. Perkembangan teknologi informasi dan teknologi komputer saat ini berkembang BAB 1 PENDAHULUAN 1.1 Latar Belakang Perkembangan teknologi informasi dan teknologi komputer saat ini berkembang dengan sangat pesat. Kebutuhan akan itu pun semakin diminati oleh semua kalangan masyarakat,

Lebih terperinci

WEBSITE PEMILIHAN CALON KETUA HIMPUNAN JURUSAN SISTEM KOMPUTER UNIVERSITAS KRISTEN MARANATHA. Angga Indrajaya /

WEBSITE PEMILIHAN CALON KETUA HIMPUNAN JURUSAN SISTEM KOMPUTER UNIVERSITAS KRISTEN MARANATHA. Angga Indrajaya / WEBSITE PEMILIHAN CALON KETUA HIMPUNAN JURUSAN SISTEM KOMPUTER UNIVERSITAS KRISTEN MARANATHA Angga Indrajaya / 1027014 Jurusan Sistem Komputer, Fakultas Teknik,. Jalan Prof. Drg. Suria Sumantri, MPH. No

Lebih terperinci

PENGERTIAN WEB web adalah

PENGERTIAN WEB web adalah PENGANTAR WEB -YQ- PENGERTIAN WEB web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (text, gambar, suara, animasi, video) di dalamnya yang menggunakan protokol http (hypertext transfer

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Aplikasi Berbasis Web Yang dimaksud dengan aplikasi web atau aplikasi berbasis web adalah aplikasi yang dijalankan melalui browser. Aplikasi seperti ini pertama kali dibangun hanya

Lebih terperinci

BAB II LANDASAN TEORI. Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi

BAB II LANDASAN TEORI. Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi BAB II LANDASAN TEORI 2.1Perangkat Lunak Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi memberikan fungsi dan petunjuk kerja seperti yang diinginkan. Struktur data yang

Lebih terperinci

AJAX Framework. Pemrograman Web 1. Genap

AJAX Framework. Pemrograman Web 1. Genap AJAX Framework Pemrograman Web 1 Genap 2011-2012 Framework Apa itu Framework (Software Framework)? Kumpulan pustaka-pustaka (library) perangkat lunak yang script-nya dapat digunakan kembali (reusable)

Lebih terperinci

PENGEMBANGAN SISTEM INFORMASI AKREDITASI

PENGEMBANGAN SISTEM INFORMASI AKREDITASI PENGEMBANGAN SISTEM INFORMASI AKREDITASI Muhammad Takdir Muslihi 1), Amil Ahmad Ilham 2), Zahir Zainuddin 3) 1), 2),3) Jurusan Teknik Elektro, Fakultas Teknik, Universitas Hasanuddin Email : takdir.jobs@gmail.com

Lebih terperinci

BAB III LANDASAN TEORI. Pengertian sistem menurut Jogianto (2005 : 2) mengemukakan

BAB III LANDASAN TEORI. Pengertian sistem menurut Jogianto (2005 : 2) mengemukakan BAB III LANDASAN TEORI 3.1 Pengertian Sistem Informasi Pengertian sistem menurut Jogianto (2005 : 2) mengemukakan bahwa sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu

Lebih terperinci

BAB III Validasi HTML5

BAB III Validasi HTML5 1 Modul Praktikum Pemprograman Web BAB III Validasi HTML5 A. Tujuan Memahami konsep dasar active web page, Mampu menghasilkan halaman web yang interaktif, Mampu memanfaatkan validasi data menggunakan HTML5.

Lebih terperinci

AJAX. Pemrograman Web. Rajif Agung Yunmar, S.Kom

AJAX. Pemrograman Web. Rajif Agung Yunmar, S.Kom AJAX Pemrograman Web Rajif Agung Yunmar, S.Kom Synchronous Metode request HTTP yang sering digunakan dengan cara ini adalah metode POST dan GET. Pada saat client mengirimkan request terhadap server, client

Lebih terperinci

PERANCANGAN DAN PEMBUATAN SOFTWARE MANAGEMENT MARKETING MENGGUNAKAN AJAX

PERANCANGAN DAN PEMBUATAN SOFTWARE MANAGEMENT MARKETING MENGGUNAKAN AJAX PERANCANGAN DAN PEMBUATAN SOFTWARE MANAGEMENT MARKETING MENGGUNAKAN AJAX Dodik Indra Sukmana 1, Edi Satriyanto 2, S.Si, M.Si, Rengga Asmara,S.komp. 2 1 Mahasiswa, 2 Dosen Pembimbing Politeknik Elektronika

Lebih terperinci

PENGERTIAN WEBSITE DAN FUNGSINYA

PENGERTIAN WEBSITE DAN FUNGSINYA PENGERTIAN WEBSITE DAN FUNGSINYA Hamzah Hartono hmzh_ic@yahoo.com Abstrak Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak,

Lebih terperinci

Hal yang harus diperhatikan dalam penggunaan AJAX adalah: XHTML dan CSS digunakan untuk menandai dan mempercantik tampilan informasi.

Hal yang harus diperhatikan dalam penggunaan AJAX adalah: XHTML dan CSS digunakan untuk menandai dan mempercantik tampilan informasi. MODUL 6 Implementasi Web dengan Database TUJUAN PRAKTIKUM : 1. Praktikan memahami prinsip penggunaan ajax. 2. Praktikan mampu mengkoneksikan ajax dengan database. PERLENGKAPAN PRAKTIKUM 1. Modul Praktikum

Lebih terperinci

RANCANG BANGUN WEBSITE JURNAL ILMIAH BIDANG KOMPUTER (STUDI KASUS : PROGRAM STUDI ILMU KOMPUTER UNIVERSITAS MULAWARMAN)

RANCANG BANGUN WEBSITE JURNAL ILMIAH BIDANG KOMPUTER (STUDI KASUS : PROGRAM STUDI ILMU KOMPUTER UNIVERSITAS MULAWARMAN) Jurnal Informatika Mulawarman Vol. 10 No. 2 September 2015 25 RANCANG BANGUN WEBSITE JURNAL ILMIAH BIDANG KOMPUTER (STUDI KASUS : PROGRAM STUDI ILMU KOMPUTER UNIVERSITAS MULAWARMAN) Dana Pranata 1), Hamdani

Lebih terperinci

Rancangan Aplikasi Penyedia Layanan Halaman Online Shop Berbasis Website

Rancangan Aplikasi Penyedia Layanan Halaman Online Shop Berbasis Website Rancangan Aplikasi Penyedia Layanan Halaman Online Shop Berbasis Website Devita Rizky Nur Septiani 1 dan Ire Puspa Wardhani 2 1) Manajemen Informatika, 2) Sistem Informasi, STMIK Jakarta STI&K Jl. BRI

Lebih terperinci

Konsep Pemrograman Web

Konsep Pemrograman Web Konsep Pemrograman Web Kuliah Umum Kampus Kalimalang Nuryuliani 1 Konsep Web World Wide Web ("WWW", atau disingkat "Web") adalah suatu ruang informasi dimana sumber sumber daya yang berguna diidentifikasi

Lebih terperinci

BAB II TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA BAB II TINJAUAN PUSTAKA 2.1 Penelitian Terdahulu Belum pernah ada penelitian tentang website pre order back sound dan musik sebelumnya, secara umum website tentang musik yang sudah ada adalah website tempat

Lebih terperinci

BAB III LANDASAN TEORI

BAB III LANDASAN TEORI BAB III LANDASAN TEORI 3.1 Definisi Pariwisata(Tour) Berikut ini adalah definisi atau pengertian Pariwisata menurut beberapa ahli: 1. Menurut Hanson Ward (2000) menjelaskan definisi pariwisata sebagai

Lebih terperinci

BAB II. TINJAUAN PUSTAKA

BAB II. TINJAUAN PUSTAKA BAB II. TINJAUAN PUSTAKA 2.1 Penelitian terdahulu Sebagai bahan pertimbangan dalam penelitian ini akan dicantumkan beberapa penalitian terdahulu oleh beberapa peneliti. Penelitian oleh Mufid Najmullah

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,

Lebih terperinci

WEB1. Pertemuan Ke-1 (Konsep Dasar Web) S1 Teknik Informatika - Unijoyo 1

WEB1. Pertemuan Ke-1 (Konsep Dasar Web) S1 Teknik Informatika - Unijoyo 1 WEB1 Pertemuan Ke-1 (Konsep Dasar Web) S1 Teknik Informatika - Unijoyo 1 Kegiatan Bobot Nilai (%) Ujian Tengah Semester 25 Ujian Akhir Semester (Demonstrasi Tugas Aplikasi) 35 Laporan Tugas Aplikasi 30

Lebih terperinci

LOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX XX Oktober 2016

LOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX XX Oktober 2016 KISI-KISI dan PEDOMAN PELAKSANAAN KELOMPOK TEKNOLOGI INFORMASI BIDANG LOMBA : WEB DESIGN A. Pendahuluan LKS Jawa Timur tahun 2016, bidang lomba Web Design akan memperlombakan kompetensi pada kemampuan

Lebih terperinci

BAB I PENDAHULUAN. internet yang sangat membantu dalam kemudahan serta kecepatan pengiriman,

BAB I PENDAHULUAN. internet yang sangat membantu dalam kemudahan serta kecepatan pengiriman, BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Perkembangan aplikasi web saat ini begitu pesat terutama sejak munculnya teknologi internet yang sangat membantu dalam kemudahan serta kecepatan pengiriman,

Lebih terperinci

SISTEM INFORMASI PENJUALAN BERBASIS WEB UNTUK CV. BINTANG FALAH. Naskah Publikasi

SISTEM INFORMASI PENJUALAN BERBASIS WEB UNTUK CV. BINTANG FALAH. Naskah Publikasi SISTEM INFORMASI PENJUALAN BERBASIS WEB UNTUK CV. BINTANG FALAH Naskah Publikasi disusun oleh : Ryan Maydianza 07.01.2157 Aditya Syamsu Kartika 07.01.2190 kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

Lebih terperinci

Trik Mudah Membuat CMS Website dari Nol

Trik Mudah Membuat CMS Website dari Nol Trik Mudah Membuat CMS Website dari Nol Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh PENERBIT PT ELEX MEDIA KOMPUTINDO Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh 2016, PT Elex Media

Lebih terperinci

BAB II TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA BAB II TINJAUAN PUSTAKA 2.1 Penelitian Terdahulu Adapun beberapa penelitian terdahulu mengenai penelitian sistem informasi inventaris barang. Tristya Novrendika dari Teknik Informatika, Fakultas Komunikasi

Lebih terperinci

BAB III LANDASAN TEORI

BAB III LANDASAN TEORI BAB III LANDASAN TEORI 3.1 Fotografi Amir Hamzah Sulaeman mengatakan bahwa fotografi berasal dari kata foto dan grafi yang masing-masing kata tersebut mempunyai arti sebagai berikut: foto artinya cahaya

Lebih terperinci

MANUAL BOOK MADANI CMS KOTA SERANG

MANUAL BOOK MADANI CMS KOTA SERANG MANUAL BOOK MADANI CMS KOTA SERANG Kata Pengantar Puji syukur kehadirat Tuhan Yang Maha Kuasa atas segala limpahan Rahmat, Inayah, Taufik dan Hinayahnya sehingga saya dapat menyelesaikan ini. Semoga aplikasi

Lebih terperinci

3. Fungsi situs web adalah sebagai berikut, kecuali d. Fungsi Kebutuhan

3. Fungsi situs web adalah sebagai berikut, kecuali d. Fungsi Kebutuhan Soal Pertemuan 1 1.Orang yang bertugas mendesain halaman web yang menentukan look dan feel yang mempunyai kemampuan mencari dan menentukan ide dan kemudian mengolahnya dalam pikiran, menggunakan ide secara

Lebih terperinci

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.

Lebih terperinci

BAB I PENDAHULUAN. media pembelajaran itu adalah e-learning. E-learning merupakan suatu teknologi informasi

BAB I PENDAHULUAN. media pembelajaran itu adalah e-learning. E-learning merupakan suatu teknologi informasi BAB I PENDAHULUAN 1.1. Latar Belakang Masalah Pesatnya perkembangan teknologi informasi di bidang pendidikan, dapat dilihat dari banyaknya media-media pembelajaran yang digunakan di masyarakat. Salah satu

Lebih terperinci

PRAKTIKUM SISTEM INFORMASI MANAJEMEN

PRAKTIKUM SISTEM INFORMASI MANAJEMEN MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana

Lebih terperinci

BAB II LANDASAN TEORI Konsep Dasar Membangun Aplikasi Berbasis Web

BAB II LANDASAN TEORI Konsep Dasar Membangun Aplikasi Berbasis Web BAB II LANDASAN TEORI 2.1. Konsep Dasar Membangun Aplikasi Berbasis Web Aplikasi berbasis web adalah aplikasi yang dijalankan melalui browser dan diakses melalui jaringan komputer. Aplikasi berbasis web

Lebih terperinci

BAB 2 TINJAUAN PUSTAKA. memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer

BAB 2 TINJAUAN PUSTAKA. memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer BAB 2 TINJAUAN PUSTAKA 2.1. Cloud Storage Cloud Storage Merupakan Media Penyimpanan yang dalam pengaksesannya memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer dimana kita harus

Lebih terperinci

PEMODELAN RESPONSIVE WEB MENGGUNAKAN FOUNDATION FRAMEWORK DALAM PENGEMBANGAN PERANGKAT LUNAK BERBASIS PERANGKAT BERGERAK

PEMODELAN RESPONSIVE WEB MENGGUNAKAN FOUNDATION FRAMEWORK DALAM PENGEMBANGAN PERANGKAT LUNAK BERBASIS PERANGKAT BERGERAK PEMODELAN RESPONSIVE WEB MENGGUNAKAN FOUNDATION FRAMEWORK DALAM PENGEMBANGAN PERANGKAT LUNAK BERBASIS PERANGKAT BERGERAK Subur Anugerah Program Studi Teknik Informatika STMIK Balikpapan Jl. K.P. Tendean

Lebih terperinci

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat

Lebih terperinci

BAB III LANDASAN TEORI. Definisi sistem informasi adalah kumpulan. informasi didalam sebuah basis data menggunakan

BAB III LANDASAN TEORI. Definisi sistem informasi adalah kumpulan. informasi didalam sebuah basis data menggunakan BAB III LANDASAN TEORI III.1 Sistem Informasi III.1.1 Definisi Sistem Informasi Definisi sistem informasi adalah kumpulan informasi didalam sebuah basis data menggunakan model dan media teknologi informasi

Lebih terperinci

BAB 1 PENDAHULUAN. penjualan. Media promosi yang dapat dilakukan untuk memasarkan suatu produk

BAB 1 PENDAHULUAN. penjualan. Media promosi yang dapat dilakukan untuk memasarkan suatu produk BAB 1 PENDAHULUAN 1.1. Latar Belakang Media promosi merupakan salah satu sarana yang di gunakan untuk mempromosikan suatu barang atau jasa. Promosi merupakan memasarkan suatu produk yang akan di jual.

Lebih terperinci

Pengantar E-Business dan E-Commerce

Pengantar E-Business dan E-Commerce Pengantar E-Business dan E-Commerce Pertemuan Ke-8 (Konsep Dasar Web dan Internet) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Internet WWW Protokol HTTP

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-1 (Konsep Dasar Web) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Internet WWW Protokol HTTP (Hypertext Transfer Protocol) URL (Uniform

Lebih terperinci

BERITA DAERAH KABUPATEN KULON PROGO

BERITA DAERAH KABUPATEN KULON PROGO BERITA DAERAH KABUPATEN KULON PROGO NOMOR : 104 TAHUN : 2017 PERATURAN BUPATI KULON PROGO NOMOR 102 TAHUN 2017 TENTANG PENGELOLAAN WEBSITE RESMI PEMERINTAH KABUPATEN KULON PROGO DENGAN RAHMAT TUHAN YANG

Lebih terperinci

BAB 1 PENDAHULUUAN. tersebut untuk mempermudah penyelesaian berbagai pekerjaan.

BAB 1 PENDAHULUUAN. tersebut untuk mempermudah penyelesaian berbagai pekerjaan. BAB 1 PENDAHULUUAN 1.1 Latar Belakang Perkembangan teknologi di era globalisasi saat ini, terutama di bidang komputer berkembang sangat pesat pada aspek kehidupan manusia. Pengolahan data secara manual

Lebih terperinci

Internet & Web. Elfan Nofiari. Departemen Teknik Informatika Institut Teknologi Bandung. Page 1. IF-ITB/EN/1-Mar-04 IF3292 Internet & Web

Internet & Web. Elfan Nofiari. Departemen Teknik Informatika Institut Teknologi Bandung. Page 1. IF-ITB/EN/1-Mar-04 IF3292 Internet & Web Internet & Web Elfan Nofiari Departemen Teknik Informatika Institut Teknologi Bandung Page 1 Apa itu internet? Sebuah jaringan komputer yang sangat besar (meliputi seluruh dunia) jaringan dari semua jaringan

Lebih terperinci

Bab IV IMPLEMENTASI DAN EVALUASI

Bab IV IMPLEMENTASI DAN EVALUASI Bab IV IMPLEMENTASI DAN EVALUASI 4.1. Implementasi Rancangan yang dibangun pada Bab III diimplementasikan pada web server yang dilengkapi dengan PHP5 sebagai server side scripting dan MySQL sebagai database

Lebih terperinci

Pokok Bahasan 2 Teknologi Dasar Internet dan Web. L. Erawan

Pokok Bahasan 2 Teknologi Dasar Internet dan Web. L. Erawan Pokok Bahasan 2 Teknologi Dasar Internet dan Web L. Erawan Materi User Agent, Web Browser, server web Jaringan: Jaringan client-server, TTL Protokol: HTTP, TCP/IP, FTP, SMTP, UDP, OSI Bahasa: HTML, XHTML,

Lebih terperinci

BAB II TINJAUAN PUSTAKA. Website merupakan kumpulan dari halaman halaman yang berhubungan dengan

BAB II TINJAUAN PUSTAKA. Website merupakan kumpulan dari halaman halaman yang berhubungan dengan 7 BAB II TINJAUAN PUSTAKA 2.1 Website Website merupakan kumpulan dari halaman halaman yang berhubungan dengan file file lain yang saling terkait. Dalam sebuah website terdapat satu halaman yang dikenal

Lebih terperinci

FRANS CAISAR RAMADHAN APLIKASI MANAJEMEN KARYAWAN BERBASIS WEB MENGGUNAKAN CODEIGNITER

FRANS CAISAR RAMADHAN APLIKASI MANAJEMEN KARYAWAN BERBASIS WEB MENGGUNAKAN CODEIGNITER FRANS CAISAR RAMADHAN 19110260 APLIKASI MANAJEMEN KARYAWAN BERBASIS WEB MENGGUNAKAN CODEIGNITER BAB 1 Latar Belakang : Seiring dengan bertambahnya kuantitas karyawan dan meningkatnya cakup- an pekerjaan

Lebih terperinci

BAB I PENDAHULUAN. komunikasi, media informasi dan edukasi. Internet dengan aplikasinya

BAB I PENDAHULUAN. komunikasi, media informasi dan edukasi. Internet dengan aplikasinya BAB I PENDAHULUAN A. LATAR BELAKANG MASALAH Penggunaan fasilitas komputer di zaman yang sudah modern ini bukanlah hal yang baru lagi tetapi sudah dianggap umum untuk digunakan oleh berbagai lapisan masyarakat.

Lebih terperinci

BAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris

BAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris BAB 2 TINJAUAN PUSTAKA 2.1 XAMPP XAMPP merupakan singkatan dari : X A M P P : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris : Apache HTTP Server : MySQL Database Server : PHP Scripting

Lebih terperinci

gambar disamping merupakan icon dari Macromedia dreamweaver yang berfungsi untuk membuat A. table D. image B. frame E. Button C.

gambar disamping merupakan icon dari Macromedia dreamweaver yang berfungsi untuk membuat A. table D. image B. frame E. Button C. Singkatan yang paling tepat untuk HTML adalah. A. Hyper Teks Markup Language B. Hyper Text Markup Language C. Hyper Teks Markup Langueg D. Hyper Teks Markup Lang E. Hyper Teks Markoop Language Untuk mendefinisikan

Lebih terperinci

PEMROGRAMAN WEB. Agussalim

PEMROGRAMAN WEB. Agussalim PEMROGRAMAN WEB Agussalim Deskripsi Matakuliah Matakuliah ini mengajarkan tentang: Konsep Pemrograman WEB Pemrograman WEB statis dan dinamis HTML (Hyper Text Markup Language) PHP Hypertext preprocessor,

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga

Lebih terperinci

BAB II TINJAUAN PUSTAKA. Multimedia dapat diartikan sebagai penggunaan beberapa media

BAB II TINJAUAN PUSTAKA. Multimedia dapat diartikan sebagai penggunaan beberapa media BAB II TINJAUAN PUSTAKA 2.1 Multimedia Multimedia dapat diartikan sebagai penggunaan beberapa media untuk menggabungkan dan menyampaikan informasi dalam bentuk teks, audio, grafik, animasi, dan video.

Lebih terperinci

Konsep Pemrograman Web

Konsep Pemrograman Web Konsep Pemrograman Web Kuliah Umum Kampus Kalimalang Nuryuliani 1 Konsep Web World Wide Web ("WWW", atau disingkat "Web") adalah suatu ruang informasi dimana sumber sumber daya yang berguna diidentifikasi

Lebih terperinci

Materi Pertemuan 1. Pengenalan Web Design Bagian I : Dasar- dasar CSS. lilih suhaeri WATERFIRE DEV. Kelaskita.com

Materi Pertemuan 1. Pengenalan Web Design Bagian I : Dasar- dasar CSS. lilih suhaeri WATERFIRE DEV. Kelaskita.com Materi Pertemuan 1 Pengenalan Web Design Bagian I : Dasar- dasar CSS lilih suhaeri WATERFIRE DEV. Kelaskita.com Pengenalan Web Design 1. Sejarah singkat tentang website Sejak awal kelahiran website di

Lebih terperinci

BAB IV DESAIN DAN IMPLEMENTASI

BAB IV DESAIN DAN IMPLEMENTASI BAB IV DESAIN DAN IMPLEMENTASI Laporan Tugas Akhir pada BAB IV ini, menjelaskan latar belakang pembuatan desain yang digunakan serta implementasi sistem yang diterapkan dalam proses pembuatan Website Company

Lebih terperinci

PERANCANGAN WEB SEBAGAI MEDIA PROMOSI PENERBITAN BUKU MENGGUNAKAN WATERFALL PADA PT. AKASIA PRIMA

PERANCANGAN WEB SEBAGAI MEDIA PROMOSI PENERBITAN BUKU MENGGUNAKAN WATERFALL PADA PT. AKASIA PRIMA Konferensi Nasional Ilmu Sosial & Teknologi (KNiST) Maret 2014, pp. 148~154 PERANCANGAN WEB SEBAGAI MEDIA PROMOSI PENERBITAN BUKU MENGGUNAKAN WATERFALL PADA PT. AKASIA PRIMA 148 Azmas Arvinaldy 1, Dwi

Lebih terperinci

BAB I PENDAHULUAN I.1 Latar Belakang

BAB I PENDAHULUAN I.1 Latar Belakang BAB I PENDAHULUAN I.1 Latar Belakang Perkembangan teknologi informasi menyebabkan setiap individu ataupun kelompok mau tidak mau menerapkannya dalam segala aktifitas. Salah satu contoh penerapannya adalah

Lebih terperinci

1. BAB III 2. LANDASAN TEORI

1. BAB III 2. LANDASAN TEORI 1. BAB III 2. LANDASAN TEORI 3.1. Sistem Informasi Untuk memahami pengertian sistem informasi harus dilihat keterkaitan antara data dan informasi sebagai entitas penting pembentuk sistem informasi. Menurut

Lebih terperinci

BAB 1 PENDAHULUAN. pengetahuan dan pola pikir manusia. Salah satu bidang yang turut serta menikmati hasil

BAB 1 PENDAHULUAN. pengetahuan dan pola pikir manusia. Salah satu bidang yang turut serta menikmati hasil BAB 1 PENDAHULUAN 1.1 Latar Belakang Saat ini pembelajaran tentang ilmu pengetahuan dan teknologi semakin berkembang, khususnya dalam pemanfaatan Teknologi Informasi dan Komunikasi (TIK). TIK terus mengalami

Lebih terperinci

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup

Lebih terperinci

SISTEM ANALISIS DAN PERANCANGAN WEBSITE SMA NEGERI 1 LASALIMU NASKAH PUBLIKASI

SISTEM ANALISIS DAN PERANCANGAN WEBSITE SMA NEGERI 1 LASALIMU NASKAH PUBLIKASI SISTEM ANALISIS DAN PERANCANGAN WEBSITE SMA NEGERI 1 LASALIMU NASKAH PUBLIKASI diajukan oleh Ruslin La Musu 07.11.1639 kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA

Lebih terperinci

Pertemuan Ke-1 (Konsep Dasar Web) D3 Manajemen Informatika - Unijoyo 1

Pertemuan Ke-1 (Konsep Dasar Web) D3 Manajemen Informatika - Unijoyo 1 Pertemuan Ke-1 (Konsep Dasar Web) D3 Manajemen Informatika - Unijoyo 1 Internet WWW Protokol HTTP (Hypertext Transfer Protocol) URL (Uniform Resource Locator) Protokol Transfer DNS (Domain Name System)

Lebih terperinci

lainnya. Android juga menggunakan sistem layar sentuh (touch screen) yang memudahkan pelanggan dalam penanganan navigasinya. Para pelaku bisnis telah

lainnya. Android juga menggunakan sistem layar sentuh (touch screen) yang memudahkan pelanggan dalam penanganan navigasinya. Para pelaku bisnis telah APLIKASI PEMESANAN MAKANAN PADA RESTORAN BERBASIS ANDROID DAN PHP MENGGUNAKAN PROTOKOL JSON Anggia Kusumawaty Jurusan Teknik Informatika Fakultas Teknologi Industri Universitas Gunadarma 10 November 2012

Lebih terperinci

WWW (World Wide Web) Adalah salah satu bentuk layanan yang dapat diakses melalui internet. Biasa disingkat sebagai Web. Merupakan sekumpulan

WWW (World Wide Web) Adalah salah satu bentuk layanan yang dapat diakses melalui internet. Biasa disingkat sebagai Web. Merupakan sekumpulan Pengantar 1 Sub Pokok Bahasan Internet WWW Protokol HTTP (Hypertext Transfer Protocol) URL (Uniform Resource Locator) Protokol Transfer DNS (Domain Name System) Homepage Web Browser Web Server Web Programming

Lebih terperinci

PENGGUNAAN TEKNOLOGI AJAX (ASYNCHRONOUS JAVASCRIPT AND XML) PADA APLIKASI WEBSITE PENERIMAAN MAHASISWA BARU UNIVERSITAS MATANA

PENGGUNAAN TEKNOLOGI AJAX (ASYNCHRONOUS JAVASCRIPT AND XML) PADA APLIKASI WEBSITE PENERIMAAN MAHASISWA BARU UNIVERSITAS MATANA PENGGUNAAN TEKNOLOGI AJAX (ASYNCHRONOUS JAVASCRIPT AND XML) PADA APLIKASI WEBSITE PENERIMAAN MAHASISWA BARU UNIVERSITAS MATANA (THE USE OF AJAX TECHNOLOGY IN NEW STUDENTS REGISTRATION WEBSITE AT MATANA

Lebih terperinci

BAB II LANDASAN TEORI. di jaman sekarang, namun apakah Anda mengetahui sejarah nya itu?. Mungkin,

BAB II LANDASAN TEORI. di jaman sekarang, namun apakah Anda mengetahui sejarah nya itu?. Mungkin, BAB II LANDASAN TEORI 2.1. Sekilas Mengenai Web Internet sudah menjadi hal yang sangat dekat bagi masyarakat ataupun penggunanya di jaman sekarang, namun apakah Anda mengetahui sejarah nya itu?. Mungkin,

Lebih terperinci

BAB II LANDASAN TEORI. Event merupakan suatu campuran unik dari durasi, pengaturan, pengurus

BAB II LANDASAN TEORI. Event merupakan suatu campuran unik dari durasi, pengaturan, pengurus BAB II LANDASAN TEORI 2.1. Pengertian Event dan Pariwisata 2.1.1 Pengertian Event Event merupakan suatu campuran unik dari durasi, pengaturan, pengurus dan orang-orangnya (Gets, 1997, p.4) Event adalah

Lebih terperinci

Mengenal Pemrograman Web Dengan JSP

Mengenal Pemrograman Web Dengan JSP Mengenal Pemrograman Web Dengan JSP Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak Apa yang dimaksud dengan JSP? JSP (Java Server Pages) adalah bahasa scripting untuk

Lebih terperinci

DAFTAR ISI. LAPORAN TUGAS AKHIR... ii

DAFTAR ISI. LAPORAN TUGAS AKHIR... ii DAFTAR ISI LAPORAN TUGAS AKHIR... i LAPORAN TUGAS AKHIR... ii HALAMAN PENGESAHAN... iii KATA PENGANTAR... iv DAFTAR ISI... v DAFTAR GAMBAR... ix DAFTAR TABEL... xiii INTISARI... xiv ABSTRACT... xv BAB

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.

Lebih terperinci

BAB II TINJAUAN PUSTAKA DAN DASAR TEORI

BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1. Tinjauan Pustaka BAB II TINJAUAN PUSTAKA DAN DASAR TEORI Afrianto Nur Prabowo (2014), membuat penelitian yang berjudul Aplikasi Pembelajaran Interaktif Pengenalan Perangkat Keras Komputer Pada bidang

Lebih terperinci

YAYASAN PENDIDIKAN TINGGI PAYAKUMBUH

YAYASAN PENDIDIKAN TINGGI PAYAKUMBUH A. Mata Kuliah : WEB PROGRAMING Kode : TKK 325 Jumlah SKS : 2 SKS Semester : Genap (IV) Dosen : Dilson, S.Kom., M.Kom NIDN : 1001067301 B. Deskripsi mata kuliah SILABUS Mata kuliah ini membahas tentang

Lebih terperinci

Mengenal visual designer dan IntelliSense

Mengenal visual designer dan IntelliSense Mengenal visual designer dan IntelliSense Sejak dahulu, keunggulan Visual Studio dibandingkan tools lainnya adalah adanya fitur visual designer, yaitu developer melakukan editing secara visual, dan di

Lebih terperinci