Category: Other | Cyril Grandjean Cyril Grandjean

09/11/2020 Written by Cyril GRANDJEAN

Outside of the professional field, I like photography and hiking. This is why I created the French Riviera Hiking Meetup group to meet people from all over the world around hiking in the Alpes Maritimes. Because I like to couple personal projects with my passions, I decided a few years ago with friends from the Meetup group to create the OpenTracks project in my spare time.

OpenTracks is a website (https://opentracks.app) but also an iOS (link) and Android (link) application intended for people who like walks, hikes, snowshoe hikes, trails and treks.

Thanks to the OpenTracks application, you can search for hikes according to a lot of selection criteria but you can also perform the selected activities from your mobile thanks to the integrated GPS and the optimized offline mode to ensure that you are not lost but also by optimizing the battery usage. I invite you to explore the OpenTracks website and the descriptions of the mobile applications in more detail to discover more about the multiple features of the application and do not hesitate to create an account on the application if you are interested by the application.

I take advantage of the development of the application to improve my knowledge in JavaScript front-end and backend (OpenTracks is an application entirely developed in Javascript) as well as in mobile development which was an area that was relatively theoretical for me until now and to create a robust architecture that would allow to have pages displayed in SSR (for SEO), while being optimized on mobile. A difficult technical challenge but not uninteresting 🙂

I took advantage of this project to implement Test Driven Development in the application lifecycle. A small waste of time at the start of the project but which is now a considerable time saver thanks to the automatic tests which have been enriched over the versions of the application and which contributes to the continuous improvement of the quality of the application by avoiding regressions.

Interview with Cyril Grandjean, Promotion 2012 – Graduated from OXFORD BROOKES UNIVERSITY SUPINFO – Currently a Supralog consultant for AIR FRANCE

27/08/2014 Written by Cyril GRANDJEAN

Click here to access to one of my interviews inside SUPINFO website (in French).

My first book : Instant Highcharts

30/07/2013 Written by Cyril GRANDJEAN

book

highcharts

javascript

web

Web development

My first book Instant Highcharts is now released.

What you will learn from this book

Set up Highcharts to work with your web application
Build your own customized column, bar, area, and pie charts
Prepare your chart dynamically on the server side
Set up a time axis
Add plot lines and plot bands into your axis
Customize some of your chart parameters such as the legend or the tooltip
Implement a multiple axes chart
Create a stacked bar chart

In detail

Nowadays, a lot of systems and tools are developed using web technologies. Customers need to analyze their data using charts on their computer or their mobile device. With the Highcharts library, it is possible to create highly customizable and interactive charts on any computer or a mobile device without installing any plugins.

Instant Highcharts is a practical, hands-on guide that provides you with a step-by-step approach, which will help you to take advantage of the powerful features of Highcharts. With Instant Highcharts, you will learn everything you need to know to create your own dynamic charts with your own data inside your web application.

Instant Highcharts will present you with different features available with Highcharts, and helps you to create your own chart. You will start with Highcharts installation and then learn to create your own customized column, bar, area, and pie charts with your data. You will learn to add some interactive functionality such as the zoom feature or to export your chart into a printable format. We will also give you tips that will help you to improve your skills with Highcharts.

Approach

Get to grips with a new technology, understand what it is and what it can do for you, and then get to work with the most important features and tasks. Instant Highcharts has a step-by-step approach to help you understand the core concepts of different types of Highcharts and create your own customized charts.

Who this is for

Instant Highcharts is for web developers who are new to the Highcharts library and looking to create their own charts in their webpages. You should have some experience with the JavaScript library. You should know how to develop a server-side language such as PHP to create dynamic Highcharts.

You can buy this book at this link : https://www.packtpub.com/create-dynamic-customized-charts-instantly-using-highcharts/book

Last year at Oxford Brookes

15/08/2011 Written by Cyril GRANDJEAN

After four years performed at SUPINFO Troyes (France), I will do my last year of study at Oxford Brookes University in England.

Thanks to this partnership with this University, I could get the Master Degree of SUPINFO and a Master of Science (MSc) Software Engineering.

This trip would allow me to improve my English, learn a new culture but also to enjoy the benefits of a city renowned student.

Installation of Apache Tomcat on a QNAP

08/07/2011 Written by Cyril GRANDJEAN

Here is a small tutorial for all who want to install Apache Tomcat on a QNAP.

First of all, download Java and Apache Tomcat and upload on your NAS.

Below are the paths to install Java and Apache Tomcat that I used :

Java : /share/Qweb/java6
Tomcat : /share/Qweb/tomcat6

Then, I have created the file tomcat.sh on the root of tomcat6.

#!/bin/sh
#Tomcat self-starting
#Auteur : Cyril GRANDJEAN
#Description : Self-starting de tomcat
#name of the process : tomcat
#pid of  : /var/run/tomcat.pid
RETVAL=0
QPKG_NAME="tomcat6"
_exit()
{
   /bin/echo -e "Error: $*"
   /bin/echo
   exit 1
}

JRE_HOME="/share/Qweb/java6"
CATALINA_HOME="/share/Qweb/tomcat6"

case $1 in
  start)
    sh /share/Qweb/tomcat6/bin/startup.sh
    ;;
  stop)
    sh /share/Qweb/tomcat6/bin/shutdown.sh
    ;;
  restart)
    sh /share/Qweb/tomcat6/bin/shutdown.sh
    sh /share/Qweb/tomcat6/bin/startup.sh
    ;;
  *)
    echo "Usage: $0 {start|stop|restart}"
    exit 1
esac
exit $RETVAL

Then, to use it as a package on the interface of the QNAP, I have used the following commands :
echo "[tomcat6]" >> /etc/config/qpkg.conf
echo "Name = Tomcat6" >> /etc/config/qpkg.conf
echo "Version = 6.0" >> /etc/config/qpkg.conf
echo "Enable = TRUE" >> /etc/config/qpkg.conf
echo "Shell = /share/Qweb/tomcat6/tomcat.sh" >> /etc/config/qpkg.conf
You can now use Apache Tomcat on your QNAP.

Efficacenergie solution

23/03/2011 Written by Cyril GRANDJEAN

During my internship at Distrame from July 2010 to September 2011, I have participated to the creation of the solution Efficacenergie. This solution, directly installed on the intranet network of the customer, allows the measure of energy consumption of a building such as water consumption, gas, electricity or the measure of temperature, … Efficacenergie is compatible with the wireless sensors of the brands LEM and Coronis.

The solution is installed on a NAS working on a linux operating system. Our NAS server is going to play collector’s role of data resulting from wireless sensors. Thanks to the application server Apache Tomcat and a mySQL database, the customer can visualize his consumptions with an ergonomic Web interface developed from the javascript framework Ext-JS. You can find on my portfolio a list of available features with Efficacenergie.

Here is a small video of presentation of the solution (French video) :