osoc13 / irail3.0

The new version of iRail.be initiated at oSoc13

iRail3.0

iRail3.0 is the new front-end to the iRail api (http://api.irail.be). It is made to enhance the current iRail experience (http://irail.be) and to add new features for authenticated users.

This app is developed during open Summer of code 2013 (http://summerofcode.be).

Installation

• Use the client folder as document root in your web server. If you don't, images will not show up!

Development

• Edit the javascript and css files in the src folder.
• The html files can be edited in the client folder.
• Run 'ant build' from the command line
• The javascript and css files in the client folder will be updated

Note: you need to have Sass installed and in your path to build successfully!

Libraries used

The webapp uses AngularJS (http://angularjs.org), JQuery and JQuery-UI.

© Copyright OKFN Belgium

irail3.0's Issues

Default date

Fill out default date in the date picker

Replace custom date and time input boxes

Default date

Fill out default date in the date picker

[DESIGN] Fix back button

Add form validation to directions

[WIREFRAMES] Time

Sven,

wireframes look good! Only problem I have with it is still the time picker.
It's not clear for the user imo that he should click on 'vertrek' or 'aankomst' to activate the time picker. Could you look into this? Maybe we could put the time separate beneath it (although = more clicks). Can you try some things out?

Clicking beep should go back to /

Clicking beep at the top left should return to the home page.

Remove MyRail buttons for now

Autofill fields

Based on top of history stack

[WIREFRAMES] Finish basic wireframes

• Finish wireframes/first drafts based on http://rcallewaert.be/mywork/irail/v1/Aanmelden.html
• ETA: Friday 5th July

Pressing <return>

Problem

When I use the webclient I'm used to using only my keyboard to fill out my journey. When using to navigate through the fields, it will get stuck on the switch button though.

Solution

Check which buttons & fields are getting active subsequently and adapt this to the user flow.

i18n

use the language parameter in data.irail.be calls and translate the whole app

README.md: more information needed

Problem

When random people go to your repository they have no idea what this is about

Possible solution

Include basic info about the project in the README.md in markdown:

• It's a wordpress plug-in, why it is built, and what problem this piece of code will fix
• Link to iRail.be and the solomidem project page
• add copyright information to the project: OKFN Belgium (some rights reserved).
• ...

[FRONT-END] Build website (basic functionality)

• Train overview page

When clicking latest, the latest is not visible

When clicking on the latest button, the last train should be visible, and not the first result of the 6 last trains

Prefill the form

Problem

Many transport user interfaces don't prefill the form when coming on the page. Just from their history, favorites, and other activity we can however do a very educated guess about what they might fill out.

Solution

Make a small algorithm in javascript which calculates the chance the user is going to use a certain station for "to" and "from".

• When X hours ago the user searched for A to B, chances are the user is now going to need B to A.
• The user has a "home" station where (s)he always returns at night
• Through some systems we might retrieve their location. (for instance: checked in using foursquare)
• etc

'Flatten' borders in designs

[DESIGN] New MyRail mock-up

Based on new wireframe.

Add delays to route view

README.md

Don't forget to keep your README.md file up to date.

History of searches

Save the users search history and use it to fill out the fields pressing the back button in your browser

Return journey

Dag irail,

ik ben een grote fan van jullie website. Kan ik een suggestie doen?
Als ik mijn eigen gedrag bekijk, dan check ik eerst altijd wanneer mijn heenrit gaat.
Wanneer je echter daarna wil kijken wat tijden voor terugritten zijn, moet je weer de gegevens inbrengen op de beginpagina. Kan er mss een knop bij de resultaten staan die automatisch de terugrit genereert?

gr
Mat

[WIREFRAMES] Mock-up Board functionality

• Board functionality
• Offer live board function on homepage (rename it "station" to make it more clear)
• ETA: Today

Back button for mobile

favorite routes needs to be hidden when empty

[FRONT-END] Add .png fallback for SVG images

Add a PNG fallback for the SVG images. Not all browsers (Android < 3.0, ...) support SVG. Easiest way is through Modernizr and CSS. (ask me if you haven't used this before :) ).

Minimum viable product to launch

Problem

I really like what @niktorfs and @svenlen did during oSoc13. There are features in it which at this moment don't work (check-in & myRail).

Suggested solution

We can go for a minimum viable product right now:

• Check-in allows you to tweet your trip and it will be stored in a database
• Notifications disappear for now
• MyRail disappears for now

We can do a confcall about what is needed to enable the other features around October.

I would like to launch this site on iRail.be

images don't work out of the box

Use better paths?

/cc @NtynMichiel @jenssegers

Implement find closest station based on location + switch button

Disable click on open result

[DESIGN] Feedback Mobile Vikings (UX)

• One red button (search)
• Center buttons on mobile to catch users attention
• Resize mobile header (a lot of space going to waste)
• Change search (text on buttons in general) to something more meaningful
• More padding on mobile
• Add more icons

Add date and time to directions request

[DESIGN] Change Apple icons

Add removal functionality to favorite routes

Add a javascript function that removes an entry from the favourites in local storage.

stop prefill when user is filling something in

From field autocomplete doesn't update scope

The 'from' variable in the scope doesn't get updated to the autocomplete value when you enter the first three letters of a station and let autocomplete fill it.

[DESIGN] Implement feedback

• Add logo
• Current GPS location
• Switch button
• Add more red
• Styling autocomplete (Github jQuery -> Autocomplete.css)

Autofill station names

[DESIGN] Implement favorites on home

Predict routes based on favorites user?