1. Trang chủ
  2. » Luận Văn - Báo Cáo

Đồ án tốt nghiệp website bán đồng hồ

69 44 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 69
Dung lượng 4,6 MB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Cấu trúc

  • MỤC LỤC

  • LỜI CẢM ƠN

  • LỜI NÓI ĐẦU

  • CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI

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

    • 1.2 Mục tiêu của đề tài

    • 1.3 Phạm vi của đề tài

    • 1.4 Nội dung nghiên cứu:

  • CHƯƠNG 2: KHẢO SÁT HỆ THỐNG

    • 2.1 Giới thiệu về cửa hàng đồng hồ Duy Mạnh

    • 2.2 Mô hình nghiệp vụ của cửa hàng

    • 2.3 Đánh giá hiện trạng

  • CHƯƠNG 3 : PHÂN TÍCH HỆ THỐNG

    • 3.1. Đặc tả yêu cầu

      • 3.1.1 Yêu cầu chức năng

      • 3.1.2 Các yêu cầu phi chức năng

    • 3.2 Xây dựng biểu đồ ca sử dụng

      • 3.2.1 Tác nhân của hệ thống

    • 3.3. Biểu đồ Use case

      • 3.3.1 Biểu dồ Use case tổng quát

      • 3.3.2 Biểu đồ phân rã cho tác nhân Admin

      • 3.3.3 Biểu đồ phân rã cho tác nhân Khách hàng

    • 3.4 biểu đồ trình tự

    • 3.4.6 Biểu đồ lớp

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

    • 4.1. Lựa chọn phương án thiết kế

      • 4.1.1 Lựa chọn công nghệ

      • 4.1.2 Giới thiệu về công nghệ

    • 4.2 Biểu đồ hoạt động

    • 4.3 Biểu đồ thành phần

    • 4.4 Biểu đồ triển khai

    • 4.5. Xây dựng cở dữ liệu

      • 4.5.1 Danh sách các bảng

      • 4.5.2 Bảng Admins

      • 4.2.3 Bảng bình luận

      • 4.2.4 Bảng đánh giá

      • 4.2.5 Bảng bài viết

      • 4.2.6 Bảng menu

      • 4.2.7 Bảng sản phẩm yêu thích

      • 4.2.8 Bảng sản phẩm

      • 4.2.9 Bảng thuộc tính

      • 4.2.11 Bảng người dùng

      • 4.2.12 Bảng liên hệ

      • 4.2.13 Bảng kiểu

      • 4.2.14 Bảng từ khóa

      • 4.2.15 Bảng sản phẩm

      • 4.2.16 Bảng giao dịch

      • 4.2.17 Mô hình quan hệ cơ sở dữ liệu

  • Chương 5: KẾT QUẢ THỰC NGHIỆM

    • 5.1. Môi trường cài đặt

      • 5.1.1 Về phần cứng

      • 5.1.2 Về phần mềm

    • 5.2. Giao diện website

      • 5.2.1 Giao diện khách hàng

      • 5.2.2 Giao diện quản trị

  • KẾT LUẬN

  • TÀI LIỆU THAM KHẢO

Nội dung

TỔNG QUAN VỀ ĐỀ TÀI

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

Hiện nay, công nghệ thông tin đang được ứng dụng rộng rãi tại Việt Nam, đặc biệt trong lĩnh vực kinh doanh và bán hàng online Với một chiếc máy tính có kết nối internet, người dùng có thể dễ dàng mua sắm mọi thứ mình muốn từ bất kỳ đâu.

Chọn thực tập tại một cửa hàng lớn chuyên cung cấp đồng hồ đeo tay, từ các dòng đồng hồ thông thường đến đồng hồ thông minh Nhận thấy sự phát triển của kinh doanh online và nhu cầu mua sắm tiện lợi, cửa hàng đã ra mắt website bán hàng để phục vụ khách hàng mà không cần đến tận nơi.

Cửa hàng cung cấp đầy đủ các loại đồng hồ với giá cả công khai trên website, giúp khách hàng dễ dàng tiếp cận thông tin Trang web cũng giới thiệu những mẫu đồng hồ nổi bật nhất, tiết kiệm thời gian cho khách hàng trong việc lựa chọn sản phẩm.

Cửa hàng đồng hồ Duy Mạnh chuyên cung cấp các dòng đồng hồ truyền thống và đồng hồ thông minh (smartwatch) đang tìm kiếm một website để giới thiệu sản phẩm và phát triển kênh bán hàng trực tuyến.

Đề tài này rất thú vị và hữu ích, mang lại cho tôi nhiều kiến thức về thị trường và công nghệ hiện đại.

Mục tiêu của đề tài

Xây dựng được website có các chức năng đáp ứng được yêu cầu của người dùng:

Quản lý các đơn hàng các giao dịch.

Quản lý danh mục sản phẩm.

Quản lý sản phẩm: Cập nhật thông tin về các sản phẩm.

Quản lý thống kê: quản lý doanh thu theo ngày tháng năm, sản phẩm

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

Tìm kiếm thông tin sản phẩm Đặt hàng và kiểm tra tình trạng đơn hàng

Phạm vi của đề tài

Xây dựng một website thương mại điện tử là một thách thức lớn với nhiều giao dịch phát sinh Website mà tôi phát triển cho phép người dùng đăng ký, đăng nhập, tìm kiếm, lọc, theo dõi tin tức và sản phẩm, bình luận sản phẩm, thêm sản phẩm vào giỏ hàng, và đặt hàng online với phương thức thanh toán khi nhận hàng Người dùng cũng nhận được email xác nhận đặt hàng từ bên bán sau khi hoàn tất đơn hàng Phần quản trị của website thực hiện các chức năng như thêm, sửa, hiển thị hoặc ẩn danh mục, sản phẩm, tin tức và tài khoản người dùng; theo dõi trạng thái đơn hàng; thống kê đơn hàng theo loại và thời gian; cùng với báo cáo doanh thu Tuy nhiên, do giới hạn về thời gian và cơ sở hạ tầng, một số chức năng vẫn chưa được phát triển.

Gửi thông báo trực tiếp khi có đơn hàng mới ở phần quản trị.

Xử lý đơn hàng hủy/ đơn hàng trả lại.

Nhập sản phẩm từ file Excel.

Nội dung nghiên cứu

Nội dung của đồ án được chia làm 5 chương:

Chương 1: Tổng quan về đề tài giới thiệu tổng quan về đề tài.

Chương 2: Khảo sát hệ thống, khảo sát bài toán để đưa ra phương án tốt nhất thực hiện đồ án và ứng dụng thương mại điện tử với website bán hàng trực tuyến.

Chương 3: Phân tích hệ thống mô tả các cách thức tổ chức, quản lý bán đồng hồ, đồng thời đưa ra các yêu cầu cụ thể cho việc xây dựng website giới thiệu về sự phát triển của truyền thông trong cuộc sống hiện nay đến khách hàng.

Chương 4 : Thiết kế hệ thống giới thiệu công nghệ thực hiện đồ án, trình bày nội dung phân tích và đưa ra các bảng dữ liệu được thiết kế trong qua trình xây dựng website

Chương 5: Kết quả thực nghiệm mô tả cài đặt web, mô tả giao diện, hoạt động các chức năng được thiết kế trong website.

KHẢO SÁT HỆ THỐNG

Giới thiệu về cửa hàng đồng hồ Duy Mạnh

Cửa hàng bán đồng hồ Duy Mạnh có địa chỉ tại số 102 đường Nguyễn Lương Bằng, Thành phố Hải Dương, Hải Dương.

Cửa hàng chuyên cung cấp đồng hồ từ các thương hiệu nổi tiếng như Omega, Aries Gold, và Diamond, bao gồm cả đồng hồ thường và smartwatch Đây là địa điểm ưa thích của những người yêu công nghệ và đam mê sưu tầm đồng hồ mới Cửa hàng luôn cập nhật thông tin và sản phẩm mới nhất trên thị trường thế giới và Việt Nam Đội ngũ nhân viên trẻ trung, năng động, luôn sẵn sàng phục vụ khách hàng một cách kịp thời và chu đáo.

Cửa hàng cam kết cung cấp sản phẩm đến tay người tiêu dùng với mức giá cạnh tranh nhất thị trường, đồng thời đảm bảo chất lượng Giữ vững uy tín với khách hàng là phương châm hoạt động và là yếu tố then chốt trong việc phát triển thương hiệu của cửa hàng.

Cửa hàng hiện đang phục vụ khách hàng đến mua sắm trực tiếp và cũng muốn đáp ứng nhu cầu của những khách hàng không thể đến cửa hàng nhưng vẫn muốn mua hàng.

Mô hình nghiệp vụ của cửa hàng

Hoạt động kinh doanh của cửa hàng hoa chủ yếu diễn ra 2 quá trình:

Cửa hàng hợp tác với nhiều nhà cung cấp và thương hiệu đồng hồ nổi tiếng như Diamond D, Q&Q, Citizen, và Aries Gold Khi cần hàng, quản lý cửa hàng sẽ liên hệ với các nhà cung cấp để yêu cầu thông tin về tên, thương hiệu, số lượng và giá cả sản phẩm Sau khi đạt được thỏa thuận về giá và số lượng, cửa hàng sẽ ký hợp đồng mua hàng với nhà cung cấp Quá trình giao hàng sẽ được thực hiện theo thời gian đã thỏa thuận giữa hai bên.

Khi nhận hàng, bộ phận quản lý kho sẽ kiểm tra hàng hóa để xác nhận sự khớp với hợp đồng mua hàng Nếu đúng, họ lập hóa đơn mua hàng với thông tin như tên hàng, số lượng, đơn giá và tổng tiền, sau đó chuyển cho quản lý để viết phiếu chi với các thông tin như họ tên, địa chỉ, lý do chi tiền và tổng số tiền chi để thanh toán cho nhà cung cấp Nếu không khớp, sẽ có thông tin phản hồi gửi đến nhà cung cấp.

Sau khi nhận hàng, quản lý sẽ tiến hành kiểm tra và xác nhận hàng hóa, đồng thời lập chứng từ nhập kho Quá trình này bao gồm việc cập nhật danh mục hàng vào sổ nhập kho và lưu trữ thông tin liên quan, chẳng hạn như mã nhà cung cấp.

Cửa hàng hiện đang cung cấp dịch vụ bán hàng trực tiếp cho khách đến mua tại cửa và qua điện thoại cho những khách hàng thân thiết Khi khách hàng đến cửa hàng, họ có thể xem mẫu sản phẩm và nhận tư vấn từ nhân viên Nếu khách hàng hài lòng với sản phẩm, họ sẽ thực hiện thanh toán tại quầy và cửa hàng sẽ đóng gói sản phẩm để khách mang về.

Khi nhận được yêu cầu cung cấp hàng từ khách hàng, nhân viên sẽ báo giá và sau khi thống nhất, khách hàng gửi đơn đặt hàng Nhân viên bán hàng xác nhận đơn và cập nhật thông tin vào sổ khách hàng, sau đó chuyển cho bộ phận quản lý kho Dựa trên đơn đặt hàng, quản lý kiểm tra số lượng hàng trong kho; nếu đủ, lập chứng từ xuất kho và chuyển hàng cho nhân viên giao hàng Nếu không đủ hàng, sẽ trình lãnh đạo để lập kế hoạch nhập hàng.

Bộ phận bán hàng sẽ kiểm tra hàng hóa khi nhận từ kho, lập hóa đơn bán hàng và giao hàng tận nơi cho khách hàng.

Đánh giá hiện trạng

Hiện nay với cách kinh doanh truyền thống thì cửa hàng gặp phải tương đối nhiều khó khăn :

Cửa hàng hiện đang phải đối mặt với chi phí thuê mặt bằng cao và đầu tư lớn vào trang trí, nhân viên, và sản phẩm mới, dẫn đến việc duy trì hoạt động trở nên khó khăn Đặc biệt, tình hình dịch COVID-19 đã khiến cửa hàng không thể mở cửa đón khách, ảnh hưởng nghiêm trọng đến doanh thu.

Thói quen mua sắm trực tuyến ngày càng phổ biến đã dẫn đến sự sụt giảm lượng khách hàng đến cửa hàng, ảnh hưởng trực tiếp đến doanh thu Để khắc phục khó khăn này và mở rộng kinh doanh, chủ cửa hàng quyết định xây dựng chiến lược quảng bá sản phẩm đồng hồ không chỉ cho khách hàng trong tỉnh mà còn cho toàn quốc.

Tiết kiệm chi phí thuê địa điểm, quảng bá đến người tiêu dùng.

Tăng cường lợi nhuận cho chủ cửa hàng bằng cách đáp ứng nhu cầu mua sắm ngày càng cao của xã hội, đồng thời tạo ra một môi trường làm việc hiệu quả.

Thúc đẩy phát triển buôn bán trực tuyến.

Rút ngắn khoảng cách giữa người mua và người bán, tạo ra một website trực tuyến giúp nhanh chóng truyền tải thông tin và hỗ trợ việc trao đổi mua bán điện thoại qua mạng.

Việc quản lý hàng trở nên dễ dàng.

Sản phẩm được sắp xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm.

PHÂN TÍCH HỆ THỐNG

Đặc tả yêu cầu

Website bán đồng hồ có các chức năng sau:

 Giao diện quản trị hệ thống (người bán)

Quản trị hệ thống có quyền quản lý toàn bộ hoạt động của website quản lý và bán đồng hồ:

Chức năng quản lý sản phẩm cho phép người quản trị thực hiện các thao tác như thêm, sửa, và xóa các đối tượng quản lý Ngoài ra, hệ thống còn cung cấp chức năng tìm kiếm và xuất thông tin sản phẩm một cách dễ dàng và hiệu quả.

- Chức năng quản lý bài viết: Người quản trị được phép thực hiện hoạt động thêm, sửa, xóa các đối tượng được quản lý.

- Chức năng quản lý tài khoản: Người dùng được phép thực hiện hoạt động động sửa, các chức năng được quản lý.

- Chức năng quản lý người dùng: Người quản trị được phép thực hiện hoạt động xóa các chứ năng mình quản lý.

Quản lý đơn hàng giúp người dùng dễ dàng tìm kiếm và xuất thông tin đơn hàng, xem chi tiết đơn hàng và thực hiện các thao tác như xóa sản phẩm trong đơn hàng, cập nhật trạng thái đơn hàng và xóa toàn bộ đơn hàng khi cần thiết.

- Chức năng quản lý hệ thống: Người quản trị được phép thực hiện hoạt động thêm, sửa, xóa slide, sự kiện,

- Chức năng thống kê doanh thu: người quản trị theo dõi được doanh thu của website

 Giao diện khách hàng (người mua)

Frontend của website bán hàng online được xây dựng trên các tiêu chí:

- Giao diện đẹp, các thao tác đơn giản và thân thiện với người dùng.

- Thông tin sản phẩm phong phú, đa dạng, luôn cập nhật những sản phẩm mới nhất.

- Có thông tin liên hệ của cửa hàng

- Font chữ đơn giản, hình ảnh dễ nhìn, màu sắc hài hòa.

- Tính bảo mật dữ liệu của hệ thống phải cao.

- Đảm bảo vận hành tốt khi có nhiều người dùng cùng tương tác tại cùng một thời điểm. vừa xem, tin tức.

- Khách hàng có thể xem thông tin chi tiết của sản phẩm, gửi đánh giá, bình luận sản phẩm.

- Cho phép khách hàng đặt mua sản phẩm.

- Cho phép khách hàng đăng ký, đăng nhập hệ thống

- Cho phép tìm kiếm các sản phẩm và tin tức.

- Cho phép xem các tin tức, bài viết nổi bật.

Quản lý tài khoản dễ dàng với các tính năng như xem tổng quan trang cá nhân, cập nhật thông tin tài khoản, quản lý đơn hàng, theo dõi sản phẩm yêu thích và đã xem, cũng như kiểm tra lịch sử đăng nhập.

- Cho phép gửi thông tin liên hệ.

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

STT Tên ca sử dụng Mô tả yêu cầu

1 Giao diện Giao diện hệ thống phải dễ sử dụng, trực quan, thân thiện với mọi người dùng.

2 Tốc độ xử lý Hệ thống phải xử lý nhanh chóng và chính xác.

3 Bảo mật Tính bảo mật và độ an toàn cao.

4 Tương thích Tương thích với đa phần các trình duyệt web hiện tại.

Xây dựng biểu đồ ca sử dụng

3.2.1 Tác nhân của hệ thống

Các tác nhân chính của hệ thống bao gồm:

Tác nhân Admin đóng vai trò quan trọng trong việc quản lý sản phẩm, tin tức, người dùng, đơn hàng và hệ thống Để thực hiện các chức năng này, admin cần phải đăng nhập vào hệ thống.

Tác nhân khách hàng có thể thực hiện nhiều chức năng quan trọng như tìm kiếm sản phẩm và tin tức, xem thông tin chi tiết về sản phẩm và bài viết, đặt hàng, kiểm tra giỏ hàng, đăng ký tài khoản mới, bình luận và đánh giá sản phẩm, cũng như đăng nhập vào hệ thống.

Bảng 3 1 Bảng yêu cầu phi chức năng

Bảng 3 2 Tên các ca sử dụng

T Tên ca sử dụng Mô tả

1 Quản trị hệ thống Quản lý toàn hộ hệ thống, có quyền thay đổi các thông tin sản phẩm, bài viết, trong hệ thống.

Quản lý, lưu trữ thông tin về sản phẩm như mã sản phẩm, tên sản phẩm… thêm, sửa, xóa sản phẩm

3 Quản lý danh mục sản phẩm

Quản lý thông tin về các danh mục sản phẩm như thêm, sửa, xóa

4 Quản lý đặt hàng Quản lý thông tin về các đơn đặt hàng như: tên người đặt hàng, địa chỉ người nhận, số điện thoại, tổng tiền…

5 Quản lý chi tiết đặt hàng

Quản lý thông tin về đặt hàng gồm: mã chi tiết đặt hàng, mã đặt hàng, mã sản phẩm, số lượng, thành tiền.

Quản lý thông tin về khách hàng như tên khách hàng, địa chỉ, mã khách hàng, số điện thoại, email

7 Quản lý giao dịch Quản lý thông tin giao như: Mã giao dịch, mã khách hàng, địa chỉ người nhận, số điện thoại, tổng tiền.

8 Quản lý chi tiết hóa đơn

Quản lý hóa đơn của khách hàng như: mã giao dịch, mã hóa đơn, mã sản phẩm, số lượng, thành tiền.

Giỏ hàng là để lưu thông tin mà khách hàng đã chọn có những trường như: mã giỏ hàng, mã sản phẩm, mã giao dịch, ngày tạo.

10 Tạo một tài khoản mới

Khách hàng có thể đăng ký trở thành nhân viên để dễ dàng mua sắm và nhận các chương trình khuyến mại hấp dẫn từ cửa hàng.

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

Khách hàng có thể thay đổi thông tin của tài khoản ,thay đổi mật khẩu , địa chỉ , thông tin liên lạc.

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

Khách hàng có thể thay đổi thông tin của tài khoản ,thay đổi mật khẩu , địa chỉ , thông tin liên lạc.

Để đăng nhập vào hệ thống, người dùng cần nhập địa chỉ email và mật khẩu Hệ thống sẽ kiểm tra tính hợp lệ của thông tin này; nếu thông tin trùng khớp với dữ liệu đã lưu, người dùng sẽ được phép truy cập.

Tìm kiếm, nhanh về thông tin sản phẩm, dựa vào các tiêu chí tìm kiếm của website như tìm theo tên của sản phẩm…

15 Đặt hàng Khách hàng có thể thực hiện chức năng này để đặt mua

T Tên ca sử dụng Mô tả

Sau khi đăng nhập và chọn sản phẩm, giỏ hàng sẽ lưu trữ thông tin chi tiết về các mặt hàng mà khách hàng đã chọn, bao gồm số lượng, tên sản phẩm và giá cả.

Biểu đồ Use case

3.3.1 Biểu dồ Use case tổng quát

Hệ thống có các chức năng chính tổng quát, dễ dàng nhận thấy từ góc độ của các tác nhân Dựa trên yêu cầu của bài toán, ta có thể xác định use case tổng quát như sau.

Hình 3 1 Biểu đồ use case tổng quát

3.3.2 Biểu đồ phân rã cho tác nhân Admin

Hình 3 2 Biều đồ phân rã cho tác nhân admin

3.3.3 Biểu đồ phân rã cho tác nhân Khách hàng

Hình 3 3 Biểu đồ phân rã cho tác nhân khách hàng

biểu đồ trình tự

Mục đích của biểu đồ tương tác là thể hiện mối quan hệ giữa người dùng và các đối tượng trong hệ thống Biểu đồ này minh họa cách các thông điệp được truyền tải theo trình tự theo thời gian, với thứ tự sự kiện phản ánh chính xác kịch bản mô tả ca sử dụng liên quan.

Biểu diễn: Biểu đồ trình tự được biểu diễn bởi các đối tượng và thông điệp truyền đi giữa các đối tượng đó.

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

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

 Biểu đồ trình tự cho chức năng đăng ký

Hình 3 5 Biểu đồ trình tự cho chức năng đăng đăng ký

 Biểu đồ trình tự cho chức năng đặt hàng

Hình 3 6 Biểu đồ trình tự cho chức năng đặt hàng

 Biểu đồ trình tự cho chức năng quản lý tài khoản

Hình 3 7 Biểu đồ trình tự cho chức năng quản lý tài khoản

 Biểu đồ trình tự cho chức năng quản lý người dùng

Hình 3 8 Biểu đồ trình tự cho chức năng quản lý người dùng

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

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

 Biểu đồ tuần tự cho chức năng quản lý tin tức

Hình 3 10 Biểu đồ trình tự cho chức năng quản lý tin tức

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

Hình 3 11 Biểu đồ trình tự cho chức năng quản lý đơn hàng

 Danh sách các đối tượng

Bảng 3 3 Bảng danh sách đối tượng lớp

STT Tên lớp/quan hệ Ý nghĩa/Ghi chú

1 Category Mô tả các thuộc tính và các phương thức liên quan tới nghiệp vụ quản lý danh mục sản phẩm.

2 News Mô tả các thuộc tính và các phương thức liên quan tới nghiệp vụ quản lý bài viết.

3 Order Mô tả các thuộc tính và các phương thức liên quan tới nghiệp vụ quản lý danh sách đơn hàng.

4 Product Mô tả các thuộc tính và các phương thức liên quan tới nghiệp vụ quản lý danh sách sản phẩm.

5 Transaction Mô tả các thuộc tính và các phương thức liên quan tới nghiệp vụ quản lý thông tin giao dịch.

6 User Mô tả các thuộc tính và các phương thức liên quan tới nghiệp vụ quản lý danh sách thành viên.

THIẾT KẾ HỆ THỐNG

Lựa chọn phương án thiết kế

- Công cụ lập trình: HTML, CSS, BOOTSTRAP, JQUERY

- Ngôn ngữ lập trình: PHP

- Công cụ quản lý CSDL: MySQL

Em lựa chọn và sử dụng các công nghệ trên bởi vì:

Trong chương trình đào tạo, em đã tiếp cận các công nghệ phù hợp để giải quyết vấn đề "Xây dựng website giới thiệu và bán hoa tươi cho cửa hàng Lovely Flowers" Các công nghệ này có ưu điểm như phần mềm lập trình nhẹ, giao diện đơn giản và đầy đủ công cụ hỗ trợ soạn thảo code Ngôn ngữ lập trình mã nguồn mở, hoàn toàn miễn phí và có cộng đồng người dùng đông đảo, với các phần mềm nổi tiếng như Joomla CMS, vBulletin Forum, phpBB Forum, IBF Forum và osCommerce Quản lý cơ sở dữ liệu với MySQL cũng rất tiện lợi, đơn giản, nhanh chóng và tương thích với nhiều hệ điều hành.

4.1.2 Giới thiệu về công nghệ

 Giới thiệu Visual Studio Code

Visual Studio Code là gì?

Visual Studio Code là một trình biên tập mã nguồn mở miễn phí do Microsoft phát triển, tương thích với Windows, Linux và macOS Nó cung cấp các tính năng mạnh mẽ như debug, tích hợp Git, đánh dấu cú pháp, tự hoàn thành mã thông minh, và snippets, giúp cải thiện hiệu suất lập trình Người dùng có thể tùy chỉnh giao diện, phím tắt và các tùy chọn khác để phù hợp với nhu cầu cá nhân.

Visual Studio Code được công bố, ra mắt phiên bản thử nghiệm vào ngày 29 rộng) cũng được công bố.

Visual Studio Code là một trình biên tập mã mạnh mẽ, hỗ trợ nhiều ngôn ngữ lập trình và tính năng tùy chỉnh Nhiều chức năng của nó không hiển thị trong menu hoặc giao diện người dùng mà được truy cập thông qua khung nhập lệnh hoặc tập tin json Khung nhập lệnh hoạt động như một giao diện dòng lệnh nhưng sẽ biến mất khi người dùng tương tác với các phần khác của giao diện Điều này có thể dẫn đến việc hủy bỏ quá trình xử lý dòng lệnh nếu không chú ý.

HTML, hay còn gọi là Ngôn ngữ Đánh dấu Siêu văn bản, là ngôn ngữ chính được sử dụng để xây dựng các trang web Nó cho phép trình bày thông tin trên World Wide Web và hoạt động cùng với CSS và JavaScript, tạo thành bộ ba nền tảng kỹ thuật thiết yếu cho sự phát triển của web.

HTML đóng vai trò quan trọng trong việc xây dựng cấu trúc siêu văn bản cho website và khai báo các tập tin kỹ thuật số như hình ảnh, video và nhạc Trong khi đó, CSS, viết tắt của Cascading Style Sheets, được sử dụng để miêu tả cách trình bày các tài liệu được viết bằng ngôn ngữ HTML.

Giảm thiểu việc sử dụng thẻ HTML để định dạng kiểu dáng như chữ đậm, chữ in nghiêng, chữ gạch chân và chữ màu giúp mã nguồn trang web trở nên gọn gàng hơn, tách biệt rõ ràng giữa nội dung và định dạng hiển thị, từ đó dễ dàng hơn cho việc cập nhật nội dung.

Bootstrap là một framework HTML, CSS và Javascript giúp người dùng thiết kế website theo chuẩn nhất định một cách dễ dàng Với Bootstrap, người dùng chỉ cần có kiến thức cơ bản về ba ngôn ngữ này để tạo ra các kiểu dáng có thể áp dụng cho nhiều trang web, từ đó tránh việc lặp lại định dạng cho các website giống nhau.

- Responsive: Bootstrap xây dựng sẵn reponsive css trên các thiết bị

Iphones, tablets và desktops đều hỗ trợ tính năng giúp người dùng tiết kiệm thời gian trong việc tạo website thân thiện với các thiết bị điện tử và thiết bị cầm tay.

JQuery là một thư viện JavaScript hiện đại, giúp đơn giản hóa các tác vụ lập trình với mã nguồn ngắn gọn hơn Nó tương thích với tất cả các trình duyệt phổ biến như Chrome, Firefox, Internet Explorer, Safari và Opera.

Tác dụng: Jquery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạo hiệu ứng động và tương tác Ajax

PHP (Personal Home Page hoặc PHP Hypertext Preprocessor) được R Lerdoft giới thiệu vào năm 1994 như một ngôn ngữ lập trình dựa trên Perl và các công cụ trang chủ Với khả năng xử lý trên máy chủ, PHP cho phép các trang web hoạt động mượt mà trên mọi hệ điều hành Nói tóm lại, PHP là ngôn ngữ lập trình script chạy trên server, trả về mã HTML cho trình duyệt Việc sử dụng PHP trong thiết kế web đang ngày càng gia tăng và dự kiến sẽ tiếp tục phát triển trong tương lai.

PHP là một ngôn ngữ lập trình mạnh mẽ, hoạt động chủ yếu trên máy chủ (Windows hoặc Unix) Khi một trang web sử dụng PHP, tất cả các quy trình xử lý thông tin sẽ được thực hiện trên máy chủ, và kết quả cuối cùng được xuất ra dưới dạng ngôn ngữ HTML Nhờ vào việc xử lý trên máy chủ, các trang web viết bằng PHP có thể hiển thị một cách nhất quán và dễ nhìn trên mọi hệ điều hành.

PHP, giống như nhiều ngôn ngữ lập trình khác, có khả năng kết nối trực tiếp với HTML Mã PHP được phân biệt với HTML thông qua các thực thể đầu và cuối Khi tài liệu được phân tích, quá trình xử lý PHP chỉ diễn ra tại các điểm quan trọng, sau đó hiển thị kết quả.

Mã PHP được nhúng trong các thẻ đặc biệt, cho phép chuyển đổi giữa chế độ PHP và HTML Cú pháp của PHP tương tự như nhiều ngôn ngữ lập trình khác, giúp lập trình viên dễ dàng làm quen.

// kết thúc php b Ví dụ

Tuy nhiên phiên bản đầu tiên vẫn được ưa chuộng và dùng phổ biến hơn.

- Lịch sử ra đời của PHP:

PHP được phát triển lần đầu bởi Rasmus Lerdorf vào năm 1994 và đã trải qua nhiều cải tiến cho đến nay Năm 1998, phiên bản 3 chính thức được công bố, đánh dấu sự phát triển độc lập của PHP Là ngôn ngữ lập trình có cấu trúc và tính năng đa dạng giống như C và Perl, PHP đã thu hút sự quan tâm của các nhà thiết kế web chuyên nghiệp Phiên bản 3 cung cấp hỗ trợ cho nhiều cơ sở dữ liệu như MySQL, mSQL, OPBC và Oracle, đồng thời có khả năng làm việc với hình ảnh, file dữ liệu, FTP, XML và các kỹ thuật ứng dụng khác.

PHP đã phát triển đến phiên bản 4, ngày càng hoàn thiện và dễ sử dụng hơn Đây là một dịch vụ hàng đầu miễn phí, thu hút nhiều lập trình viên.

KẾT QUẢ THỰC NGHIỆM

Môi trường cài đặt

Về cấu hình máy tính

Chọn CPU i3 8th trở lên.

Ram tối thiểu từ 4GB trở nên.

SSD tối thiểu từ 120GB trở nên sẽ giúp tốc độ xử lý nhanh hơn.

 Cài đặt Visual studio Code

Các bạn vào trang chủ vscode link này: https://code.visualstudio.com chọn phiên bản phù hợp với thiết bị của các bạn và tải về.

Hình 5 1 Cài đặt visual code 1

Sau khi tải về, tiến hành chạy file cài đặt Việc cài đặt rất đơn giản, chỉ cần Next – Next – Next là xong.

Sau khi cài đặt, vscode sẽ có giao diện như sau:

Hình 5 2 Cài đặt visual studio code 2

Các bạn chọn New file để tạo một text file đầu tiên.

Trên VS Code Marketplace, có nhiều tiện ích mở rộng ngôn ngữ PHP, và nhiều tiện ích khác cũng đang được phát triển Để tìm kiếm các tiện ích mở rộng PHP, bạn chỉ cần vào chế độ xem Tiện ích mở rộng (Ctrl + Shift + X) và gõ 'php' để lọc danh sách.

Hình 5 3 Cài đặt visual studio code 3

Sau khi cài đặt xong, bạn có thể lập trình PHP trên VS Code Để cài đặt localhost, phần mềm XAMPP là lựa chọn tốt cho người mới Truy cập https://www.apachefriends.org/download.html để tải XAMPP, chọn phiên bản phù hợp với hệ điều hành của bạn, ưu tiên phiên bản PHP 5.4.31 Lưu ý rằng XAMPP chỉ có phiên bản cho hệ điều hành 32bit, nhưng vẫn hoạt động tốt trên 64bit.

Lưu ý rằng phiên bản XAMPP mới hỗ trợ MariaDB nhưng gặp nhiều lỗi, vì vậy bạn nên sử dụng phiên bản XAMPP 1.8.3, có thể tải xuống tại đây Nếu bạn sử dụng Mac, hãy tải phiên bản phù hợp tại đây.

Sau khi tải file cài đặt về xong, hãy chạy nó, sau đó chọn Next.

Khi cài đặt XAMPP, hãy chọn đường dẫn lưu trữ cài đặt mà bạn cần nhớ để truy cập vào thư mục khi cài đặt web trên localhost Đường dẫn mặc định là c:\xampp, vì vậy bạn nên giữ nguyên để dễ dàng quản lý Sau khi chọn xong, hãy tiếp tục nhấn Next.

Hình 5 6 Cài đặt xampp 3 Ở trang kế tiếp, bạn bỏ chọn phần “Learn more about Bitnami for XAMPP “ Và

Sau khi hoàn tất cài đặt, nhấn nút Finish để kết thúc và mở bảng điều khiển XAMPP Để đảm bảo localhost hoạt động ổn định, hãy khởi động lại máy tính sau khi cài đặt.

Bây giờ bạn hãy vào thư mục c:\xampp và mở file xampp-panel.exe lên để bật bảng điều khiển của XAMPP.

Nếu cả hai ứng dụng chuyển sang màu xanh như hình dưới là đã khởi động thành công.

Sau khi khởi động, truy cập vào địa chỉ http://localhost để xem trang giới thiệu XAMPP Nếu trang hiển thị đúng, bạn đã hoàn tất việc cài đặt.

Giao diện website

Khách hàng truy cập vào trang website của cửa hàng có giao diện trang chủ như sau :

Hình 5 11 Giao diện trang chủ

Các sản phẩm mới ra mắt và những mẫu đồng hồ nổi bật giúp khách hàng dễ dàng cập nhật thông tin về các sản phẩm mới nhất tại cửa hàng, cùng với mức giá cụ thể của từng sản phẩm.

Hình 5 12 Giao diện sản phẩm nổi bật

Ngoài các danh mục có sẵn, khách hàng có thể tìm kiếm sản phẩm theo tên, giá

Hình 5 13 Giao diện tìm kiếm sản phẩm

Sau khi thấy sản phẩm ứng ý, khách hàng chỉ con trỏ chuột vào sản phẩm cần mua để xem thông tin chi tiết về sản phẩm

Hình 5 14 Giao diện chi tiết sản phẩm

Khách hàng có thể thực hiện việc mua hàng bằng cách ấn nút "mua ngay" Sau khi hoàn tất việc mua, sản phẩm sẽ được thêm vào giỏ hàng Để đặt hàng thành công, khách hàng cần điền đầy đủ thông tin như số điện thoại và địa chỉ nhận hàng, sau đó ấn xác nhận thanh toán.

Hình 5 15 Giao diện giỏ hàng

Sau khi hoàn tất quá trình đặt hàng, khách hàng có thể truy cập vào phần quản lý đơn hàng để theo dõi trạng thái đơn hàng của mình và xem lại các đơn hàng đã thực hiện.

Hình 5 16 Giao diện danh sách đơn hàng

Khách hàng có thể dễ dàng kiểm tra hóa đơn và số tiền cần thanh toán bằng cách chỉ chuột vào mục xuất hóa đơn.

Hình 5 17 Giao diện hóa đơn chi tiết

Trên giao diện trang chủ, khách hàng có thể trò chuyện trực tiếp với cửa hàng để giải đáp thắc mắc về sản phẩm, thông qua việc đăng nhập vào Facebook hoặc tham gia với tư cách khách.

Hình 5 18 Giao diện đăng nhập chat và chat chi tiết

Đăng nhập vào trang quản trị viên để quản lý sản phẩm, người dùng, đơn hàng và thống kê một cách hiệu quả.

Hình 5 19 Giao diện quản trị viên

Quản lý danh mục kiểu đồng hồ người quản trị có thể thêm mới kiểu, xóa kiểu và sửa thông tin kiểu.

Hình 5 20 Giao diện danh mục kiểu

Sửa thông tin kiểu thì người quản trị sẽ kích vào edit, xóa thì sẽ kích vào delete, thêm kiểu mới thì sẽ kích vào thêm mới.

Quản lý danh mục sản phẩm.

Hình 5 21 Giao diện danh mục sản phẩm

Người quản trị có thể dễ dàng quản lý danh mục sản phẩm bằng cách nhấn vào "thêm mới" để thêm danh mục, "sửa" để chỉnh sửa thông tin, và "xóa" để xóa danh mục không cần thiết.

Tiếp đến là quản lý sản sản phẩm

Hình 5 22 Giao diện danh mục sản phẩm

Người quản trị có thể thêm, sửa, xóa tìm kiếm về thông tin sản phẩm đã được

Hình 5 23 Giao diện quản lý khách hàng

Người quản trị có thể xóa khách hàng và truy thu nợ đối với khách hàng nào khi thanh toán còn thiếu tiền.

Giao diện quản lý đơn hàng

Hình 5 24 Giao diện quản lý đơn hàng

Người quản trị có thể theo dõi thông tin đơn hàng, thực hiện tìm kiếm đơn hàng qua tính năng tìm kiếm, và thay đổi trạng thái đơn hàng bằng cách nhấn vào hành động xem đơn đang giao Ngoài ra, quản trị viên còn có khả năng xem thống kê doanh thu theo ngày, tháng và năm, cũng như tổng số sản phẩm, tổng số khách hàng, tổng số đơn hàng và danh sách những sản phẩm bán chạy nhất trong tháng.

Ngày đăng: 12/07/2021, 10:36

TỪ KHÓA LIÊN QUAN

🧩 Sản phẩm bạn có thể quan tâm

w