HCI NI ANGEL

FRAMEWORK

is a well-defined environment that exposes toolkits, functions or algorithms that can be used to develop new applications.

TOOLKIT

is a library of precomposed UI objects and predefined set of events or routines that are composed from the lower level UI software layer.

WIDGET

is an essential part of a graphical user interface (GUI) that displays information or provides a specific way for users to interact with the operating system or application.

UI TOOLKIT

is structured to support large applications. Its design assumes that individual events or routines will support the major functions of an application

Android UI Execution Framework and Toolkit 

iOS UI Kit Framework and Toolkit 

Java Abstract Window Toolkit (AWT)

EXAMPLES OF UI FRAMEWORK AND TOOLKIT

Android UI Execution Framework and Toolkit 

The user programming environment and execution mode for Android (even though at the low level, the operating system is derived from Linux) is based on Java.

iOS UI Kit Framework and Toolkit

provides the required infrastructure for iOS or tvOS applications and provides the window and view architecture

JAVA SERVER FACES

Supported by Oracle, this framework comes with in-depth and complex documentation features and plays an important part in the Java Enterprise Edition. 

STRUTS

This is an open-source framework that is used to create elegant, aesthetically pleasing Java applications. The functions of this framework are based on the Model-View-Controller (MVC) approach.

WICKETS

Supported by Apache Software Foundation, this is a lightweight Web framework built for designing simple but elegant applications in a component-based language that is useful and 

responsive

SPOOL UI KIT

This is a free mobile toolkit designed by Sergey Melnik that contains six (6) screen designs in Photoshop Document (PSD) format. 

TRAVEL UI KIT

This is a free mobile toolkit designed by Ena Bacanovic that contains 50 different 

screen designs in Sketch format. 

SPLASH UI KIT

Powered by Envato Elements Pty Ltd., this is one of the best toolkits in creating iOS mobile application. This contains more than 55 high-quality, ready to use screens.

Java Abstract Window Toolkit (AWT)

As an object-oriented language, Java offers a library of object classes called the abstract window toolkit (AWT), which includes useful classes for creating two-dimensional (2D) user interface and graphical objects. Java AWT is also a part of the UI execution framework for Java that handles a large subset of interaction events called AWTEvents

INTERACTIVE SYSTEM DEVELOPMENT FRAMEWORK

pertains to an established modular approach for interactive program development where the core computation and interface parts are developed in a modularized method and are combined flexibly.

MODEL VIEW CONTROLLER FRAMEWORK

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

COMPONENTS OF MVC FRAMEWORK

Model: Data and Logic

View: Interface

Controller: User Input

Model: Data and Logic

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

View: Interface

The view component involves all the user interface (UI) logic in a software application, which also presents the application’s user interface as an output.

Controller: User Input

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

Faster development process through parallel development of all MVC component.

Can provide multiple views for a single model because of the separation of data and business logic from the display

Modification does not affect the entire framework because the model component does not depend on the views component

MVC framework pattern returns data without applying any formatting so that components can be used many times for different interfaces

Easy to develop an SEO-friendly uniform resource locator (URL) to generate more visits from a specific application (SEO stands for search engine optimization, which is often about making small modifications to parts of a website [Google Help Center, n.d.]).

Supports the test-driven development approach

ADVANTAGES OF MVC FRAMEWORK

Inefficiency of data access in view because of minimal code duplication

Difficulty of implementing MVC framework with modern user interface involving different modalities

Programmers/Developers must be knowledgeable about the business process linked to the application development for each MVC component

DISADVANTAGES OF MVC FRAMEWORK