codeforsanjose / heartofthevalley Goto Github PK
View Code? Open in Web Editor NEWMap visualization of murals and public art in South Bay (Bay Area, California)
Home Page: https://codeforsanjose.github.io/heartofthevalley/
License: MIT License
Map visualization of murals and public art in South Bay (Bay Area, California)
Home Page: https://codeforsanjose.github.io/heartofthevalley/
License: MIT License
In the wiki, create a list of public art sources (websites, orgs, artists, etc.)
Keep to San Jose for now.
Right now only headers are in the wiki, so they need to be updated
Make a different link color; currently it blends in with the marker header, which is also purple. Alternatively, style links differently that are in the marker header.
Make the mobile view better.
Create a contact form that'll allow visitors to provide feedback and their experience on Heart of the Valley.
We're looking to organize our code and migrate to Gatsby, so we can more easily maintain our code while still having a static site that we can easily host.
Some images are broken, and it might be a result of the web scraper breaking. Needs investigation.
Checklist:
If a user wants to use this app to find directions to get to a mural, what would that look like?
As a user of the Heart of the Valley website, I want to submit my own artwork and entries to the database, so that I can contribute to the collection.
1. User can select an entry and upload a graphic file.
2. User can select a point on the map, and add an entry.
3. User can select an entry and add a comment for the site administrator.
4. All forms must be secure.
When I visit the website, it doesn't load.
https://www.codeforsanjose.org/heartofthevalley
Is there another URL now, or did something break? @JMStudiosJoe
Remove the vulnerable dependency
The URL for this is:
https://www.codeforsanjose.com/heartofthevalley/#listing-art_b960b1e410b14a2e4ad4b9353ee3bcdac8298ff1f366b2572c7855352913ab27
The source for this is:
http://sanjoseca.gov/facilities/facility/details/Public-Art-Ripple-Effect-and-Run-River-R-448
Need to create an override for this item so that the marker is in the correct place (or close to it) on the map.
Need to store into env variable or config file
Need legal disclaimer that states we do not represent nor endorse the artists explicitly.
Create user accounts so community members can suggest changes or suggest a new mural/public art that may be missing from the map. Administrators should be able to review the suggestions through a CMS backend.
The map needs filters that allow users to filter the list or the map.
For example, filter art/murals by title, by artist, by subject (if the artwork was organize with subject tags)
NOTE:
This is a big issue and be broken up into a list of tasks. There's some design ideas from Anne-Elise Chung(see the thread), and some suggestions for approach by Minh Nguyen (see the thread).
SJ government has updated their website and that consequently breaks our scrapper.
I've been looking at their website and it appears that the URL has changed to here: https://www.sanjoseca.gov/your-government/departments/office-of-cultural-affairs/public-art/collections
In order to prevent future interruptions, we should look to mirror a local copy (or at least a compressed copy).
When the user clicks on the title of the artwork on the left sidebar, the map will fly to that marker; however, the sidebar scrolls automatically to the last listing in the sidebar.
The current website requests every image from all image locations, which means if there are hundreds of images from the San Jose Gov website each user will be flooding their website with requests. One solution is to create auto loading pagination so that we only request 10 or so items at a time. This will also reduce lag when browsing the website particularly on low processing power devices.
Currently, when there is a popup with an extended description the text will be cut-off at the bottom of the screen. One solution to this is to truncate the description after X number of characters and then have a "Read More" link. There are a number of options with what the "Read More" link would do. One option is to flash the active entry on the sidebar to indicate to the user that is where they should look. Another option is to create a specialized popup that will display all of the content without being cut-off.
Expected behavior:
When a user clicks on the marker on the map, the side menu should automatically display the same mural.
Currently, when a user clicks on the marker, it doesn't fly to the appropriate mural. It works sometimes, but it won't work all the time.
A number of new murals were installed/created Oct 2018 by POW!WOW! San Jose and Empire Seven Studios art gallery. Here is a link to the list of murals.
We need to update the artworks-data/consolidated-artworks.json
and js/art.js
file with this new information. Please check to make sure they are not already on the list before adding the data.
In order to find the latitude and longitude, please look up the location on OpenStreetMaps: https://www.openstreetmap.org/
Links for artwork scraped from the City of San Jose website are broken
For example, the "Source" link for 1737 Trees is https://www.sanjoseca.gov/Facilities/Facility/Details/Public-Art-1737-Trees-City-Hall-Lobby-445, which points to a broken link.
currently, api keys are shown in plain sight in js/main.js
There's a collection of SJC sponsored public art (about 200+) that we need to include in the map.
locally run web app that gets all scraped artworks, shows each artwork on a map with all details, allows user to edit how the artwork will appear, outputs cleaned up data points to a json file. Json file to be consumed by the Heart Of The Valley page.
The data is currently hardcoded in. An alternative is to create an API that can be managed by administrators.
Add murals from the 2017 POW! WOW! San Jose to Heart of the Valley. To do this, add the information to artworks-overrides.json
, and update consolidated-artworks.json
and art.js
accordingly.
Mural information is here: https://www.powwowsanjose.com/
This issue follows up the issue 70, adding murals from 2018 POW! WOW!
Research and add information about sponsorship and/or production behind the public art/mural
Hide that Mapbox token...
allow image to be added using the POI Manager
Include data about art boxes
Create an about page with more information about the project, how to contribute, etc.
Need to keep track of the product road map
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.