Web Mobile
Trải nghiệm mobile tối ưu với PWA, touch interface và offline support
Tổng quan Web Mobile
Web Mobile module tối ưu Odoo cho mobile devices với responsive design, touch gestures, và Progressive Web App capabilities.
Cung cấp trải nghiệm gần như native app với offline support, push notifications, và home screen installation.
Điểm chính
• PWA: Progressive Web App với offline capabilities
• Touch Interface: Optimized cho touch interactions
• Responsive Design: Auto-adapt layout cho mọi screen size
• Offline Mode: Cache data cho offline access
• Push Notifications: Real-time notifications trên mobile
• Home Screen Install: Add to home screen như native app
• Camera Integration: Access camera cho barcode scanning, photos
• Geolocation: GPS integration cho location-based features
PWA Features
Điểm chính
• Service Worker: Cache assets và data cho offline access
• App Manifest: Define app name, icons, theme colors
• Install Prompt: Prompt users để install app
• Splash Screen: Custom splash screen khi launch app
• Standalone Mode: Chạy fullscreen không có browser UI
• Background Sync: Sync data khi online trở lại
• Push Notifications: Receive notifications khi app closed
Mobile-Optimized Views
View optimizations cho mobile
| View Type | Mobile Optimization |
|---|---|
| Form View | Single column layout, larger touch targets, collapsible sections |
| List View | Swipe actions, pull-to-refresh, infinite scroll |
| Kanban View | Touch-friendly cards, swipe between columns |
| Calendar View | Touch gestures for navigation, simplified day view |
| Search Panel | Collapsible filters, bottom sheet on mobile |
Best Practices
Điểm chính
• Design mobile-first, sau đó scale up cho desktop
• Touch targets tối thiểu 44x44px
• Sử dụng bottom navigation cho mobile
• Minimize text input, prefer selections
• Cache critical data cho offline access
• Optimize images cho mobile bandwidth
• Test trên real devices, không chỉ emulators