robbi5 / access_map

A visualization of the Ulm public transport map with and without accessible stations.

Home Page:http://www.ulmapi.de/access_map

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

What is the Access-Map?

The Access Map is a tool that visualizes a handicapped person's perspective by wiping out all the stations that are not accessible. The map was originally created by the initiative Mappable from Hamburg. The idea:

Taking the tube or suburban railway for your daily commute is quite comfortable if you live in a city with a well developed public transport network. But as so often in life we quickly take things for granted and tend to forget that such amenities are not accessible for everyone. [...] Fortunately there are projects like Raul Krauthausen's phenomenal wheelmap [...] While this and other tools help to improve the situation of handicapped people, we nevertheless think that from time to time it's useful and necessary to remind 'the public' about the limitations of 'public transport'.

I think, apps that support people with mobility restrictions in their everyday life are great - but they are not the final answer to the greater problem that needs to be solved, namely too few accesible stations. With this map we want to raise more awareness for the topic, by visualizing how a city looks like for a person in a wheelchair.
We strongly encourage you to redploy this tool in your city. It's really easy and no coding skills are needed. We'll explain how to do that below. In case you have any questions that are not answered here, feel free to contactme and ask.


How does it work?

This Readme explains step by step how to redeploy the Access Map in your city. You will make your own maps, copy the repository and adapt it to your city. In the end we will put your map online with github-pages and you're done!

You'll need:

  • a map of your public transport system
  • an image manipulation program like GIMP
  • A github Account
  • The github App (Or basic git skills on your command line)
  • An editor like Sublime

1. Find a map

First you need to chose a map for the visualization. It certainly makes sense to use the public transportation map by your city, but often these are restricted by copyright laws. Nevertheless you could ask for permission or check whether there is a free version available. This can be quite a hassle, decide for yourself, how you want to proceed on that, just keep in mind that you might be breaking a law if you simply use the map from your city without permission.

2. Edit the map

This is probably the part that consumes most of the time - which isn't much though. Make a copy of whatever map image you want to use and rename it for example map_erased.jpg. Open it in an editing program and erase all the stations that are not accessible. I used the stamp tool in GIMP which worked perfectly fine. It took me about half an hour. If your transit system provides a PDF plan, you might fare better with editing the map in Inkscape!

3. Set up a github account

Now we want to join the maps and put them online. For that matter you need to create a github account, if you don't have one yet, go to github and create one. After that, I would recommend to install the github App. I'll be going through the How-To expecting you to use the app. You can also use the command line for that, but I won't explain that here.

4. clone the repository

After you've created your account, go to the repository on my account and "clone" it to your Desktop. You will see the repository appearing in your github app. You can see the changes you made here and "push" them to the repository when you sync it. By syncing you also "pull" all the changes that were made by other people, in case you have other collaborators. This is now your very own repository. You can also rename it if you want to and add other people on github in the "settings" section.

5. Adjust it to your city

Now you should find out where the repository has been saved on your computer. Probably in your home folder. Drag the entire folder in a text editor like Sublime. Go to the index.html file and adjus the text between the "" tags to whatever you want to say. You can also change the font and the color in the style.css file, if you want to. Save your changes. Then you need to go back to your folder and replace the images with your pictures.

6. Does it work? Check locally.

This is not mandatory: If you have python installed, you can see whether your adjustments work by going into your terminal and typing:

python -m SimpleHTTPServer

You can then go to your browser, type in "localhost:8000" or replace the 8000 with whatever port python is serving (It usually says that when you execute the command). Does it work? Perfect!

7. Push it!

You are now ready to put everything online. See whether the github app noted all the changes you made, then you can sync everything. Check your github repository on the github site. Is everything in there? Good!

8. Go online!

Now go ahead and check your new awesome website on http://username.github.io/access_map. Replace "username" with the name you chose for your account and "access_map" with the name of your respository. You did it, awesome!

You can now make an important statement on accessibility. Share this and talk to people about accessibility. It's important. Feel free to teach other people how to build this app. Thank you for your commitment <3

About

A visualization of the Ulm public transport map with and without accessible stations.

http://www.ulmapi.de/access_map


Languages

Language:JavaScript 69.8%Language:CSS 24.6%Language:HTML 5.6%