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

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

NGHỆ THÔNG TIN VÀ TRUYỀN

THÔNG VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

TÊN ĐỀ TÀI WEBSITE BÁN BÁNH

ĐỒ ÁN TỐT NGHIỆP

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

Cán bộ hướng dẫn: Th.s Hà Thị Minh Phương

Đà Nẵng – 11/2021

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 VIỆT TIẾN

Mã HSSV: 191C900044

TÊN ĐỀ TÀI WEBSITE BÁN BÁNH

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

Cán bộ hướng dẫn: Th.s Hà Thị Minh Phương

Đà Nẵng – 11/2021

NHẬN XÉT ……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

……….

………

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 giaodị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ácnhau Do đó, những doanh nghiệp hay người dùng cá nhân có thể tạo cho mình mộttrang web để có thể cập nhật thông tin doanh nghiệp đến với người tiêu dùng, đồngthờ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 minhhoặc doanh nghiệp những trang web theo chuẩn và phù hợp với doanh nghiệp Cũngchí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 BÁNH"những tìm hiểu thêm về web mã nguồn mở Php Laravel Framework và có thể tìm hiểusâ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ânthà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ềnThô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 !

MỤC LỤC

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

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

Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến

CHƯƠNG V: KẾT QUẢ THỰC HIỆN ĐƯỢC 30

PHẦN MỞ ĐẦU

Ngành công nghệ thông tin là một ngành khoa học đang trên đà phát triển mạnh

và ứng dụng rộng rãi trên nhiều lĩnh vực Cùng với xu hướng phát triển của cácphương tiện truyền thông như Báo, Radio thì việc sử dụng Internet ngày càng phổbiến Truy cập Internet, chúng ta có được một kho thông tin khổng lồ phục vụ mọi nhucầu, mục đích của chúng ta chỉ bằng một cái nhấp chuột

Xây dựng website bán bánh là đề tài xây dựng hệ thống website quản lý bánh,

người dùng của các khách hàng trên địa phận trong nước Mục tiêu của đề tài này làxây dựng nên một website có giao diện thân thiện, đơn giản, dễ sử dụng cho người

dùng Hơn hết, trong quá trình xây dựng website, em sẽ có thể nâng cao khả năng và

tư duy lập trình, tiếp thu thêm nhiều kiến thức mới và tích lũy kinh nghiệm về việcphân tích và thiết kế hệ thống, kinh nghiệm sử dụng HTML – CSS – JavaScrpit cũngnhư Bootstrap để xây dựng nên giao diện, kinh nghiệm sử dụng PHP và Frameworkcủa nó là Laravel và các gói thư viện của Laravel,… cho bản thân mình Từ đó, em sẽchuẩn bị thêm nhiều kiến thức và kỹ năng bổ ích cho hành trang sau khi ra trường học

và bước vào trường đời

Về mặt nhiệm vụ phải thực hiện, trước hết website cần phải vận hành một cáchchính xác, ổn định, nhanh chóng, không gặp bất kỳ trục trặc nào Đối với quản lý,website cần và phải hỗ trợ đội ngũ quản lý khách hàng công việc giám sát, điều hành,quản lý các đơn hàng một cách hiệu quả Giúp ban quản lý nắm bắt được danh sáchkhách hàng và người dùng liên hệ, khách hàng và người dùng đặt bánh Ngoài ra,website cũng phải giúp ban quản lý quản lý các hạng mục như quản lí tài khoản, thôngtin khách hàng,…Website bán bánh bắt đầu xây dựng từ ngày 01/09/2021 đến ngày30/11/2021 và được xây xây dựng bằng Laravel, một Framework của ngôn ngữ lậptrình PHP Trong quá trình sẽ sử dụng các phần mềm như: SubLime Text 3, Xampp,StarUML, các phần mềm trình duyệt như Cốc Cốc, Google Chrome,…

Nhận thức được nhu cầu tìm hiểu thông tin, giải trí của xã hội, là sự ra đời củahàng loạt website cho các mục đích thương mại, giải trí, tin tức Để đáp ứng với việccập nhật thông tin hàng ngày, tình hình xã hội, chính trị, thời sự, và sức khỏe thì

“Website bán bánh” ra đời là một nhu cầu tất yếu

CHƯƠNG 1: 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 đượcdù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ùngcá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úngdướ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ộttập HTML với một kết quả nhất định Các trang HTML được gửi đi qua mạng internet

Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến

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 webhiệu quả hơn thì HTML cho phép sử dụng kết hợp với CSS HTML không những chophé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ịchbản vào trong đó như các ngôn ngữ kịch bản như Javascript để tạo hiệu ứng động chotrang 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ảntheo 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ìnhduyệ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ậyviệ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ủaHTML 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ếnkhá 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ácthẻ 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 - giaodiện lập trình ứng dụng) và DOM (Document Object Model – các đối tượng thao tácvă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áctài liệu viết bằng HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách hiểnthị 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ộctí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ếtkiệ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ủaCSS 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 CSScung 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 caotrong 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úngvà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 gianxâ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átsinh 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ì?

Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến

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)

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 ý

Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến

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

5.1 Kết nối CSDL

• mysql_connect(<host>, <username>,<password>);

Host: địa chỉ của máy cải MySQL, tên hoặc IP, nếu là máy nội bộ thì dùnglocalhost

Hàm này trả về 1 connection hoặc giá trị false nếu không kết nối được

Ví dụ:

$Conn mysql_connect("localhost""root","root");

5.2 Chọn CSDL sử dụng

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ể

Dùng thêm lệnh sau để án định bảng mã utf8:

mysql query("SET NAMES ‘utf8’” $conn);

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

● mysql_query(CâulệnhCSQL);

Hảm trả về true nếu câu lệnh truy vấn thực thi thành công (trừ câu lệnh select).Hàm trả về 1 recordset (bảng dữ liệu) nếu câu lệnh select được thực thi thành công Hàm trả về false nếu câu lệnh truy vẫn không được thực hiện

Ví dụ:

$rsLT = mysql_query("select from loaibanh");

$result = mysql_query("delete from loaibanh where idLT=1");

//result sẽ true hoặc false

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ị falsenế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

Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến

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

Mảng kết quá gồm các phần từ đánh 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ì saukhi 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 để đưavà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 loaibanh") or die(mysql_error()):

5.8 Nhảy đến 1 record trong recordset

5 Lập trình PHP Laravel Framework

6.1 Laravel là gì?

● Laravel là một PHP Framework mã nguồn mở và miễn phí, được phát triển bởiTaylor Otwell và nhắm mục tiêu hỗ trợ phát triển các ứng dụng web theo cấu trúcmodel- view- controller (MVC) Những tính năng nổi bật của Laravel bao gồm cúpháp dễ hiểu- rõ ràng, một hệ thống đóng gói Modular và quản lý gói phụ thuộc, nhiềucá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ọnPHP framework phổ biến nhất, Laravel đã giành vị trí quán quân cho PHP frameworkphổ biến nhất năm 2015, theo sau lần lượt là Symfony2, Nette, CodeIgniter, Yii2 vàomột số khác Trước đó, Tháng 8 năm 2014, Laravel đã trở thành project PHP phổ biếnnhấ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ạiGitthub

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 shellwindow 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

Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến

● Bước 6: Tạo db MySQL.

● Bước 7: Mở file config/app.php sửa lại time zone và locade nếu cần

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

● MVC= Model + View + Controller

● Model: Chính là dự liệu ( cụ thể hơn trong ZF sẽ là các class làm nhiệm

vụ thao tác trực tiếp xuống DBMS)

● Mô hình Views có nhiệm vụ liên kết với Mô hình Model và xuất các dữliệu ra trình duyệt theo nhu cầu đòi hỏi của người tiêu dùng( user) Điển hình là cácvăn bản HTML

● View : Làm nhiệm vụ render trang web từ các action do Controllertruyền sang + dữ liệu từ model ( có thể hiểu nó như template render)

● Controller: chính là phần cốt lõi, điều hành trang web của bạn, 1 trangweb có thể có nhiều module ( có thể hiểu như compoment của Joomla), một module

có thể có nhiều controller Một controller sẽ gồm nhiều action

● Ví dụ trong Forum sẽ có Post Controller bao gồm các action nhưlistAction, readAction, writeAction,…

CHƯƠNG 2: PHÂN TÍCH BÀI TOÁN

Cuộc sống ngày càng phát triển, nhu cầu của con người ngày càng được nâng cao, việc đi du lịch, khám phá, mua sắm bây giờ đã trở thành sở thích, đam mê của nhiều người Vì vậy, họ thường tìm đến các dịch vụ của công ty để chọn cho mình một

số loại sản phẩm phù hợp Trước đây, họ thường phải đến tận nơi các công ty, cửa

Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến

hang bánh ngọt đó mới có thể đặt bánh và mua bánh Ngày nay, với sự phát triển

thương mại, điện tử việc mua bánh không còn là khó khăn với mọi người Thay vì phảiđến tận nơi thì bây giờ chỉ cần một nút click là có thể giải quyết được các vấn đề trên

mà không phải đi xa Vì đã có các trang web thương mại điện tử đáp ứng mọi nhu cầu

mà khách mua sắm cần

Để có thể quản lý website bán bánh một cách hiệu quả nhất, website cần rất nhiều

chức năng khác nhau hỗ trợ cho cả khách hàng và ban quản lý

Đối với Khách hàng mới, người dùng có thể đăng ký hoặc không đăng ký Không

đăng ký Khách hàng chỉ được xem và tìm kiếm các bánh mình muốn đến chứ không

thể đặt được Còn khi khách hàng đăng ký thì người dùng có thể xem, tìm kiếm và đặt bánh

Đối với Khách hàng đã đăng ký, khi muốn đặt bánh Khách hàng phải đăng nhập email

và mật khẩu để hệ thống cập nhật thông tin Hệ thống sẽ giúp Khách hàng xem, tìm kiếm các tour và khách sạn của mình, chọn tour và khách sạn mình mong muốn, xem chi tiết các mục và để lại thông tin để liên hệ với công ty Sau khi để lại thông tin

Khách hàng, công ty sẽ dựa vào đó và liên hệ với khách hàng

Đối với quản lý,mỗi người quản lý có một tài khoản riêng để đăng nhập, khi đăng

nhập được thì người quản lý sẽ được thêm, sửa, xóa các nội dung chi tiết của bánh và người dùng, biết được thông tin người dùng liên hệ, khi quản lý đã liên hệ được với người dùng thì khi đó sẽ đổi trạng thái liên hệ Khi đó người quản lý sẽ liên hệ trực tiếp với người dùng và thanh toán theo các dịch vụ của công ty

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

Hình 1: Biểu đồ chức năng Khách hàng

⮚ Đăng ký:

Mô tả chức năng: Khách hàng muốn đăng ký vào hệ thống, Khách hàng cần nhậpnhững thông tin như Họ và tên, Email, Mật khẩu, Số điện thoại, Mật khẩu Sau khiKhách hàng điền đầy đủ thông tin và nhấn đăng ký, hệ thống thông báo kết quả đăng

ký thành công và quay về trang chủ, Khách hàng sẽ đặt bánh như mong muốn

Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến