FAJAR Y. ZEBUA E-mail : unriyo@gmail.com Pertemuan iv NAVIGASI PADA WEBSITE FAJAR Y. ZEBUA E-mail : unriyo@gmail.com.

Slides:



Advertisements
Similar presentations
Accounting for All Possibilities
Advertisements

Experimentation of the model in Madeus - VideoMadeus.
+ Pemrograman Javascript Teknik Informatika Universitas Bunda Mulia Jakarta Chandra Hermawan H., M.Kom., MM.
LIST ITEM. List Style … Pop List Ditampilkan dalam bentuk field dengan tombol di sebelah kanan. Ketika tombol di klik maka sekumpulan data akan muncul.
PRESENTER: MATTHEW DILLON E SCHOOL VIEW CMS TEACHER TRAINING.
MEMBENTUK WEBSITE MENGGUNAKAN WORPRESS FEDDY DEA R.
Advance CSS (Menu and Layout). CSS Navigation MENU.
Prosedur dan Fungsi.
McCracken & AyresCopyright © 2004 by Prentice Hall One of the pages reachable from the previous slide 1.
S T A C K Catatan Kuliah: Algoritma & Struktur Data Ari Cahyono, S.Si., M.T.
Programs of the Intel Education Initiative are funded by the Intel Foundation and Intel Corporation. Copyright © 2014 Intel Corporation. All rights reserved.
Criteria And Component Diagram Pertemuan 0708 Matakuliah: M Analisis dan Perancangan Sistem Informasi Lanjut Tahun:
Pertemuan : 6 Basis Data Terapan
Forward Markets and Transaction Exchange Risk Pertemuan 3 Matakuliah: Keuangan Internasional Tahun: 2009.
Pointer. Kegunaan pointer yang utama adalah untuk menyimpan memory address dari sebuah variable (data type atau object dari class). Selain menyimpan address.
SQL Pertemuan 26. Range Operator ‘Between dan Not Between’
SELECT Sintak Umum: Select nama_kolom1 from nama_tabel A. Contoh sintak sederhana : 1.Menampilkan semua kolom SELECT nama_kolom1,nama_kolom2 FROM nama_tabel.
E-Portfolio Using sites.Google.com. Why Google? Easy to use Easy to share Accessible Permanent.
Interface / navigation COM 366 Web Design & Production.
1 Pertemuan 2 Finite Automata Matakuliah: T0162/Teori Bahasa dan Automata Tahun: 2009.
1 Client Name (insert) Project Title (insert) Site Map Version X.X Date: XX.XX.XX.
Multimedia Design Principles Pertemuan 9 Matakuliah: T0732 / Sistem Multimedia Tahun: 2007.
1 Pertemuan 09 Binary Tree Matakuliah: T0534/Struktur Data Tahun: 2005 Versi: September 2005.
PPA – course 5 Materi: Cascading Style Sheet. What is CSS? sebuah standar yang digunakan untuk mendefinisikan tampilan secara seragam dan akurat. Contoh:
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Simple Pages for Omeka Lauren Dzura LIS
Configuring Content Navigation Module 8. Overview  Understanding Site Navigation  Customizing Current Site Navigation  Customizing Global Site Navigation.
WIDESCREEN PRESENTATION UX Research Homes.com.
Fifth Grade Library Skills Lesson Uses navigational tools of a website to find information.
Urban Farming ( Urban Farming ( BK FarmyardsUrban Farming URL S: The.
Using Your Wiki Tutorial 1.Choosing Your Preferences 2.Pages and Files 3.Folders 4.Edit a Page 5.Review Recent Activity 6.Using the Sidebar 7.Uploading.
The Future of Online Storage. Navigating the System (Insurance Lockbox was created with simplicity of navigation in mind) There are 9 topics on the left.
Bridge Maps. Relating Factor as Is the colour of red a strawberry green grass The Bridge Map is used for seeing likeness or similarities.
By Lauren Mayer WEBSITE RESEARCH. NYLON MAGAZINE WEBSITE Header, this is the title of the website and should be the main attraction. This example had.
01 - Introduction Informatics Department Parahyangan Catholic University.
Road Signs To know where you are and where you’re going.
Web Site Development - Process of planning and creating a website.
NET.ORG Why should you visit ASDAnet.org?. NET.ORG Purpose of Website To be a portal of information for dental students.
What is Good Web Design? A compendium of web concepts.
Switches Andrew Fiade. Objectives LAN Design Goals.
When data and information has been collected, system analyst use the information to build a notation call Data flow Diagram (DFD) to picture the flow.
Tugas Pertemuan 9 1. Pelajari teknik memahami gambar susun dan beberapa istilah yang ditunjukkan dalam gambar, pelajari tabel rincian komponen dan cara.
Part 2 Variabel & Data types
PERANCANGAN SISTEM INFORMASI
Pertemuan 1&2 - Dasar Pemrograman PHP
SISTEM DIGITAL MUHAMAD ARPAN, S.Kom.
CodeIgniter Form & Login
Designer Designer sering sering memfokuskan perancangan UI hanya pada satu fase. 1. Short command mengoptimalkan Response phase, tetapi menyebabkan Read-scan.
BUSINESS PROCESS AND SYSTEM INTEGRATION SISTEM INFORMASI - FASILKOM
SOAL MID SIM.
SELECT Sintak Umum: Menampilkan semua kolom SELECT * FROM nama_tabel
Breadth First Search & Depth-First Search
Dasar-Dasar Pemrograman
DATA MANIPULATION LANGUAGE
KERANGKA GENERATIF CHOMSKY
Layout - you need to understand that a simple navigation bar:
LATIHAN DALAM PERKHIDMATAN (LADAP)
Brigade Woods near ITPL Brochure
Bermain tidak Membatasi Texas Holdem Poker Online Untuk Bebas.
Fixed Positioning.
Tech of the Theater Created by M. Phillips
DIODA PENYEARAH Dioda adalah komponen/part elektronik yang hanya menghantarkan listrik pada satu arah, karena itu ada sebutan “dioda penyearah”. Dioda.

FRC Parts Exchange Guide to the site.
Understanding SharePoint
3.4.3 KONFIGURASI DAN UJIAN RANGKAIAN
Presentation transcript:

FAJAR Y. ZEBUA E-mail : unriyo@gmail.com Pertemuan iv NAVIGASI PADA WEBSITE FAJAR Y. ZEBUA E-mail : unriyo@gmail.com

Struktur navigasi One-Tier Site Two-Tier Site Three-Tier Site Bottom-Heavy System Top-Heavy System

One-tier site Semua informasi ditampilkan pada satu halaman saja.

Two-tier site Pada halaman utama, terdapat 6 link ke tiap-tiap item.

Three-tier site Pada halaman utama terdapat link ke masing-masing halaman untuk tiap kategori.

Bottom-heavy system Kombinasi dari Two-Tier Site dan Three-Tier Site

Top-heavy system

Tipe dasar navigasi Hierarchical Global Local

Styles of navigation Embedded links Bread-crumb trail Left/top/pop-up nav bar Tab navigation Site map Mix and match

The navigation bar On the Side On the Top In a Frame High Tech

Navigasi yang efektif Sort your links Contoh : www.adobe.com Prioritize your links Contoh :

ADA PERTANYAAN ?

Q U I Z