Web Application

for Scientific Conferences

Follow our presentation on http://j.mp/WebAppConf

IWSM 2016 at INSA Rennes

31st International Workshop on Statistical Modelling

150 Scientists and Mathematicians from the whole world
One week of conferences, presentations and activities

A website,what for ?

For users
Provides information, allows them to register
For administrators
Helps them to plan the event, easy to modify

Outline

Previous Websites : what has been done
Specifications : content and features
Technologies : framework and server

Part 1

Former websites

Last editions

➟ free design, same contents and features

Content analysis

Information
Programme, Committee, Speakers, Deadlines, Practical info
Registration
Speakers, Students
Contact
Sponsors / Partnerships

Feature analysis

Registration
Different options, payment, submission of the abstracts
User accounts
Sign up, sign in
Search engine
Contact form
Accessibility
Font size modification, navigation bar, breadcrumb

Why a new Website ?

In the former ones
Undergoing registration
A different event
Appearance and Information of other Institutes

Part 2

Specifications

Overview

Editable content
Registration & Abstracts
Statistics

Registration

Everything on the same website (no Conftool)
Visit card generation
Payment
1. Purchase order - 2. Online purchase
Export
Excel, Calc, CSV

Abstract validation workflow

Abstract deposit
- Can be modified until the deadline
- Validation
- Notification
Extended abstract

Editable content

3 content types :

Article
Page
Event

CMS-like (Content Management System)

Wordpress, Dotclear...

Bonus

i18n (internationalisation = translation)
Responsive and eye candy design

Part 3

Technological choices

UI/UX

User Interface/User Experience

Web App
HTML5, CSS3
Responsive
Mobile, Tablet, Computer, TV
Dynamic and asynchronous
Javascript

Don't reinvent the wheel : we use frameworks !
Angular, Bootstrap

Bootstrap : an example

Server

Language : Ruby
Easy, well documented, fast development, recognized for web development.
Web Framework : Sinatra
Light, Flexible, DSL
Assets handler : Gulp, Bower
Handle html, css, js dependencies et compress them in one file

Sinatra :

Version, Tests, CI, Code quality

Version control : Git
Last generation, leader.
Tests : Minitest
Easy, integrated
Continuous integration : Travis CI
easy, powerful, SaaS, free
Code quality : Code climate, Gymnasium
Code test coverage, dependencies watcher...

What's next ?

Agile Software Development
Split tasks between members
Release a new version every 2 weeks