0% found this document useful (0 votes)
307 views3 pages

Dynamic Website Project: HTML & PHP

The document provides instructions for a web programming project requiring students to build a dynamic website using HTML, Bootstrap, PHP, and a MySQL database. Students must host their project online, follow proper file organization, and implement features like user authentication, CRUD operations, AJAX, and file uploads. Submissions are due by the specified deadline as a group project folder uploaded to MS Teams.

Uploaded by

waheed
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
307 views3 pages

Dynamic Website Project: HTML & PHP

The document provides instructions for a web programming project requiring students to build a dynamic website using HTML, Bootstrap, PHP, and a MySQL database. Students must host their project online, follow proper file organization, and implement features like user authentication, CRUD operations, AJAX, and file uploads. Submissions are due by the specified deadline as a group project folder uploaded to MS Teams.

Uploaded by

waheed
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
  • Introduction
  • Project Guidelines
  • Submission Instructions

Web Programming

Project: HTML, Bootstrap (CSS, JavaScript), PHP and


MySQL
Baseda Website
Develop dynamic website using HTML Bootstrap (CSS, JavaScript), PHP and
MySQL/SQL-Server etc. (No backend frameworks).

The purpose of this project is to provide you with an opportunity to demonstrate


use of various techniques we have covered in the course.

You are allowed to use code from various sources on the Internet e.g. w3schools.
However, you are not allowed to copy code from any source ‐ online or offline
without mentioning the source. Please give credit to the original author of the
code where it is due and don’t integrate the external code without developing a
good understanding of it. If asked any group member should be able to elaborate
the application and code.

IMPORTANT REQUIREMENTS:

Your website could be any online system fulfilling following criteria:

1. Either buy a hosting or use a free one to host your project (website) and it
should be accessible 24/7.
2. You can divide your project into two chunks frontend and backend.
3. All image / graphic files must be placed in “graphics” folder.
4. All CSS files must be placed in “css” folder (Use Bootstrap recommended).
5. Only use relative URLs for your internal links to website pages and files.
6. All folder & file names (images, html, script and php etc.) must be lower
case with no spaces in their name.
7. All pages must have consistent look and feel (You can use any frontend
technology/framework e.g. bootstrap to speed up the process of
development but usage of any backend framework e.g. Dot NET MVC Core
will result in negative marking).
8. No broken links (internal or external) should be present in your website.
9. All images & html files must have meaningful names. i.e., it should be
easy to find files just by reading the file name.
Page 1 of
2
Web Programming
Project: HTML, Bootstrap (CSS, JavaScript), PHP and
MySQL
Based Website
[Link] incomplete pages should be in your website, you must integrate content
in all pages.
[Link] can also use one folder for placing subpages of a section if desired.
[Link], it must contain:
a. CRUD (Create, Read, Update and Delete) operations.
b. Relational database e.g. MySQL/SQL-Server using PHP PDO API with
exception handling.
c. Object Oriented Approach (OOA).
d. Separate panels for Admin and Users of website
• Sign up and sign in pages.
• Cookies and Session Support (Start a session on login and
terminate on logout).
e. For events and DOM manipulation use JavaScript (jQuery)
f. AJAX search or adding a feedback comment and use JSON format
(Creation of an API is desirable)
g. File Uploading.
h. A gallery to view all the uploaded files.
i. Use of transactions (roll back effect) only if your domain requires it.
j. Interactive event handling/user engagement using JavaScript
(jQuery).
k. For maximum marks add support for basic security and performance
issues however don’t waste time on this feature if previous points are
not complete. I do not expect every student to accomplish this
feature.

WARNING:

 You are required to code/create your own PHP/database and


cannot copy existing projects from the Internet, this type of
plagiarism will straight away get zero marks.
 No two projects should have similar code – All identical projects will be
considered cheating. When you get caught don’t be surprised. Keep
your project code safe from others – this is your responsibility.
Page 2 of
2
Web Programming
Project: HTML, Bootstrap (CSS, JavaScript), PHP and
 If you would like to help your friends,
MySQL please help them create a unique
Based Website
website (their own database and js/php code).

 You can use any WYSIWYG editors or tools


 You are fully responsible of keeping safe backup of your project – No
excuses will be accepted (e.g., viruses or any other hardware / software
issues).

HOW TO SUBMIT YOUR Project:

 Name your project folder:


o “YourGroupMembersRollnumbers‐htmlbootstrapphpmysql”
o For Example, if your roll numbers are “203”
and “204” than your Project folder should be
called 203-204‐htmlbootstrapphpmysql or
include a readme file with all the roll
numbers.
 You will upload the whole project on MS Teams.
 Any group failing to upload project within time will get zero marks, no
leniency this time.
 Each group must have 2 to 3 members.
 Deadline to submit this project is Monday midnight 17th December, 2020
 This is a graded homework of 10 points

Page 3 of
2

Common questions

Powered by AI

Consistent and meaningful file and folder naming conventions are important because they facilitate efficient organization, maintenance, and retrieval of project components, enhancing both developer productivity and code readability. The project requirements stress the necessity for all names (images, HTML, script, and PHP files) to be in lower case without spaces, promoting compatibility across different systems and reducing errors when creating links or referencing files. Meaningful names also ensure that files can be easily identified just by their names, which is crucial for teamwork and project scalability .

File uploading is implemented by using PHP to handle client-side file selections, processing, and storing them on the server in a defined folder, often ensuring files conform to permitted types and sizes for security reasons. Creating a gallery involves dynamically rendering these files on a web page for viewing, which requires reading from the server storage and potentially accessing database records if metadata is stored. The technical considerations include validating files to prevent malicious uploads, organizing files for easy retrieval, and ensuring the interface presents these files clearly and responsively, often employing JavaScript for a seamless browsing experience .

Cookies and sessions play critical roles in managing user authentication in a web application by providing mechanisms to store user credentials and maintain state across different page requests. According to the project guidelines, sessions should be initiated when a user logs in and terminated upon logout, ensuring secure and temporary storage of user data during their session. Cookies might be used to store session identifiers or user preferences, aiding in the persistence of login states or personalization of user experience. Ensuring proper handling of cookies and sessions enhances security by protecting user data from unauthorized access and session hijacking .

To ensure security and integrity throughout a web programming project, it is crucial for developers to regularly back up their project to prevent data loss from hardware or software issues. The use of WYSIWYG editors or tools must be guided by a clear understanding of underlying technologies to ensure the uniqueness of the project. Each team must keep their project code secure to avoid unauthorized access and potential plagiarism, which could result in disqualification. During submission, projects must be uploaded with a clear naming convention, including group members' roll numbers, adhering to deadlines to avoid penalties. Additionally, developers should consider implementing basic security measures and performance optimizations, although priority should be given to meeting all initial requirements .

Integrating CRUD operations in a dynamic website is significant because it provides the basic functionalities for managing data, allowing users to Create, Read, Update, and Delete records within the system. This is essential for applications requiring data manipulation and user interaction, such as content management systems or e-commerce sites. The guidelines recommend using PHP with PDO (PHP Data Objects) API for database interactions, ensuring secure and efficient database handling, including exception management. This approach facilitates modular, secure, and maintainable code, supporting both MySQL and SQL-Server databases to showcase technical competence in server-side programming .

AJAX can be utilized in a web project to enhance user interaction by enabling asynchronous data fetching or posting, reducing server-client communication time, and providing a smoother user experience without full page reloads. The project guidelines suggest incorporating features such as AJAX-based searches and feedback comments, where data can be sent or retrieved from the server in the JSON format. This allows the application to dynamically update parts of the web page based on user input or queries, keeping the interface responsive and interactive .

The essential components for building a dynamic website using HTML, Bootstrap, PHP, and MySQL include hosting the website on a server that is accessible 24/7, separating the project into frontend and backend sections, organizing files into specific folders (e.g., 'graphics' for images, 'css' for stylesheets), using consistent naming conventions for files and folders, ensuring all internal and external links are functional, integrating meaningful content into each page, implementing CRUD operations with PHP PDO API, utilizing an Object Oriented Approach, and providing separate admin and user panels with signup and login functionality. Additional requirements include using JavaScript (jQuery) for event handling and interactive features, facilitating AJAX searches and feedback submissions in JSON format, supporting file uploads with a viewing gallery, and optionally adding security measures and performance enhancements .

Developers should credit the original author whenever using code from external sources, ensuring they understand the code before integrating it. Copying code without acknowledgment is not allowed, and all group members must be able to explain the code and application functionality. Ethical practices require that developers contribute original work, avoiding plagiarism, ensuring each project's code is unique to avoid cheating, and being cautious about sharing their code to prevent unauthorized copying .

The project guidelines suggest utilizing JavaScript, specifically with jQuery, to enhance webpage interactivity by managing events, manipulating the DOM, and creating dynamic user interfaces. This is important because JavaScript allows for real-time updates, responsive layouts, and engagement with users by reacting to their inputs without relying on server communications for every interaction. Such interactivity improves user experience by providing immediate feedback and a more seamless interaction model, essential for modern web applications. The use of JavaScript ensures that user interactions can be handled promptly and effectively, maintaining a high level of engagement .

The project stipulates that the submission must be done by a specific deadline, with example provided of Monday midnight, December 17, 2020. Failure to meet this deadline results in no marks being awarded, emphasizing the need for strict adherence to timelines. This impacts project planning by necessitating early start, clear division of responsibilities, tangible milestone setting, and regular progress assessments to ensure completion on time. Such stringent deadlines require disciplined project management and contingency planning to account for unforeseen issues such as technical difficulties or team member unavailability .

Web Programming
Project: HTML, Bootstrap (CSS, JavaScript), PHP and
MySQL
 Based Website
Page 1 of
2
Develop a dynamic websit
Web Programming
Project: HTML, Bootstrap (CSS, JavaScript), PHP and
MySQL
 Based Website
Page 2 of
2
10.No incomplete pages s
Web Programming
Project: HTML, Bootstrap (CSS, JavaScript), PHP and
MySQL
 Based Website
Page 3 of
2

If you would like to h

You might also like