Content Introduction Technology Used to Develop Mobile Application

Slides:



Advertisements
Similar presentations
Mobile Application Development Keshav Bahadoor. Part 1 Cross Platform Web Applications.
Advertisements

D4.3 Additional Applications iPad Application – Facebook Integration George Chrysochoidis i-sieve technologies ltd. PATHS Project Review, 12th March 2014,
Mobile App Development Using: Presented by Tyler Richey Images from
Amanda Silver Director of Program Management Visual Studio Tools for Client Applications Cross-Platform Development using Visual Studio.
Development of mobile applications using PhoneGap and HTML 5
Creation of hybrid portlet application for file download using IBM Worklight and IBM Rational Application Developer v9 Gaurav Bhattacharjee Lakshmi Priya.
Lightning Talk Fred Rodriguez Nguyen Do CPSC 473 May 6, 2012.
(1) User Interface Frameworks: Twitter Bootstrap 3.0 Philip Johnson Collaborative Software Development Laboratory Information and Computer Sciences University.
Title slide to be used at the start of a module. Developing Mobile Apps Roland Guijt
Introduction CIS 136 Building Mobile Apps 1. What is a mobile app? 2  Computer program  Designed for small devices  Smartphones  Tablets  Other handhelds.
Responsive Design using PeopleTools 8.54
Beyond the Browser: HTML5 and the Evolving Mobile Web Chris Smith & Laurent Hasson Research In Motion.
Mobile web Sebastian Lopienski IT Technical Forum 29 June 2012.
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
Apache Cordova Tools in Visual Studio
Trunica Inc. 500 East Kennedy Blvd #300 Tampa, FL Cross Platform Mobile Apps With Cordova and Visual Studio 2015 © Copyright 2015.
KAASHIV INFOTECH Presents INTEL XDK For Inplant Training / Internship, please download the "Inplant training registration form" from our website
Use flash eBook software AnyFlip to make page flip book works seamlessly on mobile devices.
Introduction - There is nothing more frustrating than being indecisive. A bad decision often costs a lot of money, time and efforts. Seldom have you come.
Ionic & Cordova crash course Ivan Varga
PROGRAMMING IN VISUAL BASIC.NET CREATING YOUR FIRST WEB APPLICATION Bilal Munir Mughal 1 Chapter-3.
Mantid Manipulation and Analysis Toolkit for Instrument data.
François Briard GS-AIS-HR Database Developers Forum, APEX 6th May 2014 APEX Mobile Application Development 101.
Chapter 1 Ionic Framework (overview) Front-end framework for developing hybrid mobile apps with HTML5 Yeunyong Kantanet School of Information and Communication.
Rapidsoft Technologies has been engaged in Android applications development since Google introduced its mobile OS,. Today Android is world’s leading.
 Can access all API’s made available by OS vendor.  SDK’s are platform-specific.  Each mobile OS comes with its own unique tools and GUI toolkit.
NativeScript – Open source platform to build Native iOS/Android Apps.
Google Web Toolkit for Mobile Applications Development INGENUITY AT ITS BEST……………….
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
丁建文 國立高雄應用科大資管系副教授 兼任計網中心軟體發展組組長 跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.
INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA
APP DESIGN AND DEVELOPMENT WITH THE IONIC FRAMEWORK Chuck Leone
Best Web Technologies for
Phonegap API & Phonegap Bridge CIS 136 Building Mobile Apps 1.
Enhance Your Page Load Speed And Improve Traffic.
10 Mobile Application Framework Must Know to Launch New App.
Build Hybrid Mobile Apps with Ionic, Angular, & Cordova Brian
Ionic Mobile App Development Services
Introduction to Xamarin C# Everywhere
React Native Crash Course
State of the Art in Mobile Development
Free PowerPoint Templates Android Assignment Help BookMyEssay.
Angular 4 + TypeScript Getting Started
React Native: The Future of Hybrid App Development
Build Native Mobile Apps using JavaScript and Ionic
The merging of Web and Mobile APP
Multi-Device Hybrid Apps What, Why, and When to Use Hybrid Development Option Ervin Loh ALM Program Manager
Hybrid Mobile Applications
User Interface / User Experience Demo
CMPE419 Mobile Application Development
Hybrid Mobile Applications
Training Institute Pune AngularJS Course. What is AngularJS ? AngularJS is a structural framework that is used in Single Page HTML for declaring dynamic.
Different Types of Apps. App Development ● App Development refers to the creation of computer applications for use on mobile devices such as tablets,
UI Developer Overview  SV Trainings UI Developer Training is online course developed by industry experts to understand the concepts of HTML5, CSS3, Bootstrap,
Collaboration on-the-Go
Collaboration on-the-Go
Mobile App Development
Apps XD.
Software framework University of Kurdistan
Visual Studio Code + Ionic
CIS 136 Building Mobile Apps
Apache Cordova What is it ? Platforms Development Architecture Plugins
CSC 581: Mobile App Development
Introduce to Angular 6 Present by: Võ Văn Hào
Bootstrap Direct quote from source: bootstrap/
CMPE419 Mobile Application Development
MOBILE PROGRAMMING Meriska Defriani, S.Komp, M.Kom Introduction
Top Tools for WordPress Development -Hidden Brains Infotech Enterprise Web & Mobile App Development Company.
HOW HYBRID APPLICATION DEVELOPMENT IS BENEFICIAL FOR BUSINESS ?
ADTEL WEBSITE
Presentation transcript:

Content Introduction Technology Used to Develop Mobile Application Mobile Application Design for Electronic Information Resource Services Conclusion

Mobile Application Services Introduction Mobile Application Services

Introduction Mahidol Libraries

The objectives of creating this mobile application is to: Introduction The objectives of creating this mobile application is to: Increase the use of electronic information resources through smart phones and tablets. Help all the users to easily access the electronic information resources. Use modern technology to improve our service.

Native Application Development Introduction Native Application Development

Introduction So, in conclusion; - the advantage of Native style is to reach the highest and the most effective performance of the platform. - It is also flexible for all developers. - But its disadvantages are that it needs a lot of time to develop in order to be effective with different kinds of operating systems.

Hybrid Application Development Introduction Hybrid Application Development

Introduction In conclusion; - The advantage of Hybrid style is to save human powers, cost and time. - It can also work with many kinds of operating systems. - Its disadvantage is that the working efficiency in some functions are lower than the Native style.

Comparison between different mobile applications Introduction Comparison between different mobile applications Features Native application Hybrid application Running performance 5 4 User interface Development time 2 3 Development cost Native-like feature Cross-platform porting 1 Average 3.3 3.8 Referance N. Wang, X. Chen, G. Song, Q. Lan and H. R. Parsaei, "Design of a New Mobile-Optimized Remote Laboratory Application Architecture for M-Learning," in IEEE Transactions on Industrial Electronics, vol. 64, no. 3, pp. 2382-2391, March 2017.

Technology Used to Develop Mobile Application Ionic Framework “Hello.”

Technology Used to Develop Mobile Application Web Technologies You Already Know and Love HTML CSS JS

Technology Used to Develop Mobile Application Comparison Between Different Frameworks Framework Native-Like performance Support Cordova/AngularJS 1. Ionic framework 2. Onsen UI 3. Framework 7 4. React native 5. jQuery mobile 6. Native script 7/10 6/10 8/10 3/10 Yes/Yes No/Yes Referance N. Wang, X. Chen, G. Song, Q. Lan and H. R. Parsaei, "Design of a New Mobile-Optimized Remote Laboratory Application Architecture for M-Learning," in IEEE Transactions on Industrial Electronics, vol. 64, no. 3, pp. 2382-2391, March 2017.

Technology Used to Develop Mobile Application The Cordova Framework consists of three major functional components: the Web app, the Webview, the plugin.

Mobile Application Design for Electronic Information Resource Services Mahidol Libraries e-database website หอสมุดและคลังความรู้มีเว็บไซต์ให้บริการฐานข้อมูลวารสารวิชาการและหนังสืออิเล็กทรอนิกส์มากกว่า 100 ฐานข้อมูล http://www.li.mahidol.ac.th/e-resource/databases.php

Mobile Application Design for Electronic Information Resource Services shows the structure of the Mahidol Libraries e-Journals application.

Mobile Application Design for Electronic Information Resource Services The application design phase of "Mahidol Libraries e-Journals" has the following steps: A. Installing development environment on a PC https://nodejs.org/en/

Mobile Application Design for Electronic Information Resource Services B. User Interface design for the information resource database service.

Mobile Application Design for Electronic Information Resource Services B. User Interface design for the information resource database service. Home File

Mobile Application Design for Electronic Information Resource Services C. Working with the Ionic CLI and templates Ionic CLI $ cd mahidolejournal $ ionic serve

Mobile Application Design for Electronic Information Resource Services D. Understanding basic Ionic CSS components UI Component Overview Complex Lists

Mobile Application Design for Electronic Information Resource Services D. Understanding basic Ionic CSS components UI Component Overview Tabs

Mobile Application Design for Electronic Information Resource Services E. Using Angular controllers

Mobile Application Design for Electronic Information Resource Services F. Limited to Mahidol University personnel only. EZProxy

Conclusion Mahidol Libraries e-Journals

Mahidol Libraries e-Journals Thank you contact me at sikharin.suw@mahidol.ac.th