Open Source Ecology - User contributions [en]

OSE Microfunding Proposal/Implementation

2011-07-24T21:25:01Z

Jacobroufa: /* Other Drupal tasks */

=Terminology=
Here is the common terminology:
* TF = True Fan

=Design=
==Wireframes==
The wireframes of the proposal were implemented in [http://www.lumzy.com/ 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==

[[Image:Ose-microfunding-proposal-flow.png|600px]]

===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:

# Past a link to a YoueTube video
# 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 [https://www.pivotaltracker.com/projects/335285 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
*** Using the [http://drupal.org/project/lm_paypal lm_paypal] module, a key function of the module (displaying the paypal button allowing users to subscribe to a role) is not working.
*** Block configuration found here : http://microfundingtest.openfarmtech.org/admin/structure/block/manage/block/1/configure (note: lm_paypal is currently disabled on the site)
*** Thread in Drupal.org project page issue queue here : http://drupal.org/node/733520
** Implementation without lm_paypal described in the Drupal Tasks section here : http://opensourceecology.org/wiki/OSE_Microfunding_Proposal/Implementation#Other_Drupal_tasks

==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.
* '''True Fan status'''
** requested - a person has requested a True Fan status - An statusadmin should check whether there is a subscription by this
** true fan - the person is a True Fan
*** list of subscriptions - a True Fan can have more than one subscription, e.g. now $10, after few months $20.
*** from - the date of subscription
*** to - the date of unsubscription
*** amount - the amount of the subscription
* '''Configure Invite and User Relationships'''
** Allow users with the True Fan role to invite multiple friends
** Make sure the relationship shows between the invited and the invitee
*** Create a block using Views to show relationships
**** Make sure the block view uses arguments such that users are dynamic
**** Show block on Recognition, Share and Invited pages
** Note, Invite is still in -dev branch for D7. Module is working after applying patch found here : http://drupal.org/node/1054392#comment-4536388
* '''Create block to show all True Fans'''
** Show this block universally
** Block should just be list of True Fan users as their pictures
* '''Create block with PayPal button link to donate'''
** Show this block below main content on the True Fans page
** Block will show a standard PayPal button, let the user subscribe through PayPal and redirect him back to a Drupal user registration page. When he registers, he should have the status "True Fan Requested" (or similar) and an Administrator should approve it.

=Team=

This is the Team working currently on the Proposal.

{| border="1"
|+ Microfunding IT Team
|-
! scope="col" | Name
! scope="col" | Current Tasks
! scope="col" | Finished Tasks
! scope="col" width="150" | Skills
! scope="col" width="150" | Commitment (DRC or part-time)
! scope="col" width="150" | Email
|-
| [[Nikolay Georgiev]] || create tasks || [http://microfundingtest.openfarmtech.org/mywebsite.php 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 ||
|-
| Kelly Schutt || Adding OSE info and social sharing blocks || || Graphic design, HTML/CSS, Drupal configuration, intermediate Javascript and PHP || part-time ||
|-
|}

OSE Microfunding Proposal/Implementation

2011-07-24T18:43:57Z

Jacobroufa: /* PayPal */

=Terminology=
Here is the common terminology:
* TF = True Fan

=Design=
==Wireframes==
The wireframes of the proposal were implemented in [http://www.lumzy.com/ 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==

[[Image:Ose-microfunding-proposal-flow.png|600px]]

===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:

# Past a link to a YoueTube video
# 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 [https://www.pivotaltracker.com/projects/335285 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
*** Using the [http://drupal.org/project/lm_paypal lm_paypal] module, a key function of the module (displaying the paypal button allowing users to subscribe to a role) is not working.
*** Block configuration found here : http://microfundingtest.openfarmtech.org/admin/structure/block/manage/block/1/configure (note: lm_paypal is currently disabled on the site)
*** Thread in Drupal.org project page issue queue here : http://drupal.org/node/733520
** Implementation without lm_paypal described in the Drupal Tasks section here : http://opensourceecology.org/wiki/OSE_Microfunding_Proposal/Implementation#Other_Drupal_tasks

==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.
* '''True Fan status'''
** requested - a person has requested a True Fan status - An statusadmin should check whether there is a subscription by this
** true fan - the person is a True Fan
*** list of subscriptions - a True Fan can have more than one subscription, e.g. now $10, after few months $20.
*** from - the date of subscription
*** to - the date of unsubscription
*** amount - the amount of the subscription
* '''Configure Invite and User Relationships'''
** Allow users with the True Fan role to invite multiple friends
** Make sure the relationship shows between the invited and the invitee
*** Create a block using Views to show relationships
**** Make sure the block view uses arguments such that users are dynamic
**** Show block on Recognition, Share and Invited pages
* '''Create block to show all True Fans'''
** Show this block universally
** Block should just be list of True Fan users as their pictures
* '''Create block with PayPal button link to donate'''
** Show this block below main content on the True Fans page
** Block will show a standard PayPal button, let the user subscribe through PayPal and redirect him back to a Drupal user registration page. When he registers, he should have the status "True Fan Requested" (or similar) and an Administrator should approve it.

=Team=

This is the Team working currently on the Proposal.

{| border="1"
|+ Microfunding IT Team
|-
! scope="col" | Name
! scope="col" | Current Tasks
! scope="col" | Finished Tasks
! scope="col" width="150" | Skills
! scope="col" width="150" | Commitment (DRC or part-time)
! scope="col" width="150" | Email
|-
| [[Nikolay Georgiev]] || create tasks || [http://microfundingtest.openfarmtech.org/mywebsite.php 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 ||
|-
|}

OSE Microfunding Proposal/Implementation

2011-07-24T18:38:29Z

Jacobroufa: /* Other Drupal tasks */

=Terminology=
Here is the common terminology:
* TF = True Fan

=Design=
==Wireframes==
The wireframes of the proposal were implemented in [http://www.lumzy.com/ 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==

[[Image:Ose-microfunding-proposal-flow.png|600px]]

===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:

# Past a link to a YoueTube video
# 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 [https://www.pivotaltracker.com/projects/335285 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
*** Using the [http://drupal.org/project/lm_paypal lm_paypal] module, a key function of the module (displaying the paypal button allowing users to subscribe to a role) is not working.
*** Block configuration found here : http://microfundingtest.openfarmtech.org/admin/structure/block/manage/block/1/configure (note: lm_paypal is currently disabled on the site)
*** Thread in Drupal.org project page issue queue here : http://drupal.org/node/733520

==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.
* '''True Fan status'''
** requested - a person has requested a True Fan status - An statusadmin should check whether there is a subscription by this
** true fan - the person is a True Fan
*** list of subscriptions - a True Fan can have more than one subscription, e.g. now $10, after few months $20.
*** from - the date of subscription
*** to - the date of unsubscription
*** amount - the amount of the subscription
* "Configure Invite and User Relationships"
** Allow users with the True Fan role to invite multiple friends
** Make sure the relationship shows between the invited and the invitee
*** Create a block using Views to show relationships
**** Make sure the block view uses arguments such that users are dynamic
**** Show block on Recognition, Share and Invited pages
* "Create block to show all True Fans"
** Show this block universally
** Block should just be list of True Fan users as their pictures
* "Create block with PayPal button link to donate"
** Show this block below main content on the True Fans page
** Block will show a standard PayPal button, let the user subscribe through PayPal and redirect him back to a Drupal user registration page. When he registers, he should have the status "True Fan Requested" (or similar) and an Administrator should approve it.

=Team=

This is the Team working currently on the Proposal.

{| border="1"
|+ Microfunding IT Team
|-
! scope="col" | Name
! scope="col" | Current Tasks
! scope="col" | Finished Tasks
! scope="col" width="150" | Skills
! scope="col" width="150" | Commitment (DRC or part-time)
! scope="col" width="150" | Email
|-
| [[Nikolay Georgiev]] || create tasks || [http://microfundingtest.openfarmtech.org/mywebsite.php 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 ||
|-
|}

OSE Microfunding Proposal/Implementation

2011-07-24T17:58:45Z

Jacobroufa: /* PayPal */

=Terminology=
Here is the common terminology:
* TF = True Fan

=Design=
==Wireframes==
The wireframes of the proposal were implemented in [http://www.lumzy.com/ 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==

[[Image:Ose-microfunding-proposal-flow.png|600px]]

===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:

# Past a link to a YoueTube video
# 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 [https://www.pivotaltracker.com/projects/335285 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
*** Using the lm_paypal module, a key function of the module (displaying the paypal button allowing users to subscribe to a role) is not working.
*** Block configuration found here : http://microfundingtest.openfarmtech.org/admin/structure/block/manage/block/1/configure (note: lm_paypal is currently disabled on the site)
*** Thread in Drupal.org project page issue queue here : http://drupal.org/node/733520

==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.

{| border="1"
|+ Microfunding IT Team
|-
! scope="col" | Name
! scope="col" | Current Tasks
! scope="col" | Finished Tasks
! scope="col" width="150" | Skills
! scope="col" width="150" | Commitment (DRC or part-time)
! scope="col" width="150" | Email
|-
| [[Nikolay Georgiev]] || create tasks || [http://microfundingtest.openfarmtech.org/mywebsite.php 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 ||
|-
|}

OSE Microfunding Proposal

2011-07-21T16:38:13Z

Jacobroufa: /* Team */

This is a proposal for microfunding various OSE projects. First [[#Application|application]] is the True Fans campaign.

=Background=
The proposal implements the 5 motivators of giving as shared in the [http://www.youtube.com/watch?v=aC02SmuOxYI TED Talk of Taylor Conroy - How to Build a School in 3 Hours] (worth watching, 19min).

* ''Group Mentality'' - we love to be part of a group
* ''Tangible Outcome'' - people love too see a visual representation for their giving
* ''Microgiving'' - small amount per day for several days. People relate to few dollars a day far better than big chunks
* ''Personal Connection'' - the relationship between the potential donor and the fundraiser is far more important than the cause
* ''Recognition'' - We love recognition. It correlates a really good emotion to the act of giving making people far more out to give and more continuously in the future. And inspires other people to give and recognizing them, inspires other people to give.

=5 Motivators of Giving=
The proposal implements the 5 motivators of giving in the following way:
* ''Group Mentality''
** As a True Fan you can share with everybody why you support OSE in your Recognition page as video and text. You can add also your photo.
** As a True Fan you can invite your friends personally with a video and a text message to support OSE.
** Your friends who are also True Fans will be shown on your Recognition page and on the Invited page you sent to other friends.
** Your photo and that of other True Fans will be randomly shown in all pages so that everybody can view your Recognition page.
** If you are new True Fan, you will be shown as such on the main True Fans page and your Recognition Page will be shared in the OSE social network - Facebook and Twitter.
** Your Recognition Page can be shared by anybody on social websites like Google+, Facebook, Twitter is enabled
** Additional ideas (not implemented):
*** Your video and that of others will be grouped into one page - by location (FeF, Brazil, Europe), by skills (Fabricators, CAD, Video documentators, ...).
*** You can write a short message about OSE which will be displayed in a big list of all True Fans excitements.
* ''Tangible Outcome''
** By becoming a True Fan you are supporting and boosting tangible outcomes like:
*** 8 prototypes - [[CEB_Press_Intro|CEB Press]], [[LifeTrac|Tractor]], [[MicroTrac|MicroTrac]], [[LifeTrac_Implement:_Soil_pulverizer|Soil Pulverizer]], [[Power_Cube_II|PowerCube]], [[Torch_Table|CNC Torch Table]], [[Drill Press]], [http://openfarmtech.org/weblog/2010/07/open-source-150-ton-hole-puncher/ 150 Ton Hole Puncher]
*** On-site participants exploding - currently 7
*** Remote collaboration exploding - Solarfire, Steam Engine, Robot Arm, Nickel-Iron Batteries
*** Trainings of people who can replicate the machines - Mike Hill, Chris Fornof
*** [[Fabrication_Procedure_Standards|Production of high quality documentation]]
*** Side effects of your contribution are:
**** formation of new ecological low-cost open source construction businesses - Joskua Designs
**** True Fans exploding - 380 True Fans
**** Website hits exploding - more than 700 unique hits per day
**** Media attention exploding - [[In the News]]
** All these tangible outcomes will be communicated in the True Fans page in a video and inspirational text.
** They will be also visualized on the left side of every page so that everybody can see where the donations are going.
** Additional ideas (not implemented):
*** Real-time video of the work
* ''Microgiving''
** As a True Fan you, your friends and thousands of other people are contributing a small amount of money
** $10 per month = 33 cents per day
** which moves the project immensely forward and creates more tangible outcomes.
* ''Personal Connection''
** As a True Fan you can invite your friends personally with a video and text message to support the project. They will like much more a personal invitation than just a link.
* ''Recognition''
** You will have your own Recognition Page where you can share with everybody why you support OSE. You share this as a video and text, and you can add your own photo.
** You will receive an OSE embeddable badge linking to your Recognition page which you can embed in your website or somewhere else.
** Your OSE badge will be visualized with all other OSE badges on the website.
** You will be shown on the friend list of your True Fan friends.
** A photo of you linking to your Recognition page will be randomly shown on every page so that even unknown people can get to know you.
** Your Recognition page will be shared in the OSE social network - Facebook and Twitter.

=Proposal=
The proposal is visualized in the picture below. It contains 4 main pages, few administration pages and one script page.

Main Pages:
* '''True Fans Page''' - describes the project and enables donations (support).
* '''Recognition Page''' - personal recognition page of the supporter, enables donations.
* '''Share Page''' - a supporter can share the project with friends and invite them to support it.
* '''Invited Page''' - the page a supporter friend will receive after being invited, enables donation.

Administration Pages:
* Admin Page - manages the available projects, in this case the True Fans Campaign
* Login Page - supporter can login and manage their data in the Recognition page.

Script Page:
* Embeddable Badge - for a given supporter Id returns an embeddable badge.

[[Image:Ose-microfunding-proposal-flow.png|600px]]

Every page is described in more details below.

==True Fans==
Presents the project and the True Fans campaign, and enables donations.

On the left:
* Project presentation - images and text (TO).
* True Fans presentation - how many, photos (if page is recommended by a specific TF, then his/her photo (R)), short comments by the True Fans, photos of new True Fans (GM).

On the right:
* Video on OSE - TED Talk or another one.
* Inspirational text - contains the description and importance of OSE.
* True Fans Subscription - contains short explanation, name and surname, email and subscription button (M).

4 Motivations of Giving: Group Mentality (GM), Tangible Outcome (TO), Microgiving (M), Recognition (R)

[[Image:Microfunding_True_Fans.jpg]]

==Recognition==
The Recognition page belongs to one specific True Fan. The True Fan shares in video and text his/her thoughts on Open Source Ecology.

On the left:
* Project presentation - images and text (TO).
* Friends of the True Fan which are also True Fans (GM).
* True Fans presentation - how many, photos (GM).

On the right:
* Name of the True Fan, with the badge (PC).
* Video by the True Fan (PC).
* Text by the True Fan (PC).
* True Fans Subscription - contains short explanation, name and surname, email and subscription button (M).

OSE Badgets - personal OSE badge will be shown in the recognition page. Also visualization of all badges will be implemented.

4 Motivations of Giving: Group Mentality (GM), Tangible Outcome (TO), Microgiving (M), Recognition (R)

[[Image:Microfunding_Wireframe_Recognition.jpg]]

==Share==
In the Share page a True Fan shares personally to a friend about Open Source Ecology

On the left:
* Project presentation - images and text (TO).
* Already shared with - information about to whom he/she already shared about OSE.
* True Fans presentation - how many, photos (GM).

On the right:
* List of the friends to share with - name and email (PC).
* Video by the True Fan to every friend (PC).
* Text by the True Fan to every friend (PC).
* Share button - sends an invitation email to the friend. After clicking it the True Fans is shown a page where he can share to messages to his social bookmarking services (Google+, Facebook, Twitter).

3 Motivations of Giving: Group Mentality (GM), Tangible Outcome (TO), Personal Connection (PC)

[[Image:Microfunding_Wireframe_Share.jpg]]

==Invited==
The Invited page is opened by a friend of a True Fan who is sharing with him personally about OSE.

On the left:
* Project presentation - images and text (TO).
* Friends of the True Fan which are also True Fans (GM).
* True Fans presentation - how many, photos (GM).

On the right:
* Short invitation notice to the friend (PC).
* Video by the True Fan to the friend (PC & R).
* Text by the True Fan to the friend (PC & R).
* True Fans Subscription - contains short explanation, name and surname, email and subscription button (M).

5 Motivations of Giving: Group Mentality (GM), Tangible Outcome (TO), Personal Connection (PC), Microgiving (PC)

[[Image:Microfunding_Wireframe_Invited.jpg]]

=Application=
The microfunding proposal will be applied to:
* [[True Fans]] Campaign.

=Needed=
* 3-4 (or more) web programmers. At least one of them should be well experienced in web frameworks, and one of them is desired to have CSS & Javascript experience.
* Tangible Outcome materials - pictures and videos. Extra would be real-time video and real-time project status.
* Integration in opensourceecology.org

=Timeline=
10 days for completion of the project.
* day 1 - architecture, choice of technologies, environment setup
* day 2-4 - prototype 1
* day 5 - test and fixes
* day 6-8 - prototype 2
* day 9-10 - test and fixes.

=Team=
If you are a web programmer and ready to commit to this [[Dedicated Remote Collaboration]] (DRC) please add your name, skills, DRC as commitment and your email. If you are not able to commit to the whole project but would like to help in some way, then add as commitment "part-time" and share how much time you have and what do you like to do.

'''NOTE''': This list will contain as many people as possible. We will speak with each another and decide after that who and how will engage in the project. So feel free to add yourself.

{| border="1"
|+ Microfunding IT Team
|-
! scope="col" | Name
! scope="col" | Skills
! scope="col" | Commitment (DRC or part-time)
! scope="col" | Email
|-
| [[Nikolay Georgiev]] || 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
|-
| Eduardo Riesco || PHP, MySQL, PostgreSQL/PostGIS, CSS, Java, Drupal, CiviCRM, Joomla || part-time || eduardo.riesco (at) gmail (dot) com
|-
| Luke Closs || agile development, RESTful APIs, HTTP, Perl, PostgreSQL/PostGIS, Solr, server-side systems, CouchDB, Ruby || [[Dedicated Remote Collaboration]] || ose (at) 5thplane dotcom
|-
| Nathan Selikoff || Designer/Developer: PHP, MySQL, Symfony (PHP framework), WordPress, Drupal || part-time after September 1st || ose (at) nathanselikoff.com
|-
| [[Thomas Levine]] || Web framework and database of your choice, typography, user testing || ? || tkl22 _ cornell _ edu
|-
| [[Joe Hudson]] || Drupal CMS, PHP, MySQL, CSS, Javascript, webservice integration, graphic design || Part time || joe.hudson (at) gmail (dot) com
|-
| Alistair MacDonald || UI Design & Interaction: JavaScript, CSS, AJAX, HTML5 Video, Flash, Processing.js, jQuery, Graphic Design || Dedicated Remote Collaboration ||
|-
| Jake Roufa || 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
|-
| [[Your Name]] || your skills || [[Dedicated Remote Collaboration]] or part-time || email (at) server (dot) com
|-
|}

=Communication=
We use:
* [http://groups.google.com/group/ose-microfunding OSE-Microfunding Google Group] as our main communication channel.
* This [https://www.pivotaltracker.com/projects/335285 Pivotal Tracker Project] for management of the tasks.
* Skype for real-time chat. Please connect with nikolay.h.georgiev for more info.

=Tasks=
These are concrete tasks that can be implemented parallel to the development of the project.
* ''Create visualization of all OSE badges'' - more info about how will the badge look like will be posted soon. You can then take the badge and make sample visualizations.

=Contact=
You can contact [[Nikolay Georgiev]] at nikolay (at) opensourceecology (dot) org for any questions and comments on the proposal.