Đồ án Thiết kế và lập trình Website

BGIÁO DỤC VÀ ĐÀO TẠO  
TRƯỜNG ĐẠI HC BÀ RA - VŨNG TÀU  
KHOA CÔNG NGHKTHUT - NÔNG NGHIP CÔNG NGHCAO  
  
ĐỒ ÁN TT NGHIP  
ĐỀ TÀI  
THIT KVÀ LP TRÌNH WEBSITE  
Giảng viên hưng dn  
Sinh viên thc hin  
Trình độ đào tạo  
Ngành đào tạo  
Chuyên Ngành  
MSSV  
: ThS. Nguyễn Lan Hương  
: Phan Tiến Đạt  
: Đại Hc Chính Quy  
: Công NghThông Tin  
: Máy Tính  
: 16031147  
Lp  
: DH16MT  
Niên khóa  
: 2016 - 2020  
VŨNG TÀU, NĂM 2020  
ĐẠI HC BÀ RA – VŨNG TÀU  
KHOA KTHUT CN-NNCN CAO  
⎯⎯⎯⎯⎯⎯⎯⎯⎯  
CNG HÒA XÃ HI CHỦ NGHĨA VIỆT NAM  
Độc lp Tdo Hnh phúc  
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯  
PHIẾU GIAO ĐỀ TÀI ĐỒ ÁN/ KHÓA LUN TT NGHIP  
Htên sinh viên: Phan Tiến Đạt  
Mã SV: 16031147  
Lp: DH16MT  
Ngành: Công NghThông Tin Khóa: 16  
Tên đề tài: Thiết kế và lp trình Website  
Mục tiêu đề tài:  
Thiết kế và lp trình website gii thiu, qung bá vcông ty (công ty ly tên  
Viko), đưa tới mọi người hình nh vcông ty cùng nhng thông tin sn phm, dự  
án của công ty đó. Đồng thời bên phía công ty cũng được cung cp nhng chc  
năng để qun trwebsite mt cách tt nht.  
Kết qudkiến:  
Sn phm website có giao diện đẹp mt, bcục đơn giản, tích hp nhiu chc  
năng để người dùng ddàng tra cu, tìm hiu các thông tin về công ty. Qua đó  
hình nh công ty sẽ được qung bá mt cách tt nhất đến mọi người.  
Thi gian thc hin: Bắt đầu t02/03/2020 đến 10/05/2020.  
Vũng Tàu, ngày….. tháng…..năm…  
TRƯỞNG KHOA CNTT  
(Ký và ghi rõ htên)  
GIẢNG VIÊN HƯỚNG DN  
(Ký và ghi rõ htên)  
NHN XÉT CA GIÁO VIÊN HƯỚNG DN  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
Ngày.........Tháng..........Năm.........  
Giáo Viên Hướng Dn  
(Ký, ghi rõ hvà tên)  
NHN XÉT CA GIÁO VIÊN PHN BIN  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
.............................................................................................................................  
Ngày.........Tháng..........Năm.........  
Giáo Viên Phn Bin  
(Ký, ghi rõ hvà tên)  
LỜI CAM ĐOAN  
Đồ án này là công trình nghiên cu và xây dng của cá nhân tôi, được thc  
hiện dưới sự hướng dn khoa hc ca Ths. Nguyễn Lan Hương. Các số liu,  
nhng kết lun nghiên cứu được trình bày trong đồ án này là do tôi ttìm hiu  
và hoàn toàn trung thc.  
Tôi xin hoàn toàn chu trách nhim vli cam đoan này.  
Vũng Tàu, tháng 4 năm 2020  
Sinh Viên Thc Hin  
Phan Tiến Đạt  
LI CꢀM ƠN  
Tôi xin chân thành cảm ơn khoa Công nghthông tin, trường Đại  
hc Bà Ra – Vũng Tàu đã tạo điều kin thun li cho tôi thc hiện đề  
tài này.  
Tôi cũng xin được gi li cảm ơn chân thành nhất đến Ths.  
Nguyễn Lan Hương, người đã tận tình chbảo, định hướng đi và hướng  
dn tôi thc hiện đề tài này.  
Bên cạnh đó, tôi xin gi li cảm ơn đến các thy cô, những ngưi  
đã giảng dy, tạo điều kin cho tôi tích lũy được nhng kiến thc quý  
báu trong những năm học qua.  
Dù đã cố gắng hoàn thành đề tài Website gii thiu công ty Viko,  
nhưng do thời gian hn hp và khả năng còn hạn chế nên chc chn sẽ  
có nhng thiếu sót không tránh khi. Tôi mong nhận được sthông cm  
và tn tình chbo ca các thy cô và góp ý tcác bn.  
Vũng Tàu, tháng 4 năm 2020  
Sinh viên thc hin  
Phan Tiến Đt  
MC LC  
DANH MC CÁC BNG  
TT  
Shiu  
Ni dung  
Bng các tác nhân và quyn ca  
tác nhân trong UseCase  
Bng các yêu cu chức năng hệ  
thng  
Trang  
1
Bng 4.1  
28  
2
Bng 4.2  
28  
3
4
Bng 4.3 Bng chi tiết các UseCase  
Bng 5.1 Bng Table tai_khoans  
Bng 5.2 Bng Table infoct  
31 - 58  
59 - 60  
60  
5
6
Bng 5.3 Bng Table thanhpham  
Bng 5.4 Bng Table baogia  
60 - 61  
61  
7
8
Bng 5.5 Bng Table sanpham  
Bng 5.6 Bng Table loaisanpham  
Bng 5.7 Bng Table loaisanpham_sanpham  
Bng 5.8 Bng Table hinhsanpham  
Bng 5.9 Bng Table nhanxet  
61  
9
62  
10  
11  
12  
62  
62  
62 - 63  
1
 
DANH MC CÁC HÌNH NH  
TT  
Shiu  
Ni dung  
Các phiên bn của laravel đến tháng  
4 năm 2020  
Trang  
1
Hình 1.1  
12  
Cách thc hoạt động MVC trong  
Laravel  
2
3
Hình 1.2  
Hình 1.3  
14  
16  
Nhng ngôn nglp trình phbiến  
từ năm 1965 – 2019  
4
5
Hình 1.4 So sánh gia ASP và PHP  
Hình 1.5 Slide hình nh sn phm  
17  
19  
Mu gi thông tin yêu cu ti công  
ty  
6
Hình 1.6  
20  
7
Hình 1.7 Danh mc các sn phm  
Hình 1.8 Bài đăng thông tin về sn phm  
Hình 1.9 Bài đăng báo giá  
20  
21  
22  
22  
23  
30  
59  
8
9
10  
11  
12  
13  
Hình 1.10 Bài đăng tin tức  
Hình 1.11 Danh sách các công trình khác  
Hình 4.1 Lượt đồ tng quan usecase  
Hình 5.1 Lượt đồ cơ sꢀ dliu  
Các bn dliu có mi quan hvi  
Hình 5.2  
nhau  
14  
64  
15  
16  
17  
Hình 5.3 Trang chwebsite Viko  
64  
65  
66  
Hình 5.4 Mc gii thiu trên trang chủ  
Hình 5.5 Mc sn phm ni bt trên trang chủ  
2
 
Mc tiêu chí hoạt động trên trang  
18  
19  
20  
Hình 5.6  
Hình 5.7  
Hình 5.8  
66  
67  
67  
chủ  
Mc dự án đã thực hiên trên trang  
chủ  
Mc khách hàng nói vchúng tôi  
trên trang chủ  
21  
22  
Hình 5.9 Mc liên htrên trang chủ  
Hình 5.10 Trang danh sách sn phm  
68  
68  
Mc lc sn phm trên trang danh  
23  
24  
25  
Hình 5.11  
69  
69  
70  
sách sn phm  
Hình 5.12 Trang chi tiết sn phm  
Mc bài viết trên trang chi tiết sn  
Hình 5.13  
phm  
Mc nhn xét cùng mc sn phm  
Hình 5.14  
26  
27  
28  
71  
71  
72  
cùng loi trên trang chi tiết sn phm  
Hình 5.15 Trang danh sách dự án đã thưc hiện  
Mc các danh sách dự án đã thực  
Hình 5.16  
hin trên trang dự án đã thực hin  
29  
30  
Hình 5.17 Trang chi tiết dán  
72  
73  
Hình 5.18 Mc bài viết trên trang chi tiết dán  
Mc các dán khác trên trang chi  
31  
Hình 5.19  
73  
tiết dán  
32  
33  
34  
35  
Hình 5.20 Trang đăng nhập Admin  
Hình 5.21 Trang Admin  
73  
74  
74  
75  
Hình 5.22 Trang thêm loi sn phm  
Hình 5.23 Trang danh sách loi sn phm  
3
36  
37  
38  
39  
40  
41  
42  
43  
44  
45  
Hình 5.24 Trang sa loi sn phm  
75  
76  
77  
78  
80  
81  
82  
83  
84  
84  
Hình 5.25 Trang thêm sn phm  
Hình 5.26 Trang danh sách sn phm  
Hình 5.27 Trang sa sn phm  
Hình 5.28 Trang thêm dự án đã thực hin  
Hình 5.29 Trang danh sách dự án đã thực hin  
Hình 5.30 Trang sa dự án đã thực hin  
Hình 5.31 Trang cp nht thông tin công ty  
Hình 5.32 Trang danh sách yêu cu báo giá  
Hình 5.33 Trang sa thông tin tài khon  
Trang báo li Not Found khi không  
46  
Hình 5.34  
84  
tìm thy trang  
4
LI MỞ ĐẦU  
1. Tính cp thiết cꢆa đề tài  
Theo thng kê mi nhất, tính đến đầu năm 2019, Việt Nam đã có  
hơn 60 triệu người sdng internet, chiếm hơn 60% dân số. Và trong  
tương lai con số này svn tiếp tục tăng lên không ngừng. Có thnói đối  
vi các nhà kinh doanh thì môi trường internet chính là một môi trường  
chứa đầy khách hàng tiềm năng nhất mà mi doanh nghip hay tchc  
nào cũng đều thèm khát. Do đó để khai thác tiềm năng này một cách tt  
nhất thì điều không ththiếu đó chính là đầu tư, phát triển cho riêng mình  
mt Website gii thiu, qung bá bn thân doanh nghip hoc bt ktổ  
chc nào.  
2. Tình hình nghiên cu  
Có thnói vic nghiên cu và phát triển website đã không còn là  
mt vấn đề xa ltrong knghiên 4.0 ngày này. Và đặc bit trong thời đại  
kinh tế cnh tranh thì các website phc vtrong mục đích kinh doanh,  
quảng bá luôn được ưu tiên phát triển hàng đầu. Điều này có thddàng  
thy thông qua các website của các thương hiệu ni tiếng hàng đầu trong  
lĩnh vực kinh doanh như samsung.com, lazada.vn, sony.com.vn,…  
Nhng website của các thương hiệu này luôn được trao chut mt cách  
kĩ lưỡng. Ngoài ra không chnhững các thương hiệu ln mi có riêng  
cho mình một website để quảng bá thương hiệu ca mình, mà còn hàng  
ngàn các công ty, doanh nghiêp ln nhỏ đều shu mt website để qung  
bá thương hiệu của mình đến mọi người.  
5
 
3. Mục đích nghiên cꢈu  
Đề tài có mục đích xây dựng website gii thiệu công ty giúp đưa  
ti khách hàng nhng hình nh, thông tin một cách đầy đủ và rõ nét về  
công ty đó. Qua đó tạo được thêm nhiều ưu thế trên môi trường  
marketing.  
4. Nhim vnghiên cu  
Để thc hiện được đề tài mt cách trn vn phi trãi qua nhiu giai  
đoạn nghiên cu, tìm hiu, chn lc và cui cùng mới đến công đoạn bt  
tay vào xây dng nên một website. Đầu tiên vic tìm hiu về cơ sꢀ lý  
thuyết để to ra một website là điều tt yếu. Kế đến cn phi kho sát  
thc tế xem website có phù hp cũng như đồng thi tham kho nhng  
website tương tự. Tiếp đến phi xây dng mô hình về website như các  
chức năng, ràng buộc,… Và cuối cùng là công vic xây dng website  
hoàn chnh.  
5. Các kết quả đạt đưꢍc cꢆa đề tài  
Thông qua đtài sẽ mang đến nhng kiến thc và cách xây dng  
lên mt website hoàn chỉnh. Đồng thời website được xây dựng trong đề  
tài sẽ đạt được một cách đầy đủ và tt nht các mục tiêu ban đầu đề.  
6
CHƯƠNG 1: CƠ SLTHUYT VÀ KHO ST  
1.1 HTML,CSS và JavaScript  
HTML, CSS và JavaScript là nhng khái nim không hxa lvi  
những người lp trình website chuyên nghip. Chúng chính là nn tng  
không ththiếu để xây dng,tô vvà làm sng động cho chính nhng trang  
web. Và vì lẽ đó mà HTML, CSS, JavaScript là những khái nim mà bt  
buộc ai cũng phải có khi muốn bước chân vào con đường phát trin website.  
1.1.1 HTML là gì?  
HTML là viết tt ca HyperText Markup Language (ngôn ngữ  
đánh dấu siêu văn bản) dùng mô tcu trúc ca các trang Web và to ra  
các loi tài liu có thể xem được trong trình duyt.  
HTML là ct lõi ca mi trang web. Mỗi trang web được to thành  
tmt lot các thHTML mà chúng biu thtng loi ni dung trên  
trang. Mi loi nội dung trên trang được “bọc”, tức là được bao quanh  
bi các thHTML.  
HTML không phi là ngôn nglập trình, đồng nghĩa với vic nó  
không thto ra các chức năng “động” được. Nó chgiống như Microsoft  
Word, dùng để bcục và định dng trang web.  
1.1.2 CSS là gì?  
CSS (viết tt ca Cascading Style Sheets) là mt ngôn ngữ định  
dạng được sdụng đmô ttrình bày các trang Web, bao gm màu sc,  
cách btrí và phông ch. Nó cho phép hin thni dung tương thích trên  
các loi thiết bị có kích thước màn hình khác nhau, chng hạn như màn  
hình ln, màn hình nh, hoc máy in.  
7
       
Trong khi HTML là cấu trúc cơ bản ca trang web. CSS mang li  
cho trang web ca bn phong cách mà bn mun. CSS gần như tạo nên  
bmt ca mt website.  
Cũng giống như HTML, CSS không phải là mt ngôn nglp  
trình.  
1.1.3 JavaScript là gì?  
JS (viết tt ca Javascript) là mt nn tng (cross-platform), ngôn  
ngkch bản hướng đối tượng (object-oriented). Nó là mt ngôn ngnhỏ  
và nh. Chạy trong môi trường máy chủ lưu trữ (ví d: trình duyt web),  
JavaScript có thể đưc kết ni với các đối tượng của môi trường để cung  
cp kiểm soát chương trình đối vi chúng.  
JavaScript là ngôn nglp trình da trên logic. Nó có thể được sử  
dụng để sa đổi ni dung trang web. Và khiến nó hoạt động theo nhiu  
cách khác nhau để đáp ứng với hành động của người dùng. Các cách sử  
dng phbiến cho JavaScript bao gm các hp xác nhn, kêu gi hành  
động và thêm các danh tính mi vào thông tin hin có.  
1.2 Bootstrap  
1.2.1 Bootstrap là gì?  
Bootstrap là mt front-end framework min phí giúp quá trình  
phát trin web nhanh chóng và dễ dàng hơn.  
Bootstrap bao gm các mu thiết kế dựa trên HTML và CSS như  
typography, forms, buttons, tables, navigation, modals, image  
carousels… cũng như các plugin JavaScript tùy chọn.  
Bootstrap cũng cung cấp cho bn khả năng tạo ra các responsive  
designs mt cách ddàng.  
8
     
1.2.2 Ti sao nên dùng Bootstrap?  
Dsdng: Bt kai có kiến thức cơ bản về HTML và CSS đều  
có thbt đầu sdng Bootstrap.  
Các tính năng đáp ứng (Responsive features): responsive CSS ca  
Bootstrap điều chỉnh cho điện thoi, máy tính bảng và máy tính để bàn.  
Khả năng tương thích trình duyệt: Bootstrap tương thích với tt cả  
các trình duyt hiện đại (Chrome, Firefox, Internet Explorer, Edge, Safari  
và Opera).  
Tiết kim thi gian: Bootstrap giúp cho lp trình viên thiết kế giao  
din website tiết kim rt nhiu thi gian và công sc, bꢀi các thư viện  
ca Bootstrap có nhiều đoạn mã có thsn sàng áp dng ngay vào  
website. Khi đó stiết kiệm được rt nhiu thời gian để tviết code cho  
giao din website ca bn thân.  
1.3 JQuery  
1.3.1 JQuery là gì?  
JQuery là thư viện được viết tJavaScript, jQuery giúp xây dng  
các chức năng bằng Javascript ddàng, nhanh và giàu tính năng  
hơn. jQuery được tích hp nhiu module khác nhau. Tmodule hiu ng  
cho đến module truy vn selector. jQuery được sdụng đến 99% trên  
tng swebsite trên thế gii.  
JQuery không phi là mt ngôn nglp trình riêng bit mà hot  
động liên kết vi JavaScript. Vi jQuery, bn có thể làm được nhiu vic  
hơn mà lại tn ít công sức hơn.  
1.3.2 Ti sao nên dùng jQuery?  
Gn nh: jQuery là một thư viện khá gn nhẹ – có kích ckhong  
19KB.  
9
       
Tương thích đa nền tng: Nó tự động sa li và chạy được trên  
mi trình duyt phbiến như Chrome, Firefox, Safari, MS Edge, IE,  
Android và iOS.  
Ddàng to Ajax: Nhờ thư viện jQuery, code được viết bi Ajax  
có thdễ dàng tương tác với server và cp nht ni dung tự động mà  
không cn phi ti li trang.  
Xlý nhanh nhy thao tác DOM: jQuery giúp la chn các phn  
tử DOM để traverse (duyt) mt cách ddàng, và chnh sa ni dung ca  
chúng bng cách sdng Selector mã ngun mꢀ, mà còn được gi là  
Sizzle.  
Đơn giản hóa vic to hiu ng: Ging vi code snippet có hiu  
ng animation, nó phcác dòng code và bn chvic thêm biến/ni dung  
vào thôi.  
Htrtốt phương thức skin HTML: Xlý skiện − jQuery xử  
lý các skiện đa dạng mà không làm cho HTML code trnên ln xn  
vi các Event Handler.  
1.4 Ajax  
1.4 Ajax là gì?  
AJAX là chviết tt ca Asynchronous JavaScript and XML. Đây  
là mt công nghgiúp chung ta to ra những Web động mà hoàn toàn  
không reload li trang.  
CJavaScript và XML đều hoạt động bất đồng btrong AJAX.  
Kết qulà, nhiu ng dng web có thsdụng AJAX để gi và nhn  
data tserver mà không phi toàn btrang.  
10  
   
1.4.2 Ti sao nên dùng Ajax?  
Callbacks: Ajax được sdụng để thc hin mt cuc gi  
li. AJAX thc hin vic truy xut và / hoặc lưu dữ liu mà không gi  
toàn btrang trli máy ch. Bng cách gi li mt phn trang web đến  
máy ch, vic sdng mạng được gim thiu và các hoạt động din ra  
nhanh hơn. Trong các trang web băng thông hạn chế, điều này có thci  
thiện đáng kể hiu sut mng. Dliệu được gửi đến và đi từ máy chủ  
mt cách ti thiu.  
Thc hin các cuc gọi không đồng b: Ajax cho phép bn thc  
hin các cuc gọi không đồng bộ đến mt máy chủ web. Điều này cho  
phép trình duyt của người dùng tránh phi chtt cdliệu đến trước  
khi cho phép người dùng hành động mt ln na.  
Thân thin với người dùng: Vì không phi post li trang lên server,  
các ng dng htrAjax sẽ luôn nhanh hơn và thân thiện với người dùng  
hơn.  
Tăng tốc độ: Mục đích chính của Ajax là ci thin tốc độ, hiu  
sut và khả năng sử dng ca mt ng dng web. Mt ví dtuyt vi  
ca Ajax là tính năng xếp hạng phim trên Netflix. Người dùng đánh giá  
mt bphim và xếp hng cá nhân ca hcho bộ phim đó sẽ được lưu  
vào cơ sꢀ dliu ca hmà không cn chtrang làm mi hoc ti li.  
1.5 Lararel  
1.5.1 Laravel là gì?  
Là mt framework PHP có mã ngun mmin phí, giúp xây dng  
các ng dng theo mô hình MVC (Model - View Controller) mt cách  
nhanh chóng, được to ra bi mt lp trình viên kcu tng làm .NET  
11  
     
đó là Taylor Otwell. Được phát hành lần đầu vào ngày 9 tháng 6 năm  
2011.  
Các phiên bn của laravel đến tháng 4 năm 2020  
Trước đây Laravel có tên là Bootplant sau đó thì đổi thành là  
Laravel, ngun gc tên bt ngun ttên một tòa lâu đài ꢀ Narnia, mt  
vùng đất không có tht, mà nó trong mt thế giới được tưꢀng tượng ra  
12  
Tải về để xem bản đầy đủ
pdf 168 trang yennguyen 29/03/2022 7240
Bạn đang xem 20 trang mẫu của tài liệu "Đồ án Thiết kế và lập trình Website", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

File đính kèm:

  • pdfdo_an_thiet_ke_va_lap_trinh_website.pdf