Creating User-Customizable Mobile Menus
•Download as PPTX, PDF•
2 likes•178 views
Building mobile menus just got a lot simpler thanks to the OutSystems forge! Join this demonstration as we show you how to create user-customizable mobile bottom-bar menus, and incorporate custom touch events (like long press), drag and drop, and animations all with minimal effort.This session will show how this component was created and how to use it.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Creating User-Customizable Mobile Menus
Similar to Creating User-Customizable Mobile Menus (20)
More from OutSystems
More from OutSystems (20)
Recently uploaded
Recently uploaded (20)
Creating User-Customizable Mobile Menus
- 1. | User Customizable Mobile Menus Leveraging the Forge Creating User Customizable Mobile Menus
- 2. | User Customizable Mobile Menus| User Customizable Mobile Menus Justin Babel Partner Success Manager @ Americas | OutSystems @ in justin.babel@outsystems.com /justinbabel
- 3. | User Customizable Mobile Menus Agenda ● Forge ■ Overview ■ In Action ● Planning your next component ● Mobile Menu Component ■ Planning ■ Component Make-up ■ Architecture
- 4. | User Customizable Mobile Menus Objective New to OutSystems? Seasoned OutSystems Vet?
- 5. | User Customizable Mobile Menus| User Customizable Mobile Menus Forge
- 6. | User Customizable Mobile Menus Forge ● Accelerators, Widgets, Applications. ● Open Source. ● Highly adaptable to quickly drive business value. ● Search Forge first; Don’t reinvent the wheel.
- 7. | User Customizable Mobile Menus “Did you search the forge first?” - A wise OutSystems developer
- 8. | User Customizable Mobile Menus| User Customizable Mobile Menus Forge in action
- 9. | User Customizable Mobile Menus Hammer.JS JavaScript library for recognizing gestures by touch, mouse, and pointerEvents.
- 10. | User Customizable Mobile Menus Custom Touch Events ● Max reusability with minimum development time and effort ● Simplifies options and call back events ● No JavaScript Knowledge required
- 11. | User Customizable Mobile Menus JavaScript: Triple tap w/ call back
- 12. | User Customizable Mobile Menus OutSystems: Triple tap w/ call back
- 13. | User Customizable Mobile Menus
- 14. | User Customizable Mobile Menus| User Customizable Mobile Menus Planning your next component
- 15. | User Customizable Mobile Menus Key objectives when planning your next component: ● MVP ● Complexity to Simplicity ● Reusability with business value ● Room for continuous improvement ● Quality & Quantity
- 16. | User Customizable Mobile Menus MVP ● Minimum Viable Product ● ...to an extent. Add enough value to component user. ● Target time to build component vs time for user to implement ● User feedback
- 17. | User Customizable Mobile Menus Complexity to Simplicity ● Complex to build ● Simple to use ● Intuitiveness ● Documentation
- 18. | User Customizable Mobile Menus Reusability with business value ● Vanilla; Widely adaptable ● Extendable ● Add business value across multiple industries
- 19. | User Customizable Mobile Menus Continuous improvement ● Build with room to improve/enhance ● Vision ● Gather feedback to drive enhancement backlog
- 20. | User Customizable Mobile Menus Quality & Quantity ● Quality before quantity to achieve quantity with quality ● Time management ● Make friends; build a component team
- 21. | User Customizable Mobile Menus| User Customizable Mobile Menus User Customizable Mobile Menus Component
- 22. | User Customizable Mobile Menus Planning the component ● Quick links ● Customizable per user based on field needs ● Dynamic ● Touch events ● Animation
- 23. | User Customizable Mobile Menus Business Value Create an easy to use interface for users to be able to customize and reorder their bottom bar links based on their specific needs in order for them to work more efficiently in the field.
- 24. | User Customizable Mobile Menus Dependencies
- 25. | User Customizable Mobile Menus Data Model and Actions
- 26. | User Customizable Mobile Menus Back Office
- 27. | User Customizable Mobile Menus Back Office
- 28. | User Customizable Mobile Menus Long Press
- 29. | User Customizable Mobile Menus Animation
- 30. | User Customizable Mobile Menus Drag and Drop
- 31. | User Customizable Mobile Menus
- 32. | User Customizable Mobile Menus Thank You! @ injustin.babel @outsystems.com /justinbabel
Editor's Notes
- For OutSystems newbies: Educate and demonstrate the ability of the platform, leveraging components, to accelerate development of advanced patterns. Not only focusing on the speed of development but also the ability to drive value to your business in record times with top quality For Seasoned vets: Demonstrate some new components and how the development of the components were planned for MVP release. Provide thought process of component to inspire you to go home and create the next best component.
- For the new to OS folk: Forge gives you the ability to leverage an entire catalog of open source components to accelerate you and your teams development, especially when it comes to the use of advanced patterns. Not only can the forge reduce time to market by lower development times and increasing reusability of code, it also provides the ability to drive value to your business at extreme pace with the flexibility to build on top of forge components to accommodate your specific use case and in some cases, gives an out of the box solution that might already fit your needs.
- Giving quick example of a forge component. Showing a vanilla JavaScript library for handling touch events and how it can accelerate development by developers with JavaScript knowledge. Key Points: Accelerates development with JS library. Gives ability to developers with JS knowledge to implement touch functionality much quicker than from scratch. Still requires knowledge of Javascript to implement. Requires some manual work of writing function calls over and over.