WEB BASED DEVICE INDEPENDENT MOBILE MAP APPLICATIONS.

Slides:



Advertisements
Similar presentations
Web Based Device Independent Mobile Map Applications. The m-Chartis System J. Garofalakis T. Michail A. Plessas Computer Engineering & Informatics Dept.
Advertisements

WEB BASED DEVICE INDEPENDENT MOBILE MAP APPLICATIONS. THE m-CHARTIS SYSTEM John GarofalakisTheofanis – Aristofanis MichailAthanasios Plessas Nowadays people.
A Toolbox for Blackboard Tim Roberts
Tutorial Flipster for Desktops support.ebsco.com.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
Objectives Overview Define an operating system
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Introduction to Research: The Internet
Chapter Concepts Discuss Fonts Understand Fonts
. Website and file organization. How websites work.
Quality of Service in IN-home digital networks Alina Albu 23 October 2003.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Development of Japanese GIS Tool for use in the Humanities ○ Masatoshi ISHIKAWA †, Yoichi KAWANISHI ††, Hidefumi OKUMURA †††, Shoichiro HARA †††† † University.
CHAPTER 2 Input & Output Prepared by: Mrs.sara salih 1.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Principles of Web Design 6 th Edition Chapter 2 – Web Site Design Principles.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
UNIT 14 Lecturer: Ghadah Aldehim 1 Websites. Introduction 2.
CHAPTER 2 Communications, Networks, the Internet, and the World Wide Web.
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.
Web Technologies Website Development Trade & Industrial Education
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
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.
University of Management & Technology 1 Operating Systems & Utility Programs.
Website Development with Dreamweaver
Explain the purpose of an operating system
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
Chromebook Basics:. Chromebook Components: Memory Card Slot 3.0 USB Port USB Port HDMI Port Power Port (Charging) Head Phone Jack SD Card Slot.
Section 2 Section 2.1 Identify hardware Describe processing components Compare and contrast input and output devices Compare and contrast storage devices.
UNIT 14 1 Websites. Introduction 2 A website is a set of related webpages stored on a web server. Webmaster: is a person who sets up and maintains a.
Lotus 认证培训 Notes Domino 6/6.5 Application Development Foundation Skills ( 610 ) Exam Number: 610 Competencies: Please see exam guide. Length:
Designing web pages for handheld mobile devices Improving the client experience.
Chapter 8  Government and Universities over 30 years  Who’s connected today? ◦ Individuals ◦ Educational institutions ◦ Government ◦ Research ◦ Medical.
Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.
Unit 1 Welcome to the Internet: the Tools of the Trade.
Digital Literacy Concepts and basic vocabulary. Digital Literacy Knowledge, skills, and behaviors used in digital devices (computers, tablets, smartphones)
learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input.
Chapter 5 Introduction To Form Builder. Lesson A Objectives  Display Forms Builder forms in a Web browser  Use a data block form to view, insert, update,
Chapter 9 Operating Systems Discovering Computers Technology in a World of Computers, Mobile Devices, and the Internet.
Handheld device markup language
Browser Compatibility Testing, using different browsers Conditional Statements.
COMP 143 Web Development with Adobe Dreamweaver CC.
Chapter 8 Technology and Information Management 1 Chapter 8 Technology and Information Management ©2008 Thomson/South-Western.
CHAPTER 7 Operating System Copyright © Cengage Learning. All rights reserved.
Pasewark & Pasewark 1 Windows Vista Lesson 1 Windows Vista Basics Microsoft Office 2007: Introductory.
DISCOVERING COMPUTERS 2018 Digital Technology, Data, and Devices
Section 6.1 Section 6.2 Write Web text Use a mission statement
Dreamweaver – Setting up a Site and Page Layouts
Web Site Development and Macromedia Dreamweaver 8
Chapter 2 Developing a Web Page.
Inserting and Working with Images
Virtual Network Computing
Microsoft SharePoint Server 2016
Creating Visual Effects and Animation
FTP - File Transfer Protocol
Pilot Walktour Operation Guide V3.4 (Android)
An Empirical Study of Web Interface Design on Small Display Devices
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Mobile Web Sites & Mobile Applications
Lesson 9: GUI HTML Editors and Mobile Web Sites
Tutorial Developing a Basic Web Page
Chapter 8 Technology and Information Management
Computer Networking A computer network, often simply referred to as a network, is a collection of computers and devices connected by communications channels.
Teaching slides Chapter 6.
ICT Word Processing Lesson 1: Introduction to Word Processing
Introduction to the Desktop Version of CIMSpy/CIMdesk (V 2.3)
Designing a Web Site.
Presentation transcript:

WEB BASED DEVICE INDEPENDENT MOBILE MAP APPLICATIONS. THE m-CHARTIS SYSTEM John Garofalakis Theofanis – Aristofanis Michail Athanasios Plessas University of Patras Computer Engineering and Informatics Department 26500 Patras, Greece Computer technology Institute BACKGROUND Nowadays people want spatial and other information available anytime and anywhere. An important technological progress in the field of mobile telecommunications and devices was achieved during the last years. Several map applications have been developed. Most applications are not device independent: Client side – downloading the application may cost in money and time. Sometimes special software needs to be installed. May require JAVA enabled phone or an i-mode service. Either for PDA or mobile phone but not for both.

Mobile devices that belong to a different category, but also devices of the same category have different capabilities and face different constraints that affect graphics quality and user interaction. Constraints: Screen size and resolution. Number of colors, compared to desktop monitors. Limited processing power and storage space. Low data transfer rates, although 3G networks are already introduced to improve the situation. Not functional interaction with the user. In our application we take into consideration handhelds’ constraints and capabilities. Our approach: Web based approach (simple web pages) – storage and processing of data takes place at the server’s side (low processing power and storage space constraints). XHTML Mobile Profile pages – all devices equipped with a browser can access them. Almost all modern devices have this capability. No dependence on the connection service (WAP 2.0, i-mode etc). Pages designed to have the smallest possible size (low transfer rate and high cost constraints). Possibility to change the size and the zoom level of the maps (adaptation to handheld device screen capabilities). DEVICE INDEPENDENCE The m-CHARTIS application allows mobile users to navigate to city maps and to access information that an administrator has inserted into the system with the use of a desktop computer. The administrator may: Insert, delete and modify cities into the system. For a new city the administrator may provide general information (historical details etc) and the maps (digital geographic data) which are in the form of digital text files that contain coordinates. Insert, delete and modify categories. Points of interest that will be placed on the maps are classified in categories. For example museums or restaurants. Insert, delete and modify a point of interest with a mouse click on the map and give info about it. For example archeological museum (info: address, phone number, opening hours etc). The mobile part of the application allows the mobile users to access the information that has been imported in the system. User features: Select one of the available cities. View the general information about the city that the administrator has imported in the system. Navigate through the map of the city. The user may start navigating from pre-specified points. During navigation he is able to change the size of the map and the zoom level. THE m-CHARTIS SYSTEM

Screenshots for the mobile part of the application were taken with smartphone Qtek 8020. Navigation Page In order to create the map, the system applies mathematical transformations to the coordinates of the digital geographical data. Scaling and resizing can be achieved without loss of information or quality. Search for points of interest. The user may search for all points that belong to a category or for a specific point giving its name as keyword. When a point is found and selected the user is transferred in the respective part of the map and can read information about the point. Search for a specific street, giving as keyword the name of the street or part of it. If the street is found the user is transferred to the respective part of the map. Guidelines followed for the design of the pages: Same style for all pages. Each page is divided in discrete parts: links, main informational content, input forms. Representative titles. Small pages in order to avoid scrolling. Automatically changing of entering text method. For example, when numerical input is required in a form, the input of the device is automatically changing to numeric (when this feature is supported by the device and the browser).

Search Point Pages We intend to do the following: Evaluation and user assessment of the application. Improvements based on the conclusions of the evaluation. Addition of new features such as finding the shortest path from one location of the map to the other. FUTURE WORK Kaikkonen, A., Roto, V., Navigating in a Mobile XHTML Application. Paelke, V., Reimann, C., Rosenbach, W., A Visualization Design Repository for Mobile Devices. XHTML Guidelines for Creating Web Content, 2005, Nokia Corporation. XHTML Mobile Profile and CSS Reference, 2003, Openwave Systems. REFERENCES