Die Reise des Mobile Content

•

0 likes•1,719 views

Bei der Implementierung von small Screen Websites, über hybride Apps, bis hin zu rein nativen Enterprise Anwendungen begegnet man verschiedensten technischen Herausforderungen. Dabei versprechen HTML5 und CSS3 Flexibilität, wie auch Portabilität. Die Einbindung von Lösungen wie ERP, CRM etc. ist bei Enterprise Applikationen unabdingbar.

Die Reise des Mobile
Content. Namics.

Bernd Jansen. Technical Architect.
Alexander Maier. Senior Software Engineer.

28. März 2012.

Mobile. Eisberg.
• Mobile Website
• Mobile App

• Content Management
• Device Fragmentation
• Application Integration
• Support Functions
Technologie. Architektur. Innovation. Namics.

Agenda.

1. Responsive Layout
2. Dediziertes Mobile Web
3. Native App
4. Hybrid App

Technologie. Architektur. Innovation. Namics.

Responsive.

Small Screen Large Screen

Technologie. Architektur. Innovation. Namics.

Responsive. Beispiele.

Technologie. Architektur. Innovation. Namics.

Technologie. Architektur. Innovation. Namics.

Responsive. Technologie.

• Web Standards
• Flexible Grid
• Media Queries
• Mobile Frameworks
• Content Management
Technologie. Architektur. Innovation. Namics.

CSS3. Media Queries.

• Max Width
• Min Width
• Device Width
• Orientation
• Pixel Ratio

Technologie. Architektur. Innovation. Namics.

Responsive. Architektur.

Browser

Content Delivery
Responsive Layout

Technologie. Architektur. Innovation. Namics.

Responsive. Architektur.

Browser

Content
Management
Content Delivery
Responsive Layout Content

Technologie. Architektur. Innovation. Namics.

Mobile Web.

Mobile Browser

Technologie. Architektur. Innovation. Namics.

Mobile Web. Beispiele.

Technologie. Architektur. Innovation. Namics.

Mobile Web. Technologie.

• Web Standards
• Viewport
• Flexible Grid
• Media Queries
• Mobile Frameworks
• Dedizierter Content
• Device Detection
Technologie. Architektur. Innovation. Namics.

Mobile Web. Architektur.

Browser

Mobile Detection

Content Delivery
Website or
Mobile Website

Technologie. Architektur. Innovation. Namics.

Mobile Web. Architektur.

Browser

Mobile Detection Content
Management

Content
Content Delivery
Website or
↓
Mobile Website Mobile Content

Technologie. Architektur. Innovation. Namics.

Native.

Technologie. Architektur. Innovation. Namics.

Native. Beispiele.

Technologie. Architektur. Innovation. Namics.

Native. Technologie.

• Plattformspezifisch
• Hardware Access
• Haptik
• CRs / Updates
• Interface Versioni...
• X-Platform Dev.
Technologie. Architektur. Innovation. Namics.

Hybrid.

Technologie. Architektur. Innovation. Namics.

Hybrid. Beispiele.

Technologie. Architektur. Innovation. Namics.

Hybrid. Technologie.

• Native Wrapper
• Web Standards
• Hardware Access
Best of Both Worlds!

Technologie. Architektur. Innovation. Namics.

Hybrid. Architektur.

Native App
Content
Browser
Sync

Online
Interface

Backend
Integration

Technologie. Architektur. Innovation. Namics.

Hybrid. Architektur.

Native App Content
Sync
Content Sync

Browser

Online
Interface Content Delivery

External
Interface

Technologie. Architektur. Innovation. Namics.

Hybrid. Architektur.

Content
Native App Content
Sync
Content Sync Management

Browser Website Content
↓
Mobile Content
Online
Interface Content Delivery ↓
Ofﬂine Content

External
Interface

Technologie. Architektur. Innovation. Namics.

Weiteres.
Distribution
Location based Data Handling
Offline
Strong Authentication
Analytics
Transactions (offline)
Personalization
Technologie. Architektur. Innovation. Namics.

Danke.

Responsive Layout.
Dediziertes Mobile Web.
Native App.
Hybrid App.

bernd.jansen@namics.com
alexander.maier@namics.com

The document discusses the evolution of mobile application development from native apps to mobile web apps. It describes how the Open Web Platform is catching up to native apps in capabilities like geolocation and media, though native apps still have advantages in performance and discovery. The document then outlines the Wholesale Applications Community (WAC) alliance between telecom operators, which aims to accelerate the market for mobile web apps by providing device and network APIs to developers and enabling apps to run across multiple carriers. Finally, it discusses the ongoing work of WAC to close remaining gaps and deploy HTML5-based open web devices.

W3C Mobile Web technologies

Robin Berjon

This document discusses various tips and best practices for developing mobile web applications. Some of the key points covered include: - Optimize response time by aggregating static images, including background images inline, and keeping DOM size reasonable. - Design for flexibility by supporting multiple interaction methods, ensuring text flows, using server-side detection where possible, and using device classification to simplify content adaptation. - Remember generic web principles like replicating local data, ensuring consistency of state between devices, and not executing unescaped JSON data. - Spare the network by using transfer compression, caching resources and AJAX data, minimizing external resources, and optimizing network requests. - Exploit mobile-specific features like

Reaching 1 Million APIs and what to do when we get there

3scale

Designing User Experience for multiple screen and device formats

Dirk Bartels

Zytrix labs corporate_profile_e_india

Diwakar Singh

Zytrix is a mobile strategy and application development company that helps clients achieve business objectives through mobile technologies. It has expertise in consulting, technology, and understanding industry segments to create value for customers. Zytrix distinguishes itself with broad mobile platform offerings, experience serving large companies and startups, a commitment to employee development, and an experienced management team. It provides end-to-end mobile solutions including strategy, architecture, execution, and ongoing support.

Issues in the Web Application Landscape and webinos Architecture

webinos project

This document discusses technical issues and the proposed Webinos architecture for addressing them. It identifies needs such as open governance to avoid vendor lock-in, standardizing security and offline functionality, and enabling devices and applications to communicate across platforms. The Webinos architecture proposes personal agents (PZH and PZP) to manage user identity, policy, context and routing across devices. It uses JSON-RPC and a lightweight protocol to allow even resource-constrained "things" to connect to the internet securely and interact. The goal is to give users control over their data and allow innovative sharing of data and applications between devices.

Salesforce touch

Siva Vittala

The document discusses Salesforce Touch and provides an overview of the different development paths available - Native, HTML5, and Hybrid. It outlines the key components, features, performance, tools, and offline storage options for each path. Native apps offer the best performance and access to device features but require developing in multiple platforms. HTML5 is cross-platform but has limited offline capabilities. Hybrid combines a native container with HTML5 for better performance and device access than HTML5 alone.

Mobile Web Security Bootstrap on Ericsson Labs

Ericsson Labs

The document discusses using pre-employment assessments like the Winslow Dynamics Profile to select high performers and reduce turnover. The Winslow Dynamics Profile measures 24 competencies and 50 dimensions of behavior that have been validated through 8 million assessments to predict job performance. Companies can utilize the Winslow Dynamics Profile for selection, development, and creating customized position profiles to identify the traits required for success in specific roles.

Website analytics beyond your presentation

pbrolley

This document discusses using web analytics tools beyond an organization's own website to gain insights. It outlines search tools like Google Trends and social media monitoring tools like Twitter searches that can provide context and benchmarking metrics. Examples of specific indicators that can be collected include Alexa rankings, news and blog mentions from sources like Google News and Technorati, RSS mentions from searches on Google, and citations from academic databases.

DgDevelopmentGroup

Next generation learning: How new tech are changing the game

Brightwave Group

Digital technologies have radically altered the ways that people capture and harness the skills, knowledge and information they need to do their jobs better. We're moving beyond the restrictions of a linear e-learning course into a continuously online world of resources and connections. Learning is more granular, less formal and more mobile than ever. This seminar discusses the theory and presents striking examples of how next generation learning technologies are already working within the new learning paradigm to offer real benefits for your organisation. Key learning points: • Core factors influencing how we work today • New ways of learning that tie in to learners' expectations: social, informal, mobile learning • How to empower learners to benefit from the opportunities of the next generation learning environment • New technologies that provide real impact to learners and organisations alike.

$Driving And Mobiles Don\'t Mix$ $Driving And Mobiles Don\'t Mix$

Driving And Mobiles Don\'t Mix

Alan Bassett

A motorcycle rider traveling at 85 mph collided with a car that pulled out from a side street while the driver was on a cell phone. The force of the impact caused the car to flip over 20 feet away, and all three people involved - the two car passengers and the motorcycle rider who was thrown inside the car - were killed instantly. The graphic scene was displayed at a motorcycle fair by police to demonstrate the dangers of using a cell phone while driving.

AP Notes Sept 2 2009msmckennna

Winter driving october 2013

Alan Bassett

The document provides tips and guidance for winter driving. It recommends (1) preparing your vehicle for winter by servicing it and checking fluids, tires, lights, and wipers; (2) taking an emergency kit with supplies in case you become stranded; and (3) changing your driving habits by slowing down, increasing following distances, and using caution on slippery roads. It also gives specific advice for driving in fog, snow, rain, wind, and floods. The overall message is to prepare your vehicle, drive carefully according to conditions, and know what to do in an emergency to stay safe during winter travel.

94 Crane Overturns

Alan Bassett

A 550-tonne truck-mounted crane overturned at the Port of Invergordon in Scotland on September 9, 2011. The crane was being relocated when its outriggers were pulled in to pass an obstruction but were not re-extended, causing the crane to lose stability. As the road camber changed, the crane tipped over. Thankfully no one was injured in the incident, though the boom came down on a nearby 100-tonne crane, damaging its cab.

Obowiązki gmin w zakresie gospodarki odpadamiEkokonsultacje

FSO Presentation June 2011

Alan Bassett

Driving at Work HSE Guide

Alan Bassett

MySQL源码分析.03.InnoDB 物理文件格式与数据恢复Lixun Peng

What Do You Need

Paige Allison Duncan

This presentation provides an overview of an upcoming kindergarten unit called "What do you need?". The unit will last one week and teach students the difference between a need and a want. Students will participate in activities guided by essential, unit, and content questions about needs versus wants. The unit promotes critical thinking skills and benefits students by helping them distinguish needs from wants to better manage resources in the future.

MRF Lack- och skadedag - Kommunikation i digitala kanalerTobias Franzén

Worker and forklift fell through opening

Alan Bassett

Kp event presentation_steph

Brightwave Group

This document discusses community management for social learning in the workplace. It outlines the rise of social learning through external networking platforms, internal networking tools like Yammer, and social features integrated with learning management systems. The benefits of social learning include increased knowledge sharing, reduced training costs, and accessibility from any device. However, companies face challenges in harnessing social tools, providing support, and identifying roles to manage social learning communities. The document then provides a framework for launching a successful social learning community, including determining needs, choosing tools, defining community manager roles, launching the initial community, ongoing development, and measuring ROI.

Ss Neshep

Alan Bassett

Stuart Shirreff is the Head of Safety and Assurance at KDC Contractors Limited, a company that employs 138 specialists to provide decommissioning, deconstruction, demolition, and land remediation services. KDC works for a variety of chemical, nuclear, and industrial clients. It owns its own nuclear decommissioning, rigging, and asbestos abatement teams. KDC is working to simplify its risk assessment documentation and enhance toolbox talks and daily pre-task risk assessments to further improve workforce safety. With a focus on safety, KDC has not had a RIDDOR reportable incident in over 6 years and has received numerous safety awards from clients and industry organizations.

Portfolio Sandra Vargas

Sandra Vargas

Share point 2010 overview

MJ Ferdous

Camo Tech (Apr 2010)

rogeratnj

CAMO Technologies is a certified minority-owned business founded in 1997 that provides innovative software solutions and project management. It has expertise in technologies like Microsoft .NET, SharePoint, mobile applications, and open source development. CAMO offers various services including .NET application development, SharePoint portals, mobile apps, open source apps, and IT infrastructure management.

Viewers also liked

Falling off a blog: Branding social media and why you should write more

Brightwave Group

Content Quality Checklist By Heidi Cohen of Actionable Marketing Guide

Heidi Cohen

Winslow overview june 12 2013

vbullara

Website analytics beyond your presentation

pbrolley

DgDevelopmentGroup

Next generation learning: How new tech are changing the game

Brightwave Group

$Driving And Mobiles Don\'t Mix$ $Driving And Mobiles Don\'t Mix$

Driving And Mobiles Don\'t Mix

Alan Bassett

AP Notes Sept 2 2009msmckennna

Winter driving october 2013

Alan Bassett

94 Crane Overturns

Alan Bassett

Obowiązki gmin w zakresie gospodarki odpadamiEkokonsultacje

FSO Presentation June 2011

Alan Bassett

Driving at Work HSE Guide

Alan Bassett

MySQL源码分析.03.InnoDB 物理文件格式与数据恢复Lixun Peng

What Do You Need

Paige Allison Duncan

MRF Lack- och skadedag - Kommunikation i digitala kanalerTobias Franzén

Worker and forklift fell through opening

Alan Bassett

Kp event presentation_steph

Brightwave Group

Ss Neshep

Alan Bassett

Portfolio Sandra Vargas

Sandra Vargas

Viewers also liked (20)

Falling off a blog: Branding social media and why you should write more

Content Quality Checklist By Heidi Cohen of Actionable Marketing Guide

Winslow overview june 12 2013

Website analytics beyond your presentation

Next generation learning: How new tech are changing the game

$Driving And Mobiles Don\'t Mix$ $Driving And Mobiles Don\'t Mix$

Driving And Mobiles Don\'t Mix

AP Notes Sept 2 2009

Winter driving october 2013

94 Crane Overturns

Obowiązki gmin w zakresie gospodarki odpadami

FSO Presentation June 2011

Driving at Work HSE Guide

MySQL源码分析.03.InnoDB 物理文件格式与数据恢复

What Do You Need

MRF Lack- och skadedag - Kommunikation i digitala kanaler

Worker and forklift fell through opening

Kp event presentation_steph

Ss Neshep

Portfolio Sandra Vargas

Namics – A Merkle Company

This document summarizes how Sitecore can drive commercial success through personalization. It provides case studies of how Sitecore was used by Scandlines, University of Toronto, easyJet, and Nissan to improve customer experiences and business outcomes. Sitecore allowed these companies to personalize experiences for each customer through rules-based personalization, campaign management, and automation based on customer data and behaviors. This resulted in outcomes like reduced bounce rates, increased engagement, and improved conversion rates.

Customer Experience: Best Practices aus aktuellen Projekten.

Namics – A Merkle Company

Digital analytics namics marco hassler_20140822

Namics – A Merkle Company

CONNECT Web Experience - Basel. Treffen der AEM Developer Community.

Namics – A Merkle Company

Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...

Namics – A Merkle Company

The document discusses the need for Distrelec, an industrial supplier, to transform its marketing approach from traditional to digital. It outlines: - The starting position of Distrelec's marketing and the changing demands of customers that require a new approach. - Steps taken to transform the marketing model including changing the organization structure, building new skills, and driving digital orientation. - The new marketing agenda focuses on increasing demand generation, improving the e-commerce platform, and driving a multi-channel customer experience. - Key aspects of the new approach include organizing marketing functions around demand generation, operations of the e-platform, and communications/branding. New roles, workflows, and KPIs will also

Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...Namics – A Merkle Company

Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...Namics – A Merkle Company

More from Namics – A Merkle Company (20)

Namics Masterclass @ DMEXCO 2020

Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...

BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...

Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...

People-based Marketing: How Data, Automatisation & Customer Centricity usher ...

Webinar Lead Nurturing von Namics und Adobe am 21.06.2018

SEO Webinar von Namics und Searchmetrics am 30.01.2018

Webinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems

Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...

Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017

Namics Walk-in Lab Smart Services 05.10.2016

IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck

Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...

Customer Engagement with Sitecore: From Experience to Conversion

Customer Experience: Best Practices aus aktuellen Projekten.

Digital analytics namics marco hassler_20140822

CONNECT Web Experience - Basel. Treffen der AEM Developer Community.

Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...

Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...

Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...

Recently uploaded

Best practices for project execution and delivery

CLIVE MINCHIN

A select set of project management best practices to keep your project on-track, on-cost and aligned to scope. Many firms have don't have the necessary skills, diligence, methods and oversight of their projects; this leads to slippage, higher costs and longer timeframes. Often firms have a history of projects that simply failed to move the needle. These best practices will help your firm avoid these pitfalls but they require fortitude to apply.

一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理

taqyea

永久可查学历认证【微信：A575476】【(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证成绩单Offer】【微信：A575476】（留信学历认证永久存档查询）采用学校原版纸张、特殊工艺完全按照原版一比一制作（包括：隐形水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠，文字图案浮雕，激光镭射，紫外荧光，温感，复印防伪）行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备，十五年致力于帮助留学生解决难题，业务范围有加拿大、英国、澳洲、韩国、美国、新加坡，新西兰等学历材料，包您满意。【业务选择办理准则】一、工作未确定，回国需先给父母、亲戚朋友看下文凭的情况，办理一份就读学校的毕业证【微信：A575476】文凭即可二、回国进私企、外企、自己做生意的情况，这些单位是不查询毕业证真伪的，而且国内没有渠道去查询国外文凭的真假，也不需要提供真实教育部认证。鉴于此，办理一份毕业证【微信：A575476】即可三、进国企，银行，事业单位，考公务员等等，这些单位是必需要提供真实教育部认证的，办理教育部认证所需资料众多且烦琐，所有材料您都必须提供原件，我们凭借丰富的经验，快捷的绿色通道帮您快速整合材料，让您少走弯路。留信网认证的作用: 1:该专业认证可证明留学生真实身份 2:同时对留学生所学专业登记给予评定 3:国家专业人才认证中心颁发入库证书 4:这个认证书并且可以归档倒地方 5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息 6:个人职称评审加20分 7:个人信誉贷款加10分 8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才 → 【关于价格问题（保证一手价格）我们所定的价格是非常合理的，而且我们现在做得单子大多数都是代理和回头客户介绍的所以一般现在有新的单子我给客户的都是第一手的代理价格，因为我想坦诚对待大家不想跟大家在价格方面浪费时间对于老客户或者被老客户介绍过来的朋友，我们都会适当给一些优惠。选择实体注册公司办理，更放心，更安全！我们的承诺：可来公司面谈，可签订合同，会陪同客户一起到教育部认证窗口递交认证材料，客户在教育部官方认证查询网站查询到认证通过结果后付款，不成功不收费！

Chapter 7 Final business management sciences .ppt

ssuser567e2d

DearbornMusic-KatherineJasperFullSailUni

katiejasper96

Maksym Vyshnivetskyi: PMO KPIs (UA) (#12)

Lviv Startup Club

Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian Matka

➒➌➎➏➑➐➋➑➐➐Dpboss Matka Guessing Satta Matka Kalyan Chart Indian Matka

TIMES BPO: Business Plan For Startup Industry

timesbpobusiness

3 Simple Steps To Buy Verified Payoneer Account In 2024

SEOSMMEARTH

Buy Verified Payoneer Account: Quick and Secure Way to Receive Payments Buy Verified Payoneer Account With 100% secure documents, [ USA, UK, CA ]. Are you looking for a reliable and safe way to receive payments online? Then you need buy verified Payoneer account ! Payoneer is a global payment platform that allows businesses and individuals to send and receive money in over 200 countries. If You Want To More Information just Contact Now: Skype: SEOSMMEARTH Telegram: @seosmmearth Gmail: seosmmearth@gmail.com

Pitch Deck Teardown: Kinnect's $250k Angel deck

HajeJanKamps

Zodiac Signs and Food Preferences_ What Your Sign Says About Your Taste

my Pandit

The Genesis of BriansClub.cm Famous Dark WEb Platform

SabaaSudozai

Hamster Kombat' Telegram Game Surpasses 100 Million Players—Token Release Sch...

SOFTTECHHUB

How MJ Global Leads the Packaging Industry.pdf

MJ Global

Business storytelling: key ingredients to a story

Alexandra Fulford

Best Competitive Marble Pricing in Dubai - ☎ 9928909666

Stone Art Hub

Unveiling the Dynamic Personalities, Key Dates, and Horoscope Insights: Gemin...

my Pandit

How are Lilac French Bulldogs Beauty Charming the World and Capturing Hearts....

Lacey Max

“After being the most listed dog breed in the United States for 31 years in a row, the Labrador Retriever has dropped to second place in the American Kennel Club's annual survey of the country's most popular canines. The French Bulldog is the new top dog in the United States as of 2022. The stylish puppy has ascended the rankings in rapid time despite having health concerns and limited color choices.”

❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka Result Satta Matka Guessing Satta Fix jodi Kalyan Fin...

❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart

Top mailing list providers in the USA.pptx

JeremyPeirce1

Registered-Establishment-List-in-Uttarakhand-pdf.pdf

dazzjoker

Recently uploaded (20)

Best practices for project execution and delivery

一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理

Chapter 7 Final business management sciences .ppt

DearbornMusic-KatherineJasperFullSailUni

Maksym Vyshnivetskyi: PMO KPIs (UA) (#12)

Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian Matka

TIMES BPO: Business Plan For Startup Industry

3 Simple Steps To Buy Verified Payoneer Account In 2024

Pitch Deck Teardown: Kinnect's $250k Angel deck

Zodiac Signs and Food Preferences_ What Your Sign Says About Your Taste

The Genesis of BriansClub.cm Famous Dark WEb Platform

Hamster Kombat' Telegram Game Surpasses 100 Million Players—Token Release Sch...

How MJ Global Leads the Packaging Industry.pdf

Business storytelling: key ingredients to a story

Best Competitive Marble Pricing in Dubai - ☎ 9928909666

Unveiling the Dynamic Personalities, Key Dates, and Horoscope Insights: Gemin...

How are Lilac French Bulldogs Beauty Charming the World and Capturing Hearts....

❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka Result Satta Matka Guessing Satta Fix jodi Kalyan Fin...

Top mailing list providers in the USA.pptx

Registered-Establishment-List-in-Uttarakhand-pdf.pdf

Die Reise des Mobile Content

1. Die Reise des Mobile Content. Namics. Bernd Jansen. Technical Architect. Alexander Maier. Senior Software Engineer. 28. März 2012.

2. Mobile. Eisberg. • Mobile Website • Mobile App • Content Management • Device Fragmentation • Application Integration • Support Functions Technologie. Architektur. Innovation. Namics.

3. Agenda. 1. Responsive Layout 2. Dediziertes Mobile Web 3. Native App 4. Hybrid App Technologie. Architektur. Innovation. Namics.

4. Responsive. Small Screen Large Screen Technologie. Architektur. Innovation. Namics.

5. Responsive. Beispiele. Technologie. Architektur. Innovation. Namics.

6. Technologie. Architektur. Innovation. Namics.

8. Responsive. Technologie. • Web Standards • Flexible Grid • Media Queries • Mobile Frameworks • Content Management Technologie. Architektur. Innovation. Namics.

9. CSS3. Media Queries. • Max Width • Min Width • Device Width • Orientation • Pixel Ratio Technologie. Architektur. Innovation. Namics.

10. Responsive. Architektur. Browser Content Delivery Responsive Layout Technologie. Architektur. Innovation. Namics.

11. Responsive. Architektur. Browser Content Management Content Delivery Responsive Layout Content Technologie. Architektur. Innovation. Namics.

12. Mobile Web. Mobile Browser Technologie. Architektur. Innovation. Namics.

13. Mobile Web. Beispiele. Technologie. Architektur. Innovation. Namics.

14. Mobile Web. Technologie. • Web Standards • Viewport • Flexible Grid • Media Queries • Mobile Frameworks • Dedizierter Content • Device Detection Technologie. Architektur. Innovation. Namics.

15. Mobile Web. Architektur. Browser Mobile Detection Content Delivery Website or Mobile Website Technologie. Architektur. Innovation. Namics.

16. Mobile Web. Architektur. Browser Mobile Detection Content Management Content Content Delivery Website or ↓ Mobile Website Mobile Content Technologie. Architektur. Innovation. Namics.

17. Native. Technologie. Architektur. Innovation. Namics.

18. Native. Beispiele. Technologie. Architektur. Innovation. Namics.

19. Native. Technologie. • Plattformspezifisch • Hardware Access • Haptik • CRs / Updates • Interface Versioni... • X-Platform Dev. Technologie. Architektur. Innovation. Namics.

20. Hybrid. Technologie. Architektur. Innovation. Namics.

21. Hybrid. Technologie. Architektur. Innovation. Namics.

22. Hybrid. Beispiele. Technologie. Architektur. Innovation. Namics.

23. Hybrid. Technologie. • Native Wrapper • Web Standards • Hardware Access Best of Both Worlds! Technologie. Architektur. Innovation. Namics.

24. Hybrid. Architektur. Native App Content Browser Sync Online Interface Backend Integration Technologie. Architektur. Innovation. Namics.

25. Hybrid. Architektur. Native App Content Sync Content Sync Browser Online Interface Content Delivery External Interface Technologie. Architektur. Innovation. Namics.

26. Hybrid. Architektur. Content Native App Content Sync Content Sync Management Browser Website Content ↓ Mobile Content Online Interface Content Delivery ↓ Ofﬂine Content External Interface Technologie. Architektur. Innovation. Namics.

27. Hybrid. Architektur. Content Native App Content Sync Content Sync Management Browser Website Content ↓ Mobile Content Online Interface Content Delivery ↓ Ofﬂine Content Integration Layer External Systems External ERP, CRM, etc Interface Technologie. Architektur. Innovation. Namics.

28. Hybrid. Architektur. Content Native App Content Sync Content Sync Management Browser Website Content ↓ Mobile Content Online Interface Content Delivery ↓ Ofﬂine Content Integration Layer External Systems External ERP, CRM, etc Interface Technologie. Architektur. Innovation. Namics.

29. Weiteres. Distribution Location based Data Handling Offline Strong Authentication Analytics Transactions (offline) Personalization Technologie. Architektur. Innovation. Namics.

30. Danke. Responsive Layout. Dediziertes Mobile Web. Native App. Hybrid App. bernd.jansen@namics.com alexander.maier@namics.com

Die Reise des Mobile Content

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Die Reise des Mobile Content

Similar to Die Reise des Mobile Content (20)

More from Namics – A Merkle Company

More from Namics – A Merkle Company (20)

Recently uploaded

Recently uploaded (20)

Die Reise des Mobile Content