Sulayman Hussain

Sulayman Hussain is studying BA (Hons) in Computer Science at Ravensbourne University London. Hussain is a very ambitious gentleman and this shows in his projects, where he likes nothing more than to bring creative ideas to assigned projects. His main passion lies in frontend development. He is eager to implement his love for frontend developments in top tech companies such as: Microsoft, Google, AWS, Samsung etc. He would like to do this by assisting industries design dynamic and more user-friendly websites. Hussain intends to add to his expertise in frontend development by participating in online courses, as well as obtaining certificates from companies such as Meta. He would also like to join a small business or starter-up to develop a website that meets their needs, where he is part of their growing process.

Hussain likes to use software tools such as Visual Studio Code (for making the UI (User Interface) functional by hard coding), Figma (for designing a mock-up of the UI, ensuring a flawless user experience in his project), and MongoDb (to produce a database that is used to retrieve and modify data in the system).

For Final Major Project Hussain has developed a recruitment platform by the name of Rave WBL Placement Platform, which allows students at Ravensbourne University to search and apply to vacancies relevant to their chosen subject of study. Hussain has great time-management skills where he plans tasks, goals relating to the project, making sure projects are completed within a deadline. Hussain’s specialist areas of study are HTML, CSS, JavaScript and Front and backend development.

Rave WBL Placement Platform Logo – Final Major Project — This logo has been created using Microsoft PowerPoint. The logo is based on the Ravensbourne University logo, where it has been modified to add “Rave WBL” on top corner and “Placement Platform” in bottom corner, with a light blue border, a diagonal purple line and a dark blue circle that has a shadow shape effect . Video of Rave WBL Placement Platform system demonstration is added in this link: https://drive.google.com/... . Full Code of Rave WBL Placement Platform is added in this link: https://github.com/... .

Job Portal UI Mockup – Final Major Project – Figma was used to create this mock-up, where it has been written in basic wireframe. It includes the layout of each contents, with a comment which explains the contents, i.e. action once button is clicked, the layout of header and footer and colour of the components, etc. The end result is shown in the next image. Video of Rave WBL Placement Platform system demonstration is added in this link: https://drive.google.com/... . Full Code of Rave WBL Placement Platform is added in this link: https://github.com/...

https://drive.google.com/file/d/1yAWRZAyaON3fW-JzDHbRiR33YCudOyrH/view?usp=sharing

Job Portal UI End Result – Final Major Project – Visual Studio Code has been used to hard code the UI , HTML was used for elements rendering and CSS for styling the elements. Additionally, JavaScript was used to make the page dynamic once jobs are posted by staff. This page students can browse job positions, where they can search and filter jobs that meet their study fields and their needs, and where they can read information about the jobs if they are interested in the position, by clicking in “Read Description” button. Students can also go to the AI Chatbot page by clicking the icon in bottom right corner. Staff and admins can also browse jobs; however, the difference is that chatbot icon will not be displayed. Accessibility test has been performed by using WCAG (Web Content Accessibility Guidelines ) Compliance to check if texts are accessible for each of the chosen background colours. Video of Rave WBL Placement Platform system demonstration is added in this link: https://drive.google.com/... . Full Code of Rave WBL Placement Platform is added in this link: https://github.com/...

System Architecture in Job Posting Functionality – Final Major Project – Draw.io has been used to design a system architecture in job posting functionality, which shows the blueprint in how the system is performed once job is being posted by staff to homepage in portal of staff, student and admins. While comments provide details about the activity and the shape of a rectangle indicates the action being performed, images are provided to visually depict the action. Video of Rave WBL Placement Platform system demonstration is added in this link: https://drive.google.com/... . Full Code of Rave WBL Placement Platform is added in this link: https://github.com/...

Use Case Diagram of Rave WBL Placement Platform System – Final Major Project – Draw.io has been used to create a use case diagram which shows the interaction between actors and the system. Use Case diagram includes internal actors ; Students, Staff and Admins, with a external actor of AI Chatbot. Additionally, it includes use case (Core functionality) with relationship of “Includes” which means one use case are part of another use case (i.e. in use case of Login, this functionality includes a authentication, where users must be authenticated before using the system). Additionally, “Extend” indicates the additional use case added within the use case (i.e. Students can apply jobs, as well as save jobs). Video of Rave WBL Placement Platform system demonstration is added in this link: https://drive.google.com/... . Full Code of Rave WBL Placement Platform is added in this link: https://github.com/...