CET213 – Referral Assessment 2017/8 (PART B)
Scenario
You recently applied for an internship with a multimedia development
company and submitted a response to a ‘design brief’. You created a basic
wireframe. and sample application.
Today you open your email account and have received a response from the
company.
From: Multimedia Team
To: Applicant
Hi, Thanks for sending us your response to the ‘creative
brief’ we set last month.
Our development team had a tough job of reviewing all the
submissions, but we were really pleased to see the range and
quality of the work submitted! We hope the feedback we sent
you was useful. It was clear that applicants spent hours
refining their applications and ensuring a good user
experience, good use of UI controls and high-quality images.
This is exactly the sort of thing we’re after, we want people
that can work to solve problems, justify design choices, work
with users and produce imaginative, creative designs…and use
industry tools and techniques.
We were interested to hear about the work you have been doing
using Node and Express to create server side APIs and
Javascript. with Framework 7 v2.0 to create client-server
applications. We’re especially pleased to hear about the
scripts you’ve created to help with deployment and testing – I
believe you’ve used QUnit and Gulp amongst others. All very
important technologies. With that in mind, we’d like to you to
create a small
App that demonstrates some of these technologies, which we
would like you to present via a screencast presentation. We’d
normally allocate around 2-3 days for a team member to develop
this sort of application.
Here’s the project:
A local second-hand car dealer has asked for a mobile friendly
web app to be created, that allows customers to browse their
stock of used cars.
Create a mobile friendly web browser application that that
allows users to browse a ‘cars’ database and add customer
questions. I’ve attached a quick diagram of the app we’d like
you to create (diagram.pdf)
As a minimum, add 10 products to the database, include images
and appropriate text.
The dealer currently buys its stock at auction, but is
interested in providing ways for its customers to notify the
dealer of a potential part-exchange.
Therefore, can you also add a screen that will allow a user to
upload a photo of a car they’re interested in selling,
together with email, no. of registered keepers and any other
relevant notes (a free text field)
Please make the form. as easy to use as possible and use
appropriate form. controls.
To make it easier for the development team to review your
work, we’d like you to create a short a short screencast,
demonstrating the application in use. Be sure to show us the
client application, the API running and the console running
the node server. Please make sure the network tab is displayed
when clicking around the application so we can see what is
happening.
Finally, we’d like you to demonstrate your skills creating a
basic unit test using QUnit and a script. to compress images
using Gulp.
We’ve attached a ZIP file containing a HTML page and some
images. Use Gulp to compress the images and minify the HTML.
At the moment, the page size is quite large. We’d like you to
get this under a few megabytes using Gulp and any appropriate
gulp plugins. Put some comments in your script. and send it
through with your application. You might want to duplicate the
index.html file, so we can see a before and after. The images
are shown on the page at 640px wide.
Still with us? Our last task for you is a testing task.
Testing is really important, so, using QUnit, we’d like you to
create a unit test for some javascript. We’ve added it as an
attachment.
That’s everything.
In summary - we want a small client-server application, a
basic gulp script. and a unit test.
We look forward to seeing what you create!
Our development team will use the attached marksheet to
provide some feedback to you. We encourage you to demonstrate
your ability as a developer. Think about developing a robust,
validated, easy to use system.
Good luck.
Attachments: diagram.pdf (provided in this document)
Key dates
Submit to Canvas by August 24th 23.59
Please ensure you submit all of your code and a screencast of your application
running.
Please use the directory structure provided