Professional Documents
Culture Documents
SCIENCE
AND APPLICATION
INDUSTRIAL TRAINING
REPORT
(Transportation Website )
Submitted To :- Submitted By :-
Ms.Charu Mam Abhay Garg
Assistant Professor Roll No :- B40521073
C.S.A. Department BCA 3th SEMESTER
2) Problem Definition 4
3) Aim 4
4) Objective 5
5) Goal 5
6) Need of System 6
1) Introduction 7
2) System Environment 7
3) Software Requirement 7
4) Hardware Requirement 7
2) Project Scope 8
3) Existing System 8
4) Proposed System 8
5) System Description 9
2) HTML 10
3) CSS 10 to 11
4) SQL,Java 11 to 12
1) Introduction 13
2) Conceptual Design 13
3) ER Diagram 14
4) Logical Design 14
5) Physical Design 14 to 15
Chapter 7.Coding 21 to 53
Chapter 8. Conclusion
3) Future Scope 55
Problem Definition
Managing your Online Transportation Website may seem tricky, but this
is part of Customer Service System (application support direct contact
with customer)
Aim:
Objective:
This software helps customer to Books Trucks And Transports . It is
designed such a way that one can work According to persons and
according to meal plan from anywhere. The software will help in
easy maintaining and updating Booking of Transports information
in the website for the administrator. Also the user can cancel and
check his Booking And Supply history.
Goal:
The Framers and Industry are handle the entire advance
Transportation Website to , which is very tedious and
mismanaged.
Project Scope:
Proposed System:
The Online Transportation Website is available in the market that
can serve customers to book Transports to Supply goods and
materials to all over the India and view our booking status online.
System Overview:
Admin Modules
Manage Users
BCA 3th Sem 8 ABHAY GARG ( B40521073)
Manage Feedback
Book Trucks
View Booking
Cancel Booking
Implementation issue
PYTHON-
Python is a programming language that lets you work quickly and integrate systems
more efficiently.
HTML-
HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted
in a file intended for display on a World Wide Web browser page. The markup tells
the Web browser how to display a Web page's words and images for the user. Each
individual markup code is referred to as an element (but many people also refer to it
as a tag). Some elements come in pairs that indicate when some display effect is to
begin and when it is to end.
Cascading Style Sheets (CSS) are a collection of rules we use to define and modify
web pages. CSS are similar to styles in Word. CSS allow Web designers to have
much more control over their pages look and layout. For instance, you could create
a style that defines the body text to be Verdana, 10 point. Later on, you may easily
CSS can control the placement of text and objects on your pages as well as the look
of those objects. HTML information creates the objects (or gives objects meaning),
but styles describe how the objects should appear. The HTML gives your page
structure, while the CSS creates the “presentation”. An external CSS is really just a
text file with a .css extension. These files can be created with Dreamweaver, a CSS
editor, or even Notepad. The best practice is to design your web page on paper first
so you know where you will want to use styles on your page. Then you can create
the styles and apply them to your page.
JAVA SCRIPT-
JavaScript is a client-side scripting language, which means the source code is pro-
cessed by the client's web browser rather than on the web server. This means JavaS-
cript functions can run after a web-page has loaded without COMMUNICATING with
the server. For example, a JavaScript function may check a web form before it is sub-
mitted to make sure all the required fields have been filled out. The JavaScript code
can produce an error message before any information is actually transmitted to the
server.
Like server-side scripting languages, such as PHP and ASP, JavaScript code can be in-
serted anywhere within the HTML of a web-page. However, only the output of
server-side code is displayed in the HTML, while JavaScript code remains fully visible
Use case diagram consists of use cases and actors and shows the interaction
between them. The key points are:
The main purpose is to show the interaction between the use cases and the
actor.
The use cases are the functions that are to be performed in the module.
A Data Flow Diagram (DFD) is a graphical representation of the "flow" of data through an
Information System. A data flow diagram can also be used for the visualization of Data
Processing. It is common practice for a designer to draw a context-level DFD first which
shows the interaction between the system and outside entities. This context-level DFD is
then "exploded" to show more detail of the system being modeled.
A DFD represents flow of data through a system. Data flow diagrams are commonly used
during problem analysis. It views a system as a function that transforms the input into de -
sired output. A DFD shows movement of data through the different transformations or pro-
cesses in the system.
Dataflow diagrams can be used to provide the end user with a physical idea of where the
data they input ultimately has an effect upon the structure of the whole system from order
to dispatch to restock how any system is developed can be determined through a dataflow
diagram. The appropriate register saved in database and maintained by appropriate author-
ities.
Function
File/Database
Input/output
Flow
CHAPTER -6
Output screens
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/
lightgallery.min.css">
<script src="https://kit.fontawesome.com/887a835504.js"
crossorigin="anonymous"></script>
</head>
<body>
<!-- header section starts -->
<section class="header">
<a href="#" class="logo"> Garg Transport </a>
<nav class="navbar">
<a href="index.html">Home</a>
<a href="nosotros.html">Information</a>
<a href="servicios.html">Service</a>
<a href="equipo.html">Us</a>
<a href="contacto.html">Contact</a>
</nav>
</section>
<div class="swiper-wrapper">
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</section>
<section class="beneficios">
<div class="linea-beneficios"></div>
<div class="cont-beneficios">
<div class="item-beneficios">
<img src="images/entrega-rapida.png" class="img-beneficios">
<h3 class="subtitle-beneficios">Entregas rapidas</h3>
<p class="p-beneficios-02">Contamos con unidades de reciente
modelo para cacidad de carga de 10 tons. óptima para movimiento de
montacargas, elev articulados, vehículos chicos, maquinaria, entre
otros.</p>
</div>
<div class="item-beneficios">
<img src="images/satelite.png" alt="" class="img-beneficios">
<h3 class="subtitle-beneficios">Monitoreo satelital</h3>
<div class="item-beneficios">
<img src="images/logistica.png" alt="" class="img-beneficios">
<h3 class="subtitle-beneficios">Logistica</h3>
<p class="p-beneficios-02">Todos nuestros operadores están
equipados con télefono movil que nos permite el monitoreo continuo en
cada embarque, así como la disponibilidad de unidades.</p>
</div>
</div>
</section>
<section class="conocenos">
<div class="cont-cons-1">
<div class="item-cons">
<h2 class="title-cons">Conocenos</h2>
<h3 class="title-cons">Servicio eficaz y responsable</h3>
<p class="p-cons">Somos una empresa dedicada al transporte de
personal nos consideramos los mejores aliados para ayudar a una
empresa en el crecimiento y desarrollo trasladando a su capital humano
de manera rápida, confiable y segura.</p>
</div>
</div>
<div class="item-cons">
<h3 class="title-cons">Servicio eficiente</h3>
<p class="p-cons">Nuestro cliente es lo más importante por ello
nuestro servicio de transporte es rápido y eficiente.</p>
</div>
<div class="item-cons">
<h3 class="title-cons">Seguro en el camiono</h3>
<p class="p-cons">Brindamos total tranquilidad y seguridad a
nuestros clientes.</p>
</div>
</div>
</section>
<main>
<div class="container__box">
<div class="box">
<i class="fas fa-cogs"></i>
<h5>Servicio Industrial</h5>
<h4>Servicio Industrial</h4>
</div>
</main>
<footer>
<div class="linea-foter"></div>
<div class="container-footer-all">
<div class="container-body">
<div class="colum1">
<h1>Gar Transport</h1>
</div>
<div class="colum2">
<h1>Links</h1>
<br>
<div class="cont-footer">
<ul class="list-fot">
</ul>
</div>
</div>
<div class="colum2">
<h1>Redes Sociales</h1>
<div class="row">
<img src="images/facebook.png">
<label>Siguenos en Facebook</label>
</div>
<div class="row">
<img src="images/twitter.png">
<label>Siguenos en Twitter</label>
</div>
<div class="row">
<img src="images/instagram.png">
<label>Siguenos en Instagram</label>
</div>
</div>
<div class="colum3">
<h1>Informacion Contactos</h1>
<div class="row2">
<img src="images/mapa.png">
<label>8,Punjabi Colony Sector B4 Narela Delhi:</label>
<div class="row2">
<img src="images/llamada-telefonica.png">
<label>+91 7703947494</label>
</div>
<div class="row2">
<img src="images/email(1).png">
<label>Abhaygarg202@gmail.com</label>
</div>
</div>
</div>
</div>
<div class="container-footer">
<div class="footer">
<div class="copyright">
© 2022 Todos los Derechos Reservados | <a href="#">Garg
Transport</a>
</div>
<div class="information">
<a href="">Informacion Compañia</a> | <a
href="@">Privacion y Politica</a> | <a href="">Terminos y
Condiciones</a>
</div>
</div>
</div>
<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>
<script>
lightGallery(document.querySelector('.gallery .gallery-container'));
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>
<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<script>
lightGallery(document.querySelector('.projects .box-container'));
</script>
</body>
</html>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/
lightgallery.min.css">
<link href="https://cdn.lineicons.com/3.0/lineicons.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/887a835504.js"
crossorigin="anonymous"></script>
<section class="header">
<nav class="navbar">
<a href="index.html">Home</a>
<a href="nosotros.html">Information</a>
<a href="servicios.html">Service</a>
<a href="equipo.html">Query</a>
<a href="contacto.html">Contact</a>
</nav>
</section>
<section class="cotiz">
<h1 class="title-cotiz">Contact</h1>
<p class="p-cotiz">Garg Transport</p>
</section>
<section class="contact">
<div class="icons-container">
<div class="icons">
<i class="fas fa-clock"></i>
<h3> Horario :</h3>
<p>00:07am to 00:06pm</p>
</div>
<div class="icons">
<i class="fas fa-phone"></i>
<h3>TelePHONE :</h3>
<p>+91 07703947494</p>
<p>+91 9588193828</p>
</div>
<div class="icons">
<i class="fas fa-envelope"></i>
<h3> Email : </h3>
<p>ABHAYA@gmail.com</p>
<p>ABHAYA@gmail.com</p>
</div>
<div class="icons">
<i class="fas fa-map"></i>
<h3>Address :</h3>
<p>8,Punjabi Colony
</div>
<div class="row">
<div class="image">
<iframe class="map"
src="https://www.google.co.in/maps/@28.6981339,77.1600196,15z?
hl=en" width="800" height="480" style="border:0;" allowfullscreen=""
loading="lazy"></iframe>
</div>
<form action="">
<h3>Contact </h3>
<input type="text" placeholder="Phone Number" class="box">
<input type="email" placeholder="Email" class="box">
<input type="text" placeholder="Service Need" class="box">
<input type="number" placeholder="TeleGram" class="box">
<textarea name="" class="box" placeholder="Message" id=""
cols="30" rows="10"></textarea>
<input type="submit" value="Sumit" class="btn">
</form>
</div>
</section>
<div class="container-body">
<div class="colum1">
<h1>Garg Transport</h1>
</div>
<div class="colum2">
<h1>Links</h1>
<br>
<div class="cont-footer">
<ul class="list-fot">
</ul>
</div>
</div>
<div class="colum2">
<h1>Redes Sociales</h1>
<div class="row">
<img src="images/facebook.png">
<label>Siguenos en Facebook</label>
</div>
<div class="row">
<img src="images/twitter.png">
<label>Siguenos en Twitter</label>
</div>
<div class="row">
<img src="images/instagram.png">
<label>Siguenos en Instagram</label>
</div>
<div class="colum3">
<h1>Informacion Contactos</h1>
<div class="row2">
<img src="images/mapa.png">
<label>8,Punjabi Colony Sector B4 Narela Delhi:
Casa # 27</label>
</div>
<div class="row2">
<img src="images/llamada-telefonica.png">
<label>+91 07703947494</label>
</div>
<div class="row2">
<img src="images/email(1).png">
<label>GargTransport@gmail.com</label>
</div>
</div>
</div>
</div>
<div class="container-footer">
<div class="footer">
<div class="copyright">
© 2022 All rights reserved | <a href="#">Garg Transport</a>
<div class="information">
<a href="">Informacion</a> | <a href="@">Privacion y
Politica</a> | <a href="">Terminos y Condiciones</a>
</div>
</div>
</div>
</footer>
<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>
<script>
lightGallery(document.querySelector('.gallery .gallery-container'));
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>
<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<script>
lightGallery(document.querySelector('.projects .box-container'));
</script>
</body>
</html>
<html lang="es">
<head>
<meta charset="UTF-8">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/
lightgallery.min.css">
<link href="https://cdn.lineicons.com/3.0/lineicons.css"
rel="stylesheet">
<script src="https://kit.fontawesome.com/887a835504.js"
crossorigin="anonymous"></script>
</head>
<body>
<section class="header">
<nav class="navbar">
<a href="index.html">Inicio</a>
<a href="nosotros.html">Nosotros</a>
<a href="servicios.html">Servicios</a>
<a href="equipo.html">Equipos</a>
<a href="contacto.html">Contacto</a>
</nav>
</section>
<section class="about-02">
<h1 class="title-about">Nosotros</h1>
</section>
<section class="valores">
<div class="cont-valores">
<div class="item-valores">
<h3 class="subtitle-valores">Vision</h3>
</div>
<div class="item-valores">
<h3 class="subtitle-valores">Mision</h3>
</div>
<div class="item-valores">
<h3 class="subtitle-valores">Experiencia</h3>
</p>
</div>
</div>
<section class="about">
<div class="image">
<img src="images/about-005.jpg
" alt="">
</div>
<div class="content">
<div class="icons-container">
<div class="icons">
<h3>+850</h3>
<span>Trabajadores</span>
</div>
<h3>+340</h3>
<span>Camiones laborando</span>
</div>
<div class="icons">
<h3>+23</h3>
<span>Años de experiencia</span>
</div>
</div>
</div>
</section>
<div class="carrusel">
<div class="carrusel-items">
<div class="carrusel-item">
</div>
<div class="carrusel-item">
<div class="carrusel-item">
</div>
<div class="carrusel-item">
</div>
<div class="carrusel-item">
</div>
<div class="carrusel-item">
</div>
<div class="carrusel-item">
</div>
<div class="carrusel-item">
</div>
<div class="carrusel-item">
</div>
<div class="carrusel-item">
<div class="carrusel-item">
</div>
<div class="carrusel-item">
</div>
</div>
</div>
<footer>
<div class="linea-foter"></div>
<div class="container-footer-all">
<div class="container-body">
<div class="colum1">
<h1>Trends</h1>
</div>
<div class="colum2">
<h1>Links</h1>
<div class="cont-footer">
<ul class="list-fot">
<br>
<br>
<br>
<br>
<br>
</ul>
</div>
</div>
<div class="colum2">
<h1>Redes Sociales</h1>
<img src="images/facebook.png">
<label>Siguenos en Facebook</label>
</div>
<div class="row">
<img src="images/twitter.png">
<label>Siguenos en Twitter</label>
</div>
<div class="row">
<img src="images/instagram.png">
<label>Siguenos en Instagram</label>
</div>
</div>
<div class="colum3">
<h1>Informacion Contactos</h1>
<div class="row2">
<img src="images/mapa.png">
</label>
</div>
<div class="row2">
<img src="images/llamada-telefonica.png">
<label>+91 07703947494</label>
<div class="row2">
<img src="images/email(1).png">
<label>Abhayagarg@gmail.com</label>
</div>
</div>
</div>
</div>
<div class="container-footer">
<div class="footer">
<div class="copyright">
</div>
<div class="information">
</div>
</div>
</div>
</footer>
<script src="js/main.js"></script>
<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<script src="js/script.js"></script>
<script>
lightGallery(document.querySelector('.gallery .gallery-container'));
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>
<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<script src="js/script-01.js"></script>
<script>
lightGallery(document.querySelector('.projects .box-container'));
</script>
</body>
</html>
Data Security
Besides the above achievements and the successful completion of the project, we
still feel the project has some limitations, listed as below:
This web application involves almost all the features of the online book trucks and cars. The
future implementation will be online help for the customers to Books with website
administrator.
CONCLUSION
The project entitled “Online Transportation Website ” is developed using HTML, CSS and
Javascript as front end and Python language and Sqlite database in back end to computerize
the process of online Transportation Website. This project covers only the basic features
required.
Bibliography
We made this program self and with Help of Teacher