JSP Web Technology Application on Road Transport Services
-
Upload
mujeeb-rehman -
Category
Technology
-
view
310 -
download
1
description
Transcript of JSP Web Technology Application on Road Transport Services
Abhay Chamber, Jalori Gate, Jodhpur-342001 Ph.2614914 [email protected] NIIT
Mujeeb Rehman,
Tanuj Khendelwal & Shreyansh Hinger
NIIT
2
Project: National Transport Company
Batch Code: B140109
Semester Code: SMDRD Start Date: 1st September 2014 End Date: 6th November 2014 Coordinator: Vinod Chauhan Project Team: Mujeeb Rehman, Tanuj Khandelwal & Shreyansh Hinger Project Submission Date: Monday, 3rd November 2014
3
Certificate
This is certifying that thesis work on, “National Transport Company” is
a bonfire work has been successfully carried out and submitted in the
fulfillment of the requirement for the Semester - D of GNIIT (Software
Engineering) from NIIT. It is certified that all correction/suggestion
indicated for the internal assessment have been incorporated in the
thesis. The thesis has been approved as it satisfied the academic
requirement in respect of minor work prescribed for the software
engineering (GNIIT). This thesis is done under the guidance of “Mr.
Vinod Chauhan” (Faculty for Semester D, of GNIIT) by “Mujeeb Rehman,
Tanuj Khendelwal and Shreyansh Hinger” of Semester “D - SMDRD”
GNIIT (Software Engineering).
Mr. Mukesh Bansal Mr. Kuldeep Singh Ms. Ritika Maheshwari
(Director) (Head of Center) (GL Tech.)
4
Acknowledgement
We are very thankful to everyone who supported us for this project and
gives their guidance to complete our thesis work effectively and
moreover on time.
We are equally grateful to our faculty Mr. Vinod Chauhan, who gave us
moral support and guided us in different matters and solutions
regarding the topic.
We feel immensely proud in extending our heartiest thanks to Mr
Mukesh Bansal, Director of NIIT (Jodhpur), Ms Ritika Maheshwari (GL
Tech.), for providing us a platform to improve in various fields. They
went out of their way and provide us with openhearted help and
counsel. They have been a source of inspiration for us and their
experience and knowledge have helped us in learning and giving this
project the shape it has assumed.
Mujeeb Rehman,
Tanuj Khendelwal,
Shreyansh Hinger
5
System Requirements
• CPU
• Monitor
• Keyboard
• Mouse
• 2GB RAM (Minimum)
• 100 GB HDD (Minimum)
Hardware Requirement
• Net Beans IDE 8.0.1 or higher
• Java Development Kit (JDK) jdk1.8.0 or higher
• Java Web Components
• Java JSP Web Plugins
• Browsers- Google Crome, Internet Explorer 10 or above, Opera, Mozila Firefox.
Software Requirement
• Microsoft Windows 7, Windows 8/8.1
• MAC OS X
• Ubuntu
• Linux
Operating System Can Run On
6
Contents
Section Page no.
1. Home 07
2. Network 14
3. Services 23
4. Tracking 32
5. Testimonial 37
6. Know Us (AboutUs) 42
7. ContactUs 59
8. Branch Manager Login Form 63
9. Branch Manager Home 68
10. New Installed Trucks 71
11. Trucks Status and Change Status 77
12. Trucks To Branch 83
13. Customer To Manager Queries & Feedback 12
14. Contact Administrator 90
15. Administrator Login 96
16. Administrator Home Portal 98
17. Administrator Find Manager 103
18. Administrator Register New Manager for a Branch 116
19. Administrator Attach a New Truck/Vehicle 122
20. Administrator Search Truck 129
21. Manager Queries and Feedback 133
22. Be Our Associate 140
23. Attach Your Vehicle 141
24. Apply For Branch 151
25. Common Header Page, Manager Header Page & Footer 158
7
Section #1 Home
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Transport Company</title>
<!-- jQuery Plugin -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<!-- Preloader --><script type="text/javascript">// <![CDATA[
$(window).load(function () {
$("#spinner").fadeOut("slow");
})
// ]]></script>
8
<link href="IndexPageCss/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!----- theme-style ------>
<link href="IndexPageCss/style.css" rel="stylesheet" type="text/css" media="all" />
<!----- //theme-style ------>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() {
setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!---script--->
<script src="IndexPageJs/jquery.min.js"></script>
<script type="text/javascript" src="IndexPageJs/move-top.js"></script>
<script type="text/javascript" src="IndexPageJs/easing.js"></script>
<script src="IndexPageJs/menu_jquery.js"></script>
<!---script--->
<!---- animated-css ---->
<link href="IndexPageCss/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="IndexPageJs/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!---- animated-css ---->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<!--This is the style codes of services part -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
9
<meta name="keywords" content="" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="ServicesCss/default.css" />
<link rel="stylesheet" type="text/css" href="ServicesCss/component.css" />
<script src="ServicesJs/modernizr.custom.js"></script>
<!--End of style codes of services part-->
<!--textbox styles -->
<link rel="stylesheet" type="text/css" href="TrackingCss/TrackingTextBoxCSS.css" />
<link rel="stylesheet" type="text/css" href="IndexPageCss/loader.css">
</head>
<body>
<!-- Preloader -->
<div id="spinner"></div>
<!----header---->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.jsp"><img src="IndexPageImages/FinalLogo.png"></a>
</div>
<div class="top-nav">
<div class="top-nav-left">
<span class="menu"> </span>
<ul>
<li><a href="index.jsp">home</a></li>
<li><a href="AboutUsPg.jsp">KnowUs</a></li>
10
<li><a href="#network" class="scroll">network</a></li>
<li><a href="#services" class="scroll" >services</a></li>
<li><a href="#tracking" class="scroll">tracking</a></li>
<li><a href="#testimonial" class="scroll">testimonial</a></li>
<li><a href="ContactUsPg.jsp">contactUs</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!---- script-nav ---->
<script>
$("span.menu").click(function () {
$(".top-nav-left ul").slideToggle(500, function () {
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$(".scroll").click(function (event) {
event.preventDefault();
$('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
});
});
</script>
<!---- script-nav ---->
</div>
<div class="clearfix"> </div>
11
</div>
</div>
</div>
<!----//header---->
<!----banner---->
<!----start-slider-script---->
<script src="IndexPageJs/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
12
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container" id="home">
<ul class="rslides" id="slider4">
<li>
<img src="IndexPageImages/banner1.jpg" alt="">
<div class="caption bounceInDown" >
<div class="slide-text-info">
<h1>Safety, Service & Speed</h1>
<p></p><br><br><br>
<a class="banner-btn wow bounceIn" data-wow-delay="0.4s"
href="BeOurAssociatePg.jsp">Be Our Associate</a>
</div>
</div>
</li>
<li>
<img src="IndexPageImages/banner2.jpg" alt="">
<div class="caption">
<div class="slide-text-info bounceInDown" >
<h1>Super Load Movers</h1>
<p></p><br><br><br>
<a class="banner-btn wow bounceIn" data-wow-delay="0.4s"
href="BeOurAssociatePg.jsp">Be Our Associate</a>
</div>
</div>
</li>
<li>
13
<img src="IndexPageImages/banner3.jpg" alt="">
<div class="caption">
<div class="slide-text-info bounceInDown" >
<h1>Cost Effective, Fast & Reliable</h1>
<p></p><br><br><br>
<a class="banner-btn wow bounceIn" data-wow-delay="0.4s"
href="BeOurAssociatePg.jsp">Be Our Associate</a>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!----- //End-slider---->
<!---//banner--->
<!----content---->
14
Section #2 Network
<!----Network---->
<div class="container">
<div id="network" class="content-network">
<div class="content-top">
<img class="ball wow bounceIn" data-wow-delay="0.4s" src="IndexPageImages/ball.png">
<h2> our Network is the presentation of our capabilities</h2>
<p class="para"> "Our Company involve movement of bulk loads from ports, airports and
railheads to warehouses and depots, bulk movements between facilities such as warehouses or
depots, or delivery of smaller consignment from a local warehouse or depot to end users at a
number of destinations in an area.</p>
<!--<p class="para-p">.........................</p>-->
15
</div>
<div class="content-top-top wow bounceIn" data-wow-delay="0.4s">
<form action="ShowNetworkDetailsPg.jsp" method="post" target="iframe_b">
<input list="state" name="state" placeholder="SELECT STATE">
<datalist id="state" >
<option value="Andhra Pradesh">
<option value="Arunachal Pradesh">
<option value="Assam">
<option value="Bihar"></option>
<option value="Chandigarh"></option>
<option value="Chattisgarh"></option>
<option value="Goa"></option>
<option value="Gujarat"></option>
<option value="Haryana"></option>
<option value="Himachal Pradesh"></option>
<option value="Jharkhand"></option>
<option value="Karnataka"></option>
<option value="Kerala"></option>
<option value="Madhya Pradesh"></option>
<option value="Maharashtra"></option>
<option value="Punjab"></option>
<option value="Rajasthan"></option>
<option value="Tamil Nadu"></option>
<option value="Telangana"></option>
<option value="Uttar Pradesh"></option>
<option value="Uttarakhand"></option>
<option value="West Bengal"></option>
16
</datalist>
<input list="city" name="city" placeholder="SELECT CITY">
<datalist id="city">
<option value="Vijayawada">
<option value="Visakhapatnam">
<option value="Guntur"><option value="Nellore"></option> <option
value="Tirupati"></option><option value="Chittoor"></option><option value="Aalo"></option>
<option value="Itanagar"></option><option value="Naharlagun"></option><option
value="Pasighat"></option><option value="Dispur"></option><option value="Guwahati"></option>
<option value="Nalanda"></option>
<option value="Patna"></option>
<option value="Rajgir"></option>
<option value="Vaishali"></option>
<option value="Chandigarh"></option>
<option value="Bilaspur"></option>
<option value="Bhilai"></option>
<option value="Jagdalpur"></option>
<option value="Raipur"></option>
<option value="Mapusa"></option>
<option value="Margao"></option>
<option value="Panajim"></option>
<option value="Vasco Da Gama"></option>
<option value="Ahmedabad"></option>
<option value="Bharuch"></option>
<option value="Gandhi Nagar"></option>
<option value="Panchmahal(Godhara)"></option>
<option value="Porbandar"></option>
<option value="Gandhidham"></option>
17
<option value="Junagadh"></option>
<option value="Jamnagar"></option>
<option value="Rajkot"></option>
<option value="Surat"></option>
<option value="Vadodara"></option>
<option value="Gurgaon"></option>
<option value="Faridabad"></option>
<option value="Dalhousie"></option>
<option value="Dharamsala"></option>
<option value="Kullumanali"></option>
<option value="Shimla"></option>
<option value="Baramulla"></option>
<option value="Jammu"></option>
<option value="Poonch"></option>
<option value="Srinagar"></option>
<option value="ladakh"></option>
<option value="Ranchi"></option>
<option value="Bangalore"></option>
<option value="Hubli"></option>
<option value="Mangalore"></option>
<option value="Mysore"></option>
<option value="Calicut"></option>
<option value="Cochin"></option>
<option value="Thiruvananthapuram"></option>
<option value="Bhopal"></option>
<option value="Gwalior"></option>
<option value="Indore"></option>
18
<option value="Jabalpur"></option>
<option value="Ratlam"></option>
<option value="Ujjain"></option>
<option value="Aurangabad"></option>
<option value="Kolhapur"></option>
<option value="Mumbai"></option>
<option value="Nagpur"></option>
<option value="Nashik"></option>
<option value="Pune"></option>
<option value="Imphal"></option>
<option value="Shillong"></option>
<option value="Cherrapunjee"></option>
<option value="Aizawl"></option>
<option value="Kohima"></option>
<option value="Bhubaneswar"></option>
<option value="Puri"></option>
<option value="Puducherry"></option>
<option value="Amritsar"></option>
<option value="Jalandhar"></option>
<option value="Ludhiana"></option>
<option value="Ajmer"></option>
<option value="Alwar"></option>
<option value="Bikaner"></option>
<option value="Churu"></option>
<option value="Jaipur"></option>
<option value="Jaisalmer"></option>
<option value="Jodhpur"></option>
19
<option value="Udaipur"></option>
<option value="Kota"></option>
<option value="Bikaner"></option>
<option value="Sri Ganganagar"></option>
<option value="Gangtok"></option>
<option value="Chennai"></option>
<option value="Coimbatore"></option>
<option value="Madurai"></option>
<option value="Tirichy"></option>
<option value="Hyderabad"></option>
<option value="Warangal"></option>
<option value="Agartala"></option>
<option value="Agra"></option>
<option value="Allahabad"></option>
<option value="Kanpur"></option>
<option value="Lucknow"></option>
<option value="Varanasi"></option>
<option value="Dehradun"></option>
<option value="Nainital"></option>
<option value="Kolkata"></option>
<option value="Darjeeling"></option>
<option value="Howrah"></option>
<option value="Kharagpur"></option>
</datalist>
<input type="submit" value="SHOW ME NETWORK!">
</form>
</div>
20
<div class="tab">
<iframe style="width:100%;height:600px; background-image:
url(IndexPageImages/NETWORK.jpg)" name="iframe_b" src="ShowNetworkDetailsPg.jsp"
frameborder=""></iframe>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!----Network---->
Code for Processing Network Details in iframe tag:
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*" %>
<%
String state = request.getParameter("state");
String city = request.getParameter("city");
if (state.length() > 0 && city.length() > 0) {
21
try {
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("select * from IndianCities where statename
='"+state+"' and cityname='"+city+"'");
//ps.setString(1,n);
out.print("<br>");
ResultSet rs = ps.executeQuery();
out.print("<table align='center' bgcolor='LightYellow ' border='1' cellspacing=1 cellpadding=2
id='myTable'>");
out.print("<caption><h1>Network</h1></caption>");
while (rs.next()) {
out.print("<tr bgcolor='DeepSkyBlue '><td colspan='2'><B>" + rs.getString(3) +
"</B></td></tr>");
//out.print("<tr><td><B>CityName</B></td><td>" + rs.getString(3) + "</td></tr>");
out.print("<tr><td width='100'><B>Address</B></td><td>" + rs.getString(4) + "</td></tr>");
out.print("<tr><td><B>Telephone</B></td><td>" + rs.getString(5) + "</td></tr>");
out.print("<tr><td><B>Fax</B></td><td>" + rs.getString(6) + "</td></tr>");
out.print("<tr><td><B>Mobile</B></td><td>" + rs.getString(7) + "</td></tr>");
out.print("<tr><td><B>Email</B></td><td>" + rs.getString(8) + "</td></tr>");
out.print("<tr><td><B>Website</B></td><td>" + rs.getString(9) + "</td></tr>");
out.print("<tr bgcolor='DeepSkyBlue '><td colspan='2'><B>" + rs.getString(3) + " Admn.&
Delivery</B></td></tr>");
out.print("<tr><td><B>Address</B></td><td>" + rs.getString(10) + "</td></tr>");
out.print("<tr><td><B>Telephone</B></td><td>" + rs.getString(11) + "</td></tr>");
out.print("<tr><td><B>Fax</B></td><td>" + rs.getString(12) + "</td></tr>");
out.print("<tr><td><B>Mobile</B></td><td>" + rs.getString(13) + "</td></tr>");
out.print("<tr><td><B>Email</B></td><td>" + rs.getString(14) + "</td></tr>");
22
out.print("<tr><td><B>Website</B></td><td>" + rs.getString(15) + "</td></tr>");
out.print("<tr bgcolor='DeepSkyBlue'><td colspan='2'><B>" + rs.getString(3) + " Booking
Office</B></td></tr>");
out.print("<tr><td><B>Address</B></td><td>" + rs.getString(16) + "</td></tr>");
out.print("<tr><td><B>Telephone</B></td><td>" + rs.getString(17) + "</td></tr>");
out.print("<tr><td><B>Fax</B></td><td>" + rs.getString(18) + "</td></tr>");
out.print("<tr><td><B>Mobile</B></td><td>" + rs.getString(19) + "</td></tr>");
out.print("<tr><td><B>Email</B></td><td>" + rs.getString(20) + "</td></tr>");
out.print("<tr><td><B>Website</B></td><td>" + rs.getString(21) + "</td></tr>");
}
out.print("</table>");
con.close();
} catch (Exception e) {
e.printStackTrace();
}
}
%>
23
Section #3 Services
<!--Services-->
<div id="services" class="services">
<div class="container">
<div class="content-services">
<h2>Our 4 Featured services</h2>
</div>
<div class="content-services-member">
<div class=" col-md-9 content-services-brief">
<p>Brief details of new&listings,services.To view full listings,you will be required to sign
up and become a member.</p>
</div>
<div class=" col-md-3 content-member">
24
<a href="#">Become a Member</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="content-london wow bounceIn" data-wow-delay="0.4s">
<div id="servicesblock">
<ul class="grid cs-style-4">
<li>
<figure>
<div><img src="ServicesImages/1.png" alt="img05"></div>
<figcaption>
<h3>Residential Moves</h3>
<span>Jacob Cummings</span>
<a href="ServicesPg.jsp">Take a look</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<div><img src="ServicesImages/2.png" alt="img05"></div>
<figcaption>
<h3>Commercial Moves</h3>
<span>Jacob Cummings</span>
<a href="ServicesPg.jsp">Take a look</a>
</figcaption>
</figure>
</li>
25
<li>
<figure>
<div><img src="ServicesImages/3.png" alt="img05"></div>
<figcaption>
<h3>Wrapping & Packing</h3>
<span>Jacob Cummings</span>
<a href="ServicesPg.jsp">Take a look</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<div><img src="ServicesImages/4.png" alt="img05"></div>
<figcaption>
<h3>Hire Dumper</h3>
<span>Jacob Cummings</span>
<a href="ServicesPg.jsp">Take a look</a>
</figcaption>
</figure>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
26
<%--
Document : ServicesPg
Created on : 2 Sep, 2014, 1:32:47 PM
Author : Mujeeb
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Services</title>
<link href="ServicesPgCss/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
27
<script type="text/javascript" src="ServicesPgJs/move-top.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event) {
event.preventDefault();
$('html,body').animate({scrollTop: $(this.hash).offset().top}, 1200);
});
});
</script>
</head>
<body>
<div class="wrap">
<div class="container">
28
<div class="content">
<div class="services">
<div class="service-content">
<h3>Our Featured Services</h3>
<ul>
<li><span>1.</span></li>
<li><p><a href="#">RESIDENTIAL MOVES</a>We Move Inter-State, Long Distance
and Nation-Wide. In Residential Moves we bring our transport vehicles to your doorstep for
deliveries.</p></li>
<div class="clear"> </div>
</ul>
<ul>
<li><span>2.</span></li>
<li><p><a href="#">COMMERCIAL MOVES</a>We provide facility to deliver
large/bulk orders. When your consignment is in your town we will inform u as soonest as possible.
You can load/unload your goods from our nearest branch warehouse.</p></li>
<div class="clear"> </div>
</ul>
<ul>
<li><span>3.</span></li>
<li><p><a href="#">WRAPPING & PACKING</a>We love to wrap and pack and
can organize packers for you. Service includes, Self packing where we provide all the materials and
Custom packing where we provide labor and materials.</p></li>
<div class="clear"> </div>
</ul>
<ul>
<li><span>4.</span></li>
<li><p><a href="#">HIRE DUMPERS <img
src="ServicesPgImages/newblink2.gif"></a>Praesent vestibulum molestie lacus. Aenean nonummy
hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Nulla dui.</p></li>
29
<div class="clear"> </div>
</ul>
</div>
<div class="services-sidebar">
<h3>WE PROVIDE</h3>
<ul><marquee direction="up" onmouseover="this.stop();"
onmouseout="this.start();" scrollamount="3"><li><a href="#">More than 180 branches within
India.</a></li>
<li><a href="#">Over 3 lac sq.ft Warehousing & Storage.</a></li>
<li><a href="#">Handling over 4 lac tonnes of cargo per annum.</a></li>
<li><a href="#">xzxz xzxz xzxzx xzxzx</a></li></marquee>
</ul>
<h3>CURRENT NEWS</h3>
<ul>
<li><a href="#">THE BEST, VINOD SIR</a></li>
<li><a href="#">MUJEEB REHMAN</a></li>
<li><a href="#">TANUJ KHANDELWAL</a></li>
<li><a href="#">SHREYANSH HINGER</a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
<div class="cooking-eq">
<h3>Residential Moves</h3>
<div class="eq-grid">
<p><span>Local Move</span>Transport Company performs hundreds of local moves
every year in Connecticut and the Tri-State Area. Even if you’re just moving a few blocks, you still
30
receive all the specialized care and services that Kaster offers, including detailed estimating, a
moving coordinator and all the planning tools and equipment you may need.</p>
<p><span>Long-Distance Moves</span>If you are planning to move to another state,
Transport Company has the resources and network required for an efficient and cost-effective
relocation.
Transport Company is a full-service award-winning company for India, one of the
largest interstate movers in the country. This network of more than 180 professional movers
nationwide enhances our capability to provide quality moving services from any town to any point in
India. Our own fleet of equipment and van operators is supplemented by the Atlas fleet of more
than 2000 Trucks and Mini Trucks/Trailers.</p>
</div>
<h3>Commercial Moves</h3>
<div class="eq-grid">
<span>Our Commercial moving services make us better and giant transport company
among all.</span>
<p>We are the National movers, proudly serving INDIA for more than 10 years.
When our trucks arrive at your door, your troubles are out the window. For every commercial move
we handle, we provide a high-quality service - and there is a difference. Our large fleet of diversified
air-ride trucks can accommodate any size and type of relocation. We provide moving and storage
services for offices, banks, factories, hospitals, hotels, labs, libraries, model homes, plants,
restaurants, retail stores and schools. We are proud to offer our corporate clients a wide variety of
commercial moving services that include:
<br>1. Move Consulting
<br>2. Project Management
<br>3. Asset Management
<br>4. Inventory Control
<br>5. Lab Relocation
<br>6. Office & Industrial Moving Services
<br>7. Library / Medical & Business Relocation
<br>8. Warehouse & Distribution Services
<br>9. Records Storage & Management
<br>10. Safe / Secure Storage Facilities
<br>11. On-Site Storage Vaults
31
<br>12. Modular Furniture Installation and Reconfiguration</p>
</div>
<h3>Wrapping and Packing</h3>
<div class="eq-grid last-grid">
<span>We Provide different Packaging types:</span>
<p> Our Wrapping service protect commercial and residential goods during transit,
storage and handling.<br>1. Stretch packaging: Plastic film that is wrapped around the outside of
boxes, pallets, raw materials and other goods.<br><br>2. Protective packaging: Paper and plastic-
based pieces that are placed around and between goods to protect products during
transportation.<br><br>3. Strap packaging: Plastic and steel straps that are wrapped around steel
coils, the outside of boxes, pallets, raw materials and other goods.<br><br>4. Tools and machines
that are used to apply the strap and stretch packaging.</p>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="top-to-page">
<a href="#top" class="scroll"> </a>
<div class="clear"> </div>
</div>
<p>© 2014 Copyrights by <a href="index.jsp"
target="_blank">transportcompany.com</a> All Rights Reserved.</p>
</div>
</body>
</html>
32
Section #4 Tracking
<!--Tracking-->
<div id="tracking" class="tracking">
<div class="col-md-6 content-bottom-left">
<img class="content-chair wow bounceIn" data-wow-delay="0.4s"
src="IndexPageImages/tracknow (2).png">
<div class="content-bottom-left-head">
<h5>Track Your Goods</h5>
<p>Dear customer please provide your 8 digit consignment number in the below
textbox.</p>
<form action="TrackingProcessPg.jsp" method="post" target="iframe_a">
<input type="text" name="trackno" class="inputs" placeholder="Enter Track-Number:
eg - 12345678" maxlength="8" size="8"/>
<input type="submit" value="Track Now !">
</form>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 content-bottom-right">
33
<img class="content-bag wow bounceIn" data-wow-delay="0.4s"
src="IndexPageImages/trackfound.png">
<div class="content-bottom-right-head">
<h5>Here Your Goods are</h5><br>
<iframe style="width:350px;height:235px; background-image:
url(TrackingImages/hogan.gif)" name="iframe_a" src="TrackingProcessPg.jsp" width="360"
height="290" frameborder=""></iframe>
<!--<p>Sign up browse the portfolio.your journey to becoming areal estate barons starts
here.</p>-->
<!-- <a class="content-chair" href="#">Become a Member</a> -->
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
Tracking Process Page Code:
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.Connection"%>
34
<style type="text/css">
#tdnames{
background-color: palegoldenrod;
}
#tddata{
background-color: yellowgreen;
font-family: consolas;
}
</style>
<%
String consnum = request.getParameter("trackno");
%>
<table align="center" cellpadding="5" cellspacing="5" border="0">
<%
try {
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
Statement stmt = con.createStatement();
ResultSet rs = stmt.executeQuery("Select * from ConsignmentDetails where
ConsignmentNumber='" + consnum + "'");
while (rs.next()) {
%>
35
<tr>
<td id="tdnames">Consignment Id</td>
<td id="tddata"><%=rs.getString(1)%></td>
</tr>
<tr>
<td id="tdnames">Consignment Number</td>
<td id="tddata"><%=rs.getString(2)%></td>
</tr>
<tr>
<td id="tdnames">Goods Type</td>
<td id="tddata"><%=rs.getString(3)%></td>
</tr>
<tr>
<td id="tdnames">Goods Weight</td>
<td id="tddata"><%=rs.getString(4)%></td>
</tr>
<tr>
<td id="tdnames">Goods Dispatched On</td>
<td id="tddata"><%=rs.getString(5)%></td>
</tr>
<tr>
<td id="tdnames">Goods Shipped By</td>
<td id="tddata"><%=rs.getString(6)%></td>
</tr>
<tr>
<td id="tdnames">Goods Current Location</td>
<td id="tddata"><%=rs.getString(7)%></td>
36
</tr>
<tr>
<td id="tdnames">Expected Delivery Date</td>
<td id="tddata"><%=rs.getString(8)%></td>
</tr>
<%
}
} catch (Exception e) {
e.printStackTrace();
}
%>
</table>
37
Section #5 Testimonial
We included these two pages to show working testimonials section on home page.
<!--testimonials-->
<div id="testimonial">
<jsp:include page="TestimonialsPg.jsp"></jsp:include>
<!--clients-->
<jsp:include page="ClientsPg.jsp"></jsp:include>
</div>
Code of TestimonialPg.jsp
<%--
Document : TestimonialsPg
Created on : 22 Oct, 2014, 3:23:10 AM
Author : Mujeeb Rehman
--%>
38
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<link href="TestimonialsCss/style.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="TestimonialsJs/jquery.min.js"></script>
<!---script---->
<link rel="stylesheet" href="TestimonialsCss/jquery.bxslider.css" type="text/css" />
<script src="TestimonialsJs/jquery.bxslider.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.bxslider').bxSlider({
auto: true,
autoControls: true,
minSlides: 3, //4
maxSlides: 3, //4
slideWidth: 420, //450
slideMargin: 10
});
});
</script>
<!---script---->
<!--start slider -->
<script src="TestimonialsJs/css3-mediaqueries.js"></script>
<!--end slider -->
39
</head>
<body>
<!----START TESTIMONIALS---->
<div class="clients">
<div class="client-head">
<h3>Happy Clients</h3>
<span>what customer say about us and why love our services!</span>
</div>
<div class="client-grids">
<ul class="bxslider">
<li>
<p>Lorem Ipsum is simply dummy text of the printing and typeset industry. Lorem
Ipsum has been the industry's standard dummy text ever hen an with new version look.</p>
<a href="#">Mukesh Naidu</a>
<span>Bangluru, Karnataka</span>
<label> </label>
</li>
<li>
<p>Lorem Ipsum is simply dummy text of the printing and typeset industry. Lorem
Ipsum has been the industry's standard dummy text ever hen an with new version look.</p>
<a href="#">Abhishek Tripathi</a>
<span>Mumbai, Maharashtra</span>
<label> </label>
</li>
<li>
<p>Lorem Ipsum is simply dummy text of the printing and typeset industry. Lorem
Ipsum has been the industry's standard dummy text ever hen an with new version look.</p>
<a href="#">Rahul Soni</a>
<span>Delhi, India</span>
40
<label> </label>
</li>
<li>
<p>Lorem Ipsum is simply dummy text of the printing and typeset industry. Lorem
Ipsum has been the industry's standard dummy text ever hen an with new version look.</p>
<a href="#">Rizwaan Rehman</a>
<span>Lucknow, Utter Pradesh</span>
<label> </label>
</li>
<li>
<p>Lorem Ipsum is simply dummy text of the printing and typeset industry. Lorem
Ipsum has been the industry's standard dummy text ever hen an with new version look.</p>
<a href="#">Akshika Kachhwaha</a>
<span>Jodhpur, Rajasthan</span>
<label> </label>
</li>
<li>
<p>Lorem Ipsum is simply dummy text of the printing and typeset industry. Lorem
Ipsum has been the industry's standard dummy text ever hen an with new version look.</p>
<a href="#">Manish Vyaas</a>
<span>Ahmedabad, Gujrat</span>
<label> </label>
</li>
</div>
</div>
<!----//End-TESTIMONIALS---->
</body>
</html>
41
Code of ClientsPg.jsp
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html">
<link rel="stylesheet" type="text/css" media="all" href="ClientsCss/clientcss.css">
<!--<script type="text/javascript" src="ClientsJs/jquery-1.10.2.min.js"></script>-->
<script type="text/javascript" src="ClientsJs/carousels.js"></script>
</head>
<body>
<div id="w">
<div id="clients">
<h3 id="heading3">Past & Present Clients</h3>
<div class="clients-wrap">
<ul id="clients-list" class="clearfix">
<li><img src="ClientsImages/jktyrelogo.jpg" alt="JK Tyres"></li>
<li><img src="ClientsImages/kajarialogo.jpeg" alt="Kajariya Tiles"></li>
<li><img src="ClientsImages/mrflogo.jpg" alt="Mrf Tyres"></li>
<li><img src="ClientsImages/medimixlogo.jpg" alt="Medimix"></li>
<li><img src="ClientsImages/greenlam.jpg" alt="Greenlam"></li>
<li><img src="ClientsImages/hindwarelogo.JPG" alt="Hindware"></li>
<li><img src="ClientsImages/indanelogo.jpg" alt="Indane Gas"></li>
<li><img src="ClientsImages/jkwhitelogo.jpg" alt="JK White Cement"></li>
</ul>
</div><!-- @end .clients-wrap -->
</div><!-- @end #clients -->
<!-- @end #content --> </div><!-- @end #w --></body></html>
42
Section #6 Know Us (AboutUs)
<%--
Document : AboutUsPg
Created on : 23 Oct, 2014, 7:10:53 PM
Author : Mujeeb Rehman
--%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
43
<meta name="description" content="">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0,
user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="AboutUsCss/main.css">
<link href="AboutUsCss/css" rel="stylesheet" type="text/css">
</head>
<body>
<jsp:include page="HeaderCommon.jsp"></jsp:include>
<div class="overlay">
</div>
<div class="container" id="anchorpoint">
<div class="row m40">
<div class=" aboutnav col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
<ul class=" nav nav-pills nav-stacked">
<li class="company_nav active">Company History</li>
<li class="how_nav ">What we do</li>
<li class="team_nav">Team</li>
</ul>
</div>
</div>
<div class="row">
<div class="timeline aboutblock " id="company">
<div class="row">
<div class="col-lg-5 col-md-5">
<div class="fixwrapper">
<div id="map" class="imap" style="margin-top: 0px;">
44
</g>
<g id="markers4" class="markershide">
<circle fill="#5B5349" cx="141.559" cy="370.249" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="148.116" cy="335.721" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="194.116" cy="270.508" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="191.44" cy="239.417" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="56.575" cy="186.346" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="204.986" cy="223.23" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="179.958" cy="164.685" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="129.177" cy="258.213" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="83.677" cy="197.411" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="210.338" cy="164.685" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="107.125" cy="391.097" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="119.711" cy="410.276" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="242.097" cy="209.942" r="2.676" style="display:
none;"></circle>
<circle fill="#5B5349" cx="228.306" cy="244.072" r="2.676" style="display:
none;"></circle>
</g>
<g id="markers3" class="markershide">
45
<text transform="matrix(1 0 0 1 100.6183 164.6847)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Jaipur</text>
<circle fill="#F29E2F" cx="107.231" cy="155.999" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 88.1411 177.7076)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Ajmer</text>
<circle fill="#F29E2F" cx="94.754" cy="169.022" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 56.6195 161.68)" font-
family="'OpenSans-Light'" font-size="12" style="display: none;">Jodhpur</text>
<circle fill="#0F97BC" cx="63.232" cy="152.994" r="6.992" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 144.2023 109.5391)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Dehradun</text>
<circle fill="#F29E2F" cx="140.815" cy="107.63" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 105.9523 89.5151)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Ludhiana</text>
<circle fill="#F29E2F" cx="102.565" cy="87.606" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 91.5289 105.4482)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Jalandhar</text>
<circle fill="#F29E2F" cx="88.141" cy="103.539" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 95.1799 95.9841)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Amritsar</text>
<circle fill="#F29E2F" cx="91.792" cy="94.075" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 138.5896 122.0925)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Rishikesh</text>
<circle fill="#F29E2F" cx="145.202" cy="113.407" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 156.5862 180.7125)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Allahabad</text>
46
<circle fill="#F29E2F" cx="195.698" cy="178.036" r="2.676" style="display:
none;"></circle>
<circle fill="#F29E2F" cx="110.315" cy="122.427" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 129.1772 209.942)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Bhopal</text>
<circle fill="#F29E2F" cx="126.289" cy="207.266" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 112.689 219.3557)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Indore</text>
<circle fill="#F29E2F" cx="109.801" cy="216.68" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 155.2141 219.3557)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Jabalpur</text>
<circle fill="#F29E2F" cx="152.326" cy="216.68" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 198.374 191.2712)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Varanasi</text>
<circle fill="#F29E2F" cx="204.986" cy="182.586" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 240.638 180.393)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Patna</text>
<circle fill="#F29E2F" cx="236.25" cy="177.708" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 239.421 266.3829)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Bhubaneshwar</text>
<circle fill="#F29E2F" cx="246.033" cy="257.698" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 145.8201 252.7573)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Nagpur</text>
<circle fill="#F29E2F" cx="152.432" cy="244.072" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 213.2958 300.195)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Vishakhapatnam</text>
47
<circle fill="#F29E2F" cx="210.62" cy="296.119" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 56.5748 224.0043)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Ahmedabad</text>
<circle fill="#F29E2F" cx="63.187" cy="215.319" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 31.8255 236.7406)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Rajkot</text>
<circle fill="#F29E2F" cx="38.438" cy="228.055" r="2.676" style="display:
none;"></circle>
<circle fill="#F29E2F" cx="81.318" cy="330.501" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 73.7295 340.0019)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Panajii</text>
<circle fill="#F29E2F" cx="101.821" cy="314.903" r="2.676" style="display:
none;"></circle>
<circle fill="#F29E2F" cx="73.729" cy="277.5" r="2.676" style="display:
none;"></circle>
<circle fill="#F29E2F" cx="70.116" cy="287.168" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 94.2329 324.404)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Hospet</text>
<circle fill="#F29E2F" cx="89.953" cy="345.277" r="2.676" style="display:
none;"></circle>
<circle fill="#F29E2F" cx="105.391" cy="338.397" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 127.9118 377.4843)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Vellore</text>
<text transform="matrix(1 0 0 1 48.9402 263.3829)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Vapi</text>
<circle fill="#F29E2F" cx="67.169" cy="260.889" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 151.3625 153.0086)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Bareily</text>
48
<circle fill="#F29E2F" cx="148.591" cy="150.515" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 150.6021 143.6226)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Aligarh</text>
<circle fill="#F29E2F" cx="147.83" cy="141.129" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 126.4178 156.7281)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Agra</text>
<circle fill="#F29E2F" cx="137.646" cy="148.234" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 289.6439 228.0349)" font-
family="'OpenSans-Light'" font-size="12" style="display: none;">Kolkata</text>
<circle fill="#0F97BC" stroke="#FFFFFF" stroke-width="0.5" cx="281.791"
cy="223.672" r="6.992" style="display: none;"></circle>
</g>
<g id="markers2" class="markershide">
49
<text transform="matrix(1 0 0 1 97.3103 350.6894)" font-
family="'OpenSans-Light'" font-size="12" style="display: none;">Bangalore</text>
<text transform="matrix(1 0 0 1 134.0036 318.3154)" font-
family="'OpenSans-Light'" font-size="12" style="display: none;">Hyderabad</text>
<text transform="matrix(1 0 0 1 155.9274 377.6396)" font-
family="'OpenSans-Light'" font-size="12" style="display: none;">Chennai</text>
<text transform="matrix(1 0 0 1 54.2419 292.0244)" font-
family="'OpenSans-Light'" font-size="12" style="display: none;">Mumbai</text>
<circle fill="#0F97BC" stroke="#FFFFFF" stroke-width="0.5" cx="67.134"
cy="277.5" r="6.992" style="display: none;"></circle>
<circle fill="#0F97BC" stroke="#FFFFFF" stroke-width="0.5" cx="111.909"
cy="333.993" r="6.992" style="display: none;"></circle>
<circle fill="#0F97BC" stroke="#FFFFFF" stroke-width="0.5" cx="152.432"
cy="301.795" r="6.992" style="display: none;"></circle>
<circle fill="#0F97BC" stroke="#FFFFFF" stroke-width="0.5" cx="169.157"
cy="360.581" r="6.992" style="display: none;"></circle>
<text transform="matrix(1 0 0 1 61.2638 255.7393)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Surat</text>
<circle fill="#F29E2F" cx="67.876" cy="247.054" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 63.5037 239.4166)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Vadodara</text>
<circle fill="#F29E2F" cx="70.116" cy="230.731" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 83.677 261.7881)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Nashik</text>
<circle fill="#F29E2F" cx="79.877" cy="259.112" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 109.1903 282.8519)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Aurangabad</text>
<circle fill="#F29E2F" cx="105.391" cy="280.176" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 128.0372 393.7729)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Coimbatore</text>
50
<circle fill="#F29E2F" cx="124.237" cy="391.097" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 140.4793 407.5995)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Guntur</text>
<circle fill="#F29E2F" cx="136.68" cy="404.923" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 149.2564 400.23)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Thanjavur</text>
<circle fill="#F29E2F" cx="146.457" cy="397.554" r="2.676" style="display:
none;"></circle>
<text transform="matrix(1 0 0 1 126.4753 98.9985)" font-
family="'OpenSans-Light'" font-size="8" style="display: none;">Chandigarh</text>
<circle fill="#F29E2F" cx="123.799" cy="96.751" r="2.676" style="display:
none;"></circle>
<circle fill="#F29E2F" cx="137.694" cy="133.673" r="2.676" style="display:
none;"></circle>
<circle fill="#F29E2F" cx="128.026" cy="140.529" r="2.676" style="display:
none;"></circle>
51
</g>
<g id="markers1" class"markershide"="">
<circle fill="#0F97BC" stroke="#FFFFFF" stroke-width="0.5" cx="128.026"
cy="128.785" r="6.992"></circle>
<text transform="matrix(1 0 0 1 105.2609 121.7932)" font-
family="'OpenSans-Light'" font-size="12">Delhi</text>
<circle fill="#F29E2F" cx="123.799" cy="135.777" r="2.676"></circle>
<text transform="matrix(1 0 0 1 89.1161 137.453)" font-
family="'OpenSans-Light'" font-size="8">Gurgaon</text>
</g>
</g>
</svg>
</div>
<div class="statistics">
<div>
<span class="staticon"></span>
<h4><span class=" cities blue">2</span> Cities</h4>
</div>
<div>
<span class="staticon"></span>
<h4><span class=" clients blue">6</span> Clients</h4>
</div>
<div>
<span class="staticon"></span>
<h4><span class=" sellers blue">20</span>Sellers</h4>
</div>
<div>
<span class="staticon"></span>
<h4><span class=" products blue">500</span>Products/Day</h4>
52
</div>
</div>
</div>
</div>
<div class="timeblock col-lg-7 col-md-7">
<div class="row 2011">
<h4 class="col-lg-4 col-md-4" id="2011">2011</h4>
<div class="timebox col-lg-8 col-md-8">
<ul>
<li><strong>May: </strong> Founded National Transport Company</li>
<li><strong>June: </strong> Launched Logo of National Transport Company
</li>
<li>
<img src="AboutUsImages/FinalLogo.png">
<p class="caption"></p>
</li>
<li>
<img src="AboutUsImages/timeline11_3.jpg">
<p class="caption">Months of planning, optimisation and implementation
led to the first facility</p>
</li>
<li><strong>December: </strong>Delivering 200+ shipments per day for 5 e-
commerce clients in Delhi, Chennai, Bangluru and Mumbai</li>
<li><strong>Team size: </strong> 25+</li>
</ul>
</div>
</div>
<div class="row 2012">
53
<h4 class="col-lg-4 col-md-4" id="2012">2012</h4>
<div class="timebox col-lg-8 col-md-8">
<ul>
<li>
<li><strong>April: </strong>First Big Purchase By Us</li>
</li><li><img src="AboutUsImages/truck.jpg"></li>
<p class="caption">True to the name - first step towards a brand Bharat Benz
Trucks, purchased by National Transport Company!</p>
<li>Launched fulfilment services in Jodhpur and Jaipur with 10,000+ sq ft of
fulfilment space</li>
<li>Processed upto 25000 shipments a month delivering upto 4000 shipments a
day.</li><li>
</li><li>
<img src="AboutUsImages/trucks.jpg">
<p class="caption">Re-branding the collection centers.</p>
</li>
<li><strong>Team size: </strong>500+</li>
</ul>
</div>
</div>
<div class="row 2013">
<h4 class="col-lg-4 col-md-4" id="2013">2013</h4>
<div class="timebox col-lg-8 col-md-8">
<ul>
<li><strong>September: 5</strong> National Transport Company Promotional
Video Launched both on Our Website and on Youtube</li>
<li>
<div id="vedio">
54
<center><video width="500px" height="362px" style=" border: 1px solid
#888; border-radius:4px; box-shadow: 2px 2px 9px -3px; opacity: 0.9; " controls>
<source src="Vedios\Stevens Transport.mp4" type="video/mp4">
<source src="Vedios\Stevens Transport.ogg" type="video/ogg">
</video></center>
</div>
<p class="caption"><a href="//www.youtube.com/embed/rKLmQyPR-
Uo?list=UUrVazhik1vp8vgt85tfeIcw" target="_blank">Or Watch us on YOUTUBE</a></p>
</li>
<p class="caption">Opened doors to a new era. Our new office</p>
<li>Launched suite of commerce technology including Vendor Panel, Godam,
FALCON</li>
<li><strong>Team size: </strong>2,500+</li>
</ul>
</div>
</div>
<div class="row 2014">
<h4 class="col-lg-4 col-md-4" id="2014">2014</h4>
<div class="timebox col-lg-8 col-md-8">
<ul>
<li>Express logistics services to be expanded to 250+ cities in India.</li>
<li>12 more fulfilment centers being expanded to offer National Transport
Company Fulfilment Services across India (over 0.5 million sq ft of space)</li>
<li>Expansion of processing capacity to over 40,000 shipments/day</li>
<li>
<img src="AboutUsImages/timeline14_1.jpg">
<p class="caption"></p>
</li>
55
<li>Expansion of Delhivery Seller Toolkit to include omni-channel services,
customer/channel analytics, Ship-smart, COMS</li>
<li><strong>Team size:</strong> 3,500+</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 howwework aboutblock hidden"
id="whatwedo">
<h2>Creating Outstanding Retail Experiences</h2>
<p>We bring reach, speed and the power of our proprietary, customizable commerce
technology toolkit to your retail operations. The Delhivery Seller Toolkit allows you to pick and
choose from various modules and manage all your sales channels: online, mobile store-fronts and in-
store sales.</p>
<h3>Unified IT</h3>
<p>We have developed an end-to-end suite of omni-channel solutions encompassing the
best global practices tailor-fit to nuances of doing business in India, based on our operational
experience. This includes management tools for global inventory, distributed order management,
channel integration, customer engagement, campaign creation and management, fulfilment
management and demand and channel analytics.<br>Our solutions integrate seamlessly to existing
ERP platforms making the go-live cycle minimal. This unified platform equips you to better market
your products, allocate and manage orders across channels, manage payments and provide value
added services like flexible delivery and payments options, reverse logistics and call center support.
</p>
<h3>Focus on Profitability</h3>
<p>At Delhivery we focus on improving your bottom line. Our distributed fulfilment
network coupled with our inventory management toolkit helps you optimize inventory allocation
across the country and lower total logistics costs while maintaining same-day/next-day service
levels. In addition, our completely automated Cash-On-Delivery (COD) reconciliation and remittance
process reduces working capital constraints and enables us to remit capital collected in 12-48 hours
to you. Rely on us to help you ensure consistent, seamless consumer experiences at the lowest
cost.</p>
56
<h3>Scale up Rapidly</h3>
<p>Partner with us to leverage India's fastest-growing fulfilment and logistics network,
present in over 150 cities across India (and counting!). Our infrastructure is equipped to handle over
60,000 transactions daily and 1,00,000 SKUs. Setup an account with us and join our expanding
network of over 10,000 sellers!</p>
</div>
<div class="team aboutblock col-xs-12 hidden" id="team">
<!-- <div class="col-lg-2 col-md-3 col-sm-3 col-xs-6">
<div class="memberpic">
<img width="200" height="200" class="lazy" data-
original="images/team/sahil_barua.jpg"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR
0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+P
B/AAffA0nNPuCLAAAAAElFTkSuQmCC">
</div>
<h4>Sahil Barua</h4>
<h5>CEO, Co-founder</h5>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-6">
<div class="memberpic">
<img width="200" height="200" class="lazy" data-
original="images/team/mohit_tandon.jpg"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR
0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+P
B/AAffA0nNPuCLAAAAAElFTkSuQmCC">
</div>
<h4>Mohit Tandon</h4>
<h5>CSO, Co-founder</h5>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-6">
<div class="memberpic">
57
<img width="200" height="200" class="lazy" data-
original="images/team/suraj_saharan.jpg"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR
0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+P
B/AAffA0nNPuCLAAAAAElFTkSuQmCC">
</div>
<h4>Suraj Saharan</h4>
<h5>COO, Co-founder</h5>
</div>-->
<jsp:include page="OurTeamPg.jsp"></jsp:include>
</div>
</div>
<script async="" src="AboutUsJs/analytics.js"></script><script async=""
src="AboutUsJs/analytics.js"></script><script src="AboutUsJs/jquery.min.js"></script>
<script src="AboutUsJs/lazyload.min.js"></script>
<script src="AboutUsJs/waypoints.min.js"></script>
<script src="AboutUsJs/numbers.js"></script>
<script src="AboutUsJs/about.js"></script>
<hr>
<script src="AboutUsJs/events.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
58
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-27886886-3', 'delhivery.com');
ga('send', 'pageview');
</script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-27886886-3', 'delhivery.com');
ga('send', 'pageview');
</script>
<a href="https://plus.google.com/115121650394113187823" rel="publisher"></a>
</body></html>
59
Section #7 ContactUs
<%--
Document : ContactUsPg
Created on : 11 Oct, 2014, 4:30:19 PM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
60
<title>Contact Us</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="ContactUsCss/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="ContactUsCss/style.css" rel="stylesheet" type="text/css">
<!-- HTML 5 shim for IE backwards compatibility -->
<!-- [if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="ContactUsJs/textcounter.js"></script>
<script>
$(document).ready(function(){
$("#input_message").keyup(function(){
counterLimit();
});
});
</script>
</head>
<body>
<jsp:include page="HeaderCommon.jsp"></jsp:include>
<hr class="featurette-divider">
61
<section class="container">
<h3>Contact Us</h3>
<p>You may leave us a message for any kind of Transportation Enquiry, Business Matter, New
Suggestions or Personal greeting...</p>
<form role="form" action="ContactUsProcessPg.jsp" method="post" onsubmit="return
alert('THANK YOU FOR CONTACTING US !\nWe Will Reach You Soon Via Email or Phone Call.')">
<div class="row">
<div class="col-md-5">
<div class="form-group">
<input name="name" type="text" class="form-control" id="input_name"
placeholder="Name" required="">
</div>
<div class="form-group">
<input name="email" type="email" class="form-control" id="input_email"
placeholder="Email" required="">
</div>
<div class="form-group">
<input name="phone" type="tel" class="form-control" id="input_tel"
placeholder="Phone" required="">
</div>
</div>
<div class="col-md-7">
<div class="form-group">
<textarea name="message" maxlength="200" rows="6" class="form-control"
id="input_message" placeholder="Type Your Query Here..." required=""></textarea><br>
<label id="lbl">---</label><br>
<button type="submit" class="btn btn-primary">Send</button>
<button type="reset" class="btn btn-default float_r">Reset</button>
</div>
</div>
62
</div> <!-- row -->
</form>
<div class="row">
<section class="col-xs-12 col-md-12">
<h3>Our Location</h3>
<iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0"
marginwidth="0"
src="https://maps.google.co.in/maps/ms?msa=0&msid=209215847512154786948.0005064bb
0a39365998b6&ie=UTF8&t=m&ll=26.296705,72.990417&spn=0.004617,0.0068
66&z=17&output=embed"></iframe><br /><small>View <a
href="https://maps.google.co.in/maps/ms?msa=0&msid=209215847512154786948.0005064b
b0a39365998b6&ie=UTF8&t=m&ll=26.296705,72.990417&spn=0.004617,0.006
866&z=17&source=embed" style="color:#0000FF;text-align:left">National Transport
Company Jodhpur</a> in a larger map</small>
</section>
</div>
</section>
<footer class="container">
<div class="credit">
<p id="templatemo_cr_bar">
Copyright © 2014 <a href="#">National Transport Company</a>
</p>
</div>
</footer>
<script src="ContactUsJs/jquery.js"></script>
<script src="ContactUsJs/bootstrap.min.js"></script>
</body>
</html>
63
Section #8 Branch Manager Login Form
<div class="top-nav-right">
<div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a>
<div id="loginBox">
<form id="loginForm" action="ManagerLoginProcessPg.jsp" method="post" accept-
charset="utf-8">
<fieldset id="body">
<fieldset>
<label for="email">Enter Username</label>
<input type="text" name="username" id="email" required=""
placeholder="Enter Username">
</fieldset>
<fieldset>
<label for="password">Enter Password</label>
<input type="password" name="userpass" id="password" required=""
placeholder="Enter Password">
</fieldset>
64
<fieldset>
<label for="branch">Select Branch</label>
<select name="branch">
<option >--Select Your's--</option>
<option>Ajmer</option>
<option>Ahemdabad</option>
<option>Alighar</option>
<option>Agra</option>
<option>Amritsar</option>
<option>Jaipur</option>
<option>Jodhpur</option>
<option>Jaisalmer</option>
<option>Udaipur</option>
<option>Delhi</option>
<option>Mumbai</option>
<option>Chennai</option>
<option>Punjab</option>
<option>Haryana</option>
<option>Chandighar</option>
<option>Bangluru</option>
<option>Pune</option>
</select>
</fieldset>
<fieldset style='color: red;'>
<%
if (request.getAttribute("notlogin_msg") != null) {
out.print(request.getAttribute("notlogin_msg"));
65
}
%>
<% if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
</fieldset>
<input type="submit" id="login" value="Sign in">
<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember
me</i></label>
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>
</div>
<div class="clearfix"> </div>
Mnager Login Process Code:
<%--
Document : LoginProcess
Created on : 21 Aug, 2014, 10:31:43 PM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page language="java" import="java.util.*"%>
<%@page import="org.omg.CORBA.PUBLIC_MEMBER"%>
<%@page import="java.sql.*"%>
66
<%@page import="java.util.*"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login Process</title>
</head>
<body>
<%
String username = request.getParameter("username");
System.out.print(username);
String userpass = request.getParameter("userpass");
String branch = request.getParameter("branch");
boolean status = false;
try {
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("select * from managerdetails where
username=? and userpass=? and branch=?");
ps.setString(1, username);
ps.setString(2, userpass);
ps.setString(3, branch);
ResultSet rs = ps.executeQuery();
status = rs.next();
67
if (status)
username = rs.getString(2);
session.setAttribute("username", String.valueOf(username));
session.setAttribute("islogin", "plz sign in first");
session.setAttribute("branch", branch);
String fnme = rs.getString("fname");
String lnme = rs.getString("lname");
session.setAttribute("fnme", fnme);
session.setAttribute("lnme", lnme);
%>
<jsp:forward page="HomePg.jsp"></jsp:forward>
<%
} else {
request.setAttribute("Error", "Sorry! Username or Password Error. Plz Enter Correct Detail ");
session.setAttribute("Loginmsg", "Plz sign in first");
%>
<jsp:forward page="index.jsp"></jsp:forward>
<%
}
} catch (Exception e) {
e.printStackTrace();
}
%> </body></html>
68
Section #9 Branch Manager Home Page
<%--
Document : ManagerHomePg
Created on : 21 Aug, 2014, 10:47:01 PM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welcome Manager</title>
</head>
69
<body>
<jsp:include page="HeaderPg.jsp"></jsp:include>
<br>
<div>
Welcome back!
<label><b><%=session.getAttribute("fnme")%> <%=session.getAttribute("lnme")%></b></lab
el>
</div>
<br>
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="index.jsp"></jsp:forward>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<div id="errmsg">
<%
70
if (request.getAttribute("notlogin_msg") != null) {
out.print(request.getAttribute("notlogin_msg"));
}
%>
<% if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
</div>
<jsp:include page="FooterPg.jsp"></jsp:include>
</body>
</html>
71
Section #10 New Installed Trucks
<%--
Document : InstallNewTrucksPg
Created on : 2 Sep, 2014, 1:55:00 AM
Author : Mujeeb
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Install Trucks</title>
72
</head>
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<body bgcolor="lightblue">
<H1 align="center">Attach a new Truck/Vehicle</h1>
<form action="InstallNewTrucksProcessPg.jsp" method="Post">
<table>
<tr><td>Truck Model:</td><td><input placeholder="Truck Model" type="text" required=""
name="tmodal" autofocus></td></tr>
<tr><td>Truck Number:</td><td><input placeholder="Truck Number" type="text"
required="" name="tnumber"></td></tr>
<tr><td>Truck Insurance</td><td><input type="radio" required="" name="tinsurance"
value="yes"/>YES<input type="radio" name="tinsurance" value="no"/>NO</td></tr>
<tr><td>Insurance Company(if yes):</td><td><input type="text" placeholder="Insurance
Company Name" name="insurancecompany"></td></tr>
<tr><td>Truck Owner:</td><td><input placeholder="Truck Owner" required="" type="text"
name="towner"></td></tr>
73
<tr><td>Owner Mobile:</td><td><input placeholder="Owner Mobile" type="text"
name="mobile"></td></tr>
<tr><td>Route:</td><td><input list="routefrom" name="routefrom" placeholder =
"FROM">
<datalist id="routefrom">
<option value="Ajmer">
<option value="Ahemdabad">
<option value="Alighar">
<option value="Agra">
<option value="Amritsar">
<option value="Jaipur">
<option value="Jodhpur">
<option value="Jaisalmer">
<option value="Udaipur">
<option value="Delhi">
<option value="Mumbai">
<option value="Chennai">
<option value="Punjab">
<option value="Haryana">
<option value="Chandighar">
<option value="Bangluru">
<option value="Pune">
</datalist></td><td><input list="routeto" name="routeto" placeholder="TO">
<datalist id="routeto">
<option value="Ajmer">
<option value="Ahemdabad">
<option value="Alighar">
<option value="Agra">
74
<option value="Amritsar">
<option value="Jaipur">
<option value="Jodhpur">
<option value="Jaisalmer">
<option value="Udaipur">
<option value="Delhi">
<option value="Mumbai">
<option value="Chennai">
<option value="Punjab">
<option value="Haryana">
<option value="Chandighar">
<option value="Bangluru">
<option value="Pune">
</datalist><br></td></tr>
<tr><td>Date Installed:</td><td><input type="date" name="dateinstalled"></td></tr>
<tr><td ><button type="submit" value="Submit">Save New Details</button> | <button
type="reset" value="Reset">Clear Fields</button></td></tr>
</table>
</form>
<br><br>
<jsp:include page="VehiclesAppliedPg.jsp"></jsp:include>
</body>
</html>
Code for new installed truck process:
<%--
Document : InstallNewTrucksProcessPg
Created on : 2 Sep, 2014, 2:16:20 AM
Author : Mujeeb--%>
75
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page language="java" import="java.util.*"%>
<%@page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>InstallNewTrucksProcessPg</title>
</head>
<body>
<%try {
String tmodl = request.getParameter("tmodal");
String tnum = request.getParameter("tnumber");
String tinsur = request.getParameter("tinsurance");
String insurcmpny = request.getParameter("insurancecompany");
String townr = request.getParameter("towner");
String mobl = request.getParameter("mobile");
String routefrm = request.getParameter("routefrom");
String routeto = request.getParameter("routeto");
String dtinstl = request.getParameter("dateinstalled");
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("insert into TruckDetails (TruckModel,
Trucknumber, TruckInsurance, InsuranceCompany, TruckOwner,
OwnerMobile,FromRoute,ToRoute,DateInstalled) values(?,?,?,?,?,?,?,?,?)");
//ps.setInt(1, 2);
ps.setString(1, tmodl);
76
ps.setString(2, tnum);
ps.setString(3, tinsur);
ps.setString(4, insurcmpny);
ps.setString(5, townr);
ps.setString(6, mobl);
ps.setString(7, routefrm);
ps.setString(8, routeto);
ps.setString(9, dtinstl);
int s = ps.executeUpdate();
if (s > 0) {
%>
<jsp:forward page="AdminPg.jsp"></jsp:forward>
<%
} else {
out.print("sorry!please fill correct detail and try again");
}
} catch (SQLException e2) {
out.print("sorry!please fill correct detail and try again");
e2.printStackTrace();
} %> </body></html>
77
Section #11 Truck Status and Change Status
<%--
Document : TruckStatusPg
Created on : 2 Sep, 2014, 1:29:56 PM
Author : Mujeeb
--%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.ResultSet"%>
<jsp:include page="HeaderPg.jsp"></jsp:include>
<head>
<script>
78
var request;
function sendInfo(a)
{
var v=a;
var url="ChangeTruckStatusPg.jsp?val="+v;
if(window.XMLHttpRequest){
request=new XMLHttpRequest();
}
else if(window.ActiveXObject){
request=new ActiveXObject("Microsoft.XMLHTTP");
}
try
{
request.onreadystatechange=getInfo;
request.open("GET",url,true);
request.send();
}
catch(e){alert("Unable to connect to server");}
}
function getInfo(){
if(request.readyState==4){
var val=request.responseText;
document.getElementById('right').innerHTML=val;
}
}
</script>
</head>
79
<br>
<div>
Welcome back!
<label><b><%=session.getAttribute("fnme")%> <%=session.getAttribute("lnme")%></b></lab
el>
</div>
<br>
<%
String islogin=(String)session.getAttribute("islogin");
if(islogin==null){
request.setAttribute("notlogin_msg","Sorry,Please do Login first");
%>
<jsp:forward page="index.jsp"></jsp:forward>
<%
}
%>
<%
if(request.getAttribute("Error")!=null){
out.print(request.getAttribute("Error"));
}
%>
<%
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps= con.prepareStatement("Select
TruckModel,TruckNumber,FromRoute,ToRoute,TruckStatus,TruckId FROM TruckDetails ORDER BY
TruckId desc ");
ResultSet rs= ps.executeQuery();
80
out.print("<table cellspacing='3',cellpadding='3' border='3' align='center'
style='margin-top: 2cm;'>");
out.print("<caption><h1>Trucks Status</h1></caption>");
out.print("<tr><th><center>Model<center></th><th><center>Number</center></th><th><center>F
rom</center></th><th><center>To</center></th><th><center>Status</center></th></tr>");
while(rs.next()){
out.print("<tr>");
out.print("<td>"+rs.getString(1)+"</td>");
out.print("<td>"+rs.getString(2)+"</td>");
out.print("<td>"+rs.getString(3)+"</td>");
out.print("<td>"+rs.getString(4)+"</td>");
out.print("<td><a href='#' onclick='sendInfo(this.name)'
name='"+rs.getString(6)+"'>"+rs.getString(5)+"</a></td>");
out.print("</tr>");
}
out.print("</table>");
%>
<form action="SaveTruckStatusPg.jsp">
<div id='right'></div>
</form>
<br/>
<jsp:include page="FooterPg.jsp"></jsp:include>
Change Truck Status Process Page Code:
<%--
Document : ChangeStatus
Created on : 8 Sep, 2014, 3:54:02 PM
Author : Mujeeb Rehman
--%><%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
81
<%@ page import="java.sql.*" %>
<%
String n=request.getParameter("val");
if(n.length()>0){
session.setAttribute("id",n);
out.print("Enter status<input type='text' name='status'/>");
out.print("<input type='submit' value='save'/>");
%>
<%
}//end of if
%>
Code To Save The New Status In The Database:
<%--
Document : SaveTruckStatus
82
Created on : 8 Sep, 2014, 4:11:09 PM
Author : Mujeeb Rehman
--%>
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*" %>
<%
String status=request.getParameter("status");
String id=(String)session.getAttribute("id");
System.out.print(id);
if(id.length()>0){
try{
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps=con.prepareStatement("UPDATE TruckDetails set TruckStatus='"+ status +"'
WHERE TruckId = '"+ id +"'");
//ps.setString(1,n);
out.print("<br>");
int s=ps.executeUpdate();
con.close();
}catch(Exception e){e.printStackTrace();}
}//end of if
%>
<jsp:forward page="TruckStatusPg.jsp"></jsp:forward>
83
Section #12 Trucks to Branch
<%--
Document : TrucksToMyBranchPg
Created on : 5 Sep, 2014, 8:26:30 PM
Author : Mujeeb
--%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.ResultSet"%>
<jsp:include page="HeaderPg.jsp"></jsp:include>
<br>
84
<div>
Welcome back!
<label><b><%=session.getAttribute("fnme")%> <%=session.getAttribute("lnme")%></b></lab
el>
</div>
<br>
<%
String islogin=(String)session.getAttribute("islogin");
if(islogin==null){
request.setAttribute("notlogin_msg","Sorry,Please do Login first");
%>
<jsp:forward page="index.jsp"></jsp:forward>
<%
}
%>
<%
if(request.getAttribute("Error")!=null){
out.print(request.getAttribute("Error"));
}
%>
<%
String branch =(String)session.getAttribute("branch");
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
85
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps= con.prepareStatement("Select TOP 8
TruckModel,TruckNumber,TruckOwner,OwnerMobile,FromRoute from TruckDetails where
ToRoute='"+branch+"' order by TruckId desc ");
ResultSet rs= ps.executeQuery();
out.print("<table cellspacing='3',cellpadding='3' border='3' align='center'
style='margin-top: 2cm;'>");
out.print("<caption><h1>Trucks To Branch</h1></caption>");
out.print("<tr><th><center>Model<center></th><th><center>Number</center></th><th>O
wner</th><th>OwnerMobile</th><th><center>From</center></th></tr>");
while(rs.next()){
out.print("<tr>");
out.print("<td>"+rs.getString(1)+"</td>");
out.print("<td>"+rs.getString(2)+"</td>");
out.print("<td>"+rs.getString(3)+"</td>");
out.print("<td>"+rs.getString(4)+"</td>");
out.print("<td>"+rs.getString(5)+"</td>");
out.print("</tr>");
}
out.print("</table>");
%>
<jsp:include page="FooterPg.jsp"></jsp:include>
86
Section #13 Customer to Manager Queries & Feedback
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.ResultSet"%>
<jsp:include page="HeaderPg.jsp"></jsp:include>
<br>
<div>
Welcome back!
<label><b><%=session.getAttribute("fnme")%> <%=session.getAttribute("lnme")%></b></lab
el>
</div>
87
<br>
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<script type="text/javascript">
window.onload=function(){
var tfrow = document.getElementById('tfhover').rows.length;
var tbRow=[];
for (var i=1;i<tfrow;i++) {
tbRow[i]=document.getElementById('tfhover').rows[i];
tbRow[i].onmouseover = function(){
this.style.backgroundColor = '#ffffff';
};
tbRow[i].onmouseout = function() {
88
this.style.backgroundColor = '#d4e3e5';
};
}
};
</script>
<style type="text/css">
table.tftable {font-size:12px;color:#333333;width:90%; border-width: 1px;border-color:
#729ea5;border-collapse: collapse;}
table.tftable th {font-size:12px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-
style: solid;border-color: #729ea5;text-align:left;}
table.tftable tr {background-color:#d4e3e5;}
table.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color:
#729ea5;}
</style>
<%
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("select name,email,phone,message,date from
Queries order by queryId desc");
ResultSet rs = ps.executeQuery();
out.print("<table align = 'center' id='tfhover' class='tftable' border='1'>");
out.print("<caption><h1>Manager Queries & Feedback</h1></caption>");
out.print("<tr><th width='75px'>Query Date</th><th width='100px'>Name</th><th>Contact
No</th><th>Customer Query</th><th>Email</th></tr>");
89
//out.print("<tr align='center'><td width='100px'>Query Date</td><td width='200px'>Manager
Name</td><td>Manager Branch</td><td>Manager Query</td><td>Contact
No</td><td>Email</td><td>Query Time</td></tr>");
while (rs.next()) {
out.print("<tr><td>" + rs.getString(5) + "</td><td>" + rs.getString(1) + "</td><td>" +
rs.getString(3) + "</td><td width='400px'>" + rs.getString(4) + "</td><td>" + rs.getString(2) +
"</td></tr>");
}
out.print("</table>");
%>
<jsp:include page="FooterPg.jsp"></jsp:include>
90
Section #14 Contact Administrator
<%--
Document : ManagerContactUsPg
Created on : 25 Oct, 2014, 11:57:58 PM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Manager ContactUs</title>
91
<script type="text/javascript" src="ContactUsJs/jquery.min.js"></script>
<script type="text/javascript" src="ContactUsJs/textcounter.js"></script>
<script>
$(document).ready(function () {
$("#input_message").keyup(function () {
counterLimit();
});
});
</script>
<jsp:include page="HeaderPg.jsp"></jsp:include>
<script type="text/javascript" src="ManagerContactUsPgJs/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="ManagerContactUsPgJs/jquery.marquee.js"></script>
<script>
$(function () {
$('div.inner_area marquee').marquee('smooth_m').mouseover(function () {
$(this).trigger('stop');
}).mouseout(function () {
$(this).trigger('start');
}).mousemove(function (event) {
if ($(this).data('drag') == true) {
this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
}
}).mousedown(function (event) {
$(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
}).mouseup(function () {
92
$(this).data('drag', false);
});
});
</script>
</head>
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="index.jsp"></jsp:forward>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<body>
<br>
<div>
Welcome back!
<label><b><%=session.getAttribute("fnme")%> <%=session.getAttribute("lnme")%></b></lab
el>
</div>
93
<br>
<div>
<form action="ManagerContactUsProcessPg.jsp" method="post"onsubmit="return
alert('THANK YOU FOR CONTACTING US !\nWe Will Reach You Soon Via Email or Phone Call.')">
<table cellspacing='3'cellpadding='3' border='3' align='center' style='margin-top: 2cm;
width: 60%;'>
<caption><h1>Contact Administrator</h1></caption>
<tr><td colspan="2"><div class="inner_area" style="background-color: whitesmoke; font-
family:MV Boli; ">
<marquee class="smooth_m" behavior="scroll" direction="left"
onmouseout="this.start()" onmouseover="this.stop()" scrollamount="1.5" >
<b>You may leave us a message for any kind of Transportation Enquiry, Business
Matter, New Suggestions or Personal greeting...</b>
</marquee>
</div></td></tr>
<tr><td>Name</td><td><input type="text" name="managername" style="font-
size:12pt;" required="" placeholder="Your Full Name"></td></tr>
<tr><td>Branch</td><td><jsp:include
page="GetBranchNamesPg.jsp"></jsp:include></td></tr>
<tr><td>Tel./Mobile</td><td><input type="tel" name="managercontact" style="font-
size:12pt;" required="" placeholder="Your Contact Number"></td></tr>
<tr><td>Email</td><td><input type="email" name="manageremail" style="font-
size:12pt;" size="35" required="" placeholder="Your Active Email"></td></tr>
<tr><td>Your Query</td><td><textarea name="managermessage" maxlength="200"
rows="6" cols="50" style="font-size:12pt;" id="input_message" placeholder="Type Your Query
Here..." required=""></textarea><label id="lbl"> ---</label></td></tr>
<tr align="center"><td colspan="2"><input type="submit" value="Submit Query"> |
<button type="reset" value="Reset">Clear Fields</button></td></tr>
</table>
</form>
</div>
94
<jsp:include page="FooterPg.jsp"></jsp:include>
</body>
</html>
Contact Administrator Process Code:
<%--
Document : ManagerContactUsProcessPg
Created on : 26 Oct, 2014, 3:20:24 AM
Author : Mujeeb Rehman
--%>
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@page import="java.sql.*"%>
<%
try {
String managername = request.getParameter("managername");
String managerbranch = request.getParameter("managerbranch");
String managercontact = request.getParameter("managercontact");
String manageremail = request.getParameter("manageremail");
String managermessage = request.getParameter("managermessage");
String querystatus = "PENDING";
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("insert into BranchManagerQueries
(ManagerName,ManagerBranch,ContactNo,Email,ManagerQuery,QueryStatus) values(?,?,?,?,?,?)");
ps.setString(1, managername);
95
ps.setString(2, managerbranch);
ps.setString(3, managercontact);
ps.setString(4, manageremail);
ps.setString(5, managermessage);
ps.setString(6, querystatus);
int s = ps.executeUpdate();
if (s > 0) {%>
<jsp:forward page="HomePg.jsp"></jsp:forward>
<%
} else {
out.print("sorry!please fill correct detail and try again");
}
} catch (Exception e) {
e.printStackTrace();
out.print("sorry!please fill correct detail and try again");
}
%>
96
Section #15 Administrator Login Portal
<%--
Document : Admin Login
Created on : 21 Aug, 2014, 9:55:24 PM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Admin Login</title>
</head>
97
<body bgcolor="#D8BFD8">
<div id="newsletter">
<h2>Welcome Admin</h2>
<%
if (request.getAttribute("notlogin_msg") != null) {
out.print(request.getAttribute("notlogin_msg"));
}
%>
<% if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<form action="AdminLoginProcessPg.jsp" method="post" accept-charset="utf-8">
Username:<input type="text" name="username"/>
Password:<input type="password" name="userpass"/>
<input type="submit" value="Login">
</form></div></body></html>
Code to insert in web.xml file for admin username and password:
<context-param>
<param-name>Username</param-name>
<param-value>mujeeb</param-value>
</context-param>
<context-param>
<param-name>Password</param-name>
<param-value>rehman</param-value>
</context-param>
98
Section #16 Administrator Home Portal
<%--
Document : AdminHomePg
Created on : 18 Oct, 2014, 10:35:39 PM
Author : Mujeeb Rehman
--%>
<!DOCTYPE html>
<html>
<head><title>Admin Portal</title></head>
<body bgcolor="FFFF99">
99
<table align="center" width="95%" height="70%" style=" border: 1px solid black;"
bgcolor="#F8F8FF">
<tr>
<td bgcolor="FF9966" colspan="2"><jsp:include
page="AdminBannerPg.jsp"></jsp:include></td>
</tr>
<tr>
<td bgcolor="FF9966" width="20%" style="vertical-align: top;"><jsp:include
page="AdminLeftNavPg.jsp"></jsp:include></td>
<td><iframe name="iframe_b" width="1000" height="700"></iframe></td>
</tr>
</table>
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<%
100
if (request.getAttribute("msg") != null) {
out.print(request.getAttribute("msg"));
}
%>
</body>
</html>
Code for Admin Home Page Banner Title:
<%--
Document : AdminBannerPg
Created on : 18 Oct, 2014, 10:49:53 PM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h1 align="center">Welcome to National Transport Company, Admin Portal!</h1>
</body>
</html>
Code for Admin Home Page Left Navigation Pane:
<%--
Document : AdminLeftNavPg
Created on : 18 Oct, 2014, 10:37:35 PM
101
Author : Mujeeb Rehman
--%>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
a:link, a:visited {
display: block;
font-weight: normal;
color: #FFFFFF;
// background-color:lightblue;
width: auto;
text-align: left;
padding: 4px;
text-decoration: none;
text-transform: capitalize;
}
a:hover, a:active {
background-color: #66afe9;
}
</style>
102
</head>
<body>
<ul>
<li><a href="AdminFindManagerPg.jsp" target="iframe_b"><font style="color:
navy;"><B>Find Managers</B></font></a></li>
<li><a href="CreateManagerPg.jsp" target="iframe_b"><font style="color: navy;"><B>Create
New Manager</B></font></a></li>
<li><a href="InstallNewTrucksPg.jsp" target="iframe_b"><font style="color: navy;"><B>Install
New Truck</B></font></a></li>
<li><a href="SearchTrucksPg.jsp" target="iframe_b"><font style="color: navy;"><B>Search
Truck</B></font></a></li>
<!--<li><a href="ContactedPg.jsp" target="iframe_b"><font style="color: navy;"><B>Check
Customer Queries</B></font></a></li>-->
<li><a href="ManagerQueriesProcessPg.jsp" target="iframe_b"><font style="color:
navy;"><B>Check Manager Queries</B></font></a></li>
<%
if (session.getAttribute("islogin") != null) {
out.print("<li><a href='LogoutPg.jsp'>Logout</a></li>");
} else {
out.print("<li><a href='index.jsp'>Login</a></li>");
}
%>
</ul>
</body>
</html>
103
Section #17 Administrator Find Manager Page
<%--
Document : AdminFindManagerPg
Created on : 18 Oct, 2014, 11:06:07 PM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Find Manager</title>
<script>
104
var request;
function sendInfo()
{
var v = document.myform.select.value;
//var v = document.myform.findName.value;
var url = "AdminFindManagerProcessPg.jsp?val=" + v;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
request = new ActiveXObject("Microsoft.XMLHTTP");
}
try
{
request.onreadystatechange = getInfo;
request.open("GET", url, true);
request.send();
}
catch (e) {
alert("Unable to connect to server");
}
}
function getInfo() {
if (request.readyState == 4) {
var val = request.responseText;
document.getElementById('right').innerHTML = val;
105
}
}
function viewAll(name)
{
var v = name;
var url = "AdminViewAllManagersPg.jsp?val=" + v;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
request = new ActiveXObject("Microsoft.XMLHTTP");
}
try
{
request.onreadystatechange = getAllInfo;
request.open("GET", url, true);
request.send();
}
catch (e) {
alert("Unable to connect to server");
}
}
function getAllInfo() {
if (request.readyState == 4) {
var val = request.responseText;
106
document.getElementById('bottom').innerHTML = val;
}
}
</script>
</head>
<body bgcolor="lightblue">
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>
<% } %> <%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
} %> <% if (request.getAttribute("msg") != null) {
out.print(request.getAttribute("msg"));
}
%>
<form name="myform" onchange="sendInfo()">
<table>
<caption><h2>Search Manager</h2></caption>
<tr>
<td>
<font style="color: navy;">Branch:</font>
</td>
<td>
107
<select name="branch" id="select">
<option >--Select a Branch--</option>
<option>Ajmer</option>
<option>Ahemdabad</option>
<option>Alighar</option>
<option>Agra</option>
<option>Amritsar</option>
<option>Jaipur</option>
<option>Jodhpur</option>
<option>Jaisalmer</option>
<option>Udaipur</option>
<option>Delhi</option>
<option>Mumbai</option>
<option>Chennai</option>
<option>Punjab</option>
<option>Haryana</option>
<option>Chandighar</option>
<option>Bangluru</option>
<option>Pune</option>
</select>
</td>
</tr>
<%--<tr><td><br></td></tr>--%>
</table>
<div id="right" align="left">
</div>
<div id='bottom'>
108
</div>
<div id="right1" align="right">
</div><br>
</form>
</body>
</html>
Code for Finding Manager By Its Branch name:
<%--
Document : AdminFindNamePg
Created on : 21 Aug, 2014, 10:21:59 PM
Author : Mujeeb Rehman
--%>
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*" %>
<%
//String n = request.getParameter("val");
//String branch = request.getParameter("branch");
//if (n.length() > 0) {
String n = request.getParameter("val");
if (n.length() > 0) {
try {
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("select * from managerdetails where Branch
='"+n+"'");
//ps.setString(1,n);
out.print("<br>");
109
ResultSet rs = ps.executeQuery();
out.print("<table border='5' cellspacing=5 cellpadding=2 id='myTable'>");
out.print("<tr><td><a href='#' name='ID'
onmouseover='javascript:viewAllInfo(this.name)'><B>ID</B></a></td>"
+ "<td><B>Username</B></td>"
//+ "<td><B>Password</B></td>"
//+ "<td><B>Branch</B></td>"
+ "<td><B>FirstName</B></td>"
+ "<td><B>LastName</B></td>"
//+ "<td><B>DOJ</B></td>"
//+ "<td><B>DOB</B></td>"
//+ "<td><B>Salary</B></td>"
+ "<td><B>Mobile</B></td>"
+ "<td><B>Email</B></td>"
+ "</tr>");
while (rs.next()) {
out.print("<tr><td><a href='#' name='" + rs.getString(1) + "'
onmouseover='javascript:viewAll(this.name)'>" + rs.getString(1) + "</a></td>");
out.print("<td>" + rs.getString(2) + "</td>");
//out.print("<td>" + rs.getString(3) + "</td>");
//out.print("<td>" + rs.getString(4) + "</td>");
out.print("<td>" + rs.getString(5) + "</td>");
out.print("<td>" + rs.getString(6) + "</td>");
//out.print("<td>" + rs.getString(7) + "</td>");
//out.print("<td>" + rs.getString(8) + "</td>");
//out.print("<td>" + rs.getString(9) + "</td>");
out.print("<td>" + rs.getString(10) + "</td>");
110
out.print("<td>" + rs.getString(11) + "</td>");
out.print("</tr>");
}
out.print("</table>");
con.close();
} catch (Exception e) {
e.printStackTrace();
}
}
%>
Code Which Shows All Manager Of Same Branch:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page language="java" import="java.util.*"%>
<%@page import="org.omg.CORBA.PUBLIC_MEMBER"%>
111
<%
String username = getServletContext().getInitParameter("Username");
String password = getServletContext().getInitParameter("Password");
if (request.getParameter("username").equalsIgnoreCase(username) &&
request.getParameter("userpass").equalsIgnoreCase(password)) {
session.setAttribute("islogin", "plz sign in first");
session.setAttribute("admin", "admin");
%>
<jsp:forward page="AdminHomePg.jsp"></jsp:forward>
<%
} else {
request.setAttribute("Error", "Sorry! Username or Password Error. plz Enter Correct Detail");
session.setAttribute("Loginmsg", "plz sign in first");
%>
<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>
<%
}
%>
Code to show manager full record from database when Admin hover on its Id:
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*" %>
<%
String n = request.getParameter("val");
if(n.length()>0){
112
try{
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps=con.prepareStatement("select * from managerdetails where managerid
='"+n+"'");
//ps.setString(1,n);
ResultSet rs=ps.executeQuery();
out.print("<br>");
out.print("<table border='5' cellspacing=5 cellpadding=2>");
out.print("<tr>"
+ "<td><a href='#' name='ID'
onmouseover='javascript:viewAllInfo(this.name)'><B>ID</B></a></td>"
+ "<td><B>User name</B></td>"
+ "<td><B>Password</B></td>"
+ "<td><B>Branch</B></td>"
+ "<td><B>First Name</B></td>"
+ "<td><B>Last Name</B></td>"
+ "<td><B>Date of Joining</B></td>"
+ "<td><B>Date of Birth</B></td>"
+ "<td><B>Salary</B></td>"
+ "<td><B>Mobile</B></td>"
+ "<td><B>Email Address</B></td>"
+ "<td><B>Remove Manager</B></td>"
+ "</tr>");
113
while(rs.next()){
out.print("<tr><td><a href='#' name='"+rs.getString(1)+"'
onmouseover='javascript:viewAllInfo(this.name)'>"+rs.getString(1)+"</a></td>");
out.print("<td>"+rs.getString(2)+"</td>");
out.print("<td>"+rs.getString(3)+"</td>");
out.print("<td>"+rs.getString(4)+"</td>");
out.print("<td>"+rs.getString(5)+"</td>");
out.print("<td>"+rs.getString(6)+"</td>");
out.print("<td>"+rs.getString(7)+"</td>");
out.print("<td>"+rs.getString(8)+"</td>");
out.print("<td>"+rs.getString(9)+"</td>");
out.print("<td>"+rs.getString(10)+"</td>");
out.print("<td>"+rs.getString(11)+"</td>");
out.print("<td align = center><a href='AdminRemoveManagerPg.jsp?val="+rs.getString(1)+"'
name='"+rs.getString(1)+"'>Remove</a></td>");
out.print("</tr>");
}
out.print("</table>");
con.close();
}catch(Exception e){e.printStackTrace();}
}
%>
Code to delete the manager record from database when Admin click on remove link:
114
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page language="java" import="java.util.*"%>
<%@ page import="java.sql.*" %>
<%
String n=request.getParameter("val");
if(n.length()>0){
try{
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps=con.prepareStatement("delete from managerdetails where managerid
='"+n+"'");
115
ps.executeUpdate();
con.close();
request.setAttribute("msg","Record Has been Deleted");
}catch(Exception e){e.printStackTrace();}
}
%>
<jsp:forward page="AdminPg.jsp"></jsp:forward>
116
Section #18 Administrator Register New Manager for a Branch
<%--
Document : CreateManagerPg
Created on : 30 Aug, 2014, 1:47:56 AM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
117
<title>Create Manager</title>
</head>
<body bgcolor="lightblue">
<div id="gbox-bg">
<div id="gbox-grd">
<div id="newsletter">
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<form name="myform" action="CreateManagerProcessPg.jsp" method="post">
<table width="60%">
<caption><h1>Register New Manager for a Branch</h1></caption>
<tr><td>Branch:</td><td><input list="branch" name="branch" placeholder = "Select
City">
<datalist id="branch">
<option value="Ajmer">
118
<option value="Ahemdabad">
<option value="Alighar">
<option value="Agra">
<option value="Amritsar">
<option value="Jaipur">
<option value="Jodhpur">
<option value="Jaisalmer">
<option value="Udaipur">
<option value="Delhi">
<option value="Mumbai">
<option value="Chennai">
<option value="Punjab">
<option value="Haryana">
<option value="Chandighar">
<option value="Bangluru">
<option value="Pune">
</datalist></td></tr>
<tr><td><br></td></tr>
<tr><td>First Name: </td><td><input type="text" name="fstnme" required=""
placeholder="First Name" autofocus="" /></td></tr>
<tr><td><br></td></tr>
<tr><td>Last Name: </td><td><input type="text" name="lstnme" required=""
placeholder="Last Name"/></td></tr>
<tr><td><br></td></tr>
<tr><td>Username: </td><td><input type="text" name="username" required=""
placeholder="Username"/></td></tr>
<tr><td><br></td></tr>
<tr><td>Password: </td><td><input type="password" name="userpass" required=""
placeholder="Password"/></td></tr>
119
<tr><td><br></td></tr>
<tr><td>Date of Joining:</td><td><input type="date"
name="datejoining"></td></tr>
<tr><td><br></td></tr>
<tr><td>Date of Birth:</td><td><input type="date" name="datebirth"/></td></tr>
<tr><td><br></td></tr>
<tr><td>Salary:</td><td><input type="text" name="sal" required=""
placeholder="Salary"/></td></tr>
<tr><td><br></td></tr>
<tr><td>Mobile Number: </td><td><input type="text" name="mobnum"
required="" placeholder="Mobile No."/></td></tr>
<tr><td><br></td></tr>
<tr><td>Email: </td><td><input type="email" name="eml" required=""
placeholder="Email Address"/></td></tr>
<tr><td><br></td></tr>
<tr><td></td><td><input type="submit" value="Create Manager" style="padding:
2"></td></tr>
<tr><td><br></td></tr>
</table>
<div id="location" align="left"></div>
</form>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>
Code for Creating Manager Process Page:
<%--
120
Document : CreateManagerProcessPg
Created on : 30 Aug, 2014, 2:33:34 AM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page language="java" import="java.util.*"%>
<%@page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Create Manager Process</title>
</head>
<body>
<%try {
String username = request.getParameter("username");
String userpass = request.getParameter("userpass");
String branch = request.getParameter("branch");
String fstnm = request.getParameter("fstnme");
String lstnm = request.getParameter("lstnme");
String dateofjoining = request.getParameter("datejoining");
String dateofbirth = request.getParameter("datebirth");
String salary = request.getParameter("sal");
String mobile = request.getParameter("mobnum");
String email = request.getParameter("eml");
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
121
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("insert into managerdetails
values(?,?,?,?,?,?,?,?,?,?)");
//ps.setInt(1, 2);
ps.setString(1, username);
ps.setString(2, userpass);
ps.setString(3, branch);
ps.setString(4, fstnm);
ps.setString(5, lstnm);
ps.setString(6, dateofjoining);
ps.setString(7, dateofbirth);
ps.setString(8, salary);
ps.setString(9, mobile);
ps.setString(10, email);
int s = ps.executeUpdate();
if (s > 0) {
%>
<jsp:forward page="AdminPg.jsp"></jsp:forward>
<%
} else {
out.print("sorry!please fill correct detail and try again");
}
} catch (SQLException e2) {
out.print("sorry!please fill correct detail and try again");
e2.printStackTrace();
}
%></body></html>
122
Section #19 Administrator Attach a new Truck/Vehicle
<%--
Document : InstallNewTrucksPg
Created on : 2 Sep, 2014, 1:55:00 AM
Author : Mujeeb
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
123
<title>Install Trucks</title>
</head>
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<body bgcolor="lightblue">
<H1 align="center">Attach a new Truck/Vehicle</h1>
<form action="InstallNewTrucksProcessPg.jsp" method="Post">
<table>
<tr><td>Truck Model:</td><td><input placeholder="Truck Model" type="text" required=""
name="tmodal" autofocus></td></tr>
<tr><td>Truck Number:</td><td><input placeholder="Truck Number" type="text"
required="" name="tnumber"></td></tr>
<tr><td>Truck Insurance</td><td><input type="radio" required="" name="tinsurance"
value="yes"/>YES<input type="radio" name="tinsurance" value="no"/>NO</td></tr>
<tr><td>Insurance Company(if yes):</td><td><input type="text" placeholder="Insurance
Company Name" name="insurancecompany"></td></tr>
124
<tr><td>Truck Owner:</td><td><input placeholder="Truck Owner" required="" type="text"
name="towner"></td></tr>
<tr><td>Owner Mobile:</td><td><input placeholder="Owner Mobile" type="text"
name="mobile"></td></tr>
<tr><td>Route:</td><td><input list="routefrom" name="routefrom" placeholder =
"FROM">
<datalist id="routefrom">
<option value="Ajmer">
<option value="Ahemdabad">
<option value="Alighar">
<option value="Agra">
<option value="Amritsar">
<option value="Jaipur">
<option value="Jodhpur">
<option value="Jaisalmer">
<option value="Udaipur">
<option value="Delhi">
<option value="Mumbai">
<option value="Chennai">
<option value="Punjab">
<option value="Haryana">
<option value="Chandighar">
<option value="Bangluru">
<option value="Pune">
</datalist></td><td><input list="routeto" name="routeto" placeholder="TO">
<datalist id="routeto">
<option value="Ajmer">
<option value="Ahemdabad">
<option value="Alighar">
125
<option value="Agra">
<option value="Amritsar">
<option value="Jaipur">
<option value="Jodhpur">
<option value="Jaisalmer">
<option value="Udaipur">
<option value="Delhi">
<option value="Mumbai">
<option value="Chennai">
<option value="Punjab">
<option value="Haryana">
<option value="Chandighar">
<option value="Bangluru">
<option value="Pune">
</datalist><br></td></tr>
<tr><td>Date Installed:</td><td><input type="date" name="dateinstalled"></td></tr>
<tr><td ><button type="submit" value="Submit">Save New Details</button> | <button
type="reset" value="Reset">Clear Fields</button></td></tr>
</table>
</form>
<br><br>
<jsp:include page="VehiclesAppliedPg.jsp"></jsp:include>
</body>
</html>
Code For Oweners Applied For Trucking By Seeing This Page Data Admin Insert the Necessary
Truck Record In Company Database:
<%--
Document : VehiclesAppliedPg
126
Created on : 30 Oct, 2014, 1:17:27 AM
Author : Mujeeb Rehman
--%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.ResultSet"%>
<%
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("Select * from VehiclesApplied order by Id desc");
ResultSet rs = ps.executeQuery();
out.print("<table cellspacing='3',cellpadding='3' border='3' align='center' style='margin-top:
2cm;'>");
out.print("<caption><h2>Oweners Applied For Trucking</h2></caption>");
out.print("<tr>"
+ "<th>ID</th>"
+ "<th>Truck Owner</th>"
+ "<th>Address</th>"
+ "<th>City</th>"
+ "<th>State</th>"
+ "<th>Pincode</th>"
+ "<th>Mobile</th>"
+ "<th>Tel</th>"
+ "<th>Email</th>"
127
+ "<th>Present Business</th>"
+ "<th>Business City</th>"
+ "<th>Business Turnover</th>"
+ "<th>Vehicle Number</th>"
+ "<th>National Permit</th>"
+ "<th>Vehicle Capacity</th>"
+ "<th>Owner Remark</th>"
+ "<th>Date</th>"
+ "</tr>");
while (rs.next()) {
out.print("<tr>");
out.print("<td>" + rs.getString(1) + "</td>");
out.print("<td>" + rs.getString(2) + "</td>");
out.print("<td>" + rs.getString(3) + "</td>");
out.print("<td>" + rs.getString(4) + "</td>");
out.print("<td>" + rs.getString(5) + "</td>");
out.print("<td>" + rs.getString(6) + "</td>");
out.print("<td>" + rs.getString(7) + "</td>");
out.print("<td>" + rs.getString(8) + "</td>");
out.print("<td>" + rs.getString(9) + "</td>");
out.print("<td>" + rs.getString(10) + "</td>");
out.print("<td>" + rs.getString(11) + "</td>");
out.print("<td>" + rs.getString(12) + "</td>");
out.print("<td>" + rs.getString(13) + "</td>");
out.print("<td>" + rs.getString(14) + "</td>");
out.print("<td>" + rs.getString(15) + "</td>");
out.print("<td>" + rs.getString(16) + "</td>");
128
out.print("<td>" + rs.getString(17) + "</td>");
out.print("</tr>");
}
out.print("</table>");
%>
129
Section #20 Administrator Search Truck
<%--
Document : SearchTrucksPg
Created on : 6 Sep, 2014, 1:11:12 PM
Author : Mujeeb
--%>
<head>
<script>
var request;
function sendInfo()
{
var v=document.myform.findName.value;
130
var url="TruckSearchProcessPg.jsp?val="+v;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
request = new ActiveXObject("Microsoft.XMLHTTP");
}
try
{
request.onreadystatechange = getInfo;
request.open("GET", url, true);
request.send();
}
catch (e) {
alert("Unable to connect to server");
}
}
function getInfo(){
if(request.readyState==4){
var val=request.responseText;
document.getElementById('right').innerHTML=val;
}
}
</script>
</head>
<body bgcolor="lightblue">
131
<div id="newsletter">
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<%
if (request.getAttribute("msg") != null) {
out.print(request.getAttribute("msg"));
}
%>
<form name="myform">
<table align="center">
<caption><h1>Search Truck</h1></caption>
<tr><td><font style="color: navy;">Find Truck:-</font></td><td><input type="text" align="right"
name="findName" onkeyup="sendInfo()"></input></td></tr>
</table>
<div id="right" align="left">
</div>
132
<div id='bottom'>
</div>
<div id="right1" align="right">
</div><br>
</form>
</div>
</body>
133
Section #21 Manager Queries & Feedback
<%--
Document : ManagerQueriesProcessPg
Created on : 26 Oct, 2014, 10:33:36 PM
Author : Mujeeb Rehman
--%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<head>
134
<script>
var request;
function sendInfo(a)
{
var v=a;
var url="ChangeQueryStatusPg.jsp?val="+v;
if(window.XMLHttpRequest){
request=new XMLHttpRequest();
}
else if(window.ActiveXObject){
request=new ActiveXObject("Microsoft.XMLHTTP");
}
try
{
request.onreadystatechange=getInfo;
request.open("GET",url,true);
request.send();
}
catch(e){alert("Unable to connect to server");}
}
function getInfo(){
if(request.readyState==4){
135
var val=request.responseText;
document.getElementById('right').innerHTML=val;
}
}
</script>
</head>
<body bgcolor="lightblue">
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<jsp:forward page="AdminLoginPg.jsp"></jsp:forward>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
<script type="text/javascript">
window.onload=function(){
var tfrow = document.getElementById('tfhover').rows.length;
var tbRow=[];
for (var i=1;i<tfrow;i++) {
136
tbRow[i]=document.getElementById('tfhover').rows[i];
tbRow[i].onmouseover = function(){
this.style.backgroundColor = '#ffffff';
};
tbRow[i].onmouseout = function() {
this.style.backgroundColor = '#d4e3e5';
};
}
};
</script>
<style type="text/css">
table.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color:
#729ea5;border-collapse: collapse;}
table.tftable th {font-size:12px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-
style: solid;border-color: #729ea5;text-align:left;}
table.tftable tr {background-color:#d4e3e5;}
table.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color:
#729ea5;}
</style>
<%
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("select
QueryDate,ManagerName,ManagerBranch,ManagerQuery,ContactNo,Email,QueryTime,QueryStatus
,QueryNo from BranchManagerQueries order by queryno desc");
ResultSet rs = ps.executeQuery();
out.print("<table id='tfhover' class='tftable' border='1'>");
out.print("<caption><h1>Manager Queries & Feedback</h1></caption>");
137
out.print("<tr><th width='75px'>Query Date</th><th width='100px'>Manager
Name</th><th>Manager Branch</th><th>Manager Query</th><th>Contact
No</th><th>Email</th><th>Query Time</th><th>Query Status</th></tr>");
while (rs.next()) {
out.print("<tr><td>" + rs.getString(1) + "</td><td>" + rs.getString(2) + "</td><td>" +
rs.getString(3) + "</td><td width='400px'>" + rs.getString(4) + "</td><td>" + rs.getString(5) +
"</td><td>" + rs.getString(6) + "</td><td>" + rs.getString(7) + "</td><td><a href='#'
onclick='sendInfo(this.name)' name='"+rs.getString(9)+"'>"+rs.getString(8)+"</a></td></tr>");
}
out.print("</table>");
%>
<form action="SaveQueryStatusPg.jsp">
<div id='right'></div>
</form>
<br/>
Code for Changing the Status of the Mnagers Queries When Admin Clicks On Query Status Column:
138
<%--
Document : ChangeQueryStatusPg
Created on : 27 Oct, 2014, 8:17:01 PM
Author : Mujeeb Rehman
--%>
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*" %>
<%
String n=request.getParameter("val");
if(n.length()>0){
session.setAttribute("id",n);
out.print("Enter query status<input type='text' name='status'/>");
out.print("<input type='submit' value='save'/>");
%>
<%
}//end of if
%
Code for Changing the Status of the Mnagers Queries:
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*" %>
<%
String status=request.getParameter("status");
String id=(String)session.getAttribute("id");
System.out.print(id);
if(id.length()>0){
try{
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
139
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps=con.prepareStatement("UPDATE BranchManagerQueries set
QueryStatus='"+ status +"' WHERE QueryNo = '"+ id +"'");
//ps.setString(1,n);
out.print("<br>");
int s=ps.executeUpdate();
con.close();
}catch(Exception e){e.printStackTrace();}
}//end of if
%>
<jsp:forward page="ManagerQueriesProcessPg.jsp"></jsp:forward>
140
Section #22 Be Our Associate
<%--
Document : BeOurAssociatePg
Created on : 29 Oct, 2014, 8:55:16 PM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Be Our Associate</title>
</head>
<body>
<h1>Be Our Associate</h1>
<ul>
<li><a href="AttachYourVehiclePg.jsp">Attach your vehicle</a></li>
<li><a href="ApplyForBranchPg.jsp">Apply For Branch</a></li>
</ul></body></html>
141
Section #23 Attach Your Vehicle
%--
Document : AttachYourVehiclePg
Created on : Oct 6, 2014, 9:45:56 AM
Author : shreyansh
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Attach your vehicle</title>
<link rel="stylesheet" href="BeOurAssociateCss/forvehicle.css">
<script src="validations.js"></script>
142
</head>
<body>
<jsp:include page="HeaderCommon.jsp"></jsp:include>
<form name="AttachVehicleForm" action="AttachYourVehicleProcessPg.jsp" method="post" >
<table class="style1">
<tr><td colspan="5"><hr></td></tr>
<tr>
<td width="20%" align="right" class="style5">
Please attach your </td>
<td colspan="3" width="50%" align="left" class="style5">
vehicle</td>
<td height="30%" rowspan="6" width="30%">
<img align="right" alt="" height="100%" src="" width="100%" /></td>
</tr>
<tr>
<td></td>
<td align="right" colspan="3">
* Fields are mandatory.</td>
</tr>
<tr>
<td>
Name *</td>
<td width="40%" colspan="2">
<input name="truckowner" type="text" class="style4" maxlength="64" required/></td>
<td width="10%">
143
</td>
</tr>
<tr>
<td>
Address *</td>
<td colspan="2">
<textarea name="owneraddress" cols="20" rows="2" class="style4" maxlength="256"
required></textarea></td>
<td>
</td>
</tr>
<tr>
<td>
City *</td>
<td colspan="2">
<input name="city" type="text" class="style4" maxlength="64" required/></td>
<td>
</td>
</tr>
<tr>
<td>
State</td>
<td colspan="2">
<input name="state" type="text" class="style4" maxlength="64"/></td>
<td>
</td>
<td height="30%" rowspan="6">
144
<img align="right" alt="" height="100%" src="" width="100%" /></td>
</tr>
<tr>
<td>
Pin Code *</td>
<td colspan="2">
<input name="pin" type="number" max="6" class="style4" required/></td>
<td>
</td>
</tr>
<tr>
<td>
Mobile *</td>
<td colspan="2">
<input name="ownermobile" type="number" min="10" class="style4" required/></td>
<td>
</td>
</tr>
<tr>
<td>
Phone</td>
<td colspan="2">
<input name="ownertel" type="number" maxlength="16" class="style4"/></td>
<td>
</td>
</tr>
<tr>
145
<td>
Email *</td>
<td colspan="2">
<input name="owneremail" type="email" class="style4" required/></td>
<td>
</td>
</tr>
<tr>
<td>
Present Business</td>
<td colspan="2">
<input name="ownerpresentbusiness" type="text" maxlength="28" class="style4"/></td>
<td>
</td>
</tr>
<tr>
<td>
Business City / Area / Route *</td>
<td colspan="2">
<input name="ownerbusinesscity" type="text" class="style4" maxlength="64"
required/></td>
<td>
</td>
<td height="30%" rowspan="7">
<img align="right" alt="" height="100%" src="" width="100%" /></td>
</tr>
<tr>
<td>
146
Business Turnover</td>
<td colspan="2">
<input name="ownerbusinessturnover" type="text" maxlength="16" a
class="style4"/></td>
<td>
</td>
</tr>
<tr>
<td>
Vehicle Number *</td>
<td colspan="2">
<input name="ownervehiclenumber" type="text" maxlength="10" class="style4"
required/></td>
<td>
</td>
</tr>
<tr>
<td>
Permit National</td>
<td colspan="2">
<input type="radio" name="Permit"
value="Yes"/>Yes &nb
sp;
<input type="radio" name="Permit" value="No"/>No</td>
<td>
</td>
</tr>
<tr>
<td>
147
Capacity *</td>
<td colspan="2">
<input name="ownervehiclecapacity" type="text" maxlength="8" class="style3" required/>
Tonnes</td>
<td>
</td>
</tr>
<tr>
<td>
Remark if any </td>
<td style="width: 0%" width="40%" colspan="2">
<textarea name="ownerremark" cols="20" name="S2" rows="2" maxlength="256"
class="style4"></textarea></td>
<td style="width: 20%" width="40%">
</td>
</tr>
<tr>
<td>
</td>
<td style="width: 0%" width="40%" colspan="2">
</td>
<td style="width: 20%" width="40%">
</td>
</tr>
<tr>
<td>
</td>
<td align="center" width="50%" style="width: 0%">
148
<input id="Submit1" type="submit" value="Submit" /></td>
<td align="center" width="50%" style="width: 0%">
<input id="Reset1" type="reset" value="Reset" /></td>
<td align="center" width="20%">
</td>
<td height="10%">
</td>
</tr>
</table>
</form>
</body>
</html>
Code For Attaching Vehicle Process:
<%--
Document : AttachYourVehicleProcessPg
Created on : 28 Oct, 2014, 7:05:11 PM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page language="java" import="java.util.*"%>
<%@page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Attach Your Vehicle</title>
</head>
149
<body>
<%try {
String truckowner = request.getParameter("truckowner");
String owneraddress = request.getParameter("owneraddress");
String city = request.getParameter("city");
String state = request.getParameter("state");
String pin = request.getParameter("pin");
String ownermobile = request.getParameter("ownermobile");
String ownertel = request.getParameter("ownertel");
String owneremail = request.getParameter("owneremail");
String ownerpresentbusiness = request.getParameter("ownerpresentbusiness");
String ownerbusinesscity = request.getParameter("ownerbusinesscity");
String ownerbusinessturnover = request.getParameter("ownerbusinessturnover");
String ownervehiclenumber = request.getParameter("ownervehiclenumber");
String Permit = request.getParameter("Permit");
String ownervehiclecapacity = request.getParameter("ownervehiclecapacity");
String ownerremark = request.getParameter("ownerremark");
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
PreparedStatement ps = con.prepareStatement("insert into VehiclesApplied (TruckOwner,
OwnerAddress, City, State, Pincode,
OwnerMobile,OwnerTel,OwnerEmail,OwnerPresentBusiness,OwnerBusinessCity,OwnerBusinessTur
nover,OwnerVehicleNumber,NationalPermit,OwnerVehicleCapacity,OwnerRemark)
values(?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)");
//ps.setInt(1, 2);
ps.setString(1, truckowner);
ps.setString(2, owneraddress);
150
ps.setString(3, city);
ps.setString(4, state);
ps.setString(5, pin);
ps.setString(6, ownermobile);
ps.setString(7, ownertel);
ps.setString(8, owneremail);
ps.setString(9, ownerpresentbusiness);
ps.setString(10, ownerbusinesscity);
ps.setString(11, ownerbusinessturnover);
ps.setString(12, ownervehiclenumber);
ps.setString(13, Permit);
ps.setString(14, ownervehiclecapacity);
ps.setString(15, ownerremark);
int s = ps.executeUpdate();
if (s > 0) {
// out.print("Thankyou! Your Request Has Been Submitted!\nWe Will Reach You Soon Via
Mail or Phone Call.");
%>
<jsp:forward page="index.jsp"></jsp:forward>
<%
} else {
out.print("sorry!please fill correct detail and try again");
}
} catch (SQLException e2) {
out.print("sorry!please fill correct detail and try again");
e2.printStackTrace();
} %></body></html>
151
Section #24 Apply For Branch
<%--
Document : ApplyForBranch
Created on : Oct 6, 2014, 10:27:27 AM
Author : shreyansh
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Apply for Branch</title>
<link rel="stylesheet" href="BeOurAssociateCss\forvehicle.css">
<script src="validations.js"></script>
</head>
<body>
<jsp:include page="HeaderCommon.jsp"></jsp:include>
152
<form id="form1" action="ApplyForBranchProcessPg.jsp" method="post">
<table class="style1">
<tr>
<td align="right" class="style5">
Apply For Branch</td>
<td colspan="2" width="50%">
</td>
<td width="25%">
</td>
</tr>
<tr>
<td class="style2">
</td>
<td colspan="2">
</td>
<td>
* Fields are mandatory.</td>
</tr>
<tr>
<td>
Name *</td>
<td colspan="2">
<input id="Text1" name="appliername" type="text" class="style4" maxlength="64"
required/></td>
<td>
</td>
</tr>
<tr>
153
<td>
Address *</td>
<td colspan="2">
<textarea id="TextArea1" name="applieraddress" cols="20" rows="3" maxlength="256"
class="style4" required></textarea>
</td>
<td>
</td>
</tr>
<tr>
<td>
City *</td>
<td colspan="2">
<input id="Text2" name="appliercity" type="text" class="style4" maxlength="64"
required/></td>
<td>
</td>
</tr>
<tr>
<td>
State</td>
<td colspan="2">
<input id="Text3" name="applierstate" type="text" class="style4" maxlength="64"/></td>
<td>
</td>
</tr>
<tr>
154
<td>
Mobile *</td>
<td colspan="2">
<input id="Text5" name="appliermobile" type="text" max="10" class="style4"
required/></td>
<td>
</td>
</tr>
<tr>
<td>
Phone</td>
<td colspan="2">
<input id="Text6" name="applierphone" type="text" maxlength="16" class="style4"/></td>
<td>
</td>
</tr>
<tr>
<td>
Email *</td>
<td colspan="2">
<input id="Text7" name="applieremail" type="email" class="style4" required/></td>
<td>
</td>
</tr>
<tr>
<td>
Want to open branch in which city ? </td>
<td colspan="2">
155
<input id="Text9" name="applierintrestedcity" type="text" class="style4" maxlength="64"
required/></td>
<td>
</td>
</tr><tr><td>
A brief write up of yourself *</td>
<td colspan="2">
<textarea id="TextArea2" name="appliernote" cols="20" rows="5" maxlength="1000"
class="style4" required></textarea>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td align="center">
<input id="Button1" type="submit" value="Submit" /></td>
<td align="center">
<input id="Button2" type="reset" value="Reset" /></td>
<td>
</td>
</tr>
</table>
</form></body></html>
Code For Apply Branch Process Page:
<%--
Document : ApplyForBranchProcessPg
156
Created on : 30 Oct, 2014, 12:45:08 AM
Author : Mujeeb Rehman
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page language="java" import="java.util.*"%>
<%@page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Apply For Branch Process</title>
</head>
<body>
<%try {
String appliername = request.getParameter("appliername");
String applieraddress = request.getParameter("applieraddress");
String appliercity = request.getParameter("appliercity");
String applierstate = request.getParameter("applierstate");
String appliermobile = request.getParameter("appliermobile");
String applierphone = request.getParameter("applierphone");
String applieremail = request.getParameter("applieremail");
String applierintrestedcity = request.getParameter("applierintrestedcity");
String appliernote = request.getParameter("appliernote");
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
Connection con =
DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=TransportCompany;
user=sa;password=secret;");
157
PreparedStatement ps = con.prepareStatement("insert into BranchApplied (ApplierName,
ApplierAddress, ApplierCity, ApplierState, ApplierMobile,
ApplierPhone,ApplierEmail,ApplierIntrestedCity,ApplierNote) values(?,?,?,?,?,?,?,?,?)");
//ps.setInt(1, 2);
ps.setString(1, appliername);
ps.setString(2, applieraddress);
ps.setString(3, appliercity);
ps.setString(4, applierstate);
ps.setString(5, appliermobile);
ps.setString(6, applierphone);
ps.setString(7, applieremail);
ps.setString(8, applierintrestedcity);
ps.setString(9, appliernote);
int s = ps.executeUpdate();
if (s > 0) {
%>
<jsp:forward page="index.jsp"></jsp:forward>
<%
} else {
out.print("sorry!please fill correct detail and try again");
}
} catch (SQLException e2) {
out.print("sorry!please fill correct detail and try again");
e2.printStackTrace();
}
%>
</body>
</html>
158
Section #25 Common Header Page, Manager Header Page & Footer
Common Header Page
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="IndexPageJs/jquery.min.js"></script>
<!----- <link href="IndexPageCss/bootstrap.css" rel="stylesheet" type="text/css" media="all" />---
--->
<link href="IndexPageCss/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="IndexPageJs/menu_jquery.js"></script>
</head>
<body>
<!----header---->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.jsp"><img src="IndexPageImages/FinalLogo.png"></a>
</div>
<div class="top-nav">
<div class="top-nav-left">
<span class="menu"> </span>
159
<ul>
<li><a href="index.jsp">home</a></li>
<li><a href="AboutUsPg.jsp">KnowUs</a></li>
<li><a href="index.jsp#network">network</a></li>
<li><a href="index.jsp#services" >services</a></li>
<li><a href="index.jsp#tracking" >tracking</a></li>
<li><a href="index.jsp#testimonial" >testimonial</a></li>
<li><a href="ContactUsPg.jsp">contactUs</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!---- script-nav ---->
<script>
$("span.menu").click(function () {
$(".top-nav-left ul").slideToggle(500, function () {
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$(".scroll").click(function (event) {
event.preventDefault();
$('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
});
});
</script> <!---- script-nav ---->
<div class="top-nav-right">
160
<div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a>
<div id="loginBox">
<form id="loginForm" action="ManagerLoginProcessPg.jsp" method="post" accept-
charset="utf-8">
<fieldset id="body">
<fieldset>
<label for="email">Enter Username</label>
<input type="text" name="username" id="email" required=""
placeholder="Enter Username">
</fieldset>
<fieldset>
<label for="password">Enter Password</label>
<input type="password" name="userpass" id="password" required=""
placeholder="Enter Password">
</fieldset>
<fieldset>
<label for="branch">Select Branch</label>
<select name="branch">
<option >--Select Your's--</option>
<option>Ajmer</option>
<option>Ahemdabad</option>
<option>Alighar</option>
<option>Agra</option>
<option>Amritsar</option>
<option>Jaipur</option>
<option>Jodhpur</option>
<option>Jaisalmer</option>
<option>Udaipur</option>
<option>Delhi</option>
161
<option>Mumbai</option>
<option>Chennai</option>
<option>Punjab</option>
<option>Haryana</option>
<option>Chandighar</option>
<option>Bangluru</option>
<option>Pune</option>
</select>
</fieldset>
<fieldset style='color: red;'>
<%
if (request.getAttribute("notlogin_msg") != null) {
out.print(request.getAttribute("notlogin_msg"));
}
%>
<% if (request.getAttribute("Error") != null) {
out.print(request.getAttribute("Error"));
}
%>
</fieldset>
<input type="submit" id="login" value="Sign in">
<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember
me</i></label>
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>
</div>
162
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!----//header---->
</body>
</html>
Manager Header Page
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="HeaderPageStyles/styles.css">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="HeaderPageJs/script.js"></script>
</head>
<body>
<div id='cssmenu'>
<ul>
<li><a href="#"><img src="IndexPageImages/FinalLogo.png" style="height: 23px;"></a></li>
<li class='active'><a href='HomePg.jsp'>Home</a></li>
163
<li><a href="RecentlyInstalledTrucksPg.jsp">New Installed Trucks</a></li>
<li><a href="TruckStatusPg.jsp">Truck Status</a></li>
<li><a href="TrucksToMyBranchPg.jsp">Trucks to Branch</a></li>
<li><a href="ContactedPg.jsp">Queries</a></li>
<li><a href="ManagerContactUsPg.jsp">Contact Administrator</a></li>
<%
if (session.getAttribute("islogin") != null) {
out.print("<li><a href='LogoutPg.jsp'>Logout</a></li>");
} else {
out.print("<li><a href='index.jsp'>Login</a></li>");
}
%>
</ul>
</div>
</body>
</html>
Manager Footer Page
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="mujeebfooterstyle.css" />
<title>JSP Page</title>
<style type="text/css">
164
#fd{
text-align: center;
}
#fd1{
text-align: center;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="footer">
<div class="box">
<%--<h2 id="hd">NATIONAL TRANSPORTATION
COMPANY</h2>--%>
<p id="fd"></p>
<p id="fd1">© 2014 Copyrights by <a href="index.jsp"
target="_blank">transportcompany.com</a> All Rights Reserved.</p>
</div><!-- .box -->
</div>
</div><!-- #wrapper -->
</body></html>