diff --git a/docs/media/dec29.jpg b/docs/media/dec29.jpg new file mode 100644 index 0000000..6ac1761 Binary files /dev/null and b/docs/media/dec29.jpg differ diff --git a/src/css/help.css b/src/css/help.css deleted file mode 100644 index 496d40d..0000000 --- a/src/css/help.css +++ /dev/null @@ -1,63 +0,0 @@ -/*body { - font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; - font-weight: normal; - color: #404040; - min-height: 100%; - width: 90%; - overflow-y: auto; -}*/ - -#container { - width:100%; - margin-top: 50px; -} - -#uturn-logo { - float: left; - width: 5%; - background-image: url(../images/logo/uturn-logo.png); - display: block; - height: 60px; - background-size: 100% 60px; - background-repeat: no-repeat; -} - - -#smart-chicago-logo { - float: right; - width: 5%; - background-image: url(../images/logo/smart-chicago-logo.png); - background-size: 100% 60px; - height: 60px; - display: block; - background-repeat: no-repeat; -} - -#help-content { - vertical-align: middle; - display: inline-block; - width: 90%; -} - -#help-content h1, #help-content h2, #help-content h3, #help-content h4, #help-content h5, #help-content h6, #help-content legend { - margin-top: 0; - font-weight: 700; - font-family: "Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif; - color: #2980b9; -} - -#help-content h2 { - font-size: 30px !important; -} - -#help-content p { - line-height: 24px; - margin: 0; - font-size: 16px; - margin-bottom: 14px -} - -#main-content { - margin-left: 2%; - margin-right: 5%; -} \ No newline at end of file diff --git a/src/css/ogrid-theme-blue.css b/src/css/ogrid-theme-blue.css index f572a79..915ebcf 100644 --- a/src/css/ogrid-theme-blue.css +++ b/src/css/ogrid-theme-blue.css @@ -10,9 +10,21 @@ html, body { left: calc(100% - 32px); } - -#qsearch .popover { +/*#qsearch .popover { top: 35px !important; +}*/ + +.popover { + top: 44px !important; + z-index: 5000; +} + +.popover-content { + font-size: small; +} + +.popover-title .close { + font-size: small; } /* override bootstrap default to avoid having a 'fat' nav bar*/ diff --git a/src/css/ogrid.css b/src/css/ogrid.css index a150ed2..23e3a69 100644 --- a/src/css/ogrid.css +++ b/src/css/ogrid.css @@ -347,9 +347,15 @@ h6 > a { width: 500px; } -#qsearch .popover-content { +.popover { + width: 500px; +} + +.popover-content { padding: 10px; - width: 100%; + width: 272px; + overflow-y: auto; + height: 600px; } #ogrid-adv-content .panel-heading { @@ -358,7 +364,8 @@ h6 > a { /* mobile styles for quick search hint */ @media (max-width: 480px) { - #qsearch .popover { + /*#qsearch .popover {*/ + .popover { width: 230px; } } diff --git a/src/help.html b/src/help.html deleted file mode 100644 index 7b8bbbc..0000000 --- a/src/help.html +++ /dev/null @@ -1,181 +0,0 @@ -
- -
-
-

-

Open Grid User Documentation

-

-

This documentation is designed to help the user gain appropriate knowledge and capabilities to navigate the OpenGrid application. The user will inherit an understanding of the system and its processes and have the foundation to execute queries for navigation.

-

-

Supported Browsers

-

-

OpenGrid supports both mobile and desktop versions search engines. Mobile Android devices support Firefox version 40+ and Chrome 44+. iOS devices support Chrome 45+, Safari 8.1+ and Firefox 40+. Desktop versions support Firefox 42+ and Chrome 46+; Internet Explorer is supported from IE10+ no older versions will be continued. All browsers must have cookies enabled and support JavaScript/ECMAScript version 5.1.

-

-

Main Page View

-

-

Main Page View

-

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Page Element #Element Name/Description
1.Quick Search box; clicking on the quick hint icon will display a “examples” with all the available commands and syntax.
2.Command bar; “Advanced Search” will bring up the search panel, “Clear Data” will clear the map (enabled only if there is data on the map/table) and table view; and “Help” will take user to OpenGrid documentation.
3.Zoom-in/out controls
4.Reset Map View and Area Zoom
5.- Zoom specification Control
- - Full-Screen control
- - Geo-location control -
6.Layer control Main Page View will allow users to switch between:
- - Street View
- - Aerial View
- - Display list of available layers -
7.Measurement Tools
8.Expandable table view panel
9.Map attribution; this will display a link for any copyright information, terms of use, etc.
10.Main map display
-

- -

-

The quick search help feature assist users in performing a valid search. Each search is unique based on query type. Users can query quick search by Address, Lat/Long or Place Name.

-

-

Search by Address example:
50 W. Washington St

- -

Search by Lat and Long example:
41.8270, -87.6423

- -

Search by Place Name example:
Daley Center

-

Additionally, data sets that contain zip codes can be searched using the dataset ID (all lowercase) and zip code. The dataset ID is the data set name with “_” instead of spaces. Below are examples:

-

Business Licenses 60601:
business_licenses 60601

- -

Pot Holes Reported in 60602:
311_service_requests_pot_holes_reported 60602

-

The search results for the above type of search will appear as points on the map. Quick search results will also be displayed in the grid section as rows of data. In general, any type of query whether performed via Quick search or Advanced Search will display on both the map and the grid.

- - -

Advanced Search allows you to combine search terms by setting specific parameters for your results.It gives the user the ability to narrow their searches by a series of different filters such as adding additional rules, groups,datasets and Geo spatial-filters.

-

Selecting data and date range

-

To query by data and date range...Click on add datasets, select the saved dataset from the list (for ex: business license); click submit. Add a rule or group to your dataset (Adding a rule or group gives the user an option to query by date, city, name, address, etc. depending on the search criteria.)
Date range can be specified with the parameters of:

-
    -
  • equal
  • -
  • not equal
  • -
  • less
  • -
  • less or equal
  • -
  • greater
  • -
  • greater or equal
  • -
  • between
  • -
-

Advanced Search

-

Search around a parameter (Point)

-

To search with given point or boundaries the Geo spatial-filters will have to be applied. There are two filters to search by “Within” and “Near”. “Within” is used to search boundaries within a query. “Near” is used to search within a given parameter or around the area of your local.

-

Within have search boundaries of:

-
    -
  • Map Extentu
  • -
  • Drawn Extent (create polygon or rectangular perimeter)
  • -
  • Citywide (within the city limits)
  • -
  • Zip Code (within a given zip code)
  • -
  • Ward (within a given ward)
  • -
-

Near have search points of:

-
    -
  • Near “Me” (search around the user geo location)
  • -
  • Near “Marker” (search around a given area)
  • -
-

Table Functions

-

The table functionality is used to organize information that has been displayed via query. The table displays the data that was pulled from the queried results and in return structures it in a readable format for the user to interpret.

-

The table view consists of four drop down sections:

-

Table Funcions

-

1. Columns

-

The columns section displays the list of columns from the query data-sets and places them in order by default. The columns can be interchangeable and removed to fit the user preference.

-

2. Exportation

-

The exportation dropdown is used to send or transmit data from the query into csv, pdf or MS- excel format.

-

3. Graphing

-

The graphing functionality is used to display the query results into graph formation based on the information. The user has the decision to create a graph based key search criteria’s that displays in the dropdown list.

-

4. Heat Map

-

Heat Map function is displayed where values contained in a matrix are represented as colors. There are many color schemes that can be used to illustrate a heat map.

-

Measure Distance and Area

-

Measuring distances and areas is a function within OpenGrid that allows the user to perform measurements between any given point to another. Once the measurement tool is selected the user will be prompt to start creating measurements by adding points on the map.

-

Measurement and Tools

-

Click the measurement tool icon.

- icoa

-

A measurement tool textbox will appear with an option to create a new measurement.

- -

- icob

-

Once click "create a new measurement"... display points of origin and destination on the map by creating points.

- -

- icoa

-

-

After the measurement has been created the finish measurement textbox will appear. click "Finish Measurement".

- icoc

-

After clicking on finish measurement the "Area Measurement" textbox will appear providing information about the perimeter:

-
    -
  • Acres
  • -
  • Feet
  • -
  • Miles
  • -
-

It also gives the user an option to center on the Area or to Delete the perimeter.

- icoc

-

-
-
-
-

-
-
-
-
-
-

About OpenGrid

-

-

OpenGrid was developed by the City of Chicago as a way to view information from different city agencies on a single map for situational awareness. First introduced during the NATO conference in 2012, the city expanded OpenGrid to be used internally as a predictive analytics platform.

-

-

In January 2016, after Chicago released OpenGrid to the open source community, Uturn Data Solutions and the Smart Chicago Collaborative created a “public” facing version of OpenGrid, for residents, businesses, and communities to better interact with public data from Chicago’s Open Data Portal.

-

-

After launching OpenGrid for the city of Chicago, Uturn Data Solutions and Smart Chicago Collaborative created modified version of OpenGrid that could be easily adopted by other cities and quickly deployed on the Amazon Web Services cloud.

-

As a major contributor to the OpenGrid project, Uturn regularly updates its distribution of OpenGrid with the latest features from the open source community. The OpenGrid project is maintained by the City of Chicago on Github.

-

Additional documentation about the OpenGrid can be found here:

-

Additional OpenGrid documentation:
http://opengrid.readthedocs.org/en/latest/

-

Want to contribute to OpenGrid?
https://github.com/Chicago/opengrid

-
-
-
- -
diff --git a/src/index.html b/src/index.html index a3f5ca1..67c8b80 100644 --- a/src/index.html +++ b/src/index.html @@ -67,7 +67,7 @@