SIMobile Amy Vogrig-Emily Croeber-Tyler Collins CS 4624: May 2016 Virginia Tech: Blacksburg, VA 24061 Client: John Crawford NIH Grant 1R01DA039456-01.

Slides:

Advertisements

Similar presentations

NEW EBRARY READER OVERVIEW July The new ebrary Reader Built entirely with user input – Student researchers worked with us to perfect the Reader.

Advertisements

A really fairly simple guide to: mobile browser-based application development (part 1) Chris Greenhalgh G54UBI / Chris Greenhalgh

Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.

Excel 2007 ® Business and Personal Finances How can Excel 2007 help you format a workbook?

Project Two Art3870 fall Web Services Concept Selling web services to Art Galleries ◦ Our group sells web site development for art galleries: the.

Working with Cascading Style Sheets. 2 Objectives Introducing Cascading Style Sheets Using Inline Styles Using Embedded Styles Using an External Style.

Creating First Class Web Pages Log into your account.

Web Page Development I Heather Rasmussen (801) Heather Rasmussen (801)

TUTORIAL 8: Enhancing a Web Site with Advanced CSS

Website Design - Review Layout using tables. Table exmaple James 11/08.

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

Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.

XP Tutorial 7New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks.

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

Note to Teachers: For homework, the students will need: 1. an electronic version of the document called: – job letter format.doc You can it to the.

Font Families by Anthony Asay. Font Family ●Font family or font face is the typeface that is applied to the text by a web browser. ●There are a lot of.

Page Layout Basharat Mahmood, Department of Computer Science, CIIT, Islamabad, Pakistan 1.

Using Styles and Style Sheets for Design

Web Technologies Website Development Trade & Industrial Education

Website Development with Dreamweaver

Style Sheets for Print and Mobile Media Types Supplemental Material.

Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.

Getting Started with E-Books: iPad/iPhone. How does it work?  Choose from popular items including fiction and non- fiction, children’s and teen  Download.

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.

MySQL and PHP Review CSS. Cascading Style Sheet (CSS) Style sheets are files or forms that describe the layout and appearance of a document. Cascading.

PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.

Home Page IF Average Max Min Sum Countif Welcome to the Spread Sheets Help... I hope you find the following pages useful in learning how to use functions.

207 Randolph Hall Blacksburg VA, Allison Rubio (540)

By: Ms. Fatima Shannag Ms. Essra Al-Mousa 1. PowerPoint web app 2 PowerPoint Web App is a limited version of PowerPoint, enabling you to display information.

Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.

KindaRight Client: Blacksburg Web Design Blacksburg, VA May 1, 2014 Virginia Tech CS 4624 Divit Singh Austin Lopez-Gomez.

Creating Accessible Content in Microsoft Office 2010 NC Basic Skills Instructor Training Academy 2012.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.

INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

CNIT 132 – Week 4 Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

GO MOBILE. GO RESPONSIVE. 185 mil mobile internet users in India

Assignment 3 Your going to modify your last Best Movies page and Recipe page Your going to modify your last Best Movies page and Recipe page You will need.

ACM 262 INTRODUCTION TO WEB DESIGN Week-7 ACM 262 Course Notes.

Responsive (Mobile) Design What is this? Why Should You Care?

Kypros-net Website : Greek Tutorial Program SI 622 Evaluation of Systems and Services M. Elledge P. Zaphiris.

CS 100 Introduction to Web Page Construction and HTML.

(Desktop View) Introducing the new dawsonera Online Reader.

Business Site Homepage Project Web Design. Business Site Homepage Project Your final project for this semester will be to create a web site for fictitious.

HTML Basic Structure. Page Title My First Heading My first paragraph.

XP New Perspectives on Microsoft Windows XP Tutorial 1 1 Microsoft Windows XP Creating a Web Site Tutorial 1.

COMP 143 Web Development with Adobe Dreamweaver CC.

XP Tutorial 7New Perspectives on HTML and XHTML, Comprehensive 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks Tutorial 7.

Apps 101 What You Should Know When Making Your Own APP.

Title of your site Title of your page Text and images arranged on the page in the design of your choice. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page.

VTCAR Final Presentation CS Dr. Fox Virginia Tech - Blacksburg, VA /3/16 Kyle Simmons, Steven Whitehead, Sebastian Welsh Client: Dr. Julee.

Working with Cascading Style Sheets

Web and presentation software

Social Interactome Breathalyzer “Breathe-EZ”

Chapter 2 Developing a Web Page.

Responsive Web Pages.

Cascading Style Sheets

Enterprise Web Accessibility Standards

Layout - you need to understand that a simple navigation bar:

Virginia Tech Center for Drug Discovery Website Migration and Redesign

Lincoln in Our Time Online Museum Exhibition Website

Fixed Positioning.

Graph Query Portal Amit Dayal David Brock

Multimedia Database Virginia Polytechnic Institute and State University Blacksburg, VA CS 4624 Multimedia, Hypertext and Information Access Client.

Social Interactome Recommender Team

Navigating the Thesis Template: Basics

Web and presentation software

30 Web Accessibility Tips: Creating Accessible Web-Based Resources

CIS 133 mashup Javascript, jQuery and XML

Presentation transcript:

SIMobile Amy Vogrig-Emily Croeber-Tyler Collins CS 4624: May 2016 Virginia Tech: Blacksburg, VA Client: John Crawford NIH Grant 1R01DA

Project Social Interactome (SI) is an anonymous, social media support system for recovering addicts. Turn SI’s desktop version into a mobile version

Responsive Web Design Most changes are through CSS Change design based on screen size Change formatting Declare what is visible

Current Desktop Version

Navigation Use of a “hamburger,” push-drawer menu Allows for hidden navigation “Hamburger” push-drawer menu enlarged to show all navigation content

Formatting

Reformatting Home Page

Other CSS Changes Formatted text to match Centered the headings Eliminated unnecessary navigation content and information Enlarged font sizes to be more readable

Remaining Known Issues