OSE Microfunding Proposal/Implementation

Terminology

Here is the common terminology:

• TF = True Fan

Design

Wireframes

The wireframes of the proposal were implemented in Lumzy.

Development

PHP CMS

We chose Drupal.

Drupal Environments

• Drupal-test - http://microfundingtest.openfarmtech.org/ - used for development and testing
• Official Drupal - http://civicrm.opensourceecology.org/ - used for real

Page Flow

True Fans Page

• Description
  • Showing motivational content about OSE, its importance, tangible outcome, etc.
  • Allowing subscription.
• Transitions
  • Recognition Page
    • Requirements: all data for the user is gathered: Name, Email, Subscription (verified, PayPal for now). This means that the user will be forwarded to PayPal, will subscribe, and then comes back to a page of ours - Recognition Page or a temporary page where he can fill out additional information (City, Country, ...) and after submitting these forwarded to the Recognition Page.
    • Effects: the user is added as a True Fan, an embeddable badge is created for him, email notifications is sent to him containing a link to the recognition page.
    • Final State: the user is logged in his Recognition Page

• Design considerations
  • TODO by Alistair

Recognition Page

• Description
  • If The True Fan is logged. Edit mode is available:
    • He sees his information and edit links for video, photo and text are available for clicking.
    • When he saves some information, he will be offered a link to the Share page.
  • If it is not the True Fan who is logged, or it is an anonymous user:
    • The person sees the information the True Fan has saved.
    • Under that is the TF subscription.
    • There is a login link somewhere (top-right?), so that if this is the TF itself, he can login to his page.
• Transitions
  • Share Page
    • Requirements:
      • TF of the Recognition page should be logged
      • video or text should be filled out.
      • The TF clicks on the "Share page" link.
    • Effects: no
    • Final State: the TF is logged in the Share page.
• Design Considerations
  • Add form inputs for user to link to their Twitter, Facebook accounts for use in sharing page.

Share Page

• Description
  • If The True Fan is logged. Edit mode is available:
    • The TF writes the name, email of several of his friends, and clicking on each one of the added friends, he can add a personal video and text below. He can add/remove/edit friends and their data.
    • He can send the data either to one of his friends (maybe a button to the right of the email) or to all of them (asking for confirmation).
  • If it is not the True Fan who is logged, or it is an anonymous user:
    • the page is not accessible.
• Transitions
  • Share Page
    • Requirements:
      • TF cliks on invite friend, or invite all friends.
    • Effects:
      • a notifications appears that the friend/s was/were successfully invited.
      • an email is sent to every invited friend, containing a link to the "Invited Page".
      • a link is offered back to his Recognition Page. In this case he can just open it (this transition understandable and will not be described).
    • Final State: the TF remains on the Share page.

Invited Page

• Description
  • Everybody who has the link can access it, no difference between logged users and anonymous.
  • Shows the invitation of the TF to his friend.
  • Shows the TF subscription.
• Transitions
  • Recognition Page
    • the same transition as in the True Fans Page

Strategy

Video

The videos can be

• youtube video (easy to program, time-intensive for the user)
• flash camera recorder (harder to program, quick to record for the user, lower quality)

We have the possibility of providing the user with two options:

1. Past a link to a YoueTube video
2. Record video from Flash and upload to YouTube using their developer API

If we rely on Option 2, we might bottleneck the development. It would make sense to build the functionality for Option 1 first and then begin working on a solution for Option 2 when the project is functionally complete.

Details of the YouTube's video uploads can be found here:

• http://code.google.com/apis/youtube/2.0/developers_guide_protocol.html#Uploading_Videos
• http://code.google.com/apis/youtube/2.0/developers_guide_protocol.html#Resumable_uploads

Tasks

You can view the current tasks in the Pivotal project.

Badges

• Check a demo for the embeddable badge: http://microfundingtest.openfarmtech.org/mywebsite.php
  • Parameters:
    • id - true fan id
    • name - if equals 1, then displays the name of the True Fan above the badge, otherwise not.
  • TODO - make secure reading of the URL parameters
• TODO - make a visualization of all OSE badges.

PayPal

• Jacob Roufa is trying to integrate PayPal into the registration process of Drupal 7 users: http://www.deerwalk.com/PayPal-Integration-with-Drupal-7
  • TODO - still getting bugs

Design

• Alistair MacDonald and Lukasz Jagodzinski are working on a Drupal theme, in an ose.org style and layout as definded in the wireframes.

Other Drupal tasks

• Show a text when certain fields are filled out
  • We will need this for the Recognition page - when the video and text are filled out a text linking to the Share page should be displayed.

Team

This is the Team working currently on the Proposal.

Microfunding IT Team

Name	Current Tasks	Finished Tasks	Skills	Commitment (DRC or part-time)	Email
Nikolay Georgiev	create tasks	Embeddable Badge	project manager and web programmer (intermediate PHP and MySQL skills, but no PHP Framework experience, good CSS and Javascript skills)	Dedicated Remote Collaboration	nikolay (at) opensourceecology.org
Jacob Roufa	PayPal integeration		Project Manager / Intermediate Developer : Drupal, CiviCRM, XHTML/HTML5, CSS, Javascript (jQuery library mostly), PHP, MySQL	DRC if available, part time if not	jacob.roufa@gmail.com
Eduardo Riesco			PHP, MySQL, PostgreSQL/PostGIS, CSS, Java, Drupal, CiviCRM, Joomla	part-time	eduardo.riesco (at) gmail (dot) com
Alistair MacDonald	creating Drupal Theme		UI Design & Interaction: JavaScript, CSS, AJAX, HTML5 Video, Flash, Processing.js, jQuery, Graphic Design	Dedicated Remote Collaboration
Lukasz Jagodzinski	creating Drupal Theme		PHP and Javascript	part-time