Difference between revisions of "Bestevenner"

From mn/ifi/inf5750
Jump to: navigation, search
 
(4 intermediate revisions by 2 users not shown)
Line 9: Line 9:
 
comments themselves. We will provide functionality for posting interpretations to Facebook
 
comments themselves. We will provide functionality for posting interpretations to Facebook
  
and possibly other social media sites.  
+
and possibly other social media sites.
  
 
== Milestones ==
 
== Milestones ==
Line 27: Line 27:
 
Finished, if applicable also with mobile app
 
Finished, if applicable also with mobile app
  
*Final delivery: ?
+
*Final delivery: 09.12.14
  
*Presentation: ?
+
*Presentation: 09.12.14
  
 
== Features ==
 
== Features ==
Line 51: Line 51:
  
 
*JavaScript (angular)
 
*JavaScript (angular)
*<span style="font-size:small"><span style="color: rgb(37, 37, 37); font-family: sans-serif; line-height: 22.3999996185303px">JSON</span></span>
+
*<span style="font-size:small"><span style="color: rgb(37, 37, 37); font-family: sans-serif; line-height: 22.3999996185303px">JSON</span></span>
 
*<span style="font-size:small">HTML5</span>
 
*<span style="font-size:small">HTML5</span>
*<span style="font-size:small">CS</span>S
+
*<span style="font-size:small">CSS</span>
 +
*Bootstrap
  
 
== Team ==
 
== Team ==
Line 64: Line 65:
  
 
== Repository ==
 
== Repository ==
<pre class="code">https://bitbucket.org/estenhl/bestevenn.git</pre>
+
<pre>https://henrikej@bitbucket.org/bestevenner/dhis2-facebook.git
 +
</pre>
 +
==  ==
 +
 
 +
== Link ==
 +
 
 +
[http://inf5750-3.uio.no/apps/estenhl-dhis2/index.html http://inf5750-3.uio.no/apps/estenhl-dhis2/index.html]
 +
 
 +
(need to be registered to post to facebook, send an email to estenleonardsen@gmail.com)
 +
 
 +
== Facebook app howto: ==
 +
 
 +
1. Create an Facebook app on developer.facebook.com
 +
 
 +
2. Change the appId i social_media.js
 +
 
 +
3. Change Site URL and App Domain in Basic Settings in your facebook app (developer.facebook.com)
 +
 
 +
4. Add the persons you want to allow access to share to facebook under Roles in settings (developer.facebook.com) or
 +
 
 +
change the settings so everyone can post
 +
 
 +
== Showing pictures in Facebook share dialog: ==
 +
 
 +
In order for pictures to appear in the share dialog when posting to facebook the HTML page serving your
 +
 
 +
image needs to be accepted by the Facebook crawler. In order to do this you need to add meta-tags
 +
 
 +
containing og:url, og:title, og:description and og:image to the header. Use&nbsp;[https://developers.facebook.com/tools/debug/og/object/ https://developers.facebook.com/tools/debug/og/object/]
 +
 
 +
to check whether your page is accepted

Latest revision as of 12:06, 9 December 2014

Project

Interpretation to facebook

We will display interpretations on a webapp looking similar to a Facebook Wall.

Users will see comment threads for each interpretation and have an option of posting

comments themselves. We will provide functionality for posting interpretations to Facebook

and possibly other social media sites.

Milestones

  • Milestone 1: 1st November:

Document features and architecture on Wiki

  • Milestone 2: 15th November:

First bare-bone versjon - static HTML

Uploadable as DHIS web app

  • Milestone 3: 30th November

Finished, if applicable also with mobile app

  • Final delivery: 09.12.14
  • Presentation: 09.12.14

Features

  • Displaying interpretations to a web app
  • Posting comments to an interpretation
  • Posting interpretations to facebook
  • Scalable interface

Architechture

HTML5 and AngularJS will be our primary tools for this project.

The interpretations will be fetched from DHIS2 by their JSON API.

We will post to Facebook via their Graph JSON API. If we have time similar techonologies will

be applied for other social networking sites.

List of technologies and frameworks we will use:

  • JavaScript (angular)
  • JSON
  • HTML5
  • CSS
  • Bootstrap

Team

  • Esten Høyland Leonardsen
  • Henrik Janson
  • Maria Oltean
  • Alisa Odincova
  • Bendik Ibenholt

Repository

https://henrikej@bitbucket.org/bestevenner/dhis2-facebook.git

Link

http://inf5750-3.uio.no/apps/estenhl-dhis2/index.html

(need to be registered to post to facebook, send an email to estenleonardsen@gmail.com)

Facebook app howto:

1. Create an Facebook app on developer.facebook.com

2. Change the appId i social_media.js

3. Change Site URL and App Domain in Basic Settings in your facebook app (developer.facebook.com)

4. Add the persons you want to allow access to share to facebook under Roles in settings (developer.facebook.com) or

change the settings so everyone can post

Showing pictures in Facebook share dialog:

In order for pictures to appear in the share dialog when posting to facebook the HTML page serving your

image needs to be accepted by the Facebook crawler. In order to do this you need to add meta-tags

containing og:url, og:title, og:description and og:image to the header. Use https://developers.facebook.com/tools/debug/og/object/

to check whether your page is accepted