Slide title In CAPITALS 50 pt Slide subtitle 32 pt The Development of Courseware for Smartphones Judy Nix Ericsson Education Ireland.

Slides:



Advertisements
Similar presentations
3.02B Authoring Languages 3.02 Develop webpages..
Advertisements

Standards and Increasing Maintainability on Web- based Systems James Eaton SE4112/16/2006.
XHTML Basics.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Project 1 Introduction to HTML.
Slide title In CAPITALS 50 pt Slide subtitle 32 pt Ericsson satsning på Public Safety - National Security HIØ Personalseminar – 9. mai 06 - Ed.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
Chapter 4 Adding Images. Inserting and Aligning Images Using CSS When you choose graphics to add to a web page, it’s important to use graphic files in.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Slide title In CAPITALS 50 pt Slide subtitle 32 pt Proactive fault management in mobile core network Niko Isotalo Instructor: Ira Antikainen Supervisor:
Chapter 14 Introduction to HTML
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Chapter 1 Introduction to HTML, XHTML, and CSS
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Creating a Basic Web Page
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Using Styles and Style Sheets for Design
Slide title In CAPITALS 50 pt Slide subtitle 32 pt Site DB creation and updates 05/08/2006 by Performance Team.
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 Properties.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
HTML and Style. Session overview Leveling-off on the basic concepts of HTML and Styles Discuss Web authoring options.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
HTML: Hyptertext Markup Language Doman’s Sections.
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Project 2 Web Page Design Creating and Editing a Web Page Pages
Professor Waterman Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation.
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.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
Introduction to the World Wide Web & Internet CIS 101.
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
Microsoft Excel Illustrated Introductory Workbooks and Preparing them for the Web Managing.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Chapter 2 Developing a Web Page.
W3C Web standards and Recommendations
Section 10.1 YOU WILL LEARN TO… Define scripting
Introduction to web design discussing which languages is used for website designing
Introduction to HTML- Basics
Exercise 24 – Software Skills
Presentation transcript:

Slide title In CAPITALS 50 pt Slide subtitle 32 pt The Development of Courseware for Smartphones Judy Nix Ericsson Education Ireland

Slide title In CAPITALS 50 pt Slide subtitle 32 pt Based on Research for the EU Leonardo Funded Project Mobile Learning: the Next Generation of Learning FernuniversitatCorvinus University of Budapest Distance Education

Slide title In CAPITALS 50 pt Slide subtitle 32 pt Mobile learning is the provision of education and training on hand held devices: PDAs, smartphones, mobiles and MP3 players

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential4 Why develop courseware for mobile devices?  664.5m mobiles phones shipped in 2004  50% of all employees in the developed world spend half their time outside the office  Nearly all higher level education students in Europe use mobile phones in their everyday lives  It is predicted that multi-purpose handheld devices will outsell laptop and desktop computers this year  3G networks will provide the infrastructure through its “always on” environment

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential5 The Approach  To mirror existing eLearning development methods by employing the same tools and technologies to ultimately facilitate adaptability.

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential6 How? – Development Tools  Macromedia Dreamweaver MX Version 1.0 -Site definition Wizard -Validator -Previewing facility

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential7 Development Tools  Opera Browser Supports XHTML -Supports Cascading Style Sheets (CSS) -Describes what the content looks like

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential8 Development Tools  Adobe Photoshop 5.5 -Images can be save in GIF -Transparent areas can be included -Web colour palette can be specified.

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential9 Technologies  The Extensible HyperText Markup Language (XHTML) 1.0 Transitional

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential10 Technologies  Cascading Style Sheets (CSS) Levels 1 & 2 - CSS enables authors to separate presentation type from document content -Style rules define presentation & formatting can be contained in a single files. -Facilites the implementation of well structured, maintainable xhtml documents.

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential11 Technologies  Java Script - a scripting language for creating simple code to control the behaviour of web document objects  Document Object Model (DOM) - the ability to change the appearance of a web page dynamically

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential12 Design & Development  Web Based Design  A user interface screen was created with a column container that holds all the content  The container holds a table element and the course material iframe.  The user-interface page was designed to behave dynamically  At any one time, one specific icon or heading is displayed at each location.

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential13 Design & Development Challenge of how to present diagrams in a concise, uncluttered way. Key colour codes were employed in some areas A scaled down, simplified image-map version with different clickable areas was used to provide links to separate full size sub section view of the original graphic.

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential14 Student Evaluation post-secondary education. n%n%n%n%n% 1.Occupat ion ManagerNon-Technical EmployeeTechnical EmployeeTeacher/TrainerOther Age Group 24 or younger Over GenderMaleFemale Level of Education High school MatriculationOne to three years post secondaryFour or more years of post-secondary Mobile Device Ownershi p Mobile PhonePDABoth

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential15 Student Evaluation  78% found the equipment easy to use.  56% agreed that the experience was fun,  45% agreed that m-learning increases the quality of e- learning.  50% agreed that learning objectives can be met by m- learning.

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential16 Recommendations  Research is needed to ensure a fun experience for everyone within mLearning  Design and graphics are very important  Communication functionality and how it can be built into the overall package  Feedback and assessment needs to be developed further

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential17 Conclusion  Through the use of web based technologies, courses can be developed and adapted for mobile devices  3G with its on all the time evironment will improve the background environment  More research is need  Students have the devices – lets give them something to learn on them!!

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential18

Top right corner for field-mark, customer or partner logotypes. See Best practice for example. Slide title 40 pt Slide subtitle 24 pt Text 24 pt Bullets level pt Strictly Confidential19 Approved Document Number Document title Confidentiality Class Prepared Reference Date Revision Document Name Meta Data attributes slide (This page does not show during presentation. Use ‘Update Ericsson Header/Footer’ to update this slide) Keywords Checked PA1 Strictly Confidential