CGC 417 Final Project Presentation Prettydog.com Mini E-Commerce Site Maria A. Moratto Yu Yuan Department of Information & Management Technology.

Slides:

Advertisements

Similar presentations

Support.ebsco.com EBSCOadmin Branding Tutorial. Welcome to the EBSCOadmin Skinning and Branding tutorial, where you will learn how to customize EBSCOhost.

Advertisements

MET: How to Order Replacement Parts Using RPP

Bossard Inch Catalog User Manual. © Bossard Bossard Inch Catalog - User Manual Table of Contents Introduction Getting around the site Fastener Search.

Chapter 3 – Web Design Tables & Page Layout

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Web Store Training. Table of Contents Sign In : Accessing the site My Profile : Managing your account Catalog Navigation : Finding items and ordering.

5/8/ True Colors What’s Your True Color? Are You a… Gold? Orange? Green? Blue ? “Do Unto Others As They Would Have.

CGC 417 Final Project Presentation Prettydog.com Mini E-Commerce Site Maria A. Moratto Yu Yuan Department of Information & Management Technology.

Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.

Customer Care: How to Order Replacement Parts Using RPP.

Prettydog.com Maria Moratto Yu Yuan. Objective To sell dog’s apparel Online store.

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

Your Website Chat & Live Customer Support Solution "Instant Customer GratificationSM" Brought to you by: Affordable Business Productivity and Communications.

Things to note... The Simple Cart is designed to give users an experience similar to other online shopping sites by separating the cart from the checkout.

Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

Setting up MyChisholm. Access the Chisholm website From any of the Chisholm campuses the website is accessible either by clicking home or typing “intranet”

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

WNS1.com Online Training How to use the Western Nevada Supply online store and tools.

Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.

Praxair Demo Tutorial Begin by either using the search box or browsing our three main categories to locate your desired item(s). The screen capture below.

Your on-line connection to Ferraz Shawmut; Getting Started Login / out Contact Us Home Page, Account Inquiry My E-Account Account Status Ordering Options.

August – December 2012 Vaccine Ordering and Tracking System (VTrckS) Training.

Web Technologies Website Development Trade & Industrial Education

Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.

Online Shopping JavaScript project for CS 175 JavaScript for Web Development, Spring 2009 By Sita Akella.

Screen Previews for Shopping Carts and Checkout Process 10.3 release October 05, 2010.

Creating a Basic Presentation in PowerPoint Welcome to the Faculty Instructional Technology Support Center.

Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.

Website Development with Dreamweaver

E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.

1 1 User Manual Purchase and Order Tracking on the SKF Giftzone.

© 2006 Herrmann International Next Page and Herrmann International Herrmann International is pleased.

Replacement Parts Pros How to…Order Products Home Page: Displays the different categories of product Drop down menu lists the.

CIS 451: "Shopping Cart" Design Research Exercises Dr. Ralph D. Westfall January, 2009.

JUX 1 12/26/2012 JUX Creating in Jux allows you to present your images, captions, text, blogs, etc. in a creative format. Create an Account Login at

Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.

Linking Frames. How to load frames For example you have the following frame: Left Links Main.

Action button “search” will query the jobs table once clicked.

The link to the Custom Point Login is:

Learning How to Make a PowerPoint Presentation A tutorial for novice users.

Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.

Welcome to Minnesota’s eFolio St. Cloud Technical College June 2, 2003 Norman Baer Matt St. Martin.

Confidential Web Ordering Overview. Confidential LOG ON:   Enter your login name &

Registration Solutions for your Event Management.

Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.

CS 149 Advance Perl Final Project Implementing an E-commerce shopping cart using cookies Presented by Dzung Tran.

CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.

Online Shopping at Walsh Bros. A Three-Minute Tutorial Quickly learn how to shop for furniture online.

We've made it easy for you to buy online. We’ve also added a dedicated customer care team to answer any questions or to walk you through the order process.

Your login page remains the same. Once you log into jafrabiz.com, you will see a new Ordering Option. One more Option to Place Your Online Orders!

Unit 8.2 / Lesson 1 / presentation1b Website Styles.

Keeping in touch using the Internet Presented by PSY C&IS.

Web Site Development - Process of planning and creating a website.

Qmags At The Cutting Edge of Digital Publishing. Mobile (Platform, Specification and Features) Template Elements ( Your home page will be the only unique.

Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.

{ User Centered Design Final Presentation Donia Canaveral }

Creating a Google Site For a Digital Portfolio Purpose.

Designing Effective Input. Design input forms for users of business systems Design engaging input displays for users of information systems Design useful.

Design around your audience:  Keep layouts clean and simple for all audiences. Be consistent.  For professionals, try using a sophisticated template.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

Rewards and Recognition Program Train the Trainer

Tunner / Halvorsen Parts Order Guide

MWV Punchout – HOME Page

How to customize your Microsoft SharePoint Online website

How to customize your Microsoft SharePoint Online website

Rr Donnelley Custom point.

How to Post in the Open Forum

How to customize your Microsoft SharePoint Online website

Quick Guide for Online Ordering

Presentation transcript:

CGC 417 Final Project Presentation Prettydog.com Mini E-Commerce Site Maria A. Moratto Yu Yuan Department of Information & Management Technology

What We Need Online apparel products for dogs (boots, coats, costumes, jewelry, sweaters). Variety of each kind of product (different colors and styles). Login option to track user through the site (cookie). View cart option to help user track his shopping. Online ordering/ checkout (form validation). Other site information, i.e. services, terms of use, about us, contact us.

Navigation Approach Frames: Top frame includes navigation links to the login, view cart, checkout, and terms of use pages. Left frame includes navigation buttons for the shopping, service, contact, and about us pages (with swapping images). Also it has links to the boot, coat, costume, jewelry, and sweater pages.

Technical Considerations Browser compatibility: –Commercial site --> maximum compatible to Netscape & IE 3.0 and above. Used simple techniques only: –Frame, table, javascript, links, forms. –Minimized page size for quick loading --> each page less than 50kb. –Used tables throughout the site to accurately control display in case of different browsers, window resizing.

Left and Top Frame Layouts Left frame: –Navigation buttons and links. –Copyright information at the bottom of the frame. –Yellow background to balance the look with other pages. –White and black text. Top frame: –Store Logo –Navigation links. –Use of image and animations to balance the look. –Black text with yellow and white background.

Main Frame Layout Our main goal was to have a well balanced layout on all pages. Green, yellow, black, and white backgrounds. Yellow, black, and white text. Dog images on all pages.

Online Shopping and Checkout Pages: Start of E-Commerce The user can choose quantity and add product to shopping cart. The user can view shopping cart at any time while shopping. Used a form to collect all the information on the checkout page. The user’s input is sent to our when user clicks the “send form” button. Thank You page will be displayed.