Showcase 2018

This project focuses on the importance of using a Workflow Management System when developing a Front-End Development Project. Its main emphasis will be on creating an image-based management system using the Gulp.js automation tool. The main goal behind this project was to develop a completely automated HTML image portfolio page, meaning the user of the system may create a fully functional HTML webpage using only the Node.js command line. The system makes use of multiple image size outputs, image optimization, visible digital watermarking and image EXIF data. It will use the newly introduced srcset element to help the browser load the correct image size. To achieve this, the browser looks at the viewport size, the bandwidth speed available to it and screen resolution of the device.

Gulp Workflow Management System for Front-End Automation

Jessica

BSc [Hons] C

reative Com

puting

Bass

The goal of this project was to research and prove that a Workflow Management System was the optimum choice for developing any Front-End Development System. The testing phase of the project proved that working with a build tool like Gulp.js and developing within a Workflow Management System environment produced sped up load times of the web page by 70%.