Báo Cáo Môn Học Lập Trình Web Nâng Cao

KHẢO SÁT VÀ XÂY DỰNG ĐỀ TÀI

Tổng quan về bài toán

Thực hiện tìm hiểu, khảo sát hệ thống, cụ thể là một số website bán các mặt hang khác trên internet, đánh giá hiện trạng của cửa hàng, xác định các mặt hạn chế của hệ thống cũ, từ đó đề xuất khắc phục.

Xã hội ngày càng phát triển, nhu cầu mua sắm, thời trang, thực phẩm của con người càng được nâng cao Trong đó không thể thiếu những loại đồ ăn/ đồ uống chất lượng Những loại đồ uống mới du nhập ngày càng thu hút được nhiều người quan tâm, nhất là những người ưu chuộng sự tiện lợi và mùi vị Tuy nhiên các cửa hàng, website bán café đồ uống thường chưa đáp ứng được các yêu cầu của khách hàng, phục vụ chưa được chu đáo, tốn nhiều thời gian Các trang web bán đồ uống chưa được phổ biến, phong phú Nhằm khắc phục điều này và mong muốn có một môi trường giao tiếp tiện lợi giữa khách hàng, đơn giản hóa việc mua sắm, chúng em đã xây dựng website này.

Bên cạnh đó , khách hàng có thể phản hồi về cho cửa hàng và chia sẻ với mọi người, đóng góp ý kiến của mình với website để chúng em có thể hoàn thiện hơn, phục vụ khách hàng tốt nhất Qua website, khách hàng có thể nắm được những thông tin bổ ích từ sản phẩm, liên tục cập nhật thông tin từ hãng sản xuất.

- Website có thể giúp cho chủ cửa hàng có thể quản lý các món trong cửa hàng một cách thuận tiện hơn, đồng thời chủ cửa hàng có thể cập nhật các mặt hàng mới nhập lên website, lưu thông tin các mặt hàng đã được bán cho khách hàng, đồng thời có thể kiểm tra, chỉnh sửa các bài viết về sản phẩm, hiển thị thông tin lên theo mục.

- Một website bán hàng đều có quy trình bắt đầu bằng việc nhận đơn hàng từ phía khách hàng, nhận trực tiếp hoặc gián tiếp qua điện thoại, email, theo đó sẽ tiếp nhận thông tin đơn đặt hàng, sản phẩm đặt hàng sau đó lưu vào kho đơn đặt hàng của tất cả các khách hàng Sau đó thì người quản lí hệ thống sẽ lên lịch hẹn với khách hàng về thời điểm giao hàng cũng như vị trí giao hàng thuận tiện nhất.

- Website gồm nhiều trang, mỗi trang có một chủ đề và một chức năng riêng.Mỗi chủ đề phải có đường dẫn đến từng trang, có tên và chủ đề và nội dung của từng trang Trang chủ sẽ tóm tắt nội dung của toàn bộ website bao gồm các loại đồ quần áo thể thao.

- Đối với người truy cập Website với tư cách là User sẽ cho phép đăng kí, đăng nhập, tìm kiếm và tham khảo thông tin sản phẩm, cho phép bình luận về bài viết và đánh giá về sản phẩm.

Ngày nay hình thức kinh doanh online đã mang lại nhiều ưu điểm và thuận lợi:

 Tiết kiệm được nguồn tài chính đầu tư

 Không cần thuê nhiều nhân viên bán hàng

 Khách hàng sẽ thoải mái lựa chọn đồ muốn muốn mua

 Việc mua hàng cũng dễ dàng thuận tiện cho người mua, mang đến tâm lý thoải mái cho khách hàng.

Bên cạnh nhưng ưu điểm thì khi kinh doanh bán hàng trên web cũng tồn tại những nhược điểm nhất định:

 Hiện nay khách hàng vẫn chưa tin tưởng vào hình thức bán hàng trên web vì một số trang web thực hiện “ đăng một đằng bán một kiểu” nên đã gây hoang mang cho khách hàng.

 Đòi hỏi website phải chủ động và linh hoạt trong mọi khâu: từ khâu quảng bá sản phẩm đến khâu chăm sóc khách hàng, giao hàng, thanh toán, lấy hàng, Trong quá trình này khi kinh doanh trên web cũng gặp khá nhiều khó khăn.

 Sự cạnh tranh giữa các website là rất lớn Nên nếu sản phầm không chất lượng, đa dạng, đẹp và làm ăn không uy tín thì khó có thể duy trì được lâu.

 Khách hàng sau khi đặt hàng nhưng đến khi giao hàng lại không nhận nên chủ shop lại mất thêm chi phí.

 Một số trang web giả mạo, lừa đảo.

Các hệ thống liên quan tương tự

Một số website tìm hiểu và tham khảo:

- Tocotoco cũng là một trong những chuỗi cửa hàng đưa các đồ ăn thức uống của mình lên website để quảng bá khá thành công.

 Website: http://www.royaltea.vn/

- Royal Tea cũng là một trong những cửa hàng mang tên tuổi của mình đính kèm sự nổi tiếng của các KOL các nền tảng Những chiến dịch của họ có sự đầu tư lớn về phần hình ảnh, đưa chất lượng của mình lên một tầm cao mới và mỗi bước quảng bá là một cú bùng nổ thông qua marketing tầm rộng.

 Website: https://www.starbucks.vn/

- Starbucks là một ông vua trong ngành hàng Mang đến cho khách hàng một dịch vụ và sản phẩm ở tầm đẳng cấp cao mới, tuy đơn giản nhưng mang giá trị cốt lỗi lớn Thế mạnh của doanh nghiệp nằm ở sự xa xỉ và chất lượng đồ ăn/ đồ uống bán ra cực tốt, độ đồng đều trước sau như một Chế độ chi ân khách hàng tốt và lịch thiệp, tận dụng khách hàng để làm kênh quảng bá 0đ vô cùng khéo léo nhưng hiệu quả cực lớn.

+ Nhìn tổng quan những trang web của Việt Nam chất lượng không thua kém gì những trang web của nước ngoài.

+ Layout được phân chia đều, đẹp, dễ nhìn.

+ Thông tin đều rõ ràng, đầy đủ cho người xem.

+ Trang web thấy rất tối ưu, đơn giản, đầy đủ, trang trí đẹp về cả hình ảnh, sản phẩm và bố cục.

Mục tiêu giải quyết của bài toán

- Xây dựng các chức năng cơ bản của một website bán hàng thương mại Website có khả năng tự tương thích, hiển thị được trên tất cả các thiết bị hiện tại và có thể nâng cấp trong tương lai.

- Website được hiển thị một cách sinh động, đẹp mắt nhưng không quá phức tạp để cho tất cả mọi người đều có thể sử dụng được.

- Hỗ trợ khách hàng một cách nhanh nhất khi nhận được yêu cầu liên hệ từ khách hàng.

- Quản lý các mặt hàng sản phẩm, cấu hình website.

- Nắm bắt được công nghệ thiết kế web bằng các ngôn ngữ như: ngôn ngữ đánh dấu siêu văn bản C# net framework giúp cho website sinh động và hấp dẫn hơn.

Yêu cầu của trang web

Website có dung lựng không quá lớn, tốc độ xử lý nhanh.

 Công việc tính toán thực hiện chính xác, không chấp nhận sai sót.

 Sử dụng mã hóa các thông tin cá nhân của khách hàng.

 Đảm bảo an toàn dữ liệu khi chạy website trực tuyến.

 Hình thức thông tin đa dạng và sống động.

 Giao diện thân thiện, dễ nhìn, an toàn dữ liệu.

 Cung cấp thông tin và phát triển hoạt động 24/24.

 Thông tin được cập nhật và sửa đổi thường xuyên.

PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

Chức năng đăng nhập, đăng xuất và đăng ký

2.2.1 Đặc tả use case đăng nhập

Mô tả Use Case này cho phép người dùng đăng nhập, đăng xuất và đăng ký tài khoản vào hệ thống Actor Người quản lý, Nhân viên, Khách hàng

Tiền điều kiện Người dùng chưa đăng nhập vào hệ thống

Hậu điều kiện Người dùng đăng nhập thành công và có thể sử dụng chắc năng mà hệ thống cung cấp Luồng sự kiện chính

1 Người dùng chọn chức năng đăng nhập

2 Form đăng nhập hiển thị

3 Nhập tên, mật khẩu vào form đăng nhập

4 Hệ thống kiểm tra tên, mật khẩu người dùng

5 Đăng nhập thành công, chuyển đến màn hình chính của hệ thống

Ngoại lệ A Người dùng đăng nhập không thành công

1 Hệ thống báo lại quá trình đăng nhập không thành công

2 Yêu cầu người dùng đăng nhập lại

2.2.2 Use case đăng nhập, đăng xuất và đăng kí

2.2.3 Biểu đồ trình tự cho chức năng đăng nhập, đăng xuất và đăng kí

Biểu đồ trình tự cho chức năng đăng nhập

Biểu đồ trình tự cho chức năng đăng xuất

Chức năng danh mục sản phẩm Đặc tả use case danh mục sản phẩm

Tên Use Case Quản lý hệ thống danh mục sản phẩm

Mô tả Use Case này cho phép người dùng quản lý được tất cả danh mục sản phẩm đang được kinh doanh trong cửa hàng Actor Nhân viên quản lý

Thêm, sửa, xóa, tìm kiếm danh mục sản phẩm

Tiền điều kiện Người quản lý đăng nhập vào hệ thống

Hậu điều kiện Người quản lý sẽ biết được thông tin của các danh mục sản phẩm

2.3.2 Use case danh mục sản phẩm

1 Chọn chức năng danh mục sản phẩm

2 Form danh mục sản phẩm xuất hiện, hệ thống hiển thị thông tin cá các danh mục sản phẩm.

3 Hệ thống cung cấp liên kết để thành viên có thể sửa thông tin

Chức năng quản lý khách hàng

2.4 Chức năng quản lý khách hàng

2.4.1 Đặc tả use case quản lý khách hàng

Tên Use Case Quản lý khách hàng

Mô tả Use Case này cho phép người dùng quản lý được tất cả các khách hàng đã mua hàng trong cửa hàng

Thêm, sửa, xóa, tìm kiếm khách hàng

Tiền điều kiện Người dùng đăng nhập vào hệ thống

Hậu điều kiện Người dùng lựa chọn chức năng quản lý khách hàng và thực hiện các chức năng mở rộng

1 Chọn chức năng quản lý khách hàng

2 Form quản lý khách hàng xuất hiện, hệ thống hiển thị thông tin về khách hàng

2.4.2 Use case quản lý khách hàng

2.4.3 Biểu đồ trình tự cho chức năng quản lý khách hàng

Chức năng quản lý sản phẩm

2.5.2 Đặc tả use case quản lý sản phẩm

Tên Use Case Quản lý sản phẩm

Mô tả Use Case này cho phép người dùng quản lý được sản phẩm có trong cửa hàng Actor Nhân viên quản lý, nhân viên cửa hàng

Use Case liên quan Thêm, sửa, xóa, tìm kiếm sản phẩm

Tiền điều kiện Người quản lý đăng nhập vào hệ thống

Hậu điều kiện Người quản lý sẽ biết được số hàng hiện có, biết thiếu hàng nào và còn tồn hàng nào

Luồng sự kiện chính 1 Người quản lý kích hoạt chức năng quản lý sản phẩm

2 Hệ thống sẽ hiển thị tổng quát về những thông tin của sản phẩm

2.5.3 Use case quản lý sản phẩm

2.5.4 Biểu đồ trình tự cho chức năng quản lý sản phẩm

CHƯƠNG 3 : QUẢN LÝ DỰ ÁN

Công việc Mô tả Người tham gia

Khảo sát yêu cầu dự án

Thu thập các yêu cầu tổng quát về dự án

Thông báo triển khai dự án,lập project 2 người 1 ngày 100$

Lập kế hoạch phạm vi dự án

Lập bản kế hoạch phạm vi dự án

Viết báo cáo tổng kết

Tổng kết lại toàn bộ công việc thành báo cáo

Giai đoạn cuối của dự án

Rút kinh nghiệm cho đợt dự án sau

Phân tích và thiết kế hệ thống Đặc tả chi tiết các yêu cầu từ khách hàng

Từ yêu cầu thu được từ phần khảo sát, mô tả cụ thể hơn về những yêu cầu cần thiết của phần mềm

Mô tả Xây dựng 2 ngày 100$ kiến trúc hệ thống bằng các sơ đồ

Use case, hoạt động kiến trúc phần mềm bằng các sơ đồ use case, trình tự hoạt động

Thiết kế cơ sở dữ liệu hệ thống

Xây dựng cấu trúc cơ sở dữ liệu cho phần mềm (gồm các bảng cụ thể)

Thiết kế giao diện phần mềm

Xây dựng các form cơ bản của phần mềm dựa theo các sơ đồ UML

Viết bản phân tích hệ thống chi tiết

Tổng hợp các báo cáo để cho ra bản phân tích thiết kế hoàn chỉnh

Phân tích yêu cầu cụ thể cho module

Từ những thông tin đã thu thập ở trên lập kế hoạch xây dựng chi tiết những nhiệm vụ của

2 ngày 50$ quản lý các đại lý vật liệu xây dựng

Module thống kê sản phẩm

-Xây dựng form đăng nhập

- Xây dựng form thống kê nhập xuất hàng, hình thức thống kê hàng hóa.

- xây dựng các nút chức năng

Xây dựng form tự động thông báo số lượng hàng tồn, nhập xuất,hàng bán chạy theo tháng cho kế toán kho

Thực hiện chạy thử module đã xây dựng

- kiểm thử giao diện , kiểm tra xem giao diện có đạt yêu cầu không, về hình thức bố trí giao diện

1 ngày 100$ của phần mềm có bố trí hợp lý hay không

- kiểm thử khả năng thống kê nhập xuất hàng…

Viết báo cáo về module

Xây dựng báo cáo mô tả chi tiết về module

Lắp ráp hoàn chỉnh các module thành chương trình thống nhất để chạy thử

Tích hợp và hoàn thiện sản phẩm

Kiểm thử tích hợp toàn hệ thống

Test tổng quan toàn bộ hệ thống

Thực hiện fix các lỗi tồn tại

Fix các lỗi phát sinh trong khi test

1 người 2 ngày 200$ Đóng gói phần mềm và chuyển giao

Viết tài liệu hướng dẫn sử dụng phần mềm

Tạo bản hướng dẫn sử dụng phần mềm

Chuyển giao các sản phẩm

1 ngày 0 bảo trì phần mềm của dự án cho khách hàng

Bàn giao sản phẩm cũng như những tài liệu liên quan cho khách hàng Đề ra kế hoạch bảo trì

Tổng kết dự án 1 ngày 0

2.2 Phân tích tiến trình thực hiện

Hoạt động Tên hoạt động

Khảo sát mô hình quản lý website b

1.1 Khảo sát dự án, phân tích yêu cầu 1 ngày

1.2 Viết hiến chương dự án 1 ngày

1.3 Báo cáo triển khai dự án 1 ngày

Lập bảng mô tả phạm vi dự án

Lập bảng phân chia công việc

1.6 Lập bảng kế hoạch dự án

Phân tích và thiết kế hệ thống

2.1 Phân tích quy trình nghiệp vụ 1 ngày

2.2 Lập sơ đồ use case của hệ thống 1 ngày

2.3 Lập sơ đồ hoạt động của hệ thống 1 ngày

2.4 Thống nhất lại các sơ đồ thiết kế 1 ngày

Lập cơ sở dữ liệu

3.1 Phân tích các đối tượng

3.2 Xây dựng thuộc tính cho các đối tượng

Thiết lập cơ sở và nhập dữ liệu cho hệ thống

4: 4.1 Thiết kế form đăng nhập vào hệ thống

0,5 ngày4.2 Code chức năng đăng 0,5

Xây dựng chức năng đăng nhập vào hệ nhập vào hệ thống ngày

4.3 Test chức năng đăng nhập

Xây dựng chức năng của hệ thống(2 ngày)

5.1 Thiết kế form 0,5 ngày 5.2 Viết trigger, store proceduce

Chạy thử các module đã được xây dựng xong

Kiểm thử giao diện đã đẹp, bố cục hợp lý chưa, có thuận tiện cho người dùng chưa

Kiểm thử việc nhập liệu xem có chính xác không

6.3 Kiểm thử toàn hệ thống 1 ngày

6.4 Thực hiện việc fix các lỗi tồn tại 1 ngày

7: Cài đặt phần mềm(2 ngày)

7.1 Viết báo cáo toàn bộ module 1 ngày

7.2 Viết tài liệu hướng dẫn sử dụng 1 ngày

8 Tích hợp và bảo trì(1 ngày

8.1 Lên kế hoạch bảo trì phần mềm 1 ngày

CHƯƠNG 4: THIẾT KẾ HỆ THỐNG

4.1 Thiết kế hệ thống hướng đối tượng

- Là quy trình để phát triển và bảo trì một ứng dụng hệ thống thông tin với mục đích nâng cao hiệu quả công việc.

- PTTKHĐT được thực hiện dựa trên quy trình công nghệ phần mềm gồm phương pháp luận, công nghệ và công cụ.

- Phương pháp luận: Trình tự của cách tiếp cận từng bước để phát triển sản phẩm cuối cùng là HTTT.

- Kỹ năng: Trình tự mà người phân tích hệ thống theo để thực hiện các công việc như phỏng vấn người dùng để xác nhận yêu cầu, lập kế hoạch, vẽ biểu đồ,…

- Công cụ: Chương trình máy tính Ví dụ như CASE (computer- aided software engineering) để thực hiện các kỹ năng cụ thể một cách dễ dàng.

- Phương pháp luận, kỹ thuật, công cụ tạo nên một cách tiếp cận có hệ thống để phân tích và thiết kế hệ thống.

- Đóng vai trò cốt lõi trong việc phát triển hệ thống: Phân tích hệ thống là nghiên cứu vấn đề trong tổ chức, đưa ra giải pháp để nâng cao tổ chức.

- Để đáp ứng được yêu cầu của phân tích, chúng em đã sử dụng đến phần mềm draw.io để giúp người dùng hình dung cụ thể hơn về đề tài của chúng em. + Rational Rose là phần mềm công cụ mạnh hỗ trợ phân tích , thiết kế hệ thống phần mềm theo đối tượng Nó giúp ta mô hình hóa hệ thống trước khi viết mã chương trình Draw.io hỗ trợ cho mô hình làm doanh nghiệp , giúp bạn hiểu được hệ thống của mô hình Giúp chúng ta phân tích hệ thống và giúp chúng ta có thể thiết kế được mô hình

+ Theo phong cách lập trình truyền thống thì sau khi đã xác định yêu cầu của hệ thống, người phát triển sẽ lấy 1 vài yêu cầu , quyết định thiết kế và lấy mã chương trình

● Ưu điểm: Cung cấp nhiều tính năng

+ Mô hình hướng đối tượng

+ Kiểm tra ngữ nghĩa + Hỗ trợ phát sinh mã cho ngôn ngữ

+ Phải căn chỉnh nhiều cho mô hình được đẹp + Trong bản free không hỗ trợ phát sinh mã cho một số ngôn ngữ.

4.2.2 Giao diện đăng ký/ đăng nhập

4.2.3 Giao diện tin tức của cửa hàng

4.2.4 Giao diện thông tin liên hệ nóng/địa chỉ.

4.2.6 Giao diện quản lý nội bộ.

4.2.7 Giao diện quản lý đơn đặt hàng.

4.2.8 Giao diện thống kê sản phẩm.

4.2.9 Giao diện thêm/sửa/xoá sản phẩm.

CHƯƠNG 5: CÀI ĐẶT 5.1 Giới thiệu về Visual Studio Code

Visual Studio Code là một trong những trình soạn thảo mã nguồn rất phổ biến được các lập trình viên sử dụng Với các ưu điểm nổi bật là sự nhanh chóng, nhẹ, hỗ trợ đa nền tảng cùng nhiều tính năng và là mã nguồn mở chính Visual Studio Code ngày càng được ưa chuộng sử dụng, là lựa chọn hàng đầu của các lập trình viên Bài viết sau đây sẽ cung cấp các thông tin để giúp bạn hiểu rõ hơn Visual Studio Code là gì cũng như các tính năng nổi bật của Visual Studio Code.

Visual Studio Code là gì được rất nhiều người tìm hiểu Đây cũng là một trong các ứng dụng được dân IT “săn đón” và tải về và sử dụng rất nhiều Visual Studio Code cũng luôn có những cải tiến và tạo ra đa dạng các tiện ích đi kèm từ đó giúp cho các lập trình viên sử dụng dễ dàng hơn Trong đó có thể kể đến những ưu điểm sau:

 Đa dạng ngôn ngữ lập trình giúp người dùng thỏa sức sáng tạo và sử dụng như HTML, CSS, JavaScript, C++,…

 Ngôn ngữ, giao diện tối giản, thân thiện, giúp các lập trình viên dễ dàng định hình nội dung

 Các tiện ích mở rộng rất đa dạng và phong phú

 Tích hợp các tính năng quan trọng như tính năng bảo mật (Git), khả năng tăng tốc xử lý vòng lặp (Debug),…

 Đơn giản hóa việc tìm quản lý hết tất cả các Code có trên hệ thống.

Visual Studio Code là một trong những trình biên tập Code rất phổ biến nhất sánh với những phần mềm khác Tuy bản miễn phí không có nhiều các tính năng nâng cao nhưng Visual Studio Code thực sự có thể đáp ứng được hầu hết nhu cầu cơ bản của lập trình viên.

Không phải ngẫu nhiên mà Visual Studio Code được các lập trình viên ưa chuộng sử dụng Visual Studio Code mang rất nhiều ưu điểm vượt trội so với bất kỳ IDE nào khác:

Hỗ trợ đa nền tảng: Linux, Mac, Windows,

Hỗ trợ đa ngôn ngữ: C/C++, C#, F#, JavaScript, JSON, Visual Basic, HTML, CSS,

Kiến trúc mạnh mẽ và người dùng có thể khai thác mở rộng

Số lượng người sử dụng lớn tạo nên ộng đồng hỗ trợ rộng rãi

QUẢN LÝ DỰ ÁN