Báo cáo thực tập tốt nghiệp chuyên ngành công nghệ thông tin đề tài xây dựng wed bán điện thoại di động

TRƯỜNG ĐẠI HỌC HÀNG HẢI VIỆT NAM 
TRƯỜNG CAO ĐẲNG VMU
KHOA CÔNG NGHỆ TÀU THỦY
 

BÁO CÁO THỰC TẬP TỐT NGHIỆP
Chuyên ngành Công nghệ thông tin
 

Đề tài :
“Xây dựng wed bán điện thoại Di động”
Giáo viên hướng dẫn: Đào Quang Hải
Nhóm SV thực hiện: Nhóm 2
 
Hải Phịng, ngày 22 tháng 12 năm 2022


TRƯỜNG ĐẠI HỌC HÀNG HẢI VIỆT NAM 
TRƯỜNG CAO ĐẲNG VMU
KHOA CÔNG NGHỆ TÀU THỦY
 

BÁO CÁO THỰC TẬP TỐT NGHIỆP
Chuyên ngành Công nghệ thông tin
 
Đề tài :
“Xây dựng wed bán điện thoại Di động”
Giáo viên hướng dẫn: Đào Quang Hải
Tên SV thực hiện: Phạm Đức Trọng , Phạm Huy Hoàng ,
Cao Diệu Vy , Chu Lương Thanh Minh , Nguyễn Đình Hải Phong ,
Nguyễn Tiến Việt , Vũ Quang Thắng

 
Hải Phòng, ngày 22 tháng 12 năm 2022


Lời cảm ơn
“Để hoàn thành bài báo cáo thực tập tốt nghiệp này, chúng em xin gửi
lời cảm ơn chân thành đến:
Ban giám hiệu trường Cao Đẳng Hàng Hải VMU vì đã tạo điều kiện về
cơ sở vật chất với hệ thống thư viện hiện đại, đa dạng các loại sách, tài liệu
thuận lợi cho việc tìm kiếm, nghiên cứu thông tin.
Xin cảm ơn giảng viên bộ môn - Thầy Đào Quang Hải đã giảng dạy tận
tình, chi tiết để chúng em có đủ kiến thức và vận dụng chúng vào bài báo
cáo này.
Do chưa có nhiều kinh nghiệm làm để tài cũng như những hạn chế về
kiến thức, trong bài tiểu luận chắc chắn sẽ không tránh khỏi những thiếu
sót, chúng em rất mong nhận được sự nhận xét, ý kiến đóng góp, phê bình
từ phía thầy để bài báo cáo được hoàn thiện hơn.
Lời cuối cùng, em xin kính chúc thầy có nhiều sức khỏe, đạt được nhiều
thành công và hạnh phúc trong cuộc sống ạ.”
Em xin chân thành cảm ơn !

Hải Phòng , tháng 12 năm 2022


Mục lục
PHẦN I : MỞ ĐẦU.................................................................5
PHẦN II : NỘI DUNG............................................................6
CHƯƠNG 1: Kiến thức cơ bản................................................6
1)

Ngôn ngữ thiết kế wed......................................................6

2)

Kiến trúc và flamework....................................................6

CHƯƠNG 2 : Phân tích và thiết kế hệ thống...........................8
1)

Các chức năng wedsite.....................................................8

2)

Sơ đồ luồng dữ liệu.........................................................11

3)

Mơ hình thực thể liên kết................................................15

4)

Thiết kế hệ thồng............................................................20

CHƯƠNG 3 : Thiết kế giao diện và cài đặt chương trình.....23
1)

Điều khiển sử dụng trong chương trình..........................23

2)

Đặc tả chương trình........................................................24

CHƯƠNG 4 : Đánh giá phần mềm........................................28
1)

Kiểm tra và đanh giá phần mềm.....................................28

2)

Cài đặt.............................................................................29

3)

Thử nghiệm.....................................................................29

4)

Đánh giá..........................................................................29

PHẦN III : KẾT LUẬN.........................................................30
TRANG NHẬN XÉT CỦA GIÁO VIÊN..............................33


PHẦN I : MỞ ĐẦU
*Lý do chọn đề tài
Hiện nay , các công nghệ tiên tiến phát triển ngày căng mạnh mẽ và được ứng
dụng ngày căng nhiều cào các lĩnh vực kinh tế , sản xuất cũng như đời sống thường
nhật của con người . Một điểm tiêu biểu trong việc phát triển các cơng nghệ đó phải
kể đến việc ứng dụng công nghệ thông tin vào hầu hết khắp các hoạt động . Nhờ đó ,

các cơng việc được thực hiện nhanh , chinh xác và đạt kết quả cao hơn rất nhiều .
Khi xã hội ngày căng phát triển , mức sống của người dân được nâng cao thu
nhập kinh tế ngày căng được cải thiện thì chiếc điện thoại di động khơng cịn trở nên
xa lạ với mọi người nữa ngược lại nó là một vật dụng không thể thiếu đối với người
dân hiện tại . Hầu hết mỗi người dều trang bị cho minh một chiếc điện thoại phù hợp
với nhu cầu và túi tiền của minh . Tuy nhiên , với cuộc sống ngày căng bận rộn như
hiện nay thì việc muốn mua một chiếc diện thoại mình ưa thích thì người tiêu dùng
phải đến tận cửa hàng để chọn lựa vì thế sẽ mất nhiều thời gian và công sức .
Cùng với các lý do nêu trên , qua tìm hiểu nhóm đề tài được biết việc ứng dụng
bán điện thoại di động trực tuyến sẽ giúp cho khách hàng giảm bớt được thời gian và
công sức phải đến tận cửa hàng để mua . Muốn lựa chọn cho minh một chiếc điện
thoại ưng ý phù hợp với túi tiền thì khách hàng chỉ cần ngồi bên chiếc máy tinh có kết
nối mạng internet là có thể mua được mặt hàng điện thoại mình cần .
Do đó nhơm chọn thực hiện đề tài “ Xây dựng wedsite bán điện thoại di động ”
Qua quá trinh khảo sát thực tế , tìm hiểu phân tích thiết kế , nhơm đề tài đưa ra
bản báo cáo gồm các phần sau dể giúp mọi người hiểu rõ về chức năng của wedsite.
Phần I : Mở đầu
Phần II : Nội dung
 Chương 1 : Kiến thức cơ bản
 Chương 2 : Phân tích và thiết kế hệ thống
 Chương 3 : Thiết kế giao diện và cài đặt chương trình
 Chương 4 : Thử nghiệm và đánh giá phần mềm
Phần III : Kết luận


PHẦN II : NỘI DUNG
CHƯƠNG 1: Kiến thức cơ bản
1) Ngôn ngữ thiết kế wed
a) HTML ( HyperText Markup Language ) : cịn được gọi là ngơn
ngữ dấu siêu văn bản , được tạo ra nhằm cấu trúc lên một trang

wed với các mẩu thông tin được trinh bày trên World Wide
Wed.
b) CSS ( Cascading Style Sheet ) : Website được cấu tạo từ các thẻ
html nhưng với những thẻ html thì mới chỉ thể hiện được bộ
khung của wedsite . Để căn chỉnh , trinh bày cho đẹp mắt thì ta
cần sử dụng ngơn ngữ CSS . Đây là ngôn ngữ được dùng nhiều
trong lập trinh wed , thường đi dùng với ngôn ngữ html
c) PHP ( Hypertext Preprocessor) là ngơn ngữ lập trình chủ yếu
được dùng để phát triển các ứng dụng viết cho máy chủ , dễ
dàng nhúng vào trang HTML . Đây là ngôn ngữ lập trinh wed
phổ biến nhất thế giới , do tính mở nên dễ tiếp cận với lập trinh
viên
d) MySQL :
Là hệ quản trị CSDL tự do mã nguồn mở phổ biến nhất thế giới
được nhà phát triển rất ưa chuộng để phát triển các ứng dụng .
Là cơ sở dữ liệu tốc độ cao , ổn định và dễ sử dụng , có tinh khả
chuyển , hoạt động trên nhiều hệ điều hành cung cấp một hệ thống
lớn các hàm tiện ích rất mạnh . Với tốc độ và tinh bảo mật cao .
MSQL rất thích hợp cho các ứng dụng có truy cập CSDL trên
internet và thường đi với người anh em của nó là PHP .
2) Kiến trúc và flamework
a) Kiến trúc Client/Server :


Là kiến trúc nổi tiếng trong mạng máy tính , hầu hết các
wedsite hoạt động dựa trên kiến trúc này . Trong đó client là máy khách
gửi yêu cầu đến máy server . Tại đây thì server lắng nghe các yêu cầu từ
máy client , nhận thông tin từ client sau đó xử lý , trả kết quả cho máy
client.

b) Mơ hình MVC :
Là một trong những mơ hình thiết kế được sử dụng trong kỹ
thuật phát triểnn phần mềm , giúp cho các developer tách ứng dụng thành
3 phần là Model – View – Controller . Mỗi thành phần có một nhiệm vụ ,
chức năng riêng biệt , giúp phát triển ứng dụng nhanh , dễ bảo trì , nâng
cấp hệ thống.
c) Framework Yii :
Yii là PHP framework mã nguồn mở hồn toan miễn phí , có
hiệu năg cao giúp các lập trinh viên phát triển tốt các ứng dụng wed 2.0 .
Yii cho phép tái sử dụng tối đa các thanh phần của ứng dụng để tăng tốc
độ viết ứng dụng
d) Bootstrap :
Là một trong những CSSFramework phổ biến nhất hiện nay , do
twitter phát triển . CSSFramework này có ưu điểm là hộ trợ khả năng
responsive , tương thích tốt với thiết bị cỡ nhỏ . Với sự phổ biến của


smartphone , tablet hiện nay , đây là một yếu tố vô cùng quan trọng giúp
các nhà thiết kế phát triển ứng dụng wed không cần phải design một bản
riêng cho mobile hay PC , mà chỉ cần thiếtkees một lần duy nhất cho mọi
thiết bị . Việc này giúp tiết kiệm chi phí cho người chủ ứng dụng.

CHƯƠNG 2 : Phân tích và thiết kế hệ thống
1) Các chức năng wedsite
STT
Chức năng

Mơ tả

1

Xem hàng

Người xem có thể xem thơng tin về điện
thoại di động bao gồm : tên , hãng , giá , tình
trạng hàng cịn hay đã hết

2

Bình luận

Người xem có thể binh luận về sản phẩm ,
nội dung và thông tin người binh luận cần
lưu trong database

3

Đặt hàng

Chức năng cho phép khách hàng duyệt sản
phẩm trên trang wed và ấn đặt hàng

4

Giỏ hàng

Cho phép khách hàng có thể xem , điều
chỉnh mặt hàng minh đã chọn mua . Bao
gồm tinh tổng giá sản phẩm mà khách hàng
mua .

5

Tìm kiếm sản phẩm

Khách hàng nhập thơng tin vào thanh tìm
kiếm để tìm kiếm sản phẩm

6

Quảng cáo

Trên wedsite có một banner quảng cáo , khi
click vào hình ảnh đó thì dẫn đến trang
nguồn

7

Xem điện thoại mới

Hiển thị các điện thoại mới nhất cho người
xem

8

Xem điện thoại bán
chạy

Hiển thị thông tin các điện thoại được bán
chạy nhất cho người xem

a) Chức năng phía Frontend


b) Sơ đồ phân cấp chức năng phía frontend

FRONTEND

XEM THƠNG

ĐẶT HÀNG

TIN

LỰA CHỌN SẢN

DANH SÁCH

PHẢN HỒI

TÌM KIẾM

SẢN PHẨM

PHẨM

CHI TIẾT SẢN

QUẢN LÝ GIỎ

PHẨM

HÀNG

DANH SÁCH

ĐẶT MUA

TÊN SẢN PHẨM

GIÁ SẢN PHẨM

HÃNG ĐIỆN
THOẠI
THÔNG TIN
WEBSITE

Sơ đồ 1: phân cấp chức năng phía frontend
c) Chức năng phía người quản trị website backend
STT

Chức năng

1

Quản lý sản phẩm

2

Quản lý danh sách

mục sản phẩm

3

Quản lý đơn đặt hàng

Mô tả
Quản lý thơng tin , hình ảnh sản phẩm , người
quản trị có thể upload hình ảnh sản phẩm , nhập
thơng tin mô tả tinh năng sản phẩm , giá cả , số
lượng
Quản lý thông tin danh mục sản phẩm bao gồm
các chức năng thêm , xóa sửa danh mục sản
phẩm
Thống kê đơn đặt hàng bởi khách hàng , xem
tinh trạng đơn hàng như “ đã giao hàng và chi
tiết đơn đặt hàng ”


4

Chi tiết đơn đặt hàng

Hiển thị thông tin chi tiết đơn đặt hàng bao gồm
thông tin về khách hàng , thông tin về sản phẩm
trong đơn hàng , nhân viên thực hiện giao hàng ,
tinh trạng đơn hàng , ghi chú của người quản
trị .

5

Quản lý người dùng

Thêm mới , sửa , xóa thơng tin người dùng

6

Phản hồi

Lưu trữ , phản hồi của khách hàng

d) Sơ đồ phân cấp chức năng phía backend

BACKEND

QUẢN LÝ DANH MỤC

QUẢN TRỊ HỆ THỐNG

QUẢN LÝ NGHIỆP VỤ

ĐĂNG NHẬP

SẢN PHẨM

CHỈNH SỬA
THÔNG TIN

ĐĂNG XUẤT

NGƯỜI DÙNG

ĐƠN ĐẶT HÀNG

ĐỔI MẬT KHẨU

DANH MỤC SẢN
PHẨM

PHẢN HỒI

NHÂN VIÊN GIAO
HÀNG

XỬ LÝ ĐƠN HÀNG

Sơ đồ 2 : phân cấp chức năng phai Backend
2) Sơ đồ luồng dữ liệu


a) Biểu đồ mức ngữ cảnh

Biểu đồ 1 : Biểu đồ mức ngữ cảnh


b) Biểu đồ luồng dữ liệu mức 0

Biểu đồ 2 : Biểu đồ luồng dữ liệu 0
c) Biểu đồ luồng dữ liệu mức 1

 Phân rã tiến trinh 2.0 quản lý danh mục

Biểu đồ 3 : Phân rã tiến trình 2.0 – Quản lý danh mục


 Phân rã tiến trinh 3.0 quản lý đơn hàng

Biểu đồ 4 : Phân rã tiến trinh 3.0 – Quản lý đơn hàng


 Phân rã tiến trình 4.0 khách hàng phản hồi

Biểu đồ 5 : Phân rã tiến trinh 4.0 – Khách hàng phản hồi

3) Mơ hình thực thể liên kết
Danh sách thực thể :
 Thực thể người dùng


 Thực thể khách hàng

 Thực thể sản phẩm

 Thực thể đơn đặt hàng


 Thực thể danh mục sản phẩm

 Thực thể sản phẩm bán

 Thực thể tinh trạng

 Thực thể nhân viên giao hàng

 Thực thể binh luận


a) Mơ hình thực thể liên kết

Mơ hình 1 : Mơ hình thực thể liên kết


4) Thiết kế hệ thồng
a) Thiết kế các bảng dữ liệu


b) Kết nối các bảng CSDL

c) Thiết kế bản Diagram


CHƯƠNG 3 : Thiết kế giao diện và cài đặt chương trình
1) Điều khiển sử dụng trong chương trình
STT Tên thành phần
1 asp:Label
2 asp:TextBox

Chức năng

Dùng để mô tả thông tin
Dùng để chứa dữ liệu và load dữ liệu

3

asp:Button

Dùng để thực thi các chức năng

4

asp:LinkButton

Dùng để thực thi các chức năng

5

asp:ImageButton

Dùng để thực thi các chức năng

6

asp:HyperLink

Dùng để tạo các siêu liên kết

7

asp:DropDownList

Dùng để chứa các lựa chọn

8

asp:CheckBox

Dùng để đánh dấu các lựa chọn

9

asp:Image

Dùng để hiển thị một hình ảnh

10 asp:HiddenField
11 asp:Calendar

Dùng để chứa dữ liệu ẩn

12 asp:FileUpload
13 asp:MultiView

Dùng để tạo một điều khiển Upload dữ liệu

14 asp:View
15 asp:GridView

Dùng để tạo một khung nhìn

16 asp:DataList
17 asp:FormView

Dùng để load dữ liệu kiểu danh sách

18 asp:Repeater
19 asp:SqlDataSource

Dùng để load dữ liệu

Dùng để một bảng lịch
Dùng để tạo nhiều khung nhìn
Dùng để load dữ liệu dạng bảng
Dùng để load dữ liệu theo kiểu form
Dùng để tạo một nguồn dữ liệu

20 asp:RequiredFieldValidator
Dùng để kiểm tra có dữ liệu nhập vào khơng
21 asp:RegularExpressionValidator Dùng để kiểm tra giá trị nhập vào theo một
cơng thức có sẵn
22 asp:CompareValidator
Dùng để so sánh dữ liệu nhập giữa các điều
khiển
23 asp:ValidationSummary
Dùng để hiển thị thông báo của các điều
khiển kiểm tra

2) Đặc tả chương trình

a) Giao diện chương trình chính
Giao diện chương trình hiển thị tất cả các menu chức năng của
hệ thống cho phép người dùng thao tác với hệ thống. Tùy theo từng
quyền của người dùng mà khi đăng nhập vào hệ thống mà chương
trình hiển thị chức năng tương ứng. Những người khơng phải là
admin của hệ thống thì khơng có quyền truy cập vào trang “ Quản trị
” của hệ thống.


b) Đăng nhập