RMS Dha
RMS Dha
Submitted by
RASHEEDA REESHMAN M (812421104085)
SAFRIN SHAHANA A
(812421104088) DOMAIN: WEB
DEVELOPMENT
COMPANY: CodeBind Technologies
DURATION:
(11.07.2024 TO
09.08.2024)
M.I.E.T. ENGINEERING
COLLEGE,
TIRUCHIRAPPALLI-620007
i
DEC 2024
ii
M.I.E.T. ENGINEERING COLLEGE, TRICHY 620007
BONAFIDE CERTIFICATE
SIGNATURE SIGNATURE
Mr.P.MANIKANDAN M.E., Mrs.K.DASARATHI SHOHI M.E.,
HEAD OF THE SUMMER INTERNSHIP
DEPARTMENT CO-ORDINATOR
Department of Computer Science and
Department of Computer Science and Engineering
Engineering M.I.E.T. Engineering
M.I.E.T. Engineering college Tiruchirappali-
college Tiruchirappali- 620007
620007
iii
INTERNAL EXAMINER EXTERNAL EXAMINER
iv
ACKNOWLEDGEMENT
First, we would like to thank the Almighty for giving us talents and opportunity to complete
our internship.
We would like to express our sincere gratitude to our college chairman and founder
Er.A.MOHAMED YUNUS B.E.,M.Sc., for providing large facilities in the institution for the
completion of the Internship.
We would like to express our thanks and sincere gratitude to our respectful Principal
Dr.A.NAVEEN SAIT M.E.,Ph.D., for encouraging us to do such an innovative Internship.
We wish to express our heartfelt thanks and sincere gratitude to our Head of the Department
Mr.P.MANIKANDAN M.E., for his valuable guidance which helped us to complete this work
successfully and also for his enthusiastic encouragement to make our effort worthwhile and
fruitful.
iii
CERTIFICATE
iv
v
vi
vii
ABSTRACT
Visitors can explore detailed profiles of our skilled chefs, showcasing their expertise and
passion for creating unforgettable dining experiences. The "About" page provides insights into
our restaurant's story, values, and commitment to quality, fostering a personal connection with
our brand.
With an intuitive layout, vibrant visuals, and user-friendly navigation, our website ensures a
delightful journey for every visitor, whether they're exploring our offerings, learning about our
chefs, or simply craving a delicious meal delivered to their doorstep.
viii
CONTENT
ACKNOWLEDGEMENT iii
CERTIFICATES iv
ABSTRACT viii
LIST OF FIGURES xi
LIST OF ABBREVIATIONS xii
1 INTRODUCTION 1
1.1 ORGANISATION PROFILE 1
1.2 INTRODUCTION OF PROJECT 2
1.3 PROBLEM SPECIFICATION 3
1.4 PROBLEM DEFINITION 3
1.5 LIMITATIONS OF EXISTING
SYSTEM 3
1.6 OBJECTIVE OF PROJECT 4
2 SYSTEM ANALYSIS 5
2.1 FEASIBLE STUDY 5
2.2 INTRODUCTION 5
2.3 SUMMARY 5
2.4 CONSTRAINT 5
2.5 TYPES OF FEASIBLE STUDY 5
3 SYSTEM REQUIREMENTS 7
3.1 HARDWARE REQUIREMENTS 7
3.2 SOFTWARE REQUIREMENTS 7
ix
4 DEVELOPMENT ENVIRONMENT 8
4.1 INTRODUCTION TO MYSQL
DATABASE 8
4.2 INTRODUCTION TO XAMPP 9
4.3 INTRODUCTION TO HTML 10
4.4 INTRODUCTION TO CSS 11
4.5 INTRODUCTION TO JAVASCRIPT 12
4.6 INTRODUCTION TO VISUAL
STUDIO CODE 13
5 SYSTEM DESIGN 15
5.1 FLOW CHART 15
5.2 MODULAR DESCRIPTION 16
6 TESTING AND IMPLEMENTATION 17
6.1 TESTING 17
6.2 APPENDICES 20
6.2.1 SAMPLE CODE 20
6.2.2 SCREENSHOTS 26
7 INTERNSHIP REPORTS 32
7.1 STUDENT INTERNSHIP PROGRAM
APPLICATION 32
7.2 DAILY LOG 34
7.3 WEEKLY GEOTAG REPORT 36
7.4 SUPERVISOR EVALUATION OF
INTERN 40
7.5 STUDENT FEEDBACK OF
INTERNSHIP 42
8 CONCLUSION 46
9 BIBLIOGRAPY 47
x
LIST OF FIGURES
xi
LIST OF ABBREVIATIONS
xii
CHAPTER 1
INTRODUCTION
CodeBind Technologies is a new evolution to supporting the enterprises across the world
through designing and developing the websites, application development in different platforms
with fulfilling the other marketing requirements. We initiate with strong technical resources
and passionate entrepreneurs. We have outstanding performance and incomparable presence on
the web and market.
Our vision is to full fill the clients need and achieved reports are captured in the web market.
We maintain the long-term relationship with our clients that will assist to extend the
relationship with more clients. When CodeBind technologies are growing to the next level,
major achievements are satisfying the needs of clients.
We are a team of skilled designers, developers and managers focused on creating amazing
and user loving web and mobile applications and we have successfully delivered multiple
projects in these various domains like FinTech, HealthCare, Banking, Ed-tech, Retail,
Ecommerce, Food & Beverages, Media & Entertainment, Travel & Tourism, Gaming Industry,
Logistics.
TECHNOLOGIES:
OUR SERVICES:
Website Development
Mobile Application Development
PWA Development
Google My Business Creation and Optimization
Search Engine Optimization
1
ACTIVITIES:
Implant Training (IPT): They provide IPT for various engineering departments
like CSE, IT, ECE, EEE, EIE, ICE, Civil, and Mechanical.
Internship: CodeBind offers internships for students in different departments like
CSE, IT, ECE, EEE, EIE, ICE, Civil, and Mechanical.
Web Development: They provide web development services, including website
designing, WordPress website development, e-commerce solutions, and website
redesigning.
Mobile App Development: CodeBind develops mobile apps for Android and iOS
platforms.
Digital Marketing: They offer digital marketing services, including search engine
optimization (SEO), search engine marketing (SEM), social media optimization
(SMO), and social media marketing (SMM) .
Testing: CodeBind provides testing services, including website testing, software
testing, and QA, QC, and testing.
IT Support: They offer IT support services, including maintenance and
troubleshooting.
2
This project includes:
Home page of the restaurant.
About page of the restaurant.
Menu page for restaurant which includes food items.
Food gallery.
Some blogs related to food.
Chief details who are working at the restaurant.
Login page for customers.
3
Limited Accessibility:
The existing system may not be accessible to customers with disabilities, making it
difficult for them to use the website.
User-Centric Design:
Create an intuitive and visually appealing user interface that is easy to navigate.
Ensure a smooth and efficient user experience from order placement to delivery.
Provide a comprehensive and up-to-date menu with detailed descriptions and high-
quality images of food items.
Allow for easy search and filtering of menu items based on cuisine, dietary preferences,
or price range.
4
CHAPTER 2
SYSTEM ANALYSIS
2.2 INTRODUCTION:
The Restaurant Website is a comprehensive software solution designed to automate and
streamline restaurant operations. The RESTAURANT WEBSITE aims to improve customer
satisfaction, reduce labour costs, and increase revenue. The system will provide a user-friendly
interface for employees to manage orders, inventory, and customer relationships.
2.3 SUMMARY:
The Restaurant Website is a feasible solution for restaurants seeking to improve operational
efficiency, customer satisfaction, and revenue. The website will provide a comprehensive
platform for managing restaurant operations, including order taking, inventory management,
and customer relationship management.
2.4 CONSTRAINT:
Scalability Constraints: The Restaurant website will need to be designed to scale with the
restaurant's growth, which may require additional hardware and software upgrades.
Operational Constraints: The website will require employees to undergo training to use the
system effectively, which may require additional time and resources.
Technical Constraints: The Restaurant website will require a stable internet connection, and
the restaurant's existing hardware and software infrastructure may need to be upgraded to
support the system.
6
CHAPTER 3
SYSTEM REQUIREMENTS
7
CHAPTER 4
DEVELOPMENT ENVIRONMENT
The MySQL database has become the world's most popular open source database because of
its consistent fast performance, high reliability and ease of use. It's used in more than 6 million
installations ranging from large corporations to specialized embedded applications on every
continent in the world. MySQL is a open source Relational Database Management System.
MySQL is very fast reliable and flexible Database Management System. It provides a very high
performance and it is multi-threaded and multi user Relational Database management system.
MySQL Features
MySQL are very fast and much reliable for any type of application. MySQL is very
Lightweight application. MySQL command line tool is very powerful and can be used to run
SQL queries against database. MySQL supports indexing and binary objects. It is allow
changes to structure of table while server is running.
MySQL has a wide user base. It is a very fast thread-based memory allocation system.
MySQL code is tested with different compilers. MySQL is available as a separate program for
use in a client/server network environment. The MySQL available for the most Unix operating
platform.
MySQL are the available for window operating system window NT, window 95, and window
98. MySQL available for OS/2. Programming libraries for C, Python, PHP, Java, Delphi are
available to connect to MySQL database.
MySQL Advantage
8
4.2 INTRODUCTION TO XAMPP:
XAMPP is a free, open-source software package that provides a complete web development
environment for creating and testing web applications. It includes a combination of popular
web development tools, such as Apache, MySQL, PHP, and Perl.
Components of XAMPP
Apache: A popular web server software that serves web pages and handles HTTP
requests.
MySQL: A relational database management system that stores and manages data for
web applications.
PHP: A server-side scripting language used for web development, especially for
creating dynamic web pages.
Perl: A programming language used for web development, system administration, and
network programming.
Features of XAMPP
Easy to install: XAMPP is easy to install and set up, even for beginners.
Cross-platform: XAMPP is available for Windows, macOS, and Linux operating
systems.
Free and open-source: XAMPP is completely free and open-source, making it a
popular choice among web developers.
Complete web development environment: XAMPP provides a complete web
development environment, including a web server, database, and scripting languages.
Uses of XAMPP
Web development: XAMPP is widely used for web development, especially for
creating dynamic web pages and web applications.
Testing and debugging: XAMPP provides a local testing environment for web
developers to test and debug their web applications.
Learning and training: XAMPP is often used in educational institutions and training
programs to teach web development and related technologies.
9
4.3 INTRODUCTION TO HTML:
HTML is a markup language that uses a series of elements, represented by tags, to define
the structure and content of a web page. These elements can include headings, paragraphs,
images, links, forms, tables, and more.
10
4.4 INTRODUCTION TO CSS:
CSS (Cascading Style Sheets) is a styling language used to control the layout and
appearance of web pages written in HTML or XML. CSS is a crucial component of web
development, as it allows developers to separate the presentation of a document from its
structure, making it easier to maintain and update.
Types of CSS:
Internal CSS: Defined within an HTML document using the <style> element.
External CSS: Defined in a separate file with a .css extension, linked to an HTML
document using the <link> element.
Inline CSS: Defined directly within an HTML element using the style attribute.
CSS Syntax:
CSS syntax consists of a set of rules, known as styles, which are composed of:
Selector: Identifies the HTML element(s) to which the style will be applied.
Property: Specifies the aspect of the element's appearance that will be modified.
Value: Specifies the value that will be applied to the property.
CSS Properties:
11
4.5 INTRODUCTION TO JAVASCRIPT:
Features of JavaScript:
Dynamic typing: JavaScript is dynamically typed, which means that you don't need to
declare the data type of a variable before using it.
Object-oriented: JavaScript is an object-oriented language that supports concepts like
inheritance, polymorphism, and encapsulation.
First-class functions: JavaScript functions are first-class citizens, which means that
they can be passed as arguments to other functions, returned as values from functions,
and stored in data structures.
Async programming: JavaScript supports asynchronous programming, which allows
you to write non-blocking code that can handle multiple tasks concurrently.
Uses of JavaScript
Client-side scripting: JavaScript is primarily used for client-side scripting on the web,
allowing you to create interactive web pages, web applications, and mobile applications.
Server-side programming: Node.js allows you to use JavaScript for server-side
programming, creating RESTful APIs, microservices, and enterprise-level applications.
Mobile and desktop applications: JavaScript is used in frameworks like React Native,
Angular Mobile, and Electron to build cross-platform mobile and desktop applications.
Game development: JavaScript is used in game development, especially with
frameworks like Phaser, to create 2D and 3D games for the web and mobile devices.
12
4.6 INTRODUCTION TO VISUAL STUDIO CODE:
Visual Studio 2019 (2019): Introduced improved support for cloud development,
DevOps, and artificial intelligence.
Visual Studio 2022 (2022): Introduced improved support for cloud development,
DevOps, and artificial intelligence, as well as a new 64-bit architecture.
Code Editor: A feature-rich code editor with syntax highlighting, code completion, and
debugging.
Project Management: Tools for managing projects, including solution explorers,
project properties, and build configurations.
Debugging: Advanced debugging tools, including breakpoints, data inspection, and
performance profiling.
Testing: Support for unit testing, integration testing, and UI testing.
Version Control: Integration with version control systems, including Git, Team
Foundation Server, and Subversion.
Collaboration: Tools for collaboration, including team projects, code reviews, and
agile project planning.
Extensions: A rich ecosystem of extensions, including tools for web development,
mobile app development, and cloud computing.
Community: A free edition for individual developers, students, and small teams.
Professional: A paid edition for professional developers, with additional features for
debugging, testing, and collaboration.
Enterprise: A paid edition for large teams and enterprises, with advanced features for
DevOps, agile project planning, and team collaboration.
13
System Requirements:
14
CHAPTER 5
SYSTEM DESIGN
15
5.2 MODULAR DESCRIPTION:
Home Page
"Welcome to food restaurant, where flavours meet passion! Experience the best of
Chinese in a cozy and inviting atmosphere. Join us for a culinary journey that will leave you
craving for more."
About Page
"At food restaurant, we're driven by a passion for good food, good company, and great
memories. Learn more about our story, our chefs, and what inspires us to create unforgettable
dining experiences."
Menu Page
"Indulge in our carefully crafted menu, featuring a range of delicious dishes that blend
traditional flavours with modern twists. From classic favourites to innovative creations, there's
something for every palate and preference."
Blog Page
"Stay up-to-date with the latest news, recipes, and stories from food restaurant. Our
blog is your go-to source for culinary inspiration, cooking tips, and a glimpse into the life of
our chefs and restaurant team."
Login Page
"Welcome to food restaurant's online ordering and reservation system. Please log in to
access your account, place orders, and manage reservations. If you don't have an account,
please register with us to start enjoying the benefits of our online system."
16
CHAPTER 6
6.1 TESTING:-
Testing is the process of exercising software with the intent of finding errors and ultimately
correcting them. The following testing techniques have been used to make this project free of
errors.
Content Review
The whole content of the project has been reviewed thoroughly to uncover typographical
errors, grammatical error and ambiguous sentences.
Navigation Errors
Different users were allowed to navigate through the project to uncover the navigation
errors. The views of the user regarding the navigation flexibility and user friendliness were
taken into account and implemented in the project.
Unit Testing
Focuses on individual software units, groups of related units.
Unit – smallest testable piece of software.
A unit can be compiled /assembled / linked/loaded; and put under a test harness.
Unit testing done to show that the unit does not satisfy the application and /or its
implemented software does not match the intended designed structure.
Integration Testing
Focuses on combining units to evaluate the interaction among them
Integration is the process of aggregating components to create larger components.
Integration testing done to show that even though components were individually
satisfactory, the combination is incorrect and inconsistent.
System testing
17
System testing is aimed at revealing bugs that cannot be attributed to a component as
such, to inconsistencies between components or planned interactions between
components.
Regression Testing
Each time a new form is added to the project the whole project is tested thoroughly to
rectify any side effects. That might have occurred due to the addition of the new form. Thus
regression testing has been performed.
White-Box testing
White-box testing (also known as clear box testing, glass box testing, transparent box testing
and structural testing) tests internal structures or workings of a program, as opposed to the
functionality exposed to the end-user. In white-box testing an internal perspective of the
system, as well as programming skills, are used to design test cases. The tester chooses inputs
to exercise paths through the code and determine the appropriate outputs. This is analogous to
testing nodes in a circuit, e.g. in-circuit testing (ICT).
Black-box testing
Black-box testing treats the software as a "black box", examining functionality without any
knowledge of internal implementation. The tester is only aware of what the software is
supposed to do, not how it does it. Black-box testing methods include: equivalence partitioning,
boundary value analysis, all-pairs testing, state transition tables, decision table testing, fuzz
testing, model- based testing, use case testing, exploratory testing and specification-based
testing.
Alpha Testing
Alpha testing is simulated or actual operational testing by potential users/customers or an
independent test team at the developers' site. Alpha testing is often employed for off-the-shelf
software as a form of internal acceptance testing, before the software goes to beta testing.
18
Beta Testing
Beta testing comes after alpha testing and can be considered a form of external user
acceptance testing. Versions of the software, known as beta versions, are released to a limited
audience outside of the programming team. The software is released to groups of people so that
further testing can ensure the product has few faults or bugs. Sometimes, beta versions are
made available to the open public to increase the feedback field to a maximal number of future
users.
19
6.2 APPENDICES:
6.2.1 SAMPLE CODE
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Food website</title>
</head>
<body>
<section id="Home">
<li> <a href="index.html" class="action">Home</a></li>
<li> <a href="about.html">About</a></li>
<li> <a href="menu.html">Menu</a></li>
<li> <a href="gallery.html">Gallery</a></li>
<li> <a href="blog.html"> Blog</a></li></ul>
<div class="main_image">
<img src="images/imagemenu1.png">
</div>
<div class="about">
<div class="about_main">
<div class="about_image">
<img src="images/imageabout.png"></div>
<div class="about_text">
<h1><span>About</span>Us</h1>
<h3>Why food choose us?</h3> <p>
20
As time is limited in the Food Service Industry, our main priority is to
be a competent point of contact for our customers. Our team understandsthe
importance of bringing you quick and efficient solutions to ease your everyday
operationsWe take special care in proposing only products that fit your needs and
assist in a timely manner.</p> <a href="#" class="about_btn">
<i class="fa-solid fa-burger"></i>Order Now
</a></div>
--Banner-->
<div class="banner">
<h1>Special Offer</h1>
<div class="banner_center">
<h2>50%<br><span>Off</span></h2>
</div>
<a href="#" class="banner_btn"><i class="fa-solid fa-burger"></i>Order
Now</a>
</div>
<div class="gallery">
<h1>Popular<span>Gallery</span></h1>
<div class="gallery_box">
<div class="gallery_image">
<img src="images/imagegallery2.png" </div>
<div class="menu">
<h1>Our<span>Menu</span></h1>
<div class="menu_box">
<div class="menu_card">
<div class="menu_img">
<img src="images/imagemenu.jpeg">
</div>
<div class="menu_text">
21
<h2>Burger</h2>
<p>
Serving Up Happiness, One Burger at a Time". "Bite into Bliss".
Where Every Bite is a Flavor Explosion. </p>
<div class="menu_icon">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</div>
<p class="price">$100.00<sub><del>$120.00</del></sub></p>
<a href="#" class="menu_btn"><i class="fa-solid fa-
burger"></i>Order Now</a>
<div class="offer">
<div class="offer_box">
<div class="offer_card_1">
<div class="offer_img">
<img src="images/imageposter1.png"> </div>
<div class="offer_tag">
<h2>Triplae Food</h2>
<h1>40%</h1 <p>
Tripale food offers a unique blend of traditional and modern
flavors,
23
creative take on [momos], their culinary skills are truly impressive.
</p> </div>
<div class="blog">
<h1>Our<span>Blog</span></h1>
<div class="blog_box">
<div class="blog_card">
<div class="blog_img">
<img src="images/imageblog1.png">
</div>
<div class="blog_tag">
<div class="blog_date">
<p>24 Dec 2022<i class="fa-solid fa-calendar-days"></i></p>
</div>
<div class="view_and_like">
<div class="view">
<p>15.3k Views</p>
<p class="b comm">786 comments</p> </div>
<div class="like">
<p>3k</p>
<i class="fa-regular fa-heart"></div>
<h1><span>Order</span>Now</h1>
<div class="order_main">
<div class="order_img">
<img src="images/imageorder.png"> </div>
<div class="order_form">
<h2>Home Delivery</h2>
<div class="order_list">
<div class="order_left">
<p>Full Name</p>
24
<input type="text" placeholder="John Deo">
<P>Number</P>
<input type="number" placeholder="+94 12 345 6789">
<p>Extra Food</p>
<input type="text" placeholder="with cola">
<p>You Address</p>
<textarea placeholder="Enter You Address"></textarea>
</div>
<div class="footer_tag">
<h2>Quick Link</h2>
<p>Home</p>
<p>About</p>
<P>Menu</P>
<p>Gallery</p>
<p>Order</p></div>
<div class="footer_tag">
<h2>Contact</h2>
<p>+94 12 3456 789</p>
<p>+94 24 5568 456</p>
<P>[email protected]</P>
<p>[email protected]</p> </div>
<div class="footer_tag">
<h2>Our Services</h2>
<p>Fast Delivery</p>
<p>Easy Payments</p>
<P>24 x 7 Services</P>
</div>
</body>
</html>
25
6.2.2 SCREENSHOTS
26
Figure6.2.2.3: Menu page
27
Figure6.2.2.5: Blog page
28
Figure6.2.2.7: Ordering page
29
Figure6.2.2.9: Contact Page
Figure6.2.2.10: XAMPP
30
Figure6.2.2.11: Order Completion Page
31
CHAPTER 7
INTERNSHIP REPORTS
32
33
7.2 DAILY LOG:
34
35
7.3 WEEKLY GEOTAG REPORT:
36
37
38
39
7.4 SUPERVISOR EVALUATION OF INTERN:
40
41
7.5 STUDENT FEEDBACK OF INTERNSHIP:
42
43
44
45
CHAPTER 8
CONCLUSION
The food restaurant website is a comprehensive online platform that showcases the
restaurant's menu, services, and unique dining experience. With its modern design, user-
friendly interface, and robust features, the website provides an exceptional online experience
for customers. The website's online ordering and reservation system, integrated social media
features, and robust reporting and analytics capabilities make it an essential tool for the
restaurant's growth and success. By providing a seamless and enjoyable online experience, the
food restaurant website aims to increase customer engagement, drive sales, and establish the
restaurant as a leading dining destination.
46
CHAPTER 9
BIBLIOGRAPY
1. www.google.co.in
2. https://www.youtube.com/watch?v=4y-_3Ayiauw
3. https://www.geeksforgeeks.org/create-a-homepage-for-restaurant-using-html-css-and-
bootstrap
4. "RESTAURANT WEBSITE." Wikipedia, Wikimedia Foundation,
2022, https://en.wikipedia.org/wiki/RESTAURANT WEBSITE
5. "Web Development and Design Foundations" by Terry Felke-Morris: A broad
control
12. Learning PHP, MySQL, JavaScript, CSS, and HTML5: A Step-by-Step Guide to
47