Báo cáo chuyên đề học phần lập trình trên thiết bị di động đề tài xây dựng app bán giày

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 LẬP TRÌNH TRÊN THIẾT BỊ DI ĐỘNG ĐỀ TÀI XÂY DỰNG APP BÁN GIÀY Sinh viên thực hiện Phùng Việt Hoàng Mã sinh viên 20810310047 L[.]

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 LẬP TRÌNH TRÊN THIẾT BỊ DI ĐỘNG

ĐỀ TÀI:

XÂY DỰNG APP BÁN GIÀY

Sinh viên thực hiện : Phùng Việt Hoàng

Mã sinh viên : 20810310047

: Lê Đức Hải : 20810310056 Giảng viên hướng dẫn : Cù Việt Dũng

Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D15CNPM1

Khoá : 2020 – 2025

Hà Nội, tháng 12 năm 2022

PHIẾU CHẤM ĐIỂM

Sinh viên thực hiện:

Phùng Việt Hoàng Làm báo cáo + code

Giáo viên chấm:

Giảng viên chấm 1:

Giảng viên chấm 2:

MỤC LỤC

CHƯƠNG 1 KHẢO SÁT VÀ XÁC LẬP BÀI TOÁN……… 1

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

1.2 Xác lập bài toán………1

CHƯƠNG 2: THIẾT KẾ LAYOUT 3

2.1 Layout trang chủ 3

2.2 Layout danh sách sản phẩm .4

2.3 Layout chi tiết sản phẩm 5

2.4 Layout giỏ hàng 6

2.5 Layout sản phẩm đặt 7

2.6 Layout đăng kí, đăng nhập 8

2.7 Layout xác nhận đặt hàng 9

CHƯƠNG 3: THIẾT KẾ GIAO DIỆN 10

3.1 Giao diện trang chủ 10

3.2 Giao diện danh sách sản phẩm 11

3.3 Giao diện chi tiết sản phẩm 12

3.4 Giao diện giỏ hàng 13

3.5 Giao diện hàng đã đặt 14

3.6 Giao diện đăng kí đăng nhập 15

CHƯƠNG 1: KHẢO SÁT VÀ XÁC LẬP BÀI TOÁN

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

- Trong những năm gần đây,ứng dụng CNTT về app mobile bán hàng đang phát triển mạnh mẽ giúp cho cửa hàng kiếm được lợi nhuận nhiều hơn nhờ vào các app bán hàng nhanh cộng hưởng với thiết bị di động ngày một phổ biến Bởi vậy mà em quyết định chọn đê tài xây dựng app bán hàng online Với mong muốn giúp cho cửa hàng kiếm thêm thu nhập nhiều nhờ vào việc bán hàng hàng online.Ngoài ra app bán giày rất thân thiện giúp cho khách hàng mua được thuận lợi hơn, khách hàng sẽ tùy ý mua thứ mình thích không cần tốn nhiều thời gian để di chuyển đến cửa hàng cộng với dịch vụ giao hàng online hiện nay khiến cho các app bán hàng ngày càng được ưa chuộng hơn

- Một trong những thư viện phát triển ứng dụng di động đang hot hiện nay không thể không nhắc đến React Native, với thế mạnh đa nền tảng khiến React native ngày một chiếm được sự yêu mến của các lập trình viên

- Trong dự án lần này em sẽ ứng dụng React Native vào xây dựng app bán

hàng online để thực hiện môn học phần theo trương trình đào tạo nhà trường đồng thới giúp hiểu biết hơn về React Native

1.2 Xác lập bài toán

- Vì là một ứng dụng bán hàng nên sẽ chú trọng vào tính thân thiện người dùng , giao diện đẹp mắt,cách trình bày sản phẩm cũng như chi tiết sản phẩm, giá cả hợp lí cũng là cách để gây ấn tượng tốt mới khách hàng.Ngoài

ra trang app phải đảm bảo có đầy đủ các chức năng cơ bản nhất của một app thương mại điện tử

- Các chức năng chính của dự án gồm:

*Người dùng:

-Tham quan ứng dụng

-Tìm kiếm và lựa chọn sản phẩm cần mua

-Xem chi tiết 1 sản phẩm

-Đăng kí đăng nhập phục vụ cho việc mua bán online

*Người quản trị(Admin)

-Quản lí trang web của mình thông qua tài khoản Admin

-Xem danh sách sản phẩm và toàn quyền thao tác trên các sản phẩm

-Kiểm tra và xử lí các đơn hàng của khách hàng

-Theo dõi phản hồi ý kiến của khách hàng

CHƯƠNG 2.THIẾT KẾ LAYOUT

2.1 Layout trang chủ

Hình 2.1 Layout trang chủ

2.2 Layout danh sách sản phẩm

Hình 2.2 Layout danh sách sản phẩm

2.3 Layout chi tiết sản phẩm

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

2.4 Layout đăng nhập

2.5 Layout giỏ hàng

Hình 2.5 Layout giỏ hàng

2.6 Layout đặt hàng

Hình 2.6 Layout đặt hàng

2.7 Layout xác nhận đặt hàng

Hình 2.6 Layout xác nhận đặt hàng

CHƯƠNG 3: XÂY DỰNG GIAO DIỆN

3.1 Giao diện trang chủ

Hình 3.1 Giao diện trang chủ

3.2 Giao diện danh sách sản phẩm

Hình 3.2 Giao diện danh sách sản phẩm

3.3 Giao diện chi tiết sản phẩm

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

3.4 Giao diện giỏ hàng

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

3.5 Giao diện đặt hàng

Hình 3.5 Giao diện hàng đã đặt

3.6 Giao diện đăng nhập

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

KẾT LUẬN

Sau một thời gian tìm hiểu và khảo sát qua các trang web thương mại điện tử như http://tiki.vn, http://fahasa.com Và một số tài liệu lập trình react-native cơ bản, từ

đó em đã hoàn thiện được đề tài “Xây dựng app bán giày” với những kết quả làm được như sau:

- Hệ thống website phần lớn cung cấp được các thông tin về sản phẩm mới nhiều loại khác nhau, những sản phẩm đang hot và bán chạy trên thị trường hiện nay

- Website có đầy đủ một số chức năng cơ bản đăng ký, đăng nhập, mua hàng

Tuy vậy do còn một số hạn chế nhất định do kiến thức cũng như thời gian còn hạn hẹp nên trang web vẫn còn rất nhiều thiếu sót , trong thời gian tới em sẽ cố gắng hoàn thiện trang web của mình đầy đủ và tốt hơn nữa