solved Using the xCode-Swift SDK to build (simulate) an iOS mobile

Using the xCode-Swift SDK to build (simulate) an iOS mobile app that uses consumable web services. Requirements on page 215.Like with Android last week, there are two options for starting our iOS application – build the desired UI layout then code populate OR build the code that will populate the UI layout (p. 194). A basic component in the “anatomy” of an iOS app is a VIEW. Views usually have UI elements (text fields, table fields, labels, buttons, etc.) that can be dragged and dropped onto a canvas then edited for size and position to simulate an interface. iPhone apps are made up of one or more such views.The xCode IDE and Swift code formatter is a full array of tools that allow developers to plan, build, code, and test/debug iOS applications. The storyboarding tools in the xCode IDE allows for side-by-side configuration of UI elements and auto generation of code. I call our effort this week “simulation” because we don’t do the actual coding necessary to populate the layout or to make each UI element functional. Instead, we start with a UI layout that meets the Derby app in iOS requirements (p. 215). Here is what your simulated interface should look like: iOS app layout.jpgFor our project this week, we will use a design tool (Figma)> https://www.figma.com to design our iOS app interface. There are many wireframing tools like Figma that could be used for this purpose. Figma is an easy to learn and use tool that allows dragging and droppping icons, and other UI elements directly onto a frame/canvas which can be edited for size and position; a layout frame specifically for iPhone is incorporated in Figma; the layout that is modeled in Figma can be exported to enviroments like xCode. Best of all Figma is free to use for individuals and small teams. Here is a video that shows how to model iOS UI apps in Figma – http://www.youtube.com/watch?v=hb7Gvevu1UE. Coding examples and a brief explanations are provided in chapter 7 for each element used in the layout (TextView, Button, and TableLayout), but you ARE NOT required to implement any code for this assignment. Your assignment:Download and install Figma to our computer and create (simulate) an iOS interface that follow the sample above – First download and install Figma (can use comparable SW of your choice) Make one screen shot here that shows you have install the Figma wireframing tool (or a comparable tool of your choice)* You are ready to start adding UI elements for your iOS app matching the layout above as your guide.Run Figma and create a mock iOS interface (add appropriate UI elements) that follows the example above. (the video above should help)You ARE NOT required to implement any code for this assignment. Make a second screen shot showing the final placement of the UI elements on the template; except for coding, this is your simulated iOS app.Lastly, review the coding that our authors provide (pp. 164-182); based on that coding:Write a brief explanation of each UI element you used – try to explain what specific function/method your UIs provide that make your app workable. Also mention other features peculiar to iOS (i.e, Views).These two screen shots and UI explanations are the deliverables for your Res Wknd Group project. A cover page IS required. If you use supporting literature/resources other than you or your group posess, remember to properly cite and then include an APA style reference list. Although this is work done in your Group, each learner must post an individual copyn to iLearn for grade. 😀 Please post to iLearn NLT Sunday, 9/19 – 1:30pm EST.When you are ready to post, click the Res Wknd – Group Project (Simulate building an iOS app) assignment link, then Either click the “Write Submission” link and directly paste your document into this assignment box OR Browse your Computer and add the entire Microsoft Word document as an attachment (Mac users, please remember to append the “.docx” extension to the filename).Need PPT as well: Background: In keeping with our text authors, our project is to build a Mobile app which will access, manipulate, and display consumable data specifically from a DerbyNames web service. We built that web service as an assignment in Week 3. After planning and designing (modeling with Figma) your app – adding and adjusting UI elements for features that you need, you should now be ready to display that on a template specifically for your app platform (this is your second screen shot); describe the overall features of the app and describe what UI elements gives its functionality. Normally, this is where you would hand the design off for development; for coding – perhaps to a completely unique development team. You should be able to describe in great detail any specfics of your design/model which accounts for function and operation. Your Assignment:No coding of any kind is required for this assignment. However, you should understand each UI element that you used in modeling your app; not the coding, but what functionality the UI gives to you app and how that functionality meets the stated requirements to work with the DerbyNames web services. You should also be aware of frameworks or toolsets needed to develop a Mobile app for the platform you modeled.In your presentation (PPt):Introduction: Present what you know about Derby, the DerbyName web services, and the format of the data that your app must access.Describe the requirements for your apps design – see textbook page and figure.Discuss some absolute necessities (principles) for designing Mobile app interfaces (see your research paper).Describe issues you learned or encountered in preparing for this project – incompatible computer/laptop, in visioning and planning a multi-platform app., etc.Discuss what toolsets or framework(s) are available and are necessary to do enterprise development for this app platform of choice – what are some plusses and minuses of these tools? Discuss any special function(s) that is/are unique to the platform that you modeled (see textbook chapter).Mention the wireframing/modeling tool that you used.Discusseach UI elementused in modeling your app.Mention why it is needed and how this UI element is needed to meet the functionality and app requirementsRecommentation: Make an argument, as you did in your research paper, for cross-platform frameworks for developing Moble apps.If you make recommendations, cite at least two schorlarly sources as reference. So, you will then need a reference slide (this is your last slide). Your deliverable for this assignment includes: a cover page – showing: Group members, title of the presentation, University’s name, Course name, Course number, Professor’s name, and Date. Although this is work done in your Group, each learner must post an individual copy to iLearn for grade. Please post to iLearn NLT Sunday, 9/19 – 1:30pm EST.When you are ready to post, click the Res Wknd – Group Project Presentation assignment link, then Either click the “Write Submission” link below and directly paste your presentation into this assignment box OR Browse your Computer and add the entire PowerPoint document as an attachment (Mac users, please remember to append the “.docx” extension to the filename).