Degree Exhibition Website Project Guide
Uploaded by
giliraquel5Degree Exhibition Website Project Guide
Uploaded by
giliraquel5Common questions
Powered by AIStudents must submit their work in a .pdf format including a list of all group members, a link to the GitHub Repository for the source code, and a link to the deployed website . These deliverables document the collaborative process, version control granularity, and successful deployment, forming a core part of the project's evaluation criteria. They work together to demonstrate the students’ ability to manage projects from concept through to live deployment, reflecting both individual and collective competencies .
The Degree Exhibition Portfolio website must include several pages: Home, Exhibition Showcase, Individual Exhibition, Sponsors, and Contact. Additionally, key technical and design components include a Navigation Menu, Image Carousel, Contact Form, and Social Media Icons. These elements ensure the website's comprehensive functionality and engagement, making it user-friendly and informative .
Prohibiting ready-made website themes necessitates that students engage deeply with design principles and practical coding skills, leading to a more customized and original final product. It encourages creativity and application of theoretical knowledge in design and usability, as students cannot rely on pre-existing templates . This condition emphasizes skill development in front-end design and challenges students to present unique, self-conceptualized solutions .
Committing the source code to a GitHub repository requires students to use version control systems effectively, promoting a structured development workflow. It ensures transparency and helps in tracking changes, collaborative editing, and error resolution. Additionally, no further commits are allowed post-deadline, necessitating careful planning to avoid incomplete submissions . This structure reflects real-world development practices, preparing students for industry demands .
Valid HTML and CSS ensure structural integrity and are crucial for accessibility, search engine optimization, and future-proofing the website. They promote clean, consistent code that supports effective rendering across different browsers, contributing to a seamless user experience . This requirement aligns with industry standards where compliance with W3C standards is essential for professional web development, aiding in usability and maintainability .
Ensuring responsiveness across devices can present challenges due to variations in screen sizes and resolutions, necessitating testing and adjustments in layout and component scalability . Students must have a solid understanding of CSS media queries and fluid grid systems, which can be complex for beginners. Compatibility issues with different browsers and ensuring optimized performance on mobile devices add layers of complexity to the development process .
Frontend component libraries like Bootstrap or Material Design Lite provide pre-designed components, facilitating a standardized, responsive, and aesthetically pleasing interface. They streamline the development process by reducing the time needed to code from scratch, ensure cross-device compatibility, and allow students to focus on custom components and functionality unique to the project .
Hosting the final website on a published URL such as GitHub Pages or Digital Ocean is crucial for publicly demonstrating the project's output, ensuring accessibility and viewability by intended audiences, including evaluators and peers . This requirement emphasizes the need for web development projects to be live and accessible as part of user experience considerations and real-world applicability of web solutions .
Individual students must ensure their home page design layout supports adding more pages from the Group Requirements later on. This means students need to design a flexible architecture that easily integrates with other critical web pages such as Exhibition Showcase, Individual Exhibition, Sponsors, and Contact pages . Additionally, design aesthetics and usability principles must be incorporated to enhance the chance of selection during the group decision-making process .
The presentation component allows student groups to justify the choices made during the design phase, focusing on layout, component decisions, and overall project challenges . It provides a platform for critical assessment of teamwork and decision-making processes, aligning practical outputs with theoretical objectives discussed throughout the course. The presentation also evaluates the group’s ability to communicate their rationale effectively, a key skill in professional settings .