Skip to Content

Website making-of

This page documents the design, development, and deployment of this personal website and its related services. It includes a list of active and completed tasks, covering from integrating resources and database cloud services to final user mockups and final templates. It also details the frontend using a wordpress CMS hosted at ESI servers.

All data from the persistence layer (thank to MongoDB) have been introduced by a dedicated application developed for managing the curriculum vitae, in order to automate the collection and display of data.

general-mockup

1. UI design

The design guide brings together an overall visual scheme and page-by-page mockups for key sections: Home, About/Contact, Teaching, Projects, Publications, and Resources, enabling alignment between content and UI prior to implementation

general-design
about-me
project-web

2. MongoDB Cluster

Data persistence is organized into MongoDB collections using cloud services for taught classes, teaching innovation, publications, and projects, with the field schema defined for each, facilitating consumption by the frontend and APIs. All these schemes are shown below.

3. MongoDB Charts

From data persistence in Mongodb cluster, a set of dashboards with multiple charts have been created. It presents relevant statistics about the following groups form the CV: teaching classes, publications, teching projects, final works supervised, and research projects. All the charts are gathered from cluster-views generated and powered by MongoDB Charts engine.

It present statistics about subjects taught grouped by category, degree, year, course, language, etc. Also, the complete list of subjects taught is provided. Examples:

Teaching classes

It present statistics about publications by type, recent years, quartiles and JCR indexed, count of works, etc. Also, the complete list of publications is provided. Examples:

Publications

It present statistics about teaching innovation projects It includes total of works and a word cloud of relevant concepts managed in the projects. Also, the complete list of innovation projects is provided. Examples:

Teaching projects

It present statistics about supervised final works. These include total works, concepts more treated in projects, works per type, students grade, etc. Examples:

It present statistics about research projects. These include total funding raised as head researcher, type of participation, projects by role assumed, by budget, etc. Examples:

Home website

4. Results

Once all have been designed and structured, WordPress CMS has been used to integrate content, links and embeded charts. In this way, with some plugins and the minimalio template, this website is published. Blog post and some content keep static, while all stuff dependent on our MongoDB cluster can be automated and charts generated in real time thank to MongoDB charts engine.

You can visualize the results of this making of in the own website. If you have any question about it, contact the author.