Attachment  3    Includes  the  following  documents:    

1. Staff  Memo  -­‐  Land  Use  2. BlinkTag  Profile  3. BlinkTag/Raimi  +  Associates  Proposal  

1

To:     HCBF  Board  of  Directors  From:     HCBF  Staff  Date:     Friday,  March  17,  2017  Subject:   HCBF  Off-­‐Port  Land  Use  Study  Final  Draft  Revisions  and  Optional  Tasks      BACKGROUND    On  February  24,  2017  Beth  from  Raimi  +  Associates  presented  a  community  friendly  PowerPoint  presentation  to  the  Board  of  Directors,  to  which  the  Board  provided  feedback.  The  Board  decided  to  continue  the  conversation  at  the  following  board  meeting  in  March,  given  that  several  board  members  were  absent.  Edits  to  the  final  report  were  suggested  by  Board  members,  however,  Raimi  +  Associates’  contract  with  HCBF  ended  on  February  28,  2017.  Raimi  +  Associates  expressed  a  willingness  to  revise  the  final  report  at  an  additional  cost,  outside  the  scope  of  the  initial  contract.  Additionally,  Beth  reiterated  to  the  Board  that  part  of  their  initial  scope  included  an  optional  mapping/website  task.      OPTIONS    Revisions  to  the  Final  Report  Raimi  +  Associates  has  offered  to  maintain  the  2016  non-­‐profit  rates  for  any  revisions  made  to  the  Final  Off-­‐Port  Land  Use  Study.  The  Board  may  choose  to  set  a  maximum  amount  for  the  revisions,  as  well  as  a  completion  date.  These  revisions  will  not  be  under  contract  and  will  continue  on  an  hourly  basis  as  requested  by  the  Board.  Staff  will  oversee  study  revisions  with  Raimi  +  Associates  and  consolidate  feedback  given  by  Board  members.    2016  Non-­‐Profit  Hourly  Rates:    Senior  Associate  (Beth  Altshuler)  -­‐  $150/hour  Senior  Planner  (Tina  Yuen)  -­‐  $125/hour    Optional  Tasks  Raimi  +  Associates  will  partner  with  Blinktag  (Attachment  A:  Profile)  to  create  a  website  specific  to  the  Harbor  Community  Off-­‐Port  Land  Use  Study.  This  website  will  allow  users  the  following  capabilities:  

• Browse  the  dozens  of  data  layers  collected  through  the  Off-­‐Port  Land  Use  Impacts  Study  by  category.  

• Select  multiple  layers  at  a  time,  showing  them  layered  on  top  of  each  other  on  a  map.  • Zoom  and  pan  around  the  map,  similar  to  with  Google  Maps.  • Type  in  a  specific  address  to  find  a  location  of  their  choice.  • Calculate  distance  “as  the  crow  flies”  between  two  locations  of  their  choice.  • See  distance  buffers  around  key  pre-­‐determined  locations,  such  as  500  feet,  quarter-­‐,  half-­‐,  and  

one-­‐mile  from  schools  or  parks,  and  calculate  the  number  of  relevant  items  around  that  point  (such  as  traffic  fatalities  or  container  yards).  

• Create  a  unique  URL  for  a  specific  location,  extent,  and  selection  of  data  layers  that  can  be  shared  with  other  users  (by  email,  Twitter,  Facebook,  etc).  

• Read  a  summarized  version  of  the  main  report  text  about  many  of  these  layers.  For  example,  language  explaining  how  the  traffic  fatalities  were  measured  and  key  findings.  

• Easily  download  any  or  all  of  the  GIS  data  in  both  Shapefile  and  KML  formats.  

2

• Read  the  metadata  associated  with  each  data  layer  to  understand  how  it  was  collected  andcreated.

• Download  individual  chapters  and  the  full  pdf  of  the  Land  Use  Study  report.• Link  back  to  the  HCBF  website.

For  additional  details  and  cost  estimate  please  review  Attachment  B:  Blinktag  and  Raimi  +  Associates  Proposal.  

BlinkTag Firm Profile BlinkTag makes technology easy for city and transportation planning professionals. Founded in 2007, the firm includes city planners, web developers, transportation engineers, graphic artists, social media managers, and interaction designers. BlinkTag uniquely understands the structural barriers separating communities from public resources, as well as the challenges public agencies face in reducing those barriers, because many of our technical staff are also experienced city planners.

BlinkTag is uniquely qualified to undertake this project because of their expertise in both transportation planning and programming. Understanding the obstacles inherent to transportation consumers, the firm develops tools that are intuitive and responsive to the public as well adaptable and useful to researchers and developers.

BlinkTag adheres to the tenets of user-centered design. Successful design and strategy are informed by users’ wants and needs, rather than assumptions. To that end, before writing any code we listen to our clients. We strive to understand our audience and goals, and allow them to inform every step of the project. We then apply design research tactics, including rapid prototyping, wireframes, iterative development, and contextual inquiry to ensure that our deliverables satisfy both the audience and agency goals. We favor regular communication via check-ins and a collaborative relationship with our client thought partners.

In addition, BlinkTag supports tools that can be reused by the public. This includes both open source (meaning that others can modify and reuse it for their own purpose without cost) and free/libre (additionally, others can never charge for their derivations) licensing.

ATTACHMENT A

Ruth Miller

UI/UX Researcher, Project Manager: Oakland, California With degrees in transportation planning from MIT and University of California – Berkeley, Ruth approaches user-based design as a transportation planner. Over the past eight years, she’s facilitated user interaction design for website design/build projects with the Federal Highway Administration (FHWA), Louisiana Department of Transportation, Bay Area Rapid Transit (BART), the City of Palm Springs, the San Francisco Bay Area’s Water Emergency Transport Agency (WETA), 511 Contra Costa, County Connection, and the West Contra Costa Transportation Advisory Committee (WCCTAC). Because UI/UX combines both aesthetic and functional needs, Ruth’s experience spans both visualization and facilitation. Her visual design portfolio includes physical installations for the City of Oakland, as well as published digital graphic design work. Also an experienced facilitator, Ruth has led technical workshops around the world, including a Refugees Hackathon in Berlin and TransportationCamp West at UC Berkeley. Ruth has published reference materials for other facilitators through multiple conveners, including Aspiration and Civic Hall. As a transportation planner, Ruth has presented original research through the American Planning Association, the North American Transportation Research Board, and the Association of Pedestrian and Bicycle Professionals. She’s published research papers in the Journal of the American Planning Association and the Berkeley Planning Journal. Before working with BlinkTag, Ruth interned with the California Governor’s Office of Planning and Research and worked as a software marketing specialist at Cambridge Systematics.

Education B.S., Urban Planning, Massachusetts Institute of Technology M.C.P. (Master of City Planning), UC Berkeley

Select Publications Mitigating Vehicle-Miles Traveled (VMT) in Rural Development Ruth Miller, Chris Ganson 2015/1/11 Transportation Research Board Annual Meeting 2015 Paper #15-0821 Can BART Do Better: Sketch Modeling Alternative Fare Structures To Manage Demand Matthew Shabas, Ruth Miller 2013/1/11 Transportation Research Board Annual Meeting 2013 Paper #13-1378

Brendan Nee

Senior Programmer: San Francisco, California Brendan Nee, BlinkTag founder and principal, has sixteen years of experience in web development and programming, especially desktop and mobile websites for public agencies and nonprofits including Marin Transit, 511CC, BART, SFUSD, University of California – Berkeley, NACTO, TRPA, the Santa Monica Big Blue Bus, Boulder Transit, Lincoln Transit, Foothill Transit, and Fort Worth Transit. Brendan’s technical expertise is specialized in transportation data and maps. He has experience with GTFS, Google Maps, openStreetMaps, Mapbox, and other forms of geographic data. He has created open-source tools for managing transportation data including transit, bike routes, and walking tours. He maintains two popular open-source tools for managing transit data, node-gtfs and gtfs-to-html. Brendan has set up complex systems on top of mapping, displaying transportation data, and exploring interactive charts. Brendan also has extensive experience in web application development with projects in node.js, javascript, python and PHP. His front-end coding experience includes over a decade of work with CSS, javascript, HTML, responsive design, cross-browser testing, React, and backbone.js. Brendan has given talks on transportation technology, open data and developer platforms. He has published original research in the Journal of American Planning Association, and the North American Transportation Research Record.

Education B.S., Civil Engineering, University of Minnesota M.C.P. (Master of City Planning), UC Berkeley M.S., Transportation Engineering, UC Berkeley

Select Publications City CarShare: longer-term travel demand and car ownership impacts Robert Cervero, Aaron Golub, Brendan Nee 2007/1/1 Transportation Research Record: Journal of the Transportation Research Board, Issue 1992 70-80 Making accessibility analyses accessible: A tool to facilitate the public review of the effects of regional transportation plans on accessibility Aaron Golub, Glenn Robinson, Brendan Nee 2013/11/14 Journal of Transport and Land Use, Volume 6, Issue 3, 17-28

Past Projects In the past four years, BlinkTag has:

● worked with the Bay Area Water Emergency Transportation Authority to document their existing passenger and vessel tracking system and research options for replacing and improving it, including providing some real-time data to the public.

● authored a whitepaper on transit passenger alert and information systems for BART. ● built two interactive bike mapping routing systems, which specifically accommodate cyclists by considering

variable levels of vehicle traffic and elevation change. These systems support the San Francisco Bay Area and Lake Tahoe, both using open source data.

● built an alert system for BART that tweets service advisors, automating their workflow and increasing the availability of reliable information to riders.

● built a tool for automatically generating interesting walking routes using points of interest and historical data from Google places for anywhere in the world.

● built an app that notifies the user any time they make a trip by car that is short enough to walk and taunts with the calories that would have burned (and it won first prize in a hackathon judged by Chelsea Clinton).

● built a mobile-first website that suggests destinations in the City of Palm Springs California, and provides the relevant walking, bicycling, and transit directions. We designed the site to match Palm Springs’ highly recognizable branding.

● built an app that encourages carpooling by making it it easy to split the cost of gas and car expenses across all of the occupants of the car.

● built an interactive survey via SMS that asks people about their daily commute patterns. ● created a map that shows in real time where all BART trains are located and where they are headed. ● created and published a popular library for importing GTFS files into a database and making the results

queryable.

511 Contra Costa - http://www.511contracosta.org

BlinkTag was hired in 2007 by 511 Contra Costa (511CC), a regional transportation advocacy agency serving a large suburban county in the San Francisco Bay Area. BlinkTag designed and implemented a completely revamped website for the organization. Over the last nine years, BlinkTag has bolstered 511CC's online advocacy work and grassroots marketing through consistent, innovative and engaging social media work across Twitter, Facebook, the 511CC blog, and Foursquare. BlinkTag regularly creates new graphics and content for the site, program-specific subpagesand microsites, as well as research to advise engagement strategy. BlinkTag also developed the iSmog app for 511CC. iSmog is an iPhone application that displays air quality forecasts for the Bay Area. It offers users the option of receiving push notifications when air quality exceeds a threshold they specify. iSmog also contains information about air quality, a map of air quality forecasts and is automatically updated with other Bay Area air quality alerts like Spare the Air Day and Don’t Burn Tonight Alerts. The app is available for free in the iTunes App Store. Key Feature: A lightweight WordPress template built entirely using HTML, CSS and Javascript and employing cutting-edge graphic design for site elements, integrating various forms of social media. Recognition: In October 2011 511CC was recognized by the Mayor of the City of Oakley, CA for the physical and online services it provides to the community. In March 2010, 511CC was mentioned alongside the EPA, BAAQMD and PG&E as organizations who effectively use Twitter to spread information and environmental awareness. Contact: Corinne Dutra-Roberts, corinne@511contracosta.org, 925-360-4508 Website: www.511contracosta.org Years: 2007-2016

BART (Bay Area Rapid Transit)

BlinkTag has enjoyed a great collaborative relationship with BART. We created the automated @SFBARTalert Twitter feed, which broadcasts real-time service advisories to over 28,000 followers, and staffed the site on an emergency basis during periods of planned need. We built the Drupal-based BARTable website http://bartable.bart.gov, including graphic design and outreach strategy. We also manually surveyed their entire inventory of 45,000 parking spaces and created a set of navigational station maps, and are in the process of creating a new set of accessible station diagrams for all 45 stations in the BART system. BlinkTag authored a whitepaper on passenger travel alert and information systems in use around the world. Contact: Tim Moore, webmaster@bart.gov Years: 2013-2016

Bikesy.com – http://bikesy.com

Bikesy is an innovative and open bike mapping system specially designed to find flat, safe, and fast bike routes anywhere in the SF Bay Area. The site code is completely open source and available on github. The underlying map data is from OpenStreetMap. Bikesy.com also has an API that is open so developers can easily pull bike routes easily into their own apps. The iPhone app “Bay Tripper” uses Bikesy's API for its bike directions. Key Feature: Bikesy suggests different routes based on a users preferences for hill-avoidance and bike lanes and provides an elevation profile of the route. Client: 511 Contra Costa Contact: Corinne Dutra-Roberts, corinne@511contracosta.org Years: 2010-2012

Sola Kota Kita – http://solokotakita.org

Solo Kota Kita is a collection of tools for neighborhood advocacy and citizen planning in Surakarta (Solo), Central Java, Indonesia. The goal of Solo Kota Kita is to increase awareness of urban issues so residents can strengthen their voice in participatory budgeting – known locally as musrenbang. This is accomplished through a community-based approach of collecting and sharing data about the urban environment with residents and local government in Solo. The main tool of the project is the "mini atlas," a poster which shows how neighborhoods work and illustrates patterns of social and economic problems and opportunities. After data was collected for, BlinkTag analyzed and processed the data. An interactive map was developed that allows users to explore the census data by neighborhood and sub-neighborhood. Many different layers of data are available including poverty, health, water and education statistics. Neighborhood demographics are pulled into charts and tables, and the original datasets are also made available for anyone wanting to do their own detailed analysis. The entire site is powered by WordPress and is bilingual in Bahasa and English. BlinkTag, Inc. built Solo Kota Kita's entire online presence from the ground up. The logo, website and social media accounts (Twitter, Facebook, and Flickr) were all designed and implemented by BlinkTag, along with the interactive maps and graphs. Recognition: Solo Kota Kita has been featured in Good Magazine and in Design Observer. Client: Ford Foundation Contact: Michael Haggerty, michaeljhaggerty@gmail.com Years: 2012-2013

LA Port Land Use Impacts Study Website Proposal for HCBF from BlinkTag and Raimi + Associates

A website, optimized for search engines and accessible devices (such as screen readers), with intuitive navigation and visualizations, will broaden the reach of the Harbor Community Off-Port Land Use Study. Specifically, the goal of this website project is to allow any interested party to access the data collected for this study for many years.

Options What does the Harbor Community Benefit Foundation want from this website? How do they want visitors to the site to take away from it?

The website must be: ● Accessible. The site will undergo rigorous cross-platform testing, including compatibility with

common screen readers for the visually impaired (where feasible) and support for GoogleTranslate (into Spanish and other common languages as needed).

● Easy to use. The site will be designed through a user-driven, iterative process, and fullyfunctional on both desktop and mobile/tablet devices.

● Stable. This proposal includes hosting and maintenance to keep the static site live and reliablethrough 2022, with the opportunity to continue.

● Informative. The data will be useful for public agency staff, elected officials, academics, andneighbors alike, and the site will be designed to support all of these levels of need.

Features The HCBF Off-Port Land Use Study Website will be formatted as a data portal, prioritizing the map and encouraging users to interact with the spatial data. It will draw inspiration from websites like the State of California’s GIS Library, the Port of Oakland’s Adapt Oakland project, and Solo Koto Kita (a community impacts monitoring system built by BlinkTag and deployed in Indonesia).

CA GIS Library

http://maps.gis.ca.gov/demos/opr/genplan/webform1.aspx

Adapt Oakland

http://plan.adaptoakland.org/adapt/oakland/introduction

Solo Koto Kita

http://solokotakita.org

Through this website, users will be able to:

● Browse the dozens of data layers collected through the Off-Port Land Use Impacts Study bycategory.

ATTACHMENT B

● Select multiple layers at a time, showing them layered on top of each other on a map. ● Zoom and pan around the map, similar to with Google Maps. ● Type in a specific address to find a location of their choice. ● Calculate distance “as the crow flies” between two locations of their choice. ● See distance buffers around key pre-determined locations, such as 500 feet, quarter-, half-, and

one-mile from schools or parks, and calculate the number of relevant items around that point (such as traffic fatalities or container yards).

● Create a unique URL for a specific location, extent, and selection of data layers that can be shared with other users (by email, Twitter, Facebook, etc).

● Read a summarized version of the main report text about many of these layers. For example, language explaining how the traffic fatalities were measured and key findings.

● Easily download any or all of the GIS data in both Shapefile and KML formats. ● Read the metadata associated with each data layer to understand how it was collected and

created. ● Download individual chapters and the full pdf of the Land Use Study report. ● Link back to the HCBF website.

Rates All BlinkTag staff will bill at the following hourly rates.

Task Type Hourly Rate

Project Management $95

GIS Analysis $105

Web and Graphic Design $145

Programming $165

All Raimi + Associates staff will bill at the following hourly rates (these are discounted non-profit billing rates):

Position Hourly Rate

Principal $190

Senior Associate (Beth Altshuler) $150

Senior Planner (Tina Yuen) $125

Planner/Designer $110

Clerical / Intern $70

Budget BlinkTag proposes the following Not-To-Exceed, based on this task schedule. BlinkTag Labor and Expenses

Task Project

Management GIS

Analysis Web

Design Programmin

g Total

$95 $105 $145 $165

Kickoff 5 $475

Site Design 5 20 $3,375

Data Preparation 5 50 $5,725

Metadata Preparation 5 $475

Initial Site Development 5 30 $5,425

User Acceptance Testing 5 5 $1,300

Site Refinements 5 25 $4,600

Final Testing 5 10 $2,125

Deployment 5 5 $1,300

Maintenance (five years) 10 $950

Labor Subtotal $25,750

Units Rate

Hosting (five years at $35/month) 60 35 $2,100

Expense Subtotal $2,100

Raimi + Associates Hours

Task Senior Associate

Senior Planner

Planner/ Designer

Clerical/ Intern Total

$150 $125 $110 $70

Kickoff 5 2 $1,000

Site Design (basic copy writing) 4 12 5 $2,650

Data Preparation 5 20 40 $6,050

Metadata Preparation 5 20 30 $5,350

Initial Site Development 1 $150

User Acceptance Testing 2 $300

Site Refinements 1 1 $275

Final Testing 2 $300

Deployment 2 2 $550

R+A Labor Total $16,625

Office Expenses (2.5% of R+A Labor) $416

Subconsultant Management (4% of sub labor) $1,030

R+A Expenses Total $1,446

R+A Labor + Expenses Total $18,071

OPTIONAL:

Summary of findings for each pathway/indicator 15 45 $7,875

R+A Labor Total + Optional Task $24,500

BlinkTag R+A Firm Labor $25,750 $16,625

Firm Expenses $2,100 $1,352 Firm Total $27,850 $18,071 Website Total $45,921

Raimi + Associates Optional Task $7,875 Total with Optional Task $53,796