Cumberlands Using Figma Modeling Tool to Simulate a Mobile App Discussion

Using a modelling tool to (simulate) build a mobile app that uses consumable web services.

For our assignment this week ( Assignment 8), my aim is for you to understand how Appcelerator Titanium would be used to build a Derby app – a Derby menu. Like last week, we will use a design/modeling tool (Figma) https://www.figma.com to design/model an app interface. 

First download and install Figma (can use comparable SW of your choice) on your computer. This is same as last week.

Make one screen shot here that shows you have install the Figma wireframing tool and did some modeling

* You are ready to start adding UI elements for (to model) your app matching a layout for your app platform as mentioned above.

• Use Figma widgets/icons and create a mock interface (add at least six appropriate UI elements) that follow and match your chosen platform

* Your app is using JavaScript coding and HTML scripting, but you ARE NOT required to do/show any coding/scripting for this assignment.

Make a second screen shot showing the final placement of the UI elements on your app Hint: use a template from the Figma library for your particular platform – Except for coding, this is a simulated app as it would appear if you used Titanium Studio.

Lastly, review the coding that our authors provide (pp. 292-307), and based on that coding:

• Write a brief explanation of each UI element you used – try to explain what specific function/method each UI provides that make your app functional. Explain EACH UI element (Button, textfield, tablelayout, etc.) used on your app, describe what functionality each provide for your app.