Tài liệu: Semi project is an introductory course that introduces us to the

Khoa hoc Semi Project gioi thieu cac dich vu co ban de luu tru, quan ly va truy cap website bao mat, bao gom cong nghe back end va front end.

Trường đại học

Đại Học Công Nghệ Thông Tin

Chuyên ngành

Kỹ Thuật Phần Mềm

Người đăng

Ẩn danh

Thể loại

Báo Cáo Kỹ Thuật

2023

66
1
0

Phí lưu trữ

30 Point

Tóm tắt

I. Semi Project là một khóa học nhập môn

Semi project là một khóa học nhập môn quan trọng trong chương trình đào tạo BTEC Level 5 HND Diploma in Computing. Khóa học này giới thiệu cho sinh viên những dịch vụ cơ bản cần thiết để lưu trữ, quản lý và truy cập một trang web an toàn. Thông qua semi project, học sinh sẽ tiếp cận các kiến thức căn bản về công nghệ back-end và front-end. Đây là một bước đệm quan trọng giúp sinh viên nắm vững những nguyên tắc thiết kế và phát triển ứng dụng web hiện đại. Khóa học nhập môn này cung cấp nền tảng vững chắc cho các dự án phức tạp hơn trong tương lai.

1.1. Mục tiêu của Semi Project

Semi project nhằm giúp sinh viên hiểu rõ quy trình phát triển website từ giai đoạn thiết kế hệ thống đến triển khai thực tế. Sinh viên sẽ học cách phân tích yêu cầu chức năng, thiết kế Entity Relationship Diagram (ER) và xây dựng các use case cho ứng dụng. Mục tiêu chính là trang bị cho học sinh những kỹ năng cần thiết để tạo dựng các trang web đáp ứng nhu cầu người dùng một cách hiệu quả và chuyên nghiệp.

1.2. Tầm quan trọng trong đào tạo IT

Khóa học nhập môn này đóng vai trò then chốt trong chương trình đào tạo BTEC Computing. Nó giúp sinh viên xây dựng nền tảng kiến thức vững chắc trước khi tiến vào các dự án lớn. Semi project cho phép học sinh áp dụng lý thuyết vào thực hành, phát triển tư duy phân tích và kỹ năng làm việc theo nhóm, những yếu tố cần thiết cho một lập trình viên chuyên nghiệp.

II. Yêu cầu chức năng và phi chức năng

Trong semi project, sinh viên phải xác định rõ ràng yêu cầu chức năngyêu cầu phi chức năng của hệ thống. Yêu cầu chức năng bao gồm các tính năng cụ thể như đặt phòng khách sạn, quản lý đơn hàng, thanh toán an toànhỗ trợ khách hàng. Ngược lại, yêu cầu phi chức năng tập trung vào hiệu suất hệ thống, bảo mật dữ liệu, khả năng mở rộnggiao diện người dùng thân thiện. Việc phân loại rõ ràng các yêu cầu này giúp sinh viên xây dựng một ứng dụng web hoàn chỉnhđáp ứng nhu cầu thực tế.

2.1. Phân tích Yêu cầu chức năng

Yêu cầu chức năng của semi project bao gồm chức năng đặt phòng, quản lý đơn hàng, xử lý thanh toánghi nhận xác nhận đặt phòng. Hệ thống cần lưu trữ thông tin chi tiết về khách hàng, bao gồm ngày nhận phòng, ngày trả phòng, số lượng khách và yêu cầu đặc biệt. Ngoài ra, ứng dụng phải cung cấp thống kê giao dịch theo tuần, tháng, năm để quản lý phân tích hiệu suất kinh doanh.

2.2. Yêu cầu phi chức năng và Bảo mật

Yêu cầu phi chức năng bao gồm hiệu suất cao, thời gian tải trang nhanhxử lý đồng thời nhiều người dùng. Bảo mật hệ thống là ưu tiên hàng đầu, đảm bảo bảo vệ thông tin cá nhân khách hàng, an toàn giao dịchngăn chặn truy cập trái phép. Hệ thống cần khả năng mở rộng để hỗ trợ tăng lượng người dùng trong tương lai mà không ảnh hưởng hiệu suất.

III. Thiết kế hệ thống và Use Case Diagram

Thiết kế hệ thống là phần quan trọng của semi project, bao gồm Entity Relationship Diagram (ER)Use Case Diagram. ER Diagram giúp sinh viên hiểu rõ cấu trúc cơ sở dữ liệumối quan hệ giữa các đối tượng trong hệ thống. Use Case Diagram mô tả các tương tác giữa người dùng và hệ thống, giúp xác định rõ ràng các chức năng chính của ứng dụng. Các diagram này là công cụ hữu ích để lập kế hoạch phát triểnnâng cao hiệu quả thiết kế phần mềm.

3.1. Entity Relationship Diagram ER

ER Diagramcông cụ thiết kế cơ sở dữ liệu quan trọng trong semi project. Nó giúp mô hình hóa cấu trúc dữ liệu, xác định các thực thể chính như khách hàng, phòng khách sạn, đơn đặt phòng. Sơ đồ ER cũng thể hiện mối quan hệ một-một, một-nhiều giữa các thực thể, giúp tối ưu hóa cơ sở dữ liệuđảm bảo tính toàn vẹn dữ liệu.

3.2. Use Case Diagram và Chức năng Đăng nhập

Use Case Diagram mô tả các kịch bản tương tác người dùng với hệ thống. Một use case quan trọng là UC01 (Login), cho phép người dùng xác thực danh tínhtruy cập tài khoản cá nhân. Use Case Diagram giúp sinh viên lập kế hoạch chính xác các tính năng cần phát triển và xác định luồng công việc của ứng dụng một cách rõ ràng.

IV. Ứng dụng thực tế và Triển khai Semi Project

Semi project không chỉ là lý thuyết mà còn ứng dụng thực tế vào phát triển website. Sinh viên phải xây dựng một ứng dụng hoàn chỉnh, ví dụ như Booking.com, với đầy đủ các tính năng từ giao diện người dùng đến xử lý logic phía sau. Quá trình triển khai semi project bao gồm phân tích yêu cầu, thiết kế kiến trúc, lập trìnhkiểm thử hệ thống. Thông qua đó, sinh viên phát triển kỹ năng lập trình chuyên nghiệpchuẩn bị cho sự nghiệp trong ngành IT.

4.1. Quy trình Phát triển Semi Project

Quy trình phát triển semi project tuân theo vòng đời phát triển phần mềm gồm các bước: phân tích, thiết kế, lập trình, kiểm thử. Sinh viên phải lập kế hoạch chi tiết, xác định deadlinetheo dõi tiến độ công việc. Triển khai semi project đòi hỏi sự hợp tác giữa các thành viên nhóm, quản lý thời gian hiệu quảkiểm soát chất lượng mã nguồn.

4.2. Đánh giá và Cải thiện Kỹ năng

Semi project được đánh giá dựa trên tiêu chí BTEC bao gồm P, M, D grades, phản ánh mức độ hoàn thành yêu cầu. Sinh viên nhận được phản hồi từ giáo viên hướng dẫn để cải thiện kỹ năng lập trình, thiết kế và tư duy phân tích. Quá trình này giúp phát triển năng lực chuyên mônchuẩn bị tốt nhất cho sự nghiệp lập trình viên.

18/12/2025

Trích đoạn nội dung tài liệu

‘BTEC ASSIGNMENT 1 FRONT SHEET Qualification BTEC Level 5 HND Diploma in Computing Unit number and title Submission date 11/06/2023 Date Received Ist submission 11/06/2023 Re-submission Date Date Received 2nd submission Student Name Tran Duc Luong Student ID BH00108 Class IT0502 Assessor name Dinh Van Dong Student declaration I certify that the assignment submission is entirely my own work and I fully understand the consequences of plagiarism. I understand that making a false declaration is a form of malpractice. Student’s signature Grading grid Pl P2 P3 P4 MI M2 DI ‘BTEC (J Summative Feedback: (] Resubmission Feedback: Grade: Assessor Signature: Date: Signature & Date: Nội dung 38s 0a.1 nh sieì 030000 8 ¬AaAan. 5 IWÄ on aiea 0 s00 5 0.addaAAY Y SmỈỉĩỉĩỉaảa.

Entity Relationship Diagram (ER). 111103021 12111 131100111111 KT KT TH HT KT 9E E0 6E CEP 17 | 1/000 4n 99-3) 3249): :nã 9067. About Of oi TA. 31 Table of Figure B100.

20 Figure 4:HOME Page 0. 22 Figure 5:HOME PAPE 2. 27 Figure LO:attraction 1. 30 FIZUrE T3:NOME PAGE.ỐỐỐỐỀỐỀẽ 31 Figure 14:airport taxis.

Introduction Semi-Project is an introductory course that introduces us to the basic services needed to host, manage, and access a secure website. You will learn about back-end and front-end technology. This is my personal report. The following report will include the following sections: + User requirements + System design + Perform.

Body of Report I.1 Functional Requirements - These are the functional requirements that our website must meet the needs of users: + Reservation function: The website allows customers to make hotel reservations easily and conveniently. Users have the ability to search and view detailed information about hotels, including prices, amenities, reviews and reviews from past customers. + Order management: Booking.com has the function of recording and storing information about customer orders. The web application can store details of check-in date, check-out date, number of guests, contact information and other special requests of the customer.

+ Safe and convenient payment: Booking.com provides a safe and convenient way to pay customers. The site supports various payment methods, including credit cards, bank transfers, and other popular online payment services. + Booking Confirmation and Receipt: After the customer completes the booking process, the web application will provide a detailed booking confirmation, including information about the customer, check-in date, check- out date, room type booked, total cost and selected payment method. In addition, the app also provides detailed receipts to customers, including the customer's name, list of ordered items, the cost of each item, and the total payment amount.

+ Transaction Statistics: Booking.com should provide weekly, monthly, and yearly transaction statistics. This allows management to see total bookings, revenue, and other related metrics for specific time periods. + Customer support: Booking.com provides a customer support channel to deal with issues, questions, or complaints from customers. The direct contact function or online support will help customers interact and receive quick support from the customer care team.

- Here are some necessary and pragmatic cases for our Booking.com website: + When a customer makes a reservation, their booking information will be recorded using our web application. This includes information on check-in, check-out dates, number of guests, contact information and other special requests. + Our web application is capable of handling customer communication efficiently and quickly. This ensures that any changes, adjustments or cancellations are handled accurately and in a timely manner.

+ Once the customer completes the payment, the website will provide a detailed receipt to the customer. This receipt should include the customer's name, a list of items purchased, the total cost of each item, and the total amount paid. + Our website will provide transaction statistics by week, month, and year. This helps management track revenue, total bookings, and other important metrics to analyze and evaluate business performance.2 Non-Functional Requirements.

+ Performance: The system needs to meet performance requirements, including fast page load times, handling user requests quickly, and responding to multiple users at once without interruption. 7 Security: The system must comply with high security standards to protect customers’ personal information, ensure transaction safety and prevent unauthorized access.com needs to be able to scale the system to accommodate the increased user load and scale the business in the future without compromising on performance. User Interface: The interface of Booking.com websites and applications should have a user-friendly, easy-to- use and intuitive design that helps users find information and perform operations easily and conveniently.3 Use case Diagram Figure l:use case a. UCO1 (Login) Name Login Code UCc01 Description Allow actor login to the system Actor User/admin Trigger Actor click button [Log in] on the main page Pre-condition The actor has an account Post condition Go to the homepage with the corresponding role Actor System Main Flow: login successfully From any screen, the actor selects Login Load page Login Enter the required information.

10 Validation input information Edit (if a wrong password or username). Load the main page b. UC02 (Register) Name Register Code UC02 Description Actor provides information to create an account to access the system Actor User /admin Trigger Actor click button [Register] on the main page Pre-condition The actor has an account Post condition Register successfully! Actor System 11 Main Flow: add new user successfully From any screen, the actor selects Register Load page Register Enter the required information. Validation input information Edit (if a wrong password or username).

Load the main page c. UC03 (Logout) Name Logout Code UCO3 Description Actor stops accessing the system. 12 Actor User/admin Trigger Actor click button [log out] on the main page Pre-condition User has logged in account Post condition Logout successfully! Actor System Main Flow: login successfully From any screen, the actor selects Logout Load the main page 13 d. UC04 (Search) Name Search Code UCO4 Description This use case describes the process of searching for booking options on the booking website.

Users can enter search criteria such as location, check-in date, and check- out date to find suitable hotels or accommodations based on their needs. Actor User Trigger Pre-condition The booking website has been loaded. Post condition The user is presented with a list of available options matching the search criteria. Actor System Main Flow: 14 User enters search criteria, such as location, check-in date, and check-out date.

User submits the search request. System validates the search criteria. System retrieves and presents a list of available options based on the search criteria. User reviews the list of available options.

User selects a desired option from the list. System displays detailed information about the selected option. UC05 (Booking) Name Booking Code UCO5 Description This use case describes the process of making a reservation on the booking website. Users can select a hotel, choose a room, provide reservation details, and complete the booking process.

Actor User Trigger 15 Pre-condition The booking website has been loaded. Post condition The user successfully makes a reservation and receives a confirmation. Actor System Main Flow: User searches for hotels by entering search criteria such as location, check-in date, and check-out date. User selects a desired hotel from the search results.

User chooses a specific room type or package from the hotel's available options. User provides reservation details, including guest names, payment information, and any special requests. User reviews the reservation details and confirms the booking. System processes the reservation and generates a confirmation.

System displays the reservation confirmation to the user. 16 IL System Designs 1. Site Map A sitemap is an outline for your site that helps web search tools in finding, slithering, and ordering the totality of your material. Sitemaps additionally illuminate web crawlers about the most fundamental pages on your site.

Entity Relationship Diagram (ERD). 18 19 Figure 2:erd 1 Figure 3:erd 2 III. Wireframes and specific explanation Wireframing is a procedure for planning a site's construction. A wireframe is a graph that shows how data and usefulness on a site ought to be laid up, thinking about client requests and excursions.

- From the get-go in the improvement cycle, wireframes are utilized to assemble the key structure of a page before visual plan and content are added. 20 - Awireframe is a website page design that shows what interface parts will be available on significant pages. It's a significant stage in the interface configuration process. - A wireframe's motivation is to make a visual portrayal of a page from the get-go in a venture so partners and task colleagues might endorse it before the innovative flow starts.

Our website is carefully wireframed witha clear and detailed plan that includes the following pages: LI Home page 21 Figure 4:home page 1 22 Figure 5:home page 2 L] Signin page 23 ‘BTEC BSB th BOOKING rs Ÿ, Sign in or create an account Email address | | Password | | mm Sign up in here or use one of these options AG By signing in or creating an account, you agree with our Terms & conditions and Privacy statement Figure 6:sign in L1 Sign up page 24 ‘BTEC EU „2 BOOKING > FS ZS > Sign in or create an account Email address Password Confirm Password | | SIGN UP Sign up in here or use one of these options Fi G By signing in or creating an account, you agree with our Terms & conditions and Privacy statement 25 ‘BTEC Figure 7:sign up L1 Car rentals page ToL SIGN IN ] [ SIGN UP BOOKI NG SIAY | f FUGHTS* MOTEL ] — [arreacron| | AURPORT TAXIS | — m se —— Ss Car hire for any kind of tri Great deals at great prices, from the biggest Carhire compa i [_— [m es | | | NGỘ (ð Drop car off at different location ð Driver aged between 30- E57 Figure 8:car rentals 1 26 © : ©. ® We’re here for you Free cancellation 5 million+ reviews Providing customer On most bookings, up to By verified customers Support in over 30 48 hours before pick-up languages Frequently asked questions | Why should | book a car rental in Vietnam with Booking.com? - | | Can | book a car for my partner, friend, colleague, etc? x | | What do | need to rent a car? ~ | Can | book a car for my partner, friend, colleague, etc? ~ | Am I old enough to rent a car? ~ | Is the rental price all inclusive? ~ | Figure 9:car rentals 2 LI] Attraction page 27 “BTEC Explore more destinations Find things to do in cities around the world (mmm [oe [em osca ae fos Figure 10:attraction 1 28 “BTEC Explore more destinations Find things to do in cities around the world (mmm [oe [em osca ae fos Figure 1 1:attraction 2 29 ‘BTEC L1 Airport taxis page | SIGN IN [ SIGN UP ] BOOKING [ Stay [ FUGHTS+ HOTEL | ba — [arraacrion] MRPORT TAS Book your taxi service Search. Transfers have never been so easy. XXXXXXXXXXX From To neon XXXXXXXXX XXXXXXXXXXXXXXxx XXXXXXXXXXXXXxxx 12 May 2016 | a | XXXXXXXXX See arateuty 5 E Search XXXXXXXxxxXxx XXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXX XXXXXXXXX XXXXXXXXXXXXXxxxx XXXXXXXXXXXXXxxx XXxXxXxxxx [ See svadxEty ] Figure 12:airport taxis 30 IV.

About of website Booking is the name of my website - an online hotel booking website. If people are busy and do not have time to go to the hotel to make a reservation, they can go to this website to book a room. In addition, the website also allows you to hire a taxi or rent a car to visit the city. | ho ) »> Flights Car rentals km Attractions &® Airport taxis A lifetime of discounts? It's Genius.

Get rewarded for your travels - unlock instant savings of 10% or more with a free Sign in / Register Figure 13:home page 31 Booking.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ