Download Assessment 2 - School of Computing and Technology

Mobile Application
Development
CT5006
2012/13
David Johnston
Mobile Application Development
CT5006
September 2012
Large print copies of this booklet can be provided on request. We can also
arrange production of Braille or audio versions.
University of Gloucestershire 2012
All rights reserved. No part of this publication may be reproduced, stored or transmitted
in any form or by any means, including – but not limited to – photocopy, recording, or any
information storage and retrieval system, without the specific prior written permission of
University of Gloucestershire Business School.
Table of Contents
Introduction
2
Resources
3
Scheme of Work
4
Assessment 1
6
Assessment 2
10
Feedback
13
PDP
14
© David Johnston, University of Gloucestershire
1
CT5006 Mobile Application Development
Introduction
Aims
This module seeks to develop and enhance web development and
programming skills by focusing upon issues and techniques specific to the
delivery of content and applications for mobile platforms. Students will develop
an awareness of relevant scripting and programming technologies, the issues
surrounding the use of these technologies and the attendant business
implications. Students will analyse the requirements of mobile applications and
associated content, develop strategies for development and will seek to meet
these via the use of current technologies such as HTML, Java, CSS3 and
Jquery.
Learning Outcomes
i. Knowledge and Understanding
A student passing this module should be able to:
1. Understand and apply the key technological principles and methods for
delivering and maintaining mobile applications,
2. evaluate and contrast requirements for mobile platforms to establish
appropriate strategies for development and deployment,
3. develop and apply current standard-compliant scripting/programming
techniques for the successful deployment of mobile applications targeting
a variety of platforms,
4. carry out appropriate formative and summative evaluation and testing
utilising a range of mobile platforms,
5. interpret a scenario, plan, design and develop a prototype hybrid and
native mobile application,
6. investigate the leading edge developments in mobile application
development and use these to inform the design process.
© David Johnston, University of Gloucestershire
2
CT5006 Mobile Application Web Development
Resources
Barney, LS (2009) Developing Hybrid Applications for the iPhone: Using HTML,
CSS and JavaScript to build dynamic apps for the iPhone. Addison-Wesley
Professional. (ISBN 9780321604163)
Bruce, Betsy (2011) Teach Yourself Adobe® Dreamweaver CS5 in 24 Hours.
Sams Indianapolis (online resource connected to Safari Books online)
Cederholm, D (2012) Bulletproof web design: Improving flexibility and protecting
against worst case scenarios with HTML5 and CSS3. New Riders, Berkeley,
California (ISBN 9780321808356)
David, M ( 2012) HTML5 mobile websites : Turbocharging HTML5 with jQuery
mobile, Sencha touch, and other frameworks. Focal Press, Waltham, MA.
Firtman, M (2012) jQuery mobile: Up and Running. O’Reilly Media, Sebastopol,
California. Electronic Resource. (ISBN 9781449331108)
Firtman, M (2010) Programming the Mobile Web. Farnham: O’Reilly.
Online resource available via Safari Books Online. (ISBN 9780596807788 pbk.)
Gillenwater, Zoe Mickley (2009) Flexible web design: creating liquid and elastic
layouts with CSS. New Riders Berkeley, California.
Meier, R (2012) Professional Android 4 application development. Electronic
Resource. Wiley Publishing, Indiana. (ISBN 9781118223857 electronic book)
Oehlman, D (2011) Pro Android Web Apps: Develop for Android using HTML,
CSS3 and JavaScript. Apress, New York (ISBN 9781430232766).
Online resource available via Safari Books Online
© David Johnston, University of Gloucestershire
3
CT5006 Mobile Application Development
Other Resources
Android Dev Guide: http://developer.android.com/guide/index.html
The module will be supported by a Moodle site at http://moodle.glos.ac.uk
which will contain tutorial information, lecture notes, reading list and showcase
material.
Hardware and Software
A range of hardware including Digital Cameras, Camcorders, Microphones,
Blue Screen, and Tripods is available from the IT Technicians located adjacent
to the computing labs. The following software will be featured in this module:
Microsoft Notepad (LC201/207), DreamWeaver CS6 (LC201/LC207), Fireworks
CS6 (LC201/LC204), Flash CS5.5 (LC201/207).
Teaching and learning approach
1 hour lecture followed by a 2 hour lab session. You are required to undertake
at least 5 hours of self-study per week. The tutors will provide help and support
during the timetabled lab sessions. There are two assessments for this module
weighted at 50% each. Students need to attain an average of 40% across both
assessments to pass the module.
© David Johnston, University of Gloucestershire
4
CT5006 Mobile Application Web Development
Scheme of work
Semester 1 Lectures and Tutorial
WK/Date Lectures Tuesday 09.15 LC207
Practical Tuesday 10.15 LC207
1
Introduction and Assessment
Web versus Native Apps
Mobile Web Application Critique and
Analysis
Mobile Operating Systems
Issues for Development
HTML and CSS for Mobile
Devices
Planning and Design Tools
HTML and CSS for Mobile Devices
Browsers; WebKit; HTML and
CSS for Mobile Devices
CSS3 Media Queries and Meta Data
Orientation
Introduction to jQuery Mobile and
HTML5
CSS3 Media Queries and jQuery
Mobile
Mobile GUIs; jQuery Mobile
Dialogs Buttons and Menus
HTML 5 and jQuery Functionality
Assignment Workshop
Assignment Workshop
DW CS6 For Mobile
Development
DreamWeaver CS6 CSS and JQuery
Mobile
25.09.12
2
02.10.12
3
09.10.12
4
16.10.12
5
23.10.12
6
30.10.12
7
06.11.12
8
13.11.12
9
20.11.12
10
27.11.12
11
04.12.12
12
DW CS6 Media Queries / jQuery DW CS6 Media Queries / jQuery
ThemeRoller and Form Elements ThemeRoller and Form Elements
HTML5 Local and Session
Storage / HTML5 Appcache
HTML5 Storage and Appcache
HTML5 Geolocation API and
Google Maps
Geolocation API Implementation
Native / Device Functionality with
PhoneGap
PhoneGap API Export and APK Files
Mobile SEO and Testing
Semester 2 Overview
Launch Teams
11.12.12
CHRISTMAS VACATION
© David Johnston, University of Gloucestershire
5
CT5006 Mobile Application Development
Semester 2 Lectures and Tutorials
WK/Date Lectures Tuesday 10.15 LC207
Practical Tuesday 11.15 LC207
17
Introduction to Eclipse and object
oriented programming
Familiarization with tools and
technologies
15.01.13
18
ASSIGNMENT 1 DUE 14.01.13
Revision: Java and Java script
programming
ASSIGNMENT 1 DUE 14.01.13
Java and JavaScript exercise
22.01.13
19
29.01.13
20
Android application framework and
components
Activities, Services, Content
providers, Broadcast receivers,
Manifest File
Design and develop native apps
05.02.13
21
Design app using sensors, SMS
Design app using sensors, SMS
Android Application programming
Interface API
Understand and explore various API
Design app using Media and
Camera
Design app using Media and Camera
26.02.13
24
Testing and Debugging
Testing and Debugging
05.03.13
25
Publishing Apps
Publishing Apps
12.03.13
26
Assignment Workshop
Assignment Workshop
12.02.13
22
19.02.13
23
19.03.13
27
28
29
30
EASTER
Write activity, add functions, link
functions to web page
VACATION
Best practices of apps
development
Best practices of apps development
16.04.13
31
ASSIGNMENT 2 DUE 23.04.13
ASSIGNMENT 2 DUE 23.04.13
23.04.13
Assignment 2 Presentations
Assignment 2 Presentations
© David Johnston, University of Gloucestershire
6
CT5006 Mobile Application Web Development
Assessment 1
Web Application/Evaluation Incorporating 5 Components (50%)
Addresses Learning Outcomes a, b, c and d
1. Module code and title
CT5006 Mobile Application Development
2. Module tutor
David Johnston
3. Tutor with responsibility
for this Assessment
David Johnston
4. Assignment
001: 50% Coursework: individual web application
and evaluation (2000 words or equivalent)
This is your first point of contact.
You will be penalised according to the Academic
Regulations for Taught Provision if you exceed the
size limit.
5. Submission deadline
Monday 14th January 2013
Your attention is drawn to the
penalties for late submission;
see Undergraduate Modular
Handbook.
Your attention is drawn to the penalties for late
submission; see Academic Regulations for Taught
Provision.
6. Arrangements for
submission
Submit to Park Assignment Room TC109
7. Date and location for
return of work
Park Assignment Room TC109. Feedback given within
20 working days of submission.
8. Students with
Disabilities
Alternative assessment arrangements may be made,
where appropriate, for students with disabilities.
However, these will only be implemented upon the
advice of the Disability Advisor. Students wishing to be
considered for alternative assessment arrangements
must give notification of the disability (with evidence) to
the Disability Advisor by the published deadlines.
All assessments are subject to the Academic
Regulations for Taught Provision. These include
regulations relating to Errors of Attribution and
Assessment Offences. In exercising their judgement,
Examiners may penalise any work where the standard of
English, numeracy or presentation adversely affects the
quality of the work, or where the work submitted
exceeds the published size or time limits, or where the
work fails to follow normal academic conventions for
acknowledging sources.
9. University Regulations
for Assessment
© David Johnston, University of Gloucestershire
7
CT5006 Mobile Application Development
The requirements for assessment 1
Deadline for submission Monday 14th January 2013
All submissions should be made to the Park Campus Assignment room TC109.
The single assignment is partitioned into five component parts outlined here
and integrated as a working web application which delivers content and
functionality servicing the School of Computing and Technology. For each
week you must work towards the completion of the tutorials, starting with the
material outlined within the tutorial sheet for that week.
Tutorial / Practical Exercises
All students should complete the tutorial tasks set in weeks 1 through 8 of
semester 1 as these relate directly to development of the 5 components
required for Assignment 1. Tutorial exercises should be viewed as a starting
point for further investigation of that topic. Evidence of further exploration of
these ideas, tools and techniques should form the greater part of the
Assignment 1 submission.
School of Computing Web Application Specifications:
Component 1: MOBILE WEB SITE
Demonstrating appropriate use of html; CSS for formatting and layout purposes;
CSS3 media queries; meta-based orientation specification and appropriate
content.
Component 2: INTERACTIVE / MENU ELEMENTS USING JQUERY
Inclusion of menu-based and interactive elements utilising JQuery, jQuery
Mobile and subsets such as JQTouch.
Component 3: HTML 5 FUNCTIONALITY
Use of DreamWeaver CS6 to produce HTML 5 functionality (For example,
Canvas; input types; video/audio tags; AppCache; Session Storage;
Geolocation API) for specified Web Application.
Component 4: NATIVE DEVICE FUNCTIONALITY USING PHONEGAP
Use of PhoneGap (within DreamWeaver CS6) to integrate native device
functionality into existing Web Application utilising appropriate APIs.
Component 5: DOCUMENTATION (1000 words or equivalent)
Provide supporting documentation utilizing screengrabs, showing discussion
and progression of ideas.
© David Johnston, University of Gloucestershire
8
CT5006 Mobile Application Web Development
What you must submit for Assignment 1:

Disc containing evidence of practical work created during completion of
tutorial / practical tasks (PNGs; HTML; CSS; HTML5; JavaScript;
DreamWeaver root directory and associated files). DEMONSTRATING
COMPONENTS 1, 2, 3 AND 4

Supporting documentation showing discussion and progression of ideas,
rationale and plans for further development /of ideas, tools and
techniques. DEMONSTRATING COMPONENT 5
Special instructions
No special instructions.
Return of work
All Coursework will be returned to the Assignment Room after the Examination
Boards.
Assessment 1 criteria
Overall grade will be determined by the application of the ICT Fields
Assessment Criteria.
Assessment 1 Criteria
© David Johnston, University of Gloucestershire
9
CT5006 Mobile Application Development
The following grade table is a guide to the level of practical content required for
Assignment 1. Note that the overall grade will be determined by the application
of the ICT Fields Assessment Criteria.
Grade
Content
To achieve <30 Some requirements met, but very limited and not recoverable. Nonsubmission of website and portfolio.
To achieve <40 Not all tasks completed. Non-functional website / web app.
To achieve 40+ Some attempt at all 5 tasks.
Layout and structure of content utilising CSS and DIVs
Some working HTML documents with some attempt at interactivity
(hyperlinks between different documents.
Content viewable and navigable via mobile device
To achieve 50+
Complies with minimum technical specification. Some limited
rationale for use of techniques / tools.
All of the above, plus use of graphic elements within HTML.
Detailed storyboards for mobile website.
Reasonable discussion / rationale and demonstration of
understanding as part of Task 5.
To achieve 60+
Use of CSS3 Media Queries for mobile deployment of website.
All of the above, plus Inclusion of menu-based and interactive
elements utilising Jquery and subsets such as JQTouch.
Native device functionality achieved using PhoneGap
To achieve 70+
Appropriate use of HTML5 functionality (Canvas; input types;
video/audio tags; AppCache; Storage; Geolocation)
All Tasks completed to a high standard with clear evidence of further
investigation of all topics and progression of knowledge, tools and
techniques.
Evidence of a range of tools and techniques utilised.
Assessment 2
Native Application Interfaced with Web Application (50%)
© David Johnston, University of Gloucestershire
10
CT5006 Mobile Application Web Development
Addresses Learning Outcomes a, c and d
1. Module code and title
CT5006 Mobile Application Development
2. Module tutor
David Johnston
3. Tutor with responsibility
for this Assessment
David Johnston
4. Assignment
002: 50% Coursework: Group project and presentation
(2000 words or equivalent)
This is your first point of contact.
You will be penalised according to the Academic
Regulations for Taught Provision if you exceed the
size limit.
5. Submission deadline
Tuesday 23rd April 2013
Your attention is drawn to the
penalties for late submission;
see Undergraduate Modular
Handbook.
Your attention is drawn to the penalties for late
submission; see Academic Regulations for Taught
Provision.
6. Arrangements for
submission
Submit to Park Assignment Room TC109
7. Date and location for
return of work
30 June 2013 Park Assignment Room TC109
8. Students with
Disabilities
9. University Regulations
for Assessment
Feedback given within 20 working days of submission.
Alternative assessment arrangements may be made,
where appropriate, for students with disabilities.
However, these will only be implemented upon the
advice of the Disability Advisor. Students wishing to be
considered for alternative assessment arrangements
must give notification of the disability (with evidence) to
the Disability Advisor by the published deadlines.
All assessments are subject to the Academic
Regulations for Taught Provision. These include
regulations relating to Errors of Attribution and
Assessment Offences. In exercising their judgement,
Examiners may penalise any work where the standard of
English, numeracy or presentation adversely affects the
quality of the work, or where the work submitted
exceeds the published size or time limits, or where the
work fails to follow normal academic conventions for
acknowledging sources.
The requirements for assessment 2
Deadline for submission Tuesday 23rd April 2013
The single assignment is partitioned into three component parts outlined here.
© David Johnston, University of Gloucestershire
11
CT5006 Mobile Application Development
Component 1: Develop and test a custom native component. This component
should be for a feature not available in PhoneGap or for some complex
business functionality.
Component 2: Integrate the native component with the application produced
for assignment 1.
Component 3: DOCUMENTATION (1000 words or equivalent)
Provide supporting documentation utilizing screengrabs, showing discussion
and progression of ideas. Also reflect upon your experience of developing and
integrating the native component.
Groupwork
Note: The assessment requires you to work as part of a group of 2 students to
produce a native application which works alongside / compliments the web
application produced for Assignment 1. Students must work as part of a group individual work will not be acceptable unless there are compelling mitigating
circumstances. The group will be required to present/demonstrate their site
during the practical sessions scheduled for Week 31 of semester 2. This
presentation will be based on the information submitted by the group in
Week 31 (supplied on disc). All group members will need to be present at the
presentation in order to gain any credit for their contribution (mitigating
circumstances such as certificated sickness will, of course, apply).
By default, all students within a group will receive the same mark for the
groupwork component. It is the students' responsibility to book a slot for the
presentation. If members of a group feel that an equal distribution of marks for
the coursework component is unfair then it is their responsibility to inform the
module tutor in writing by the submission date at the very latest. The tutor
will hear evidence and come to a decision on this matter. The tutor's decision is
final. You are responsible for keeping a copy of all assignment work and
reproducing this should the need arise. The work you hand in for this
Administrative Details
The due date for submission of the assignment is Tuesday 23rd April 2013.
One folder should be submitted per group. The names and student numbers of
all group members should be visible on the outside of the folder as well as the
date and time of the presentation slot. The folder should contain: Individual
coversheets for each member of the group. If you do not submit an individual
coversheet with your name and student number on it, your submission will not
be logged by the assignment room.
 A disc or discs containing the groupwork showing the names of all group
members. The folder should be sealable to ensure the safety of its contents.
© David Johnston, University of Gloucestershire
12
CT5006 Mobile Application Web Development
 Documentation providing evidence of team roles, planning, prototype
designs, accessibility and testing considerations.
Presentations
The lecture/practical sessions of Week31 will be devoted to presentations of the
groupwork to tutors. Each group will be allocated a slot for their presentation.
Each group will be allocated a maximum of 10 minutes for their presentation.
The tutors will strictly adhere to the schedule dictated by the booking form.
Work will then be handed in to tutors once the presentation has taken place.
Assessment 2 Criteria
The following grade table is a guide to the level of practical content required for
Assignment 2. Note that the overall grade will be determined by the application
of the ICT Fields Assessment Criteria.
Grade
To achieve <30
To achieve <40
Content
Some requirements met, but very limited and not recoverable. Nonsubmission of website and portfolio.
Not all tasks completed. Non-functional website / web app.
To achieve 40+
All 3 tasks attempted. Some working native component.
To achieve 50+
All of the above.
Fully working native component with some attempt to integrate it with
the application produced for assignment 1.
To achieve 60+
All of the above.
Fully working native component integrated with the application
produced for assignment 1.
Evidence of testing.
To achieve 70+
Reasonable discussion and reflection.
All Tasks completed to a high standard with clear evidence of further
investigation of all topics and progression of knowledge, tools and
techniques.
Feedback from tutors
All students are entitled to both formative and summative feedback during the
module. Formative feedback is designed to enable you to improve your
work/performance and takes many forms.
© David Johnston, University of Gloucestershire
13
CT5006 Mobile Application Development
Students will have several opportunities to receive feedback on their progress,
e.g. during lab sessions, tutorials or seminars; as part of general feedback in
lectures; and where appropriate, one to one sessions with their Academic
Review Tutors. Summative feedback is received when your submitted
coursework has been marked.
As a minimum this will comprise constructive comments from the tutor and a
grade.
© David Johnston, University of Gloucestershire
14
CT5006 Mobile Application Web Development
PDP statement
Students will, by the end of the module, achieve a high level of understanding of
HTML, XHTML and Adobe DreamWeaver and be confident in the application of
a range of tools and techniques. In addition students will have a variety of
material suitable for inclusion in a Personal Development Portfolio. This will be
useful when applying for placement positions after the end of level 2.
© David Johnston, University of Gloucestershire
15