Using phonegap to simulate a derby app

 PhoneGap allows developers to work with essentially the same tools (HTML, CSS, and JavaScript) used for creating and maintaining websites. Even though PhoneGap applications are created using this toolset, native environment components and SDKs must be installed for each platform for which an app is being developed. For example: to develop for the iOS platform, xCode and its SDKs must be installed (see chapter 7). These native components will install as part of the PhoneGap environment during setup. When Adobe supported the PhoneGap framework, an installation file would be downloaded which made the setup process simple. Adobe announced discontinuance of PhoneGap as of October 1, 2020 (see PhoneGap is now a free and unsupported product. Like our experience last week, this makes our usage and preview of PhoneGap this week somewhat limited. I want to again start with the user interface for a PhoneGap application (p. 331). The requirements for the Derby app is to provide two pages; one that lists all of the teams/leagues and one that lists all the players. When a league/team is selected, the application shows the roster for the team. When a player is selected, it shows which team the player belongs to an his/her number.
For our assignment this week ( Assignment 9), you will need to simulate two interfaces/screens – one list the Derby teams ( Figure 11:27, p. 333) and one list a Derby roster ( Figure 11:28, p. 334). Every screen in PhoneGap is another HTML page – you will create your screens using HTML. On a website, the “index file” holds the HTML content for the main page. Different tags (head, anchor, page, Div, numbered and unnumbered list, etc.) are wrapped within HTML/BODY code to give the page its features. Cascade Style Sheets (CSS) can be embodied within the HTML to give dynamic customization/style to pages, and JavaScripts provide animation or interactive functions. Our authors provide examples of  HTML script and useful javaScript Libraries from which you can leverage for your simulation. Your goal is to use HTML to simulate two diferent screens for your Derby app.

  • 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 (or a comparable tool of your choice)You are ready to start adding HTML content (to your interface/screens) that match the two figures above* Your app/interface is using HTML, CSS, and JavaScript coding, but you ARE NOT required to do/show any coding for this assignment. Look at the appropriate coding that the authors provide and describe the functionality. Remember – ensure that the JavaScript function onDeviceReady is fired (p.324)

  • First, state what platform (iOS, Android, Windows, etc.) you are simulating. Then be certain to mention any particulars that must exist for that platform (see chapters 6 and 7)
  • From the Figma widgets/icons library create a mock interface/screen that follows the (Figure 11:27, p.333) – list of Derby teams Hint: there mut be a scroller, a query, and a storage function like Lawnchair in order for this to work.

Make a second screen shot showing placement of content provided by HTML, CSS, and JavaScript

  • From the Figma widgets/icons library create a mock interface/screen that follows the (Figure 11:28, p.334) – a Derby roster 
  • List and describe the particular HTML, CSS, and JavaScript libraries you used in creating the functionality that you simulared in your app model

Make a third screen shot showing placement of content provided by HTML, CSS, and JavaScript 

Calculate the price of your order

550 words
We'll send you the first draft for approval by September 11, 2018 at 10:52 AM
Total price:
The price is based on these factors:
Academic level
Number of pages
Basic features
  • Free title page and bibliography
  • Unlimited revisions
  • Plagiarism-free guarantee
  • Money-back guarantee
  • 24/7 support
On-demand options
  • Writer’s samples
  • Part-by-part delivery
  • Overnight delivery
  • Copies of used sources
  • Expert Proofreading
Paper format
  • 275 words per page
  • 12 pt Arial/Times New Roman
  • Double line spacing
  • Any citation style (APA, MLA, Chicago/Turabian, Harvard)

Our guarantees

Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.

Money-back guarantee

You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.

Read more

Zero-plagiarism guarantee

Each paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.

Read more

Free-revision policy

Thanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.

Read more

Privacy policy

Your email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.

Read more

Fair-cooperation guarantee

By sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.

Read more