1. Trang chủ
  2. » Giáo Dục - Đào Tạo

Báo cáo chuyên đề học phần cơ sở lập trình web đề tài xây dựng website kính mắt thiết kế cao cấp

36 1 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

Tiêu đề Xây Dựng Website Kính Mắt Thiết Kế Cao Cấp
Tác giả Trần Quốc Hùng, Hà Mai Lan, Trần Viết Chiến, Trần Bích Ngọc
Người hướng dẫn Nguyễn Văn Đoàn
Trường học Trường Đại Học Điện Lực
Chuyên ngành Công Nghệ Thông Tin
Thể loại báo cáo chuyên đề
Năm xuất bản 2021
Thành phố Hà Nội
Định dạng
Số trang 36
Dung lượng 4,88 MB

Cấu trúc

  • CHƯƠNG 1: GIỚI THIỆU BÀI TOÁN THỰC HIỆN (7)
    • 1. Tổng quan về bài toán (7)
      • 1.1. Khảo sát hiện trạng (7)
      • 1.2. Mô tả bài toán (7)
      • 1.3. Ưu điểm trên website bán kính mắt (8)
      • 1.4. Nhược điểm (9)
    • 2. Các hệ thống liên quan tương tự (9)
    • 3. Mục tiêu giải quyết của bài toán (12)
    • 4. Yêu cầu của trang web (13)
  • CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG (14)
    • 1. Yêu cầu chi tiết về Website (14)
      • 1.1. Đối với người truy cập Website với chức năng user (14)
      • 1.2. Đối với người quản trị (14)
    • 2. Các nhóm chức năng (14)
    • 3. Xác định các thực thể (15)
    • 4. Xác định các Use Case (16)
  • CHUƠNG 3: CÀI ĐẶT GIAO DIỆN HỆ THỐNG (17)
    • 1. Cấu trúc của các trang web (17)
      • 1.1. Tiêu đề ( header) (17)
      • 1.2. Thân bố cục (main) (18)
      • 1.3. Phần chân trang (footer) (18)
    • 2. Giao diện (19)
      • 2.1 Giao diện trang chủ (19)
      • 2.2. Sản phẩm (22)
      • 2.3. Thông tin sản phẩm (25)
      • 2.4. Bảo hành và đổi trả (26)
      • 2.5. Thu cũ – đổi mới (27)
      • 2.6. Cửa hàng (27)
      • 2.7. Trợ giúp (28)
      • 2.8. Bộ sưu tập (28)
      • 2.9. Giới thiệu (30)
      • 2.10. Thời trang (30)
      • 2.11. Đăng nhập (31)
      • 2.12. Đăng ký (31)
      • 2.13. Giỏ hàng (32)
      • 2.14 Javascript (32)
      • 2.15. Code (33)

Nội dung

Những website mua bán, thương mại xuất hiện ngày càng nhiều, những trang thương mại nổi tiếng như www.amazone.com, www.alibaba.com hay www.ebay.com không còn xa lạ với chúng ta.Đối với m

GIỚI THIỆU BÀI TOÁN THỰC HIỆN

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 kính mắt 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 của con người càng được nâng cao Trong đó không thể thiếu những gọng kính sang trọng, lạ mắt, hiện đại Những gọng kính mới ngày càng thu hút được nhiều người quan tâm, nhất là những người có tật khúc xạ mà vẫn ưu chuộng cái đẹp Tuy nhiên các cửa hàng, website bán kính mắt 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 kính mắt 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ặt hàng 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 gọng kính cận và gọng kính râm, phụ kiện, bộ sưu tập mới nhất,…

- Mỗi chủ đề phải khác nhau và phân biệt với các chủ đề khác Mỗi chủ đề sẽ có giao diện riêng biệt cho từng chủ đề và phù hợp với chủ đề đó.

- Đố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.

1.3 Ưu điểm trên website bán kính mắt

Ngày nay hình thức kinh doanh bán kính mắt 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

- Nhiều mẫu mã gọng kính được đăng bán trên web Vì thế khách hàng sẽ thoải mái lựa chọn gọng kính phù hợp với bản thân.

- 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 quan hệ 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.

 Khách hàng chưa nắm rõ về độ cận, loạn và tâm mắt của mình.

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

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

 Website:https://gentlemonster.com.vn/

-Website Gentlemonster là một web bán kính mắt thời trang với tông màu chủ đạo là trắng đen Nhận thấy trang chủ dễ nhìn, đẹp, đa dạng, nhiều chức năng Lôi cuốn người xem.

Hình 1.1: Trang chủ web Gentlemonster

Hình 1.2: Các gọng kính và giá bán

Hình 1.3: Thông tin sản phẩm

 Website:https://www.versace.com/

Hình 1.4 Giao diện trang chủ Versace

Hình 1.5: Thông tin sản phẩm

 Nhận xét website Việt Nam và nước ngoài:

- 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.

- Một số hình ảnh, chức năng trang web của Việt Nam còn hơi thừa k cần thiết, xuất hiện nhiều quảng cáo làm rối mắt người xem.

- Đối với web bên nước ngoài cảm 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 HTML, CSS, JAVASCRIPT 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 HỆ THỐNG

Yêu cầu chi tiết về Website

- Hiển thị danh mục sản phẩm như các sản phẩm bán chạy, các sản phẩm đang được sale tại cửa hàng,

- Hiển thị thông tin chi tiết của sản phẩm có trong danh sách bao gồm tên sản phẩm, giá hiện tại của sản phẩm ( giá đã được sale nếu có) và hiển thị thông tin sản phẩm là sản phẩm thuộc loại đang bán chạy hay không bán chạy.

- Hiển thị kết quả thông tin của việc tìm kiếm sản phẩm, đăng kí cũng như đăng nhập tài khoản.

1.1 Đối với người truy cập Website với chức năng user:

- Cho phép đăng kí thành viên, cũng như thành viên hợp tác bán hàng để nhận được nhiều ưu đãi của cửa hàng trong các dịp nổi bật nhằm tri ân khách hàng.

- Cho phép xem thông tin chi tiết của sản phẩm, thông tin giỏ hàng.

- Cho phép tìm kiếm sản phẩm theo giá, theo tên sản phẩm.

- Cho phép bình luận về bài viết.

- Cho phép đánh giá sản phẩm.

- Chọn sản phẩm phù hợp với nhu cầu của bản thân và thực hiện việc mua hàng cũng như việc thanh toán nếu như khách hàng muốn mua.

1.2 Đối với người quản trị:

- là người điều hành, quản lý cũng như theo dõi mọi hoạt động của cửa hàng.

- Cập nhật mới các thông tin của sản phẩm.

- Kiểm tra chỉnh sửa lại thông tin của các sản phẩm.

- Cập nhật các loại sản phẩm lên trang website để người dung có thể cập nhật nhanh nhất.

Các nhóm chức năng

- Hệ thống Website: bao gồm 7 trang:

Chức năng của hệ thống có thể chia làm các nhóm chức năng chính như sau:

- Người quản trị (Admin): Chỉ có Admin mới có quyền truy cập vào chức năng này (Nhập, sửa , xóa, xem bài viết, xem thành viên, quản lý thông tin người dung, tài khoản người dùng, quản lý danh mục các sản phẩm).

- Nhóm thành viên Website (User): Dành cho User khi đăng nhập vào có thể xem các sản phẩm, bình luận mặt hàng, đánh giá sản phẩm, cũng như đăng ký đăng nhập tài khoản thành viên nếu có.

Xác định các thực thể

- Dựa trên mô tả bài toán, ta có thể xác định được các thực thể chính của hệ thống bán hàng như sau:

1 Người quản lí: Là người điều hành, quản lí và theo dõi mọi hoạt động của hệ thống cũng như quản lý nhân viên có mặt tại cửa hàng.

2 Thành viên: Bao gồm người quản lí, và những khách hàng đã đăng kí Sau khi đăng nhập để trở thành thành viên, ngoài những chức năng chung của người sử dụng, còn có một số chức năng khác phục vụ cho công việc cụ thể của từng đối tượng.

3 Khách hàng: là người giao dịch với hệ thống, có thể đăng ký làm thành viên của hệ thống để nhận các ưu đãi đặc bi.

Xác định các Use Case

- Thực thể Khách hàng có các Use Case sau:

 Đăng kí làm thành viên.

 Xem thông tin sản phẩm, thông tin của giỏ hàng.

 Thực hiện việc xem thông tin sản phẩm.

 Tìm kiếm thông tin sản phẩm.

 Chọn sản phẩm cần mua và thực hiện việc mua hàng.

- Thực thể Người quản lí có các Use Case sau:

 Tiếp nhận các thông tin đăng kí thành viên từ khách hàng.

 Tiếp nhận các sản phẩm đăng lên Website.

 Quản lí danh sách thành viên.

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

 Bảo hành lại hệ thống bán hàng.

 Đăng thông tin chi tiết sản phẩm lên Website.

 Kiểm tra các hoạt động của thành viên.

 Cập nhật lại các thông tin sản phẩm.

 Phản hồi lại ý kiến của các User.

- Ngoài ra, các thành viên của hệ thống bán hàng bao gồm Người quản lí và các Thành viên đã đăng kí còn có các Use Case sau:

 Xem thông tin cá nhân.

 Sửa đổi thông tin cá nhân.

CÀI ĐẶT GIAO DIỆN HỆ THỐNG

Cấu trúc của các trang web

Muốn xây dựng một trang web hoàn chỉnh thì người lập trình không thể thiếu tư duy về bố cục trang web, khi đã xác định được mình sẽ thiết kế những gì, xây dựng được bố cục hoàn chỉnh thì lúc đó việc lập trình trở nên dễ dàng hơn. Chúng em xác định bố cục cho trang web của mình gồm 3 phần chính: header, main, footer bằng cách xây dựng màu và khi lập trình đưa các thông tin lên sẽ tẩy màu đi và phối màu lại.

Header là phần đầu trang, chủ yếu chứa các thông tin tiêu đề, logo, menu, liên hệ, Một trang web không thể không có phần header, nó giữ vị trí khá quan trọng, giúp người dùng có thể dựa vào đó để biết được toàn bộ nội dung trong trang web này có những gì.

Một header chuẩn thường kết hợp với các yếu tố: logo, slogan, menu, phần tìm kiếm, banner quảng cáo Những điều này giúp những cỗ máy tìm kiếm đánh giá được dộ uy tín trên website.

Main là phần quan trọng nhất của một trang web, nó dùng để xác định những nội dung ở trang web có những gì Phần main dùng để đưa, bày bán, hiện thị tất cả nhưng nội dụng của trang web lên.

Footer là phần chân trang nó chứa những thông tin bản quyền, tác giả, liên hệ,

Giao diện

2.4 Bảo hành và đổi trả

2.8.1 Bộ sưu tập Nature Spirit

2.8.2 Bộ sưu tập Titanium Passion

Ngày đăng: 06/03/2024, 14:49

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w