Lab 3

(still adding figures and sources)

Lab 3

Goal and Background

In this lab, students learned to customize the web app that was built and published on ArcGis Online in lab 2, as well as how to customize the app in Web AppBuilder.

Methodology

Part 1: Students logged on to Organization in ArcGIS Online and navigated to My Content. We then clicked Create – Using the Web AppBuilder to create a new app. The title of Natural Disasters of the United States­_Student’sLastName was given. Tags of earthquakes and hurricanes were assigned and an appropriate one sentence summary was given. We then clicked OK to launch the Web AppBuilder for ArcGIS. We then clicked the Map tab, followed by the Choose Web Map button and selected our Natural_Disasters­_Student’sLastName from lab 2 and clicked OK. We clicked Use Web Map’s Default Extent under Set Initial Extent. We selected the Foldable Theme and then chose a style and layout; followed by clicking Save. We then clicked the Widget tab, Widget 1, Basemap Gallery Widget, and OK. We accepted the default and then clicked the new Widget 1 button to add another widget: the Measurement Widget. The same steps were then repeated to add the Bookmark Widget. We then clicked the pencil icon on the Bookmark Widget to configure it. We created a bookmark for the Eastern United States and the Western United states, naming them respectively and adding our name in the subtitle section. We then selected the current logo and clicked Custom to upload the UWEC Geography and Anthropology logo from our lab 3 folder, typing the URL of its web page in the bottom window. We then saved the app and previewed its appearance on cellular devices. Section 2: Continuing to edit our Web app, we added widgets: chart, draw, and query. Next, we configured our charts Widget by adding earthquakes and giving it these setting for magnitude:

 

We then repeated the steps to add Depth before clicking OK and Save. Next, we tested the chart widgets we added. After that, we configured the query widget by clicking New Query in the Configure Query window. We selected the Earthquakes layer, making sure Set Data Source was set to Map and clicked OK. We clicked the Filters tab, set, and then Add set, and then set the expression to Magnitude is at least 4. In the second expression, we clicked Location (string), contains, Alaska. We then clicked Add Expression, setting the year to 2000. We then clicked OK and clicked results to view our contents. We then chose to configure custom content. We then set Depth and Magnitude for These attributes will display. After setting the display fields, we clicked OK to close the Configure window. We then examined the efficacy of the Query widget and closed out of the application.

Part 2: We started Web AppBuilder by going into our Data E: drive, lab 3 folder, startup.bat. Running this opened a tab in our browser. In order to run it best, we closed the browser window that popped up. We then specified our url: http://uwec.maps.arcgis.com/home. Next, to get an App ID, we opened a new browser and logged into ArcGIS Online. Once there, we went to My Content, Add Item, and selected An Application. We added the following information:

Then, after clicking ADD ITEM, we navigated to the Settings, and chose App Registration. We then clicked Register. We kept the default value for App Type and entered out machine name in the redirect URL: http://localhost:3344 before clicking ADD. We then added our machine name again, but this time we changed it to read: https://localhost:3344. Next, we clicked Register and shared it public. After this, we copied our App ID from the newly created application and typed it into the window in Web AppBuilder before launching it. We then imported our Natural_Disasters map by clicking Import and then selecting it. Section 2: We copied the elevation profile from our folder 2 subfolder in the Lab3Data folder. We then pasted it in our client-sitemapp-widgets folder. We then clicked Widget, Widget 1, elevation profile, and OK. We then configured the elevation profile widget to our choosing and clicked OK. We then took a capture of the elevation profile that we selected and downloaded it as a JPEG of the profile by clicking Prepare Download. We then clicked export profile data to CSV file. We then deployed the application to the production web server by first clicking the Web AppBuilder and clicking on Download to download the app. Next, we created a subfolder in our lab 3 folder, and pasted the compressed file there to unzip. We then clicked My PC, Network drive, and entered //geog02/webgi$ before clicking finish. We then copied our unzipped folder from lab 3 and pasted it in the developmental server. Next, we renamed the folder NaturalDisasters_app before opening a browser and typing our app’s link: https://webgis.uwec.edu/Student’sUsername/Naturaldisters­­_app/index.html. 

Results:

The end result is a web-app that the end-user can use to view historical earthquakes and hurricanes in and around the united states, using widgets such as search, query, view bookmarks, etc.

Link:

https://webgis.uwec.edu/gibbsjr9447/Naturaldisasters_app/index.html

(picture and sources will be uploaded when i get to campus)