Campus des Métiers et des qualifications
The Campus des Métiers et des Qualifications for Gastronomy, Hospitality and Tourism, accredited in January 2015 by the French Ministry of Education and run jointly by the Montpellier education authority and the Occitanie region, is based at the Georges Frêche vocational school in Montpellier. The campus covers the whole Montpellier academic region, France’s fourth region for tourist spending, hotel capacity and overnight stays, which makes it a major lever for regional economic and social development policy.
With nearly 5,000 learners spread across 17 different sections and 20 institutions (secondary and higher education), the campus offers varied training paths, whether initial, continuing or apprenticeship-based, built on a school-industry alliance.
With only a Facebook page, the campus wanted a website presenting its courses and the careers they lead to, giving greater visibility and a communication tool for future learners and their families, campus members and the wider industry.
Writing the specification and the diagrams
(1 week)
BTS skills : A1.1.1, A1.2.2, A4.1.1, A4.1.2
To build the website of the Campus des Métiers et des Qualifications (Gastronomy, Hospitality, Tourism, Occitanie), my colleagues and I worked out what the site had to do in order to write the specification, then sorted the features according to our skills and the time we had.
Once that was done, we created the wireframes to propose a plan and a vision of the future site, so that we could split the work. I took on the presentation slider, the interactive map, the mail sending and part of the main page.
Building the home page
(1 day)
Building the home page was fairly quick for me: I only had to create the page as shown in the wireframe, with a fairly simple design to give an idea. For the news feed we went with Facebook and Twitter. An extension exists with embed tags, so I only had to add and size them in the HTML.
Building the interactive map
(2 weeks)
Building the interactive map was quite involved. At first my supervisor offered two options: take an image of the region and place buttons over it to display the information about each institution, or put the information on a Google Maps view and embed that map in the site.
I chose the first solution because it displays all the information, unlike Google Maps which only shows part of it.
The map could only show the schools offering Baccalaureate-level courses. The improvement was to add buttons displaying the training locations by type: continuing, initial, apprenticeship or higher education.
Contact form
(1 day)
After a meeting, we were told what had to be added. So I created the contact page. This page sends the visitor’s message to the campus director by email.
Fixing spelling mistakes and bugs, and putting the site online
(1 day)
The site was far from finished. To work as fast as possible, we drew up a schedule with the estimated time for each task left before the final presentation.