Midterm Exam 2 Flashcards
LEARNING OUTCOME:
Describe a web app.
- The client is a web-browser or a webview
- Desktop centric design
* Consumes alot of real estate
* No or poor gesture support
* The requiremnt of a mouse becomes apparent
LEARNING OUTCOME:
Describe a mobile app.
-
Runs outside of a web browser
(can be back-end, web-based services) -
Contains some type of application file
Desktop app files → msi, exe, dmg, app, pkg and JAR
Examples of mobile application package files
Android → apk files
iOS → ipa files -
There is an app store of some type
Amazon, Google, GetJAR and Apple
Sideloading may be required
LEARNING OUTCOME:
Describe a mobile-web app.
- The app runs in a browser or webview
-
Designed for mobile first
Looks “really big/chunky on a 27 inch screen” - Appears to be simple
-
Focused
1or 2 tasks
Typically one feature in the case of GIS (trend)
*The pendulum is swinging in the other direction now
LEARNING OUTCOME:
Describe ESRI story maps.
A “simple map maker to create custom maps to enhance your digital storytelling. Or add text, photos, and videos to your existing ArcGIS web maps and web scenes to create an interactive narrative that’s easy to publish and share”
Name 7 story map templates that have been killed off.
- Map Tour
- Map Journal
- Cascade
- Map Series
- Shortlist
- Swipe/Spyglass
- Basic
LEARNING OUTCOME:
Describe the ESRI operations dashboard.
Definitely needs a map, maybe not now with tables
Real time and temporal data
* Changing data
Web or mobile → Tweener
* With a few widgets it could work on a tablet
What are 4 categories of real-time and temporal data?
1.Dynamic
Something moves → tracking a snowplow or salt-truck
2. Discrete
Something just happened → incident → crime, fire, etc (there → not there)
3. Stationary (at a fixed location)
Change in condition/value → status of a feature, traffic camera, water gauge level, temperature, wind speed, etc
4. Change (size, area, composition)
Fire perimeter, flooded area, land use, etc.
What are 3 types of selectors?
Category → Think domain or unique value renders
Number → Think a domain range for whole and real numbers
Date → Think a domain range for dates
What are 7 actions used within Dashboard?
- **Filter **→ Reduces the number of features
- Set Extent → Sets the extent of a map
- Flash Location → Flashes a geographic location
- Zoom→ zoom to a specified location
- Pan → pan so a specified location is centered
- Show Pop-up → Displays an information window
- Follow Feature—Pans target map elements to stay centered on a particular feature
LEARNING OUTCOME:
Describe responsive design.
“Responsive web design (RWD) is a web development approach that creates dynamic changes to the appearance of a website, depending on the screen size and orientation of the device being used to view it. RWD is one approach to the problem of designing for the multitude of devices available to customers, ranging from tiny phones to huge desktop monitors.”
LEARNING OUTCOME:
Discuss responsive frameworks (CSS):
*Tailwind
*Bootstrap
*Foundation
*Pure (GIST 7132)
*Bulma
*Semantic UI
*Calcite
Tailwind: “works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.” Tailwind
Bootstrap: Front end HTML toolkit for responsive web design using template styles. Bootstrap
Foundation: “A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable.” Foundation
Pure: “Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered.” Pure
Bulma: “Bulma is a CSS library. This means it provides CSS classes to help you style your HTML code.To use Bulma, you can either use the pre-compiled .css file or install the .sass files so you can customize it to your needs.” Bulma
Semantic UI: “Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.” Semantic
Calcite: “Calcite Design System is a collection of design and development resources for creating beautiful, easy to use, cohesive experiences across apps with minimal effort. It includes a UI kit, icons, color schemes, and a web component library with UI elements such as buttons, panels, accordions, alerts, and many more.” Calcite
LEARNING OUTCOME:Discuss reactive frameworks (JS):
* React and Preact
* Angular
* Vue and riot
BONUS: What are others?
AngularJS v15.1.1 * → backed by Google, Enterprise monolith
React v18.0.2 * → backed by facebook, Javascript centric
Preact v10.11.3 * → alternative to react
Vue.js v3.x * →They have a team, HTML templating, good developer extensions
Riot v7.1 * →One core developer on github
Svelte 3.55.1 * → new and growing
LEARNING OUTCOME:
Describe the benefits of prototyping.
- Increased end-user involvement
- High visibility → maintain support
- Training/education through testing
- Increased user acceptance.
LEARNING OUTCOME:
Distinguish the various web app templates.
LEARNING OUTCOME: Describe the apps building process:
*Themes, Map (a lot of precursor work here)
*Widgets and Attributes
LEARNING OUTCOME:
Discuss the key concepts of an AGOL map.
Basemap
Feature service
Image service
Editing templates
Popups
LEARNING OUTCOME:
Describe THE core component of ArcGIS online.
The web map.
LEARNING OUTCOME:
Distinguish between the following items:
Layers, Maps, Basemaps
LEARNING OUTCOME: Distinguish between the following layers:
Image, Features, Map Notes
