Scribd
Upload
608 views

Lesson Exemplar Programming 12 Quarter 4 Week 3 and 4

This lesson plan teaches students how to develop ASP.NET MVC 5 web applications. Students will learn to create custom URLs, apply styles, and develop full web applications. The lesson includes objectives, content overview, learning resources, and a sample procedure. The procedure has students complete a pre-assessment quiz, learn about web forms through examples and video, code an example themselves, and do a post-assessment quiz and final activity to create their own web form.

Uploaded by

AileenD.Enriquez
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
608 views

Lesson Exemplar Programming 12 Quarter 4 Week 3 and 4

This lesson plan teaches students how to develop ASP.NET MVC 5 web applications. Students will learn to create custom URLs, apply styles, and develop full web applications. The lesson includes objectives, content overview, learning resources, and a sample procedure. The procedure has students complete a pre-assessment quiz, learn about web forms through examples and video, code an example themselves, and do a post-assessment quiz and final activity to create their own web form.

Uploaded by

AileenD.Enriquez
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/ 4

Learning Area PROGRAMMING 12

Learning Delivery Modality  MDL

Crecencia Drusila Lopez


GRADE 12
School Senior High School Grade Level
AILEEN D. ENRIQUEZ Learning
ICT
LESSON Teacher Area
EXEMPLAR Teaching Week 3 and 4
4th
Date Quarter
Teaching
8 days
Time No. of Days

           
I. OBJECTIVES  
The learners demonstrate an understanding of
principles and concepts in developing
A. Content Standards ASP.NET MVC 5 Web applications
The learners independently develop ASP.NET MVC
B. Performance Standards 5 Web applications
Create custom URLs and apply style
C. Most Essential Learning Competencies to ASP.NET MVC Web applications.
(MELC) (If available, write the indicated TLE_ICTP.NET 11-12DAMWAIIIb-f-39
MELC)

 Web Forms
 Web Services
II. CONTENT  Enumerating ASP.NET features
III. LEARNING RESOURCES
A. References
Programming in .Net Programming Curriculum
a. Teacher's Guide Pages Guide page23

b. Learner's Materials Pages


c. Textbook Pages
https://www.w3schools.com/asp/default.asp
d. Additional Materials from Learning https://www.youtube.com/watch?v=BfEjDD8mWYg
Resources
B. List of Learning Resources for
Youtube, Google Form, OBS, Notebook and pen,
Development and Engagement
cellphone, any slide presentation app.
Activities
IV. PROCEDURES
What I need to Know
At the end of the lesson, students are able to
 Explain the function of webforms
 Identify the steps in Creating an HTML Input
Page
 Identify the steps in Identify the steps in
A. Introduction Creating an HTML Input Page

Warm-up
1. Attendance using google forms/messenger
or poll

B. Development  What I know?


Activity 1:
Pre-Assessment Quiz
Write TRUE if the answer is correct and FALSE if
otherwise
1. A form is a section of an HTML document
where you put input controls (text boxes,
check boxes, radio buttons, and pull-down
lists).
2. Webforms are easily done in razor form
3. The server creates a variable called Client.
4. The HTML page has a drop-down list (a
<select> element) named Choice.
5. In the HTML page there is an <img> element
to display the image.
Answer key
1. TRUE
2. TRUE
3. FALSE
4. TRUE
5. TRUE

What’s New?
A form is a section of an HTML document where
you put input controls (text boxes, check boxes,
radio buttons, and pull-down lists).

Creating an HTML Input Page

<!DOCTYPE html>
<html> 
<body> 
@{
if (IsPost)
{ 
string companyname =
Request["CompanyName"]; 
string contactname =
Request["ContactName"]; 
<p>You entered: <br> 
Company Name: @companyname <br> 
Contact Name: @contactname </p> 
}
else
{
<form method="post" action="">
Company Name:<br> 
<input type="text" name="CompanyName"
value=""><br>
Contact Name:<br><br>
<input type="text" name="ContactName"
value=""><br><br>
<input type="submit" value="Submit"
class="submit">
</form> 
}
}
</body> 
</html>
Razor Example - Displaying Images

Suppose you have 3 images in your image folder,


and you want to display images dynamically by the
users choice.

This is easily done by a little Razor code.

If you have an image called "Photo1.jpg" in your


images folder on your web site, you can display
the image using an HTML <img> element like this:

<img src="images/Photo1.jpg" alt="Sample" />

Watch the video tutorial on Creating Webforms

C. Engagement What other enrichment activities can I


engage in?
ACTIVITY 2:
Code the example to see how to create a webform

D. Assimilation  What I have learned


Activity 3: Quiz
Write TRUE if the answer is correct and FALSE if
otherwise
6. A form is a section of an HTML document
where you put input controls (text boxes,
check boxes, radio buttons, and pull-down
lists).
7. Webforms are easily done in razor form
8. The server creates a variable called Client.
9. The HTML page has a drop-down list (a
<select> element) named Choice.
10. In the HTML page there is an <img> element
to display the image.
Answer key
6. TRUE
7. TRUE
8. FALSE
9. TRUE
10. TRUE
What can I do? (Assessment)

Activity 4:
Create your own example of a webpage form.

Rubric:
3 points - Completeness of answer
5 points - Clarity
2 points - Neatness

A. REFLECTION (Reflection on the Type of


Formative Assessment Used for This
Particular Lesson)
 

You might also like