SlideShare a Scribd company logo
1 of 31
Download to read offline
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.




          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                    ↓
                                                        Offline Content




               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                     ↓
                                                         Offline Content




                          Integration Layer                 External
                                                            Systems
               External                                   ERP, CRM, etc
              Interface




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

                                                          Content
 Native App   Content
                 Sync
                           Content Sync                  Management

   Browser                                              Website Content
                                                               ↓
                                                         Mobile Content
                Online
              Interface   Content Delivery                     ↓
                                                         Offline Content




                          Integration Layer                 External
                                                            Systems
               External                                   ERP, CRM, etc
              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
Die Reise des Mobile Content

More Related Content

Viewers also liked

Falling off a blog: Branding social media and why you should write more
Falling off a blog: Branding social media and why you should write moreFalling off a blog: Branding social media and why you should write more
Falling off a blog: Branding social media and why you should write moreBrightwave Group
 
Content Quality Checklist By Heidi Cohen of Actionable Marketing Guide
Content Quality Checklist By Heidi Cohen of Actionable Marketing GuideContent Quality Checklist By Heidi Cohen of Actionable Marketing Guide
Content Quality Checklist By Heidi Cohen of Actionable Marketing GuideHeidi Cohen
 
Winslow overview june 12 2013
Winslow overview june 12 2013Winslow overview june 12 2013
Winslow overview june 12 2013vbullara
 
Website analytics beyond your presentation
Website analytics beyond your presentationWebsite analytics beyond your presentation
Website analytics beyond your presentationpbrolley
 
Next generation learning: How new tech are changing the game
Next generation learning: How new tech are changing the gameNext generation learning: How new tech are changing the game
Next generation learning: How new tech are changing the gameBrightwave Group
 
Driving And Mobiles Don\'t Mix
Driving And Mobiles Don\'t MixDriving And Mobiles Don\'t Mix
Driving And Mobiles Don\'t MixAlan Bassett
 
AP Notes Sept 2 2009
AP Notes Sept 2 2009AP Notes Sept 2 2009
AP Notes Sept 2 2009msmckennna
 
Winter driving october 2013
Winter driving october 2013Winter driving october 2013
Winter driving october 2013Alan Bassett
 
94 Crane Overturns
94   Crane Overturns94   Crane Overturns
94 Crane OverturnsAlan Bassett
 
Obowiązki gmin w zakresie gospodarki odpadami
Obowiązki gmin w zakresie gospodarki odpadamiObowiązki gmin w zakresie gospodarki odpadami
Obowiązki gmin w zakresie gospodarki odpadamiEkokonsultacje
 
FSO Presentation June 2011
FSO Presentation June 2011FSO Presentation June 2011
FSO Presentation June 2011Alan Bassett
 
Driving at Work HSE Guide
Driving at Work HSE GuideDriving at Work HSE Guide
Driving at Work HSE GuideAlan Bassett
 
MySQL源码分析.03.InnoDB 物理文件格式与数据恢复
MySQL源码分析.03.InnoDB 物理文件格式与数据恢复MySQL源码分析.03.InnoDB 物理文件格式与数据恢复
MySQL源码分析.03.InnoDB 物理文件格式与数据恢复Lixun Peng
 
MRF Lack- och skadedag - Kommunikation i digitala kanaler
MRF Lack- och skadedag - Kommunikation i digitala kanalerMRF Lack- och skadedag - Kommunikation i digitala kanaler
MRF Lack- och skadedag - Kommunikation i digitala kanalerTobias Franzén
 
Worker and forklift fell through opening
Worker and forklift fell through openingWorker and forklift fell through opening
Worker and forklift fell through openingAlan Bassett
 
Kp event presentation_steph
Kp event presentation_stephKp event presentation_steph
Kp event presentation_stephBrightwave Group
 
Portfolio Sandra Vargas
Portfolio Sandra VargasPortfolio Sandra Vargas
Portfolio Sandra VargasSandra Vargas
 

Viewers also liked (20)

Falling off a blog: Branding social media and why you should write more
Falling off a blog: Branding social media and why you should write moreFalling off a blog: Branding social media and why you should write more
Falling off a blog: Branding social media and why you should write more
 
Content Quality Checklist By Heidi Cohen of Actionable Marketing Guide
Content Quality Checklist By Heidi Cohen of Actionable Marketing GuideContent Quality Checklist By Heidi Cohen of Actionable Marketing Guide
Content Quality Checklist By Heidi Cohen of Actionable Marketing Guide
 
Winslow overview june 12 2013
Winslow overview june 12 2013Winslow overview june 12 2013
Winslow overview june 12 2013
 
Website analytics beyond your presentation
Website analytics beyond your presentationWebsite analytics beyond your presentation
Website analytics beyond your presentation
 
Dg
DgDg
Dg
 
Next generation learning: How new tech are changing the game
Next generation learning: How new tech are changing the gameNext generation learning: How new tech are changing the game
Next generation learning: How new tech are changing the game
 
Driving And Mobiles Don\'t Mix
Driving And Mobiles Don\'t MixDriving And Mobiles Don\'t Mix
Driving And Mobiles Don\'t Mix
 
AP Notes Sept 2 2009
AP Notes Sept 2 2009AP Notes Sept 2 2009
AP Notes Sept 2 2009
 
Winter driving october 2013
Winter driving october 2013Winter driving october 2013
Winter driving october 2013
 
94 Crane Overturns
94   Crane Overturns94   Crane Overturns
94 Crane Overturns
 
Obowiązki gmin w zakresie gospodarki odpadami
Obowiązki gmin w zakresie gospodarki odpadamiObowiązki gmin w zakresie gospodarki odpadami
Obowiązki gmin w zakresie gospodarki odpadami
 
FSO Presentation June 2011
FSO Presentation June 2011FSO Presentation June 2011
FSO Presentation June 2011
 
Driving at Work HSE Guide
Driving at Work HSE GuideDriving at Work HSE Guide
Driving at Work HSE Guide
 
MySQL源码分析.03.InnoDB 物理文件格式与数据恢复
MySQL源码分析.03.InnoDB 物理文件格式与数据恢复MySQL源码分析.03.InnoDB 物理文件格式与数据恢复
MySQL源码分析.03.InnoDB 物理文件格式与数据恢复
 
What Do You Need
What Do You NeedWhat Do You Need
What Do You Need
 
MRF Lack- och skadedag - Kommunikation i digitala kanaler
MRF Lack- och skadedag - Kommunikation i digitala kanalerMRF Lack- och skadedag - Kommunikation i digitala kanaler
MRF Lack- och skadedag - Kommunikation i digitala kanaler
 
Worker and forklift fell through opening
Worker and forklift fell through openingWorker and forklift fell through opening
Worker and forklift fell through opening
 
Kp event presentation_steph
Kp event presentation_stephKp event presentation_steph
Kp event presentation_steph
 
Ss Neshep
Ss NeshepSs Neshep
Ss Neshep
 
Portfolio Sandra Vargas
Portfolio Sandra VargasPortfolio Sandra Vargas
Portfolio Sandra Vargas
 

Similar to Die Reise des Mobile Content

Share point 2010 overview
Share point 2010 overviewShare point 2010 overview
Share point 2010 overviewMJ Ferdous
 
Camo Tech (Apr 2010)
Camo Tech (Apr 2010)Camo Tech (Apr 2010)
Camo Tech (Apr 2010)rogeratnj
 
Camo Tech (Apr 2010)V191
Camo Tech (Apr 2010)V191Camo Tech (Apr 2010)V191
Camo Tech (Apr 2010)V191umeshchavan
 
Mobilize your website and web applications
Mobilize your website and web applicationsMobilize your website and web applications
Mobilize your website and web applicationsAmplexor
 
Web 2.0 presentation
Web 2.0 presentationWeb 2.0 presentation
Web 2.0 presentationrhinorick5
 
Impact of new technologies
Impact of new technologiesImpact of new technologies
Impact of new technologiesHenry Jacob
 
Netbiscuits V2 16 English
Netbiscuits V2 16 EnglishNetbiscuits V2 16 English
Netbiscuits V2 16 EnglishOtt1967
 
Sodel Solutions
Sodel SolutionsSodel Solutions
Sodel Solutionsnavendux
 
End to end content managed online mobile banking
End to end content managed online mobile bankingEnd to end content managed online mobile banking
End to end content managed online mobile bankingbkraft
 
Domain7: Mobile Web Design Approach
Domain7: Mobile Web Design ApproachDomain7: Mobile Web Design Approach
Domain7: Mobile Web Design ApproachRyan Hanawalt
 
Architectures for Adaptive Content
Architectures for Adaptive ContentArchitectures for Adaptive Content
Architectures for Adaptive Contentcleveg
 
CrownPeak Mobile Marketing Videocast
CrownPeak Mobile Marketing VideocastCrownPeak Mobile Marketing Videocast
CrownPeak Mobile Marketing VideocastShelley Iocona
 
OreDev 2008: Software + Services
OreDev 2008: Software + ServicesOreDev 2008: Software + Services
OreDev 2008: Software + Servicesukdpe
 
Gilbane SF - Content Convergence Strategies
Gilbane SF - Content Convergence StrategiesGilbane SF - Content Convergence Strategies
Gilbane SF - Content Convergence StrategiesEric Barroca
 
Signiant Overview Fall 2010
Signiant Overview Fall 2010Signiant Overview Fall 2010
Signiant Overview Fall 2010Signiant
 
Codestrong 2012 breakout session the role of cloud services in your next ge...
Codestrong 2012 breakout session   the role of cloud services in your next ge...Codestrong 2012 breakout session   the role of cloud services in your next ge...
Codestrong 2012 breakout session the role of cloud services in your next ge...Axway Appcelerator
 
An Overview of All Ericsson Labs APIs
An Overview of All Ericsson Labs APIsAn Overview of All Ericsson Labs APIs
An Overview of All Ericsson Labs APIsEricsson Labs
 
Développement cross-plateforme sans compromis avec Xamarin
Développement cross-plateforme sans compromis avec XamarinDéveloppement cross-plateforme sans compromis avec Xamarin
Développement cross-plateforme sans compromis avec XamarinMicrosoft
 

Similar to Die Reise des Mobile Content (20)

Share point 2010 overview
Share point 2010 overviewShare point 2010 overview
Share point 2010 overview
 
Camo Tech (Apr 2010)
Camo Tech (Apr 2010)Camo Tech (Apr 2010)
Camo Tech (Apr 2010)
 
Camo Tech (Apr 2010)V191
Camo Tech (Apr 2010)V191Camo Tech (Apr 2010)V191
Camo Tech (Apr 2010)V191
 
Mobilize your website and web applications
Mobilize your website and web applicationsMobilize your website and web applications
Mobilize your website and web applications
 
Web 2.0 presentation
Web 2.0 presentationWeb 2.0 presentation
Web 2.0 presentation
 
Mxim Framework
Mxim FrameworkMxim Framework
Mxim Framework
 
Impact of new technologies
Impact of new technologiesImpact of new technologies
Impact of new technologies
 
Netbiscuits V2 16 English
Netbiscuits V2 16 EnglishNetbiscuits V2 16 English
Netbiscuits V2 16 English
 
Sodel Solutions
Sodel SolutionsSodel Solutions
Sodel Solutions
 
End to end content managed online mobile banking
End to end content managed online mobile bankingEnd to end content managed online mobile banking
End to end content managed online mobile banking
 
Xamarin introduction
Xamarin introductionXamarin introduction
Xamarin introduction
 
Domain7: Mobile Web Design Approach
Domain7: Mobile Web Design ApproachDomain7: Mobile Web Design Approach
Domain7: Mobile Web Design Approach
 
Architectures for Adaptive Content
Architectures for Adaptive ContentArchitectures for Adaptive Content
Architectures for Adaptive Content
 
CrownPeak Mobile Marketing Videocast
CrownPeak Mobile Marketing VideocastCrownPeak Mobile Marketing Videocast
CrownPeak Mobile Marketing Videocast
 
OreDev 2008: Software + Services
OreDev 2008: Software + ServicesOreDev 2008: Software + Services
OreDev 2008: Software + Services
 
Gilbane SF - Content Convergence Strategies
Gilbane SF - Content Convergence StrategiesGilbane SF - Content Convergence Strategies
Gilbane SF - Content Convergence Strategies
 
Signiant Overview Fall 2010
Signiant Overview Fall 2010Signiant Overview Fall 2010
Signiant Overview Fall 2010
 
Codestrong 2012 breakout session the role of cloud services in your next ge...
Codestrong 2012 breakout session   the role of cloud services in your next ge...Codestrong 2012 breakout session   the role of cloud services in your next ge...
Codestrong 2012 breakout session the role of cloud services in your next ge...
 
An Overview of All Ericsson Labs APIs
An Overview of All Ericsson Labs APIsAn Overview of All Ericsson Labs APIs
An Overview of All Ericsson Labs APIs
 
Développement cross-plateforme sans compromis avec Xamarin
Développement cross-plateforme sans compromis avec XamarinDéveloppement cross-plateforme sans compromis avec Xamarin
Développement cross-plateforme sans compromis avec Xamarin
 

More from Namics – A Merkle Company

Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...Namics – A Merkle Company
 
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...Namics – A Merkle Company
 
Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...
 Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z... Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...
Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...Namics – A Merkle Company
 
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...Namics – A Merkle Company
 
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018Namics – A Merkle Company
 
SEO Webinar von Namics und Searchmetrics am 30.01.2018
SEO Webinar von Namics und Searchmetrics am 30.01.2018SEO Webinar von Namics und Searchmetrics am 30.01.2018
SEO Webinar von Namics und Searchmetrics am 30.01.2018Namics – A Merkle Company
 
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo SystemsWebinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo SystemsNamics – A Merkle Company
 
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...Namics – A Merkle Company
 
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017Namics – A Merkle Company
 
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens ReufsteckIoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens ReufsteckNamics – A Merkle Company
 
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...Namics – A Merkle Company
 
Customer Engagement with Sitecore: From Experience to Conversion
Customer Engagement with Sitecore: From Experience to ConversionCustomer Engagement with Sitecore: From Experience to Conversion
Customer Engagement with Sitecore: From Experience to ConversionNamics – A Merkle Company
 
Customer Experience: Best Practices aus aktuellen Projekten.
Customer Experience: Best Practices aus aktuellen Projekten.Customer Experience: Best Practices aus aktuellen Projekten.
Customer Experience: Best Practices aus aktuellen Projekten.Namics – A Merkle Company
 
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.Namics – A Merkle Company
 
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...Namics – A Merkle Company
 
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...Namics – A Merkle Company
 
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...Namics – A Merkle Company
 

More from Namics – A Merkle Company (20)

Namics Masterclass @ DMEXCO 2020
Namics Masterclass @ DMEXCO 2020Namics Masterclass @ DMEXCO 2020
Namics Masterclass @ DMEXCO 2020
 
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...
 
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...
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...
 Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z... Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...
Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...
 
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...
 
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
Webinar Lead Nurturing von Namics und Adobe am 21.06.2018
 
SEO Webinar von Namics und Searchmetrics am 30.01.2018
SEO Webinar von Namics und Searchmetrics am 30.01.2018SEO Webinar von Namics und Searchmetrics am 30.01.2018
SEO Webinar von Namics und Searchmetrics am 30.01.2018
 
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo SystemsWebinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
Webinar "DSGVO – Der Countdown läuft " Namics und Stibo Systems
 
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
Agile Usergroup Rhein Main Treffen 17.08.2017 – Einführung in "Objectives und...
 
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
Namics & Adobe Industrie-Workshop "Be smart" vom 23.05.2017
 
Namics Walk-in Lab Smart Services 05.10.2016
Namics Walk-in Lab Smart Services 05.10.2016Namics Walk-in Lab Smart Services 05.10.2016
Namics Walk-in Lab Smart Services 05.10.2016
 
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens ReufsteckIoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
IoT und Mobile Connectivity – Vortrag auf der Hannovermesse von Jens Reufsteck
 
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
Mit quantitativen Personas zu höherer Conversion - Von der Konzeption bis zur...
 
Customer Engagement with Sitecore: From Experience to Conversion
Customer Engagement with Sitecore: From Experience to ConversionCustomer Engagement with Sitecore: From Experience to Conversion
Customer Engagement with Sitecore: From Experience to Conversion
 
Customer Experience: Best Practices aus aktuellen Projekten.
Customer Experience: Best Practices aus aktuellen Projekten.Customer Experience: Best Practices aus aktuellen Projekten.
Customer Experience: Best Practices aus aktuellen Projekten.
 
Digital analytics namics marco hassler_20140822
Digital analytics namics marco hassler_20140822Digital analytics namics marco hassler_20140822
Digital analytics namics marco hassler_20140822
 
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
CONNECT Web Experience - Basel. Treffen der AEM Developer Community.
 
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...
 
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
Fachveranstaltung Digital Marketing – Agil, flexibel und adaptiv – das sind n...
 
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
Fachveranstaltung Digital Marketing – Multichannel, CRM, Kampagnen – und was ...
 

Recently uploaded

Pitch Deck Teardown: Xpanceo's $40M Seed deck
Pitch Deck Teardown: Xpanceo's $40M Seed deckPitch Deck Teardown: Xpanceo's $40M Seed deck
Pitch Deck Teardown: Xpanceo's $40M Seed deckHajeJanKamps
 
trending-flavors-and-ingredients-in-salty-snacks-us-2024_Redacted-V2.pdf
trending-flavors-and-ingredients-in-salty-snacks-us-2024_Redacted-V2.pdftrending-flavors-and-ingredients-in-salty-snacks-us-2024_Redacted-V2.pdf
trending-flavors-and-ingredients-in-salty-snacks-us-2024_Redacted-V2.pdfMintel Group
 
Psychic Reading | Spiritual Guidance – Astro Ganesh Ji
Psychic Reading | Spiritual Guidance – Astro Ganesh JiPsychic Reading | Spiritual Guidance – Astro Ganesh Ji
Psychic Reading | Spiritual Guidance – Astro Ganesh Jiastral oracle
 
Introducing the AI ShillText Generator A New Era for Cryptocurrency Marketing...
Introducing the AI ShillText Generator A New Era for Cryptocurrency Marketing...Introducing the AI ShillText Generator A New Era for Cryptocurrency Marketing...
Introducing the AI ShillText Generator A New Era for Cryptocurrency Marketing...PRnews2
 
Paul Turovsky - Real Estate Professional
Paul Turovsky - Real Estate ProfessionalPaul Turovsky - Real Estate Professional
Paul Turovsky - Real Estate ProfessionalPaul Turovsky
 
5-Step Framework to Convert Any Business into a Wealth Generation Machine.pdf
5-Step Framework to Convert Any Business into a Wealth Generation Machine.pdf5-Step Framework to Convert Any Business into a Wealth Generation Machine.pdf
5-Step Framework to Convert Any Business into a Wealth Generation Machine.pdfSherl Simon
 
MEP Plans in Construction of Building and Industrial Projects 2024
MEP Plans in Construction of Building and Industrial Projects 2024MEP Plans in Construction of Building and Industrial Projects 2024
MEP Plans in Construction of Building and Industrial Projects 2024Chandresh Chudasama
 
The McKinsey 7S Framework: A Holistic Approach to Harmonizing All Parts of th...
The McKinsey 7S Framework: A Holistic Approach to Harmonizing All Parts of th...The McKinsey 7S Framework: A Holistic Approach to Harmonizing All Parts of th...
The McKinsey 7S Framework: A Holistic Approach to Harmonizing All Parts of th...Operational Excellence Consulting
 
Rakhi sets symbolizing the bond of love.pptx
Rakhi sets symbolizing the bond of love.pptxRakhi sets symbolizing the bond of love.pptx
Rakhi sets symbolizing the bond of love.pptxRakhi Bazaar
 
Driving Business Impact for PMs with Jon Harmer
Driving Business Impact for PMs with Jon HarmerDriving Business Impact for PMs with Jon Harmer
Driving Business Impact for PMs with Jon HarmerAggregage
 
Vladyslav Fliahin: Applications of Gen AI in CV (UA)
Vladyslav Fliahin: Applications of Gen AI in CV (UA)Vladyslav Fliahin: Applications of Gen AI in CV (UA)
Vladyslav Fliahin: Applications of Gen AI in CV (UA)Lviv Startup Club
 
Send Files | Sendbig.comSend Files | Sendbig.com
Send Files | Sendbig.comSend Files | Sendbig.comSend Files | Sendbig.comSend Files | Sendbig.com
Send Files | Sendbig.comSend Files | Sendbig.comSendBig4
 
WSMM Media and Entertainment Feb_March_Final.pdf
WSMM Media and Entertainment Feb_March_Final.pdfWSMM Media and Entertainment Feb_March_Final.pdf
WSMM Media and Entertainment Feb_March_Final.pdfJamesConcepcion7
 
NAB Show Exhibitor List 2024 - Exhibitors Data
NAB Show Exhibitor List 2024 - Exhibitors DataNAB Show Exhibitor List 2024 - Exhibitors Data
NAB Show Exhibitor List 2024 - Exhibitors DataExhibitors Data
 
Excvation Safety for safety officers reference
Excvation Safety for safety officers referenceExcvation Safety for safety officers reference
Excvation Safety for safety officers referencessuser2c065e
 
Welding Electrode Making Machine By Deccan Dynamics
Welding Electrode Making Machine By Deccan DynamicsWelding Electrode Making Machine By Deccan Dynamics
Welding Electrode Making Machine By Deccan DynamicsIndiaMART InterMESH Limited
 
Entrepreneurial ecosystem- Wider context
Entrepreneurial ecosystem- Wider contextEntrepreneurial ecosystem- Wider context
Entrepreneurial ecosystem- Wider contextP&CO
 
Simplify Your Funding: Quick and Easy Business Loans
Simplify Your Funding: Quick and Easy Business LoansSimplify Your Funding: Quick and Easy Business Loans
Simplify Your Funding: Quick and Easy Business LoansNugget Global
 
Neha Jhalani Hiranandani: A Guide to Her Life and Career
Neha Jhalani Hiranandani: A Guide to Her Life and CareerNeha Jhalani Hiranandani: A Guide to Her Life and Career
Neha Jhalani Hiranandani: A Guide to Her Life and Careerr98588472
 
Fundamentals Welcome and Inclusive DEIB
Fundamentals Welcome and  Inclusive DEIBFundamentals Welcome and  Inclusive DEIB
Fundamentals Welcome and Inclusive DEIBGregory DeShields
 

Recently uploaded (20)

Pitch Deck Teardown: Xpanceo's $40M Seed deck
Pitch Deck Teardown: Xpanceo's $40M Seed deckPitch Deck Teardown: Xpanceo's $40M Seed deck
Pitch Deck Teardown: Xpanceo's $40M Seed deck
 
trending-flavors-and-ingredients-in-salty-snacks-us-2024_Redacted-V2.pdf
trending-flavors-and-ingredients-in-salty-snacks-us-2024_Redacted-V2.pdftrending-flavors-and-ingredients-in-salty-snacks-us-2024_Redacted-V2.pdf
trending-flavors-and-ingredients-in-salty-snacks-us-2024_Redacted-V2.pdf
 
Psychic Reading | Spiritual Guidance – Astro Ganesh Ji
Psychic Reading | Spiritual Guidance – Astro Ganesh JiPsychic Reading | Spiritual Guidance – Astro Ganesh Ji
Psychic Reading | Spiritual Guidance – Astro Ganesh Ji
 
Introducing the AI ShillText Generator A New Era for Cryptocurrency Marketing...
Introducing the AI ShillText Generator A New Era for Cryptocurrency Marketing...Introducing the AI ShillText Generator A New Era for Cryptocurrency Marketing...
Introducing the AI ShillText Generator A New Era for Cryptocurrency Marketing...
 
Paul Turovsky - Real Estate Professional
Paul Turovsky - Real Estate ProfessionalPaul Turovsky - Real Estate Professional
Paul Turovsky - Real Estate Professional
 
5-Step Framework to Convert Any Business into a Wealth Generation Machine.pdf
5-Step Framework to Convert Any Business into a Wealth Generation Machine.pdf5-Step Framework to Convert Any Business into a Wealth Generation Machine.pdf
5-Step Framework to Convert Any Business into a Wealth Generation Machine.pdf
 
MEP Plans in Construction of Building and Industrial Projects 2024
MEP Plans in Construction of Building and Industrial Projects 2024MEP Plans in Construction of Building and Industrial Projects 2024
MEP Plans in Construction of Building and Industrial Projects 2024
 
The McKinsey 7S Framework: A Holistic Approach to Harmonizing All Parts of th...
The McKinsey 7S Framework: A Holistic Approach to Harmonizing All Parts of th...The McKinsey 7S Framework: A Holistic Approach to Harmonizing All Parts of th...
The McKinsey 7S Framework: A Holistic Approach to Harmonizing All Parts of th...
 
Rakhi sets symbolizing the bond of love.pptx
Rakhi sets symbolizing the bond of love.pptxRakhi sets symbolizing the bond of love.pptx
Rakhi sets symbolizing the bond of love.pptx
 
Driving Business Impact for PMs with Jon Harmer
Driving Business Impact for PMs with Jon HarmerDriving Business Impact for PMs with Jon Harmer
Driving Business Impact for PMs with Jon Harmer
 
Vladyslav Fliahin: Applications of Gen AI in CV (UA)
Vladyslav Fliahin: Applications of Gen AI in CV (UA)Vladyslav Fliahin: Applications of Gen AI in CV (UA)
Vladyslav Fliahin: Applications of Gen AI in CV (UA)
 
Send Files | Sendbig.comSend Files | Sendbig.com
Send Files | Sendbig.comSend Files | Sendbig.comSend Files | Sendbig.comSend Files | Sendbig.com
Send Files | Sendbig.comSend Files | Sendbig.com
 
WSMM Media and Entertainment Feb_March_Final.pdf
WSMM Media and Entertainment Feb_March_Final.pdfWSMM Media and Entertainment Feb_March_Final.pdf
WSMM Media and Entertainment Feb_March_Final.pdf
 
NAB Show Exhibitor List 2024 - Exhibitors Data
NAB Show Exhibitor List 2024 - Exhibitors DataNAB Show Exhibitor List 2024 - Exhibitors Data
NAB Show Exhibitor List 2024 - Exhibitors Data
 
Excvation Safety for safety officers reference
Excvation Safety for safety officers referenceExcvation Safety for safety officers reference
Excvation Safety for safety officers reference
 
Welding Electrode Making Machine By Deccan Dynamics
Welding Electrode Making Machine By Deccan DynamicsWelding Electrode Making Machine By Deccan Dynamics
Welding Electrode Making Machine By Deccan Dynamics
 
Entrepreneurial ecosystem- Wider context
Entrepreneurial ecosystem- Wider contextEntrepreneurial ecosystem- Wider context
Entrepreneurial ecosystem- Wider context
 
Simplify Your Funding: Quick and Easy Business Loans
Simplify Your Funding: Quick and Easy Business LoansSimplify Your Funding: Quick and Easy Business Loans
Simplify Your Funding: Quick and Easy Business Loans
 
Neha Jhalani Hiranandani: A Guide to Her Life and Career
Neha Jhalani Hiranandani: A Guide to Her Life and CareerNeha Jhalani Hiranandani: A Guide to Her Life and Career
Neha Jhalani Hiranandani: A Guide to Her Life and Career
 
Fundamentals Welcome and Inclusive DEIB
Fundamentals Welcome and  Inclusive DEIBFundamentals Welcome and  Inclusive DEIB
Fundamentals Welcome and Inclusive DEIB
 

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.
  • 7.
  • 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 ↓ Offline 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 ↓ Offline 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 ↓ Offline 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