MINI PROJECT REPORT On “HOTEL MANAGEMENT SYSTEM” BACHELOR OF TECHNOLOGY IN COMPUTER SCIENCE AND ENGINEERING Submitted to(shweta rajput) (Department of Computer Science & Engineering) Submitted byStudent name - Rishi mohan Roll No. 1900680100271 3RD SEMESTER DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING/IT/EC/EE/BT/ME MEERUT INSTITUTE OF ENGINEERING AND TECHNOLOGY, MEERUT 1 DECLARATION We hereby declare that the project entitled -“ Student Academic Record ”, which is being submitted as Mini Project in department of Computer Science and engineering to Meerut Institute of Engineering and Technology, Meerut (U.P.) is an authentic record of our genuine work done under the guidance of Prof. “shweta rajput” of Computer Science and Engineering, Meerut Institute of Engineering and Technology, Meerut. Date: 11/NOV/2020 Name of Student – Place: Meerut Roll no. - 1900680100271 2 Rishi mohan CERTIFICATE This is to certify that mini project report entitled – “Student Academic Record” submitted by “Rishi mohan” has been carried out under the guidance of Prof. “shweta rajput” of Computer Science and Engineering, Meerut Institute of Engineering and Technology, Meerut. This project report is approved for Mini Project (KCN 354) in 3rd semester in “Computer Science and Engineering” from Meerut Institute of Engineering and Technology, Meerut. Internal Examiner Date: . 3 ACKNOWLEDGEMENT I express my sincere indebtedness towards our guide Prof., “shweta rajput” of Computer Science and Engineering, Meerut Institute of Engineering and Technology, Meerut for his valuable suggestion, guidance and supervision throughout the work. Without his king patronage and guidance the project would not have taken shape. I would also like to express my gratitude and sincere regards for his kind approval of the project. Time to time counseling and advises. I would also like to thank to our HoD Dr. (Prof.) “Sunil Kumar”, Department of Computer Science and engineering, Meerut Institute of Engineering and Technology, Meerut for his expert advice and counseling from time to time. I owe sincere thanks to all the faculty members in the department of Computer Science and engineering for their kind guidance and encouragement time to time. Student name – Rishi mohan Date: 11/NOV/2020 4 Table of contents Description page no. Declaration 2 Certificate 3 Acknowledgement 4 Chapter 1 Introduction Chapter 2 System Design (Work flow/flow chart/DFD/ working principle/ constructional details of individual componenets) Chapter 3 Technology Bucket 3.1 Description of HTML 3.3 Description of CSS 3.4 Description of Java Script Chapter 4 Output screens Appendices Implementation code References INTRODUCTION 5 This mini project is for the calculation of student result and percentage. The user need to insert details such as student name , roll no. and marks for the five subjects , information insertion in every fields is mandatory . Then click on show percentage button provided underneath to see the desired result with the total number of marks obtained and percentage. 6 SYSTEM DESIGN TECHNOLOGY BUCKET • INTRODUCTION TO HTML HTML stands for Hyper Text Markup Language. It is used to design web pages using markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. Markup language is used to define the text document within tag which defines the structure of web pages. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. Most of markup (e.g. HTML) languages are human readable. Language uses tags to define what manipulation has to be done on the text. 7 HTML is a markup language which is used by the browser to manipulate text, images and other content to display it in required format. HTML was created by Tim BernersLee in 1991. The first ever version of HTML was HTML 1.0 but the first standard version was HTML 2.0 which was published in 1999. 8 • INTRODUCTION TO CSS Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended to simplify the process of making web pages presentable. CSS allows you to apply styles to web pages. More importantly, CSS enables you to do this independent of the HTML that makes up each web page. CSS is easy to learn and understood but it provides powerful control over the presentation of an HTML document. It uses the <style> </style> tag for implimentation. • • • • • CSS saves time : You can write CSS once and reuse same sheet in multiple HTML pages. Easy Maintainence : To make a global change simply change the style, and all elements in all the webpages will be updated automatically. Search Engines : CSS is considered as clean coding technique, which means search engines won’t have to struggle to “read” its content. Superior styles to HTML : CSS has a much wider array of attributes than HTML, so you can give a far better look to your HTML page in comparison to HTML attributes. Offline Browsing : CSS can store web applications locally with the help of offline catche.Using of this we can view offline websites. 9 • INTRODUCTION TO JAVASCRIPT Javascript is a lightweight, cross-platform and interpreted scripting language. It is well-known for the development of web pages, many non-browser environments also use it. JavaScript can be used for client site developments as well as server side developments. JavaScript contains a standard library of objects, like Array , Date and Math, and a core set of language elements like operator, control,structure, and statements. It was created in 1995 by Brendan Eich while he was an engineer at Netscape. It was originally going to be named LiveScript but was renamed. Unlike most programming languages, the JavaScript language has no concept of input or output. It is designed to run as a scripting language in a host environment, and it is up to the host environment to provide mechanisms for communicating with the outside world. The most common host environment is the browser. 10 OUTPUT SCREEN 11 CODE <!DOCTYPE> <html> <head> <title>Hotel Management</title> <link rel="stylesheet" type="text/css" href="index.css"/> <link rel="stylesheet" type="text/css" href="dhtmlxcalendar.css"/> <script src="dhtmlxcalendar.js"></script> <style> #calendar, #calendar2, { border: 1px solid #909090; font-family: Tahoma; font-size: 12px; } </style> <script> var myCalendar; function doOnLoad() { myCalendar = new dhtmlXCalendarObject(["calendar","calendar2",]); } </script </head> <body onload="doOnLoad();"> <div id="holder"><a href="https://www.co.in"><img src="images/22.jpg" width="200px" height="100px"/></a> <div id="header"> <ul> <li><a href="login.html">Login</a></li> <li><a href="http://localhost/project/overview.html">Overview</a></li> <li><a href="http://localhost/project/rest/index.html">Restaurant</a></li> <li><a href="book.html">Booking</a></li> <li><a href="home.html">Home</a></li> </ul> </div><!--header --> <br> <div id="ab"> 12 <div id="check"> <br> <form action="check.php" method="post"> <div style="position:relative;height:80px;"> <label for="in">Check in:</label> &nbsp;&nbsp;&nbsp;&nbsp; <input id="calendar" name="in" placeholder="2015-06-02" required="" type="text"> <br><br> <label for="in">Check out:</label> &nbsp;&nbsp; <input id="calendar2" name="out" placeholder="2015-06-05" required="" type="text"> <br><br> </div> Room Type: <select name="room"> <option value="A/C">A/C</option> <option value="Non-A/C">Non-A/C</option> </select> <select name="type"> <option value="single">Single</option> <option value="double">Double</option> <option value="three">Three</option> </select> <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp; <input type="submit" name="submit" value="submit" /> <input type="reset" name="reset" value="Reset" /> </form> </div><!--chack --> &nbsp; <div id="chat"> <form action="" method="post"> <label for="in">Chat</label> <input id="chat" name="chat" placeholder="message" required=""> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" name="submit" value="submit" /> </form> </div><!--chat--> <br> <br> 13 <div id="fd"> <form action="feedback.php" method="post"> <label for="in">Feedback</label> <input id="fd" name="feed" placeholder="Type message" required=""> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" name="submit" value="submit" /> </form> </div><!--fd--> </div><!--ab--> <br clear="all"/> <div id="ac"> <h1>A/C</h1> <div id="a"> <br><br><br><br> &nbsp;&nbsp; Single Rs.2000 <br>&nbsp;&nbsp;&nbsp; <a href="video.html"><input type="submit" value="View"></a> <a href="book.html"><input type="submit" value="Booking"></a> </div><!--a--> <div id="b"> <br><br><br><br> &nbsp;&nbsp;&nbsp; Double Rs.3000 <br>&nbsp;&nbsp;&nbsp; <a href="video.html"><input type="submit" value="View"></a> <a href="book.html"><input type="submit" value="Booking"></a> </div><!--b--> <div id="c"> <br><br><br><br> &nbsp;&nbsp; Three Rs.5000 <br>&nbsp;&nbsp;&nbsp; <a href="video.html"><input type="submit" value="View"></a> <a href="book.html"><input type="submit" value="Booking"></a> </div><!--c--> </div><!--ac--> <div id="offer"> <h1>Special Offers</h1> 14 <div id="a1"><p>&nbsp;</p> <br><br> Single Bed<br> Three Booking<br>For <b>5</b>% discount </div><!--a1--> <div id="b1"><p>&nbsp;</p><br> <br> Double Bed<br> Three Booking<br> For <b>10</b>% discount </div><!--b1--> <div id="c1"><p>&nbsp;</p><br> <br> Three Bed<br> Three Booking<br> For <b>15</b>% discount </div><!--c1--> </div><!--offer--> <div id="nonac"> <h1>Non-A/C</h1> <div id="a2"> &nbsp;<p>&nbsp;</p> &nbsp;&nbsp; Single Rs.1000 <br>&nbsp;&nbsp;&nbsp; <a href="video.html"><input type="submit" value="View"></a> <a href="book.html"><input type="submit" value="Booking"></a> </div><!--a2--> <div id="b2"> &nbsp;<p>&nbsp;</p> &nbsp;&nbsp; Double Rs.2000 <br>&nbsp;&nbsp;&nbsp; <a href="video.html"><input type="submit" value="View"></a> <a href="book.html"><input type="submit" value="Booking"></a> </div><!--b2--> <div id="c2"> &nbsp;<p>&nbsp;</p> &nbsp;&nbsp; Three Rs.3500 <br>&nbsp;&nbsp;&nbsp; <a href="video.html"><input type="submit" value="View"></a> <a href="book.html"><input type="submit" value="Booking"></a> </div><!--c2--> </div><!--nonac--> 15 <div id="rest"> <h1>Special Dishes</h1> <div id="a3"> </div> <div id="b3"> <a href="#"></a> </div> <div id="c3"> </div> </div><!--rest--> </div><!--holder --> </body> </html> Output screen 16 Code <!DOCTYPE> <html> <head> <title>Booking</title> <link rel="stylesheet" type="text/css" href="book.css"/> <link rel="stylesheet" type="text/css" href="dhtmlxcalendar.css"/> <script src="dhtmlxcalendar.js"></script> <style> #calendar, #calendar2, #calendar3, #calendar4, { border: 1px solid #909090; font-family: Tahoma; font-size: 12px; } </style> <script> var myCalendar; function doOnLoad() { myCalendar = new dhtmlXCalendarObject(["calendar","calendar2","calendar3","calendar4" ,]); } </script> 17 </head> <body onload="doOnLoad();"> <div id="holder"><a href="https://www.co.in"><img src="images/22.jpg" width="200px" height="100px"/></a> <div id="header"> <ul> <li><a href="login.html">Login</a></li> <li><a href="overview.html">Overview</a></li> <li><a href="rest/index.html">Restaurant</a></li> <li><a href="book.html">Booking</a></li> <li><a href="index.html">Home</a></li> </ul> </div><!--header --> <div id="ab"> <div id="check"> <br> <form action="check.php" method="post"> <div style="position:relative;height:80px;"> <label for="in">Check in:</label> &nbsp;&nbsp;&nbsp;&nbsp; <input id="calendar" name="in" placeholder="201506-02" required="" type="text"> <br><br> <label for="in">Check out:</label> &nbsp;&nbsp; <input id="calendar2" name="out" placeholder="201506-05" required="" type="text"> <br><br> </div> Room Type: <select name="room"> <option value="A/C">A/C</option> <option value="Non-A/C">Non-A/C</option> 18 </select> <select name="type"> <option value="single">Single</option> <option value="double">Double</option> <option value="three">Three</option> </select> <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" name="submit" value="submit" /> <input type="reset" name="reset" value="Reset" /> </form> </div><!--chack --> &nbsp; <div id="chat"> <form action="" method="post"> <label for="in">Chat</label> <input id="chat" name="chat" placeholder="message" required=""> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" name="submit" value="submit" /> </form> </div><!--chat--> <br> <br> <div id="fd"> 19 <form action="feedback.php" method="post"> <label for="in">Feedback</label> <input id="fd" name="feed" placeholder="Type message" required=""> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" name="submit" value="submit" /> </form> </div><!--fd--> </div><!--ab--> <div id="book"> <h1>Booking</h1> <div id="a1"> <p>&nbsp;</p> <form action="book.php" method="post"> <label for="name">Name:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <input id="name" name="name" placeholder="Full Name" required="" tabindex="1" type="text"><br><br> <label for="email">Email</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input id="email" name="email" placeholder="Email" required="" type="email"><br><br> 20 <label for="mobile">Mobile No:</label> &nbsp; <input id="phone" name="mobile" placeholder="Number" required="" type="text"> <br><br> <div style="position:relative;height:80px;"> <label for="in">Check in:</label> &nbsp;&nbsp;&nbsp;&nbsp; <input id="calendar3" name="in" placeholder="201506-02" required="" type="text"> <br><br> <label for="out">Check out:</label> &nbsp;&nbsp; <input id="calendar4" name="out" placeholder="201506-05" required="" type="text"> <br><br> </div> Room Type: <select name="room"> <option value="A/C">A/C</option> <option value="Non-A/C">Non-A/C</option> </select> <select name="type"> <option value="single">Single</option> <option value="double">Double</option> <option value="three">Three</option> </select> <br/><br/><br/> <a href="payment.html"><input type="submit" name="submit" value="Book"/></a> <input type="reset" name="reset" value="Reset" /> </form> </div><!--a1--> 21 </div><!--book--> <div id="rest"> <h1>Special Dishes</h1> <div id="a3"> </div> <div id="b3"> </div> <div id="c3"> </div> </div><!--rest--> </div><!--holder--> </body> </html> OUTPUT SCREEN 22 CODE <!DOCTYPE> <html> <head> <title>login</title> <link rel="stylesheet" type="text/css" href="login.css"/> <script type="text/javascript"> function clicked() { alert('Successfully submitted'); } $("#formname").resetForm(); </script> </head> <body> <div id="holder"><a href="https://www.co.in"><img src="images/22.jpg" width="200px" height="100px"/></a> <div id="header"> <ul> <li><a href="login.html">Login</a></li> <li><a href="overview.html">Overview</a></li> <li><a href="rest/index.html">Restaurant</a></li> <li><a href="book.html">Booking</a></li> <li><a href="index.html">Home</a></li> </ul> </div><!--header --> <div id="login"> <br> <h1> Login</h1> <div id="p"><br><br><br> 23 <form action="login.php" method="post"> <label for="number">Room Number:</label>&nbsp;&nbsp; <input id="" name="rnumber" placeholder="Number" required="" type="text"> <br><br> &nbsp;&nbsp;&nbsp; <label for="number">Room Id:</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input id="" name="rid" placeholder="Id" required="" type="text"> <br><br> Cancel: <input type="radio" name="cancel" value="yes">Yes <input type="radio" name="cancel" value="no">No <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" name="submit" value="Ok"/> </form> </div><!--p--> </div><!--login--> </div><!--holder--> </body> </html> REFRENCE 1. https://www.geeksforgeeks.org/top-10projects-for-beginners-to-practice-html-andcss-skills/ 2. https://www.w3schools.com/html/ 24