Implementing a mobile app: general strategy Chris Greenhalgh G54UBI / 2011-03-02 1Chris Greenhalgh

Slides:



Advertisements
Similar presentations
UX Portfolio Derek Smith. Overview Slides to walk through the UX activities of a sample project Present key design elements of the sample project Some.
Advertisements

Graph Visualization and Navigation in Information Visualization: A Survey Ivan Herman, Guy Melaneon, M. Scott Marshall.
Introduction to Multimedia 1611ICT – Topic 4 Sound, Animation & Video Review The element of sound Role of sound The Animation element Role of animation.
Coursework 2: getting started (1) – running the phone emulator Chris Greenhalgh G54UBI / Chris Greenhalgh
1 Information Systems Development (ISD) Systems Development Life Cycle Overview of Analysis Phase Overview of Design Phase CP2236: Information Systems.
Database Systems: Design, Implementation, and Management Chapter 9 Database Design.
Google AppInventor implementation quickstart Chris Greenhalgh G54UBI / Chris Greenhalgh
Coursework 2 implementation options Chris Greenhalgh G54UBI / Chris Greenhalgh
Designing a mobile app Chris Greenhalgh G54UBI / Chris Greenhalgh
IMGD The Game Development Process: Project 5 – Level Design Due: Friday, October 9 th Status report: Monday, October 5 th.
Software Evolution Managing the processes of software system change
Coursework 2: getting started (4) – using PhoneGap to build mobile applications (optional) Chris Greenhalgh G54UBI /
Coursework 2: getting started (2) – using the phone emulator and browser Chris Greenhalgh G54UBI /
Analysis of Tactile Map Reading Tablet, Visual and Signal Teams for CIS 423/510.
MSc Publishing on the WWW Web Design Week 2. Aims and Objectives To introduce the stages of web design and implementation To introduce needs analysis.
From Inception to Elaboration Chapter 8 Applying UML and Patterns -Craig Larman.
OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.
Development of mobile applications using PhoneGap and HTML 5
Multimedia e-learning design After analysis (audience, needs, goals, content, resource requirements and schedule), you are ready for design But don’t skimp.
Starting AppInventor in the Classroom Dale CAS Conference June 2011.
Mobile Testing Applications Confidential & Proprietary.
Android Application Development 2013 PClassic Chris Murphy 1.
Dependency Injection and Model-View-Controller. Overview Inversion of Control Model-View-Controller.
Info 361: Systems Analysis and Design
The Design Discipline.
Introduction to Interactive Media 02. The Interactive Media Development Process.
MVC pattern and implementation in java
What is Sure BDCs? BDC stands for Batch Data Communication and is also known as Batch Input. It is a technique for mass input of data into SAP by simulating.
Methods For Web Page Design 6. Methods Why use one? What it covers –Possibly all stages Feasibility Analysis Design Implementation Testing –Maybe just.
‘One Sky for Europe’ EUROCONTROL © 2002 European Organisation for the Safety of Air Navigation (EUROCONTROL) Page 1 VALIDATION DATA REPOSITORY Overview.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
A really fairly simple guide to: mobile browser-based application development (part 4, JQuery & DOM) Chris Greenhalgh G54UBI / Chris Greenhalgh.
RUP Implementation and Testing
A Transcoding Proxy for HTML Web Pages: Web Page Sampling and Conversion Evaluation. Andrew Stone CS525m.
Website Project Development Presentation by APNARAJ.COM.
10/3/2012ISC329 Isabelle Bichindaritz1 Logical Design.
UX Homepage Wireframe with annotations – Rohit Maddipudi – 04/22 Legend: - Annotation; - Clickable object for display of more sectional information.
European Operational Concept Validation Methodology E-OCVM Version 3: What’s New Episode 3 - CAATS II Final Dissemination Event Matthias Poppe DFS Episode.
CHAPTER TEN AUTHORING.
Chapter 7 Applying UML and Patterns Craig Larman
Single BYU Portal Strategy & Vision. Single BYU App Store Student, Faculty, Other Employee Enable Campus Participation.
Adobe Flash CS5 Introduction. What is Flash? Flash is a multimedia platform used to add animation, video, and interactivity to Web sites. It is often.
Introduction to Making Multimedia
.  A multi layer architecture powered by Spring Framework, ExtJS, Spring Security and Hibernate.  Taken advantage of Spring’s multi layer injection.
CSS BEST PRACTICES.
PMM Orientation - Final Version 1.0_6/5/2006
A really fairly simple guide to: mobile browser-based application development (part 2, CSS) Chris Greenhalgh G54UBI / Chris Greenhalgh
Spreadsheet Engineering Builders use blueprints or plans – Without plans structures will fail to be effective Advanced planning in any sort of design can.
Challenges for App Developers Po Chi Wu, Ph.D. Adjunct Professor School of Bus. & Mgt. School of Engineering HKUST.
VoiceXML Version 2.0 Jon Pitcherella. What is it? A W3C standard for specifying interactive voice dialogues. Uses a “voice” browser to interpret documents,
PA 15.1 – Distributor version What is new?. Feel free to add pictures, charts, tables or anything you need to this layout. All slide layouts are yours.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
Multimedia e-learning design After analysis (audience, needs, goals, content, resource requirements and schedule), you are ready for design But don’t skimp.
Software Requirements Specification. Requirements Specification: An Overview Basic goal: To understand the problem as perceived by the user. Activities.
Software Development Process CS 360 Lecture 3. Software Process The software process is a structured set of activities required to develop a software.
Logical Design 12/10/2009GAK1. Learning Objectives How to remove features from a local conceptual model that are not compatible with the relational model.
Web Content Development Dr. Komlodi Class 11: Blueprints.
Phonegap API & Phonegap Bridge CIS 136 Building Mobile Apps 1.
ServiceNow Implementation Workshop CMS Self Service Portal.
Design Patterns: Model View Controller
Mobile App ux/ ui design In High Quality.
Practical guide to build Modern Intranet sites with SharePoint Communication Sites Asish Padhy.
Multimedia e-learning design
Systems Analysis and Design in a Changing World, 6th Edition
MKT 601: CHAPTER 19 Managing Digital Communications: Online, Social Media, and Mobile Online Marketing ADVANTAGES AND DISADVANTAGES OF ONLINE MARKETING.
Prototype using PowerPoint
Metrics Stats n’ Stuff.
Dongwhan Kim Annie Zhao Steven Lawrance
Information Systems Development (ISD) Systems Development Life Cycle
NIEM Tool Strategy Next Steps for Movement
Presentation transcript:

Implementing a mobile app: general strategy Chris Greenhalgh G54UBI / Chris Greenhalgh

Overview Define initial scope of application Concurrently and iteratively – Develop detailed application design (see design notes) – Create minimal tests of the required technologies (slide 3) Platform, tools, sensors, UI components Then – Incrementally develop the final application based on the detailed design (slide 4) 2Chris Greenhalgh

Implementation stages: technology test 1.Can you get the basic technology to work? – Create a skeleton application for the chosen technology AppInventor, PhoneGap, … 2.Will the sensors do what you want? – Create a “sensor test” application Does not reflect screen or UI design of final app Does low-level sensor input and just displays it to the user 3.Will the other key technologies work? – Add a minimal test for each one to the test app E.g. Map view, sound, video 3Chris Greenhalgh

Implementation stages: design-led application-development 1.Create a new application 2.Create rough versions of the screens and screen elements 3.Implement basic navigation 4.Define domain model types (if used) 5.Define application (internal) state (e.g. global vars) 6.Create helper functions to update UI 7.Add sensor input (from test app) 8.Add complex UI elements 9.Complete/refine logic 10.Tidy up layout, content and look and feel 4Chris Greenhalgh