Báo cáo chuyên Đề học phần cơ sở lập trình web Đề tài quản lý cửa hàng bán linh kiện Điện tử

Để lập trình ra một sản phẩm thì bạn cần phải biết những ngônngữ lập trình, để kết nối giữa người dùng và máy tính.Cùng với sự phát triển vượt bậc của CNTT, con người đã xây dựng, phát t

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

Sinh viên thực hiện: NGUYỄN HỮU VIỆT ANH

Giảng viên hướng dẫn: HOÀNG THANH TÙNG

Mã sinh viên: 21810310042

Lớp: D16QTANM

PHIẾU CHẤM ĐIỂM Sinh viên thực hiện:

Nói đến CNTT là chúng ta hình dung ngay tới một môi trường phát triển năngđộng vào bậc nhất trên toàn thế giới hiện nay Nó được ứng dụng vào mọi mặt củađời sống của con người,từ công việc cho tới giải trí Nhắc đến công nghệ thông tinthì không thể không nhắc đến lập trình Lập trình là công việc tạo ra những sảnphẩm tiện ích giúp con người làm việc hiệu quả hơn khi thao tác với máy tính haythiết bị công nghệ Để lập trình ra một sản phẩm thì bạn cần phải biết những ngônngữ lập trình, để kết nối giữa người dùng và máy tính.

Cùng với sự phát triển vượt bậc của CNTT, con người đã xây dựng, phát triển

và bảo trì các trang web được lưu trữ trên Internet dưới hình thức lập trình web.Một trang web đơn giản có thể được viết bằng ngôn ngữ HTML , CSS và chỉ chứavài trăm dòng lệnh Tuy nhiên đối với trang web lớn như facebook có thể lên đến

60 triệu dòng lệnh để phát triển hoàn chỉnh trang web

Trước nhu cầu của mọi người đang hướng đến lối sống ăn lành mạnh, ăn chaytrường cũng như là muốn thưởng thức cà phê, trà lợi khuẩn lên men Nhà hàngLabonté mong muốn rằng muốn đơn giản hóa mọi người việc mọi người đi ănđồng thời mở rộng khả năng phục vụ cho những khách hàng muốn đến nhà hàng ănnhưng không có thời gian hoặc nhà hàng không có đủ chỗ

Chính vì vậy,để đáp ứng những nhu cầu đó em đã tham khảo nhiều các trangweb về đồ ăn khác nhau để xây dựng một website dành riêng cho Labonté để thựchiện hóa tầm nhìn của nhà hàng là giúp các tín đồ ăn uống tiết kiệm được thời giankhi phải ra trực tiếp cửa hàng để gọi món, giờ đây họ có thể order online để đượcgiao đồ đến tận nơi.Đồng thời khuyên khích lối sống ăn uống lành mạnh và ănchay trường với mọi người

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

Hiện nay việc đặt đồ ăn qua mạng không còn xa lạ gì đối với mọi người,không thể phủ nhận lợi ích mà việc đặt đồ ăn online mang lại Mặc dù C và C++ có khả năng làm việc này nhưng trình biên dịch lại phụ thuộc vào từng loạiCPU Trình biên dịch thường phải tốn nhiều thời gian để xây dựng nên rất đắt,

vì vậy để mỗi loại CPU có một trình biên dịch riêng là rất tốn kém

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

ăn mà mình yêu thích mà không cần phải đến tận nhà 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ựctuyến và nhanh chóng, hơn thế nữa khách hàng đặt hàng sẽ được giao hàng đếntận nơi trong thời gian ngắn sau khi đặt hàng

Website Labonté được tạo ra nhằm cung cấp cho những người yêu thích lốisống ăn uống lành mạnh và những người bắt đầu với ăn chay trường một môitrường tương tác cũng như tìm hiểu, cập nhật thay đổi món ăn hàng ngày đểtránh bị nhàm chán:

-Giao diện : Đơn giản, đẹp mắt, dễ thao tác trên màn hình, phù hợp chomọi người dùng

-Món ăn: Đa dạng có hình ảnh cùng với mô tả đầy đủ những thành phần

có trong đồ ăn nhằm tránh việc khách hàng bị dị ứng thành phần của mó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

Dựa trên các kiến thức nền tảng được thầy 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âydựng một trang web Báo cáo sẽ lập trình trên nền web

“Labonté tích hợp được giao diện các chức năng sau:

-Giao diện chính của Website

-Preview các món ăn

-Đăng ký người dùng

-Đăng nhập vào Website

-Giỏ hàng

-Chi tiết thành phần món ăn

1.3 Một số trang chính của Website

-Trang Đăng Nhập và Đăng Ký: Để khách hàng có thể dễdàng đặt hàng và được nhận tích điểm sau mỗi lượt muathành công

-Trang chủ:Đây là trang giới thiệu,preview các món ăn cũngnhư là trang định hướng những trang còn lại

-Trang sản phẩm: Đây là trang hiện tất cả các món ăn đưathêm nhiều lựa chọn hơn cho khách hàng

-Trang giỏ hàng:Đây là trang khách hàng order món ăn cũngnhư là thanh toán

CHƯƠNG 2: 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 việc đặt đồ ă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ònmấy xa lạ với con người được trở thành phương tiện truyềnthô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 truyền thông tin trao đổi, giải trí, xemtin 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 bình thường đến đặc biệt của mình

Ở Việt Nam dưới sự bành trướng của Balmin,Grabfood….Khách hàng chỉ cần mấy thao tác click chuột hay cúchạm điện thoại vào món ăn mà minh muốn order và có thểchờ món ăn được ship đến tận tơi

Việc kinh doanh qua mạng giúp cho nhiều cửa hàng tiếp cậnđược với nhiều tệp khách hàng hơn song cũng mở ra nhiềuthách thức lớn khi mà nó đòi hỏi phải biết về công nghệ thôngtin để thiết lập và tạo một trang web để thực hiện order đồăn.Một thực tế cho thấy hình thức kinh doanh mới này cũng cónhược điểm rất lớn đó là nhiều khi khách hàng order nhưng lạichọn hình thức là thanh toán tiền mặt nhưng lại hủy order vàophút chót dẫn đến tổn thất về thời gian của người giao cũngnhư là tổn thất về nguyện liệu của cửa hàng

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

hàng bởi lẽ không phải lúc nhà hàng có đủ không gian để phục

vụ khách hàng

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 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 đồ ăn hay đồ uống 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àngtrong trường hợp mình không muốn mua nữa Khách hàng chưađăng nhập sẽ phải điền thông tin địa chỉ khi thanh toán, trongtrường hợp đăng nhập rồi thì bước nhập thông tin sẽ được bỏqua do lấy được dữ liệu trong thông tin người dùng

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

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

giá trong những dịp cần thiết để lôi kéo khách hàng về phíamình, và có các ưu đãi đối với các khách hàng thường xuyênvào mua hàng với số lượng lớn

2.3 Mô tả chức năng

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

-Chức năng: Quản lý người dùng

+Đăng nhập: Khi khách hàng muốn được tích điểm sau mỗilần order thì buộc phải đăng nhập về hệ thống

+Đăng ký: Nếu khách hàng nào chưa có tài khoản thì có thểđăng ký bằng cách điền thông tin đầy đủ và chờ xác nhận của

hệ thống, nếu thông tin chính xác hệ thống sẽ thông báo thànhcông cho khách hàng, nếu lỗi thì khách hàng phải kiểm tra lạithông tin mà mình đã nhập

+Cập nhật thông tin cá nhân

2.4 Layout các trang web

2.4.1 Đăng nhập

2.4.2 Đăng Ký

Hình 2.2:Layout Đăng Ký2.4.3 Trang Chủ

Hình 2.3:Layout trang chủ

Hình 2.4:Layout trang chi tiết menu

2.4.5 Trang thanh toán

Hình 2.5:Layout trang thanh toán

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

3.1 Đăng Nhập

Hình 2.6: Giao diện đăng nhập

Hình 2.7:Responsive điện thoại của giao diện đăng nhập

3.1.1 Phần source code HTML

3.1.2 Phần source code CSS

3.2 Đăng ký

Hình 2.8:Giao diện trang đăng ký

3.2.1 Phần source code HTML

3.2.2 Phần source code CSS

3.3 Thanh Toán

Hình 2.10: Giao diện trang thanh toán

Hình 2.11:Responsive điện thoại của giao diện thanh toán3.3.1 Phần source code HTML

3.3.2 Phần source code CSS

3.4 Trang Menu

Hình 2.12: Giao diện trang menu

3.4.1 Phần source code HTML

3.4.2 Phần source code CSS

3.5 Trang chủ

Hình 2.15:Responsive điện thoại của giao diện trang chủ3.5.1 Phần source code HTML

3.5.2 Phần source code Javascript