Thiết kế và lập trình website

Điều này có thể dễ dàng thấy thông qua các website của các thương hiệu nổi tiếng hàng đầu trong lĩnh vực kinh doanh như samsung.com, lazada.vn, sony.com.vn,… Những website của các thương

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC BÀ RỊA - VŨNG TÀU

KHOA CÔNG NGHỆ KỸ THUẬT - NÔNG NGHIỆP CÔNG NGHỆ CAO



ĐỒ ÁN TỐT NGHIỆP

ĐỀ TÀI THIẾT KẾ VÀ LẬP TRÌNH WEBSITE

Niên khóa : 2016 - 2020

PHIẾU GIAO ĐỀ TÀI ĐỒ ÁN/ KHÓA LUẬN TỐT NGHIỆP

Họ tên sinh viên: Phan Tiến Đạt Mã SV: 16031147

Lớp: DH16MT Ngành: Công Nghệ Thông Tin Khóa: 16

Tên đề tài: Thiết kế và lập trình Website

Thời gian thực hiện: Bắt đầu từ 02/03/2020 đến 10/05/2020

Vũng Tàu, ngày… tháng… năm…

TRƯỞNG KHOA CNTT

(Ký và ghi rõ họ tên)

GIẢNG VIÊN HƯỚNG DẪN

(Ký và ghi rõ họ tên)

ĐẠI HỌC BÀ RỊA – VŨNG TÀU

KHOA KỸ THUẬT CN-NNCN CAO

⎯⎯⎯⎯⎯⎯⎯⎯⎯

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập – Tự do – Hạnh phúc

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Ngày Tháng Năm

Giáo Viên Hướng Dẫn

(Ký, ghi rõ họ và tên)

NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN

Ngày Tháng Năm

Giáo Viên Phản Biện

(Ký, ghi rõ họ và tên)

LỜI CAM ĐOAN

Đồ án này là công trình nghiên cứu và xây dựng của cá nhân tôi, được thực hiện dưới sự hướng dẫn khoa học của Ths Nguyễn Lan Hương Các số liệu, những kết luận nghiên cứu được trình bày trong đồ án này là do tôi tự tìm hiểu

và hoàn toàn trung thực

Tôi xin hoàn toàn chịu trách nhiệm về lời cam đoan này

Vũng Tàu, tháng 4 năm 2020

Sinh Viên Thực Hiện

Phan Tiến Đạt

LỜI CẢM ƠN

Tôi xin chân thành cảm ơn khoa Công nghệ thông tin, trường Đại học Bà Rịa – Vũng Tàu đã tạo điều kiện thuận lợi cho tôi thực hiện đề tài này

Tôi cũng xin được gửi lời cảm ơn chân thành nhất đến Ths Nguyễn Lan Hương, người đã tận tình chỉ bảo, định hướng đi và hướng dẫn tôi thực hiện đề tài này

Bên cạnh đó, tôi xin gửi lời cảm ơn đến các thầy cô, những người

đã giảng dạy, tạo điều kiện cho tôi tích lũy được những kiến thức quý báu trong những năm học qua

Dù đã cố gắng hoàn thành đề tài Website giới thiệu công ty Viko, nhưng do thời gian hạn hẹp và khả năng còn hạn chế nên chắc chắn sẽ

có những thiếu sót không tránh khỏi Tôi mong nhận được sự thông cảm

và tận tình chỉ bảo của các thầy cô và góp ý từ các bạn

Sinh viên thực hiện

Phan Tiến Đạt

MỤC LỤC

DANH MỤC CÁC BẢNG 1

DANH MỤC CÁC HÌNH ẢNH 2

LỜI MỞ ĐẦU 5

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT VÀ KHẢO SÁT 7

1.1 HTML,CSS và JavaScript 7

1.1.1 HTML là gì? 7

1.1.2 CSS là gì? 7

1.1.3 JavaScript là gì? 8

1.2 Bootstrap 8

1.2.1 Bootstrap là gì? 8

1.2.2 Tại sao nên dùng Bootstrap? 9

1.3 JQuery 9

1.3.1 JQuery là gì? 9

1.3.2 Tại sao nên dùng jQuery? 9

1.4 Ajax 10

1.4 Ajax là gì? 10

1.4.2 Tại sao nên dùng Ajax? 11

1.5 Lararel 11

1.5.1 Laravel là gì? 11

1.5.2 Tại sao nên dùng Laravel? 13

1.6 PHP 15

1.6.1 PHP là gì? 15

1.6.2 Tại sao nên dùng PHP 16

1.7 Khảo Sát Hiện Trạng 17

1.7.1 Khảo sát thực tế 17

1.7.2 Khảo sát các website tương tự 18

CHƯƠNG 2: TỔNG QUAN CHỨC NĂNG WEBSITE 24

2.1 Quan Điểm Của Sản Phẩm 24

2.2 Chức Năng Sản Phẩm 24

2.3 Người Dùng 24

2.4 Các Ràng Buộc 25

CHƯƠNG 3: YÊU CẦU CHỨC NĂNG WEBSITE 26

3.1 Xem tin 26

3.2 Tìm kiếm sản phẩm 26

3.3 Lọc sản phẩm 26

3.4 Gửi yêu cầu nhận báo giá 26

3.5 Nhận xét bài viết về sản phẩm 26

3.6 Đăng nhập/đăng xuất 26

3.7 Quản lý các tin đăng trên website 27

3.8 Nhận các thông báo yêu cầu từ khách hàng 27

3.9 Quản lý thông tin tài khoản 27

CHƯƠNG 4: MÔ HÌNH USECASE 28

4.1 Tác nhân 28

4.2 Các yêu cầu chức năng 28

4.3 Lược Đồ Use Case 30

4.4 Chi Tiết Các Use Case 31

CHƯƠNG 5: THIẾT KẾ WEBSITE 59

5.1 Thiết kế cơ sở dữ liệu 59

5.1.1 Lược đồ cơ sở dữ liệu 59

5.1.2 Chi tiết các trường 59

5.2 Mối quan hệ giữa các bản dữ liệu 64

5.3 Thiết kế giao diện Website – Front-End 64

5.4 Lập trình Website – Back-End với Laravel 85

5.5 Một số đoạn code nổi bật 145

KẾT LUẬN 156

TÀI LIỆU THAM KHẢO 159

DANH MỤC CÁC BẢNG

1 Bảng 4.1 Bảng các tác nhân và quyền của

2 Bảng 4.2 Bảng các yêu cầu chức năng hệ

DANH MỤC CÁC HÌNH ẢNH

1 Hình 1.1 Các phiên bản của laravel đến tháng

8 Hình 1.8 Bài đăng thông tin về sản phẩm 21

11 Hình 1.11 Danh sách các công trình khác 23

12 Hình 4.1 Lượt đồ tổng quan usecase 30

14 Hình 5.2 Các bản dữ liệu có mối quan hệ với

16 Hình 5.4 Mục giới thiệu trên trang chủ 65

17 Hình 5.5 Mục sản phẩm nổi bật trên trang chủ 66

18 Hình 5.6 Mục tiêu chí hoạt động trên trang

24 Hình 5.12 Trang chi tiết sản phẩm 69

25 Hình 5.13 Mục bài viết trên trang chi tiết sản

26 Hình 5.14 Mục nhận xét cùng mục sản phẩm

cùng loại trên trang chi tiết sản phẩm 71

27 Hình 5.15 Trang danh sách dự án đã thưc hiện 71

28 Hình 5.16 Mục các danh sách dự án đã thực

hiện trên trang dự án đã thực hiện 72

30 Hình 5.18 Mục bài viết trên trang chi tiết dự án 73

31 Hình 5.19 Mục các dự án khác trên trang chi

34 Hình 5.22 Trang thêm loại sản phẩm 74

35 Hình 5.23 Trang danh sách loại sản phẩm 75

36 Hình 5.24 Trang sửa loại sản phẩm 75

38 Hình 5.26 Trang danh sách sản phẩm 77

40 Hình 5.28 Trang thêm dự án đã thực hiện 80

41 Hình 5.29 Trang danh sách dự án đã thực hiện 81

42 Hình 5.30 Trang sửa dự án đã thực hiện 82

43 Hình 5.31 Trang cập nhật thông tin công ty 83

44 Hình 5.32 Trang danh sách yêu cầu báo giá 84

45 Hình 5.33 Trang sửa thông tin tài khoản 84

46 Hình 5.34 Trang báo lỗi Not Found khi không

LỜI MỞ ĐẦU

1 Tính cấp thiết của đề tài

Theo thống kê mới nhất, tính đến đầu năm 2019, Việt Nam đã có hơn 60 triệu người sử dụng internet, chiếm hơn 60% dân số Và trong tương lai con số này sẽ vẫn tiếp tục tăng lên không ngừng Có thể nói đối với các nhà kinh doanh thì môi trường internet chính là một môi trường chứa đầy khách hàng tiềm năng nhất mà mọi doanh nghiệp hay tổ chức nào cũng đều thèm khát Do đó để khai thác tiềm năng này một cách tốt nhất thì điều không thể thiếu đó chính là đầu tư, phát triển cho riêng mình một Website giới thiệu, quảng bá bản thân doanh nghiệp hoặc bất kỳ tổ chức nào

2 Tình hình nghiên cứu

Có thể nói việc nghiên cứu và phát triển website đã không còn là một vấn đề xa lạ trong kỷ nghiên 4.0 ngày này Và đặc biệt trong thời đại kinh tế cạnh tranh thì các website phục vụ trong mục đích kinh doanh, quảng bá luôn được ưu tiên phát triển hàng đầu Điều này có thể dễ dàng thấy thông qua các website của các thương hiệu nổi tiếng hàng đầu trong lĩnh vực kinh doanh như samsung.com, lazada.vn, sony.com.vn,… Những website của các thương hiệu này luôn được trao chuốt một cách

kĩ lưỡng Ngoài ra không chỉ những các thương hiệu lớn mới có riêng cho mình một website để quảng bá thương hiệu của mình, mà còn hàng ngàn các công ty, doanh nghiêp lớn nhỏ đều sỡ hữu một website để quảng

bá thương hiệu của mình đến mọi người

3 Mục đích nghiên cứu

Đề tài có mục đích xây dựng website giới thiệu công ty giúp đưa tới khách hàng những hình ảnh, thông tin một cách đầy đủ và rõ nét về công ty đó Qua đó tạo được thêm nhiều ưu thế trên môi trường marketing

4 Nhiệm vụ nghiên cứu

Để thực hiện được đề tài một cách trọn vẹn phải trãi qua nhiều giai đoạn nghiên cứu, tìm hiểu, chọn lọc và cuối cùng mới đến công đoạn bắt tay vào xây dựng nên một website Đầu tiên việc tìm hiểu về cơ sở lý thuyết để tạo ra một website là điều tất yếu Kế đến cần phải khảo sát thực tế xem website có phù hợp cũng như đồng thời tham khảo những website tương tự Tiếp đến phải xây dựng mô hình về website như các chức năng, ràng buộc,… Và cuối cùng là công việc xây dựng website hoàn chỉnh

5 Các kết quả đạt được của đề tài

Thông qua đề tài sẽ mang đến những kiến thức và cách xây dựng lên một website hoàn chỉnh Đồng thời website được xây dựng trong đề tài sẽ đạt được một cách đầy đủ và tốt nhất các mục tiêu ban đầu đề

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT VÀ KHẢO SÁT

1.1 HTML,CSS và JavaScript

− HTML, CSS và JavaScript là những khái niệm không hề xa lạ với những người lập trình website chuyên nghiệp Chúng chính là nền tảng không thể thiếu để xây dựng,tô vẽ và làm sống động cho chính những trang web Và vì lẽ đó mà HTML, CSS, JavaScript là những khái niệm mà bắt buộc ai cũng phải có khi muốn bước chân vào con đường phát triển website 1.1.1 HTML là gì?

− HTML là viết tắt của HyperText Markup Language (ngôn ngữ đánh dấu siêu văn bản) dùng mô tả cấu trúc của các trang Web và tạo ra các loại tài liệu có thể xem được trong trình duyệt

− HTML là cốt lõi của mọi trang web Mỗi trang web được tạo thành

từ một loạt các thẻ HTML mà chúng biểu thị từng loại nội dung trên trang Mỗi loại nội dung trên trang được “bọc”, tức là được bao quanh bởi các thẻ HTML

− HTML không phải là ngôn ngữ lập trình, đồng nghĩa với việc nó không thể tạo ra các chức năng “động” được Nó chỉ giống như Microsoft Word, dùng để bố cục và định dạng trang web

1.1.2 CSS là gì?

− CSS (viết tắt của Cascading Style Sheets) là một ngôn ngữ định dạng được sử dụng để mô tả trình bày các trang Web, bao gồm màu sắc, cách bố trí và phông chữ Nó cho phép hiển thị nội dung tương thích trên các loại thiết bị có kích thước màn hình khác nhau, chẳng hạn như màn hình lớn, màn hình nhỏ, hoặc máy in

− Trong khi HTML là cấu trúc cơ bản của trang web CSS mang lại cho trang web của bạn phong cách mà bạn muốn CSS gần như tạo nên

− JavaScript là ngôn ngữ lập trình dựa trên logic Nó có thể được sử dụng để sửa đổi nội dung trang web Và khiến nó hoạt động theo nhiều cách khác nhau để đáp ứng với hành động của người dùng Các cách sử dụng phổ biến cho JavaScript bao gồm các hộp xác nhận, kêu gọi hành động và thêm các danh tính mới vào thông tin hiện có

− Bootstrap cũng cung cấp cho bạn khả năng tạo ra các responsive designs một cách dễ dàng

1.2.2 Tại sao nên dùng Bootstrap?

− Dễ sử dụng: Bất kỳ ai có kiến thức cơ bản về HTML và CSS đều

1.3 JQuery

1.3.1 JQuery là gì?

− JQuery là thư viện được viết từ JavaScript, jQuery giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn jQuery được tích hợp nhiều module khác nhau Từ module hiệu ứng cho đến module truy vấn selector jQuery được sử dụng đến 99% trên tổng số website trên thế giới

− JQuery không phải là một ngôn ngữ lập trình riêng biệt mà hoạt động liên kết với JavaScript Với jQuery, bạn có thể làm được nhiều việc hơn mà lại tốn ít công sức hơn

1.3.2 Tại sao nên dùng jQuery?

− Gọn nhẹ: jQuery là một thư viện khá gọn nhẹ – có kích cỡ khoảng 19KB

− Tương thích đa nền tảng: Nó tự động sửa lỗi và chạy được trên mọi trình duyệt phổ biến như Chrome, Firefox, Safari, MS Edge, IE, Android và iOS

− Dễ dàng tạo Ajax: Nhờ thư viện jQuery, code được viết bởi Ajax

có thể dễ dàng tương tác với server và cập nhật nội dung tự động mà không cần phải tải lại trang

− Xử lý nhanh nhạy thao tác DOM: jQuery giúp lựa chọn các phần

tử DOM để traverse (duyệt) một cách dễ dàng, và chỉnh sửa nội dung của chúng bằng cách sử dụng Selector mã nguồn mở, mà còn được gọi là Sizzle

− Đơn giản hóa việc tạo hiệu ứng: Giống với code snippet có hiệu ứng animation, nó phủ các dòng code và bạn chỉ việc thêm biến/nội dung vào thôi

− Hỗ trợ tốt phương thức sự kiện HTML: Xử lý sự kiện − jQuery xử

lý các sự kiện đa dạng mà không làm cho HTML code trở nên lộn xộn với các Event Handler

1.4 Ajax

1.4 Ajax là gì?

− AJAX là chữ viết tắt của Asynchronous JavaScript and XML Đây

là một công nghệ giúp chung ta tạo ra những Web động mà hoàn toàn không reload lại trang

− Cả JavaScript và XML đều hoạt động bất đồng bộ trong AJAX Kết quả là, nhiều ứng dụng web có thể sử dụng AJAX để gửi và nhận data từ server mà không phải toàn bộ trang

1.4.2 Tại sao nên dùng Ajax?

− Callbacks: Ajax được sử dụng để thực hiện một cuộc gọi lại AJAX thực hiện việc truy xuất và / hoặc lưu dữ liệu mà không gửi toàn bộ trang trở lại máy chủ Bằng cách gửi lại một phần trang web đến máy chủ, việc sử dụng mạng được giảm thiểu và các hoạt động diễn ra nhanh hơn Trong các trang web băng thông hạn chế, điều này có thể cải thiện đáng kể hiệu suất mạng Dữ liệu được gửi đến và đi từ máy chủ một cách tối thiểu

− Thực hiện các cuộc gọi không đồng bộ: Ajax cho phép bạn thực hiện các cuộc gọi không đồng bộ đến một máy chủ web Điều này cho phép trình duyệt của người dùng tránh phải chờ tất cả dữ liệu đến trước khi cho phép người dùng hành động một lần nữa

− Thân thiện với người dùng: Vì không phải post lại trang lên server, các ứng dụng hỗ trợ Ajax sẽ luôn nhanh hơn và thân thiện với người dùng hơn

− Tăng tốc độ: Mục đích chính của Ajax là cải thiện tốc độ, hiệu suất và khả năng sử dụng của một ứng dụng web Một ví dụ tuyệt vời của Ajax là tính năng xếp hạng phim trên Netflix Người dùng đánh giá một bộ phim và xếp hạng cá nhân của họ cho bộ phim đó sẽ được lưu vào cơ sở dữ liệu của họ mà không cần chờ trang làm mới hoặc tải lại

1.5 Lararel

1.5.1 Laravel là gì?

− Là một framework PHP có mã nguồn mở miễn phí, giúp xây dựng các ứng dụng theo mô hình MVC (Model - View – Controller) một cách nhanh chóng, được tạo ra bởi một lập trình viên kỳ cựu từng làm NET

đó là Taylor Otwell Được phát hành lần đầu vào ngày 9 tháng 6 năm

2011

− Trước đây Laravel có tên là Bootplant sau đó thì đổi thành là Laravel, nguồn gốc tên bắt nguồn từ tên một tòa lâu đài ở Narnia, một vùng đất không có thật, mà nó ở trong một thế giới được tưởng tượng ra

Các phiên bản của laravel đến tháng 4 năm 2020

bởi nhà văn Clive Staples Lewis, và viết thành cuốn tiểu thuyết “Biên niên sử Narnia” [4] rất nổi tiếng được dựng thành phim Tòa lâu đài có tên là Paravel đọc lái đi sẽ thành Laravel, mục đích của Taylor Otwell là mong muốn đứa con tinh thần Laravel phát triển một cách mạnh mẽ và vững trải như tòa lâu đài Và rồi đến tận bây giờ thì Laravel vẫn luôn là một trong những framework tốt nhất của PHP

1.5.2 Tại sao nên dùng Laravel?

− Laravel có thể xây dựng hệ thống các ứng dụng web phức tạp với hiệu năng cao Cho dù laravel rất đơn giản và dễ dàng cho người mới tiếp cận với framework PHP nhưng vẫn đảm bảo hệ thống có kiến trúc thống nhất và khoa học

− Cộng đồng Laravel rất lớn trên Laracast, bạn có thể tìm câu trả lời cho những vấn đề, tình huống mà bạn thắc mắc hay là không biết trong Laravel Không những thế các tài nguyên liên quan đến Laravel cũng rất

đa dạng, dễ sử dụng Tác giả của framework này -Taylor Otwell cũng đã biên soạn ra tài liệu để cho các lập trình viên khám phá và trải nghiệm

− Có tích hợp công cụ dòng lệnh là Artisan, hỗ trợ rất nhiều trong việc phát triển ứng dụng: tối ưu hóa ứng dụng, migrate dữ liệu, tạo các template, controller, …

− Trong Laravel có một bộ máy template rất hay, đó là blade template, giúp thực hiện làm việc tương tác giữa PHP và HTML đơn giản hơn, tách biệt hơn giữa mã hiển thị và mã logic nghiệp, cái mà trước đó chỉ có thể biết đến ở NET hoặc Java Blade template còn có thể kế thừa một template khác và có thể còn script js, jquery…

− Laravel sử dụng gói thư viện Webpack kết hợp với npm, yarn nhằm giúp bạn tự động hóa thay vì build thủ công các ứng dụng và triển

khai sản phẩm Từ đó có thể thấy được Laravel hỗ trợ việc các đặt các gói thư viện và sử dụng nhằm tạo ra các tính năng tuyệt vời

− Laravel rất an toàn trong việc chỉn chu bảo mật với CSRF tokens Với cách kiểm tra mã CSRF trong mỗi POST, về cơ bản là đã bảo vệ chương trình khi bị cố tình thay đổi bản chất, kể cả từ POST đến GET Ngoài ra Laravel còn cung cấp sẵn các Middleware cho trước hoặc lập trình viên có thể được hỗ trợ để tạo riêng cho mình một Middleware nhằm mục đích tăng thêm độ bảo mật cho ứng dụng website

− Laravel hỗ trợ lập trình theo mô hình MVC khá mạnh mẽ Ngoài các thành phần chính Model, View, Controller thì Routes được sử dụng định tuyến người dùng theo đúng Urls

− Laravel luôn thay đổi, cập nhật trong các phiên bản, luôn tìm kiếm những tính năng hay, những gói thư viện tốt và hữu ích để tích hợp vào

Cách thức hoạt động MVC trong Laravel

1.6 PHP

1.6.1 PHP là gì?

− PHP khởi đầu như là một dự án mã nguồn mở nhỏ, nhưng theo đà phát triển, ngày càng nhiều người thấy rằng nó càng ngày càng hữu ích PHP được phát triển từ một sản phẩm có tên là PHP/FI PHP/FI do Rasmus Lerdorf tạo ra năm 1994, ban đầu được xem như là một tập con đơn giản của các mã kịch bản Perl để theo dõi tình hình truy cập đến bản

sơ yếu lý lịch của ông trên mạng Ông đã đặt tên cho bộ mã kịch bản này

là "Personal Home Page Tools" Khi cần đến các chức năng rộng hơn, Rasmus đã viết ra một bộ thực thi bằng C lớn hơn để có thể truy vấn tới Database và giúp cho người sử dụng phát triển các ứng dụng web đơn giản Rasmus đã quyết định công bố mã nguồn của PHP/FI cho mọi người xem, sử dụng cũng như sửa các lỗi có trong nó, đồng thời cải tiến

mã nguồn

− PHP viết hồi qui của "PHP: Hypertext Preprocessor"

− PHP là ngôn ngữ lập trình kịch bản viết cho máy chủ mà được nhúng trong HTML Nó được sử dụng để quản lý nội dụng động, Database, Session tracking, … Nó được tích hợp với một số Database thông dụng như MySQL, PostgreSQL, Oracle, Sybase, Informix, và Microsoft SQL Server

− PHP thực thi rất tuyệt vời, đặc biệt khi được biên dịch như là một Apache Module trên Unix side MySQL Server, khi được khởi động, thực thi các truy vấn phức tạp với các tập hợp kết quả khổng lồ trong thời gian Record-setting

− PHP hỗ trợ một số lượng rộng rãi các giao thức lớn như POP3, IMAP, và LDAP PHP4 bổ sung sự hỗ trợ cho Java và các cấu trúc đối tượng phân phối (COM và CORBA)

− Cú pháp PHP là giống C

Những ngôn ngữ lập trình phổ biến từ năm 1965 – 2019

1.6.2 Tại sao nên dùng PHP

− Hiện nay, có hàng ngàn ngôn ngữ lập trình có sẵn nhưng chỉ có vài ngôn ngữ phổ biến và được nhiều người tin dùng 1 trong các ngôn ngữ lập trình phổ biến nhất đó là PHP Đây là 1 ngôn ngữ được thiết kế

để phục vụ cho việc phát triển web và được cài đặt trên 20 triệu website,

1 triệu máy chủ web

− Ngôn ngữ ASP cũng là 1 ngôn ngữ lập trình được xem là 1 trong những đối thủ cạnh tranh của PHP, 2 ngôn ngữ này đều được dùng cho việc tạo website, linh động hơn so với web tĩnh dùng ngôn ngữ HTML, cho phép người dùng tương tác và trao đổi thông tin

− Hiện nay, có hàng ngàn ngôn ngữ lập trình có sẵn nhưng chỉ có vài ngôn ngữ phổ biến và được nhiều người tin dùng 1 trong các ngôn ngữ lập trình phổ biến nhất đó là PHP Đây là 1 ngôn ngữ được thiết kế

để phục vụ cho việc phát triển web và được cài đặt trên 20 triệu website,

1 triệu máy chủ web

− Ngôn ngữ ASP cũng là 1 ngôn ngữ lập trình được xem là 1 trong những đối thủ cạnh tranh của PHP, 2 ngôn ngữ này đều được dùng cho việc tạo website, linh động hơn so với web tĩnh dùng ngôn ngữ HTML, cho phép người dùng tương tác và trao đổi thông tin

1.7 Khảo Sát Hiện Trạng

1.7.1 Khảo sát thực tế

− Hiện nay, kinh tế ngày càng phát triển dẫn theo đó xuất hiện ngày càng nhiều những doanh nghiệp, công ty luôn trong trạng thái cạnh tranh nhau trong việc kinh doanh, buôn bán Chính vì lẽ đó để luôn đứng vững

và phát triển trên thị trường, nhiều doanh nghiệp, công ty đã đặt Marketing là yếu tố chiến lược hàng đầu Và một trong những chiến lược quảng bá không thể thiếu trong thời đại bùng nổ internet ngày nay đó chính là có riêng cho mình một website giới thiệu hình ảnh, thông tin của công ty hoặc doanh nghiệp

So sánh giữa ASP và PHP

− Với thời đại 4.0 như ngày nay thì việc tìm kiếm trên website trực tuyến sẽ dễ dàng hơn, nhiều sự lựa chọn hơn Chính vì vậy, mà các trang web được mở ra càng nhiều và đa dạng Với những thiết bị như Smartphone, Laptop, và những thiết bị chạy trên nền tảng có thể kết nối mạng mà hầu hết mọi người đều có bên mình thì sẽ dễ dàng truy cập và tìm ra những thứ mình muốn

1.7.2 Khảo sát các website tương tự

− Nắm bắt được nhu cầu đó, nhiều công ty đã mở cho mình một website để tự giới thiệu, quảng bá về hình ảnh của họ và trong đó

tandaithanh.vn.net là một trong những website tiêu biểu hàng đầu tandaithanh.vn.net đã thành công trong việc đưa tới khách hàng của họ

những cái nhìn rõ nét nhất về hình ảnh công ty, thông tin sản phẩm mà

họ cung cấp cùng thêm nhiều tin tức quan trọng khác

− tandaithanh.vn.net là một website về cung cấp các loại cửa kính

với giao diện thân thiện cùng cách bố trí nội dung hài hào tạo cho người xem cảm giác thoải mái đồng thời dễ dàng tìm kiếm được thông tin mong muốn

*Phân tích website tandaithanh.vn.net:

− Trang chủ:

+ Logo website, tên công ty

+ Thanh điều hướng

+ Silde tiêu đề hình ảnh sản phẩm

…

− Tin tức: Ưu điểm của cửa nhôm kính so với cửa truyền thống, ưu điểm vượt trội của cửa nhôm kính sơn tĩnh điện, mẫu cửa nhôm kính đẹp cho công trình của bạn, …

− Chân Trang: Các thông tin liên hệ và địa chỉ của công

ty

Slide hình ảnh sản phẩm

+ Các chức năng: tìm kiếm, xem thêm chi tiết của từng bài đăng, gửi yêu cầu tới công ty

− Trang sản phẩm: Danh mục các sản phẩm

Mẫu gửi thông tin yêu cầu tới công ty

− Trang thông tin về sản phẩm:

− Trang báo giá: Thông tin báo giá của từng loại sản phẩm

− Trang tin tức: Danh mục các tin tức

− Trang chi tiết tin tức:

+ Các danh mục:

− Tin Tức: Bài đăng về tin tức

− Các tin tức khác: Danh sách các tin khác

Bài đăng báo giá

Bài đăng tin tức

− Trang công trình đã hoàn thiện: Danh mục các công trình đã hoàn thiện

− Trang thông tin về công trình:

CHƯƠNG 2: TỔNG QUAN CHỨC NĂNG WEBSITE

2.1 Quan Điểm Của Sản Phẩm

− Giao diện thân thiện, đẹp mắt

− Dễ sử dụng

− Giúp người dùng tìm kiếm thông tin dễ dàng

− Tính bảo mật website cao

2.2 Chức Năng Sản Phẩm

− Xem tin

− Tìm kiếm thông tin về sản phẩm

− Gửi yêu cầu nhận báo giá

− Lọc các loại sản phẩm mong muốn

− Đánh giá, nhận xét bài đăng về sản phẩm

− Các chức năng riêng biệt dành cho admin như: quản lý bài đăng, quản

lý tài khoản, nhận danh sách yêu cầu từ khách hàng

2.3 Người Dùng

− Admin: Quản lí tất cả các tin đăng trên website, nhận thông báo yêu cầu của khách hàng và tự quản lí tài khoản như cập nhập thông tin, đổi mật khẩu

− Guest: Xem tin, tìm kiếm sản phẩm, lọc sản phẩm, nhận xét và gửi yêu cầu đến công ty

2.4 Các Ràng Buộc

− Guest chỉ thực hiện được 5 chức năng: Xem tin, tìm kiếm sản phẩm, lọc sản phẩm, nhận xét tin và gửi yêu cầu Không thể thực hiện các hoạt động dành cho admin

CHƯƠNG 3: YÊU CẦU CHỨC NĂNG WEBSITE

3.4 Gửi yêu cầu nhận báo giá

− Hỗ trợ gửi yêu cầu dưới dạng tin nhắn đến công ty

3.5 Nhận xét bài viết về sản phẩm

− Công khai nhận xét tất cả các bài đăng về sản phẩm của công ty

3.6 Đăng nhập/đăng xuất

3.7 Quản lý các tin đăng trên website

− Dành cho Admin: Thực hiện các thao tác quản lý các tin đăng như: xem, thêm, sửa, xóa

3.8 Nhận các thông báo yêu cầu từ khách hàng

− Dành cho Admin: Nhận danh sách những yêu cầu từ khách hàng, thông báo yêu cầu mới dưới dạng hộp thư

3.9 Quản lý thông tin tài khoản

− Dành cho Admin: Quản lý tài khoản admin như thay đổi thông tin, đổi mật khẩu

CHƯƠNG 4: MÔ HÌNH USECASE

4.1 Tác nhân

Bảng các tác nhân và quyền của tác nhân trong UseCase

1 Xem các thông tin về công ty X X

5 Nhận xét bài viết về sản phẩm X X

8 Nhận thông báo yêu cầu từ khách

hàng

X

9 Quản lý thông tin tài khoản X

4.2 Các yêu cầu chức năng

Bảng các yêu cầu chức năng hệ thống

Chức Năng Hệ Thống Yêu Cầu Chức Năng Ký Hiệu Đăng nhập/Đăng xuất

Xem Tin Đăng

Xem các tin được đăng trên trang chủ UC_2.1 Xem chi tiết danh mục tin UC_2.2 Xem chi tiết tin đăng UC_2.3

Hiển thị tiêu đề các tin liên quan UC_2.4 Tìm/Lọc Sản Phẩm

Nhận Xét Bài Đăng

Gửi Yêu Cầu Báo Giá

Gửi yêu cầu nhận báo giá sản phẩm UC_5.1 Quản Lý Tài Khoản

Nhận Thông Báo Yêu Cầu

Nhận thông báo yêu cầu mới UC_7.1 Xem danh sách các yêu cầu UC_7.2

Quản Lý Tin Đăng

Xem danh sách tin đăng UC_8.1

4.3 Lược Đồ Use Case

Lượt đồ tổng quan usecase

4.4 Chi Tiết Các Use Case

Bảng chi tiết các UseCase

Use Case ID UC_1.1

(Thành công) 1 Hệ thống yâu cầu người truy cập cung cấp thông tin

đăng nhập đã được cấp từ trước là tên đăng nhập và mật khẩu

2 Sau khi người truy cập điền đẩy đủ, sau đó nhấn vào nút đăng nhập

3 Hệ thống sẽ so sánh dữ liệu nhập vào với tên đăng nhập và mật khẩu được mã hóa với dữ liệu đã được cấp trong Database Nếu dữ liệu được cung cấp chính xác => Đăng nhập thành công, hệ thống sẽ trả về trang quản trị admin

Alternativeflow

(Thất bại)

1 Hệ thống yâu cầu người truy cập cung cấp thông tin đăng nhập đã được cấp từ trước là tên đăng nhập và mật khẩu

2 Sau khi người truy cập điền đẩy đủ sau, đó nhấn vào nút đăng nhập

3 Hệ thống sẽ so sánh dữ liệu nhập vào với tên đăng nhập và mật khẩu được mã hóa với dữ liệu đã được cấp trong Database Nếu dữ liệu được cung cấp sai, không trùng khớp Hệ thống sẽ trả lại trang đăng nhập với thông báo “Tên Đăng Nhập Hoặc Mật Khẩu Không Đúng”

Extension Không có

Use Case ID UC_1.2

Goal Đăng xuất tài khoản thành công chỉ khi đã đăng nhập

Pre-conditions Đã đăng nhập thành công (UC_1.1) và chưa đăng xuất

sau đó Post-conditions

Flow of events

Basic flow