Presentation is loading. Please wait.

Presentation is loading. Please wait.

Content Introduction Technology Used to Develop Mobile Application

Similar presentations


Presentation on theme: "Content Introduction Technology Used to Develop Mobile Application"— Presentation transcript:

1

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

3 Mobile Application Services
Introduction Mobile Application Services

4 Introduction Mahidol Libraries

5 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.

6 Native Application Development
Introduction Native Application Development

7 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.

8 Hybrid Application Development
Introduction Hybrid Application Development

9 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.

10 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 , March 2017.

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

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

13 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 , March 2017.

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

15 Mobile Application Design for Electronic Information Resource Services
Mahidol Libraries e-database website หอสมุดและคลังความรู้มีเว็บไซต์ให้บริการฐานข้อมูลวารสารวิชาการและหนังสืออิเล็กทรอนิกส์มากกว่า 100 ฐานข้อมูล

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

17 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

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

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

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

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

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

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

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

25 Conclusion Mahidol Libraries e-Journals

26 Mahidol Libraries e-Journals
Thank you contact me at


Download ppt "Content Introduction Technology Used to Develop Mobile Application"

Similar presentations


Ads by Google