GithubHelp home page GithubHelp logo

azgs / az-agriculture Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 6.0 27.68 MB

Arizona Farm Stands and U-Pick Farms Map

Home Page: http://cropmap.arizonaexperience.org/

JavaScript 65.39% HTML 23.07% CSS 11.54%

az-agriculture's People

Contributors

asonnenschein avatar ridavis avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

az-agriculture's Issues

Add text to directions page

Please add "Refresh page to clear directions" or other appropriate instructions to the top of of the directions page.

Basemap Style

We can either use an existing basemap (Google, Bing, MapQuest) or we can make our own. If we have the budget (which it sounds like we do), I think we should make our own basemap using Open Street Map data and Tilemill. Our end result will be a thematic map and a themed basemap will be a powerful addition. Using OSM data will allow us to focus primarily on design, because the data has already passed through a standards organization.

Ideas on how we can use design techniques to illustrate a feeling of 'agriculture' would be very helpful.

Render and style data

Add logic for processing/rendering and styling the data in the browser. This also means having some kind of menu bar of table of contents. Processing can happen on the server.

Revisions to agritourism map v 1.0

• Please change “filter locations by crops” “find farms by crop” and add the subtext “Always call ahead (hours and offering may change)”
• Some of the spacing appears odd in the descriptions: e.g. - A designated Arizona Treasurethis farm offers a year-round variety of u-pick organic vegetables as well as toursfestivalsvarious markets,and a field to hold your own event.
The text as is appears in the spreadsheet is as follows: A designated Arizona Treasure, this farm offers a year-round variety of u-pick organic vegetables as well as tours, festivals, various markets, and a field to hold your own event.

Adrian, you warned me that commas screw up the information… is there a way we could give special instructions about commas in the “description” column to allow their use? I was careful to not use commas in all other fields.

• Information not appearing in Tonopah Rob’s pop up window.
• Once I see directions to a place, I don’t know how to make the route that appears on the map go away.
• I don’t know exactly what’s happening when I play around with the filters, particularly mixing the crop filter with the seasonal filter. When I cross filter, I am confused by my ability to pull up farms and crops I know are out of season.
• Instead of “filter locations by season” instructions, please change text to “find crops by season” and add the following subtext: Can’t find the crop you’re searching for? It might be out of season!
• I just can’t get over the idea of little crop icons that appear as farms and alongside the text in the search box. Initial user tests performed on a small sample (read: the people I could pull into the office to look at the map) agree that we should go with the crop icons. Stephanie is on board to try to make some and has suggested the cornucopia to represent locations with multiple crop offerings. So we’ll work on that from our end. I’ve attached an image for a visual, but ours would be higher quality.
Photos and site links (for near future consideration):
• Can we add an image to the information box, perhaps in the top right corner?
• Can we embed links to crop pages (upcoming) by making each crop under the “products” category a hyperlink?

Great job, again.

nowebsite information

Hi guys, names of businesses need URL of business website or hyperlinks placed on the "detail" pages of the crop maps.

Create mechanism to upload images to information

add an image to individual farm information boxes.

I suggest the top right corner but I'm happy with whatever looks and works best.

Should we give you specs or would you prefer to give us specs once image placement has been determined? Or should I just give you raw images?

Discussion: Product Distribution Map

  • Features restaurants/grocery stores/farmers markets (?)
    Points concentrated in urban areas
    Possibly polygons (farms) on basemap illuminated when a point is clicked on (can accommodate multiple polygons for multiple crops) to show source(s) for distribution points
    Do we depict these points through crops or through distribution type, or do we use 10 crop layers that can be toggled?
    • Use crop census data to define growing regions on basemap if possible

Would be nice if this map were somehow related or connected to the agritourism map.

Overall Purpose: Promote eleven of Arizona’s specialty crops at the state’s official online museum through a customized, interactive map that profiles these crops, their regions, local growers, and consumer options, including farmers markets, U Pick farms, and “farm to chef” restaurants carrying these products.
Technical requirements: Design for use in tablets and mobile devices

Odd spacing in descriptions

Some of the spacing appears odd in the descriptions: e.g. - A designated Arizona Treasurethis farm offers a year-round variety of u-pick organic vegetables as well as toursfestivalsvarious markets,and a field to hold your own event.

The text as is appears in the spreadsheet is as follows: A designated Arizona Treasure, this farm offers a year-round variety of u-pick organic vegetables as well as tours, festivals, various markets, and a field to hold your own event.

Adrian, you warned me that commas screw up the information… is there a way we could give special instructions about commas in the “description” column to allow their use? I was careful to not use commas in all other fields.

words running together

Words are still running together in some of the farm descriptions (ex: Truman Ranch II entry). They do not appear that way in the database. I think this has something to do with commas but beyond that I have no idea why this is happening.

Wine Contribution Form - limit product descriptions

As it stands, any wine producer can add an unlimited number of products and services with lengthy descriptions for each. I recommend changing the field display name to “Featured Products and limiting the “products” allowed to 3, with a 100 character limit on each entry (e.g.: service: sangiovese; description: floral cerise aromas, tannic and earthy overtones with a hint of wood; a true original)

extend character limit in Description field

For now, please extend the character limit to 2000. If it looks shitty on the map, we'll revisit it, but I have some existing entries that are close to that limit. Thanks!

Discussion: Wine Map

Elements of Wine map (first draft ideas)
• written or video introduction (we can use a video that already exists on the site to do this)
• One layer
• Basemap should denote elevation if possible (elevation is very important to viticulture in Arizona) and vineyards (polygons) in Arizona’s three winegrowing regions * need to have a discussion with winemakers about the viability of getting these coordinates from a large number of winegrowers.
• Wineries (points)
• When you click on a winery, it illuminates the vineyard polygon(s) where the grapes used to produce the wine are grown and opens a popup window with
o Name of Winery
o Name of Proprietor
o Image or video
o Street Address
o Website
o Product blurb (??)

Overall Purpose of Maps: Promote eleven of Arizona’s specialty crops at the state’s official online museum through a customized, interactive map that profiles these crops, their regions, local growers, and consumer options, including farmers markets, U Pick farms, and “farm to chef” restaurants carrying these products.

Technical requirements: Design for use in tablets and mobile devices

Discussion: Agritourism Opportunities Map

• Features agritourism opportunities in points for 10 specialty crops. Information included:
o Name of Farm
o Name of Proprietor
o Image or video
o Street Address
o Hours of Operation
o Crops Available/Season
o Website

• Points delineated according to crop via spiffy icon (ear of corn, apple, etc)
• Explore options (layers) to illuminate only one crop or all points together - perhaps no layering necessary on this map
• Use crop census data to define growing regions on basemap if possible
• Perhaps designate a special icon for festival locations and insert festival videos into the map at points where they occur.

Discussion: We may want to add a timeline feature that would help denote what's available at a given time of year. If we did this, we could dispense with the layers idea, as seasonal availability would limit the points visible on the map at any given time. This could be really cool but I'm not sure how much extra work this approach takes.

Overall Purpose: Promote eleven of Arizona’s specialty crops at the state’s official online museum through a customized, interactive map that profiles these crops, their regions, local growers, and consumer options, including farmers markets, U Pick farms, and “farm to chef” restaurants carrying these products.

Technical requirements: Design for use in tablets and mobile devices

HTTP Server

Build a lightweight HTTP server for the app, so that it's more maintainable. This way a user could just do npm install and then only have to add the port that the app is running on to Nginx/Apache/etc and all of the static file redirects are already taken care of.

Maps JS API

Pretty much boils down to Leaflet or OpenLayers. My vote is for Leaflet. OpenLayers is working on rolling out v3, but they're still in beta. In terms of utility, it sounds like we're going to have to build some custom clustering algorithms and Leaflet is far easier to extend than OpenLayers (code base is minimalistic).

Add hyperlinks to crop pages

Can we embed links to crop pages (upcoming) by making each crop under the “products” category a hyperlink?

Since we are scheduled to roll out pages on a timeline, we don't need to add all these at once. In fact, no crop pages (hence no urls) have been created yet.

Wine Contribution Form - allow user to select type of business

The term “vineyards” will be confusing because technically wine experiences will be distinguished by vineyard, tasting room, and winery. So we need to add that choice (Type of business (winery/tasting room/vineyard) – list ALL that apply), and change the title of the header to “wine locations”

add default text to Detail tab

Currently, the "details" tab is NOT blank when there is no location selected, but the text: " Click on a farm on the map to see its detail here" is difficult to see. Please move the text toward the middle of the page so it is easier to see (if this can be done easily) and change text to:
"Please select a location"

Thank you!

Filter text

• Please change “filter locations by crops” “find farms by crop” and add the subtext “Always call ahead (hours and offering may change)”

• Instead of “filter locations by season” instructions, please change text to “find crops by season” and add the following subtext: Can’t find the crop you’re searching for? It might be out of season!

JS MVC

This is probably going to be a client-side single page web application without much of a backend. To keep things organized, we should use a client-side MVC. Advantages of using MVC are:

  • Separation of concerns to simplify development.
  • Modularization of workflow.
  • Easy to extend (just add a new model!).
  • Sustainability (a new developer won't need to read cryptic code comments to understand our code, they can just follow the MVC docs)

The 'big three' JS MVCs right now are:
(Backbone.js)[http://backbonejs.org/]: Light weight, not opinionated and by far the most widely used. Also the most abstract.'
(Ember.js)[http://emberjs.com/]: A few steps more opinionated than backbone, particularly with views. They kind of force you into using their template system, but models and controllers remain pretty abstract.
(Angular.js)[http://angularjs.org/]: Highly opinionated and not really abstract at all. The best for extremely data-intensive applications.

I vote for Ember. Being a few steps more opinionated than Backbone will make it easier for developers in the future to maintain it, yet it still is abstract enough for us to mold the framework to meet our ends.

Crop Icons

We should replace dots with crop icons.
Stephanie has agreed to make these crop icons; she says she will talk to Adrian to work out a due date with you.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.