Pert 11 DASAR-DASAR WEB DESIGN

dokumen-dokumen yang mirip
DASAR-DASAR WEB DESIGN

Interactive Broadcasting

INTERAKSI MANUSIA DAN MESIN

BAB II LANDASAN TEORI

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

BAB 2 LANDASAN TEORI

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

DASAR-DASAR Web Programing(WP) copyright by : japikinfo.com

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

INTERNET. INTERconnected NETworking. INTERnational NETworking

BAB 2 LANDASAN TEORI

BAB II LANDASAN TEORI

APLIKASI MANAJEMEN PERPUSTAKAAN BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 5 BINJAI TUGAS AKHIR FATIMAH

PENGENALAN INTERNET. INTERNET - INTERnational NETworking - INTERconnected NETworking

BAB III LANDASAN TEORI. berkembang sejalan dengan perkembangan teknologi informasi. Contoh aplikasi

BAB II LANDASAN TEORI

Pertemuan 1. Pengenalan Dasar Web

Pengantar E-Business dan E-Commerce

BAB 1 PENDAHULUAN. 1.1.Latar Belakang. Berbagai macam cara yang dilakukan seorang programmer untuk memperoleh suatu

APLIKASI BERBASIS WEB

Pemrograman Basis Data Berbasis Web

BAB II LANDASAN TEORI

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

PERANCANGAN WEBSITE PENJUALAN SECARA ONLINE MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR MIRA RIZKY S TANJUNG

Cara Membuat Website. Heni Handayani. Abstrak. Pendahuluan. ::

01. Pengenalan Internet

BAB II LANDASAN TEORI

PENGERTIAN WEB web adalah

BAB II TINJAUAN PUSTAKA

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

BAB III TINJAUAN PUSTAKA

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

TEKNOLOGI APLIKASI WEB BERBASIS SERVER

Pengenalan Internet. Arrummaisha A

PENGERTIAN WEBSITE DAN FUNGSINYA

Mengenal dan Mengedit HTML

BAB III LANDASAN TEORI

BAB III TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA

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

BAB I PENDAHULUAN.

BAB II LANDASAN TEORI

BAB II TINJAUAN PUSTAKA. komputer yang tersebar diseluruh penjuru dunia dan tak terikat pada satu

BAB III LANDASAN TEORI

BAB II LANDASAN TEORI

PENGOPERASIAN WEB BROWSER. Oleh: Bambang Herlandi

BAB 2 LANDASAN TEORI

Gambar di halaman berikut ini adalah sekema atau bagan yang menggambarkan cara kerja WWW :

PENGANTAR WEB. Pengantar Web 1

Materi 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com

BAB 1 PENDAHULUAN Latar Belakang

Tujuan Pembangunan Jaringan Komputer. mengantarkan informasi secara tepat dan akurat dari sisi pengirim ke sisi penerima

Modul TIK Kelas XI SMA Negeri 1 Salatiga

BAB I PENDAHULUAN. 1.1 Latar Belakang

BAB 2 TINJAUAN PUSTAKA. membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing

BAB 2 LANDASAN TEORI. disebut HTML (HyperText Markup Langauge). Pada perkembangan berikutnya,

BAB 3 LANDASAN TEORI

BAB III INTERNET LABORATORIUM MANAJEMEN MENENGAH 30

PEMROGRAMAN WEB. Agussalim

Pengenalan Internet dan Protokol HTTP

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

KISI-KISI UAS SEMESTER 2

JURUSAN SISTEM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS SRIWIJAYA

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

Komputer Perkantoran. Salhazan Nasution, S.Kom

BAB 1 PERSYARATAN PRODUK

BAB X INTERNET. Gambar Timeline Internet

BAB III LANDASAN TEORI

PERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage

IbM Pemanfaatan E-Commerce Dalam Memasarkan Hasil-Hasil Pertanian

BAB I PENDAHULUAN. A. Latar Belakang. Manusia sebagai makhluk sosial membutuhkan komunikasi diantara sesamanya,

BAB I PENDAHULUAN 1.2. Latar Belakang Masalah

KBKF53110 WEB PROGRAMMING

Pengenalan Internet dan Protokol HTTP

BAB II LANDASAN TEORI

E-Business Infrastructure

BAB 2 LANDASAN TEORI. Website atau World Wide Web, sering disingkat sebagai www atau web saja, yakni

BAB I I SEKILAS TENTANG INTERNET

Komputer Perkantoran. Internet. Salhazan Nasution, S.Kom

BAB 2 LANDASAN TEORI

BAB II. TINJAUAN PUSTAKA

Web Internet Intranet Ekstranet. Materi Pembelajaran

BAB I PENDAHULUAN. menghasilkan informasi. Untuk mendapatkan dan menghasilkan informasi,

ARTIKEL WEBSITE A. PENGERTIAN WEBSITE ATAU SITUS.

BAB 2 LANDASAN TEORI. Kata komputer (computer) berasal dari bahasa latin computare yang berarti

Perancangan Website Ujian. Teknik Elektro UNDIP Berbasis HTML

BAB I PENDAHULUAN. 1.1 Latar Belakang

PENGANTAR INTERNET & DESAIN WEB

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

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013

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

BAB II METODOLOGI. Fenomena. -Sedikitnya website yang memberikan informasi mengenai pendidikan secara lengkap di. Metodologi

BAB II LANDASAN TEORI. diperlukan dalam pembangunan website e-commerce Distro Baju MedanEtnic.

BAB II LANDASAN TEORI

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

BAB II LANDASAN TEORI

APPLICATION LAYER. Oleh : Reza Chandra

ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA PROMOSI PADA DJALEEPRODUKTAMA FREELANCE GRAPHIC PARTNER YOGYAKARTA. Naskah Publikasi

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :

BAB 1 PENDAHULUAN. 1.1 Latar Belakang

Transkripsi:

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 dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama-sama Web adalah fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, suara, animasi, dan multimedia lainnya, di mana di antara data-data tersebut saling terkait dan berhubungan satu dengan yang lainnya Website merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu

WEB DESIGN? Web design adalah Seni dalam membuat suatu halaman website yang melibatkan keindahan dan mekanisme dalam proses membuat sebuah halaman website. Membuat suatu halaman website terlihat lebih menarik dengan mengintegrasikan unsur gambar, animasi, text, dan video

HAL-HAL YANG HARUS DIPERHATIKAN OLEH WEB DESIGNER Cita rasa seni Web designer harus mampu menciptakan keindahan di dalam halaman web Web desainer mampu memilih warna yang baik dan memadukannya dengan warna lain Web desainer mampu membuat bentuk atau sketsa yang baik dari bentuk dasar halaman web Web designer harus mampu menggabungkan imajinasi atau ide orisinil dengan ide dari pihak klien yang memesan desain Web designer mampu menempatkan komponen multimedia pada bagian-bagian tertentu, sehingga halaman web menjadi lebih menarik

HAL-HAL YANG HARUS DIPERHATIKAN OLEH WEB DESIGNER 1. Tool pendukung perancangan web Mampu menggunakan program aplikasi untuk membuat desain grafis, seperti photoshop, corel draw, Adobe ilustrator,dsb Mampu menggunakan program aplikasi untuk mengatur layout web, seperti macromedia dreamweaver, page maker, notepad, dan lain-lain. Mampu menggunakan program aplikasi untuk membuat animasi web, seperti macromedia flash, swish, dan lain-lain. 2. Teknik membuat interface web Seorang Web designer harus memiliki wawasan dalam bidang IMK (Interaksi Manusia dan Komputer), sehingga dapat membuat desain web yang user friendly Seorang Web designer harus memahami setiap komponenkomponen dasar pembentuk situs web, seperti bahasa HTML, penggunaan image, multimedia

PRINSIP-PRINSIP WEB DESIGN 1. Situs web dibuat untuk pengguna Seorang web designer harus mem-fokuskan desainnya pada kepentingan pengguna Harus memertimbangkan karakter pengguna, baik dari latar belakang, budaya, pendidikan dan kepentingan yang berbeda 2. Utility dan Usability Utility adalah kegunaan atau fungsionalitas web Usability adalah sifat situs web yang mendukung kemampuan pengguna dalam memanipulasi situs web, sehingga pengguna memperoleh apa yang diperlukan

PRINSIP-PRINSIP WEB DESIGN 3. Correctness Tidak ada kesalahan dalam penulisan script HTML Gambar-gambar yang ditampilkan sesuai yang diharapkan Elemen-elemen yang interaktif (javascript, flash,dll) dapat berfungsi dengan benar Tidak ada kesalahan dalam sistem navigasi (link yang kosong atau broken link) 4. Struktur Link dan Navigasi Terdapat Link untuk menghubungkan satu halaman ke halaman yang lain Perancangan Link agar menarik 5. Tampilan Visual Tampilan visual website sesuai kebutuhan

UNSUR-UNSUR WEB DESIGN Domain Alamat yang digunakan untuk menemukan situs pada dunia internet. Hosting Ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di situs. Diperoleh dengan menyewa Script/syntax/bahasa program Bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat diakses

HAL YANG HARUS DIPERHATIKAN DALAM MEMILIH HOSTING 1. Kapasitas Memperhatikan kapasitas yang dibutuhkan, hosting yang dipilih harus sesuai kapasitas 2. Teknologi yang digunakan Memperhatikan teknologi yang disediakan, apakah mendukung teknologi dalam website yang dibuat (misal PHP, Java, dll) 3. Support Memeriksa apakah perusahaan hosting yang ingin dibeli memiliki layanan support yang baik selama 24jam 4. Database Apabila membuat website dinamis, pastikan memeriksa apakah menyediakan database

HAL YANG HARUS DIPERHATIKAN DALAM MEMILIH HOSTING 5. Backup Memastikan hosting memiliki fasilitas back up setiap hari. 6. Bandwidth Memperhatikan kapasitas bandwidth yang disediakan

BAGIAN WEBSITE Bagian umum yang biasa ada pada website Header Paket informasi yang sebelum data objek. Memberikan informasi awal atau data yang berguna untuk transmisi tujuan. Umumnya terletak di bagian paling atas halaman website Footer Sesuatu yang ada di bagian bawah. Dalam halaman website biasa terdapat di bagian paling bawah halaman website, biasanya berisi copyright atau pemilik website tersebut. Menu bar Sederatan menu yang biasanya berisi navigasi ke halaman lain, iklan, social conect, animasi, dan lain-lain. Content isi website

ISTILAH-ISTILAH INTERNET Bandwidth : besaran yang menunjukkan seberapa banyak data yang dapat dilewatkan dalam koneksi melalui sebuah jaringan Browser : sebutan untuk perangkat lunak yang digunakan untuk mengakses www (world wide web) Download : istilah untuk kegiatan menyalin data (biasanya berupa file) dari sebuah komputer yang terhubung dalam sebuah jaringan ke komputer lokal. Email : Electronic mail. Pesan biasanya berupa teks, yang dikirim dari satu alamat ke alamat lain di jaringan internet Homepage : halaman muka dari sebuah situs web. Pengertian lain adalah halaman default yang diset untuk sebuah browser. HTML : Hypertext Markup Language. Bahasa yang digunakan sistem/website untuk pertukaran dokumen/data secara elektronik dalam bentuk hypertext HTTP : Hyper Text Transfer Protocol. Protokol yang di desain untuk mentransfer dokumen HTML yang digunakan dalam world wide web Internet : Sejumlah besar jaringan(network) yang membentuk jaringan interkoneksi yang terhubung melalui protokol TCP/IP ISP : Internet Service Provider, sebutan untuk penyedia layanan internet

ISTILAH-ISTILAH INTERNET IP Addres : Alamat IP (internet protokol), sistem pengalamatan di jaringan yang direpresentasikan dengan sederetan angka berupa kombinasi 4 deret bilangan antara 0 s/d 255 dan masing2 dipisah dengan titik (.) mulai 0.0.0.1 sampai dengan 255.255.255.255 Network (Jaringan) : dalam terminologi komputer dan internet, network adalah sekumpulan dua atau lebih sistem komputer yang digandeng/dihubungkan dan membentuk sebuah jaringan. Internet sebenarnya adalah kumpulan network dalam jumlah besar. Protokol : seperangkat aturan yang mengatur secara tepat format komunikasi antar sistem. Contoh protokol HTTP yang mengatur format browser web dengan browser server TCP/IP : Transmission Control Protocol/Internet Protocol. Satu set protokol standar yang digunakan untuk menghubungkan jaringan komputer dan mengalamati lalu lintas dalam jaringan. Protokol ini mengatur format data yang diijinkan, penangan kesalahan (error handling), lalu lintas pesan, dan standar komunikasi lainnya. Upload : kegiatan pengiriman data (berupa file) dari komputer lokal ke komputer lainnnya yang terhubung dalam sebuah network (jaringan).

SELESAI