Bài tập lớn môn công nghệ web đề tài xây dựng website bán giày

Nhờ vậy, bạn sẽ không bị giới hạn và có thể chọn cơ sở dữ liệu tối ưu nhất cho ứng dụng của mình. Thư viện phong phú: Nhiều sách hướng dẫn và các tài liệu tham khảo có sẵn, cung cấp các

ĐẠI HỌC KIẾN TRÚC HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÀI TẬP LỚN MÔN: CÔNG NGHỆ WEB ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN GIÀY Lớp: 20CN4 – Nhóm 4 Sinh Viên: Nguyễn Trương Minh Đăng (Nhóm Trưởng) Trịnh Ngọc Bình Nguyễn Việt Hảo Giảng Viên: Nguyễn Hồng Thanh Hà Nội, 9/2023 1 ĐẠI HỌC KIẾN TRÚC HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÀI TẬP LỚN MÔN: CÔNG NGHỆ WEB ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN GIÀY Lớp: 20CN4 – Nhóm 4 Sinh Viên: Nguyễn Trương Minh Đăng (Nhóm Trưởng) Trịnh Ngọc Bình Nguyễn Việt Hảo Giảng Viên: Nguyễn Hồng Thanh Hà Nội, 9/2023 2 MỤC LỤC LỜI MỞ ĐẦU 5 CHƯƠNG 1 TỔNG QUAN .6 1.Ngôn ngữ lập trình php .6 1.1.Giới thiệu về ngôn ngữ php 6 1.2.Ưu nhược điểm của php .6 1.1.HTML 8 1.2.CSS 9 1.3.MySQL 11 CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 12 2.Phân tích yêu cầu 12 2.1.Mô tả nghiệp vụ .12 2.2.Yêu cầu chức năng 12 2.3.Yêu cầu phi chức năng .13 3.Phân tích hệ thống 14 3.1.Xác định tác nhân .14 3.2.Các chức năng của tác nhân .14 3.3.Biểu đồ Use-case tổng quát 14 3.4.Biểu đồ chức năng 15 4.Sơ đồ Use case chi tiết các chức năng 15 CHƯƠNG 3 XÂY DỰNG CHƯƠNG TRÌNH 32 3.Thiết kế cơ sở dữ liệu 32 3.1.Thiết kế giao diện 32 CHƯƠNG 4 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 42 PHÂN CHIA CÔNG VIỆC 43 3 LỜI CẢM ƠN Đặc biệt chúng em xin chân thành cảm ơn thầy Nguyễn Hồng Thanh đã rất tận tình hướng dẫn, chỉ bảo em trong suốt thời gian thực hiện đồ án vừa qua Chúng em cũng xin chân thành cảm ơn tất cả các Thầy, các Cô trong Trường đã tận tình giảng dạy, trang bị cho em những kiến thức cần thiết, quý báu để giúp em thực hiện được đồ án này Mặc dù em đã có cố gắng, nhưng với trình độ còn hạn chế, trong quá trình thực hiện đề tài không tránh khỏi những thiếu sót Em hi vọng sẽ nhận được những ý kiến nhận xét, góp ý của các Thầy giáo, Cô giáo về những kết quả triển khai trong đồ án Chúng em xin trân trọng cảm ơn! Hà Nội, tháng 11 năm 2023 Sinh viên thực hiện Nhóm 4 4 LỜI MỞ ĐẦU Ngành Công nghệ thông tin phát triển một cách nhanh chóng cũng góp phần thay đổi mọi mặt trong đời sống thường ngày Các hệ thống Website cũng vậy, từ việc giải trí, quảng cáo, thương mại đến quản lý,… Website thương mại sẽ dần thay thế các phương thức quản lý cũ bởi tính chất nhanh, rẻ, tiện dụng, hiệu quả và không bị giới hạn không gian và thời gian Với tầm quan trọng đó, nhóm chúng em cũng muốn trang bị cho mình những kiến thức về nền tảng Web Xuất phát từ nhu cầu thực tế, nhóm chúng em quyết định “Xây dựng Website bán giày” nhằm tạo ra hệ thống quản lý bán hàng có tính thiết thực và ứng dụng vào thực tế 5 CHƯƠNG 1 TỔNG QUAN 1.Ngôn ngữ lập trình php 1.1.Giới thiệu về ngôn ngữ php Ngôn ngữ PHP là từ viết tắt của Personal Home Page (hiện nay là Hypertext Preprocessor) Thuật ngữ này chỉ chuỗi ngôn ngữ kịch bản hay mã lệnh, phù hợp để phát triển cho các ứng dụng nằm trên máy chủ Khi viết phần mềm bằng ngôn ngữ PHP, chuỗi lệnh sẽ được xử lý trên server để từ đó sinh ra mã HTML trên client Và dựa vào đó, các ứng dụng trên website của bạn sẽ hoạt động một cách dễ dàng Người ta thường sử dụng PHP trong việc xây dựng và phát triển các ứng dụng website chạy trên máy chủ Mã lệnh PHP có thể nhúng được vào trang HTML bằng cách sử dụng cặp thẻ PHP Nhờ đó, website bạn phát triển dễ dàng kết nối được với các website khác trên hệ thống mạng internet PHP cũng là ngôn ngữ lập trình mã nguồn mở và miễn phí PHP tương thích với nhiều nền tảng khác nhau như Windows, MacOS và Linux, v.v Đa phần các trang website bạn đang sử dụng hàng ngày để học tập, làm việc và giải trí đều sử dụng ngôn ngữ lập trình PHP Chẳng hạn như Facebook, Pinterest, WordPress, v.v Ngôn ngữ lập trình PHP được đánh giá là dễ đọc Do vậy, cũng dễ hiểu tại sao nó lại trở thành ngôn ngữ được nhiều bạn trẻ ưu tiên lựa chọn học trước khi bắt đầu vào nghề 1.2.Ưu nhược điểm của php - Ưu điểm:  PHP là một trong những ngôn ngữ lập trình phổ biến nhất vì những lợi ích mà nó đem lại Về cơ bản, có 4 ưu điểm chính:  Tính đơn giản và linh động: PHP sử dụng mã nguồn mở nên việc cài đặt và sử dụng nó rất dễ dàng Ngôn ngữ này phù hợp với cả những người hoàn toàn mới 6 với nghề lập trình viên Bạn chỉ cần học chăm chỉ trong 3 – 6 tháng để thuần thục nó  Cộng đồng hỗ trợ lớn: PHP là một ngôn ngữ phổ biến nên các diễn đàn, đội nhóm chuyên sâu của PHP thuộc hàng ngũ đầu của ngành Bên cạnh đó, thị trường tuyển dụng cho công việc này cũng chưa bao giờ giảm nhiệt   Cơ sở dữ liệu đa dạng: PHP cho phép kết nối với hầu hết các loại cơ sở dữ liệu như MySQL, mSQL, MS-SQL, SQLite, PostgreSQL, v.v Nhờ vậy, bạn sẽ không bị giới hạn và có thể chọn cơ sở dữ liệu tối ưu nhất cho ứng dụng của mình  Thư viện phong phú: Nhiều sách hướng dẫn và các tài liệu tham khảo có sẵn, cung cấp các kiến thức hữu ích cho các lập trình viên mới làm quen dần  Nhược điểm:  Mặc dù ngôn ngữ lập trình PHP hữu ích cho việc phát triển web, nhưng nó cũng có một số nhược điểm nhất định Trong đó, hạn chế lớn nhất có thể kể đến chính là lỗi bảo mật đến từ hai nguyên do chính:  Bản chất mã nguồn PHP: Ngôn ngữ PHP có mã nguồn mở Điều này có nghĩa là các lỗ hổng của mã nguồn sẽ bị công khai ngay sau khi chúng được tìm thấy Do đó, trước khi kịp sửa chữa, các lỗ hổng có thể bị khai thác cho các mục đích xấu   Một số ứng dụng bằng ngôn ngữ PHP được thiết kế bởi người thiếu kinh nghiệm: Bởi PHP phù hợp với lập trình viên mới vào nghề Cho nên một số trang web và ứng dụng được phát triển bởi những người còn thiếu kinh nghiệm cũng sẽ đem đến hiệu suất và bảo mật kém hơn 1.1.HTML - HTML (Hypertext Markup Language) là ngôn ngữ đánh dấu sử dụng để xây dựng và cấu trúc hình thức cho các trang web Nó sử dụng các thẻ (tags) để xác định cấu trúc và định dạng nội dung trên trang web 7 - Ưu điểm của HTML:  Dễ học và sử dụng: HTML có cú pháp đơn giản và dễ hiểu, cho phép người dùng nhanh chóng học và bắt đầu xây dựng các trang web cơ bản  Tương thích và tiêu chuẩn: HTML là một ngôn ngữ tiêu chuẩn được công nhận và hỗ trợ rộng rãi trên hầu hết các trình duyệt web hiện đại Điều này đảm bảo tính tương thích và khả năng hiển thị nhất quán trên các nền tảng và trình duyệt khác nhau  Khả năng tích hợp: HTML hỗ trợ tích hợp các phần tử đa phương tiện như hình ảnh, âm thanh, video và các tài liệu tài liệu khác nhau vào trang web  SEO tốt: HTML cho phép người phát triển tạo các siêu dữ liệu (metadata) và định dạng nội dung một cách tốt để tối ưu hóa công cụ tìm kiếm (SEO) Điều này giúp các trang web được tìm thấy dễ dàng và có thứ hạng cao trên các công cụ tìm kiếm  Khả năng mở rộng: HTML có thể kết hợp với các ngôn ngữ và công nghệ khác như CSS (Cascading Style Sheets) và JavaScript để tạo ra các trang web đa dạng và tương tác - Nhược điểm của HTML:  Hạn chế về cấu trúc: HTML chỉ mô tả cấu trúc và nội dung của một trang web mà không có khả năng xử lý logic phức tạp Điều này có nghĩa là HTML không thể tự thực hiện các tác vụ phức tạp như xử lý dữ liệu, kiểm tra hợp lệ, hay tương tác người dùng phức tạp  Thiếu khả năng tạo giao diện phức tạp: Mặc dù HTML cung cấp các yếu tố cơ bản để tạo giao diện trang web, nhưng nó có hạn chế trong việc tạo ra các giao diện phức tạp với hiệu ứng đồ họa đa dạng và tương tác người dùng phức tạp  Phụ thuộc vào CSS và JavaScript: Mặc dù HTML có thể tạo cấu trúc nội dung, nhưng để tạo giao diện và tương tác phức tạp, thường cần phải sử dụng CSS và JavaScript Điều này đòi hỏi người phát triển phải có kiến 8  thức về các ngôn ngữ và công nghệ khác để tận dụng hết tiềm năng của  HTML 1.2.CSS Khả năng bảo mật hạn chế: HTML không cung cấp nhiều tính năng bảo mật tích hợp Điều này có nghĩa là các biện pháp bảo mật phải được thực hiện thông qua các công nghệ bổ sung như mã hóa và xác thực máy chủ Tuy HTML có một số hạn chế, nhưng nó vẫn là ngôn ngữ cơ bản và quan trọng trong việc xây dựng các trang web Kết hợp với CSS và JavaScript, HTML có thể tạo ra các trang web đa dạng và tương tác - CSS (Cascading Style Sheets) là một ngôn ngữ định dạng được sử dụng để kiểm soát kiểu dáng và giao diện của các trang web Nó cung cấp các phương thức và thuộc tính để tạo ra các hiệu ứng hình ảnh, chỉnh sửa màu sắc, phông chữ, kích thước và vị trí của các phần tử trên trang web - Ưu điểm của CSS  Tách biệt giữa nội dung và kiểu dáng: CSS cho phép tách biệt hoàn toàn giữa nội dung HTML và kiểu dáng Điều này giúp cải thiện tính tổ chức, bảo trì và quản lý của mã nguồn, vì bạn có thể chỉnh sửa kiểu dáng mà không làm thay đổi cấu trúc HTML  Kiểm soát kiểu dáng toàn diện: CSS cho phép bạn áp dụng kiểu dáng cho nhiều trang web cùng một lúc Bằng cách liên kết các tệp CSS bên ngoài, bạn có thể áp dụng các kiểu dáng chung cho toàn bộ trang web, giúp duy trì tính nhất quán và tiết kiệm thời gian  Đa dạng hóa kiểu dáng: CSS cung cấp nhiều tùy chọn và tính linh hoạt cho kiểu dáng trang web Bạn có thể điều chỉnh màu sắc, phông chữ, kích thước, khoảng cách, hiệu ứng di chuyển và nhiều thuộc tính khác để tạo ra giao diện độc đáo và hấp dẫn  Tối ưu hóa tốc độ tải trang: Bằng cách sử dụng CSS, bạn có thể giảm kích thước tệp và tối ưu hóa tốc độ tải trang Thay vì sử dụng các thuộc tính kiểu 9 dáng trực tiếp trong mã HTML, bạn có thể tạo các tệp CSS riêng biệt và tận dụng lại chúng cho nhiều trang web  Độ linh hoạt và mở rộng: CSS có khả năng mở rộng và mở rộng khá tốt Bạn có thể sử dụng CSS để tạo kiểu cho các loại phần tử HTML khác nhau, nhúng kiểu dáng trong các phần tử HTML và thậm chí tạo ra các hiệu ứng động sử dụng CSS3 và các thuộc tính tương tác - Nhược điểm của CSS:  Học và sử dụng đòi hỏi thời gian: CSS có cú pháp riêng và một số khái niệm phức tạp, đòi hỏi người dùng phải tìm hiểu và làm quen với nó Đôi khi việc xử lý và gỡ lỗi kiểu dáng cũng có thể phức tạp  Giao diện trình duyệt khác nhau: Một số trình duyệt có thể hiển thị CSS khác nhau hoặc không hỗ trợ một số thuộc tính CSS mới nhất Điều này có thể dẫn đến sự không nhất quán trong kiểu dáng giữa các trình duyệt khác nhau  Quản lý kiểu dáng phức tạp: Trong các dự án lớn với nhiều trang và kiểu dáng phức tạp, việc quản lý CSS có thể trở nên khó khăn Nếu không có sự tổ chức tốt và quy tắc rõ ràng, mã CSS có thể trở nên khó hiểu và khó bảo trì  Khả năng ảnh hưởng đến hiệu năng: Nếu sử dụng CSS không tối ưu, đặc biệt là khi áp dụng nhiều hiệu ứng động và chuyển đổi phức tạp, có thể làm giảm hiệu năng của trang web và tốc độ tải trang  Khó khăn trong việc kiểm soát kiểu dáng thừa: Khi xây dựng và phát triển trang web lớn, có thể xảy ra tình trạng kiểu dáng thừa hoặc không cần thiết Điều này có thể gây ra sự rối loạn và khó khăn trong việc bảo trì và chỉnh sửa kiểu dáng  Hạn chế trong việc xử lý bố cục phức tạp: Trong một số trường hợp, CSS có thể gặp hạn chế trong việc xử lý kiểu dáng cho bố cục phức tạp hoặc định vị các phần tử trong trang web 10