Submit Search
Upload
HTML5를 활용한 하이브리드 앱개발하기
•
27 likes
•
25,397 views
정현 황
Follow
[30회 정기세미나] HTML5 실무적용 전략 HTML5를 활용한 하이브리드 앱개발하기 / 발표자 황정현
Read less
Read more
Technology
Design
Report
Share
Report
Share
1 of 31
Download now
Download to read offline
Recommended
Hybrid Mobile Application Framework
Hybrid Mobile Application Framework
동수 장
Building Native Mobile Applications with PhoneGap
Building Native Mobile Applications with PhoneGap
Simon MacDonald
PhoneGap: Building Mobile Applications with HTML/JS
PhoneGap: Building Mobile Applications with HTML/JS
Ryan Stewart
Cordova and PhoneGap Insights
Cordova and PhoneGap Insights
Monaca
Phonegap
Phonegap
Essam El-zinaty
Phone gap
Phone gap
Madhura Keskar
Wpp mojito-novid.pptx
Wpp mojito-novid.pptx
isaoyagi
JQuery Mobile vs Appcelerator Titanium vs Sencha Touch
JQuery Mobile vs Appcelerator Titanium vs Sencha Touch
Steve Drucker
Recommended
Hybrid Mobile Application Framework
Hybrid Mobile Application Framework
동수 장
Building Native Mobile Applications with PhoneGap
Building Native Mobile Applications with PhoneGap
Simon MacDonald
PhoneGap: Building Mobile Applications with HTML/JS
PhoneGap: Building Mobile Applications with HTML/JS
Ryan Stewart
Cordova and PhoneGap Insights
Cordova and PhoneGap Insights
Monaca
Phonegap
Phonegap
Essam El-zinaty
Phone gap
Phone gap
Madhura Keskar
Wpp mojito-novid.pptx
Wpp mojito-novid.pptx
isaoyagi
JQuery Mobile vs Appcelerator Titanium vs Sencha Touch
JQuery Mobile vs Appcelerator Titanium vs Sencha Touch
Steve Drucker
The Phonegap Architecture
The Phonegap Architecture
Frank Gielen
Getting Acquainted with PhoneGap
Getting Acquainted with PhoneGap
Joseph Labrecque
How to pick the right development model for your mobile project?
How to pick the right development model for your mobile project?
Conny Svensson
Cordova + Ionic + MobileFirst
Cordova + Ionic + MobileFirst
Raymond Camden
Introduction to Apache Cordova (Phonegap)
Introduction to Apache Cordova (Phonegap)
ejlp12
Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS
Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS
Gabriel Huecas
Apps with Apache Cordova and Phonegap
Apps with Apache Cordova and Phonegap
Christian Grobmeier
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Nick Landry
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Jon Cortez
Workshop on Hybrid App Development with Ionic Framework
Workshop on Hybrid App Development with Ionic Framework
Aayush Shrestha
Mobile Widgets Development
Mobile Widgets Development
Maximiliano Firtman
Mobile App Development
Mobile App Development
Chris Morrell
Intro to PhoneGap
Intro to PhoneGap
Ryan Stewart
How native script angular helps to build truly native mobile applications
How native script angular helps to build truly native mobile applications
Katy Slemon
Rapid mobile development with Ionic framework - Voxxdays Ticino 2015
Rapid mobile development with Ionic framework - Voxxdays Ticino 2015
Alessio Delmonti
Ionic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application Development
Justin James
Building data driven mobile apps with phone gap and webapi
Building data driven mobile apps with phone gap and webapi
Derek Smith
Ionic framework one day training
Ionic framework one day training
Troy Miles
Building Cross-Platform Mobile Apps
Building Cross-Platform Mobile Apps
Troy Miles
移动端Web app开发
移动端Web app开发
Zhang Xiaoxue
모바일(Mobile)에서의 웹(Web) 전망 3부 최종
모바일(Mobile)에서의 웹(Web) 전망 3부 최종
mosaicnet
Web Technologies
Web Technologies
dynamis
More Related Content
What's hot
The Phonegap Architecture
The Phonegap Architecture
Frank Gielen
Getting Acquainted with PhoneGap
Getting Acquainted with PhoneGap
Joseph Labrecque
How to pick the right development model for your mobile project?
How to pick the right development model for your mobile project?
Conny Svensson
Cordova + Ionic + MobileFirst
Cordova + Ionic + MobileFirst
Raymond Camden
Introduction to Apache Cordova (Phonegap)
Introduction to Apache Cordova (Phonegap)
ejlp12
Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS
Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS
Gabriel Huecas
Apps with Apache Cordova and Phonegap
Apps with Apache Cordova and Phonegap
Christian Grobmeier
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Nick Landry
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Jon Cortez
Workshop on Hybrid App Development with Ionic Framework
Workshop on Hybrid App Development with Ionic Framework
Aayush Shrestha
Mobile Widgets Development
Mobile Widgets Development
Maximiliano Firtman
Mobile App Development
Mobile App Development
Chris Morrell
Intro to PhoneGap
Intro to PhoneGap
Ryan Stewart
How native script angular helps to build truly native mobile applications
How native script angular helps to build truly native mobile applications
Katy Slemon
Rapid mobile development with Ionic framework - Voxxdays Ticino 2015
Rapid mobile development with Ionic framework - Voxxdays Ticino 2015
Alessio Delmonti
Ionic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application Development
Justin James
Building data driven mobile apps with phone gap and webapi
Building data driven mobile apps with phone gap and webapi
Derek Smith
Ionic framework one day training
Ionic framework one day training
Troy Miles
Building Cross-Platform Mobile Apps
Building Cross-Platform Mobile Apps
Troy Miles
移动端Web app开发
移动端Web app开发
Zhang Xiaoxue
What's hot
(20)
The Phonegap Architecture
The Phonegap Architecture
Getting Acquainted with PhoneGap
Getting Acquainted with PhoneGap
How to pick the right development model for your mobile project?
How to pick the right development model for your mobile project?
Cordova + Ionic + MobileFirst
Cordova + Ionic + MobileFirst
Introduction to Apache Cordova (Phonegap)
Introduction to Apache Cordova (Phonegap)
Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS
Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS
Apps with Apache Cordova and Phonegap
Apps with Apache Cordova and Phonegap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Workshop on Hybrid App Development with Ionic Framework
Workshop on Hybrid App Development with Ionic Framework
Mobile Widgets Development
Mobile Widgets Development
Mobile App Development
Mobile App Development
Intro to PhoneGap
Intro to PhoneGap
How native script angular helps to build truly native mobile applications
How native script angular helps to build truly native mobile applications
Rapid mobile development with Ionic framework - Voxxdays Ticino 2015
Rapid mobile development with Ionic framework - Voxxdays Ticino 2015
Ionic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application Development
Building data driven mobile apps with phone gap and webapi
Building data driven mobile apps with phone gap and webapi
Ionic framework one day training
Ionic framework one day training
Building Cross-Platform Mobile Apps
Building Cross-Platform Mobile Apps
移动端Web app开发
移动端Web app开发
Similar to HTML5를 활용한 하이브리드 앱개발하기
모바일(Mobile)에서의 웹(Web) 전망 3부 최종
모바일(Mobile)에서의 웹(Web) 전망 3부 최종
mosaicnet
Web Technologies
Web Technologies
dynamis
HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)
HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)
dynamis
HTML5 and Browsers
HTML5 and Browsers
dynamis
모바일(Mobile)에서의 웹(Web) 전망 2부(총3부)
모바일(Mobile)에서의 웹(Web) 전망 2부(총3부)
mosaicnet
2011 Mobile & Web technologies
2011 Mobile & Web technologies
JungHyuk Kwon
HTML5 on mobile
HTML5 on mobile
JungHyuk Kwon
HTML & Browsers
HTML & Browsers
dynamis
Stefan Tilkov Pragmatic Intro To Rest
Stefan Tilkov Pragmatic Intro To Rest
deimos
What is Hybrid Apps
What is Hybrid Apps
민태 김
고품질웹앱개발전략
고품질웹앱개발전략
민태 김
Going Mobile with WordPress - #psuweb12
Going Mobile with WordPress - #psuweb12
Shelley Keith, MSIQ
Using Node.js to improve the performance of Mobile apps and Mobile web
Using Node.js to improve the performance of Mobile apps and Mobile web
Tom Croucher
EXPERIENCES WITH HIGH DEFINITION INTERACTIVE VIDEO ...
EXPERIENCES WITH HIGH DEFINITION INTERACTIVE VIDEO ...
Videoguy
Targetlink Presentation
Targetlink Presentation
Gobi Durairaj PMP, PMI-ACP, SAFe SA
RIch User Experience
RIch User Experience
Louise Thomson
Pratibha_Kakarla
Pratibha_Kakarla
Pratibha Kakarla
[A3]deview 2012 network binder
[A3]deview 2012 network binder
NAVER D2
Ting Song Hui Resume
Ting Song Hui Resume
Ting SongHui
Atlas Slide Deck
Atlas Slide Deck
atlassoftwaregroup
Similar to HTML5를 활용한 하이브리드 앱개발하기
(20)
모바일(Mobile)에서의 웹(Web) 전망 3부 최종
모바일(Mobile)에서의 웹(Web) 전망 3부 최종
Web Technologies
Web Technologies
HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)
HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)
HTML5 and Browsers
HTML5 and Browsers
모바일(Mobile)에서의 웹(Web) 전망 2부(총3부)
모바일(Mobile)에서의 웹(Web) 전망 2부(총3부)
2011 Mobile & Web technologies
2011 Mobile & Web technologies
HTML5 on mobile
HTML5 on mobile
HTML & Browsers
HTML & Browsers
Stefan Tilkov Pragmatic Intro To Rest
Stefan Tilkov Pragmatic Intro To Rest
What is Hybrid Apps
What is Hybrid Apps
고품질웹앱개발전략
고품질웹앱개발전략
Going Mobile with WordPress - #psuweb12
Going Mobile with WordPress - #psuweb12
Using Node.js to improve the performance of Mobile apps and Mobile web
Using Node.js to improve the performance of Mobile apps and Mobile web
EXPERIENCES WITH HIGH DEFINITION INTERACTIVE VIDEO ...
EXPERIENCES WITH HIGH DEFINITION INTERACTIVE VIDEO ...
Targetlink Presentation
Targetlink Presentation
RIch User Experience
RIch User Experience
Pratibha_Kakarla
Pratibha_Kakarla
[A3]deview 2012 network binder
[A3]deview 2012 network binder
Ting Song Hui Resume
Ting Song Hui Resume
Atlas Slide Deck
Atlas Slide Deck
Recently uploaded
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
shyamraj55
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
Ridwan Fadjar
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
Sujit Pal
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
OnBoard
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Pooja Nehwal
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
ThousandEyes
Recently uploaded
(20)
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Slack Application Development 101 Slides
Slack Application Development 101 Slides
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
HTML5를 활용한 하이브리드 앱개발하기
1.
HTML5
:
2.
HYBRID?
· Convert WebApp to Native App
3.
Native Apps
/ UX / . /
4.
Web Apps
- iPhone/iPad/Android/BlackBerry - HTML5, CSS, Javascript HTML5
5.
Hybrid Apps
Native + Web / / Device OS Hybrid Framework Web Browser Web Application css/js/html
6.
Native App vs
Hybrid App vs Web App Native App Hybrid App Web App Objective-C, Java, C# XCode, Eclipse, Visual Studio HTML, CSS, Javascript HTML, CSS, Javascript iPhone Mac 99$ , JQueryMobile, , jQueryMobile, jQTouch... SenchaTouch Mac
7.
8.
PhoneGap
Cross Platform Mobile Application Framework Web App Native App WebApp Device javascript ! http://www.phonegap.com
9.
PhoneGap
PhoneGap framework (Container App) iOS or Android App File resources, CocoaTouch & App Fw PhoneGap Webkit(UIWebView) Phonegap.js application css/js/html Web Application
10.
PhoneGap
11.
PhoneGap
12.
PhoneGap
13.
Titanium
Web App Native App http://www.appcelerator.com
14.
Titanium
Titanium framework iOS or Android Titanium Bridge - Javascript - java / Javascript - Objective-C Phone Optional UI API API Modules application css/js/html Web Application
15.
Appspresso
http://www.appspresso.com PhoneGap Web App Native App , Eclipse IDE KTH iOS & Android
16.
Appspresso
Eclips Appspresso Project UI FrameWork Template
17.
Appspresso
18.
UI Fraemwork
19.
jQuery
Beta , , . . . . http://jquerymobile.com/
20.
21.
<div data-role="page" id="/main.html">
<div data-role="header" data-position="fixed"> <h1>Main Header</h1> </div> <div data-role="content"> <ul data-role="listview" data-inset="true"> <li><a href="/listContent.html">Acura</a></li> <li><a href="/listContent.html">Audi</a></li> </ul> </div> <div data-role="footer" data-position="fixed"> <div data-role="navbar"> <ul data-inset="true"> <li><a id="main_btn" href="/main.html" data-role="button" data-icon="star" data-iconpos="top">Main</a></li> <li><a id="plus_btn" href="/plus.html" data-role="button" data-icon="plus" data-iconpos="top">Plus</a></li> <li><a id="arrow_btn" href="/arrow.html" data-role="button" data-icon="arrow-d" data-iconpos="top">Arrow</a></li> <li><a id="gear_btn" href="/gear.html" data-role="button" data-icon="gear" data-iconpos="top">Setting</a></li> <li><a id="info_btn" href="/info.html" data-role="button" data-icon="info" data-iconpos="top">Info</a></li> </ul> </div> </div> </div>
22.
Sencha Touch
Mobile JavaScript Framework jQueryMobile . , , . . Ext.js . .
23.
Sencha Touch
Mobile JavaScript Framework
24.
Sencha Touch
Mobile JavaScript Framework <!-- Application JS --> <script type="text/javascript" src="./js/data.js"></script> <script type="text/javascript" src="./js/about.js"></script> <script type="text/javascript" src="./js/favorite.js"></script> <script type="text/javascript" src="./js/download.js"></script> <script type="text/javascript" src="./js/user.js"></script> <script type="text/javascript" src="./js/setting.js"></script> <script type="text/javascript" src="./js/main.js"></script> Ext.setup({ tabletStartupScreen: 'tablet_startup.png', phoneStartupScreen: 'phone_startup.png', icon: 'icon.png', glossOnIcon: false, onReady: function() { var panel = new Ext.TabPanel({ tabBar: { dock: 'bottom', ui: 'light', layout: { pack: 'center' } }, fullscreen: true, cardSwitchAnimation: 'slide',//'fade', 'slide', 'flip', 'cube', 'pop', 'wipe' items: [itemlist, favorite, download, setting, user ] }); } });
25.
Sencha Touch
Mobile JavaScript Framework http://touchsolitaire.mobi/app/ jQueryMobile UI SenchaTouch
26.
Demo
Mobile Web + PhoneGap Mobile Web + Appspresso
27.
Demo
Appspresso + jQueryMobile
28.
Demo
Appspresso + Sencha Touch
29.
Demo
Appspresso Device Api
30.
http://www.phonegap.com
http://www.appcelerator.com http://www.appspresso.com http://www.jquerymobile.com http://www.sencha.com http://www.ibare.kr/talk/358
31.
Q&A
Download now