This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography Lesson 1: Creating Mapping Apps Without Programming
Overview Checklist Building a Web Map Turning Your Map into an App Assignment: Build an App of Your Own Summary and Final Tasks
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
Overview In this first lesson, we'll start out by looking at non-programming methods for creating web maps and applications based on those maps. We'll be working with technologies from Google and Esri.
Objectives At the successful completion of this lesson, students should be able to:
overlay their own features on top of a Google or Esri basemap
embed their maps within a web page
build applications around their maps (providing greater interactivity and functionality) through the use of development tools from Esri
Questions? Conversation and comments in this course will take place within the course discussion forums in ANGEL. If you have any questions now or at any point during this week, please feel free to post them to the Lesson 1 Discussion Forum. (That forum can be accessed at any time by clicking on the Communicate tab and then scrolling down to the Discussion Forums section.)
Checklist Lesson 1 is one week in length. (See the Calendar in ANGEL for specific due dates.) To finish this lesson, you must complete the actvities listed below. You may find it useful to print this page out first so that you can follow along with the directions.
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
Steps to Completing Lesson 1 Step Activity
Access/Directions
1
Work through Lesson 1.
You are in the Lesson 1 online content now. The Overview page is previous to this page, and you are on the Checklist page right now.
2
Create a mapping app of your own choosing using Esri's Web AppBuilder or one of their configurable templates.
Post a link to your app in your e-portfolio.
3
Take Quiz 1 after you read the online content.
Go to the Quizzes folder and click on the "Lesson 1 Quiz" link to begin the quiz.
Building a Web Map Several technology vendors provide the means for nonprogrammers to create web maps without writing any code, and the capabilities of these map authoring applications are increasing constantly. In this part of the lesson, we will explore Google's My Maps and Esri's ArcGIS Online.
Google's My Maps Google has come full circle with My Maps. Several years ago, they developed an online app called My Maps that allowed users to manually digitize their own point, line and polygon overlays on top of Google's basemaps. These custom maps were stored on Google's servers and could be shared easily. Around this same time, Esri came out with their ArcGIS Online platform, a step up from what was offered by My Maps in its ability to mash up layers published through map services, to import shapefile and tabular data, and to incorporate geoprocessing capabilities. Google responded with an analogous product called Google Maps Engine and at the same time rebranded their My Maps app as Maps Engine Lite. Fast forward to 2015, when Google announced that it would be discontinuing support for Maps Engine -- apparently ceding the online GIS platform market to Esri. Support for Maps Engine Lite continues, though part of the strategic rebranding was to change the name back to My Maps. As you'll see in a moment, today's My Maps offers users greater data input capabilities than it did in its original incarnation. It provides a good web mapping option in situations where more fully-featured platforms would be overkill. 1. Navigate to Google My Maps(link is external). 2. On the opening splash screen, click Create a new map. You will need to log in to a Google account at this point if you haven't already.
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
You should see a blank map appear overlain by a small panel in the upper left. This panel shows that you begin with a new blank layer (called "Untitled layer"). Your goal in the next few steps will be to create a map showing the places you've lived during your life. (If you have any qualms about sharing this information, you're welcome to create a different map, such as favorite vacation places, instead.) 3. Open Microsoft Excel. If you don't have Excel, you can instead use a plain text editor such as Notepad and enter values separated by commas. 4. Add the following column headers in the first row: Timespan, Length, Location 5. Fill in the spreadsheet with the Timespan value being the years you lived in the place (e.g., 1990-1992), Length being the number of years you lived there and Location being the town (e.g., Miami, FL). 6. Save your spreadsheet (or text file with a .csv extension). 7. Return to Google My Maps in your web browser and click on the Import button beneath the Untitled layer heading. 8. Click and drag your spreadsheet into the dashed box or click Select a file from your computer and browse to it. After the app scans your spreadsheet, you'll be prompted to specify the column(s) that should be used to position your placemarks. 9. Check the Location column and click Continue. My Maps will pass the values in the Location column to a geocoder, which will determine the coordinates of the points you're adding to the map. Note that we could have also uploaded a file containing actual latitude/longitude values. In that scenario, you'd have one column labeled "X" or "Lon" and another labeled "Y" or "Lat." You're next asked to specify a column that will be used to title your markers. 10. Check the Timespan column and click Finish. After the app processes all of your uploaded data, you should see all of the locations added to the map with a red teardrop-shaped symbol. You should also see that the panel in the upper left lists each marker by its Timespan value. Finally, note that the layer has taken on the name of your spreadsheet. Let's change the layer's name to something user friendly, like "Towns." 11. Click on the dots next to the layer's name, enter the new name, and click Save. 12. Hovering your mouse over the first marker in the panel, you should see a paint bucket icon. Click on that icon to change the symbology of that marker. Note: In the symbology dialog, you can change the marker's color and its icon. Available icons include basic shapes like circle, square, diamond and star, and more elaborate shapes (found by clickingMore icons). 13. Click on the Individual styles link beneath your layer. Your layer is currently set up so that you can style each marker individually. Note the other styling options:
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
14. 15. 16.
17. 18. 19.
20. 21.
22.
Uniform style - all markers are given the same symbology, Sequence of color and letters - each marker gets its own color and letter, and Style by data column - markers can be symbolized based on ranges (for numeric columns) or categories (for text columns). The Sequence of color and letters option is not a bad choice for a map like this, so select that option. Click on Set Labels beneath your layer, and change the map from having No labels to labels based on the Length column. Close the dialog after setting the label column. At the bottom of the panel, you should see a Base map layer. Click on the drop-down arrow to the right of the Base map layer, and note the various base map styles that are available. A light base map can be preferable for many mashups like this one as it allows the data you want the viewer to focus on to stand out. Close the dialog after selecting your basemap. Click on the title (Untitled map), enter something appropriate, such as Where I've lived (your name), and click Save. Click on the Share link (near the top of the panel). In the Who has access section of the dialog, you should see that the map is Private and that you are the owner. Click the Change link and on the next dialog, set the map's visibility to either Public on the web orAnyone with the link, whichever you prefer. (The main difference between the two is that the Public option makes the map discoverable by search engines.) Click Save to commit your visibility selection. Note that the URL of your map can be found at the top of the Sharing settings dialog. You'll need to provide a link to the map later as part of the lesson deliverables. Here is where the course author has lived.(link is external) To confirm that others will be able to see your map, try opening the URL in another browser (e.g., use Chrome if you're currently working in Firefox, or vice versa).
With that, you've produced your first web map of the class! Before moving on to ArcGIS Online, here are a few miscellaneous notes about My Maps:
It's possible to view/edit the data associated with a layer by clicking on the three vertical dots to the right of the layer and selecting Open Data Table. You can have up to 3 layers per map.
It is possible to manually digitize points, lines, or polygons using the tools just to the right of the main panel.
Lines and polygons can only be added to a map using the digitizing tools.
Spreadsheet uploads are limited to 2000 rows each.
ArcGIS Online As with Google's My Maps, Esri's ArcGIS Online(link is external) allows users to build a multi-layer map without the need for programming. 1. Go to the Penn State GIS home page at ArcGIS Online(link is external) and sign in. 2. Click on Map to begin work on a new map.
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
If you completed GEOG 483, your first hands-on GIS project involved helping "Jen and Barry" find the best place to open an ice cream shop in a parallel universe where the cities and counties of Pennsylvania have different names. We're going to work with the data from that scenario again here (and later in the course), since it contains examples of each geometry type and some good attribute data for demonstration purposes. 3. Download the Jen and Barry's data. (Even if you still have these shapefiles from an earlier course, you may want to download this copy since the shapefiles are zipped and ready for uploading to ArcGIS Online.) This zip file contains a point shapefile (cities), a line shapefile (interstates) and two polygon shapefiles (recareas and counties). You can check out these shapefiles if you haven't encountered this scenario before, but hang on to the zip files since we'll be uploading them to ArcGIS Online. 4. In ArcGIS Online, click the Add menu, then select Add Layer from File. As explained in the dialog, this option enables you to upload zipped shapefiles, delimited text files, and GPX (GPS interchange) files. 5. Click the Browse button, then navigate to your copy of the Jen and Barry's cities zip file. 6. Accept the default Generalize features option. We're importing these data purely for display purposes, so it makes sense to take advantage of the improved drawing speed that generalization provides. If we were conducting analysis that relied on highly accurate feature geometries, we would select the Keep original features option instead. 7. Click Import Layer to complete the upload process. ArcGIS Online will automatically get you started symbolizing your data by providing a two-step dialog for styling the cities layer. The first step involves selecting an attribute to show, while the second presents drawing style options based on the selection made in the first step. By default, the layer is shown as graduated symbols based on the POPULATION column using the "Counts and Amounts (Size)" option. Note that symbolizing the cities with a color ramp would be done using the "Counts and Amounts (Color)" option. Let's change the display of the cities so that they are all drawn with the same symbol. 8. Under Choose an attribute to show, select Show location only. 9. Under Select a drawing style, select OPTIONS. We'll change the symbol used for the cities in a moment, but first make note that it is possible to set the transparency and the scale range at which the layer is visible on this panel.
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
10. Click Symbols and select any icon that grabs you. Note that there are a number of icon categories, that it is possible to customize the icon's size, and that you can also use your own image as the icon. 11. Click OK to dismiss the symbology options and DONE to finish modifying the cities layer. You should see the cities layer listed under the Content heading of the Details panel. 12. Move your mouse over the cities layer and note the buttons that appear, allowing you to see the layer's legend, open its attribute table, change the layer's style, and access a host of other miscellaneous options. 13. Return to the Add Layer from File dialog and add the interstates shapefile as a layer. Again, ArcGIS Online will immediately launch into styling the new layer. 14. Choose TYPE as the attribute to show and note that ArcGIS Online intelligently applies the Unique symbols drawing style (based on the field holding text strings rather than numbers). 15. Click OPTIONS. You should see a separate symbol for each of the two unique values in the TYPE field: State Route and Interstate. 16. Modify the two symbols to your liking. (A thicker line is intuitive for the Interstate features.) 17. Again, click OK and DONE to return to the Details panel when you're finished symbolizing the interstates layer. 18. Following the same sort of procedure, set the symbology of the counties layer so that the county features are drawn using a hollow fill. (Under the color palette is an empty square with a red line through it, which is used to specify "No color.") Next, let's explore the pop-up windows that appear when the user clicks on a map feature. 19. Click on one of the cities features to bring up a pop-up window. Because the cities features overlap counties features, the pop-up results will include features from both layers. You should see text at the top of the window like "1 of 2" or "1 of 3" indicating this. 20. Click on the right arrow to cycle through the pop-up results and note that the matching feature is highlighted on the map. There are a number of improvements that could be made to the information displayed in this pop-up. 21. Click on More Options (3 dots) next to the cities layer and select Configure Pop-ups. Values from columns in the layer's attribute table are displayed in the pop-up by enclosing the column within braces. Thus, the Pop-up Title is set to display the value from the layer's NAME column using the expression {NAME}. 22. Click on the Configure Attributes link just below the list of fields. 23. Uncheck the checkboxes next to the FID, ID, X and Y fields to exclude those values from the pop-up content.
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
24. Click on the TOTAL_CRIM field alias and give it a new alias that makes the pop-up more human friendly. Do the same for CRIME_INDE. The POPULATION, TOTAL_CRIM and UNIVERSITY values display with two digits after the decimal point, but that is meaningless for those fields. 25. Click on the {POPULATION} field, then change the Format option from 2 decimal places to 0 decimal places. Do the same for {TOTAL_CRIM} and {UNIVERSITY}. 26. Click OK to dismiss the Configure Attributes dialog, then SAVE POP-UP. Test your changes by clicking once again on a cities feature. Note that it is also possible to customize pop-ups further (e.g., to string together values from multiple columns) or to display media such as images and charts.
27. 28. 29. 30. 31. 32. 33.
As with Google's My Maps, it's also possible to utilize a different base map. Click on the Basemap button and choose one of the options. (Again, a light base map is often preferable to a dark one, since your layers will stand out better.) Save your work by going to Save > Save As. To make it easy for me to find your map, please give it a Title of Jen and Barry . Enter a logical Tag or two (e.g., GEOG 863) and an appropriate Summary (e.g., A map for GEOG 863, Project 2), then click SAVE MAP. Finally, make your map visible to others by clicking Share. Set the map's visibility to either Everyone (public), as we'll be embedding this map in a web page in a moment. To confirm that others will be able to see your map, try opening the URL in another browser (e.g., use Chrome if you're currently working in Firefox, or vice versa).
In this section, we've been able to build a pair of useful interactive web maps without any programming. Move on to the next page to see how to take your ArcGIS Online map further -- still without programming -- by embedding it within a web page and using it as the basis for a web application.
Turning Your Map into an App The maps created earlier in the lesson offer interactivity in the form of zooming in/out, toggling layers on/off, accessing info about map features by clicking on them, changing the base map, etc. This part of the lesson will begin by showing how to embed your Google and Esri maps within a separate web page. After that, we'll look at tools developed by Esri that make it possible to incorporate even more interactivity -- to turn your map into an app.
Embedding a map While it's sometimes preferable to share the link to your map -- allowing it to fill the viewer's browser window -- it can also be useful to embed the map within a page of content.
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
1. Save this example page to your computer. (Right-click on the link and choose Save.) 2. Open the page in a plain text editor of your choosing (e.g., Notepad). 3. Go back to Google My Maps(link is external) and open the map you created earlier in the lesson. 4. Click the vertically oriented dots next to the Add layer and Share buttons, then select Embed on my site from the list of options. 5. Following the instructions in the dialog that appears, paste the code for your map into the html document below the line that produces the My Google Map heading. We'll get into HTML coding in the next lesson (probably more than you'd like), so don't worry if you don't fully understand everything that's going on in your HTML document. One piece of the code you just pasted that's easy to follow is the fact that the map will be drawn with a width of 640 pixels and a height of 480 pixels. You're welcome to change those values if you like. Now let's embed the ArcGIS Online map. 6. If your ArcGIS Online map is no longer open, go to our Penn State organization page(link is external), click My Content, click on the map you created earlier, then select Open > Open in map viewer. 7. Click Share, then EMBED IN WEBSITE. Note that ArcGIS Online provides a number of options for customizing the embedded map. For example, it's possible to specify the dimensions of the map, and to include widgets such as a base map selector or legend. 8. After making settings to your liking, click on the wide text box just above the Map Options. You won't be able to see all of the code, but clicking in the box will select all of it. 9. Copy and paste that code into your HTML document just beneath the My ArcGIS Online Map heading. 10. Save your HTML document with a name like lesson1.html. 11. Using the File Explorer in Windows, browse to the document you just saved and double-click on it to open it in a web browser. (If .html files aren't set to open in a web browser on your machine, you may need to right-click and select Open With.)
Configuring an app based on a template The interactivity offered by these maps is nice, but you may find yourself in situations where you need to go further. For example, maybe you want end users to be able to query the map's underlying data for features meeting certain criteria or to be able to edit the underlying data. Esri offers a couple of different non-programming options for those looking to build apps with greater functionality. The first of these is a set of templates that each meet a narrowly focused need (e.g., Edit, Query, Directions). As the app developer, you select the desired template and make a relatively small number of configurations to tailor the app to your needs. The second option is to use Web AppBuilder. This option is more open-ended, allowing you to build a less narrowly focused app by picking and choosing from a set of widgets.
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
We'll start with configurable app templates and to demonstrate their use we'll create an app for locating buildings on the Penn State Main Campus. 1. In your Penn State ArcGIS Online organizational account, create a new map. 2. Add the campus building data as a layer by going to Add > Add Layer from Web and pasting this ArcGIS Server map service: http://data1.commons.psu.edu/ArcGIS/rest/services/pasda/PSU_Campus/MapSe...(link is external) 3. Zoom to the central part of campus and style the layer as desired. 4. Save the map with the name PSU Buildings. Be sure to add some tags that would aid in discovering the map (e.g., Penn State, buildings) and optionally enter a summary. 5. Click Share, then check the Everyone box to ensure your map is viewable to the public. 6. Click Create a Web App. You'll be presented with a gallery of app templates on which you can base your own app. Browse the templates to get a sense of the variety of apps available. Note that the templates can be previewed by clicking on the Create menu beneath the desired template. We're going to create a Finder application so that users can search for buildings by name 7. Click Create beneath the Finder template and select the Create option. 8. Assign a title to the app (e.g., Penn State Main Campus Building Finder), add some tags that would aid in discovering the app (e.g., Penn State, buildings), optionally enter a summary, then click Done. After a few moments, you'll be presented with a set of configurable properties. 9. The app initializes with a generic default logo and heading. Set the Header Title to PSU Main Campus Building Finder. 10. Set the Icon URL to http://visualeditorialstandards.psu.edu/wpcontent/uploads/sites/23936/2...(link is external)
11. 12. 13. 14. 15.
16.
17.
The Finder app provides a box for the user to enter search text, displays a list of matching features and re-centers and zooms in to the selected feature. As the developer, you get to specify what columns to search, how to display the matching features, the zoom level to zoom to and whether a popup window should open over the selected feature. Under Find Settings, set the Hint to Enter part of a building name. Leave the Zoom Level set to 16 and confirm that a popup window will be displayed. Under the Find Layers and Fields heading, check the box next to PSU_Campus - PSU OPP Buildings 2015 to expand the list of columns in that layer. Check the BLDG_NAME_ column. (That's the column you want to search.) Select the same layer and column under the Result Display Layers and Fields heading. (You want the building name to be shown in the list of matching features.) Under the Application Help heading, enter: This app will find all buildings on the PSU University Park campus whose name contains your search text. Click Save and then Done.
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
18. Select Open > View Application and test your new app by clicking on the Find (magnifying glass) icon in the upper right of the window. 19. Try entering the name 'walker' and you'll see that the app finds two buildings that make up the Walker Clubhouse (associated with the PSU golf courses) and Walker Building (home of the Geography and Meteorology departments). Note how the settings you made when configuring are reflected in the app.
Creating an app with the Web AppBuilder Now let's try Esri's more open-ended option for creating apps. 1. Re-open your Buildings map and click again on the Share button. 2. Click Create a Web App and this time click on the Web AppBuilder tab rather than the Configurable Apps tab. 3. Assign a Title of PSU Main Campus Buildings, add some tags that would aid in discovering the app (e.g., Penn State, buildings), optionally enter a summary, then click Get Started. The Web AppBuilder will open with configuration options organized within tabs on the left side of the window and a preview of your new app on the right side. The app is dynamically linked to the configuration options so that changes made on the left will be reflected on the right immediately. The first of the configuration tabs is Theme, which provides access to settings that deal mainly with the app's appearance. 4. Try out some or all of the available themes (Billboard, Box, Dart, etc.). The controls on the app preview are functional, so you can click on the Legend and Layer List controls to see how they would behave. Depending on the theme chosen, you will see different options under the Style and Layoutheadings. 5. Click on the Map tab and note that it is possible to change the app's underlying Web Map and to override the map's initial extent and visible scale levels. 6. Next, click on the Widget tab. This is where the real power of the Web AppBuilder becomes apparent. The widgets available in Web AppBuilder can be categorized as off-panel or inpanel. Off-panel widgets are built into the app and can only be toggled on/off. Examples include the Scalebar and Coordinate widgets. In-panel widgets, on the other hand, can be added to or removed from the app. When adding an in-panel widget, the developer can position the widget within a container. If you experimented with the various themes, you saw that the shape and positioning of the widget container is something that differs across the themes. And for some themes, inpanel widgets can also be placed in numbered positions outside of the theme's container. 7. Hover your mouse over some of the off-panel widgets and note the following: - You should see the widget's position within the app highlighted in red. - An eye icon appears in the widget's upper-right corner. The widget can be toggled on/off by clicking on this icon. Widgets that have been turned on are shaded dark
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
blue, while those that are turned off are light blue. - A pencil icon appears in the widget's lower-right corner. The widget can be configured by clicking on this icon. (For example, the Scalebar widget can be configured to show distance measured in English units, metric units, or both.) 8. Turn on the following widgets: Attribute Table, Coordinate, My Location, Scalebar, Overview Map. 9. Configure the widgets as follows: - Attach the Overview Map to the top-right corner and initialize it in its expanded state. - Modify the Attribute Table so that only the building name and abbreviation columns are visible. (Note that this can also be done for the web map itself, which is an important consideration if you're using the map as the basis for multiple apps serving multiple purposes/audiences.) Now let's modify the widgets that are held within your theme's widget container (or controller). 10. Regardless of the theme you selected, you should see a Set the widgets in this controller link near the top of the tab. Click on this link. You should see the Legend and Layers List widgets by default. For this simple map in which the title makes it clear what's being shown, a legend is unnecessary. 11. Hover your mouse over the Legend widget and click on the X in the upper right to remove it from the app. For the same reason, you could probably also remove the Layer List widget. However, this widget provides a context menu of options that could be of interest to users. 12. Hover your mouse over the Layer List widget and click on the pencil icon to change its configuration. Note that the widget makes it possible to view a legend for each layer (by clicking on a small arrow to the left of the layer name) and to access a set of layer-specific actions through the context menu. All of these items are turned on by default. 13. Uncheck the Show Legend box (again, not much point in a legend), the Enable/Disable Pop-up box and the Move up/Move down box (with only one layer on the map, these options will be disabled anyway). 14. Click OK, then open the Layer List widget in the app preview and confirm that your settings have taken effect. Now let's check out some of the other in-panel widgets that are available. 15. Click on the + sign to add a new widget. In addition to the Layer List and Legend widgets that we've already seen, you should see many others including Basemap Gallery, Edit and Geoprocessing, among others. Being able to switch basemaps is a
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
nice feature to have, even in a very simple demo like this, so let's provide that capability. 16. Click on the Basemap Gallery widget and click OK. You'll be taken immediately to a configuration panel, which for this widget provides the ability to remove basemap options. 17. Remove the Imagery with Labels (it differs little from Imagery in this area), Oceans (not applicable to this area) and Terrain with Labels (not intended for use at this scale) basemaps as options and click OK. 18. Click again on the + sign, add the Draw widget, check the box to Add the drawing as an operational layer of the map and click OK. This will enable the user to add custom features and annotation as a separate layer. Now let's say you want the widgets to appear in a different order. 19. Click on one of the widgets and drag it to a new position. You should see a red vertical line indicating where the widget will end up when you release the mouse button. Before leaving the Widgets tab, there are a few more points worth mentioning: - The Analysis widget provides access to several analytical tools that may be useful depending on the app's purpose (e.g., Create Buffers, Create Viewshed, etc.). Keep in mind though that usage of these tools may consume service credits allocated to your ArcGIS Online organization. - The Edit widget can be used to develop online editing apps. - The Geoprocessing widget can be used to "wire up" your app to a geoprocessing task (do population summary?) - Full documentation for all of Esri's widgets can be found at http://doc.arcgis.com/en/web-appbuilder/create-apps/widget-overview.htm(link is external) 20. Click on the Attribute tab to move on to a set of options that help with branding your app. 21. Enter a sensible Title, such as Penn State University Park Buildings. 22. If you're not interested in advertising for Esri, clear the text in the Subtitle box or assign your own. 23. Download the Penn State shield(link is external) and assign it as the app's logo by hovering over the Logo icon, clicking the button that appears in the lower right and browsing to the image on your computer. Note that the logo is not displayed for all themes. 24. Click on Add New Link, enter www.psu.edu(link is external) in the cell on the left (the text that you want to display) and the URL http://www.psu.edu(link is external) in the cell on the right. Again, note that links are not displayed for all themes. 25. Finally, Save your app, then click Launch to see the app as an end user would.
Assignment: Build an App of Your Own For this lesson's graded assignment, I'd like you to build a web mapping app with Esri technology (using either a configurable template or the Web AppBuilder). You are welcome to select the app's subject matter (perhaps something from your work) and the functionality it provides. If you're unsure of what to map, you might try searching ArcGIS Online, where there is a wealth of data.
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
You will have two other opportunities to select your own projects later in the course: once to overlay features on top of the Google basemap using the Google Maps API and later in the course's culminating project when you'll code your own app based on either Google or Esri technology. Keep that in mind when selecting data and/or functionality to incorporate into this project.
Deliverables This project is one week in length. Please refer to the course Calendar tab, in ANGEL, for the due date. 1. Share a link to the app you created in the Lesson 1 Discussion Forum. (80 of 100 points) 2. As part of your discussion forum post, include some reflection on what you learned from the lesson, how you might apply what you learned to your job, and/or concepts that you found to be confusing (minimum 200 words). (20 of 100 points) 3. Complete the Lesson 1 quiz.
Summary and Final Tasks With that, you've finished working through the content on developing geospatial apps without programming. For some of you, especially those who work in an organization with an ArcGIS Online account, what you've learned in this lesson will sufficiently meet your app development needs. However, if you find that a widget doesn't quite do what you want, you need/want to build your app with a non-Esri technology, or you just want to understand what Esri's widgets are doing behind the scenes, you'll need to learn about web programming technologies (like JavaScript). Looking ahead, here is a basic roadmap for where we're going from here:
web programming basics (HTML, CSS, JavaScript)
programming with the Google Maps API
programming with Esri's JavaScript API
This Lesson File Downloaded from http://www.onlinegiscourses.com Created by Pennstate e-education department of geography
