Scribd
Upload
39 views27 pages

Final Project Awd

This document contains details of a final project for an Advanced Web Development course. It includes the names of 3 group members and details of the coding completed for the project, which involves building a website for registration of a virtual graduation ceremony. The coding includes HTML, JSP, and Java files for various pages and functions of the website such as the homepage, registration form, registration submission, and a search feature.

Uploaded by

Armish Arif
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
39 views27 pages

Final Project Awd

This document contains details of a final project for an Advanced Web Development course. It includes the names of 3 group members and details of the coding completed for the project, which involves building a website for registration of a virtual graduation ceremony. The coding includes HTML, JSP, and Java files for various pages and functions of the website such as the homepage, registration form, registration submission, and a search feature.

Uploaded by

Armish Arif
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 27

FINAL PROJECT

COURSE: ADVANCED WEB DEVELOPMENT

COURSE CODE: BIT417

PREPARED FOR: MR. SHADY HAMOODA

GROUP MEMBERS:

1. ARMISH ARIF BAF1609045


2. REEM AL ALI BAF2002012
3. MOZA AL ZAABI BAF1809056
Coding:

 HeaderF.html:
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>

<body>

<table border="1" align="center"><td> <h2 style="text-align: center">Registration System of Virtual


ECT Graduation Ceremony</h2></td></table>

<h2 style="color: lightsalmon" style="text-align: center"><b> Navigation Bars :</b> </h2>

<p style="text-align: center">

<a href ="index.jsp">Home &nbsp;&nbsp;&nbsp;</a>

<a href="RegistrationGrad.jsp">Registration &nbsp;&nbsp;&nbsp;</a>

<a href="Search.jsp">Search &nbsp;&nbsp;&nbsp;</a>

<a href="Update.jsp">Update &nbsp;&nbsp;&nbsp;</a>

<a href="Contact.jsp">Contact Us &nbsp;&nbsp;&nbsp;</a>

</p>

 FooterF.html:
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
</br>

</br>

</br><p style="text-align: center">

Armish Arif BAF1609045 &nbsp;

Reem Al Ali BAF2002012 &nbsp;

Moza Al Zaabi BAF1809056 &nbsp;

</p>

<p style="text-align: center">Course Code : BIT417 &nbsp;</p>

 Index.jsp:
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>

<%@include file= "/HeaderF.jsp" %>

<html>

<head>

<style>

body {

background-color: #E6E6FA;

</style>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>

<body>
<h1 style="text-align: center">Hello Guests</h1>

<h2 style="text-align: center; text-decoration: underline;">Welcome to ECT Virtual Graduation


Ceremony Registration</h2>

<p style="text-align: center"> Through this website , the students and the guest can

register for the attendance to the Virtual Graduation Ceremony for the ECT students.

The meeting will be held through zoom and the registered users would receive the

invitation as link to attend the ceremony. There is no as such fees to attend the

however , each student can only bring 5 members access to this graduation ceremony

. The graduating student has been already given a reference code which can be used the

guest to register and use in the registration. And along with that each guest has a different

ID for identification. We are eager to host you in this Virtual Ceremony. </p>

<p style="text-align:center">Thank You</p>

<p style="text-align:center;"><img src="C:\Users\arif_\Documents\NetBeansProjects\Final\web\


WEB-INF\img1grad.jpg" width="300" height="200" style="alignment-baseline: middle"></p>

<p style="text-align:center;"> <img src="C:\Users\arif_\Documents\NetBeansProjects\Final\web\


WEB-INF\img2grad.jpg" width="300" style="align-content: center"></p>

</body>

<c:import url="/FooterF.jsp" />

</html>

 RegistrationGrad.jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>


<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@include file= "/HeaderF.jsp" %>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style>

body {

background-color: lightsteelblue;

border: beige;

</style>

</head>

<body>

<form method="POST" action="SaveRegister.jsp">

<p align="center"><b>Graduation Registration Form </b> </p>

<p>Guest ID : <input type="text" name="Guestid" size="20"></p>

<p>First Name: <input type="text" name="Fn" size="20"></p>

<p>Last Name: <input type="text" name="Ln" size="20"></p>

<p>Mobile Number: <input type="text" name="Mobile" size="20"></p>

<p>Relation: <input type="text" name="Relation" size="20"></p>

<p>Reference Number:

<input type="text" name="Refno" size="20"></p>

<p>&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit"
value="Submit" name="B1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="reset"
value="Reset" name="B2">&nbsp;&nbsp; </p>

</form>

</body>

<c:import url="/FooterF.jsp" />

</html>

 SaveRegister.jsp:
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@page import="Final.DBConnection" %>

<jsp:useBean class="Final.DBConnection" id="dconnect" />

<%@include file= "/HeaderF.jsp" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSP Page</title>

</head>

<%
int gid= Integer.parseInt(request.getParameter("Guestid"));

String FN= request.getParameter("Fn");

String LN = request.getParameter("Ln");

String RS = request.getParameter("Relation");

int mob= Integer.parseInt(request.getParameter("Mobile"));

String RNO =request.getParameter("Refno");

if ((FN.isEmpty()) && (LN.isEmpty()) && (RS.isEmpty())&& (RNO.isEmpty())) {

request.getRequestDispatcher("index.jsp").forward(request, response);

} else {

String a = "insert into grad () values " +

"('"+gid+"','"+FN+"','"+LN+"','"+mob+"','"+RS+"','"+RNO+"');";

dconnect.insert(a);

out.print("Successful Register");

%>

<c:import url="/FooterF.jsp" />

 NewSave.java:
package Final;

import Final.DBConnection;

import static Final.regsave.query;

import java.io.IOException;
import java.io.PrintWriter;

import java.sql.Statement;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.sql.Connection;

import java.sql.ResultSet;

import java.sql.SQLException;

/**

* @author dell

*/

public class NewSave extends HttpServlet {

/**

* Processes requests for both HTTP <code>GET</code> and <code>POST</code>

* methods.

* @param request servlet request

* @param response servlet response

* @throws ServletException if a servlet-specific error occurs

* @throws IOException if an I/O error occurs

*/

protected void processRequest(HttpServletRequest request, HttpServletResponse response)


throws ServletException, IOException {

response.setContentType("text/html;charset=UTF-8");

try (PrintWriter out = response.getWriter()) {

/* TODO output your page here. You may use following sample code. */

out.println("<!DOCTYPE html>");

out.println("<html>");

out.println("<head>");

out.println("<title>Servlet login</title>");

out.println("</head>");

out.println("<body>");

DBConnection dbconnect=new DBConnection();

Statement statament ;

Connection connection;

ResultSet rs ;

try {

connection=dbconnect.openConnection();

statament= connection.createStatement();

String gid= request.getParameter("Guestid");


String FN = request.getParameter("Fn");

String LN = request.getParameter("Ln");

String mob = request.getParameter("Mobile");

String RS = request.getParameter("Relation");

String RNO = request.getParameter("Refno");

String a = "insert into grad (GuestID, FirstName, LastName, Mobile, Relation, ReferenceNumber)"

+ " values ('"+gid+"','"+FN+"','"+LN+"','"+mob+"','"+RS+"','"+RNO+"');";

statament.executeUpdate(a);

out.println("successful Register");

}catch (SQLException ss) {

out.println("</body>");

out.println("</html>");

// <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to


edit the code.">

/**

* Handles the HTTP <code>GET</code> method.

* @param request servlet request

* @param response servlet response


* @throws ServletException if a servlet-specific error occurs

* @throws IOException if an I/O error occurs

*/

@Override

protected void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

processRequest(request, response);

/**

* Handles the HTTP <code>POST</code> method.

* @param request servlet request

* @param response servlet response

* @throws ServletException if a servlet-specific error occurs

* @throws IOException if an I/O error occurs

*/

@Override

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

processRequest(request, response);

/**

* Returns a short description of the servlet.


*

* @return a String containing servlet description

*/

@Override

public String getServletInfo() {

return "Short description";

}// </editor-fold>

private void executeQuery(String query) {

throw new UnsupportedOperationException("Not supported yet."); //To change body of generated


methods, choose Tools | Templates.

 Search.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@include file= "/HeaderF.jsp" %>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSP Page</title>

<style>

body {
background-color: rosybrown;

</style>

</head>

<body>

<h1>Search Data (through Reference Number): </h1>

<form method="POST" action="SearchDisplay.jsp">

<p align="center">Search Form : </p>

<p>Guest ID: &nbsp; <input type="text" name="gid" size="20"></p>

<p>&nbsp;</p>

<p>&nbsp;<input type="submit" value="Submit" name="B1">&nbsp;

<input type="reset" value="Clear" name="B2"></p>

</form>

</body>

<c:import url="/FooterF.jsp" />

</html>

 SearchD.jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@page import="Final.DBConnection" %>

<jsp:useBean class="Final.DBConnection" id="db" />

<%@page import="java.sql.ResultSet" %>


<%@page import="java.sql.Statement" %>

<%@page import="java.sql.Connection" %>

<%@page import="java.sql.SQLException" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSP Page</title>

<%@include file= "/HeaderF.jsp" %>

<style>

body {

background-color: lightseagreen

</style>

</head>

<body>

<h1>Data Search Results: </h1>

<table border="1" width="100%">

<%

int guestid = Integer.parseInt(request.getParameter("gid"));

DBConnection dbconnect=new DBConnection();

Statement statament ;
Connection connection;

ResultSet rs ;

try {

connection=dbconnect.openConnection();

statament= connection.createStatement();

String sql ="SELECT * FROM grad s where GuestID = '"+guestid+"'";

rs = statament.executeQuery(sql);

if (rs.next()==false) {

out.println("No Result Data for Search Value" );}

else {

do {

%>

<tr>

<p><h2 style="text-align: center">Data Retrieved:</h2> </p>

<td>GuestID</td><td>FirstName</td><td>LastName</td><td>Mobile</td><td>Relation</
td><td>ReferenceNumber</td></tr>
<tr>

<td><%=rs.getString(1)%></td><td><%=rs.getString(2)%></td><td><%=rs.getString(3)%></td><td><
%=rs.getString(4)%></td><td><%=rs.getString(5)%><td><%=rs.getString(6)%></td>

</tr>

<br>

</table>

<%

} while (rs.next());

}catch (Exception e) {

e.printStackTrace();

%>

 Update.jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@include file= "/HeaderF.jsp" %>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSP Page</title>

<style>

body {
background-color: yellowgreen;

</style>

</head>

<body>

<form method="POST" action="UpdateDisplay.jsp">

<h2 align="center">Update Data</h2>

<p>Guest ID: <input type="text" name="Guestid" size="20"></p>

<p>First Name: <input type="text" name="FirstN" size="20"></p>

<p>&nbsp;</p>

<p><input type="submit" value="Submit" name="B1">&nbsp;&nbsp;<input type="reset"


value="Clear" name="B2"></p>

</form>

<c:import url="/FooterF.jsp" />

</body>

</html>

 UpdateDisplay.jsp:
<%@page import="java.sql.ResultSet"%>

<%@page import="java.sql.Connection"%>

<%@page import="java.sql.Statement"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>


<%@page import="Final.DBConnection" %>

<jsp:useBean class="Final.DBConnection" id="db" />

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@include file= "/HeaderF.jsp" %>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSP Page</title>

</head>

<body>

<%

int id= Integer.parseInt(request.getParameter("Guestid"));

String fn = request.getParameter("FirstN");

DBConnection dbconnect=new DBConnection();

Statement statament ;

Connection connection;

ResultSet rs ;

try {
connection=dbconnect.openConnection();

statament= connection.createStatement();

String s = "update grad set" +" FirstName = '"+fn+"'"+"where GuestID='"+id+"'";

db.insert(s);

out.println("Data Update Complete");

} catch (Exception e) {

e.printStackTrace();

%>

<c:import url="/FooterF.jsp" />

</body>

</html>

 Contact.jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@include file= "/HeaderF.jsp" %>

<!DOCTYPE html>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Contact Us</title>

<style>

body {

background-color: lightgoldenrodyellow;

</style>

</head>

<body>

<h1>Contact Us : </h1>

<table style="width:100%" border="2">

<tr>

<th>Through Email</th>

<th>Through Numbers</th>

</tr>

<tr>

<td>[email protected]</td>

<td>Armish : 0526197720</td>

</tr>

<tr>

<td>[email protected]</td>

<td>Reem : 0504732182</td>
</tr>

<tr>

<td>[email protected]</td>

<td>Moza : 0507888543</td>

</tr>

</table>

</body>

<c:import url="/FooterF.jsp" />

</html>

Screenshots:
 Header.html:

 Footer.html
 Index.jsp:

 RegistrationGrad.jsp:

 SaveRegister.jsp:
 Search.jsp:
 SearchD.jsp:

 Update.jsp:

 UpdateDisplay.jsp:

You might also like