Description

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 rationales of using these design patterns.

Assignment Specifications

Designing the graphical UI (GUI) is one of the critical tasks for the development of any mobile app. You already know that the modelviewcontroller (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 clientserver-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.

Development Tasks

• Define the most important design concept of the MVC architectural paradigm used for the design and development of the GUI.
• Select a design pattern that is suited to enhance the MVC paradigm specifically for the GUI of a mobile app, and discuss the rationale for your chosen design pattern.
• Please use proper UML diagrams to draw this design pattern.
• 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

Please put all of the results of the above tasks into a document with the following template:

Unit 5 Individual Project Template

Design Document Layout

• Cover page
  • Course number
  • Student's name
  • Date
• Content pages (35 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 pattern to enhance the MVC paradigm for the GUI of a mobile app
      • Some of the special considerations of a mobile app
      • Design pattern (rationale and proper UML diagram)
    • Prototype of the GUI of a simple mobile app
      • MVC paradigm with the design pattern
      • Code of prototype
      • Prototype results screenshots