Báo cáo chuyên đề học phần cơ sở lập trình web website kinh doanh laptop

Trong thời gian được học tập và thực hành dưới sựhướng dẫn của thầy, chúng em không những tiếp thu được rất nhiều kiếnthức bổ ích, mà còn được truyền cảm hứng và sự say mê đối vớ

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN

CƠ SỞ LẬP TRÌNH WEB

ĐỀ TÀI:

Sinh viên thực hiện :MAI TRUNG DŨNG

PHẠM HOÀNG TRUNG SƠN Giảng viên hướng dẫn : Đỗ Đức Cường

Chuyên ngành : CÔNG NGHỆ PHẦN MỀM

Website kinh doanh Laptop

PHIẾU CHẤM ĐIỂM

Sinh viên thực hiện:

Mai Trung Dũng

Mã SV: 21810310666

Làm báo cáo +Vẽ

white frame + Code giao diện Trang chủ

Giảng viên chấm:

Giảng viên chấm 1 :

Giảng viên chấm 2 :

MỤC LỤC LỜI NÓI ĐẦU

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

1.1 Giới thiệu về đề tài

1.2 Mục đích của website cần thiết kế

1.3 Mục tiêu quảng bá của website

1.4 Một số trang chính của website

CHƯƠNG II: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG

2.1 Khảo sát hiện trạng

2.2 Mô tả bài toán

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

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

2.5 Mô tả các chức năng

2.6 Layout các trang web

2.6.1 Giao diện trang chủ+sản phẩm 2.6.2 Giới thiệu

2.6.3 Chi tiết sản phẩm 2.6.4 Trang giỏ hàng 2.6.5 Trang tin tức 2.6.6 Chi tiết về tin tức 2.6.7 Trang liên hệ

CHƯƠNG 3: THIẾT KẾ TRANG WEB

3.1 Giao diện trang chủ+sản phẩm

3.2 Trang giới thiệu

3.3 Chi tiết sản phẩm

3.4 Trang giỏ hàng

3.5 Trang tin tức

3.6 Chi tiết về tin tức

3.7 Trang liên hệ

KẾT LUẬN

TÀI LIỆU THAM KHẢO

LỜI NÓI ĐẦU

Trên thực tế không có sự thành công nào mà không gắn liền vớinhững sự hỗ trợ, giúp đỡ dù ít hay nhiều, dù trực tiếp hay gián tiếp củangười khác Trong suốt thời gian đã và đang học tập tại trường đến nay,

em đã nhận được rất nhiều sự quan tâm, giúp đỡ của quý Thầy Cô, giađình và bạn bè

Và đặc biệt trong học kỳ này, em xin cảm ơn thầy Đỗ Đức Cường,giảng viên bộ môn đã hướng dẫn, góp ý, thảo luận để bài báo cáo này của

em được hoàn thiện Trong thời gian được học tập và thực hành dưới sựhướng dẫn của thầy, chúng em không những tiếp thu được rất nhiều kiếnthức bổ ích, mà còn được truyền cảm hứng và sự say mê đối với bộ môn

Cơ sở lập trình web.

Mặc dù đã rất cố gắng hoàn thiện báo cáo chuyên đề với tất cả sự nỗlực, tuy nhiên, do là lần đầu đi vào thực tế, tìm hiểu và xây dựng đồ ántrong thời gian có hạn, với lượng kiến thức còn hạn chế, nhiều bỡ ngỡ, nên

đồ án “Website kinh doanh Laptop” chắc chắn sẽ không thể tránh khỏinhững thiếu sót Chúng em rất mong nhận được sự quan tâm, thông cảmvà những đóng góp quý báu của các thầy cô và các bạn để đồ án này ngàycàng hoàn thiện hơn

Một lần nữa, chúng em xin chân thành cám ơn cô và luôn mong nhậnđược sự đóng góp của thầy cô và các bạn

Sau cùng, chúng em xin kính chúc các thầy cô trong Khoa Công NghệThông Tin dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh caođẹp của mình là truyền đạt kiến thức cho thế hệ mai sau

Trân trọng!

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

1.1 Giới thiệu đề tài

Hiện nay việc bán hàng qua mạng không còn xa lạ gì đối với mọi người,

chúng ta không thể phủ nhận những lợi ích mà việc bán hàng trực tuyến

mang lại

Quản lý cửa hàng Laptop là hoạt động của một cửa hàng dù lớn hay nhỏ,

nhân viên phải thực hiện các công việc liên quan đến nhập, xuất Điều này

gây ảnh hưởng rất nhiều đến hiệu quả và thời gian làm việc Bên cạnh đó, số

người biết đến cửa hàng không lớn, chỉ trong quy mô nhỏ Do vậy, việc sử

dụng Website để bán hàng và giới thiệu cửa hàng là điều cần thiết để phát

triển cửa hàng lớn mạnh hơn

Người mua chỉ cần truy cập trang web bán hàng là có thể lựa chọn những

mặt hàng cần thiết mà không cần phải đến tận cửa hàng để mua như thế sẽ

tiết kiệm rất nhiều thời gian, không những thế việc thanh toán cũng được

trực tuyến và nhanh chóng hơn thế nữa khách hàng đặt hàng sẽ được giao

hàng đến tận nơi trong khoảng thời gian ngắn sau khi đặt hàng

Website kinh doanh Laptop được tạo ra nhằm cung cấp cho những

nguời yêu thích công nghệ và những người theo các ngành nghề liên quan

đến máy tính một môi trường tương tác cũng như tìm hiểu, cập nhật những

tin tức mới nhất về các mặt hàng:

➢ Giao diện: Đơn giản, đẹp mắt, dễ thao tác trên màn hình, phù hợp

cho mọi đối tượng khách hàng

➢ Sản phẩm: Đa dạng mẫu mã sản phẩm, hình ảnh sản phẩm chân

thực, dễ phân loại để người dùng dễ tìm kiếm và lựa chọn

1.2 Mục đích của website cần thiết kế

Khi xây dựng một website đầu tiên phải hình dung chúng ta cần phải

thiết kế cái gì? Cho website của mình Không có chủ định và mục tiêu rõ

ràng thì cả website đó trở nên sai lầm, lan man và cuối cùng đi tới một hướng

khó có thể trở lại Thiết kế cẩn thận và định hướng rõ ràng là chìa khóa

hướng tới thành công của việc xây dựng một website Vận dụng tổng hợp

những kiến thức đã học để tiến hành thiết kế website bán hàng online nhằm

giải quyết những khó khăn hiện tại của cửa hàng Tìm hiểu thực trạng thương

mại điện tử tại Việt Nam để triển khai hệ thống thương mại điện tử tại của

cửa hàng cho phù hợp, khai phá lợi ích của Internet để hướng đến một môi

trường kinh doanh toàn cầu

Dựa trên các kiến thức nền tảng được thầy cô trao đổi trên lớp và một

số tài liệu tham khảo em đã tổng hợp kiến thức để xây dựng một trang web

Báo cáo sẽ lập trình trên nền web “Website kinh doanh Laptop” tích hợp

được giao diện các chức năng sau:

➢ Giao diện chính của website (bao gồm cả danh sách sản phẩm)

➢ Giới thiệu

➢ Giỏ hàng

➢ Chi tiết sản phẩm

➢ Tin tức về laptop

➢ Chi tiết tin tức

➢ Liên hệ chăm sóc khách hàng

1.3 Mục tiêu quảng bá của website

Là giới thiệu và quảng bá sản phẩm mà hiện nay các bạn trẻ ưa thích Kháchhàng sẽ biết được thông tin chi tiết về sản phẩm như: Tên sản phẩm, giá cá, xuấtxứ, Ngoài ra website còn có mục đích giới thiệu cho nhiều khách hàng được biếtđến hơn, thu hẹp được khoảng cách xa gần, giải quyết được các vấn đề đường xa,việc đi lại khó khăn hay tắc nghẽn giao thông,

1.4 Một số trang chính của website

-Trang chủ: Đây là trang giới thiệu về các sản phẩm nổi Ngoài ra

người dùng còn biết thêm thông tin về cửa hàng

-Trang giới thiệu: Đây là trang để giới thiệu về cửa hàng

-Trang chi tiết sản phẩm: Đây là trang khách hàng xem chi tiết về

một sản phẩm nào đó

-Trang giỏ hàng: Đây là trang khách hàng thêm các sản phẩm mình

muốn vào giỏ hàng

-Trang tin tức: Đây là trang cung cấp cho khách hàng các blog hay

thông tin cần thiết về các sản phẩm Laptop

-Trang liên hệ: Đây là trang cung cấp cho khách hàng thông tin về địa

chỉ cửa hàng cũng như giúp khách hàng gửi thông tin liên hệ để được tư

vấn, giúp đỡ nhanh chóng nhất

CHƯƠNG II: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG

2.1 Khảo sát hiện trạng

Hiện nay trào lưu mua bán 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

Không gian mạng 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ỉ Internet làm phương tiện để trao đổi

thông tin, giải trí, xem tin tức, tìm kiếm thông tin mọi người còn dùng

Internet để kinh doanh các mặt hàng từ bình thường đến đặc biệt của mình

Ở Việt Nam cũng có rất nhiều trang web mua-bán qua mạng với đa

dạng các loại mặt hàng thời trang, mĩ phẩm, đồ ăn, Khách hàng chỉ cần

một vài 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

chủ cửa hàng là có thể chốt ngay đơn hàng chuyển tới nhà của mình

Ngày nay, việc áp dụng Website trong việc phát triển kinh doanh của

các cửa hàng trở nên rất phổ biến và hiệu quả, trong đó ngành công nghệ là

nơi tiên phong ứng dụng web để giới thiệu và quảng bá sản phẩm của cửa

hàng, công ty mình Việc lên mạng tìm kiếm và mua sản phẩm trở nên khá

gần gũi với tất cả mọi người ngày nay Bên cạnh đó, Website còn giúp giới

thiệu hình ảnh cửa hàng đến với mọi người Do vậy, chúng em quyết định

thực hiện đề tài này với mong muốn đưa đến nhiều sự lựa chọn hơn cho

khách hàng, và phát triển cửa hàng trên quy mô lớn hơn Biết được những

điều trên, cửa hàng Laptop “Laptop for you” hiện nay đang cần một website

bán hàng để thuận tiện cho việc kinh doanh Về hiện trạng của của hàng

hiện nay:

a) Cơ cấu tổ chức:

Chủ cửa hàng: Chịu trách nhiệm về việc bán hàng, nhập hàng, quản

lý doanh thu của cửa hàng

Nhân viên: gồm 20 nhân viên phụ trách bán hàng, kế toán, bảo vệ,

phụ trách kho

b) Hiện trạng:

Nhập sản phẩm mới cho cửa hàng: Khi cửa hàng nhập 1 loại sản

phẩm mới về thì chủ cửa hàng chịu trách nhiệm cập nhật thông tin sản phẩm

(Loại sản phẩm, số lượng, giá cả )

Bán hàng: Khi có khách hàng tới mua Laptop thì nhân viên phụ

trách bán hàng sẽ cung cấp các thông tin về sản phẩm, thông tin giá cả và

cung cấp sản phẩm cho khách hàng khi khách hàng đồng ý mua

Đa số thời gian qua cửa hàng đều bán hàng trực tiếp tại cửa hàng

hoặc livestream qua facebook và hiện tại chưa có website bán hàng của

riêng mình

2.2 Mô tả bài toán

Khi khách hàng đã 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 được cung cấp một giỏ hàng tương ứng

Khách hàng tự do lựa chọn loại hàng hóa nào mà mình thích vào giỏ hàng

của mình Khách hàng có thể cập nhật lại các mặt hàng trong giỏ hàng mà

mình không muốn mua nữa, …

Để thu hút khách hàng thường xuyên tham gia vào trang web, nhà

quản trị cần phải có các biện pháp để xúc tiến đăng tải các chương trình

khuyến mãi, giảm giá trong những dịp cần thiết để lôi kéo khách hàng về

phía mình, và có các ưu đãi đối với các khách hàng thường xuyên vào mua

hàng, mua hàng số lượng lớn, …

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

-User: Là những người có nhu cầu mua sắm các sản phẩm Họ sẽ tìm kiếm

các sản phẩm cần thiết từ hệ thống và đặt mua các sản phẩm này Vì thế

trang web phải thỏa mãn các chức năng sau:

+Hiển thị danh sách các sản phẩm của cửa hàng để khách hàng có

thể xem và lựa chọn Để khách hàng có thể tìm kiếm nhanh và hiệu quả các

sản phẩm mà họ cần tìm

-Admin: Là người làm chủ ứng dụng có quyền kiểm soát mọi hoạt động của

hệ thống Nếu như quá trình đăng nhập thành công thì nhà quản lý có những

chức năng sau:

+Chức năng quản lý cập nhật (thêm, sửa, xóa) các sản phẩm trên

trang web, việc này đòi hỏi chính xác

Ngoài các chức năng trên thì trang web phải trình bày sao cho dễ

hiểu, giao diện mang tính dễ dùng, đẹp mắt và làm cho khách hàng thấy

được những thông tin cần tìm, cung cấp những thông tin quảng cáo thật hấp

dẫn nhưng chung thực, nhằm thu hút sự quan tâm về cửa hàng của mình và

có cơ hội có nhiều khách tham quan mua sắm sản phẩm của cửa hàng

Điều quan trọng trong trang web mua bán trên mạng là phải đảm bảo

an toàn tuyệt đối những thông tin liên quan đến khách hàng trong quá trình

đặt mua hay thanh toán Đồng thời trang web còn phải có tính dễ nâng cấp,

bảo trì, sửa chữa khi cần bổ sung hay cập nhật tính năng mới

2.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 như các thông tin cá nhân liênquan đến khách hàng được đảm bảo an toàn Giao diện thân thiện, dễ dùng, hấpdẫ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

-Việc tính toán đảm bảo chính xác và không chấp nhận sai sót

-Đảm bảo an toàn dữ liệu khi chạy

-Có khả năng lưu trữ nhiều dữ liệu

2.5 Mô tả các chức năng

-Chức năng: Quản lý bán hàng

+Hiển thị thông tin và phân loại sản phẩm: Sản phẩm hiển thị lên websitesẽ được hiển thị đầy đủ thông tin như: hình ảnh, tên sản phẩm, đặc điểm nổi bậtcủa sản phẩm, thông tin chi tiết của sản phẩm, giá, thời gian bảo hành, hãng sảnxuất, thông tin về chương trình khuyến mại, Các sản phảm này sẽ được phânloại theo từng hãng sản xuất, theo tên chủng loại Sự phân loại này sẽ được ngườidùng lựa chọn khi tham quan các gian hàng Trên trang chủ của website, thànhphần chính sẽ

hiển thị một số sản phẩm mới nhất, nổi bật nhất và bán chạy nhất cùng các tin tứcmới nhất của các sản phẩm được lấy từ chuyên trang tin tức trên website

+Giỏ hàng: (Khi tham khảo đầy đủ thông tin về sản phẩm khách hàng có thể đặtmua sản phẩm ngay tại website thông qua chức năng giỏ hàng mà không cần phảiđến địa điểm giao dịch) giỏ hàng được mô phỏng như giỏ hàng trong thực tế cóthể thêm bớt, thanh toán thành tiền các sản phẩm đã mua

2.6 Layout các trang web

2.6.1 Giao diện trang chủ + sản phẩm

Hình 2.1: Giao diện trang chủ+sản phẩm

2.6.2 Giới thiệu

Hình 2.2: Layout giới thiệu

2.6.3 Chi tiết sản phẩm

Hình 2.3: Layout chi tiết sản phẩm

2.6.5 Trang giỏ hàng

Hình 2.4: Layout giỏ hàng

2.6.7 Trang liên hệ

Hình 2.7: Layout trang liên hệ

2.6.8 Trang tin tức về Laptop

Hình 2.8: Layout tin tức

CHƯƠNG 3: THIẾT KẾ TRANG WEB 3.1 Giao diện trang chủ

Hình 3.1 Giao diện trang chủ

3.2 Giới thiệu

Hình 3.2 Giao diện giới thiệu

3.3 Tin tức

Hình 3.3 Giao diện tin tức

3.4 Trang chi tiết sản phẩm

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

3.5 Giỏ hàng

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

3.6 Chi tiết tin tức

Hình 3.6 Chi tiết tin tức

3.7 Trang liên hệ

Hình 3.7 Trang liên hệ

KẾT LUẬN

Sau một khoảng thời gian thực hiện đề tài thì chúng em đã hoàn thiện

và đáp ứng được:

• Hoàn thiện được ý tưởng và nội dung của trang web kinh doanhLaptop

• Thiết kế giao diện đơn giản, đáp ứng nhu cầu cơ bản của người dùng

• Thao tác trên trang web dễ dàng, bố cục được chia tương đối hợp lí

• Dễ hoạt động trên các nền tảng số

• Đơn giản hóa trang web

• Cung cấp sản phẩm kiến thức đến cho mọi đối tượng khách hàng

Tuy vậy, do những hạn chế về trình độ, thời gian nên chúng em không

khỏi có những thiếu sót trong quá trình tìm hiểu, nghiên cứu cũng như thực

nghiệm Em rất mong nhận được đánh giá và chỉnh sửa từ các thầy cô

Em xin chân thành cảm ơn!