Skip to content

Latest commit

 

History

History
94 lines (64 loc) · 2.97 KB

README.md

File metadata and controls

94 lines (64 loc) · 2.97 KB
Raw

Devoxx Wallboards Application

Build Status

This application is used to show interesting data on the various Devoxx screens.

Used technologies:

  • HTML 5 / CSS 3
  • LESS CSS
  • AngularJS
  • Karma
  • Grunt
  • Bower
  • NodeJS

Setup global env

  • Install [nodejs] [1]
  • It comes with [npm] [2]
  • Have a look to [yeoman] [3]: it helps to scaffold an angular project with best practices
  • [sudo] npm install -g yo grunt-cli bower generator-angular generator-karma

Setup project env

  • cd path/to/project
  • npm install && bower install
  • npm install is configured with package.json and generates the directory node_modules
  • bower is configured with bower.json or bower.json and generates the directory app/components

Starts your application

  • grunt server
  • grunt is configured with Gruntfile.js

Build your app, including testing and optimization

  • grunt

Build static files

  • grunt static
  • This will create all the static files like speakers, schedule etc in the /dist directory

Update your project's dependencies

  • bower update
  • it update app/bower_components directory

Update your project's build dependencies

  • npm update
  • it update node_modules directory

Customize the code for a Devoxx conference

The Tweet Wall needs to be customized for each Devoxx conference (country, date). These are the changes you need to make

Change the images

In app/images you can add the background images you need. Then you have to reference them in the wall.less file :

#hallway {
    .screen(url('../images/dv15-hallwall.jpg'), 1280px, 800px, 70px);
}

#cinema {
    margin-top: 130px;
    .screen(url('../images/dv15-cinemawall.jpg'), 1920px, 817px, 0);
}

Change the URLs

The application needs to ping the REST interface for the schedule, the speakers and so on. Configure the URLs that are in the ScheduleCtrl.js controller :

...
var fullScheduleUrl = 'http://cfp.devoxx.be/api/conferences/DV15/speakers';
...
$http.get('http://cfp.devoxx.be/api/conferences/DV15/schedules/' + dayName)

Voting

To vote, the application needs to have access to the URLs allowing vote. These URLs can be configured in votingservice.js :

...
var topOfWeekUrl = 'https://api-voting.devoxx.com/DV15/top/talks?limit=10';
...
var topOfDayUrl = 'https://api-voting.devoxx.com/DV15/top/talks?limit=10&day=' + dayNumberToName[dayNumber];

##Support##

  • [Best practices] [4]

Installing on AWS

You need an EC2 instance with everything installed (Nginx, Java, init.d scripts, env variables...). I have an AMI with everything preconfigured.

Furthermore, you need a DynamoDB table, called: devoxx-twitterproxy. For Devoxx 2016 I had a read/write capacity of 50/5, which was way too much. The max usage during the whole conference was 15/1.

Also, open up the following ports to the world: 80, 9001.