DOCSLIB.ORG

Developing Portable Tizen Apps

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Developing Portable Tizen Apps i “portizapps” — 2013/4/28 — 0:48 — page i — #1 i i i Developing Portable Tizen Apps Companion to Tizen Application Portability and JavaScripting Tizen Web Apps Michael Schloh von Bennewitz 28. April 2013, Version 0.93 i i i i i “portizapps” — 2013/4/28 — 0:48 — page ii — #2 i i i This text originates from Tizen research undertaken by the author and associates. It attempts to explain emerging technology in a changing state. If updates of the information in this article become necessary, they will be posted on the web sites: http://mobile.dzone.com/articles/devportizapps/ http://css.dzone.com/articles/devportizapps/ Copyright c 2013 Michael Schloh von Bennewitz All rights reserved Published by DZone, Incorporated 150 Preston Executive, Suite 201 Cary, North Carolina 27513 United States of America i i i i i “portizapps” — 2013/4/28 — 0:48 — page iii — #3 i i i Contents 1 Introducing Tizen 1 1.1 Motivation behind portable development .................... 1 1.2 The world wide soup ............................... 2 2 Tizen Architecture 3 2.1 Vendors and device segments ........................... 3 2.2 Web Runtime and Web Framework ....................... 4 2.3 WebKit adoption ................................. 4 2.4 GNU/Linux and sources ............................. 5 3 JavaScript Libraries 6 3.1 JQuery Mobile .................................. 6 3.2 Sencha Touch ................................... 7 3.3 Dojo Mobile .................................... 8 3.4 Enyo JS ...................................... 9 3.5 HTML5 Boilerplate ................................ 9 3.6 Native-to-JavaScript bridges ........................... 9 3.7 Package standard ................................. 10 3.8 Store deployment ................................. 11 4 Tizen Development Tools 12 4.1 Tizen integrated development environment ................... 12 4.2 Tizen emulator .................................. 13 4.3 Tizen simulator .................................. 13 5 Summary 15 5.1 Benefits of portability ............................... 15 iii i i i i i “portizapps” — 2013/4/28 — 0:48 — page iv — #4 i i i List of Figures 1 W3C and other standards ............................ 2 2 Tizen layered architecture ............................ 3 3 Browser and Web Runtime ............................ 4 4 JavaScript library screen shots .......................... 6 5 Divergence of rich and reach ........................... 9 6 Web app installation structure .......................... 10 7 Web app file system layout ............................ 10 8 Tizen SDK icons ................................. 12 9 Eclipse-based IDE ................................. 12 10 Ripple-based WRT simulator .......................... 13 11 Dynamic performance analyser ......................... 14 12 Samsung produced Tizen device ......................... 15 iv i i i i i “portizapps” — 2013/4/28 — 0:48 — page v — #5 i i i Source Code Listings 1 Declarative programming with jQuery Mobile and multi page encapsulation . 6 2 A complete Sencha Touch index.html, suitable even for large projects .... 7 3 Implementation of the entry point to a Sencha Touch app ........... 8 4 A small Dojo Mobile app implemented completely in index.html ....... 8 5 A small Enyo JS app implemented completely in index.html ......... 9 v i i i i i “portizapps” — 2013/4/28 — 0:48 — page vi — #6 i i i Abstract This article complements the online lecture series delivered at the annual Tizen Developer Confer- ence and elsewhere. Titled “JavaScripting Tizen Web Apps” and “Tizen Application Portability”, these lectures serve to guide developers interested in Tizen and the benefits of portable development strategies. An analysis of the availabile Tizen APIs begins with consideration of standards and portable web technologies. The Tizen architecture is reviewed, and contrasting its Web and Native Frameworks leads to a inspection of Tizen’s deployment approach and how it affects web logic and content of both server-based and locally installed apps. While evaluating strategies to leverage JavaScript libraries, a number of popular candidates are presented. Attention is given to the Web Framework embedded version of jQuery Mobile as well as third party alternatives like Sencha Touch, Dojo Mobile, and Enyo JS. Along with a short explanation of native-to-javascript bridges and their potential in portably employing the Tizen Device API, code samples illustrate the utility of popular JavaScript libraries. vi i i i i i “portizapps” — 2013/4/28 — 0:48 — page 1 — #7 i i i 1 Introducing Tizen As far as mobile-optimized operating systems are concerned, Tizen [Tiz13c] is certainly a new player. This unique platform enjoying a part- nership between Samsung, Intel, and the Linux Foundation intends to soon power a wealth of devices. According to Samsung, “We plan to release new, competitive Tizen devices within this year and will keep ex- panding the lineup depending on market conditions.” [Lee13] As the Ti- zen OS and APIs mature one thing is clear. Tizen architects are putting the concept of portable applications built on standard technologies first and foremost. In this article we’ll cover the basics of how Tizen APIs support development of portable apps. Regardless of whether the developer uses the official Tizen software development kit (SDK) or other development tools, apps written for Tizen’s Web Framework [Sax12a][Tiz13a] can be ported to other platforms leveraging web standards relatively easily. Being an emerging technology Tizen stands to benefit even more from the porting of pre existing web apps [WH13]. 1.1 Motivation behind portable development While developers and users alike profit from apps that work on a variety of operating systems, it’s interesting that those most influencing Tizen’s architecture value its portable nature in respect to the diverging user experiences coming in future Tizen devices. Sunil Saxena states “the emphasis for Tizen architecture is WebAPI to ensure applications work across different architectures and different profiles,” [Sax12b] meaning that a low power navigation computer will execute and display a geographical app just as well as a higher power notebook or tablet computer would. Portable APIs empower software reuse as well, which can drive down expensive engineering costs considerably. While considering the wealth of Tizen platform support for portable devel- opment it’s important to remember that Tizen provides non standard yet- infrastructure as well. Goodies lie between the sandwich of POSIX-friendly GNU/Linux kernel and Tizen frameworks. Namely, rather than Qt or Gtk the Enlightenment Foundation Libraries (EFL) provides Tizen with widgets and supporting graphical building blocks. Although EFL-linked apps build on Unix-like kernels using portable and standard ISO C, it’s not reasonable to expect them to work on Windows Phone, iOS, or the Qnx-based Blackberry 10 to name a few. In this article we narrow the definition of portable application development to focus our attention on web technologies like JavaScript, CSS, and HTML. 1 i i i i i “portizapps” — 2013/4/28 — 0:48 — page 2 — #8 i i i 1.2 The world wide soup Hyper buzzwords aside, most developers of modern web apps appreciate the rich feature set provided by the recent advancements in HTML5, CSS3, JavaScript, as well as related web technologies like XMLHttpRequest (XHR) or the variety of JavaScript libraries [SvB12]. In fact web interfaces are so often mixed that many refer to this new web soup as simply being composed of ‘HTML5’, not to mention that HTML5 is a emerging standard in itself. Standardized interfaces and implementations like HTML have accel- erated the adoption of web technologies which has in turn strength- ened the very standards (W3C, ECMA, IETC, ISO) that foster portability. Meanwhile, development communities have overtaken the pace of standards production which has given rise to a number of databases and utilities useful for evaluating standards compli- ance, API adoption, and general compatibility of web technologies. Figure 1: Regards to Some examples include: standards, W3C TSL http://www.html5test.com/ http://www.html5please.com/ http://www.modernizr.com/ http://www.caniuse.com/ http://www.fmbip.com/litmus/ http://www.markus-falk.com /mobile-frameworks-comparison-chart/ 2 i i i i i “portizapps” — 2013/4/28 — 0:48 — page 3 — #9 i i i 2 Tizen Architecture The Tizen work group’s stated objective in designing the kernel, core, framework, and appli- cation layers involves leveraging “HTML5’s robust capabilities and cross platform flexibility” to empower developers of portable applications. “The Tizen SDK and API allows developers to use HTML5 and related web technologies to write applications that run across multi- ple device segments, including smartphone, tablet, smart TV, in-vehicle infotainment, and netbook.” [Wor12] Figure 2: Architecture of the Tizen SDK 2.0, CC Attribution 3.0 Unported 2.1 Vendors and device segments The construction of Tizen differs from one device segment to the next. Vendors can take advantage of the open nature of Tizen’s development cycle to modify the OS to suit their needs, and several key system components deviate to demonstrate this [Cla12]. For example, Tizen’s official IVI image profile distributes the Qt library alongside EFL. Each finished Tizen image aggregates software packaged in the RPM format corresponding to a specific architecture (like IA32 or ARMv71) and device segment. 3 i i i i i “portizapps” — 2013/4/28 — 0:48 — page 4 — #10 i i i What unifies these Tizen variants is the fact
Load more

Recommended publications
  • Arcgis API for Javascript: Building Native Apps Using Phonegap and Jquery
    Building Native Apps with ArcGIS API for JavaScript Using PhoneGap and jQuery Andy Gup, Lloyd Heberlie Agenda • Getting to know PhoneGap • jQuery and jQuery mobile overview • jQuery and ArcGIS API for JavaScript • Putting it all together • Additional information Technical workshops at Dev Summit • Web - Building Mobile Web Apps with the ArcGIS API for JavaScript • Hybrid - You are here! • Native - Search the agenda for “Runtime SDK” Application comparison: Native vs. Web • ArcGIS Runtime SDK for Android • https://developers.arcgis.com/android/guide/native-vs-web.htm • ArcGIS Runtime SDK for iOS • https://developers.arcgis.com/ios/objective-c/guide/native-vs-web.htm Hello Cordova and Resources Lloyd Heberlie Enable Safari remote web inspection What is PhoneGap? • Application container technology • Core engine is 100% open source • Web view container, plus JS API • HTML5, CSS3, JS = Native App PhoneGap PhoneGap architecture PhoneGap PhoneGap Application Native Plugins Code App PhoneGap Plugins PhoneGap Plugin options Setup a developer machine Code quality and verification web server Source Control Preparing for PhoneGap Installing PhoneGap and Apache Cordova Check versions of PhoneGap and Apache Cordova Updating PhoneGap and Apache Cordova Creating your first PhoneGap CLI project phonegap create path/to/my-app "com.example.app" "My App" Hello Cordova (cont.) Lloyd Heberlie PhoneGap: Featured Apps Featured Apps: Tripcase, Untappd Agenda • Getting to know PhoneGap • jQuery and jQuery mobile overview • jQuery and ArcGIS API for JavaScript •
    [Show full text]
  • Licensing Information User Manual Release 2.0.3 F28354-01
    Oracle® Communications Cloud Native Core Licensing Information User Manual Release 2.0.3 F28354-01 February 2020 Oracle Communications Cloud Native Core 2.0.3 February 2020 Oracle Communications Cloud Native Core Licensing Information User Manual, Release 2.0.3 Copyright © 2019, 2020 Oracle and/or its affiliates. All rights reserved. This software and related documentation are provided under a license agreement containing restrictions on use and disclosure and are protected by intellectual property laws. Except as expressly permitted in your license agreement or allowed by law, you may not use, copy, reproduce, translate, broadcast, modify, license, transmit, distribute, exhibit, perform, publish, or display any part, in any form, or by any means. Reverse engineering, disassembly, or decompilation of this software, unless required by law for interoperability, is prohibited. The information contained herein is subject to change without notice and is not warranted to be error-free. If you find any errors, please report them to us in writing. If this is software or related documentation that is delivered to the U.S. Government or anyone licensing it on behalf of the U.S. Government, then the following notice is applicable: U.S. GOVERNMENT END USERS: Oracle programs, including any operating system, integrated software, any programs installed on the hardware, and/or documentation, delivered to U.S. Government end users are "commercial computer software" pursuant to the applicable Federal Acquisition Regulation and agency-specific supplemental regulations. As such, use, duplication, disclosure, modification, and adaptation of the programs, including any operating system, integrated software, any programs installed on the hardware, and/or documentation, shall be subject to license terms and license restrictions applicable to the programs.
    [Show full text]
  • Apache Cordova Training
    Apache Cordova Cross-Platform Mobile Application Development Duration: 3 Days (Face-to-Face & Remote-Live), or 21 Hours (On-Demand) Price: $1695 (Face-to-Face & Remote-Live), or $1495 (On-Demand) Discounts: We offer multiple discount options. Click here for more information. Delivery Options: Attend face-to-face in the classroom or remote-live attendance. Students Will Learn The jQuery Mobile Toolkit Introduction to Apache Cordova (PhoneGap) Style Class Manipulation Using the Contacts Database API DOM Manipulation Using the the Cordova File API Introduction to Ajax Accessing the Camera with Cordova Using jQuery Mobile Lists, Forms, Buttons and Themes Using the Accelerometer Overview of Geolocation Course Description Apache Cordova (formerly PhoneGap) is an open-source is a mobile application development framework. It utilizes HTML5, CSS3 and JavaScript to create apps for a variety of mobile platforms. Students will learn how to build applications using jQuery Mobile and Apache Cordova that run on a variety of mobile platforms including iOS, Android and Windows Mobile. Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency. Course Prerequisites Knowledge of HTML and JavaScript equivalent to attending the Website Development with HTML5, CSS and Bootstrap and JavaScript Programming courses. Course Overview The Mobile Landscape Technology Stack Devices Types HTML5 Main Objectives Browser-Side Data Storage Smartphones Tablets Declaring HTML5 Device Convergence Detecting Support for HTML5
    [Show full text]
  • Voyager Mobile Skin Developed Using the Jquery Mobile Web Framework
    Voyager Mobile Skin Developed Using the jQuery Mobile Web Framework By Wes Clawson University of Rochester Libraries Contact: Denise Dunham - [email protected] en_US Rochester Original Mobile skin After Adding jQuery Mobile How We Did It We needed to make some simple changes to a few XML/XSL files. To start using jQuery Mobile You need three new things: jQuery JavaScript - jQuery Mobile JavaScript - jQuery CSS These are placed in frameWork.xsl To make things easier: We trimmed down an original skin first. By getting rid of features that we knew weren’t going to be used on mobile devices, we had a lot less to worry about when we added jQuery Mobile. Generates a divider with collapsible content Button shape and color can be based on existing jQuery Mobile themes Generates a clickable button When the page is loaded by a browser, jQuery Mobile makes changes to markup that has been indicated with special tags. These special tags were added to markup where we wanted jQuery to form certain types of elements. Collapsible Divider (closed) Collapsible Divider (open) Stylized Drop-down Menus Value Slider Stylized Buttons In the end, roughly 27 files were modified to include jQuery-specific markup tags, giving a sleek, simple, yet robust mobile interface. Why We Did It jQuery Mobile save a lot of the time and resources that are normally needed to develop stylistic graphics and formatting. Items are auto-generated! Buttons Search Box Active Item Styling Icons Button Icons (standard jQuery Mobile) 3rd party icons also available! The jQuery Mobile framework allows developers a fast and simple way to create skins that are easily accessible on mobile devices.
    [Show full text]
  • Oracle Communications Policy Management Licensing Information User Manual Release 12.5 Copyright © 2011, 2019, Oracle And/Or Its Affiliates
    Oracle® Communications Policy Management Licensing Information User Manual Release 12.5.1 F16918-02 October 2019 Oracle Communications Policy Management Licensing Information User Manual Release 12.5 Copyright © 2011, 2019, Oracle and/or its affiliates. All rights reserved. This software and related documentation are provided under a license agreement containing restrictions on use and disclosure and are protected by intellectual property laws. Except as expressly permitted in your license agreement or allowed by law, you may not use, copy, reproduce, translate, broadcast, modify, license, transmit, distribute, exhibit, perform, publish, or display any part, in any form, or by any means. Reverse engineering, disassembly, or decompilation of this software, unless required by law for interoperability, is prohibited. The information contained herein is subject to change without notice and is not warranted to be error-free. If you find any errors, please report them to us in writing. If this is software or related documentation that is delivered to the U.S. Government or anyone licensing it on behalf of the U.S. Government, then the following notice is applicable: U.S. GOVERNMENT END USERS: Oracle programs, including any operating system, integrated software, any programs installed on the hardware, and/or documentation, delivered to U.S. Government end users are “commercial computer software” pursuant to the applicable Federal Acquisition Regulation and agency-specific supplemental regulations. As such, use, duplication, disclosure, modification, and adaptation of the programs, including any operating system, integrated software, any programs installed on the hardware, and/or documentation, shall be subject to license terms and license restrictions applicable to the programs.
    [Show full text]
  • Sams Teach Yourself Jquery Mobile in 24 Hours
    ptg8286219 www.finebook.ir Praise for Sams Teach Yourself jQuery Mobile in 24 Hours “Phil does a great job taking you through the mobile ecosystem and how jQuery Mobile makes it dead simple to break into it. Going from the fundamentals of web and mobile to advanced topics like video and themes, anyone looking to gain greater knowledge in mobile development will profit from this book.” —Brett Child, Software Consultant, Software Technology Group “Sams Teach Yourself jQuery Mobile in 24 Hours by Phil Dutson is full of rock-solid real-world examples that can be easily built upon to create a functional, rich, custom, completely ptg8286219 usable mobile website. The book reads incredibly easy; you find that the learning comes almost effortlessly as you read and work through the tutorials. In addition to learning the elements you need to build your own website, you’ll also learn how to extend and fill your mobile website with elements such as video and the creation and scanning of QR and Microsoft Tag codes. It even covers the introduction of jQuery Mobile into WordPress and the development of Android-based applications using jQuery Mobile and PhoneGap. I highly recommend a read if you’re doing any type of mobile web development.” —Drew Harvey, Solution Architect, CrossView, Inc. “This book is an excellent resource for any developer looking to integrate jQuery mobile into their next project. Phil covers the fundamentals of jQuery mobile while also providing best practices for mobile development.” —Jim Hathaway, Web Developer “This book is an excellent read for beginners and web veterans alike.
    [Show full text]
  • Operations Hub Open Source Software List
    GE Operations Hub Open Source Software List (for Version 1.7) In accordance with certain software license terms, the General Electric Company (“GE”) makes available the following software package installations. This code is provided to you on an “as is” basis, and GE makes no representations or warranties for the use of this code by you independent of any GE provided software or services. Refer to the licenses and copyright notices files for each package for any specific license terms that apply to each software bundle, associated with this product release. NOTE: These software package versions may change or be removed as needed for updates to this product. Copyright © 2018 General Electric Company. All rights reserved. Page 1 of 67 Software Name & Company Link License Name & Copyright Version Version (by Component) HikariCP https://github.com/brettwooldr Apache 2.0 3.4.2 idge/HikariCP Not found MsSql Jdbc 7.4.1.jre8 Copyright(c) 2019 Microsoft MIT https://www.microsoft.com/ Corporation snakeyaml http://www.snakeyaml.org Copyright (c) 2008, Apache License 2.0 1.2.6 http://www.snakeyaml.org COMMON DEVELOPMENT HK2 Class-Model 2.5.0-b06 https://javaee.github.io/glassfish/ AND DISTRIBUTION LICENSE Copyright (c) 2010-2015 Oracle and/or (CDDL) Version 1.1 its affiliates. All rights reserved. https://code.google.com/archive/p/ Copyright (C) 2003-2013 Virginia Tech. VT Crypt Library 2.1.4 Apache License 2.0 vt-middleware/ All rights reserved. https://code.google.com/archive/p/ Copyright (C) 2003-2013 Virginia Tech. VT Dictionary Libraries 3.0 Apache License 2.0 vt-middleware/ All rights reserved.
    [Show full text]
  • With Jquery Mobile & Phonegap by Pete Freitag / Foundeo Inc
    MOBILE DEVELOPMENT With jQuery Mobile & PhoneGap by Pete Freitag / Foundeo Inc. petefreitag.com / foundeo.com Monday, January 10, 2011 AGENDA • Learn to build mobile web sites using jQueryMobile and HTML5 • Learn about PhoneGap for building native iPhone/iOS & Android Apps Monday, January 10, 2011 JQUERYMOBILE A touch optimized HTML5 Framework for building mobile websites and apps. Monday, January 10, 2011 ALPHA jQuery Mobile is currently in Alpha 2, so keep in mind that not all features are implemented or stable at this time. Monday, January 10, 2011 TOUCH OPTIMIZED? • UI Controls need to be big enough to touch. • Minimize the need for typing • No mouseover, mousemove events, instead you have events like swipe, swipeleft, swiperight, orientationchange, tap, taphold, etc. • Optomized Form Controls Monday, January 10, 2011 MOBILE OS SUPPORT Monday, January 10, 2011 BUT I DON’T KNOW JQUERY • You don’t even need to know JavaScript to build a simple jQuery Mobile Web Site or App. • If you know jQuery you will feel right at home, when it comes time to add dynamic interactions. • But don’t worry if you don’t know any jQuery! Monday, January 10, 2011 WHAT’S IN JQUERY MOBILE? • Pages & Dialogs • Toolbars (Header & Footer bars) • Button’s (Including a set of stock icons) • Form Controls (Slider’s, Toggles, enhanced radio, checkbox, etc) • List View Control Monday, January 10, 2011 LET’S GET STARTED <!doctype html> <html> <head> <title>jQuery Mobile Example</title> <link rel="stylesheet" href="jquery.mobile-1.0a2/jquery.mobile-1.0a2.css" /> <script src="jquery-1.4.4.min.js"></script> <script src="jquery.mobile-1.0a2/jquery.mobile-1.0a2.js"></script> </head> <body> </body> </html> 1) HTML5 Doctype 2) jQuery Mobile CSS 2) jQuery Core JS 3) jQuery Mobile JS Monday, January 10, 2011 DATA-ROLE’S • jQuery Mobile uses an HTML attribute called: data-role to associate an element with a widget.
    [Show full text]
  • Native-Quality, Cross-Platform HTML5 Apps Peter Helm 11.9.2012
    Native-quality, cross-platform HTML5 apps Peter Helm 11.9.2012 Enyo is… A framework for building native-quality, cross- platform HTML5 apps Sponsored by Enyo is... › Truly cross-platform › Optimized for mobile › Built to manage complexity › Free and open-source › Extensible and community-centric › Lightweight and fast Sponsored by Why Enyo? Use Enyo if you want to write… ›Apps that run on all types of devices ›Apps that run across multiple platforms ›Apps with native polish and performance ›Code that’s easy to maintain and reuse Sponsored by Why Enyo (vs straight HTML5)? › Code maintenance and reuse › Compatibility › Performance › Polish Sponsored by Why Enyo (vs. Sencha)? › Truly cross-platform • Sencha has separate frameworks for desktop (ExtJS) and mobile (Sencha Touch) › Free and open-source • Sencha is available under GPL and free commercial licenses, but most customers pay for Sencha in some way › Extensible & community-centric • Sencha has significant mindshare, but little community participation and a minimal ecosystem. Sponsored by Why Enyo (vs. jQuery)? › jQuery: Progressively enhance web sites • Doesn’t help with application structure • Doesn’t facilitate native-like app UI › Enyo: Build native-quality HTML5 apps • Helps write maintainable, reusable code • Delivers native-like polish & performance Sponsored by How can Enyo apps run anywhere? › Platform differences abstracted away • Scrolling, gestures, etc… › Innovative, flexible UI panel system › Adaptive widgets › Responsive design techniques › Swappable modules Sponsored
    [Show full text]
  • Cordova - Guide - App Development - Basics
    Cordova - Guide - App Development - Basics Dr Nick Hayward A brief overview and introduction to Apache Cordova application development and design. Contents intro Cordova CLI - build initial project Cordova App - structure recap - app directory www directory index.html add Cordova specifics add some jQuery add some jQuery Mobile jQuery Mobile - test transitions jQuery Mobile - navigation intro example navigation jQuery Mobile - using widgets listviews listviews - example listviews - adding some formatted content listviews - updated example Cordova app - current design Cordova CLI - build initial project Cordova app development begins with creation of a new app using the Cordova CLI tool. An example pattern and usage is as follows for initial project creation. cd /Users/ancientlives/Development/cordova cordova create basic com.example.basic Basic cd basic creates new project ready for development cordova platform add android --save cordova build adds support for native SDK, Android then builds the project ready for testing and use on native device cordova emulate android outputs current project app for testing on Android emulator Cordova App - structure recap - app directory A newly created project will include the following type of structure for design and development. e.g. |- config.xml |- hooks |- README.md |- platforms |- android |- platforms.json |- plugins | |- android.json | |- cordova-plugin-whitelist | |- fetch.json |- res | |- icon | |- screen |- www | |- css | |- img | |- index.html | |- js initially, our main focus will be the
    [Show full text]
  • Developing a Cross-Platform Mobile Smart Meter Application Using Html5, Jquery Mobile and Phonegap
    DEVELOPING A CROSS-PLATFORM MOBILE SMART METER APPLICATION USING HTML5, JQUERY MOBILE AND PHONEGAP Alexander Zibula1 and Tim A. Majchrzak2 1Best Practice Consulting AG (bpc), Munster,¨ Germany 2Department of Information Systems, University of Munster,¨ Munster,¨ Germany Keywords: App, Mobile Application, Cross-platform, iOS, Android, HTML5, PhoneGap, jQuery Mobile, Smart Meter, iPhone, Apache Cordova, Apache Callback. Abstract: Mobile computing devices are becoming more prevalent. Mobile applications extend their scope and utility. Developing such apps introduces a problem: developers are being forced to develop their applications to target each mobile platform from scratch or to rely on Web-based solutions that do not provide a “native” look and feel. In order to investigate novel methods of multi-platform app development and to review HTML5, we built an app using several cutting-edge development frameworks. Our scenario—a smart meter tool—is an active area of research in itself. We present approaches in the field of multi-platform app development and illustrate the technological background. We provide an overview of our development process. Finally, we evaluate our app and discuss our findings in order to provide generalizable results. 1 INTRODUCTION ers’ perception. The third category are native apps that have been written for a specific platform—either Since the advent of the Internet as a universal technol- a virtual machine or a mobile (device) operating sys- ogy, mobile computing has continuously increased in tem. importance. Beginning with smartphones, in partic- Developing apps is far from hassle-free. Due to ular the iPhone in 2007 (Macedonia, 2007), mobile rapid progress in hardware development, software de- Internet usage has greatly increased.
    [Show full text]
  • Analisis Perbandingan Free/ Open Source Erp (Fos Erp) Dari Aspek Arsitektur, Fungsio- Nalitas, Dan Komunitas
    TUGAS AKHIR – KS141501 ANALISIS PERBANDINGAN FREE/ OPEN SOURCE ERP (FOS ERP) DARI ASPEK ARSITEKTUR, FUNGSIO- NALITAS, DAN KOMUNITAS ANALYSIS OF COMPARISON ON FREE/ OPEN SOURCE ERP (FOS ERP) FROM ASPECT OF ARCHITECTURE, FUNCTIONALITY, AND COMMUNITY TESAR AKRAM PRATAMA NRP 5213 100 097 Dosen Pembimbing Mahendrawathi ER, S.T., M.Sc., Ph.D JURUSAN SISTEM INFORMASI Fakultas Teknologi Informasi Institut Teknologi Sepuluh Nopember Surabaya 2016 i iii TUGAS AKHIR – KS141501 ANALISIS PERBANDINGAN FREE/ OPEN SOURCE ERP (FOS ERP) DARI ASPEK ARSITEKTUR, FUNGSIO- NALITAS, DAN KOMUNITAS TESAR AKRAM PRATAMA NRP 5213 100 097 Dosen Pembimbing Mahendrawathi ER, S.T., M.Sc., Ph.D JURUSAN SISTEM INFORMASI Fakultas Teknologi Informasi Institut Teknologi Sepuluh Nopember Surabaya 2016 iii v FINAL PROJECT – KS141501 ANALYSIS OF COMPARISON ON FREE/ OPEN SOURCE ERP (FOS ERP) FROM ASPECT OF ARCHITECTURE, FUNCTIONALITY, AND COMMUNITY TESAR AKRAM PRATAMA NRP 5213 100 097 Supervisor Mahendrawathi ER, S.T., M.Sc., Ph.D INFORMATION SYSTEMS DEPARTMENT Information Technology Faculty Sepuluh Nopember Institute of Technology Surabaya 2016 v vii LEMBAR PENGESAHAN vii ix LEMBAR PERSETUJUAN ix ANALISIS PERBANDINGAN FREE/ OPEN SOURCE ERP (FOS ERP) DARI ASPEK ARSITEKTUR, FUNGSIONALITAS, DAN KOMUNITAS Nama Mahasiswa : Tesar Akram Pratama NRP : 5213 100 097 Jurusan : Sistem Informasi FTIF-ITS Pembimbing 1 : Mahendrawathi Er., S.T, M.Sc, Ph.D ABSTRAK ERP sebagai bagian dari enterprise system yang mengintegrasikan antar data mempunyai peran penting dalam pertukaran informasi antar departemen dalam organisasi. ERP yang berperan menyediakan sistem informasi terintegrasi dalam organisasi ini, kini tidak hanya dibutuhkan oleh perusahaan-perusahaan besar, tetapi juga perusahaan berskala menengah dan kecil. Namun mahalnya biaya implementasi ERP menjadi masalah utama bagi kebanyakan perusahaan, utamanya mereka yang beroperasi dengan ekonomi terbatas.
    [Show full text]