Group 6 Collaborative Website Doris Broz, Anna Travers, Amber Liposchak and Jeanne Kliewer Spring 2013.

Slides:



Advertisements
Similar presentations
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
Advertisements

July 1998Thane Terrill Using the Web Thane B. Terrill Summer 1998.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Web Design Basic Concepts.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
Rita Bilbro Technology Consultant, ITCS East Carolina University.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Website Development. Internet Internet (Net) – Global network connecting millions of computers. Network – Group of computers and associated devices that.
Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.
Web Development & Design Foundations with HTML5 7th Edition
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Bayu Priyambadha, S.Kom Teknik Informatika Universitas Brawijaya.
Web Site Design Principles
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Cascading Style Sheets: Got Branding?. What is CSS? CSS = Cascading Style Sheets Styles define how HTML (web) elements are displayed. One (or more) style.
Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.
Website Project Development Presentation by APNARAJ.COM.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Web Redesign Project Update September 15, Agenda Recall: Project Scope and requirements Information Architecture Usability Testing Visual Design.
strategize We listen and give clients what they really want, without being afraid to express our expert point of view. We are a creative group of professionals.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.
Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.
MODULE 3 Internet Basics © Paradigm Publishing, Inc.1.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
FriendFinder Location-aware social networking on mobile phones.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Advanced Website Training: June, 2010 Insert Images as Your Background Using Google Docs for Document Hosting Custom Contact Forms on Your Website.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
By Ishaq Shinwari.  Designing a web site needs careful thinking and planning  The most important thing is to KNOW YOUR AUDIENCE  You Must Design website.
Thực hiện: D3 GVLT: BROWERS. Browser Compatibility I Check the compatibility II Tools III.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
1 CS 501 Spring 2005 CS 501: Software Engineering Lecture 12 Usability 2.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Learning Aim C.  In this section we will look at some simple client-side scripts, browser compatibility, exporting and compressing and suitable file.
E-PORTFOLIOS E-PORTFOLIOS Building For Your Future.
Designed & Developed By:- Trieffects Technologies Pvt.Ltd. PSD to HTML Conversion.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Computer Basics Introduction CIS 109 Columbia College.
Internet The internet is the largest computer network system in the world. It consists of many smaller networks connected together by a global public.
Pre-Production Meet with the client to create a project plan:
Egyptian Language School
Chapter 1 Introduction to HTML.
Chapter 2 Developing a Web Page.
Lesson 4: Web Browsing.
Introducing the World Wide Web
BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 05 – Website Performance Mr C Johnston.
Web page a hypertext document connected to the World Wide Web.
Objective % Explain concepts used to create websites.
Research in a Digital Media Environment
Dynamic Web Pages Jin Wu INF 385E Information Architecture
Principles of Web Design 5th Edition
What is the World Wide Web (www)
Unit 6 part 3 Test Javascript Test.
Web Page Design CIS 300.
Lesson 4: Web Browsing.
Website Planning EIT, Author Gay Robertson, 2018.
Overview The World Wide Web has changed the way that people
ITI 163: Web, Mobile, and Social Media Design Introduction
Website Testing EIT, Author Gay Robertson, 2018.
Objective Explain concepts used to create websites.
Presentation transcript:

Group 6 Collaborative Website Doris Broz, Anna Travers, Amber Liposchak and Jeanne Kliewer Spring 2013

Proposal Summary create a website for client Cindy Wells’ called Beads in the Henhouse. Ms. Wells creates glass beads and then fashions them into jewelry pieces such as necklaces, earrings, and bracelets.

Proposal Goals ● Create a basic website to showcase the products of Beads in the Henhouse – The site is to contain separate pages for: ● Beads ● Necklaces ● Earrings ● Bracelets ● Jewelry- & Bead- making classes ● Home and about page

Site Goals ● clearly organized and lacking clutter; easily navigable, unambiguous, and user friendly ● color palette that compliments, but does not overwhelm the merchandise ● clean white background to showcase products ● merchandise will be laid out below header in simple grid pattern

Features and Technical Requirements ● supported by all common browsers, especially Internet Explorer, Firefox, Google Chrome and Safari ● compatible with mobile devices as well as computers ● bandwidth range anywhere from 3 to 300 mbps ● aim for accessibility to lower bandwidth users in order to reach the largest number of users

Home page Necklaces Handmade Beads Bead 1 Beading Lessons About/ Contact BraceletsEarrings Bead 2 Bead 3Necklace 3 Necklace 2 Necklace 1 Bracelet 2 Bracelet 1 Bracelet 3 Earring 2 Earring 3 Earring 1 As many pages as items Proposed Site Map

Home page NecklacesBeadsLessons About BraceletsEarringsContact Finished Site Map

Production Progress Home page, 4 product pages, Lessons, About, and Contact pages HTML and CSS coded and functional Users can view products and purchase with PayPal Client has viewed the site - positive feedback Next steps: validation and usability testing Home page, 4 product pages, Lessons, About, and Contact pages HTML and CSS coded and functional Users can view products and purchase with PayPal Client has viewed the site - positive feedback Next steps: validation and usability testing

Who did what? Doris Jeanne Anna Amber Client wrangler/contact Coding “about” and “lessons”pages User Profile Production Schedule Site Map Coding and copywriting product pages Paypal integration Homepage mockup and coding Contact page Technical requirements and sustainability Java Script for slide show Graphic design factors/logo Coding and copywriting product page Edited and formatted project proposal

Challenges or Difficulties  Client – Meeting deadlines with Content  Made suggestions  Gentle reminders – text messages  Wrote some of the content ourselves  Photo Quality  Used what we had  Client plans to get higher quality pictures in future  Adobe Connect  Delays, Echo, Freezing  Should have tried another system  Time zone differences  Scheduling  Not meeting in person  Coding  Everyone participated in coding – consistency  File Name Confusion - finally decided on which to use  Coding in general – new to all of us  Web Hosting  Multiple files for pages –Thought we could use Site44 free dropbox hosting  Client does not wish to pay for hosting at moment

Feedback?