HTML5 모바일 애플리케이션 현황과 개발 동향을 논의
세월이 흘러 2008년 HTML5가 탄생한 지 5년이 지났습니다. 새로운 세대의 웹 표준으로서 모든 영향을 받아왔습니다. 지지자들은 개방적이고 강력한 특성으로 인해 밝은 전망을 옹호하는 반면, 제대로 구현되지 않았기 때문에 회의론자들은 실제 역할을 의심했습니다. 이제 현 상황에서 출발하여 질문을 통해 모바일 플랫폼에서의 HTML5 개발 동향을 분석함으로써, 복잡한 정보를 통해 누구나 HTML5의 미래를 보다 명확하게 이해할 수 있습니다.
모바일 플랫폼용 웹앱(또는 하이브리드 앱) 개발에 HTML5를 사용하면 어떤 이점이 있나요?
HTML5를 사용하여 개발된 페이지는 화려한 인터페이스, 뛰어난 인간-컴퓨터 상호 작용, 강력한 기능 등 현대 웹 페이지의 특징을 더 많이 갖고 있습니다. 사용자의 요구를 충족시키기 위한 표현 방법은 다양하며 HTML5 구현 시 이전 버전과 분리하기 어렵기 때문에 모바일 플랫폼의 최신 웹 앱(또는 하이브리드 앱)은 대부분 HTML5를 사용하여 개발될 것이라고 생각됩니다. 그러면 이렇게 하면 어떤 이점이 있나요?
크로스 플랫폼: 한 번 개발하면 어디에서나 사용할 수 있으므로 호환성을 고려할 필요가 없습니다. 이를 통해 크로스 플랫폼 개발자 수와 비용을 크게 줄일 수 있습니다. 반대로 생각해보면 모바일 플랫폼은 날이 갈수록 변화하고 있고, 안드로이드와 iOS 외에도 윈도우폰, 블랙베리, 바다 등 여러 시스템이 각각 일부 사용자를 커버하고 있다. 애플리케이션이 너무 많은 플랫폼을 포괄하려고 하는데, Web App을 사용하는 것 외에는 이러한 실질적인 문제를 해결하는 것이 거의 불가능합니다.
클라우드 업그레이드: 모바일 개발에서 가장 괴로운 일은 매번 출시될 때마다 발생하는 일입니다. 퍼블리싱할 때는 여러 앱 스토어와 채널을 참여시켜야 하며 매우 신중해야 합니다. 중대한 버그나 품질 문제가 있는 경우 새 버전을 통해 이를 수정하는 것은 매우 번거로운 일이다. 이 과정에서 애플 앱스토어의 검토 기간 역시 많은 개발자들에게 골치 아픈 일이다. 클라우드 업그레이드는 사용자가 수동으로 업그레이드하고 설치할 필요 없이 모든 사용자를 한 번에 처리할 수 있으며, 앱 스토어와 사용자가 수동으로 업데이트할 필요 없이 언제든지 문제를 해결할 수 있어 위험과 작업 부하가 크게 줄어듭니다.
클라우드 컴퓨팅 플랫폼과 결합하여 모바일 기기의 제한된 컴퓨팅 성능 문제 해결: Web App을 클라우드 서버에 저장하면 강력한 서버를 효과적으로 활용할 수 있습니다. 클라우드 컴퓨팅 플랫폼 컴퓨팅 리소스는 모바일 장치 하드웨어 기능의 한계로 인해 완료하기 어려운 여러 가지 복잡한 작업을 완료하는 데 사용될 수 있습니다.
은 검색 엔진에서 더 잘 색인화하고 검색할 수 있으며 정량화 가능한 빅 데이터를 형성할 수 있습니다. 기본 형식 자체는 폐쇄적이며 폐쇄적이고 무질서한 데이터는 정보 흐름에 매우 중요합니다. 정보 섬을 쉽게 만들 수 있습니다. 웹 자체의 정신은 개방성이며 HTML5에서 제공하는 의미 태그는 더 잘 식별되고 구성될 수 있습니다. Web App을 통해 보다 개방적인 정보와 데이터 구조를 얻을 수 있다면 우리는 빅데이터 시대를 더 잘 맞이하고 포용할 수 있을 것입니다.
거대한 인재 풀: 전통적인 웹 엔지니어는 모두 잠재적인 HTML5 엔지니어이며 변화가 상대적으로 쉽습니다.
엄격한 애플리케이션 스토어 우회: 앱 스토어의 엄격한 애플리케이션 통제는 많은 개발자와 애플리케이션 개발자에게 있어 웹앱 형태는 애플리케이션을 우회하는 가장 좋은 방법입니다. 전통적인 모바일 앱 스토어 모델.
HTML5 개발 현황은 어떤가요?
1. HTML5 표준 진행
W3C 사양은 공식 표준이 되기까지 일반적으로 작업 초안, 최종 개정(Last Call), 후보 등 5단계를 거칩니다. 추천, 제안된 추천 및 추천.
2012년 12월 17일 W3C는 HTML5 사양이 완성되어 HTML5 후보 권장 사양이 공개되었다고 발표했습니다. 이는 HTML5 사양이 안정되었으며 허점만 수정된다는 의미입니다. 미래에는 기업과 개발자가 안정적인 구현 목표를 갖고 실험적인 구현을 시작할 수 있습니다. W3C는 HTML5 표준화의 상호 운용성 테스트 및 성능 최적화 작업을 시작할 예정이며 2014년 말까지 HTML5 권장 사양을 출시할 예정입니다.
W3C는 향상된 비디오 자막, 반응형 이미지, 더 나은 양식 등 후속 기술 업그레이드를 2016년 말에 출시된 HTML 5.1에 통합할 계획입니다. 지원, 차세대 iFrame 등 반복 개발과 유사한 이 접근 방식을 사용하면 HTML5를 무기한 연기하지 않고도 더 빠르고 효과적으로 구현할 수 있습니다.
요약하자면, HTML5 표준의 진행은 사양이 완성되었고 점차 성숙해지며 구현되고 있다는 것입니다. <🎜> Safari, Android 브라우저, Opera Mobile, Chrome을 포함한 주류 브라우저는 모두 HTML5를 잘 지원하며 점유율은 계속 확대되고 있습니다. 주류 모바일 브라우저의 지원으로 인해 HTML5 플랫폼이 더욱 대중화되었습니다. 동시에 HTML5에 대한 우수한 지원으로 인해 이러한 브라우저가 사용자들 사이에서 더욱 인기를 얻었습니다.
모바일 장치의 시스템 하드웨어에 액세스하는 HTML5 기능은 동시에 기본 HTML5 표준에 대한 모바일 브라우저 지원도 구현 중입니다. 큰 문제는 아니지만 성능과 속도가 향상될 수 있습니다. 사용자 모바일 기기와 모바일 플랫폼 하드웨어를 빠르게 업데이트하면 일부 문제가 해결될 것입니다. 예를 들어 2011년부터 2013년까지 저는 싱글 코어 528M 주파수 G8, 싱글 코어 1G Nexus One, 듀얼 코어 1.2G Galaxy를 사용했습니다. SII, 그리고 이제 4코어 1.6G NoteII입니다.
3. 다양한 오픈 소스 또는 유료 프레임워크, 도구 및 플랫폼이 생겨나고 개선되고 있습니다.
기존 Sencha Touch 외에도 In jQuery Mobile, PhoneGap, LungoJS 외에도 EaselJS, Construct2, GameMaker,limeJS, Impact, Crafty, Cocos2d-html5와 같은 게임 개발 엔진이나 도구와 GroundworkCSS, Skeleton, Gumby, Wirefy와 같은 반응형 디자인 프레임워크도 있습니다. 및 Base. 및 다양한 도구 플랫폼. 수요는 기술 발전의 촉매제이며, 수많은 도구의 출현은 HTML5 개발에 대한 수요가 크다는 것을 입증합니다.
대기업에서도 Baidu의 웹 앱 플랫폼 Similu, Opera의 게임 엔진 Sphinx, Firefox의 HTML5 루트 플랫폼 Firefox OS, Intel과 같은 다양한 HTML5 도구 및 플랫폼을 출시했습니다. 애플리케이션 이식 도구 App Porter , Nintendo의 애플리케이션 개발 프레임워크 NintendoWeb Framework 등이 있습니다. Adobe는 모바일 Flash를 포기했지만 HTML5 애니메이션 제작 도구인 Adobe Edge Animate와 Flash 편집기와 유사한 시각적 HTML5 반응형 디자인 도구인 Adobe Edge Reflow를 포함한 일련의 HTML5 개발 도구를 빠르게 출시했습니다.
전반적으로 HTML5 도구와 프레임워크는 탐색 단계를 거쳐 점차 성숙해지고 개선되고 있으며 더욱 대중화될 것으로 예상됩니다.
3. 계속해서 높은 개발 의지를 유지하는 개발자
HTML5 개발 프레임워크인 Kendo UI의 설문조사에 따르면 응답자의 73%가 여전히 HTML5에 자신감을 갖고 있으며, 응답자의 94% 이상이 애플리케이션 개발에 HTML5, Appcelerator를 사용 중이거나 사용할 예정입니다. 관련 조사에서도 비슷한 결론이 나왔습니다. 동시에 국내 HTML5 커뮤니티는 여전히 높은 인기와 관심을 유지하고 있으며 커뮤니티 활동도 매우 활발하다.
4. 애플리케이션 개발
HTML5는 무의식적으로 우리 실생활에 대량으로 들어오고 있습니다. 적용 방법 중 하나는 기존 데스크톱 웹사이트를 모바일화하는 것입니다. 예를 들어 Baidu Maps WAP 버전은 Geolocation API와 다수의 새로운 HTML5 기능을 사용합니다. 기타 대표적인 응용 프로그램으로는 YouTube, Sina Weibo, Ctrip, Taobao 등이 있습니다.
두 번째 애플리케이션 시나리오는 회계 애플리케이션 DailyCost, 날씨 애플리케이션 Sun, 독서 애플리케이션 Meiyue 등과 같은 순수 모바일 웹 앱입니다. 성능 측면에서 Native App과 매우 유사합니다. 매우 좋은 성능과 경험.
LinkedIniPad 버전.
모바일 플랫폼에서 HTML5를 구현하는 데 실제 장애물은 무엇입니까?
1. 성능
HTML5의 성능은 이미 옛말의 문제입니다. 하드웨어, 브라우저 및 구현을 포함하여 문제와 관련된 여러 요소가 있습니다. 하드웨어는 모바일 장치의 빠른 업데이트로 인해 개선될 것이며, 하드웨어 수준에서도 장치가 HTML5를 특별하게 지원할 수 있습니다. 브라우저의 성능은 지속적으로 향상되고 있으며, 애플리케이션의 구현은 개발자의 프로그래밍 모델과 기술에 따라 달라집니다. 이 부분은 도구, 프레임워크가 발전하고 개발 수준이 향상됨에 따라 개선될 수 있습니다.
2. 모바일 기기의 파편화와 브라우저의 파편화
기기마다, 브라우저마다 HTML5 지원이 일관되지 않습니다. 또한, 모바일 기기마다 다릅니다. 전화 해결은 또한 WebApp 개발에 어려움을 가져옵니다.
첫 번째 문제에 대한 업계의 해결책은 우아한 성능 저하이고, 두 번째 문제는 반응형 디자인의 채택이 필요합니다. 반응형 디자인은 장치 조각화를 처리하는 보다 유연한 방법을 제공하며 CSS3 미디어 쿼리 기술의 적용을 포함할 뿐만 아니라 반응형 이미지(ResponsiveImages), 반응형 비디오 및 기타 기술도 포함하는 것으로 간주됩니다. 현대적인 웹 디자인 방법의 완전한 세트.
주된 문제는 기술적인 구현 방법과 방법이 적거나 성능이 좋지 않다는 것이 아니라 너무 단편화되어 있고 통일된 구현 표준이 없다는 점입니다. .
예를 들어 Sench Touch, jQuery Mobile,limeJS, Kendo UI, Impact는 물론 easyeljs, GameMaker, Construct2의 특성과 다양한 적용 시나리오를 이해할 수 있습니다. 각각의 장단점은? Google과 Apple처럼 개발자가 구현에만 집중하면 최종 제품을 빠르고 효율적으로 개발할 수 있도록 Android 및 iOS 플랫폼용 표준 개발 도구 및 프레임워크 세트를 제공했습니다. HTML5가 너무 개방적이어서 통일된 구현 방법과 표준이 없다는 것은 한편으로는 개발자가 선택의 어려움을 겪게 하고, 다른 한편으로는 구현의 정확성과 효율성을 보장할 수 없다는 것입니다. . W3C는 표준에 더 중점을 두지만 HTML5의 성능과 성능도 테스트하고 있습니다. 표준에서 기술, 애플리케이션까지의 거리가 실제 문제입니다. 다듬고 개선하기 위해. 4. 사용자 습관 현재 모바일 기기의 사용자는 대부분 단일 앱을 통해 요구 사항을 충족하는 데 사용되므로 표준 웹 앱에서는 사용자를 사용자로 인식하지 않습니다. 네이티브 앱으로도 잘 알려져 있습니다. 하지만 Web App의 성능, 성능, 사용 편의성이 Native App과 비슷하거나 동등해지면 사용자는 점차 Web App을 인식하고 마이그레이션하게 됩니다. HTML5 모바일 플랫폼을 위한 최고의 개발 사례는 무엇입니까? 이런 점에서는 LINKEDIN 아이패드 버전이 더 대표적입니다. 95% 이상 HTML5로 개발되어 모두 불필요한 디자인 요소를 많이 제거했습니다. 그라데이션 배경과 둥근 모서리는 렌더링 성능을 저하시킵니다. 2. HTML5의 특성을 기반으로 애플리케이션을 타겟으로 설계했습니다. HTML5에는 적용 가능한 시나리오가 있으며 모든 경우에 적용되는 것은 아니지만 이 시나리오는 점점 더 광범위하고 풍부해지고 있습니다. Web App은 Native App을 완전히 대체할 수 없으며 Native App은 Web App을 이길 수 없습니다. 공생과 상생, 각각은 자신만의 적합한 시나리오와 용도를 갖고 있으며 점차적으로 공존할 것입니다. 따라서 우리가 해야 할 일은 웹앱을 디자인할 때 네이티브 앱 사고를 사용하는 것이 아니라, HTML5의 장점을 활용하고 독특하게 만드는 데 집중해야 합니다. Baidu Photo Album iPad 버전을 예로 들면서 유창함과 상호 작용을 보장하는 것 외에도 HTML5를 통해 흥미롭고 멋진 혁신적인 기능을 많이 시도했습니다. 여기에는 다음이 포함됩니다. 1) 센서를 사용하여 사진의 움직임과 그라데이션 효과를 표시합니다. iPad 레벨이 기울어지면 표지 사진이 천천히 같은 각도로 이동하여 사진을 통해 보여줍니다. 공개의 공개를 보여주는 차별적 불일치, 공개의 공개를 보여주는 아름다운 효과.
3. 개발자가 모든 플랫폼을 포괄하는 가장 좋은 방법은 OnePlatform+ HTML5이며, 이는 주요 플랫폼(Android 또는 iOS 가능)에서 채택됩니다. 나머지 모든 플랫폼은 HTML5 웹 앱을 사용하여 적응합니다. 이러한 접근 방식은 비용 및 효율성 문제로 인해 점점 일반화될 것입니다. 모바일 앱의 산업화 추세가 점점 뚜렷해지고 있는데, HTML5의 발전 추세와 기회는 무엇일까요? 1. 데스크톱의 IE가 점차 쇠퇴하고 있는 것은 HTML5의 모던 브라우저를 지원하여 점차적으로 시장을 점유하는 것은 당연한 일이다. 모바일 플랫폼은 더욱 낙관적입니다. 2013년에는 사용자의 50% 이상이 스마트 단말기를 업그레이드할 것으로 예상됩니다. 신속한 장치 업데이트를 통해 HTML5를 지원하는 최신 브라우저가 쉽게 시장 점유율의 80% 이상을 차지할 수 있을 것입니다. 2. HTML5는 2012년에 공식적으로 출시되었으며, 2013년에는 표준이 더욱 성숙해지고 대중화 및 적용이 쉬워질 것입니다. HTML5 사양은 WebGL과 Device API가 성숙해짐에 따라 점진적으로 구현될 예정이며, HTML5가 달성할 수 있는 인터페이스 효과와 기능은 더욱 넓어질 것입니다. HTML5를 기반으로 한 모바일 앱의 성능과 성능이 네이티브 앱에 매우 가깝고, 개발 표준이 성숙해지면 HTML5로의 대규모 앱 마이그레이션 물결이 일어날 것입니다. 또한 HTML5 애플리케이션으로 마이그레이션합니다. 동시에 미국과 중국의 스마트 단말기 보급률은 50% 이상입니다. 데스크톱에서 모바일까지 이 과정에서 HTML5는 수많은 애플리케이션에 대한 기술 선택이 될 것입니다. HTML5 애플리케이션이 대량으로 모바일 단말에서 탄생하게 되면 HTML5 애플리케이션에서 탄생할 수 있는 쇼케이스가 탄생하게 되고, 이는 한국의 애니팡과 같은 성공적인 게임 애플리케이션을 생산할 가능성이 높습니다. 3. HTML5를 기반으로 한 모바일 웹 게임과 정보, 뉴스 애플리케이션이 번창할 것입니다. 이제 디즈니의 오즈 게임 'Find Your Way to OZ', EA의 '커맨드 앤 컨커', 로켓팩의 '와리멀: 캣츠 vs. 캣츠' 등 데스크톱 HTML5 게임이 등장했습니다. Dogs' 등 훌륭한 작품이 있는데, 모바일 플랫폼에서는 어떨까? 한국의 카카오톡과 일본의 라인 플랫폼이 모바일 게임에서 초기 성공을 거두었습니다. 중국의 모바일 게임 개발 추세는 한국과 매우 유사하며 빠른 성장이 있을 것입니다. 경향. 데스크톱 측면의 게임 개발 프로세스는 독립형 데스크톱 클라이언트, 네트워크 데스크톱 클라이언트에서 웹 게임으로 진행됩니다. 왜냐하면 웹 게임은 오늘날 사용자의 시간 단편화와 단순성과 사용 편의성 추구에 부응하는 반면, 모바일 플랫폼은 언제든지 단편화되어 있기 때문입니다. 언제 어디서나 웹 게임의 특성과 일치하므로 HTML5 모바일 웹 게임은 특히 WeChat 플랫폼에서 폭발적인 성장을 이룰 가능성이 높습니다. 현재 많은 대기업과 스타트업이 이 분야에 노력하고 있는 것을 볼 수 있습니다. 정보 뉴스 애플리케이션의 또 다른 대표적인 유형은 콘텐츠에 중점을 두고 있으며 콘텐츠를 처리하는 것은 웹의 특수성으로 보다 자유로운 배포 형식, 보다 편리한 검색 엔진 검색, 보다 넓은 크로스엔드 요구 사항이 있습니다. 이러한 유형의 애플리케이션에 대한 가장 큰 수요입니다. 이제 파이낸셜타임스, 뉴욕타임스 등 외국의 전통 미디어에서는 모바일 애플리케이션 배포를 위해 HTML5를 활용하려고 시도하고 있습니다. 5. 엔터프라이즈 모빌리티의 방향 역시 HTML5의 잠재력이 큽니다. 기업 수준 응용 프로그램의 경우 다채로운 제품 인터페이스, 빠르고 부드러운 슬라이딩 경험, 끊임없이 변화하는 제스처 작업과 같은 사용자 경험 및 사용자 인터페이스 요구 사항이 소비자 응용 프로그램만큼 높지 않습니다. HTML5의 장점을 활용하고 단점을 피하세요. 예를 들어 PATH, Flipboard, iPhoto와 같은 화려하고 아름다운 애니메이션 애플리케이션은 실제로 기업 수준에서는 그다지 실용적이지 않으며 멀티 터치를 지원합니다. 데스크톱 측면에서 전통적인 OA는 이미 기업의 요구를 매우 잘 충족할 수 있는 반면, 모바일 측면에서는 기업이 언제 어디서나 서비스의 안정성과 작업 편의성에 더 관심을 두고 있습니다.
위 내용은 HTML5 모바일 애플리케이션의 현황과 개발 동향을 자세히 소개합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
