EX No. DATE EXPERIMENTNAME PAGE No. MARK REMARKS 1 Display the CV in Navigator in College Website 2 Student Record Validation Using Java Script 3 Design an entry form of student details Using Data Base 4 Display Browser Information Using Java Script 5 Calculator Program Using Java Applet 6 XML Program for Creation DTD 7 Servlet Program for Enable Cookies 8 Students entry form registration validation using Database 9 Design and implement a simple shopping Cart Content Beyond Syllabus 10 Design and implement a simple servlet book query with the help of JDBC & SQL. Ex No:1 Write HTML/Java scripts to display your CV in navigator, your Institute website, Department Website and Tutorial website for specific subject DATE: Aim: To write the program for create Curriculum Vitae and display in college website for specific Subject. Algorithm: Step 1: Start the program. Step 2: Create a HTML file. Step 3: Validate the student form using javascript. Step 4: Execute the HTML file. Step 5: Stop the Program. HTML Coding: College.html <html> <head> <title>College Web Site:::RESUME</title> </head> <body> <div id="resume"> <img src="ESEC.jpg" align="left"></img> <h1 style="color:blue">ERODE SENGUNTHAR ENGINEERING COLLEGE -AUTONOMOUS </h1> <h2 style="color:red">Thudupathi</h2> <h2 style="color:green">Erode 638057</h2> <br/> </div> <div style="posotion:relative;left:50px;top:2px;"> <h2 style="color:blue">PROFILE OF CSE</h2> <p> The Department of Computer science and Engineering has been successfully functioning since 1998.<br> It offers B.E.(Computer Science and Engineering) and M.E.(Computer Science and Engineering).<br>The MoU signed by the Department are CISCO, Infosys(Campus Connect),MICROSOFT(campus<br> Agreement).ORACLE. It organizes symposium,Exhibitions,Conferences, Seminars and Workshops<br> for both students and Faculty belonging to various Technical Educational Institutions, Research <br>Scholars of Research Institutes and Industries all over India.The Department is Accredited by NBA,<br>AICTE since 2009.The Department comprises of 7 centralized air conditioned computer centers with<br> 300 systems,state of the art computing facilities with sufficient power supply backup.Our students are<br> placed in various top MNCs like CTS,TCS,Wipro,Infosys,IBM,Tech.Mahendra,EDS,SAP labs,Accenture,<br>Mind Tree,Hexaware,etc. <br/> </p> <div style="position:realtive;left:10px;top:2px;background-color:white;"> <h2 style="color:lime">Department Placed Students</h2> <div id="bottom"> <p> <a href="RameshResume.html">Ramesh Kumar</a>|<a href="Resume.html">K.Naveen Bharathi</a> </p> </div> </div> </body> </html> Resume1.html <html> <head> <title>My CV</title> </head> <body bgcolor="white"> <h1><b>Ramesh Kumar</b></h1> <address style="color:red;">rameshkumar2002@gmail.com</address> <h2 style="color:blue;">CAREER OBJECT:</h2> Want to be the part of a software developer organization and utilize my knowledge, skills annd expertise <br>to contribute towards organization and professional brilliance and to learn more with the passage of time<br> from all types of situations and circumstances. <h2 style="color:blue;">EDUCATION AND QUALIFICATIONS:</h2> <table border="5" cellspacing="5" cellpadding="5"> <tr> <th>Qualification</th> <th>Maximum Marks</th> <th>Obtained Marks</th> <th>Division</th> <th>Institution</th> <th>Board|University</th> </tr> <tr> <td>B.E in progress </td> <td>-----</td> <td>-----</td> <td>None</td> <td>Erode Sengunthar Engineering College(Autonomous)</td> <td>Anna University</td> </tr> <tr> <td>XII</td> <td>1200</td> <td>1000</td> <td>A</td> <td>Sengunthar Matriculation School,Erode </td> <td>State Board</td> </tr> <tr> <td>X</td> <td>500</td> <td>400</td> <td>A</td> <td>Sengunthar Matriculation School,Erode </td> <td>State Board</td> </tr> </table> <h2 style="color:blue;">TECHNICAL EXPERIENCE:</h2> Languages: C,C++,HTML<br> Platforms: Windows Seven,Linux<br> Concepts : Networking,Operating Systems <h2 style="color:blue;">ABILITIES:</h2> Skill Level: Ms word,Ms Excel,Powerpoint<br> Practiced : more than 1 years <h2 style="color:blue;">PERSONAL SKILLS:</h2> 1.Honesty<br> 2.Team Spirit<br> 3.Accepting Challenges <h2 style="color:blue;">LANGUAGES:</h2> Tamil,English <h2 style="color:blue;">INTEREST:</h2> 1.Internet browsing 2.Reading books <h2 style="color:blue;">REFERENCE:</h2> Will be provided on demand <p style="text-align:center;"><a href="College.html">BACK</a></p> </body> </html> Resume2.html <html> <head> <title>Resume</title> </head> <body> <div id="resume"> <h1>K.NAVEEN BHARATHI</h1> <h2>45,T.K.S Street</h2> <h2>Tirupur,Tamilnadu</h2> <br/> </div> <h2>PROFILE</h2> <p>He is a Engineer.He has 10 years of experiences in software Industry</p><br/> <h2>EDUCATION</h2> <h3>Masters of Computer Engineering <br/> Graduating June 2012</h3> <p>Anna University MADRAS,IND 1999</p> <ul> <li>Completing an accredited program of coursework and supervised practice</li> </ul> <h3>RESEARCH PROJECT</h3> <ul> <li>Assited the primary investigator in a double blind,randomized controlled trail conducted at the.</li> </ul> <h3>BACHELOR OF SCIENCE,ZOOLOGY</h3> <p>Miami University,Oxford,OH 1995-1995</p> <ul> <li>Participated in a community service project to increase citizen participation in a cleanup campaign</li> <li>Served as project leader in a fund raising project sponsored by the university student council towards helping homeless youth return back to school.</li> </ul><br/> <h2>Related Experience</h2> <h3>Bastyr University,kenmore,WA 1999-present</h3> <p>Teaching Assistant</p> <ul> <li>Assists professor in the Anatomy&Physiology Class.</li> <li>Answers Questions and Demonstrate as needed.</li> </ul> <h3>Kenmore Youth Ministry,Kenmore,Wa 2000-2001</h3> <p>Camp Group Leader</p> <ul> <li>Participated in community youth group activities.</li> <li>Developed activity programs now utilized by the youth ministry in helping children improving reading skills.</li> </ul> <h3>Franciscan Care center Nursing Home,<br/> Seattle,Wa 1999-2000</h3> <p>Volunteer Recreation Worker</p> <ul> <li>Provided Social suportbpatients by reading to them,writing letters, and visiting with them.</li> <li>Formed friendships which enriched lives of patients </li> </ul> <div id="bottom"> <p style="text-align:center;"> <a href="college.html">BACK</a> </p> </div> Output: Result: Thus the above program was completed and executed successfully. Ex No:2 Design the HTML form for Keeping Students Record and Validate it Using Java Script DATE: Aim: To design the HTML form for Keeping Students Record and validate their information. Algorithm: Step 1: Start the program. Step 2: Create a HTML file. Step 3: Validate the student form using javascript. Step 4: Execute the HTML file. Step 5: Stop the Program. HTML Coding: HTML FORM.html <html> <head> <script> function GEEKFORGEEKS() { var name = document.forms.RegForm.Name.value; var email = document.forms.RegForm.EMail.value; var phone = document.forms.RegForm.Telephone.value; var what = document.forms.RegForm.Subject.value; var password = document.forms.RegForm.Password.value; var address = document.forms.RegForm.Address.value; var regEmail=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/g; var regPhone=/^\d{10}$/; var regName = /\d+$/g; if (name == "" || regName.test(name)) { window.alert("Please enter your name properly."); name.focus(); return false; } if (address == "") { window.alert("Please enter your address."); address.focus(); return false; } if (email == "" || !regEmail.test(email)) { window.alert("Please enter a valid e-mail address."); email.focus(); return false; } if (password == "") { alert("Please enter your password"); password.focus(); return false; } if(password.length <6){ alert("Password should be atleast 6 character long"); password.focus(); return false; } if (phone == "" || !regPhone.test(phone)) { alert("Please enter valid phone number."); phone.focus(); return false; } if (what.selectedIndex == -1) { alert("Please enter your course."); what.focus(); return false; } return true; } </script> <style> div { box-sizing: border-box; width: 100%; border: 100px solid black; float: left; align-content: center; align-items: center; } form { margin: 0 auto; width: 600px; } </style> </head> <body style="background-color:lightgreen;"> <h1 style="text-align: center;background-color:lightpink;">REGISTRATION FORM</h1> <form name="RegForm" onsubmit="return GEEKFORGEEKS()" method="post"> <p>Name: <input type="text" size="65" name="Name"/></p> <br/> <p>Address: <input type="text" size="65" name="Address"/></p> <br/> <p>E-Mail Address: <input type="text" size="65" name="EMail"/></p> <br/> <p>Password: <input type="text" size="65" name="Password"/></p> <br/> <p>Telephone: <input type="text" size="65" name="Telephone"/></p> <br/> <p> SELECT YOUR COURSE <select type="text" value=" " name="Subject";> <option>BTECH</option> <option>BBA</option> <option>BCA</option> <option>B.COM</option> <option>B.E</option> </select> </p> <br/> <br/> <p>Comments: <textarea cols="50" name="Comment"></textarea></p> <p> <input type="submit" value="Send" name="Submit"/> <input type="reset" value="Reset" name="Reset"/> </p> </form> s</body> </html> Output: Result: Thus the HTML form for student record can be validated successfully Using Java Script. Ex No:3 Write an HTML program to design an entry form for registration of student details and send it to store at database server like SQL, Oracle or MS Access. DATE: Aim: To write the HTML program to design an entry form of student registration form details and send it to store at database server like SQL, Oracle or MS Access Algorithm: Step 1: Start the program. Step 2: Create a HTML file for design web pages which contains students information Step 3: Write a PHP file for connecting database. Step 4: Establish Database and create table and fill the filed value. Step 4: Execute the HTML file. Step 5: Stop the Program HTML coding: <!DOCTYPE html> <html> <head> <title>PHP insertion</title> <link href="css/insert.css" rel="stylesheet"> </head> <body> <div class="maindiv"> <!--HTML Form --> <div class="form_div"> <div class="title"> <h2>Insert Data In Database Using PHP.</h2> </div> <form action="insert.php" method="post"> <!-- Method can be set as POST for hiding values in URL--> <h2>Form</h2> <label>Name:</label> <input class="input" name="name" type="text" value=""> <label>Email:</label> <input class="input" name="email" type="text" value=""> <label>Contact:</label> <input class="input" name="contact" type="text" value=""> <label>Address:</label> <textarea cols="25" name="address" rows="5"></textarea><br> <input class="submit" name="submit" type="submit" value="Insert"> </form> </div> </div> </body> </html> PHP File Insert.php <?php $connection = mysql_connect("localhost", "root", ""); // Establishing Connection with Server $db = mysql_select_db("colleges", $connection); // Selecting Database from Server if(isset($_POST['submit'])){ // Fetching variables of the form which travels in URL $name = $_POST['name']; $email = $_POST['email']; $contact = $_POST['contact']; $address = $_POST['address']; if($name !=''||$email !=''){ //Insert Query of SQL $query = mysql_query("insert into students(student_name, student_email, student_contact, student_address) values ('$name', '$email', '$contact', '$address')"); echo "<br/><br/><span>Data Inserted successfully...!!</span>"; } else{ echo "<p>Insertion Failed <br/> Some Fields are Blank....!!</p>"; } } mysql_close($connection); // Closing Connection with Server ?> Output: Form Name: Email: Contact: Address: Result: Thus the HTML form for student record can be stored successfully Using database. Insert Ex No: 4 Write programs using Java script for Web Page to display browsers Information. DATE: Aim: To write a program for get the browser details using java script property. Algorithm: Step 1: Start the program. Step 2: Create a HTML file. Step 3: Get the browser information using JavaScript Property Step 4: Execute the HTML file. Step 5: Stop the Program HTML Coding: Browser.html <head runat="server"> <title>Google map using Java script</title> <script language=javascript> function show() { document.write("Name "+navigator.appName+"<br>"); document.write("Version "+navigator.appVersion +"<br>"); document.write("Codename " +navigator.appCodeName +"<br>"); document.write("Cookie enable"+navigator.cookieEnabled +"<br>"); document.write("Java Enable"+navigator.javaEnabled +"<br>"); document.write("Mime type"+navigator.mimeTypes +"<br>"); document.write("Platform"+navigator.platform +"<br>"); document.write("Plug ins"+navigator.plugins +"<br>"); document.write("System Language"+navigator.systemLanguage +"<br>"); document.write("User language"+navigator.userAgent +"<br>"); document.write("User Agent"+navigator.userAgent +"<br>"); } </script> </head> <body> <form id="form1"> <div> <input id="Button1" type="button" value="Click me" onclick="show()" /> </div> </form> </body> </html> Output: Result: Thus the above program was completed and executed successfully. Ex No:5 Write a Java applet to display the Application Program screen i.e. calculator and other. DATE: Aim: To design the calculator as application program using Java Applet Algorithm: Step 1: Start the program. Step 2: Create a JAVA file. Step 3: Write a java file using applet. Step 4: Execute the JAVA file. Step 5: Stop the Program Java Coding: Calculator.java import java.applet.*; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.TextEvent; import java.awt.event.TextListener;; public class calculator extends Applet implements ActionListener, TextListener { String s,s1,s2,s3,s4; Button b1,b2,b3,b4,b5,b6,b7,b8,b9,b0; Button add,sub,eq,cl,mul,div; TextField t1; int a,b,c; public void init() { t1=new TextField(10); b1=new Button("1"); b2=new Button("2"); b3=new Button("3"); b4=new Button("4"); b5=new Button("5"); b6=new Button("6"); b7=new Button("7"); b8=new Button("8"); b9=new Button("9"); b0=new Button("0"); add=new Button("+"); sub=new Button("-"); mul=new Button("*"); div=new Button("/"); eq=new Button("="); cl=new Button("Clear"); GridLayout gb=new GridLayout(4,5); setLayout(gb); add(t1); add(b1); add(b2); add(b3); add(b4); add(b5); add(b6); add(b7); add(b8); add(b9); add(b0); add(add); add(sub); add(mul); add(div); add(eq); add(cl); b1.addActionListener(this); b2.addActionListener(this); b3.addActionListener(this); b4.addActionListener(this); b5.addActionListener(this); b6.addActionListener(this); b7.addActionListener(this); b8.addActionListener(this); b9.addActionListener(this); b0.addActionListener(this); add.addActionListener(this); sub.addActionListener(this); mul.addActionListener(this); div.addActionListener(this); eq.addActionListener(this); cl.addActionListener(this); paint(); //t1.addTextListener(this); } public void paint() { setBackground(Color.green); } public void actionPerformed(ActionEvent e) { s=e.getActionCommand(); if(s.equals("0")||s.equals("1")||s.equals("2")|| s.equals("3")||s.equals("4")||s.equals("5")||s.equals("6")||s.equals("7")||s.equals("8")|| s.equals("9")||s.equals("0")) { s1=t1.getText()+s; t1.setText(s1); } if(s.equals("+")) { s2=t1.getText(); t1.setText(""); s3="+"; } if(s.equals("-")) { s2=t1.getText(); t1.setText(""); s3="-"; } if(s.equals("*")) { s2=t1.getText(); t1.setText(""); s3="*"; } if(s.equals("*")) { s2=t1.getText(); t1.setText(""); s3="*"; } if(s.equals("=")) { s4=t1.getText(); a=Integer.parseInt(s2); b=Integer.parseInt(s4); if(s3.equals("+")) c=a+b; if(s3.equals("-")) c=a-b; t1.setText(String.valueOf(c)); } if(s.equals("Clear")) { t1.setText(""); } } public void textValueChanged(TextEvent e) { } } Output: