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 www.phonegap.com/start). 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.