Alan Delmar · UI/UX Designer Alan Delmar
UI/UX Designer
Alan Delmar · UI/UX Designer
DIT App

DIT app

The brief was to design an information resource for students and staff of the Dublin Institute of Technology. Users may look up the details of lecturers, students or module info aswell as getting directions to several of the campuses. The app also connected to several social media API's - Twitter, Youtube and Google - in order to provide a rich and engaging app enviornment

-Tech: HTML5, CSS3, jQuery Mobile, PHP, SQL, third-party API's -

Sitemap
Wireframe
Student login
Staff login
Homepage
Profile page
Search page
Results page
Maps page
Map page
Design

The design was kept clear and simple. Colours and fonts which complimented DIT's exisiting UI on their website were incorporated to maintain coherency across the brand. The UI was handled with jQuery Mobile.

Login
Staff login
Profile
Homepage
Homepage
Search
Result
Maps
Map view
Coding

The complete code for the project can be viewed here.

Key Features:

1. JavaScript and PHP Local storage variables to ensure user only logs in once - system recognises whether user is staff or a student and curates the content fetched by the social media API's accordingly.

2. AJAX Search to database, including autocomplete in search fields

3. Geolocational data: Use of Google Maps and Places API in order to visualise and give directions to campuses based on the user's current location.

4. Profile page which allows user to edit their profile information in addition to taking a profile photo on their phone.

5. The use of several social media API's to pull dynamic data from the college's official account pages.