Philadelphia University
Lecturer: Dr. Samer Hanna
Internal Examiner: Dr. Saed Goul
Coordinator: Dr. Samer Hanna
Special Topics in Software Engineering
(0721439 ) Section 1 Final Exam’s Key Summer Session of 2014/2015
Date: Wednesday, August 31st, 2015------Time: 50 min.
Q1) (6 marks)
1. Write the advantages and disadvantages of building Web applications using ASP.NET vs. using PHP (2 marks)
PHP
Advantages
Open source
Can be run on all platforms
Disadvantages
Takes more time to build an application
ASP.NET
Advantages
ASP.NET takes less time to build an application because of the drag and drop controls and other ready code.
Disadvantages
Paid
Can run only on Microsoft based platforms
2. Write two of the differences between the three technologies: JavaScript, PHP and ASP.NET regarding user input validation. (2 marks)
JavaScript / ASP.NET / PHPClient-side input validation / Server-side input validation / Server-side input validation
Use document.getElementById method to retrieve an input / Use $_Post[“input name”] array to retrieve an input / Use Text1.Text property to retrieve an input
3. Compare between the datatypes used by HTML vs. the datatypes used by XML Schema Definition (XSD). Also, what are the datatypes that are supported by HTML not supported by XSD, and the datatypes that are supported by XSD not supported by HTML? (2 marks)
HTML uses the datatypes: number, text, email, password, date, etc.
XSD use the datatypes: decimal, integer, nonPositiveInteger, etc.
Email, password that are supported by HTML are not supported by XSD
integer, nonPositiveInteger are supported by XSD are not supported by HTML
Q2) (6 marks)
Suppose that Philadelphia asked you to build a Web form to insert the information of the books at the University library. The design of the required web page is in the following figure:
1. Write the needed HTML to build this Web form [note that the form has a right column that contains links to three of the Jordanian Universities libraries]. (4 marks)
2. Write the needed CSS to build this page (2 marks)
Sol.
1.
html xmlns="http://www.w3.org/1999/xhtml">
head runat="server">
titleBooks</title
</head
body
form id="form1" runat="server">
div id="wrap">
header class="auto-style1">
strongBooks at Philadelphia Library
</strong
</header
div id="content">
br />
Book title:
input type="text" id="booktitle" />
br />
br />
First Author Name:
input type="text" id="firstName" />
br />
br />
Number of authors:
input type="number" id="authors" />
br />
br />
Publication date:
input type="date" id="publish" />
br />
br />
input type="submit" id="submit" value ="Okay" />
</div
aside
a href="#" Jordan University Library</a
br />
br />
a href="#" JUST University Library </a
br />
br />
a href="#" Yarmouk University Library </a
</aside
</div
</form</body
</html
2.
style type="text/css">
#wrap
{
width: 615px;
margin: auto;
background-color: lightblue;
}
#content
{
width: 400px;
float: left;
}
aside
{
width: 200px;
float: right;
background-color: aqua;
height: 350px;
}
.auto-style1
{
text-align: center;
}
#submit
{
font-weight: 700;
text-align: center;
}
#content
{
margin-left: 14px;
}
</style
Q3) (6 marks)
Add the needed JavaScript functions to the Web form in Question 2 in order to:
1. Making sure that the inserted number of authors is between 1 and 10. A proper error message must be printed otherwise. (2 marks)
2. Making sure that the publication date of the book is before the current date of the system. A proper error message must be printed otherwise. (2 marks)
3. Changing the background color of the right column that contains universities links. (2 marks)
Sol.
1.
function checkAuthors() {
var a = document.getElementById("authors").value;
if (a < 1 || a > 10)
{
alert("<b>invalid users</b>");
}
}
2.
function checkDate() {
var publish = document.getElementById("publish").value;
var publishDate = Date.parse(publish);
var today = new Date();
if (publishDate > today)
{ alert("ivalid date");}
}
3.
function changeColor() {
var elem = document.getElementById("a");
elem.style.backgroundColor = "red";
alert ("color changed");
}
Q4) (6 marks)
Write the needed PHP code to accomplish the following:
1. Declaring a class of type Book depending on the inputs of the forms in Q2 [note. The class must have a constructor]. (2 marks)
2. Declaring an object of type Book and the filling the form’s inputs in Question 2 with the objects data when the user clicks the okay button. (2 marks)
3. Making sure that the inserted number of authors is between 1 and 10. A proper error message must be printed otherwise. (2 marks)
Sol.
1.
class Book
{
public $title;
public $authorName;
public $copies;
public $publishDate;
function __construct($title, $authorName, $copies, $publishDate) {
$this->title = $title;
$this->authorName = $authorName;
$this->copies = $copies;
$this->publishDate = $publishDate;
}
}
2.
<html>
<head>
<meta charset="UTF-8">
<title</title>
<style type="text/css">
#wrap
{
width: 615px;
margin: auto;
background-color: lightblue;
}
#content
{
width: 400px;
float: left;
}
aside
{
width: 200px;
float: right;
background-color: aqua;
height: 300px;
}
.auto-style1
{
text-align: center;
}
#submit
{
font-weight: 700;
text-align: center;
}
#content
{
margin-left: 14px;
}
</style>
</head>
<body>
<?php
if(isset($_POST['submit'])) {
$date = new DateTime();
$date->setDate(2010, 2, 3);
$obj = new Book("Software Engineering", "Summervile", 4, $date);
}
?>
<form method="post" action= "<?=$_SERVER['PHP_SELF'];?>" >
<div id="wrap">
<header class="auto-style1">
<strong>Books at Philadelphia Library
</strong>
</header>
<div id="content">
<br />
Book title:
<input type="text" id="booktitle" value='<?php if (isset($_POST['submit'])){ echo $obj->title;}; ?>'/>
<br />
<br />
First Author Name:
<input type="text" id="firstName" value='<?php if (isset($_POST['submit'])){ echo $obj->authorName;}; ?>' />
<br />
<br />
Number of authors:
<input type="number" id="authors" value='<?php if (isset($_POST['submit'])){ echo $obj->authors;}; ?>'/>
<br />
<br />
Publication date:
<input type="date" id="publish" value='<?php if (isset($_POST['submit'])){ echo $obj->publishDate->format('d-m-Y');}; ?>'/>
<br />
<br />
<input type="submit" id="submit" name="submit" value ="Okay" />
</div>
<aside>
<a href="#" >Jordan University Library</a>
<br />
<br />
<a href="#" >JUST University Library </a>
<br />
<br />
<a href="#" >Yarmouk University Library </a>
</aside>
</div>
</form>
<?php
class Book
{
public $title;
public $authorName;
public $authors;
public $publishDate;
function __construct($title, $authorName, $authors, $publishDate) {
$this->title = $title;
$this->authorName = $authorName;
$this->authors = $authors;
$this->publishDate = $publishDate;
}
}
?>
</body>
</html>
3.
public function validateAuthors()
{
if ($this->authors<1 || $this->authors>10)
{
echo "invalid number of authors";
}
}
Q5) (4 marks)
1. Write an XML document corresponding to the data of three books inserted using the form in Question 2. (2 marks)
2. Write the XSD file corresponding to the XML document in 1. (2 marks)
Sol.
1.
<?xml version="1.0" encoding="utf-8" ?>
books
<book
<titleSoftware Engineering</title
<authorSummervile</author
<numAuthors5</numAuthors
<publish2012-08-01</publish
</book
<book
<titlePHP</title
<authorSamer</author
<numAuthors3</numAuthors
<publish2015-08-01</publish
</book
</books
2.
<?xml version="1.0" encoding="utf-8"?>
xs:schema attributeFormDefault="unqualified" elementFormDefault="qualified" xmlns:xs="http://www.w3.org/2001/XMLSchema"
<xs:element name="books"
<xs:complexType
<xs:sequence
<xs:element maxOccurs="unbounded" name="book"
<xs:complexType
<xs:sequence
<xs:element name="title" type="xs:string" />
<xs:element name="author" type="xs:string" />
<xs:element name="numAuthors" type="xs:unsignedByte" />
<xs:element name="publish" type="xs:date" />
</xs:sequence
</xs:complexType
</xs:element
</xs:sequence
</xs:complexType
</xs:element
</xs:schema
Q6) (6 marks)
Suppose that we want to build the application in Q2 using ASP.NET MVC;
1. Write the code of the controller that is responsible to create Book object and send it to the view (2 marks)
2. Write the code of the model. (1 mark)
3. Write the code of the view that is responsible to generate the same form such as that in Q2. [The view should be displayed whenever the user visits the control URL. (3 marks)
Sol.
Controller
namespace MvcLibrary.Controllers
{
public class LibraryController : Controller
{
public ActionResult GetBook()
{
Book book = new Book()
{
Title = "Software Engineering",
Author = "Summervile",
NumAuthors = 5,
PublishDate = new DateTime(2014, 10, 01)
};
return View(book);
}
}
}
Model
namespace MvcLibrary.Models
{
public class Book
{
public string Title { get; set; }
public string Author { get; set; }
public int NumAuthors { get; set; }
public DateTime PublishDate { get; set; }
}
}
View
@model MvcLibrary.Models.Book
@{
ViewBag.Title = "Books at Philadelphia Library";
}
html
head
title</title
style type="text/css">
#wrap
{
width: 615px;
margin: auto;
background-color: lightblue;
}
#content
{
width: 400px;
float: left;
}
aside
{
width: 200px;
float: right;
background-color: aqua;
height: 250px;
}
.auto-style1
{
text-align: center;
}
#submit
{
font-weight: 700;
text-align: center;
}
#content
{
margin-left: 14px;
}
</style
</head
body
div id="wrap">
header class="auto-style1">
strongBooks at Philadelphia Library
</strong
</header
div id="content">
br />
Book title:
input type="text" id="booktitle" value="@Model.Title" />
br />
br />
First Author Name:
input type="text" id="firstName" value="@Model.Author" />
br />
br />
Number of authors:
input type="number" id="authors" value="@Model.NumAuthors"/>
br />
br />
Publication date:
input type="date" id="publish" value="@Model.PublishDate.ToShortDateString()" />
br />
br />
input type="submit" id="submit" value ="Okay" onclick="changeColor()" />
</div
aside id="a">
a href="#" Jordan University Library</a
br />
br />
a href="#" JUST University Library </a
br />
br />
a href="#" Yarmouk University Library </a
</aside
</div
</body
</html
Q7) (4 marks)
For the same form in Q2, write the needed ASP.NET based code to:
1. Make sure that the number of authors is between 1 and 10. Print proper error message to the user otherwise. (2 marks)
2. Make sure that the publish year of the book is equal or after 2010; otherwise a message indicating that the book is old should be printed. (2 marks)
Sol.
1.
asp:RangeValidator ID="RangeValidator1" runat="server" ErrorMessage="RangeValidator" ControlToValidate="authors" MinimumValue="1" MaximumValue="10" Type="Integer"</asp:RangeValidator
2.
input type="button" id="button1" value ="Okay" runat="server" onserverclick="Button1_Click"/>
protected void Button1_Click(object sender, EventArgs e)
{
string n = String.Format("{0}", Request.Form["publish"]);
int year = DateTime.Parse(Request.Form["publish"]).Year;
Label1.Text = year.ToString();
if (year < 2010)
Label1.Text = "Old book published in " + year;
}
9