Introduction to

Web-Based Java Applications

(PRJ301)
Kiều Trọng Khánh
 Prerequisites
• Completed:
– DBI202 (Database Systems)
– PRO192 (Object Oriented Programming)
 Course Objectives
• This course explores the features of JavaEE (J2EE)
– Understand the core technologies of Java web programming
(Servlets, JSP, JavaBeans, Custom Tags, Filtering)
– Understand and be able to apply MVC architecture for the web
combining with framework (STRUTS 2, SPRING MVC)
– Develop a Web Application (Servlets, JSP)
 MVC Design Pattern
Model – View – Controller

User

View Controller

Model
This is a MVC Model
 Course Objectives
• The MVC architecture is applied in web application
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
C

V
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
C

M DB

V
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
C
1

M DB

V
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
C
1 2

M DB

V
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
C
1 2
3

M DB

V
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
C
1 2
3

M DB

V
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
C
1 2
3

M DB

V
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
C
1 2
3

4 M DB

V
 Course Objectives
• The MVC architecture is applied in web application

Web Server
Container
C
1 2
3

5 4 M DB

V
Course Objectives
 Course Objectives
• J2EE 1.4/ JavaEE5/ JavaEE6 Platform API
 Course Objectives
• J2EE/JavaEE
Technologies
 Course Description
1. Servlets Model
2. Web Application Interacting with Database
3. Web Application & Web Container
4. Java Server Pages (JSP)
5. Session Management
6. JavaBeans
7. JSP Tag Libraries – Custom Tags
8. Filters
 Course Plan
• See course plan on LMS
NS 1, 2, 3, 4 – Login
Servlet, JDBC

NS 5, 6 – Search
Break Down

NS 7 – MVC2
JSP
Web NS 8, 9, 10 – CUD, Shopping Carts
Web based
App - PBL Sessions

NS 11 – Login
JavaBeans

NS 12, 13 – CRUD
MVC 2 Complete - JSTL - Taglib

NS 14, 15 – Filter
MVC2 Using Filter as Controller
 Course Plan
• See course plan on LMS
• Agenda
1. The Servlet Model
2. Web Application Interacting with Database
3. Web Application & Web Container
4. Java Server Pages (JSP)
5. Session Management, Session & Listener (self-study)
6. JavaBeans
7. JSP Tag Libraries – Custom Tags
8. Filters
9. Practical test
10. Project Presentation
 Materials/ References
• Required Textbook
– Online Text book: Nicholas S. Williams, 2014, Professional
Java® for Web Applications, Wrox Press
– http://library.books24x7.com/toc.aspx?bookid=62587
• Required References
– http://java.sun.com/docs/books/tutorial/jdbc/
– https://docs.oracle.com/cd/B14099_19/web.1012/b14017/filters.htm
• References
– http://java.sun.com/
– Fan Page: https://www.facebook.com/TrongKhanh.Kieu/
 Learning Environments
• JDK 8 (https://www.oracle.com/java/technologies/downloads/)
– Recommend: JDK 8 Update 172
(https://www.oracle.com/java/technologies/javase/javase8u211-later-archive-downloads.html)
• JDK 8 Documentation
• J2EE 1.4/JavaEE7 Core Patterns
• NetBeans IDE 8.2 with supporting JavaEE
(https://netbeans.apache.org/ )
• Bundle Tomcat 8.0.27 (http://tomcat.apache.org/ )
• DBMS: MS. SQL Server 2017/2019
(http://www.microsoft.com/sqlserver)
• Browser: Internet Explorer ≥ 8.x
• Driver Type 4 for MS. SQL Server:
sqlserver4.jar
(http://lms-undergrad.fpt.edu.vn/mod/resource/view.php?id=4566 )
• Team Viewer for supporting
 Course Rules
• How to conduct
– Prepare contents of the next session/ topic at home
– Following lessons in classrooms (take note yourself to understand using
notebooks) and review previous session in lecture on class every day (penalty
marks on workshops)
– At least 02 session for studying social constructivism with deposit for
Assignment
– Completing chapter assessments in time and Quizzes (via LMS)
• Communication
– Class, Interchange by FU-HCM LMS, Forum
– Discussing actively in your teams and in classrooms
– Free to question and answer
• Others
– Off phone
– Use laptops under teacher’s instruction (No game, no chat in class)
 Evaluation Strategy
• Must attend more than 80% of contact hours
(if not, not allow to take exam).
• Evaluating
– 02 Progress Test (Q) 10 %
– 02 Workshop (Lab) 10 %
– 01 Assignment (Prj) 40 %
– 01 Practical Exam (P) 20 %
– Final Exam (FE) 20 %
• Total score
– 10% (Q) + 10% (Lab) + 40% (Prj) + 20% (P) + 20% (FE)
• Pass
– Total score ≥ 5 and Final Examination ≥ 4 (of 10)
– Every components > 0
• Retake only the Final Exam when not passed
 Assignments/Workshops/Quizzes
– Assignments
• Building project in class (evaluating face to face)
• Some sessions for social constructivism
• Contribution in lectures on our class
• Mind Maps of core flow
– Workshops
• Contribution in lectures on our class (participation)
• Mind Maps of core flow
– Quizzes
• Use Safe Exam Browser
 Future Foundation
Enhance Self-worth
– Goal
• Have certificate similar this course’s content
• Enables to build scalable and accessible enterprise applications
– About 38 hours (4 courses)
• https://www.coursera.org/specializations/java-database-
connectivity
– Benefits (Deadline Submission 06/07/2024)
• Deposit 20% project, assignments, … when students take
certification
– Registration: (Deadline Registration 18/5/2024)
• https://docs.google.com/spreadsheets/d/1TEvGcbJ4SqdUySLo_u3IC4iJ4R_
YyLVE/edit?usp=sharing&ouid=109354261804343881967&rtpof=true&sd=
true
 FSoft Short Course
– Goal (application version)
• Improve the testing (manual + automation) skills via
the program
• FSoft program certificate is plus for OJT
– 7 – 10 sessions
– Benefits
• Deposit 40% project, assignments, … when students
take certification
• FSoft will deploy from 3rd week to 8th week
– Registration (deadline registration 10/5/2024):
• https://docs.google.com/spreadsheets/d/13eWvomYbQW0xPqeb6Pt7x63CMFRKMd
R6/edit?usp=sharing&ouid=109354261804343881967&rtpof=true&sd=true
 Netcompany Short Course
– Goal (application version)
• Improve the front-end skills via the program
• Netcompany program certificate
– 4 – 5 sessions
– Benefits
• Deposit 30% project, assignments, … when students
take certification
• Netcompany will deploy from 3rd week to 8th week
– Registration (deadline registration 10/5/2024):
• https://docs.google.com/spreadsheets/d/1XqLf6WwIcnm-cKAhjnwxbfp3-
2RC3lVH/edit?usp=sharing&ouid=109354261804343881967&rtpof=true&sd=true
 How to study
• This course is complex knowledge (however, it’s attractive and
exciting), so you need to keep tight grip on it
– Read
• On the books to get the general concept
• Reference, study, collection from internet, your classmates, forum …
– Attend lectures
• Listens, understand, then make your own notes
• Give your explanation about some topic in lectures
• Ask questions
• Give some examples that are not existed in your book
• Practice all the exercises, demo to make your sense
– After classes
• Discuss your classmate in directly, on forum
• Do the lab, assignments to submit via CMS, and do more exercises
• Build your teams in yourselves to support together in studying
→ Make question to deposit marks for components in progress
 How to exam/test
• This course is required following rules, so you need to
focus and practice your exercises and homework in try
your best everyday (meet deadline and submit on LMS)
– Progress Tests (if students violate, they take 0 marks)
• No books and No conversations
– Practical Exam (if students violate, they take 0 marks)
• Obey requirements and lecturer’s recommended in his lecture
• No internets, No emails, No chats, No conversation
• Not copy or paste from available/previous code.
• All are try it yourselves manually
• … Nothing else
• You do only work with Netbeans IDE tools and DBMS.
(without configuring svn)
– Workshop/Assignment (if students violate, they take 0 marks)
• Obey requirements and lecturer’s recommended in his lecture
• Not copy (copy code, contents, style)
• Submission of all source code does not delete anything
 Academic policy
• Cheating, plagiarism and breach of copyright are serious offenses
under this Policy.
– Cheating
• Cheating during a test, making a project, or an exam is construed as talking,
peeking at another student’s paper, or any other clandestine method of
transmitting information.
• Cheating during in making lab and assignment as copy source code, copy
style, same meaning in progress, …
• To verify, student’s code in project can be deleted, then he/she must be
retyped to make the program running correctly. Or/And make new
required functions (Otherwise, he/she takes 0 marks for his/her
project/quiz)
– Plagiarism
• Plagiarism is using the work of others without citing it; that is, holding the
work of others out as your own work.
• To verify, student must be described functionality dataflow and how it
work (Otherwise, he/she takes 0 marks for his/her project)
– Breach of Copyright
• If you photocopy a textbook without the copyright holder's permission, you
violate copyright law.
 Enjoy the Course

• Be enthusiastic about the material because it is

interesting, useful and an important part of your
training as a software engineer.
• Our job is to help you learn and enjoy the
experience.
• We will do our best but we need your help.
• So, let’s all have fun together with
Web-Based Java Applications!!!
Q&A
MVC Design Pattern
Remote Controller
MVC Design Pattern
Player
MVC Design Pattern
Connection