Mobile Application Design and Development

Mobile Application Design and Development is essentially what the title says. By the end of the course you will have all the design and technical ability to build and deploy a mobile application using modern web technologies.

This website contains all important dates, links to readings and material, assignments, labs and examples that will be used in the course.

The website itself is also a mobile application and can be accessed anywhere by a smartphone running a modern, evergreen browser.

Please read the next section "Course Overview" carefully.

Dates and Times

Lecture
  • D100: Tuesday, 8.30am, SUR 2740
Labs
  • D101: Tuesday, 10.30am, SUR 3100
  • D102: Tuesday, 12.30pm, SUR 3100
  • D103: Wednesday, 2.30pm, SUR 3050

A Survey Course

This is a "survey course", where material regarding a subject is curated by the lecturer, read by the student, and tested through discussions, quizzes and assignments.

For this reason, it is important that you understand a few key points about what a survey course is:

  • The course material goes beyond the website - required readings and other materials for this course are external to this website and it is your responsibility to create notes and provide synthesis
  • A self-motivated + self-directed learning environment - the material curated by your TA and myself was chosen to cover the most salient points of mobile application design and development, however there is always opportunity to expand on this knowledge and suggestions are welcome
  • A work in progress - the course website and required materials may change throughout the course to reflect the progress of the students, also referred to as "just in time teaching" (JIT)

Design

In this course we will be taking a look at several examples (online and video) of Human Interface Guidelines for mobile applications. Expect to take notes, compare and contrast design idioms, and apply these principles in your own projects.

You will be graded on your ability to learn, synthesize, think citically and apply the assigned materials. Many other resources exist and may supplement the required material, so do not be afraid to suggest or cite external sources.

Development

In your labs your TA will give you a brief overview and survey of some, but not all, leading web technologies used in industry to create mobile web applications.

You are REQUIRED to use web technologies and NO OTHER tools or languages, even if they compile to a mobile web application.

You are NOT required to use the frameworks and libraries mentioned in your labs for assignments. They were of course chosen for their popularity in industry so it might make sense to get aquainted with them.

Learning Outcomes

  • Learn to Learn
  • Discuss and Compare Design Guidelines
  • Critique Application Design
  • Develop a Mobile Application using Web Technologies
  • Present and Defend Application Design and UX

Expectations

Think about what learning means to you.

This class is not about grades, meeting requirements, or bsing results.

This class is about one thing, excellent work If you deliver excellent work, bring critical thinking, enthusiasm, and energy to discussions, do things on time time, with no fuss and no bs, you will be rewarded.

This is up to you, to make excellent work from the materials and assignments you're given So if you don't think you have what it takes, you don't like this subject, my style, or learning on your own, you're consistently slapping assignments together, falling asleep in class, or asking for extensions, DROP THIS COURSE.

I don't want dead weight in this classroom, to sit through boring, uninspiring project presentations, or stare at slap dash assignments trying to give out pity marks.

This class is a special topics course and I'm giving you the opportunity every SIAT student dreams of.

You get to build a mobile application using the latest web technologies.

But it's going to be a lot of work learning these technologies, understanding their mechanics, and implementing your own applications.

At the end of the day, the only expectation I have is that you blow me away with well reasoned, well designed and cleanly executed applications.

I want to see quality apps from all of you.

Apps that have the potential to be in app stores and markets online.

So if you don't want to achieve this level of excellence, drop If you're not interested or motivated by this topic, drop If you have too much on your plate this semester, drop

This is a contract

That means if you stay in this course.

I better be excited about your work.

You better be proud of your work.

We all should be impressed by your work.

What this course IS:

  • Awesome
  • Challenging
  • A place for critical thinking and comments about mobile UX and design
  • A chance to work with the tools used currently in industry by major companies (Google, Facebook, ...)
  • An opportunity to develop examples for your personal portfolio

What this course IS NOT:

  • An Easy 'A'
  • A place for professional BS and vacant statements
  • A copy paste mashup fest
  • A 2 hour block of time to IM friends
  • A bedroom

Salehen:

  • Tues: 2.30 - 3.30pm Hot Tub
  • Wed: 1.30 - 2.30pm Hot Tub

Matt:

  • Mon: 12.30 - 1.30pm Hot Tub
  • Wed: 10.30 - 11.30am Hot Tub

Outlines

  • Lecture 1
  • Lecture 2
  • Lecture 3
  • Lecture 4
  • Lecture 5
  • Lecture 6
  • Lecture 7
  • Lecture 8
  • Lecture 9

Outlines

  • Lab 1
  • Lab 2
  • Lab 3
  • Lab 4
  • Lab 5
  • Lab 6
  • Lab 8
  • Lab 9
  • ...

Challenges

See the last section of each lab for a challenge exercise that is due the following week!

Outlines

  • Assignment 1
  • Assignment 2
  • Final Project

Expectations

See the grades section of each assignment!

Assignment 1

  • Hops Hound
  • Marvelous
  • ScrollBinder
  • Cat Quiz App
  • Tally

Assignment 2

  • DiceRoller
  • Bubba List
  • Contacts App
  • Mountain Time
  • To Do Bubbles
  • GetUp
  • LUNR

Final Project

  • Pop Up Pirate
  • Synthimals
  • To Do Gems
  • Bubba List
  • Global Currency
  • Beep Boop Island
  • Jockey
  • Hill Tracker
  • Scroll Binder
  • Cheeason
  • Easy Note

Breakdown

  • Assignments: 20% (10% x 2)
    • Presentation / Design Rationale: 3%
    • Milestone: 1%
    • Performance + Usability: 3%
    • Code + Requirements: 3%
  • Final Project: 30%
    • Presentation / Design Rationale: 10%
      • Proposal: 2%
      • Milestone: 2%
    • Performance + Usability: 8%
    • Code + Requirements: 8%
  • Lab Challenges: 10% (2% x 5)
  • Discussions: 15%
  • Quizzes: 25% (5% x 5)