Báo cáo bài tập lớn cơ sở lập trình web Đề tài website bán thiết bị Điện tử

Thông qua các chức năng tìm kiếm của website giúp khách hàng có thể nhanh chóng tìm được sản phẩm mà mình muốn mua một cách nhanh nhất.. Kinh doanh qua mạng hiện nay được coi là đang phổ

ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO BÀI TẬP LỚN

CƠ SỞ LẬP TRÌNH WEB

ĐỀ TÀI WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ

Giáo viên hướng dẫn : Cấn Đức Điệp

Sinh viên thực hiện: Chu Đình Quý

Mã sinh viên: 21810310139

Lời Cám Ơn

Để hoàn thành tốt bài tập lớn này em xin gửi lời cám ơn chân thành tới thầy Cấn Đức Điệp đã giảng dạy và hướng dẫn em trong suốt quá trình làm bài tập lớn.

Bên cạnh đó để hoàn thành tốt bài tập lớn này em cũng đã nhận được nhiều sự giúp đỡ những người bạn, các anh chị thân hữu Em xin chân thành cám ơn.

Tuy nhiên do thời gian hạn hẹp, mặc dù nỗ lực hết sức mình nhưng bài tập lớn của em khó tránh khỏi những hạn chế và thiếu sót.

Em rất mong nhận được sự thông cảm, chỉ bảo tận tình của Thầy Cô

và các bạn bè để thực hiện tốt đề tài này.

Một lần nữa em xin chân thành cám ơn.

MỤC LỤC

MỤC LỤC

MÔ TẢ BÀI TOÁN 3

CHƯƠNG 1 – KHẢO SÁT HỆ THỐNG 4

1 1 Giới thiệu 4

1.2 Mục tiêu 5

1.3 Yêu cầu về chức năng 5

1.4 Yêu cầu phi chức năng 5

CHƯƠNG 2 – PHÂN TÍCH HỆ THỐNG 6

2.1 Sơ đồ Webiste 6

2.2 Mô tả các trang 7

CHƯƠNG 3 - THIẾT KẾ HỆ THỐNG 8

3.1 Thiết kế Template 8

3.2 Thiết kế giao diện 11

3.3.1 Giao diện trang chủ 11

3.3.2 Một số trang con 12

CHƯƠNG 4 - CÀI ĐẶT 15

KẾT LUẬN 16

MÔ TẢ BÀI TOÁN

Khi khách đã quyết định tham gia vào hoạt động mua hàng của cửa hàng

ảo thì mỗi khách hàng sẽ có một tài khoản để khách hàng tự do lựa chọn loại hàng hóa nào mà mình thích Nếu khách hàng chưa có tài khoản thì có thể đăng ký tài khoản một cách dễ dàng

Thông qua các chức năng tìm kiếm của website giúp khách hàng có thể nhanh chóng tìm được sản phẩm mà mình muốn mua một cách nhanh nhất Khách hàng có thể đặt hàng nếu muốn mua, có thể hủy bỏ đơn đặt hàng nếu không muốn mua nữa

Khi khách hàng đã hoàn thành quá trình đặt hàng với hệ thống thì khách hàng có thể đến chi nhánh gần nhất để tiến hành thanh toán và nhận hàng, hoặc có thể sử dụng dịch vụ giao hàng miễn phí tại nhà Khi đã đặt hàng rồi, khách hàng có thể theo dõi trực tiếp tình trạng đơn đặt hàng của mình qua website nếu họ có băn khoăn hoặc những gì không đồng ý thì có thể gửi đơn khiếu nại và thông tin phản hồi qua chức năng liên hệ

CHƯƠNG 1 – KHẢO SÁT HỆ THỐNG

1 1 Giới thiệu

Hiện nay trào lưu kinh doanh qua mạng ngày càng trở nên phổ biến, internet phát triển kéo theo nhiều dịch vụ phát triển theo đi liền với nó

Và việc tiếp cận với Internet hiện nay không còn mấy xa lạ với con người, nó trở thành phương tiện truyền thông được nhiều người sử dụng nhất trên thế giới Không chỉ sử dụng internet làm phương tiện truyền thông tin, giải trí, xem tin tức, tìm kiếm thông tin… mọi người còn sử dụng internet để kinh doanh các mặt hàng bình thường đến đặc biệt

Kinh doanh qua mạng hiện nay được coi là đang phổ biến, các chủ cửa hàng chỉ cần thường xuyên lên mạng quảng cáo các mặt hàng của mình với mục đích tìm kiếm và thu hút khách hàng Khách hàng chỉ cần mầy thao tác “click chuột vào sản phẩm mà mình yêu thích và liên hệ với cửa hàng là có thể chờ đơn hàng chuyển tới nhà của mình

Việc kinh doanh qua mạng giúp nhiều công ty có nhiều cơ hội và thách thức hơn trong việc mở rộng thị trường trong nước cũng như nước ngoài

Bên cạnh những thuận lợi thì việc kinh doanh qua mạng vẫn có những vấn đề nảy sinh Nó đòi hỏi phải có hiểu biết về công nghệ thông tin để thiết kế và tạo một trang web để thực hiện hoạt động bán hàng và quảng bá sản phẩm

Khách hàng có tâm lí lo ngại khi mua các mặt hàng nói chung vì họ không chắc chắn nó tốt như quảng cáo của các nhà kinh doanh vì họ không tiếp xúc trực tiếp với sản phẩm Còn bên phía bán hàng cũng phải tốn một chi phí không nhỏ trong việc giao hàng mà không có người nhận hay địa chỉ không chính xác Hình thức kinh doanh nào cũng có những ưu điểm và nhược điểm của nó, tuy nhiên sự thành công của một hình thức kinh doanh nó còn phụ thuộc vào ý tưởng và cách kinh doanh của người quản lí

Đối với ngành kinh doanh bán lẻ laptop, máy tính bảng, điện thoại qua mạng giúp cho nghành công nghệ ngày càng đa dạng hơn và phù hợp với xu hướng tất yếu của thời đại hiện nay – thời đại công nghệ thông tin

1.2 Mục tiêu 4757

Mục tiêu của đề tài là xây dựng website bán laptop, tablet, smartphone qua mạng nhằm cung cấp các thông tin và giá cả của các sản phẩm để quảng bá hình ảnh sản phẩm và bán sản phẩm trên thị trường ảo cho công ty

Với việc quảng bá thương hiệu, nhằm đáp ứng nhu cầu mở rộng thị trường tiêu thụ sản phẩm và nâng cao hiệu quả trong hoạt động kinh doanh của công ty giúp tiết kiệm nhiều chi phí Bên cạnh đó, còn giúp cho việc kinh doanh của công ty hiệu quả hơn khi áp dụng website vào thực tế

1.3 Yêu cầu về chức năng

- Tìm kiếm sản phẩm một cách nhanh chóng và chính xác

- Có thể xem thông tin chi tiết các sản phẩm laptop, máy tính bảng, điện thoại

- Có thể đóng góp ý kiến, các thắc mắc của quý khách hàng

- Khách hàng có thể đăng nhập tài khoản để đặt mua sản phẩm cho mình Nếu quý khách chưa có tài khoản thì có thể đăng ký tài khoản một cách nhanh chóng

1.4 Yêu cầu phi chức năng

- Hỗ trợ khách hàng an toàn khi mua sản phẩm

- Giao diện thân thiện, dễ dùng, hấp dẫn, dễ tìm kiếm thông tin các sản phẩm

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

CHƯƠNG 2 – PHÂN TÍCH HỆ THỐNG

2.1 Sơ đồ Webiste

Trang chủ

Giới thiệu

Bảo Hành

Đăng Nhập

Đăng Ký

Liên Hệ

Máy Tính Bảng

Điện Thoại

2.2 Mô tả các trang

a) Trang chủ

Trang này hiển thị toàn bộ những nội dung chính của trang web Trên đây bạn

có thể thực hiện tất cả công việc mà bạn muốn bằng cách click vào những liên kết đến các trang tương ứng đáp ứng yêu cầu của bạn

b) Giới Thiệu

Giới thiệu tổng quát về công ty bán hàng

c) Bảo Hành

Các chính sách bảo hành sản phẩm của công ty

d) Đăng Nhập

Cho phép người dùng đăng nhập để có thể đặt mua hàng trên web

e) Đăng Ký

Cho phép người dùng đăng ký tài khoản để sử dụng những tiện ích, dịch vụ của website

f) Liên Hệ

Khách hàng có thể liên hệ tại đây

g) Laptop

Các sản phẩm laptop được lọc theo hãng sản xuất

h) Máy Tính Bảng

Các sản phẩm máy tính bảng được lọc theo hãng sản xuất

i) Điện Thoại

Các sản phẩm điện thoại được lọc theo hãng sản xuất

CHƯƠNG 3 - THIẾT KẾ HỆ THỐNG

3.1 Thiết kế Template

* Hình ảnh tổng quan Template:

* Website bán laptop, máy tính bảng, điện thoại được thiết kế trên một cấu bố

cục rõ ràng, hợp lí Bao gồm các phần:

- Top: Phần top này là phần trên cùng của website, nó chứa chức năng: tìm kiếm

và chuyển đổi ngôn ngữ giúp khách hàng dễ dàng nhận ra các công cụ này

Hình minh họa phần top

- Header: Phần header là phần nằm dưới phần top, nó bao gồm 2 phần: logo và accordion Phần logo chứa logo công ty bán hàng, bên cạnh đó là phần accordion chứa slide ảnh quảng cáo nhằm quảng bá thương hiệu công ty và các sản phẩm, dịch vụ đến quý khách hàng

Hình minh họa phần header

- Menu_Tab: Kế tiếp 2 phần trên là menu_tab, nó bao gồm các liên kết đến các trang khác của website Đó là: trang chủ, giới thiệu, bảo hành, đăng nhập, đăng

ký, liên hệ Khách hàng có thể sử dụng các chức năng cơ bản này của website

Hình minh họa phần menu_tab

- Content: Phần content bao gồm các phần: left_content, center_content, right_content

+ Left_content: Phần left_content nằm bên trái của phần content, nó chứa các phần: danh mục sản phẩm, sản phảm đặc biệt và quảng cáo

+ Center_content: Phần center_content nằm ở giữa phần content, nó chứa nội dung chính của website Tùy theo chức năng của từng trang, nội dung phần center_content được thay đổi phù hợp

+ Right_content: Phần right_content chứa thông báo của website bán hàng

Hình minh họa phần content

- Footer: Phần footer là phần cuối cùng của website, nó chứa thông tin bản quyền, địa chỉ công ty bán hàng… giúp khách hàng nắm bắt được những thông tin cần thiết

Hình minh họa footer

3.2 Thiết kế giao diện

3.2.1 Giao diện trang chủ

Trang chủ là nơi trình bày các sản phẩm mới và sản phẩm bán chạy giúp cho khách hàng có thể xem một cách tổng quan về website Có thể tìm kiếm dễ dàng những sản phẩm mới và bán chạy trong website

* Hình ảnh giao diện trang chủ:

3.2.2 Một số trang con

a) Trang giới thiệu

Trang giới thiệu là nơi để cho khách hàng tìm hiểu về nhà cung cấp bán hàng, nêu ra nội dung giới thiệu, những thế mạnh của mình so với các nhà cung cấp khác

b) Trang đăng ký

Khi bạn muốn đặt hàng thì bắt buộc bạn phải là thành viên của trang web Vì vậy, bạn phải tiến hành đăng ký nếu bạn chưa có tài khoản

c) Trang Bảo Hành

Trang bảo hành chứa thông tin về các chính sách bảo hành sản phẩm

d) Trang Liện Hệ

Trang liên hệ là nơi để khách hàng có thể phản hồi về các sản phẩm, dịch vụ hoặc đặt câu hỏi để được giải đáp thắc mắc

e) Trang Sản Phẩm Điện Thoại

Trang này chứa các sản phẩm điện thoại có chức năng lọc sản phẩm theo hãng sản xuất

CHƯƠNG 4 - CÀI ĐẶT

Một số công cụ xây dựng website:

- Notepad

- Visual Studio Code

- Ảnh tham khảo trên Internet

Các kêt quả đạt được của sản phẩm:

- Giao diện thân thiện với người dùng

- Giới thiệu các mặt hàng kinh doanh của công ty đến với khách hàng

- Cho phép tìm kiếm các mặt hàng khi khách hàng có nhu cầu tìm hàng

- Cho phép khách hàng thực hiện việc đặt hàng qua mạng và có thể hủy bỏ đơn đặt hàng bất cứ lúc nào

- Có thể gửi các thăc mắc, phản hồi của khách hàng qua chức năng liên hệ

- Cung cấp đầy đủ thông tin về công ty bán hàng, chính sách bảo hành sản phẩm và nhiều thông tin cần thiết khác

- Quảng bá thương hiệu công ty bán hàng cùng với đó là nâng cao hiệu quả trong hoạt động kinh doanh của công ty giúp tiết kiệm được nhiều chi phí

KẾT LUẬN

Việt Nam đang tiến hành các chính sách công nghiệp hóa, hiện đại hóa đất nước, đẩy mạnh công nghệ thông tin, đưa tin học vào cuộc sống, việc thiết lập website riêng và quản lý chúng cho các công ty nói chung và các công ty bán hàng nói riêng càng trở nên là nhu cầu thiết yếu.

Do sự hạn hẹp cả về thời gian và trình độ nên website mà em xây dựng được trong đề tài này chỉ mới đáp ứng được những yêu cầu cơ bản Tuy nhiên, bài tập lớn: “Website bán thiết bị điện tử” của em đã hoàn thành các yêu cầu đặt ra, bao gồm:

- Giao diện thân thiện, có tính thẩm mỹ thu hút người xem Về cơ bản

đã đáp ứng khách hàng trong việc đặt mua các sản phẩm.

- Website đã xây dựng được các chức năng đăng ký, đăng nhập giúp cho khách hàng có thể đăng ký tài khoản mới và đăng nhập vào hệ thống để đặt hàng các sản phẩm cho mình Đã xây dựng được các chức năng tìm kiếm sản phẩm giúp người dùng tìm kiếm nhanh chóng sản phẩm Và với chức năng phân theo danh mục sản phẩm giúp khách hàng có thể tìm kiếm nhanh chóng các sản phẩm theo danh mục sản phẩm và thông tin top các sản phẩm bán chạy,sản phẩm mới nhất để khách hàng có nhiều chọn lựa khi mua hàng.

- Website có chức năng liên hệ giúp cho khách hàng gửi thông tin các thắc mắc và khiếu nại của mình về hệ thống Và ngoài ra có trang hiển thị thông tin về công ty, các chính sách bảo hành… giúp khách hàng nắm bắt được các thông tin.

* Hướng phát triển:

- Để tăng them sức thu hút cho website hơn nữa tương lai em sẽ bổ sung và hoàn thiện thêm giao diện người dùng để tạo thêm sự thẩm

mỹ và sống động hơn nữa.

- Thiết kế thêm một số chức năng phục vụ, thu hút khách hàng đến với website Chẳng hạn như xây dựng thêm các trang tin tức, giải trí giúp khách hàng có những phút thư giãn khi tham gia vào mua hàng tại website.

- Xây dựng trang diễn đàn để các thành viên trong website có thể trao đổi thông tin với nhau về sản phẩm, chất lượng phục vụ của website…