RVM1.pdf65a4e651855261323

1. RVM1 — RVM1 TASK 1: DEVELOP AN INTERACTIVE WORLD MAP JAVASCRIPT PROGRAMMING — D280 PRFA — RVM1 TASK OVERVIEW SUBMISSIONS EVALUATION REPORT COMPETENCIES 4077.1.1 : Writes Basic Scripts The learner writes basic scripts to accomplish tasks with JavaScript. 4077.1.2 : Uses Existing Frameworks The learner uses existing frameworks, assets, and web content that address stakeholder preferences and enhance website functionality. 4077.1.3 : Adds APIs and Web Services The learner adds data capabilities to web applications with application programming interfaces (APIs) and web services. INTRODUCTION Throughout your career in software engineering, you will be asked to enhance website functionality using JavaScript programming in conjunction with existing frameworks, assets, and web content. For this assessment, you will enhance a website using the Angular JavaScript framework and various application programming interfaces (APIs) by creating a visual interface for a SVG map. The skills you demonstrate in this task will be useful in responding to technical interview questions for future employment. This website may also be added to your portfolio. The required integrated development environment (IDE) and APIs for this assignment are MS Visual Studio Code, GeoNames, and Worldbank, found in the Web Links section. Install the IDE and access the APIs using these sources. SCENARIO You are a developer for a state government office. On a previous project, your supervisor asked you to build a website with several pages related to a geographic area in the United States. Now your supervisor wants you to expand on this site and provide a website that provides information on each country in the world.

2. Your task is to present a map of the world in a scalable vector graphic (SVG) format so that each country is highlighted upon a mouse event. Then you will convert the SVG map into an interactive Angular component and connect the application to API services to provide the country information. REQUIREMENTS Your submission must be your original work. No more than a combined total of 30% of a submission and no more than a 10% match to any one individual source can be directly quoted or closely paraphrased from sources, even if cited correctly. An originality report is provided when you submit your task that can be used as a guide. You must use the rubric to direct the creation of your submission because it provides detailed criteria that will be used to evaluate your work. Each requirement below may be evaluated by more than one rubric aspect. The rubric aspect titles may contain hyperlinks to relevant portions of the course. Tasks may not be submitted as cloud links, such as links to Google Docs, Google Slides, OneDrive, etc., unless specified in the task requirements. All other submissions must be file types that are uploaded and submitted as attachments (e.g., .docx, .pdf, .ppt). A.  Identify an SVG map of the world you will use to provide the visual interface for this project. B.  Using either the GeoNames or Worldbank API from the Web Links section, identify each of the following six properties for each country: ●   country name (e.g., Chad) ●   country capital (e.g., N’Djamena) ●   country region (e.g., Sub-Saharan Africa) ●   income level (e.g., low income) ●   two additional country properties of your choice C.  Assign the map component to the default URL using an Angular routing module. D.  Create an HTML layout with two columns: one column for the map itself and one column to show the required country information from the API in part B. E.  Convert the SVG map into an interactive Angular component by connecting all the “path” tags inside the SVG file to mouse event handlers so each path is recognized and transmitted to the parent component hosting the map if a mouse event occurs. F.  Generate an API service that uses the built-in Angular module HTTP client to make HTTP calls and include the following: ●   one method that accepts a country name as an input parameter that returns additional information gathered from the API for the selected country ●   one method that will trigger the API call when a country is selected and set a local variable that will receive the information about the country for display in the right column of the HTML page G.  Provide a compressed file of your website, including each of the following files: ●  HTML

3. ●  TS ●   SVG ●   JSON configuration files H.  Acknowledge sources, using in-text citations and references, for content that is quoted, paraphrased, or summarized. I.  Demonstrate professional communication in the content and presentation of your submission. File Restrictions File name may contain only letters, numbers, spaces, and these symbols: ! - _ . * ' ( ) File size limit: 400 MB File types allowed: doc, docx, rtf, xls, xlsx, ppt, pptx, odt, pdf, txt, qt, mov, mpg, avi, mp3, wav, mp4, wma, flv, asf, mpeg, wmv, m4v, svg, tif, tiff, jpeg, jpg, gif, png, zip, rar, tar, 7z RUBRIC A:IDENTIFY AN SVG NOT EVIDENT APPROACHING COMPE- TENCE COMPETENT The submission does not iden- tify an SVG map of the world to provide the visual interface. The submission identifies an SVG map of the world to pro- vide the visual interface. Not applicable. B:API WEB LINKS NOT EVIDENT APPROACHING COMPE- TENCE COMPETENT An API is not identified. The API identified is listed in the Web Links section and contains all 6 properties for each coun- try. The API identified is not listed in the Web Links section. Or the API does not provide all 6 of the given properties for each country. C:ANGULAR ROUTING MODULE NOT EVIDENT APPROACHING COMPE- TENCE COMPETENT The map component is not as- signed to the default URL. The map component is assigned to the default URL using an An- The map component is as-

4. signed to the default URL but does not use an Angular rout- ing module. gular routing module. D:HTML LAYOUT NOT EVIDENT APPROACHING COMPE- TENCE COMPETENT An HTML layout is not created. The HTML layout is created and includes 2 columns, 1 column for the map itself and 1 column to show the required country information from the API in part B. The HTML layout is created but does not provide both col- umns, 1 for the map itself and 1 to show the required country information from the API in part B. E:CONVERSION TO ANGULAR COMPONENT NOT EVIDENT APPROACHING COMPE- TENCE COMPETENT The SVG map is not converted into an interactive Angular component. The SVG map is converted into an interactive Angular compo- nent with all of the "path" tags inside the SVG file connected to mouse event handlers so that each path is transmitted to the parent component hosting the map. The map functions cor- rectly. The SVG map is converted into an interactive Angular compo- nent, but 1 or more of the "path" tags inside the SVG file are not connected to mouse event handlers. Or the map does not function correctly. F:API SERVICE NOT EVIDENT APPROACHING COMPE- TENCE COMPETENT An API service is not generat- ed. The API service is generated and uses the built-in Angular module HTTP client to make HTTP calls and includes both required methods, and both methods function correctly. The API service does not use the built-in Angular module HTTP client to make HTTP calls. Or the API service does not include both required methods. Or 1 or both of the required methods do not func- tion correctly. G:COMPRESSED FILE

5. NOT EVIDENT APPROACHING COMPE- TENCE COMPETENT The submission does not pro- vide a compressed file of the website. The submission provides a com- pressed file of the website and includes each of the 4 required files. The submission provides a compressed file of the website but does not include each of the 4 required files. H:SOURCES NOT EVIDENT APPROACHING COMPE- TENCE COMPETENT The submission does not in- clude both in-text citations and a reference list for sources that are quoted, paraphrased, or summarized. The submission includes in-text citations for sources that are properly quoted, paraphrased, or summarized and a reference list that accurately identifies the author, date, title, and source location as available. The submission includes in-text citations for sources that are quoted, paraphrased, or sum- marized and a reference list; however, the citations or refer- ence list is incomplete or inac- curate. I:PROFESSIONAL COMMUNICATION NOT EVIDENT APPROACHING COMPE- TENCE COMPETENT Content is unstructured, is dis- jointed, or contains pervasive errors in mechanics, usage, or grammar. Vocabulary or tone is unprofessional or distracts from the topic. Content reflects attention to detail, is organized, and focuses on the main ideas as prescribed in the task or chosen by the can- didate. Terminology is pertinent, is used correctly, and effectively conveys the intended meaning. Mechanics, usage, and grammar promote accurate interpreta- tion and understanding. Content is poorly organized, is difficult to follow, or contains errors in mechanics, usage, or grammar that cause confusion. Terminology is misused or inef- fective. WEB LINKS GeoNames MS Visual Studio Code

6. Worldbank