CS401A's Pre-Finals: Human-Comp. Interact Module 07

Question 1

pertains to an established modular approach for interactive program development

Answer 1

An interactive system development framework

Question 2

where the core computation and interface parts are developed in a modularized method and are combined flexibly.

Answer 2

An interactive system development framework

Question 3

This kind of development is often based on the user interface (UI) toolkit, which provides the abstraction for the interface part.

Answer 3

An interactive system development framework

Question 4

An example of this development framework is the model-view-controller framework

(Kim, 2015).

Answer 4

An interactive system development framework

Question 5

also known as MVC architecture,

Answer 5

The model-view-controller (MVC) framework,

Question 6

is a well known three-layer framework used in developing and implementing user interfaces, especially Web applications, on computers.

Answer 6

The model-view-controller (MVC) framework,

Question 7

It divides a given software application into three (3) interconnected parts to separate internal representations of data and information from the ways that information is presented to or accepted from the user

(InterServer.net, n.d.).

Answer 7

The model-view-controller (MVC) framework,

Question 8

The designers of the programming language called Smalltalk proposed the ___ approach as a computational architecture for interactive programs, rather than a methodology.

Answer 8

MVC (model-view-controller)

Question 9

is one of the first object-orietned and modular languages in the programming history

(Kim, 2015).

Answer 9

Smalltalk

Question 10

These are the following components of an MVC framework:

Answer 10

• Model: Data and Logic
• View: Interface
• Controller: User Input

Question 11

These are the following components of an MVC framework:

Answer 11

• Model: Data and Logic
• View: Interface
• Controller: User Input

Question 12

specifies the logical structure of data and the associated high-level classes in a software application.

Answer 12

A Model

Question 13

It is a domain-specific representation of the data that describes the processes in an application.

Answer 13

• Model: Data and Logic

Question 14

When changes its state, the domain notifies its associated views to refresh

(InterServer.net, n.d.).

Answer 14

a Model

Question 15

Example: In an interactive banking app,
involves the part of the program that maintains the balance, computes for the interest, makes wire transfers, etc.

Answer 15

the Model

Question 16

Example:
does not know how the info will be presented to the user and how the transactions are made.

(Kim, 2015).

Answer 16

The Model

Question 17

involves all the user interface (UI) logic in a software app,

Answer 17

The View component

Question 18

which also presents the app’s user interface as an output.

Answer 18

The View component

Question 19

can also exist for a single model but for different purposes.

Answer 19

Multiple Views

Question 20

In modern graphical user interface (GUI), the implementation
is commonly through widgets

(InterServer.net, n.d.).

Answer 20

of Views

Question 21

Example: In an interactive banking app,
might be windows and widgets that display the list of all possible transactions and the balance of a given account.

Answer 21

Views

Question 22

Example:
Moreover, there could be different
implementation for different display platforms or user groups.

(e.g., 17-in. monitor and 10-in. LCD) (e.g., young users and people with special needs).

Answer 22

View

Question 23

Example:
Note that the output display does not necessarily have to be visual

(Kim, 2015).

Answer 23

• View: Interface

Question 24

serves as an interface between the model and the view components.

Answer 24

A Controller

Question 25

It processes all the business logic and incoming requests and input, manipulates data using the model component, ## Footnote (InterServer.net, n.d.).

Answer 25

* **Controller: User Input**

Question 26

and interacts with the views to render the final output of a software application ## Footnote (InterServer.net, n.d.).

Answer 26

* **Controller: User Input**

Question 27

In many application architecture and framework, the view and __________ are already merged into one (1) module or object because of its close connection.

Answer 27

**Controller**

Question 28

For instance, a UI button object is defined by an attribute parameter such as size, label, and color, as well as the event handler that invokes the methods on the model for change or manipulation ## Footnote (Kim, 2015).

Answer 28

**Controller**

Question 29

*Advantages of MVC Framework*

Answer 29

* Faster development process... * Can provide multiple views for a single model... * Modification does not affect the entire framework... * pattern returns data without applying any formatting... * Easy to develop an SEO-friendly URL... * Supports the test-driven development approach

Question 30

*Disadvantages of MVC Framework*

Answer 30

* Inefficiency of data access in view... * Difficulty of implementing with modern user interface involving different modalities * Programmers/Developers must be knowledgeable about the business process linked to the app development for each MVC component

Question 31

**View** Interface *sends input events* **Controller** **Controller** User input *modifies* **Model** *modifies* **View** **Model** Data and logic *updates* **View** can be summarized through the following steps:

Answer 31

**1:** A browser sends a request to the MVC app. **2:** The incoming request is directed to the controller. **3:** The controller processes the request based on the data model of the app. **4:** The result of the model component is passed to the appropriate view. **5:** The view component renders the result into a form suitable for user interaction.

Question 32

An example is the implementation of a simple object-oriented bank application.

Answer 32

of the MVC framework

Question 33

maintains the balance for a user who can make deposits and withdrawals through a computer.

Answer 33

The MVC model

Question 34

Account Name Balance Deposit_ViewController Withdraw ViewController {Void Deposit (amount) Void Withdraw (amount} Notify_depositVC (amount) NotifyWithdrawVC(amount) | BONUS

Question 35

AccountViewController Account virtual: Init ui display(); Handle ui event (event type, input) Update ui display (new balance); | BONUS