INFM 603 Final Project Naumaan Nasir Rob Dorsey. Project Goals Our Client Implementation HTML Prototype Attempts at Creating Online Site Adding Drupal.

Slides:



Advertisements
Similar presentations
MFA for Business Banking – Security Code Multifactor Authentication: Quick Tip Sheets Note to Financial Institutions: We are providing these QT sheets.
Advertisements

Drupal Basics Part 1 An Overview Login Information Edit the Homepage Using the theme Agricultural Communications Services Integrated Media Training Sessions.
Order from your Smart Phone or from your desk!. m.lunchstreet.com/ams-ubc/ This is a mobile website allowing patrons of the AMS Food & Beverage businesses.
How to begin. Step 1 Create a free account with weebly by logging in with Facebook, or using an and password you choose.
USING WORDPRESS. WEEK 1 1.Why WP? 2.Setting Up WP 3.Exploring the Admin screen 4.Page Organization 5.Posting 6.Polls.
UNIT-e futures and UNIT-e Mobile Ben Potter Systems Architect.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
From requirements to design
Interactive Prototype Presenter Sean Ren Group member Alicia Kellogg Chris Schlechty Danny Swisher.
Objectives Moodle is an online learning environment where instructors & their students interact. In this workshop you will learn: 1.Configure system requirements.
Introduction to Web Application Architectures Web Application Architectures 18 th March 2005 Bogdan L. Vrusias
Why choose Drupal?
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Chapter 19 – Macromedia Dreamweaver MX 2004
CLEW Basics Lorie Stolarchuk Learning Technology Trainer Centre for Teaching and Learning 1.
Web Browsers It is an application software that is used to display and interact with text, images and other information located on web pages at web sites.
The Dr ü G Book: An Intro to Drupal The Dr ü G Book: An Intro to Drupal (Dr ü G: Drupal User ’ s Group - users, not developers) This is an introduction.
November 3, 2011 Deborah de Bruin Building Digital Libraries.
Website Administration Information Systems 337 Prof. Harry Plantinga.
Human Interface Engineering1 Main Title, 60 pt., U/L case LS=.8 lines Introduction to Human Interface Engineering NTU Seminar Amy Ma HIE Global Director.
Web Content Management Systems. Lecture Contents Web Content Management Systems Non-technical users manage content Workflow management system Different.
Systems Analysis and Design in a Changing World, 6th Edition
Creating a Web Presence Introduction to WordPress Week 1.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
READY-TO-WEAR: QUICK AND EASY MICROSITES FOR DATA-DRIVEN REPORTS Brian Karfunkel Data Analyst NYU Furman Center NNIP Idea Showcase July 16,
SYST Web Development 2 SYST Web Development 2 Course Overview and Introduction Client/Server Overview.
After Your First Web Course; Where to Go from Here Bill Pegram April 23, 2014.
Joomla! Week 6 LBSC 690 Information Technology. Key Ideas Web sites are made up of rectangular pieces Called “modules” Two basic types of modules exist.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.
Jackie Falatko, Devin Henslee Instructor: Dr. Edward Fox, Department of Computer Science CS4624 Multimedia/Hypertext/InformationAccess; April 24, 2014.
INFM603 Project Presentation Jenny Wu Prachi Chhokar.
Simple Pages for Omeka Lauren Dzura LIS
The Wonderful World of Weebly. Contents What is a Weebly? How to plan a Weebly Site Goals Task details Access Link Step by Step.
CMS I – BASIC WEB EDITING INTRODUCTION TO THE CMS Presented By: Rodneikka Scott, MS – Implementation Project Manager Lila Elliott, MA – Manager Client.
Basic HTML e-Learning Tutorial Storyboard Linda Sauerbrun AET/545 February 15, 2015 Dr. Poe.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
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.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
PUBLISHING ONLINE Chapter 2. Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals.
Drupal Jumpstart Information Systems 337 Prof. Harry Plantinga.
Content Management Systems Week 14 LBSC 671 Creating Information Infrastructures.
BillPointe®.
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.
Mary Immaculate College 9 th Nov. Objectives Participants will be enabled to: Create and maintain your school’s website using Scoilnet Blogs Add other.
Using Xcode A Beginner’s Tutorial Erin Green. This tutorial will walk you through Xcode, a software development tool for Apple’s iOS applications – We.
CLEW Basics Lorie Stolarchuk Learning Technology Trainer Centre for Teaching and Learning 1.
Website Administration Information Systems 337 Prof. Harry Plantinga.
Making a Difference with Customer Care At eMachines, Customer Care is the top priority – we are committed to offering PC buyers high-quality systems at.
The tab system has moved to the left side of your Admin Area and will always display for easy navigation. 1.
Online Catalog Tutorial. Introduction Welcome to the Online Catalog Tutorial. This is the place to find answers to all of your online shopping questions.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Jamilah Al-Saidan. Introduction to this Course This course is designed to introduce pharmacy students to data processing and programming with pharmaceutical.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
COMP 143 Web Development with Adobe Dreamweaver CC.
 Creating a functional website that would allow users to quickly and easily access information regardless of device types and browsers, is what web designers.
Company Meeting Title Presenter.
Internet Made Easy! Make sure all your information is always up to date and instantly available to all your clients.
Web Site Development and Macromedia Dreamweaver 8
CMS I – BASIC WEB EDITING INTRODUCTION TO THE CMS
D.Y.O. Web The new and easy way to create and maintain your own professional dynamic website.
Provide Real-Time Appointment Status & Improve Patient Satisfaction
© 2016 Blackboard Inc. All rights reserved..
So you were told to make a website
Pattern Libraries Leveraging Atomic Design and Pattern Lab to Develop a Living Visual Style Guide Jayson Jaynes, ITS Web Services Web Developer Mark Miller,
For use on your feedback page
Wordpress test.cs.edinboro.edu.
Presentation transcript:

INFM 603 Final Project Naumaan Nasir Rob Dorsey

Project Goals Our Client Implementation HTML Prototype Attempts at Creating Online Site Adding Drupal Themes Drupal Gardens Benefits & Problems/Obstacles Testing Future Work What We Learned

Goals Plan and create a live Website for real user Utilize functionality and benefits of Drupal Generate business and income for user Involve user in project as much as possible Objectives Satisfy Specific User Requirements Satisfy INFM 603 Class Requirements Complete a functional site by 5/16/2012

Small family owned business Friendly, familiar, easy to work with Non-technical Spoke limited English

Planning Prototyping (HTML & Vizio) Drupal usage Methodology Requirements User Interview Looking at other sites Prototyping Iterative process

Challenges Users Language Barrier Users lack of technical familiarity Virtual Machine Obstacles Drupal functionality and compatibility

HTML Prototype Attempts at Creating Online Site Adding Drupal Themes Drupal Gardens DG Benefits DG Problems/Obstacles #1 DG Problems/Obstacles #2

Has most of the basic items we and user wanted Learned more about HTML Much time spent creating Chinese Hao character

U of Md Grace Virtual Machine Xampp install instructions didnt work 4 different U of Md Help Desks, dozen+ phone calls, several s later, still not finished Unfamiliarity with Linux Pay for web-hosting service?

HTML site looked flat Need Drupal anyway for course requirements Many themes wont install on Drupal 7 Themes features seem restrictive Necessary to go behind the scenes using CSS, Style sheets; Firebug

A Mini-Revelation

Avoids VM site problems We avoid cost of webhosting service Free real site – user avoids webhosting cost Built-in features facilitate interactive use w/o PHP and DB manipulation

Navigation bar overlaid header containing site name Had to put space in front of site name to keep from cutting off navigation bar at the top of screen Problems getting Chinese characters and site name next to each other Created image w both Chinese chars & site name Wont resize some images Discover card vs. Food image

Items display differently in different screens Logged out/Logged in/Edit mode Causes much extra work formatting displays WYSIWYG tab isnt always WYSIWYG Wont display webcounter Displays in edit mode but not display mode If logged in as non-admin user, cant log out Must delete cookies for site Wont center items on Navigation tab Not a problem?

Customer input and feedback Weekly meetings with user Self-testing Different modes: Logged out/Logged in/Edit mode Firefox and IE User testing General feedback from several people Recommendations from website designer Contextual inquiry

Solve blurry menu issue Could just create a text menu Find way to include webcounter Other Drupal themes may help resolve issues Drupal tech support may be able to help Test using on mobile device Continue working with users to help use and manage site effectively

Takes forever to do anything, even small tasks Need to allow more time for testing Gained much technical knowledge & experience It was fun!!