ENGH 375 FINAL PROJECT PRESENTATION Sharon O’Boyle May 2014.

Slides:



Advertisements
Similar presentations
Using the Degree Works Planner. Click on the Planner tab in the students Degree Works account.
Advertisements

HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
Web Pages Week 10 This week: CSS Next week: CSS – Part 2.
1 Cascading Style Sheets Continued Different kinds of selectors in a style sheet –Simple- Pseudo-Class –Contextual- Pseudo-Element –Class Image Styles.
Chapter 7 Page Layout Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
1 Pengantar Teknologi Internet W03: CSS Cascading Style Sheets.
Class four: the box model and positioning. is an HTML tag which allows you to create an element out of inline text. It doesn’t mean anything! try it:
Unit 20 - Client Side Customisation of Web Pages
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
 CSS Presentation and layout is based on the CSS Box Model.  The CSS Box Model states that every element on a page is a rectangular box.  This includes:
Benton County Website Critique
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Good & Bad Websites. From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
Ashley Sack Personal Portfolio Explanations. Professional Purpose of Portfolio  The main goal of this portfolio website is to attract employers to and.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Charmin Suttles TEC 542.  What is an interface? ◦ Thorsen(2009) describes an interface as “the consistent color, font style, and placement of informational.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
Interface Aesthetics | Michael Lissner. Similar to Simon, I decided to do my initials. For a long time, I have been drawing them in one fell swoop, starting.
Large Corporation Web Sites Efficient process Maximum effectiveness.
Creating An Educational Website/Blog By Kevin McCrumb.
91073 Website design West Coast Tourism Name:. Specifications The website is advertising a new business with bus transport to local tourist places An.
SuccessMaker. Where are they? Math: Intranet On a server at Vanhoose Reading Web-based.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
A Basic Guide to Using Wikispaces Jeff Rew TEDU 673.
Problemsolving Problem Solving – 4 Stages Analysis Design Development Evaluate (ADDE) Note: In this unit Evaluate is not covered in depth.
Large Corporation Web Sites Efficient process Maximum effectiveness.
G063 - Human Computer Interface Design Designing the User Interface.
ATEC 6331 Final Project by Annis Leung Nov 25, 2008.
VS/2012/0017 – FIRST STEP TO FIRST JOB – Innovative methods leading YOUTH to a solid career Kick-off meeting, 20 February 2013 Presentation of the project’s.
CSU Extension Webpage template Session 7.  Named anchors are spots within a page you can link to “Anchors” a specific part of the page Has a name so.
Utilizing Your Class Site Class Website Guide by Kimberlee Fulbright.
Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Lesson 8: Navigation. Overview  The manner in which you display your web site’s navigation is crucial to its overall usability.  Users need a clear.
Building a Portfolio Advanced Photography. Promotional material A portfolio must clearly communicate the message you wish to project about your jewelry—presentation.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
Home Page Analysis Darnell Romulus Assignment 1 10/30/2015 Mr.Fonseca.
Sitemap Design Cynthia Antonio, Yoon Hea Lee, Jason Mumford.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Gator Grad An Android based Checklist Application Group members: Suhas Mehta, Rachit Raj, Manali Sharma Problem to be addressed: The graduating semester.
Question 1: In what ways does your product use, develop or challenge forms and conventions of real media products? By Amos Mukombero.
How to create an educational wiki. Laurie Roberts 2010.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
How to take Cornell Notes. Cornell notes will help you take organized notes that will help you study and learn!
Writing Accessible Electronic Documents with Microsoft® PowerPoint
Geology Digimap geological maps and data from the British Geological Survey.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
IKIT 2005 Toronto Usability Testing Virtual Margins
Title: A-SSCC Slide Preparation Guideline
Creating your online identity
Understanding the principles of website development
A Guide to Using Wikispaces
CSS Layouts: Positioning and Navbars
8/18/2016 Web Development and Interactive Media
Section 7.1 Section 7.2 Identify presentation design principles
CREATING WIKIS Eled 318.
A quick review for Non-native English speaking students
Web design.
Layout - you need to understand that a simple navigation bar:
Elements of User Experience
NEW! Student Organization Database
How to use the CSS box model for spacing, borders, and backgrounds
DESIGN PRINCIPLES and arguing in virtual spaces
Divide the paper into three sections.
Presentation transcript:

ENGH 375 FINAL PROJECT PRESENTATION Sharon O’Boyle May 2014

My topic is:  A website that gives information about the classes that I have taken at George Mason

Why I chose this topic:  For friends, co-workers, family members  For potential graduate programs or future employers

The Strategy Plane  Product Objectives  An operational website  A webpage for each class  User Needs  Simple for friends and family  Clear for grad schools and employers  Difficulties  Hard to come up with an idea

The Scope Plane (1 of 2)  Functional Requirements  Public and available to anyone  One main webpage for each class  Different navigation options for different users  Allow for expansion  Difficulties  Need to limit features scope

The Scope Plane (2 of 2)  Content Requirements  Basic information about each course  My experience with each class  Examples of my work  Quotation and image  Difficulties  Need to limit content scope

The Structure Plane  Interaction Design – use conventions for navigation  Information Architecture – use similar structure on each page  Difficulties  Conflict between being innovative and being familiar

The Skeleton Plane  Information Design – four boxes on each page  Interface Design – don’t try anything fancy  Navigation Design  Top: alphabetical  Left side: by course type and semester  Difficulties  How much space to use? Fixed vs liquid?

The Surface Plane  Font– sans serif  Colors– blue, green, gold  Content  Find or create images  Write experiences  Locate and ‘pdf’ assignments  Difficulties  Experimenting with fonts/colors/images