Faculty of Management Technology – SS25
BINF 405: Info. & Comm. Architecture II
TAs:
Course Instructor: Tameem Alghazaly
Dr. Ayman Al-Serafi Mohab Gehad
Hams Wael
Assignment 1: Labs 2 & 3
Due date: Thursday 6th of March @11:59 PM
Exercise 1:
In this exercise, you will take on the role of a web developer to create a simple
webpage, similar to what we built in the labs, incorporating the following
components and functionalities:
1.1. Create a Webform for User Registration, as shown in the Screenshots below. The user
should provide his/ her Name, Gender, and Password.
1.2. Once the user clicks “Submit”, he should be redirected to another Webform (using the
action attribute of the form component) showing the following Message:
“Thank you Ms./ Mr. ” (based on the chosen radio button) + user name + “. ” + “Your
Registration has been successfully completed.” + line break + “The URL is: ” + Request
URL
You have to send the same request to the Server once using HTTP GET
Method and once using HTTP POST Method.
1
Faculty of Management Technology – SS25
BINF 405: Info. & Comm. Architecture II
Example
On Clicking Submit
2
Faculty of Management Technology – SS25
BINF 405: Info. & Comm. Architecture II
The Registration Webform should have the following Elements:
● A Text Box for the user to enter his name
● Radio Buttons for Gender selection (the user should not be allowed to choose both
genders at the same time) (Refer to these Links for extra information:
https://meeraacademy.com/radiobutton-control-in-asp-net/
https://docs.microsoft.com/en-us/dotnet/api/system.web.ui.webcontrols.radiobutton?view
=netframework-4.8
https://www.w3schools.com/asp/asp_inputforms.asp)
● A Text Box for Password (passwords must be masked/ encoded) (Refer to this Link for
extra information:
http://www-db.deis.unibo.it/courses/TW/DOCS/w3schools/aspnet/aspnet_textbox.asp.ht
ml)
● A Submit Button
- Each element should have its own unique ID that includes your unique Team Name and you
will be using this ID to access this specific Element on the backend side. (Refer to this Link
for extra information: https://www.javatpoint.com/asp-net-textbox)
3
Faculty of Management Technology – SS25
BINF 405: Info. & Comm. Architecture II
General Requirements
- If the user is a Female, the following Message should be shown in the redirected
webform:
“Thank you Ms. “name”. Your Registration has been successfully completed. ” + line break
+ “The URL is: ” + Request URL
- If the user is a Male, the following Message should be shown in the redirected webform:
“Thank you Mr. “name”. Your Registration has been successfully completed. ” + line break
+ “The URL is: ” + Request URL
- Change the ID attribute of all the elements you are using in the two Webforms to include
your unique Team name.
For ex: Teamname_Textbox can be used for the textbox element ID
- All Webforms names have to include your unique Team name.
For ex: Registration_Teamname.aspx, Homepage_Teamname.aspx
Note:
In order to extract the Value of the radio button/s from the form data sent in the HTTP
Request, you need to know which of the radio button attributes represent its Key. So, you
need to search this point up. Alternatively, you can just display the form data on the webform to
help you figure out what the Key and the Value for the radio button are.
4
Faculty of Management Technology – SS25
BINF 405: Info. & Comm. Architecture II
You are required to provide both, the Source Code and its corresponding Screenshot for
the following:
a. Webform 1 (Registration Webform), in terms of its HTML Code (Frontend), C# Code
(Backend), and the Result Webpage shown on your Browser (after filling in the Form with
your data). (Once for the Get and once for the Post: 6 screenshots in total)
b. Webform 2 (Webform showing the Message required), in terms of its HTML Code
(Frontend), C# Code (Backend), and the Result Webpage shown on your Browser (with the
Message specified). (Once for the Get and once for the Post: 6 screenshots in total)
Evaluation Criteria for Exercise 1
1. Using the appropriate webform elements and/or attributes.
2. Adding the needed backend methods in both webforms.
3. Using the appropriate Methods to extract the Form Data from both Requests. (The Form
Data should be extracted only from the HTTP Request being sent and any other way for
extracting it will not be counted).
4. Handling the different gender messages based on the user choice of the gender radio
button.
5. Correct resulting webpages.
6. Clarity of Screenshots.
5
Faculty of Management Technology – SS25
BINF 405: Info. & Comm. Architecture II
Exercise 2:
Comment on the URLs of the two Requests, in terms of the following?
2.1.What are the components of both URLs (GET and POST)?
2.2.Which HTTP method do you think would work the best to send this Request? and
why?
Evaluation Criteria for Exercise 2:
- Providing detailed answers to the questions with justification
General Submission Notes:
You should submit a document with a cover page (Names, IDs, Tutorial number, and Unique
Team Name), the required Source Code, the required Screenshots, and the answers of the two
exercises.
The Source Code should be provided in a clear format and structure. So, copy the whole code
from visual studio and paste it in the document in the same source format by choosing “Keep
Source Formatting” paste option. You should paste each Code above its relevant
Screenshot.
The screenshots should be clear showing the needed information; otherwise, they will not be
graded.
Your unique Team name should be clearly shown in the screenshots provided for Exercise 1;
otherwise, the whole assignment will not be graded.
The submission will be through “Course Work upload” link on the admin system.
6
Faculty of Management Technology – SS25
BINF 405: Info. & Comm. Architecture II
No e-mail submissions will be accepted, and all e-mail submissions will be deleted and will
not be graded!
Any submission after the deadline will not be accepted.
This assignment should be done in Teams as per the Teams sheet sent before.
All types of Plagiarism and AI submissions will not be tolerated and will result in a ZERO.
