Die Reise des MobileContent. Namics.Bernd Jansen. Technical Architect.Alexander Maier. Senior Software Engineer.28. März 2...
Mobile. Eisberg.                        • Mobile Website                        • Mobile App                   • Content M...
Agenda.1. Responsive Layout2. Dediziertes Mobile Web3. Native App4. Hybrid App                      Technologie. Architekt...
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  ...
CSS3. Media Queries.• Max Width• Min Width• Device Width• Orientation• Pixel Ratio                 Technologie. Architektu...
Responsive. Architektur.  Browser            Content Delivery             Responsive Layout                               ...
Responsive. Architektur.  Browser                                      Content                                     Managem...
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        • M...
Mobile Web. Architektur.  Browser            Mobile Detection            Content Delivery               Website or        ...
Mobile Web. Architektur.  Browser            Mobile Detection        Content                                   Management ...
Native.          Technologie. Architektur. Innovation. Namics.
Native. Beispiele.                     Technologie. Architektur. Innovation. Namics.
Native. Technologie.         • Plattformspezifisch         • Hardware Access         • Haptik         • CRs / Updates     ...
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 World...
Hybrid. Architektur.         Native App                       Content           Browser                          Sync     ...
Hybrid. Architektur.      Native App   Content                      Sync                                Content Sync      ...
Hybrid. Architektur.                                                         Content Native App   Content                 ...
Hybrid. Architektur.                                                          Content Native App   Content                ...
Hybrid. Architektur.                                                          Content Native App   Content                ...
Weiteres.DistributionLocation based Data HandlingOfflineStrong AuthenticationAnalyticsTransactions (offline)Personalizatio...
Danke.Responsive Layout.Dediziertes Mobile Web.Native App.Hybrid App.bernd.jansen@namics.comalexander.maier@namics.com
Die Reise des Mobile Content
Die Reise des Mobile Content
Upcoming SlideShare
Loading in …5
×

Die Reise des Mobile Content

3,421 views

Published on

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.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,421
On SlideShare
0
From Embeds
0
Number of Embeds
2,160
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Die Reise des Mobile Content

  1. 1. Die Reise des MobileContent. Namics.Bernd Jansen. Technical Architect.Alexander Maier. Senior Software Engineer.28. März 2012.
  2. 2. Mobile. Eisberg. • Mobile Website • Mobile App • Content Management • Device Fragmentation • Application Integration • Support Functions Technologie. Architektur. Innovation. Namics.
  3. 3. Agenda.1. Responsive Layout2. Dediziertes Mobile Web3. Native App4. Hybrid App Technologie. Architektur. Innovation. Namics.
  4. 4. Responsive. Small Screen Large Screen Technologie. Architektur. Innovation. Namics.
  5. 5. Responsive. Beispiele. Technologie. Architektur. Innovation. Namics.
  6. 6. Technologie. Architektur. Innovation. Namics.
  7. 7. Responsive. Technologie. • Web Standards • Flexible Grid • Media Queries • Mobile Frameworks • Content Management Technologie. Architektur. Innovation. Namics.
  8. 8. CSS3. Media Queries.• Max Width• Min Width• Device Width• Orientation• Pixel Ratio Technologie. Architektur. Innovation. Namics.
  9. 9. Responsive. Architektur. Browser Content Delivery Responsive Layout Technologie. Architektur. Innovation. Namics.
  10. 10. Responsive. Architektur. Browser Content Management Content Delivery Responsive Layout Content Technologie. Architektur. Innovation. Namics.
  11. 11. Mobile Web. Mobile Browser Technologie. Architektur. Innovation. Namics.
  12. 12. Mobile Web. Beispiele. Technologie. Architektur. Innovation. Namics.
  13. 13. Mobile Web. Technologie. • Web Standards • Viewport • Flexible Grid • Media Queries • Mobile Frameworks • Dedizierter Content • Device Detection Technologie. Architektur. Innovation. Namics.
  14. 14. Mobile Web. Architektur. Browser Mobile Detection Content Delivery Website or Mobile Website Technologie. Architektur. Innovation. Namics.
  15. 15. Mobile Web. Architektur. Browser Mobile Detection Content Management Content Content Delivery Website or ↓ Mobile Website Mobile Content Technologie. Architektur. Innovation. Namics.
  16. 16. Native. Technologie. Architektur. Innovation. Namics.
  17. 17. Native. Beispiele. Technologie. Architektur. Innovation. Namics.
  18. 18. Native. Technologie. • Plattformspezifisch • Hardware Access • Haptik • CRs / Updates • Interface Versioni... • X-Platform Dev. Technologie. Architektur. Innovation. Namics.
  19. 19. Hybrid. Technologie. Architektur. Innovation. Namics.
  20. 20. Hybrid. Technologie. Architektur. Innovation. Namics.
  21. 21. Hybrid. Beispiele. Technologie. Architektur. Innovation. Namics.
  22. 22. Hybrid. Technologie. • Native Wrapper • Web Standards • Hardware Access Best of Both Worlds! Technologie. Architektur. Innovation. Namics.
  23. 23. Hybrid. Architektur. Native App Content Browser Sync Online Interface Backend Integration Technologie. Architektur. Innovation. Namics.
  24. 24. Hybrid. Architektur. Native App Content Sync Content Sync Browser Online Interface Content Delivery External Interface Technologie. Architektur. Innovation. Namics.
  25. 25. 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.
  26. 26. 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.
  27. 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. 28. Weiteres.DistributionLocation based Data HandlingOfflineStrong AuthenticationAnalyticsTransactions (offline)Personalization Technologie. Architektur. Innovation. Namics.
  29. 29. Danke.Responsive Layout.Dediziertes Mobile Web.Native App.Hybrid App.bernd.jansen@namics.comalexander.maier@namics.com

×