Assignment Details:
For a mobile app development task, provide your design for the user interface (UI) and the compatibility with the corresponding Web app. Please use the suitable Unified Modeling Language (UML) diagrams to capture your software objects and at least 2 software patterns that you have used in your design, and briefly specify the rationale of using these design patterns.
Assignment Specifications
Designing the graphical user interface (GUI) is one of the critical tasks for the development of any mobile app. You already know that the model–view–controller (MVC) architectural pattern or paradigm is commonly used as the default guideline for the design of the GUI of any type of software. In practice, for any given application, the MVC pattern is also often associated with several design patterns. You have also learned that a mobile app has many special design considerations in addition to the considerations of a Web app or other conventional client–server-based software. This implies that when you design a GUI for a mobile app, you will need to use several design patterns to enhance the basic MVC architectural pattern or paradigm so that the enhanced MVC architectural pattern or paradigm can be more suited to serve the needs of the GUI of a mobile app. Study the following assignment references, and then conduct the design and development tasks.
Assignment References
- MVC GUI Design
- Model View Controller Pattern
- Design Patterns for Mobile Applications
- Design Patterns for Developing High Efficiency Mobile Application
Development Tasks
- Define the most important design concept of the MVC architectural paradigm used for the design and development of the GUI.
- Select 2 design patterns that are suited to enhance the MVC paradigm, specifically for the GUI of a mobile app, and discuss the rationale for your chosen design patterns.
- Please use proper UML diagrams to draw these design patterns.
- Please use a simple mobile app development tool kit to create a prototype for a simple GUI that supports the mobile app with the following functions:
- Presents a simple text-based search engine interface for a product catalog database
- Accepts text search key words to search the catalog database
- Displays the matched product information or informs the user that there is no matching product
- After you have completed all of the above steps, please discuss whether you have made any changes to the original design patterns during the implementation. Why did you have to make such changes?
Please put all of the results of the above tasks into a document with the following template:
Template for the Design Document
- Cover page
- Course number
- Student’s name
- Date
- Content pages (3–5 pages)
- Introduction (copy over the requirements)
- The most important design concept of the MVC paradigm for a GUI
- Definition of MVC
- The most important design concept of MVC
- Design patterns to enhance the MVC paradigm for the GUI of a mobile app
- Some of the special considerations of a mobile app
- Design pattern 1 (rationale and proper UML diagram)
- Design pattern 2 (rationale and proper UML diagram)
- Prototype of the GUI of a simple mobile app
- MVC paradigm with the design patterns
- Code of prototype
- Prototype results screenshots
- Discuss whether you have made any changes to the original design patterns during the implementation, and explain why you had to make such changes (if any)
References
- The most important design concept of the MVC paradigm for a GUI
Best-Practice Software Engineering. (2013, October 4). Model view controller pattern. http://best-practice-software-engineering.ifs.tuwien.ac.at/patterns/mvc.html
Mora, S. (2013, July 25). Design patterns for mobile applications. InfoQ. https://www.infoq.com/presentations/mobile-design-patterns/
1. MVC GUI design. (n.d.). https://www.cs.wcupa.edu/rkline/java/mvc-design.html
Shahbudin, F. E., & Chua, F. F. (2013). Design patterns for developing high efficiency mobile application. Journal of Information Technology & Software Engineering, 3(3). https://www.longdom.org/open-access/design-patterns-for-developing-high-efficiency-mobile-application-2165-7866.1000122.pdf
0 comments