ĐỀ tài xây DỰNG WEBSITE bán điện THOẠI DI ĐỘNG

Do đó, những doanh nghiệp hay người dùng cá nhân có thể tạo cho mình một trang web để có thể cập nhật thông tin doanh nghiệp đến với người tiêu dùng, đồng thời nó cũng góp phần quản bá h

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ

THÔNG TIN VÀ TRUYỀN THÔNG

VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

HỌ VÀ TÊN HSSV PHẠM BIÊN

TÊN ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG

ĐỒ ÁN TỐT NGHIỆP

NGÀNH CÔNG NGHỆ THÔNG TIN

Đà Nẵng - 12/2021

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

HỌ VÀ TÊN HSSV PHẠM BIÊN

Mã HSSV: 191C900002

TÊN ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG

ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN

Giáo viên hướng dẫn: Hà Thị Minh Phương

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

………

……….…

………

LỜI CẢM ƠN

Những năm gần đây việc cập nhật các thông tin cũng như thực hiện các giao dịch qua mạng internet ngày càng trở nên phát triển và phổ biến rộng rãi cùng với sự bùng nổ của công nghệ thông tin thi hàng loạt website ra đời với các tùy biến khác nhau

Do đó, những doanh nghiệp hay người dùng cá nhân có thể tạo cho mình một trang web

để có thể cập nhật thông tin doanh nghiệp đến với người tiêu dùng, đồng thời nó cũng góp phần quản bá hình ảnh của doanh nghiệp đó Mặt khác, cùng với sự phát triển của các loại hình web mã nguồn mở nên người lập trình có thể tạo cho minh hoặc doanh nghiệp những trang web theo chuẩn và phù hợp với doanh nghiệp Cũng chính vì sự phát triển nhanh chóng và lợi ích của nó mang lại cho nên trong lúc chọn đề tài“ em đã

chọn đề tài: Nghiên cứu và xây dựng Website bán điện thoại di động" những tìm hiểu

thêm về web mã nguồn mở Php Laravel Framework và có thể tìm hiểu sâu hơn về nó

Trong quá trình làm đồ án còn rất nhiều thiếu sót Rất mong được nhận các ý kiến đóng góp của các Thầy (Cô) để đồ án được hoàn thành tốt hơn Em cũng xin chân thành cảm ơn “Trường Đại Học Công Nghệ Thông Tin và Truyền Thông Việt-Hàn” đã tạo điều kiện thuận lợi nhất để em hoàn thành đồ án này Xin chân thành cảm ơn Cô Hà Thị Minh Phương là giảng viên trường Đại Học Công Nghệ Thông Tin và Truyền Thông Việt-Hàn" đã hướng dẫn em làm đồ án thật chu đáo và chất lượng

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

Đà Nẵng, tháng 12 năm 2021 Sinh Viên

Phạm Biên

MỤC LỤC

WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG

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

1.Tên đề tài……….….6

2.Lý do chọn đề tài……….….6

3.Nhiệm vụ……….….6

4.Mục đích nghiên cứu……… 6

5.Định hướng giải quyết……… 7

6.Ý nghĩa thực tiễn của tôi ……… 7

CHƯƠNG II: NHỮNG GIẢI PHÁP, CÔNG NGHỆ TRANG WEB 4

1 Ngôn ngữ HTML 8

2 Ngôn ngữ CSS 9

3 Ngôn ngữ lập trình PHP 9

4 Cài đặt Xampp 10

4.1 Xampp là gì? 10

4.2 Cài đặt Xampp 10

5 Lập trình cơ sở dữ liệu MySQL 13

5.1 Kết nối CSDL 13

5.2 Chọn CSDL sử dụng 13

5.3 Thực thi các câu lệnh truy vấn 13

5.5 Đếm số record trong recordset 14

5.6 Lấy ID vừa mới cập nhật 14

5.7 Thông báo lỗi của MYSQL 15

5.8 Nhảy đến 1 record trong recordset 15

5.9 Đóng kết nối 15

6 Lập trình PHP Laravel Framework 15

6.1 Laravel là gì? 15

6.2 Cách cài đặt Laravel 16

6.3 Mô hình MVC là gì? 17

CHƯƠNG III: PHÂN TÍCH THIẾT KẾ HỆ THỐNG VÀ GIẢI PHÁP

THỰC HIỆN……… 18

I.Tác nhân sử dụng……… 18

II Một số biểu đồ……… 19

1.Biểu đồ thực thể EDR……….19

2 Biểu đồ tuần tự chức năng đăng nhập………20

3 Biểu đồ tuần tự chức năng thêm ,sửa ,xóa sản phẩm……… 20

4.Biểu đồ hoạt động chức năng tìm kiếm sản phẩm……… 21

III Sơ đồ chức năng (Usecase Diagram)……… 23

1 Chức năng Khách hàng……… 23

2 Chức năng quản lí……… 25

CHƯƠNG IV : KẾT QUẢ ĐẠT ĐƯỢC……… ……….28

1 Giao diện chung……… 28

2 Giao diện đăng kí , đăng nhập ……… ……… 28

3 Giao diện tìm kiếm sản phẩm.……….…….29

4 Giao diện thông tin sản phẩm……… 30

5 Giao diện giỏ hàng……… 30

6 Giao diện đặt hàng ……… 31

7 Giao diện quản trị……….…31

8 Giao diện sản phẩm……… 32

9 Giao diện sửa sản phẩm……… 32

10 Giao diện thêm sản phẩm……… 33

CHƯƠNG V : KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN………34

1.Kết quả đạt được……….34

2.Những hạn chế và thiếu sót……….34

3.Hướng phát triển của đề tài……….35

4.Đề nghị ý kiến……… … 35

CHƯƠNG VI : TÀI LIỆU THAM KHẢO……… 36

PHẦN MỞ ĐẦU

Trở thành công cụ không thể thiếu trong nhiều lĩnh vực hoạt động như: ứng dụng trong công tác quản lý, nghiên cứu, trao đổi thông tin, mua bán…Trong xu thế toàn cầu hóa nền kinh tế trên thế giới, nhu cầu của con người dần được đáp ứng, đặc biệt là nhu cầu về trao đổi hàng hóa và mua bán Bên cạnh đó sự cạnh tranh giữa các công ty tin học cũng ngày càng trở nên gay gắt với mục đích thương mại và phục vụ nhu cầu của con người Các giải pháp về đầu tư cải thiện các sản phẩm đang được đẩy mạnh trong các công ty tin học hàng đầu thế giới Một giải pháp không thể thiếu mà chúng ta dễ dàng nhận thấy đó là sự phát triển của thương mại điện tử

Đứng trước sự cạnh tranh gay gắt về thị trường và khách hàng, các tổ chức và các doanh nghiệp đều tìm mọi biện pháp để xây dựng hoàn thiện hệ thống thông tin của mình nhằm tin học hóa các hoạt động tác nghiệp của đơn vị, và các đơn vị kinh doanh điện thoại di động cũng không nằm ngoài số đó

Hiện nay các công ty tin học hàng đầu thế giới, các công ty hoạt động trong lĩnh vực kinh doanh….không ngừng đầu tư và cải thiện các giải pháp cũng như các sản phẩm nhằm cho phép tiến hành thương mại hóa trên Internet Thông qua các sản phẩm và công nghệ này, chúng ta dễ dàng nhận ra tầm quan trọng và tính tất yếu của thương mại điện

tử Với những thao tác đơn giản trên máy có kết nối qua mạng Internet bạn sẽ có tận tay những gì mình cần mà không phải mất mất thời gian và tốn nhiều công sức

Điện thoại di động ngày nay đã trở nên quen thuộc và trở thành vật dụng không thể thiếu với nhiều người Cho dù ở bất cứ nơi đâu nhưng chỉ với vài giây kết nối chúng

ta đã có thể liên lạc với nhau một cách dễ dàng Không chỉ thỏa mãn nhu cầu trao đổi thông tin,với nhiều người điện thoại còn là phương tiện để giải trí, giúp họ chứng tỏ bản lĩnh, đẳng cấp và sự sành điệu…Ngày nay, trên thế giới nói chung và ở Việt Nam nói riêng đã xuất hiện rất nhiều công ty, văn phòng, cửa hàng chuyên bán điện thoại di dộng

Để hỗ trợ các công ty kinh doanh điện thoại đẩy mạnh phát triển thông qua nền thương

mại điện tử, nhóm chúng em đưa ra “Xây dựng Website bán điện thoại di động” Việc

xây dựng website sẽ giúp cho công việc kinh doanh trở nên thuận lợi và dễ dàng hơn, đáp ứng được nhu cầu làm việc mọi lúc, mọi nơi, đồng thời thỏa mãn nhu cầu xem thông tin, mua bán online…của mọi đối tượng khách hàng

DANH MỤC CÁC TỪ VIẾT TẮT

ST Tên từ Ý nghĩa

1 TMĐT Thương mại điện tử

2 CNTT Công nghệ thông tin

3 DB Database

4 CSDL Cơ sở dữ liệu

5 NQL Người quản lí

6 TK Tài khoản

7 HTML HyperText Markup Language

8 CSS Casading Style Sheets

9 PHP HyperText Preprocesssor

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

- Khách hàng có thể đặt hàng ngay những sản phẩm mà khách hàng yêu

thích

- Tạo ra sản phẩm thân thiện, đơn giản với giao diện tự nhiên, bắt mắt, dễ

sử dụng cho tất cả mọi người

- Xây dựng một website giúp người quản trị quản lý thông tin hệ thống một cách dễ dàng hơn, tiện lợi hơn

- Củng cố và bổ sung kiến thức các môn đã học Qua đó, rèn luyện kỹ năng làm việc độc lập

- Từ đề tài này có thể mở rộng ra và ứng dụng cho các đề tài khác có liên quan

5 Định hướng giải quyết

- Từ các yêu cầu đặt ra của đề tài tiến hành phân tích và đưa ra hướng giải quyết theo các bước sau:

- Tìm hiểu về các website tương tự để xây dựng các chức năng sao cho phù hợp với đa phần thị hiếu của người sử dụng hiện nay

- Tiến hành tìm hiểu về các khái niệm có liên quan và từ các thông tin khảo sát được sẽ tiến hành phân tích các chức năng dự định đưa vào website

- Tìm hiểu về các nội dung cần có của một trang web bán hàng điện tử, từ đó đưa ra các giải pháp để tiến hành xây dựng

- Lựa chọn và cài đặt các công cụ, phần mềm phù hợp cho việc thiết kế website

- Bắt tay vào việc xây dựng website

- Tiến hành kiểm tra và chạy thử

- Thay đổi, bổ sung, khắc phục các lỗi để website hoàn chỉnh hơn

6.Ý nghĩa thực tiễn đề tài

- Ý nghĩa với doanh nghiệp, cá nhân của website:

- Website được xây dựng nhằm giúp quảng bá thông tin sản phẩm , dịch

vụ của hệ thống ra ngoài thị trường một cách rộng rãi Qua đó giúp tăng số lượng khách hàng sử dụng trang web và tăng doanh thu Bên cạnh đó, còn giúp cho doanh nghiệp, cá nhân giảm được chi phí

- Ý nghĩa đối với khách hàng:

- Giúp cho người sử dụng có thể nhanh chóng lựa chọn những món hàng

mà mình muốn đặt mà không cần đến cửa hàng

- Ý nghĩa đối với cá nhân sinh viên:

- Qua đề tài này, em có thể xây dựng một website để ứng dụng vào thực

tế với giao diện thân thiện, dễ dàng sử dụng trong quá trình xem thông tin và dễ quản lý

CHƯƠNG II: NHỮNG GIẢI PHÁP, CÔNG NGHỆ TRANG WEB

1 Ngôn ngữ HTML

HTML(HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn bản được dùng để tạo các tài liệu có thể truy cập trên mạng Tài liệu HTML được tạo nhờ dùng các thẻ và các phần tử của HTML File được lưu trên máy chủ dịch vụ web với phần mở rộng “.htm” hoặc “.html” Các trình duyệt sẽ đọc tập tin HTML và hiển thị chúng dưới dạng trang web Các thẻ HTML sẽ được ẩn đi, chỉ hiển thị nội dung văn bản và các đối tượng khác: hình ảnh, media Với các trình duyệt khác nhau đều hiển thị một tập HTML với một kết quả nhất định Các trang HTML được gửi đi qua mạng internet theo giao thức HTTP HTML không những cho phép nhúng thêm các đối tượng hình ảnh, âm thanh mà còn cho phép nhúng các kịch bản vào trong đó như các ngôn ngữ kịch bản như Javascript để tạo hiệu ứng động cho trang web Để trình bày trang web hiệu quả hơn thì HTML cho phép sử dụng kết hợp với CSS HTML không những cho phép nhúng thêm các đối tượng hình ảnh, âm thanh mà còn cho phép nhúng các kịch bản vào trong đó như các ngôn ngữ kịch bản như Javascript để tạo hiệu ứng động cho trang web

HTML là một chuẩn ngôn ngữ internet được tạo ra và phát triển bởi tổ chức World Wide Web Consortium còn được viết tắc là W3C Trước đó thì HTML xuất bản theo chuẩn của RFC HTML được tương thích với mọi hệ điều hành cùng các trình duyệt của

nó Khả năng dễ học, dễ viết là một ưu điểm của HTML không những vậy việc soạn thảo đòi hỏi hết sức đơn giản, chúng ta có thể dùng word, notepad hay bất cứ một trình soạn thảo văn bản nào để viết và chỉ cần lưu với định dạng “.html “ hoặc “.htm” là đã

có thể tạo ra một file chứa HTML Hiện nay, phiên bản mới nhất của HTML là HTML5 với nhiều tính năng ưu việt so với các phiên bản cũ HTML cải tiến khá nhiều đặc biệt

hỗ trợ mạnh mẽ các phần tử multimedia mà không cần các plugin Một tập tin HTML bao gồm trong đó là các đoạn văn bản HTML, được tạo lên bởi các thẻ HTML HTML5 nói chung mạnh mẽ hơn nhiều không chỉ về tốc độ và độ thích ứng cao mà chính là khả năng hỗ trợ API (Application Programming Interface - giao diện lập trình ứng dụng) và DOM (Document Object Model – các đối tượng thao tác văn bản)

2 Ngôn ngữ CSS

CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày cho các

tài liệu viết bằng HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách hiển thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ đó (font chữ, kích thước, màu sắc )

CSS có cấu trúc đơn giản và sử dụng các từ tiếng anh để đặt tên cho các thuộc tính CSS khi sử dụng có thể viết trực tiếp xen lẫn vào mã HTML hoặc tham chiếu từ một file css riêng biệt Hiện nay CSS thường được viết riêng thành một tập tin với mở rộng

là “.css” Chính vì vậy mà các trang web có sử dụng CSS thì mã HTML sẽ trở nên ngắn gọn hơn Ngoài ra có thể sử dụng một tập tin CSS đó cho nhiều website tiết kiệm rất nhiều thời gian và công sức Một đặc điểm quan trọng đó là tính kế thừa của CSS do đó

sẽ giảm được số lượng dòng code mà vẫn đạt được yêu cầu

Tuy nhiên, đối với CSS thì các trình duyệt hiểu theo kiểu riêng của nó Do vậy, việc trình bày một nội dung trên các trình duyệt khác nhau là không thống nhất CSS cung cấp hàng trăm thuộc tính trình bày dành cho các đối tượng với sự sáng tạo cao trong kết hợp các thuộc tính giúp mang lại hiệu quả

3 Ngôn ngữ lập trình PHP

PHP (Hypertext Preprocessor) là một ngôn ngữ lập trình kịch bản hay một loại

mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống ngôn ngữ lập trình C và ngôn ngữ lập trình Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng

trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới Một tập tin PHP có phần

mở rộng *.php, nó có thể chứa các văn bản, mã nguồn HTML, CSS, Javascript, Jquery

và đương nhiên có thể chứa mã nguồn PHP

Đối với các trang PHP khi có yêu cầu xem trang web thì Server sẽ tiến hành phát sinh trang web đó từ mã nguồn PHP sang mã nguồn HTML, sau đó mới chuyển mã nguồn đó về trình duyệt web để người dùng xem Vì các trình duyệt web không thể đọc được các mã nguồn PHP mà chỉ đọc được các mã nguồn HTML

4 Cài đặt Xampp

4.1 Xampp là gì?

XAMPP là viết tắt của X + Apache + Mysql + PHP + Perl, một trong những phần

mềm tạo Websever đang được nhiều người sử dụng trong những năm gần đây

Những ứng dụng được cài đặt từ XAMPP

6 Tomcat (with mod_proxy_ajp as connector)

7 Strawberry Perl Portable

8 XAMPP Control Panel (from hackattack142)

4.2 Cài đặt Xampp

Bước 1: Sau khi download thành công, bạn chạy file vừa tải về để cài đặt Xampp

Hình 1 : Cài đặt XAMPP

Bước 2: Bạn nhấn Next ở màn hình tiếp theo lựa chọn các service kèm theo XAMPP

Bước 3:Theo mặc định XAMPP sẽ được cài đặt theo đường dẫn C:\xampp, bạn

có thể thay đổi vị trí lưu vào ổ đĩa khác tùy ý

Hình 3 : Cài đặt XAMPP

Bước 4:Quá trình cài đặt Xampp đang thực thi

Bước 5:Bạn nhấn vào nút Finish kết thúc

5 Lập trình cơ sở dữ liệu MySQL

MySQL Server có thể chứa nhiều CSDL, hàm sau để chọn CSDL muốn dùng

• mysql_select_db(Ten Database L.Tenket Noi]);

Trong đó:

TenDatabase: là tên cơ sở dữ liệu muốn dùng

Tên Kết Nối: là biển connection tra về do hàm mysql connect Tên kết nối có thể

5.4 Duyệt recordset

• mysql_fetch_array($TenRecordSet, mode);

Hàm trả về 1 mảng kết quả chứa thông tin của record hiện hành hoặc giả trị false nếu record rỗng, đồng thời di chuyển con trõ sang record kế

Mode là một trong những giá trị:

MYSQL_NUM : mang kết quả gồm các phần tử đánh theo số

MYSQL_ASSOC mảng kết quả gồm các phần từ đánh theo key

MYSQL_BOTH: Các phần tư của mảng kết quả gấp đôi Các phần tử đầu theo số, các phần tử sau theo key

5.5 Đếm số record trong recordset

• mysql_num_rows($TenRecoret);

Ví dụ:

echo mysql_num_rows($kq)

5.6 Lấy ID vừa mới cập nhật

Trong 1 bảng, nếu khóa chính được khai báo theo kiểu auto_increament thì sau khi thêm mới record, có thể lấy giá trị vừa mới cập nhật bằng hàm này (Lấy để đưa vào các bảng khác làm khóa ngoại)

mysql_insert_id);

Ví dụ:

Bảng LoaiTin hiện có 3 record có id là 1,2,3

mysql_query("insert into Loai Tin (Ten) values('Nhip cầu tâm sự);

echo mysql insert_id(): //4

5.7 Thông báo lỗi của MYSQL

• Dùng hàm mysql_error();

Ví dụ:

$kq=mysql_query("Delete from sanpham") or die(mysql_error()):

5.8 Nhảy đến 1 record trong recordset

rõ ràng, một hệ thống đóng gói Modular và quản lý gói phụ thuộc, nhiều cách khác nhau

để truy cập vào các cơ sở dữ liệu quan hệ, nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng

• Vào khoảng Tháng 3 năm 2015, các lập trình viên đã có một cuộc bình chọn PHP framework phổ biến nhất, Laravel đã giành vị trí quán quân cho PHP framework phổ biến nhất năm 2015, theo sau lần lượt là Symfony2, Nette, CodeIgniter, Yii2 vào một số khác Trước đó, Tháng 8 năm 2014, Laravel đã trở thành project PHP phổ biến nhất và được theo dõi nhiều nhất trên Github

• Laravel được phát hành theo giấy phép MIT, với source code được lưu trữ tại Gitthub

6.2 Cách cài đặt Laravel

• Sau khi cài đặt xong Composer, Xampp, gitbash

• Bước 1: Truy cập vào htdocs của xampp

• Bước 2: Nhấn phím “shift” và click chuột phải chọn “ open power shell window here”

• Bước 3: Gõ lệnh : composer global require “laravel/installer”

• Bước 4: Sau khi hoàn thành gõ lệnh: “laravel new blog”

• Chú ý blog là : tên bạn muốn cài đặt ( có thể đổi tên khác)

• Bước 5 Mở file.env cấu hình thông tin db, url cho ứng dụng

Hình 6 : Cài đặt Lavarel