Difference between revisions of "Bestevenner"
Line 53: | Line 53: | ||
*<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"> | + | *<span style="font-size:small">CSS</span> |
+ | *Bootstrap | ||
== Team == | == Team == | ||
Line 92: | Line 93: | ||
image needs to be accepted by the Facebook crawler. In order to do this you need to add meta-tags | 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/ | + | containing og:url, og:title, og:description and og:image to the header. Use [https://developers.facebook.com/tools/debug/og/object/ https://developers.facebook.com/tools/debug/og/object/] |
to check whether your page is accepted | to check whether your page is accepted |
Latest revision as of 13:06, 9 December 2014
Contents
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
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