Scribd
Upload
58 views2 pages

05 Task Performance 1 - ARG

Uploaded by

ittoyakuza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
58 views2 pages

05 Task Performance 1 - ARG

Uploaded by

ittoyakuza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Select a specific web application or website related to programming or designing.

Then, answer the following items:

1. Provide the name of the web application/website. (2 points)


- Figma

2. Provide the link to the web application/website. (2 points)


- https://www.figma.com

3. Briefly describe the web application/website. (5 points)


- Figma is a web-based design and prototyping tool primarily used for creating
user interfaces (UI) and user experiences (UX) for websites, mobile applications,
and other digital products. It allows designers and teams to collaborate in real-
time, share designs, and iterate on them efficiently. Figma supports vector
editing, design system management, and interactive prototyping. Since it's web-
based, users can work on designs collaboratively, no matter where they are.

4. What type of user interface (UI) does the web application/website encompasses?
Justify your answer. (Essay: 10 points)
- Figma uses a Graphical User Interface (GUI) combined with a collaborative,
event-driven interface. Figma provides a visual interface where users can click,
drag, drop, and manipulate design elements like shapes, text, and images using
tools from a toolbar. The interaction is graphical and relies heavily on visual
elements, which users interact with through mouse clicks, keystrokes, and
gestures. Figma allows multiple users to work on the same design in real-time,
making it a highly interactive and event-driven environment. User interactions
trigger immediate updates, allowing for a highly collaborative design process.

5. Take a screenshot of at least two (2) different event-driven program execution


that you have noticed in the web application/website. (3 points x 2 items)
6. Based on your answers on item number 5, rationalize how each screenshot
encompasses event-driven program execution. (Essay: 10 points x 2 items)
- The collaborative feature of Figma is event-driven because each user’s
interaction (e.g., moving an object, adding text) triggers an event that updates
the document in real-time. The event is captured and propagated to the servers,
which then synchronize the design for all users viewing or editing the file. This
showcases event-driven execution, where user interactions act as the event source
and the updates are the program's responses. In Figma’s interactive prototyping
mode, clicking on UI elements within a prototype triggers events (such as moving
to a new screen or triggering a transition). These clicks are events that trigger
programmed responses like animations, screen navigation, or interactions that
mimic a real-world app. This demonstrates event-driven programming, where
the user's input (e.g., clicking a button) triggers pre-defined actions (e.g.,
navigation).

You might also like