DMA 370 - Designing For Mobile Devices

Profile

Ashley O'Brien

Hi, I'm Ashley and I'm a Senior at Canisius College. I'm a Computer Science and Digital Media Arts dual major - concentrating in Web Development.

Connect

Final Project

Instructions

Design and develop a hybrid app using your choice of HTML, CSS and JavaScript or jQuery Mobile. The application idea is up to you, but it must include at least 2 UI concepts learned in class as well as a form. Create a concept and name for your application, along with what type of content it will feature. Design a logo and app icon that will appear when installed on a user's device.

Project Statement

Write a one page statement for your app. What is the name of the app and what is your concept? Who is your audience? How will you communicate to that audience? What goals do you want users to accomplish when using the app? List at least two apps that have a similar concept and decribe how yours will be different.

Download (PDF)

Wireframes


Login Page (.png)
Register Page (.png)
Home Page (.png)
Spinner Page (.png)
Restaurant Page (.png)
Map Page (.png)
Contact Page (.png)

Thumbnail Sketches

Produce at least 10 thumbnail sketches for your application's identity.

Thumbnail Sketches (.jpg)

Homescreen Icons

Create a set of home screen icons for project three (Android and iOS), and add them to your landing page using the link tag.

Final Product

  • 1 Landing Page
  • 1 Home Page
  • 1 Spinner Page
  • 2 Restaurant Detail Pages
  • 1 Locate Page
  • 1 Contact Page

Landing Page

May 5, 2016

Reading One

Instructions

Write a one page summary describing the following articles:
Download (PDF)

January 28, 2016

Reading Two

Instructions

Write a one page summary describing the following articles:
Download (PDF)

February 11, 2016

Reading Three

Instructions

Write a one page summary describing the following articles:
Download (PDF)

February 25, 2016

Reading Four

Instructions

Write a one page summary describing the following articles:
Download (PDF)

March 3, 2016

Reading Five

Instructions

Write a one page summary describing the following articles:
Download (PDF)

March 10, 2016

Exercise One

Instructions

Choose 2 apps and write a critique that answers a specific set of questions.

Choose 2 websites and try to use them on your mobile phone. Write a critique that answers a specific set of questions.

Download (PDF)

January 28, 2016

Exercise Two

Instructions

Create a class landing page for DMA 370. Your class landing page should have your name somewhere on it and a place for links to class projects and exercises.

Web Address

February 11, 2016

Exercise Three

Instructions

Create a set of home screen icons for project one (Android and iOS), and add them to your landing page using the link tag. Use Matteo Spinnelli's "Add to Home Screen" script to create a notification that informs visitors to add the application to their device.

February 18, 2016

Exercise Four

Instructions

Create an unstyled jQuery Mobile application that has a home page and two internal pages. Also create a navagation bar and a place a "back" button on the interior pages.

Web Address

March 3, 2016

Exercise Five/Six

Instructions

Create a custom theme for the jQuery Mobile app created in Exercise 4. Also include an accordion to hide or reveal content.

Web Address

March 10, 2016

Project One

Instructions

Design and develop a responsive web app ecommerce experience for a local candy shop. The goal is for users to easily browse products on smaller devices. Create a name and location for your candy shop, along with what type of candy it will sell. The history and story of how your candy shop came to be will also be important for the "about" page.

Project Statement

Write a one page statement for your candy shop. What is the name of your shop, what are you going to sell? Who is your audience? How will you communicate to that audience?

Download (PDF)

Wireframes



Home Page (.png)
About Page (.png)
Product List Page (.png)
Product Detail Page (.png)
Locations Page (.png)

Final Product

  • 1 Landing Page
  • 1 About Page
  • 1 Product List Page
  • 48 Product Detail Pages
  • 1 Location Page

Landing Page

February 18, 2016

Project Two

Instructions

Design and develop a hybrid app using jQuery Mobile. The application will be a recipe finder that users can download to find fresh, new ideas when cooking, baking or grilling. Create a concept and name for your recipe application, along with what type of food it will feature. Design a logo and app icon that will appear when installed on a user's device.

Project Statement

Write a one page statement for your recipe app. What is the name of the app and what is your concept? Who is your audience? How will you communicate to that audience? What goals do you want users to accomplish when using the app?

Download (PDF)

Wireframes


Home Page (.png)
About Page (.png)
Recipe List Page (.png)
Recipe Detail Page (.png)
Contact Page (.png)
Conversions Page (.png)

Thumbnail Sketches

Produce at least 10 thumbnail sketches for your application's identity.

Thumbnail Sketches (.jpg)

Homescreen Icons

Create a set of home screen icons for project two (Android and iOS), and add them to your landing page using the link tag.

Final Product

  • 1 Landing Page
  • 1 Recipe List Page
  • 16 Recipe Detail Pages
  • 1 Kitchen Timer Page
  • 1 Conversion Calculator Page
  • 1 Contact Page
  • 1 About Page

Landing Page

March 17, 2016