JSP Web Technology Application on Road Transport Services

Abhay Chamber, Jalori Gate, Jodhpur-342001 Ph.2614914 e-mail-niitjodh@sancharnet.in 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>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<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" />

<link href="IndexPageCss/style.css" rel="stylesheet" type="text/css" media="all" />

<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 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>


<link href="IndexPageCss/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="IndexPageJs/wow.min.js"></script>
<script>
new WOW().init();
</script>

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

<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>


<link rel="stylesheet" type="text/css" href="TrackingCss/TrackingTextBoxCSS.css" />
<link rel="stylesheet" type="text/css" href="IndexPageCss/loader.css">
</head>
<body>

<div id="spinner"></div>

<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>
$("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>

</div>

11
</div>
</div>
</div>



<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>


<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>
<div class="caption">
<div class="slide-text-info bounceInDown" >
<h1>Super Load Movers</h1>
<p></p><br><br><br>
</div>
</div>
</li>
<li>

13
<div class="caption">
<div class="slide-text-info bounceInDown" >
<h1>Cost Effective, Fast & Reliable</h1>
<p></p><br><br><br>
</div>
</div>
</li>
</ul>
</div>

14
Section #2 Network

<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>

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>
</div>
</div>

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>");

22
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("</table>");
con.close();
} catch (Exception e) {
e.printStackTrace();
}
}
%>

23
Section #3 Services

<div id="services" class="services">
<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>
<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>
<figcaption>
<h3>Commercial Moves</h3>
</figcaption>
</figure>
</li>

25
<li>
<figure>
<figcaption>
<h3>Wrapping & Packing</h3>
</figcaption>
</figure>
</li>
<li>
<figure>
<figcaption>
<h3>Hire Dumper</h3>
</figcaption>
</figure>
</li>
</ul>
</div>
</div>
</div>
</div>

26
<%--
Document : ServicesPg
Created on : 2 Sep, 2014, 1:32:47 PM
Author : Mujeeb
--%>
<!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>
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">

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><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>
</ul>
<ul>
<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>
</ul>
<ul>
<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
</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>
<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>
</div>
</div>
</div>
<div class="footer">
<div class="top-to-page">
<a href="#top" class="scroll"> </a>
</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

<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>
<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>


</div>
</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 {
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>
</tr>
<tr>
<td id="tdnames">Goods Type</td>
</tr>
<tr>
<td id="tdnames">Goods Weight</td>
</tr>
<tr>
<td id="tdnames">Goods Dispatched On</td>
</tr>
<tr>
<td id="tdnames">Goods Shipped By</td>
</tr>
<tr>
<td id="tdnames">Goods Current Location</td>

36
</tr>
<tr>
<td id="tdnames">Expected Delivery Date</td>
</tr>
<%
}
}
%>
</table>

37
Section #5 Testimonial
We included these two pages to show working testimonials section on home page.

<div id="testimonial">
<jsp:include page="TestimonialsPg.jsp"></jsp:include>

<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
<!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>

<link rel="stylesheet" href="TestimonialsCss/jquery.bxslider.css" type="text/css" />
<script src="TestimonialsJs/jquery.bxslider.js"></script>
$(document).ready(function () {
$('.bxslider').bxSlider({
auto: true,
autoControls: true,
minSlides: 3, //4
maxSlides: 3, //4
slideWidth: 420, //450
slideMargin: 10
});
});
</script>


<script src="TestimonialsJs/css3-mediaqueries.js"></script>

39
</head>
<body>

<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>
<a href="#">Abhishek Tripathi</a>
<span>Mumbai, Maharashtra</span>
<label> </label>
</li>
<li>
<a href="#">Rahul Soni</a>
<span>Delhi, India</span>

40
<label> </label>
</li>
<li>
<a href="#">Rizwaan Rehman</a>
<span>Lucknow, Utter Pradesh</span>
<label> </label>
</li>
<li>
<a href="#">Akshika Kachhwaha</a>
<span>Jodhpur, Rajasthan</span>
<label> </label>
</li>
<li>
<a href="#">Manish Vyaas</a>
<span>Ahmedabad, Gujrat</span>
<label> </label>
</li>
</div>
</div>

</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/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>
</div>
 </div></body></html>

42
Section #6 Know Us (AboutUs)
<%--
Document : AboutUsPg
Created on : 23 Oct, 2014, 7:10:53 PM
--%>
<!DOCTYPE html>
<html>
<head>
<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>
</g>

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>
<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>
<text transform="matrix(1 0 0 1 105.9523 89.5151)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Ludhiana</text>
<text transform="matrix(1 0 0 1 91.5289 105.4482)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Jalandhar</text>
<text transform="matrix(1 0 0 1 95.1799 95.9841)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Amritsar</text>
<text transform="matrix(1 0 0 1 138.5896 122.0925)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Rishikesh</text>
<text transform="matrix(1 0 0 1 156.5862 180.7125)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Allahabad</text>

46
<text transform="matrix(1 0 0 1 129.1772 209.942)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Bhopal</text>
<text transform="matrix(1 0 0 1 112.689 219.3557)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Indore</text>
<text transform="matrix(1 0 0 1 155.2141 219.3557)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Jabalpur</text>
<text transform="matrix(1 0 0 1 198.374 191.2712)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Varanasi</text>
<text transform="matrix(1 0 0 1 240.638 180.393)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Patna</text>
<text transform="matrix(1 0 0 1 239.421 266.3829)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Bhubaneshwar</text>
<text transform="matrix(1 0 0 1 145.8201 252.7573)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Nagpur</text>
<text transform="matrix(1 0 0 1 213.2958 300.195)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Vishakhapatnam</text>

47
<text transform="matrix(1 0 0 1 56.5748 224.0043)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Ahmedabad</text>
<text transform="matrix(1 0 0 1 31.8255 236.7406)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Rajkot</text>
<text transform="matrix(1 0 0 1 73.7295 340.0019)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Panajii</text>
<text transform="matrix(1 0 0 1 94.2329 324.404)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Hospet</text>
<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>
<text transform="matrix(1 0 0 1 151.3625 153.0086)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Bareily</text>

48
<text transform="matrix(1 0 0 1 150.6021 143.6226)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Aligarh</text>
<text transform="matrix(1 0 0 1 126.4178 156.7281)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Agra</text>
<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>

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>
<text transform="matrix(1 0 0 1 61.2638 255.7393)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Surat</text>
<text transform="matrix(1 0 0 1 63.5037 239.4166)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Vadodara</text>
<text transform="matrix(1 0 0 1 83.677 261.7881)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Nashik</text>
<text transform="matrix(1 0 0 1 109.1903 282.8519)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Aurangabad</text>
<text transform="matrix(1 0 0 1 128.0372 393.7729)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Coimbatore</text>

50
<text transform="matrix(1 0 0 1 140.4793 407.5995)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Guntur</text>
<text transform="matrix(1 0 0 1 149.2564 400.23)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Thanjavur</text>
<text transform="matrix(1 0 0 1 126.4753 98.9985)" font- family="'OpenSans-Light'" font-size="8" style="display: none;">Chandigarh</text>

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>
<h4><span class=" clients blue">6</span> Clients</h4>
</div>
<div>
<h4><span class=" sellers blue">20</span>Sellers</h4>
</div>
<div>
<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>

53
<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>
<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="VediosStevens Transport.mp4" type="video/mp4">
<source src="VediosStevens 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>
<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,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/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">
<img width="200" height="200" class="lazy" data- original="images/team/mohit_tandon.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/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">

57
<img width="200" height="200" class="lazy" data- original="images/team/suraj_saharan.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/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
--%>
<!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">


<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>
<input name="email" type="email" class="form-control" id="input_email" placeholder="Email" required="">
</div>
<input name="phone" type="tel" class="form-control" id="input_tel" placeholder="Phone" required="">
</div>
</div>
<div class="col-md-7">
<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> 
</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.0005064bb0a39365998b6&ie=UTF8&t=m&ll=26.296705,72.990417&spn=0.004617,0.006866&z=17&output=embed"></iframe><br /><small>View <a href="https://maps.google.co.in/maps/ms?msa=0&msid=209215847512154786948.0005064bb0a39365998b6&ie=UTF8&t=m&ll=26.296705,72.990417&spn=0.004617,0.006866&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>
Mnager Login Process Code:
<%--
Document : LoginProcess
Created on : 21 Aug, 2014, 10:31:43 PM
--%>
<%@ 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>
<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 {
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>
<%
}
}
%> </body></html>

68
Section #9 Branch Manager Home Page
<%--
Document : ManagerHomePg
Created on : 21 Aug, 2014, 10:47:01 PM
--%>
<!DOCTYPE html>
<html>
<head>
<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></label>
</div>
<br>
<%
String islogin = (String) session.getAttribute("islogin");
if (islogin == null) {
request.setAttribute("notlogin_msg", "Sorry,Please do Login first");
%>
<%
}
%>
<%
if (request.getAttribute("Error") != null) {
}
%>
<div id="errmsg">
<%

70
if (request.getAttribute("notlogin_msg") != null) {
out.print(request.getAttribute("notlogin_msg"));
}
%>
<% if (request.getAttribute("Error") != null) {
}
%>
</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
--%>
<!DOCTYPE html>
<html>
<head>
<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) {
}
%>
<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 language="java" import="java.util.*"%>
<%@page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<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");
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></label>
</div>
<br>
<%
String islogin=(String)session.getAttribute("islogin");
if(islogin==null){
request.setAttribute("notlogin_msg","Sorry,Please do Login first");
%>
<%
}
%>
<%
if(request.getAttribute("Error")!=null){
}
%>
<%
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>From</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><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
--%><%@ 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

JSP Web Technology Application on Road Transport Services

JSP Web Technology Application on Road Transport Services

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (17)

Similar to JSP Web Technology Application on Road Transport Services

Similar to JSP Web Technology Application on Road Transport Services (20)

More from Mujeeb Rehman

More from Mujeeb Rehman (11)

Recently uploaded

Recently uploaded (20)

JSP Web Technology Application on Road Transport Services