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. An example of this development framework is the

(Kim, 2015).

Answer 3

An interactive system development framework
model-view-controller framework

Question 4

also known as MVC architecture,

Answer 4

The model-view-controller (MVC) framework,

Question 5

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

Answer 5

The model-view-controller (MVC) framework,

Question 6

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 6

The model-view-controller (MVC) framework,

Question 7

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

Answer 7

MVC (model-view-controller)

Question 8

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

(Kim, 2015).

Answer 8

Smalltalk

Question 9

These are the following components of an MVC framework:

Answer 9

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

Question 10

These are the following components of an MVC framework:

Answer 10

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

Question 11

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

Answer 11

A Model

Question 12

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

Answer 12

• Model: Data and Logic

Question 13

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

(InterServer.net, n.d.).

Answer 13

a Model

Question 14

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 14

the Model

Question 15

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

(Kim, 2015).

Answer 15

The Model

Question 16

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

Answer 16

The View component

Question 17

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

Answer 17

The View component

Question 18

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

Answer 18

Multiple Views

Question 19

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

(InterServer.net, n.d.).

Answer 19

of Views

Question 20

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 20

Views

Question 21

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 21

View

Question 22

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

(Kim, 2015).

Answer 22

• View: Interface

Question 23

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

Answer 23

A Controller

Question 24

It processes all the business logic and incoming requests and input, manipulates data using the model component,

(InterServer.net, n.d.).

Answer 24

• Controller: User Input

Question 25

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

Answer 25

* **Controller: User Input**

Question 26

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

Answer 26

________view________ controller

Question 27

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 27

**Controller**

Question 28

*Advantages of MVC Framework*

Answer 28

* 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 29

*Disadvantages of MVC Framework*

Answer 29

* 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 30

**View** Interface *sends input events* **Controller** **Controller** User input *modifies* **Model** *modifies* **View** **Model** Data and logic *updates* **View** The implementation of an MVC framework can be summarized through the following steps:

Answer 30

**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 31

An example of the `___ _________` is the implementation of a simple object-oriented bank application. The `___ _____` maintains the balance for a user who can make deposits and withdrawals through a computer.

Answer 31

MVC framework MVC model

Question 32

``` UIObject -- v ---------------------------------- AccountViewController Account virtual: Init ui display(); Handle ui event (event type, input) Update ui display (new balance); v ------------------------------------- > DepositViewController > WithdrawViewController ``` * The more general `________` is a superclass for the `_____________________`.

Answer 32

``` UIObject AccountViewController ```

Question 33

``` AccountViewController Account virtual: Init ui display(); Handle ui event (event type, input) Update ui display (new balance); v ------------------------------------- > DepositViewController > WithdrawViewController ``` * The `_____________________` is also a superclass for the subclasses `_____________________` and `______________________`. Both subclasses interpret `____ _____` and invoke the `_______`. ## Footnote (e.g, textual input of digits into integers)

Answer 33

`AccountViewController` ``` DepositViewController WithdrawViewController ``` user input *Account*

Question 34

``` Account Name Balance Deposit_ViewController Withdraw_ViewController { Void Deposit (amount) Void Withdraw (amount) } V Notify_depositVC (amount) NotifyWithdrawVC (amount) ``` * The class named `_______` holds the customer's `____`, `_______`, and two (2) views or controller (one for `__________` the balance `_____ __________` and one for `__________` the balance `_____ _ __________`).

Answer 34

Account name balance displaying after depositing displaying after a withdrawal