đề tài giữa kỳ

1. Page 1/7
WEB PROGRAMMING & APPLICATIONS - 503073
SEMESTER 2 – ACADEMIC YEAR 2023 – 2024
Version 1.0, last updated on Feb 17, 2024
I. LIST OF TOPICS
ID TOPC NAME DESCRIPTION
1 Restful Web Service
RESTful web services are a standardized way for applications to request and exchange data using HTTP
requests and responses. They follow certain rules (like REST) to ensure easy communication and
scalability.
2 AJAX
AJAX (Asynchronous JavaScript and XML) lets your web page communicate with a server "behind the
scenes" without refreshing the entire page. This creates a smoother, more dynamic user experience.
3 React
React is a popular JavaScript library for building user interfaces. It focuses on modularity and
component-based development, making it easier to manage complex UIs and keep them dynamic.
4
Containerization
(Docker)
Containerization packages an application with its dependencies (libraries, frameworks) into a standardized
unit called a "container." This allows the application to run consistently across different environments,
making it portable and easier to deploy.

2. Page 2/7
II. GENERAL REQUIREMENTS
Research and Comprehension:
- Conduct a thorough survey of the assigned topic, including its history, core principles, technical specifications, and best
practices. Utilize reliable sources such as documentation, research papers, tutorials, and official websites.
- Demonstrate a clear understanding of the topic by providing accurate and informative explanations in your essay. Include
interesting facts, figures, and examples to enhance your writing.
- Analyze the strengths and weaknesses of the technology, comparing it to similar alternatives where applicable. Identify
potential challenges and discuss solutions or mitigation strategies.
Demonstration Website:
- Develop a functional website that showcases your understanding of the assigned technology. Choose a project scope that
allows you to implement key concepts and functionalities effectively.
- Within the essay, provide a detailed introduction to your demonstration website. Explain its purpose, target audience, and core
features.
- Describe the architecture, components, and technologies used to develop your website. Explain how you implemented the
assigned technology within your project, highlighting specific functionalities and techniques.
- Include screenshots or visuals whenever possible to illustrate your website's design and features. Briefly discuss the overall
effectiveness of your implementation and any challenges you encountered.
Writing and Presentation:
- Write a well-structured essay that clearly presents your research and demonstrates your understanding of the topic. Utilize
proper grammar, spelling, and academic citation format.
- Maintain a professional and engaging writing style, showcasing your ability to effectively communicate technical concepts to a
diverse audience.

3. Page 3/7
- Organize your essay logically, including:
• Introduction: Briefly introduce the chosen topic and provide an overview of your essay's content.
• Body: Discuss the various aspects of the topic comprehensively, integrating insights from your research and website
development experience.
• Conclusion: Summarize your key points and provide a final reflection on the topic's significance and potential future
developments.
- Pay attention to presentation and formatting, ensuring your essay is visually appealing and easy to read. Utilize headings,
subheadings, and clear formatting to guide readers through your content.
III. REQUIREMENTS FOR OUTPUT
- Report (pdf): Presenting the report in the general form of the Faculty written in English.
- Video demo: Create a video (with audio) of all members of your group presenting (each member presents a segment, with their
faces appearing) about the content your group has researched. Video has a maximum duration of 20 minutes. If the content is
longer, some unimportant segments can be fast forwarded to ensure the duration is still 20 minutes. The video must be 1080p or
higher. If the video size is too large, you can upload the video to Youtube and submit the link. This demo video does not
necessarily need to use powerpoint slides, it just needs to clarify the problem, show viewers the results of your group's research,
and provide useful information about the topic that the group has researched for viewers. If the illustrated product is an
app/application, the video needs to clearly showcase each feature it has. The grading instructor (practice instructor) can change
the video demo request to a live report grade if needed.
- Source code: source code of the work / illustrated work (if any). It is necessary to provide the full source code, library, database
and instructions necessary for the examiner to be able to run this source code on their computer.
- Database files (if any): Database files for example sql or json files, along with related instructions to use these database files.

4. Page 4/7
- Readme.txt: Contains the necessary instructions so that the examiner can view the content you have submitted, configure and
run the demonstration product on their device (including content such as front end, back end, database ). If your
application/website requires login credentials, they should also be listed here (admin accounts, staff accounts...)
IV. DETAILED SCORING
CONTENT
1 2 3 4
POINT 0 1/4 1/2 - 3/4 Full score
REPORT 6.0
Literature Review
(Comprehensive survey of
assigned topic)
2.0
No report file or do
not have this
section in the report
The content is very sketchy, not
highlighting important issues in the
topic that the group is assigned to
learn and research.
The research content is relatively
comprehensive but has not fully
explored all aspects of the topic, either
only touching the surface or not delving
deep into the essence of the problem.
There is a lack of in-depth analysis,
comparison, or detailed evaluation.
The content is very complete and
detailed, clarifying aspects of the
topic that the group is assigned to
learn. There is analysis /
evaluation / comparison ...
Analysis, Design,
Implementation and
Result
(What is the illustrated
product, how does it work,
how is it implemented and
what are the results achieved)
1.0
No report file or do
not have these
section in the report
One of the sections analysis, design,
implementation and results is
missing. Or they are presented very
sketchy, careless, lacking serious
investment
There are complete analysis, design,
implementation and results sections.
However, these contents have not been
presented in a specific, detailed, and
clear way.
There are full contents such as
analysis, design, implementation
and results achieved. Each section
is presented clearly, detailed and
logically.

5. Page 5/7
Presentation style and
writing style
2.0 No report file
Bad, sloppy report presentation, no
investment. No line spacing, font
alignment, font and color
synchronization, many typos.
The presentation style and the way of
writing are fine, but there are still some
errors of presentation that make the
report not eye-catching or misspellings
or the writing style in the direction of
"speaking", not consistent with the style
of the report.
The report is clean, has a clean
layout, uses proper alignment, font
color, text size, image size, and
tables accordingly. Professional
writing style, consistent with
writing style. There are no spelling
mistakes and presentation errors.
Pictures, tables,
diagrams
0.5
No report file
Or no image in the
report content
Has images / tables / diagrams but
the same as nonexistent: unrelated
images or copying images / tables as
is from blog pages without sifting,
watermarked or drawn / drawn lines
Unrelated markers of blog author on
photo / board.
Have pictures / tables / diagrams but
have not focused on investment and still
have basic errors such as: no photo
captions / tables / diagrams, using very
basic images from blog while being able
to draw / take a screenshot of these
pictures, the picture is too big / too small
or contains unnecessary information in
the image.
Use accurate, consistent images /
tables / diagrams. Take a
screenshot by yourself or design a
reasonable drawing image. Tables
and diagrams (if any) show clear
and accessible information. Each
image / chart / diagram has a clear
caption.
Cover page, table of
contents, appsendix,
reference
0.5
Entering the wrong
name of the school;
wrong names and
codes of group
members; not delete
the tutorial
comments in the
sample report file;
Copy the thanks
from the internet.
Do not have one of the following
pages: cover page, table of contents,
acknowledgments, references or
incorrect information of instructor in
charge, or keep one of the annexes
containing sample information
intact (unrelated to the assignment)
as shown in the sample report file
provided by the instructor.
There are full cover pages, indexes,
appendices and references, but there are
still some other minor errors such as the
sloppy presentation of content on these
pages
Presenting clean and beautiful
with correct model provided by
lecturers / Faculties, accurate and
complete information. No
fundamental errors.
DEMO 4.0

6. Page 6/7
Content of the demo
app/website
2.0 No demo app/web
The demo content is very sketchy,
not highlighting important issues in
the topic that the group is assigned
to explore.
Relative content, referring to the main
content of the topic that the group has
researched but has not yet fully
understood or fully understood all
aspects of the topic, has not given the
assessment, analysis, comparison so
that the reader can grasp the problem
quickly.
Detailed and complete content.
There is a comparison, evaluation,
comparison with tables /
diagrams ... Clarifying the
problem that the group is learning,
helping the viewer to grasp the
content that the group learns
easily.
UI/UX of the demo
app/website
0.5 No demo app/web
UI and UX are very bad, making it
difficult for users to use the demo
app/website.
UI and UX are at a temporary level,
although not too bad, there are still some
areas that need to be improved.
UI and UX are very good
The quality of the demo
app/website
0.5 No demo app/web
Do not directly demo or perform on
content that others have pre-made or
the demo product does not highlight
the problem of learning, sometimes
crashes during the demo process.
Do the demo yourself or consult only
moderately ready-made content. The
illustrative product is not complete or
does not fully cover the issues in the
group's research content.
Completely self-made illustrative
products without reusing other
people's content. The product is
completely illustrated with no
errors or minor minor defects.
Demo video quality and
presentation style
1.0 No demo video
The content is not prepared or
presented clearly by the speakers,
and there are problems with sound
quality, interruptions, and noise that
make it hard for viewers to
understand the content.
The way the content is prepared and
presented is just okay, but it's not very
interesting or engaging.
The demo presentation is
excellent. It's well-prepared,
lively, and captures attention. The
presenter speaks loudly and
confidently, making it easy to hear,
and the presentation style helps
listeners quickly understand and
grasp the topic.
Minus point(s) might be applied (depending on the teacher) in such cases:
- Not using English in reports and presentations (only applies to high quality and 100% English classes)
- Division of work unevenly among team members.

7. Page 7/7
- Not having all members of the group present in the Presentation Video.
- Late submission, submit via personal email.
- Filed in the wrong format as required:
o Missing or missing member information
o No necessary descriptive information: for example, there is no instruction for running source code or running source code
but not providing an admin account to access the application.