Báo Cáo Thực Tập Tốt Nghiệp Đề Tài Thiết Kế Website Bán Sách Bằng Công Nghệ Laravel..pdf

Ứng dụng công nghệ thông tin và tin học hóa được xem là một trong yêu tô mang tính chất quyết định trong hoạt động của quốc gia, tô chức và trong cá các cửa hàng.. Quá trình thực tap là

chiều rộng và sâu Máy tính điện thử không còn là một thứ phương tiên quý hiểm

mà đang ngày càng thành công cụ làm việc và giải trí thông dụng của con người, không chỉ ở nơi làm việc mà còn ngay cả trong gia đình Đặc biệt là công nghệ

thông tin được áp dụng trên mọi lĩnh vực kinh tế, chính trị, xã hội Ứng dụng công

nghệ thông tin và tin học hóa được xem là một trong yêu tô mang tính chất quyết định trong hoạt động của quốc gia, tô chức và trong cá các cửa hàng Nó đóng vai

trò hết sức quan trọng và có thé tạo nên bước đột phá mạnh mẽ

Mạng INTERNET là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thê thiếu, là nền táng đề truyền tải, trao đồi thông tin trên toàn cầu Bằng INTERNET, chúng ta đã thực hiện được những công việc với tốc độ nhanh hơn, chỉ phí thấp hơn nhiều so với cách thức truyền thống

Chính vì điều này, đã thúc đây sự khai sinh và phát triển của thương mại điện tử trên khắp thể giới, làm biến đổi đáng kê bộ mặt văn hóa, nâng cao đời sống con

người Trong hoạt động sản xuất, kinh doanh, thương mại điện tử đã khang dinh

được xúc tiễn và thúc đây sự phát triển của doanh nghiệp Đối với một cửa hàng, việc quảng bá và giới thiệu sản phẩm đến khách hàng đáp ứng nhu cau mua sam ngày càng cao của khách hàng sẽ là cần thiết Vì vây, em đã thực hiện đề tai “ Xây

dựng Website thương mại” Cửa hàng có thê đưa các sản phẩm lên Website của

mình và quản lý Website đó, khách hàng có thê tự đặt mua, mua hàng của cửa hàng

mà không cần đến cửa hàng, cửa hàng sẽ gửi sản phẩm đến tận tay khách hàng Website là nơi cửa hàng quảng bá tốt nhát tất cả sản phẩm mình bán ra

sách” này, em muốn gửi những lời cám ơn và biết ơn chân thành nhất của mình tới tắt cả những người đã hỗ trợ, giúp đỡ em vẻ kiến thức và tinh thần trong quá trình

thực hiện đồ án

Được sự chấp nhận của ban lãnh đạo CÔNG TY TNHH GIẢI PHÁP

THÔNG MINH VIỆT NAM em đã được thực tập tại Công ty Quá trình thực tap

là môt cơ hội vô cùng ý nghĩa để em được học hỏi thêm những kiến thức cũng như

kinh nghiệm thực tế, có điều kiện mang những kiến thức đã học so sánh với sự ứng dụng trong thực tế, qua đó giúp em có thể hiểu sâu sắc hơn kiến thức chuyên môn công nghệ thông tin nói chung và thiết kế web nói riêng Em xin gửi lời cảm ơn chân thành đến Ban lãnh đạo Công ty đã đồng ý và tạo điều kiện thuận lợi để em

đến thực tập tại quý Công ty Đặc biệt, em cũng xin cảm ơn các anh/chị trong nhóm

DEVELOPER của công ty đã tận tình giúp đỡ, truyền đạt cho em những kinh nghiệm quý báu và hướng dẫn em trong suốt quá trình thực tập

Qua đây cho phép em bày tỏ lòng biết ơn đến ban giám hiệu nhà trường, sự dạy dỗ chỉ bảo của các thầy cô trong Khoa Công Nghệ Thông Tin và các phòng ban

nhà trường đã tạo điều kiện tốt nhất cho em cũng như các bạn khác trong suốt thời

gian học tập và làm tốt nghiệp Đặc biệt là cô Võ Thị Thục Hà, người đã trực tiếp hướng dẫn, chỉ bảo và giúp đỡ em trong thời gian làm đồ án tốt nghiệp này Em xin

chân thành cảm ơn sự hướng dẫn tận tình của cô

Cuối cùng em xin gửi lời cảm ơn đến gia đình, bạn bè, người thân đã giúp đỡ động viên em rắt nhiều trong quá trình học tập và làm Đồ án Tốt Nghiệp Do thời

gian thực hiện có hạn kiến thức còn nhiều hạn chế nên Đồ án thực hiện chắc chắn

không tránh khỏi những thiếu sót nhất định Em rất mong được sự thông cảm và góp ý của các quý thầy cô

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

Sinh viên thực tập

Hỗ Minh Yên

Thành phố Hô Chí Minh, ngày tháng năm 2020

XÁC NHAN CUA CO QUAN (Ky tén, dong dau)

Thành phó Hồ Chí Minh, ngày tháng năm 2020

Giáo viên hướng dẫn

(Ký tên,ghi rõ họ tên)

PHẢN I: NỘI DUNG THỰC TẠP TẠI NƠI THỰC TẬP 2 CHƯƠNG I GIỚI THIỆU VẺ CÔNG TY THỰC TẬP 2

IL LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP . 2¿222222z222222zzerrr 2

1 Lịch làm việc tạiI - - << 5 1 11231121 1n HH TH KH TH ng KH KH ngư, 2

IL GIỚI THIỆU VẺ TÔ CHỨC CỦA NƠI THỰC TẬP . -2¿ 4

1 Giới thiệu về IDS SOFTWARE -22222- 2222222222112 e 4

2 Tầm nhìn - Sứ mệnh 2 ¿©©++22E++£SEEEE2EEE+E2EEE222E22222122212 22221 5 Eic it -4‹+{,BAg ,.H.HH 7

CHƯƠNG II CÁC HOAT DONG CUA CÔNG 'TY .-5-52 12

IL NOI DUNG CAC CÔNG VIỆC TÌM HIẾU -22252cc e 12

1 Thiết kế Website là gì? 25-222222222122221122211122211222111.22112 11c 12

2 Cách thức hoạt động của HTÌML? Series 13

3 Cách thức hoạt động của HTML & CSS 2 22cccccccczccee 13

TL KET QUA DAT ĐƯỢC 22 ©222222SE2222222221122222112222212227211 22222 17 PHAN II THIET KE WEBSITE BAN SACH BANG CONG NGHE

I Muc tiêu xây dựng ứng dụng Lỗi! Thẻ đánh dấu không được xác định

I“ ố <5 .44“⁄HHĂHĂĂHH 19

2 Nội dung ứng dụng cung cấp -©222+2222+++222EEetrEErxerrrrrreccee 20

H Tên đề tài : Xây dựng Website bán sách Lỗi! Thẻ đánh dấu không được xác định

II Mô tả hệ thống Lỗi! Thẻ đánh dấu không được xác định

Mà? ) ,ÔỎ 22

VI Thiết kế bảng Lỗi! Thẻ đánh dấu không được xác định

VII Demo chwong trinh Lỗi! Thẻ đánh dấu không được xác định 'IHA) ác ae 26

K9) 2) 0) ai in 28

4 Chức năng thêm sản phẩm vào giỏ hàng 2 -2-5ccccc-ee 28

6 Chức năng cập nhật thông tỉn - - 55-55 Sc+c+essrsrrsrrrrrrrerrrrrsee 30

7 Chức năng quản lí sản phẩm (admin) 2222222zz+22S22ccee 31

8 Chức năng quản lí người dùng (admin)) 7+ 55s +s<ssssxszcee 33

9, Chức năng quản lí các danh mục trong website 33

00009500 - 34

1 Kết luận -22 2-2222222222112222211222712 211112.21 E2 re 34

2 Kết quả đạt được 2222222212222221112211112221111.22.112 2 ee 34 KH: (n1 (433 35

"xs 5 5 .Ô 35

CÁC KÝ HIỆU VA TU VIET TAT

1 CDM Conceptual Data Model — M6 hinh dif liéu

quan niém

đánh dâu siêu văn bản

Hypertext Preprocessor —Ng6n ngt lập trình

4 PHP web chay trén may chu ˆ , :

PHAN I: NOI DUNG THỰC TẬP TẠI NƠI THỰC TẬP

CHƯƠNG I GIỚI THIỆU VẺ CÔNG TY THỰC TẬP

I LICH LAM VIEC TAI NOI THUC TAP

1 Lich lam viéc tai

- Lich lam viéc: Thu 2, thw 3, thu 4, thứ 5, thứ 6

- Thoi gian lam việc:

2 30/5/2022-—3/6/2022_ | Cài đặt và chỉnh sửa các editor

hỗ trợ cho thiết kế web, khái niệm cơ bản về HTML / CSS

3 6/6/2022 — 10/6/2022 | Cách thức hoạt động của

Internet & trang web

4 13/6/2022 — 17/6/2022 | Tìm hiểu nâng cao kiến thức hỗ

trợ cho Thiết kế web

(JavaScript, Bootstrap 4, .) Ứng dụng kiến thức vào thực tế thiết kế landingpage bang Bootstrap Công ty giao

5 20/6/2022 - 24/6/2022 | Hệ thông kiêm soát phiên bản

(Git & Github) Làm quen với PHP: Cú pháp,

hàm, ngày tháng, JSON, Hệ thống tệp, CURL, v.v

PHP va JSON

7 4/7/2022 — 8/7/2022 | Ung dung Todo voi PHP

8 11/7/2022 — 15/7/2022 | Tìm hiểu công nghệ laravel

9 18/7/2022— 22/7/2022 | Nhận đề tài website thương mại

II GIOI THIEU VE TO CHUC CUA NOI THUC TAP

1 Giới thiệu về IDS SOFTWARE

Công ty TNHH GIẢI PHÁP THÔNG MINH VIỆT NAM là một công ty

chuyên cung cấp các dịch vụ như: Thiết kế mobile app, Thiết kế & gia công phần

mềm,

better tech better life

Các dịch vụ chủ yếu

® Thiết kế mobile app

® Thiết kế & gia công phần mềm

Với đội ngũ lập trình viên có chuyên môn cao và giàu kinh nghiệm trong lĩnh

vực lập trình các hệ thống quản lý thanh toán trong nước và quốc tế IDS Software

đã phát triển thành công nhiều dự án cho các khách hàng đối tác trong và ngoài nước với nhiều hệ thống khác nhau như: Belga Express, Belga Image, Press Release,

Ngoài ra, với đội ngủ có nhiều năm kinh nghiệm trong phát triên phần mềm -

hệ thống quán lý kinh doanh, chúng tôi còn phát triển nhiều hệ thống quản lý của

mô hình kinh doanh chiết khấu hoa hồng nhiều cấp bậc, mô hình kinh tế chia sẽ, mô hình kinh doanh HYTP, PONZI

Trang 4

2 Tầm nhìn - Sứ mệnh

Luôn tiên phong trong trong lĩnh vực công nghệ tại Việt Nam, với mong

muốn mang lại nhiễu giá trị cho Quý khách hàng và đối tác, IDS luôn đặt cho mình

tầm nhìn và sứ mệnh to lớn để có thê mạng lại những giá trị cao nhất cho khách hàng và đối tác Là đơn vị cung cấp cho khách hàng và đối tác những sản phẩm công nghệ chúng tôi hiệu rằng sự thành công và phát triển của Quý khách hàng, đối tác cũng là sự thành công và phát triển của chúng tôi

IDS Software là Công ty Phát triển Phần mềm Agile làm việc với các khách

hàng Châu Âu, Châu Mỹ và Việt Nam, được thành lập chính thức vào ngày 30

tháng 3 năm 2015 Do đó, với nhiều dịch vụ và kỹ năng đa dạng, chúng tôi cung cấp các giải pháp end-to-end cho các nhu cầu CNTT khác nhau

Ngành của chúng tôi tập trung là: Truyền thông đại chúng, Thương mại điện

tử, Bất động sản, Toursim và Fintech Chúng tôi mang lại các giá trị cho khách hàng

Trang 5

của mình đề truyền đạt tầm nhìn cách mạng của họ về tương lai, thúc đây giảm chỉ phí nhiều hơn đề cung cấp các nguồn tài nguyên miễn phí cho sự đổi mới và mở ra tiềm năng to lớn của các cơ hội kinh doanh kỹ thuật số mới nỗi Bằng những giá trị của mình, chúng tôi trở thành đối tác phần mềm chiến lược cho hâu hết các khách hàng của chúng tôi

TÂM NHÌN

"' Trở thành công ty tư vấn CNTT tốt nhất có uy tín trên toàn cầu về chất

lượng hạng nhất và đôi mới công nghệ "

Trang 6

SỨ MỆNH

" Giúp các doanh nghiệp truyền tải tầm nhìn mang tính cách mạng về tương

lai, giảm chỉ phí nhiều hơn để có các nguồn lực miễn phí cho sự đổi mới và mở

ra tiêm năng to lớn của các cơ hội kinh doanh kỹ thuật sô mới nồi "

3 Giá trị cốt lõi

CUNG CÁP GIÁ TRỊ DOANH NGHIỆP

Các nhà nghiên cứu và nhà phân tích tận tâm của chúng tôi giúp bạn đề ra

chiến lược làm việc dé đạt được sự nhanh nhạy trong kinh doanh nang cao va ROI nhanh hơn Chúng tôi thực hiện mọi bước dé thành công - từ phân tích cạnh tranh

đến khá năng mở rộng và lập bản đồ lộ trình kiếm tiên

Trang 7

Để giúp bạn kiêm soát tình trạng dự án, công ty chúng tôi sử dụng các chỉ số tiền trình và quy trình hữu hình, bảng điều khiển báo cáo hàng ngày tùy chỉnh, cập

nhật tài liệu và các chuyền thăm tại chỗ Phản hồi đúng lúc giúp phát hiện và xử lý

sớm các rủi ro thuê ngoài

IPR & BAO MAT THONG TIN

Ngoài việc ký NDA nghiêm ngặt để xác nhận quyên sở hữu độc quyền của bạn đối với các sản phâm được phân phối, chúng tôi sẽ bảo vệ thông tin quan trọng của doanh nghiệp bạn thông qua các biện pháp kiêm soát bảo mật nội bộ nghiêm ngặt Vì vậy, để đảm bảo quyên riêng tư của người đùng không bị xâm phạm, chúng tôi cung cấp hướng dẫn và triển khai GDPR

HOI NHAP & NANG CAO

Chúng tôi xây dựng phần mềm có thể được tích hợp liền mạch với các hệ

thống nội bộ của bạn hoặc các dịch vụ của bên thứ ba Bên cạnh đó, chúng tôi sẽ

theo đối hiệu quả của ứng dụng và phân tích số liệu thống kê đề nâng cao khá năng chuyển đổi của người dùng, cập nhật dựa trên phản hỏi và phát triển các tính năng

mới

Trang 9

4 Hình ảnh doanh nghiệp

Trang 10

Trang 11

CHƯƠNG II CÁC HOẠT ĐỘNG CỦA CÔNG TY

I NOI DUNG CAC CÔNG VIỆC TÌM HIỂU

1 Thiết kế Website là gì?

Website còn được gọi với tên khác như trang mạng, trang web là kênh thông tin được sử dụng để giới thiệu sản phẩm, quảng bá mô hình hoạt động của các

doanh nghiệp, cửa hàng đến với khách hàng Đây là một kênh thông tin không thể

thiếu đối với các doanh nghiệp trong việc kinh doanh và xây dựng phát triển thương

hiệu

Các thành phần của một website Một website thông thường được chia làm 2 phần:

- Giao diénnguoi ding (front-end) Giao diện người dùng là định dạng trang web được trình bày trên màn hình của máy tính của người xem (máy khách) được xem bằng các phần mềm trình duyệt web như Internet Explorer, Firefox, Tuy nhiên ngày nay người xem có thể xem

website từ các thiết bị điện tử khác như điện thoại di động, PDA,

Việc trình bày một website phải đảm bảo các yêu tố về thấm mỹ đẹp, ấn

tượng; bố cục đơn giản, dễ hiểu và dễ sử dụng, các chức năng tiện lợi cho người

xem Đặc biệt ngày nay, website trở nên sống động với những hiệu ứng đa dạng của hình ánh và chữ kết hợp với âm thanh

- Các chương trình được lập trình đề website hoạt động (back-end)

Là phần lập trình của website lưu trữ trên máy chủ (Server) Sự khác nhau ở phần lập trình back-end của website làm phân ra 2 loại website: Website tĩnh

và website động

+ Website tĩnh do lập trình bằng ngôn ngữ HTML theo từng trang như brochure, không có cơ sở dữ liệu và không có công cụ quản lý thông tin trên

website.Bạn phải biết kỹ thuật thiết kế trang web (thông thường bằng các phần mềm

như FrontPage, Dreamwaver, ) khi muốn thiết kế hoặc cập nhật thông tin của

những trang web này

+ Website déng (Dynamic website) la website có cơ sở dữ liệu, được cung cấp công cụ quản lý website (Admin Tool) để có thể cập nhật thông tin thường xuyên, quản lý các thành phần trên website Loại website này thường được viết bằng các ngôn ngữ lập trình như PHP, Asp.net, JSP, Perl, , quản trị Cơ sở dữ liệu

bằng SQL hoặc MySQL,

Loi ích của website Trong thời kì bùng nổ của công nghệ thông tin, thương mại điện tử là một ngành vô cùng nóng và kéo theo đó sử dụng website bán hàng trở nên phô biến và cần thiết Website đưa đến cho cá nhân hoặc các doanh nghiệp lợi ích không hề nhỏ:

Trang 12

- Website là phương thức quảng cáo tiết kiệm hiệu quả với chỉ phí nhỏ mà đem lại hiệu quá lớn Nếu bạn muốn quảng bá thương hiệu, giới thiệu sản phẩm tới

người tiêu dùng thì sử dụng website là lựa chọn tốt nhất cho bạn

- Quảng cáo không giới hạn: Khi sở hữu một website, bạn có thê thoải mái

quảng cáo sản phẩm mà không phải lo lắng bị gò bó về số lượng

- Chăm sóc khách hàng trực tuyến: Đặc điểm nồi bật khi sử dung website dé

bán hàng đầy là bạn có thể chăm sóc tư vấn cho khách hàng vẻ sản phẩm trực tuyến Không phải mắt thời gian và công sức đi lại bạn vẫn có thể dé dàng chốt đơn hàng

từ khách hàng dễ dàng

- Tiềm năng khách hàng cực lớn HTML, CSS và JavaScript: Cách thức hoạt động

- _ HTML cung cấp cấu trúc cơ bản của các trang web, được cải tiền và sửa đổi bởi các công nghệ khác như CSS và JavaScript

- CSS duoc st dung đề kiểm soát trinh bày, định dạng và bỐ cục

- JavaScript duoc str dung dé kiém soat hanh vi cua các yếu tổ khác nhau Bây giờ, chúng ta hãy đi qua từng mục một để giúp bạn hiểu vai trò của chúng trên một trang web và sau đó chúng tôi sẽ đề cập đến cách chúng khớp với nhau như thê nào Chúng ta hãy bắt đầu với HTML

HTML là cốt lõi của mọi trang web, bat ké su phức tạp của một trang web

hoặc số lượng công nghệ liên quan Đó là một kỹ năng thiết yếu cho bất kỳ chuyên

gia lập trình web nào Đó là điểm khởi đầu cho bất cứ ai học cách tạo nội dung cho

web Và may mắn thay cho chúng ta, nó thật đễ đàng để học hỏi

kết, xây dựng bảng, điều khiển một số kiêu, và nhiều hơn nữa

CSS là viết tắt của Cascading Style Sheets Ngôn ngữ lập trình này quy định

cách các thành phan HTML của trang web thực sự sẽ xuất hiện trên frontend như

thé nao

3 Cách thức hoạt động của HTML & CSS

Trang 13

dé đảm bảo các trang web được xây dựng chính xác trước khi chúng được định

dạng lại

Nếu HTML là vách thạch cao CSS là sơn

Trong khi HTML là cấu trúc cơ bản của trang web của bạn, CSS là thứ mang lại cho toàn bộ trang web của bạn phong cách Những màu sắc bóng bây, phông chữ

thú vị, và hình ảnh nền? Tất cả là nhờ CSS Ngôn ngữ này ảnh hưởng đến toàn bộ

tâm trạng và giai điệu của một trang web, khiến nó trở thành một công cụ vô cùng

mạnh mẽ - và là một kỹ năng quan trọng để các lập trình viên web học hỏi Đó cũng là những gì cho phép các trang web thích ứng với các kích thước màn hình và

loại thiết bị khác nhau

Nói một cách đơn giản, CSS là một danh sách các quy tắc có thể gán các

thuộc tính khác nhau cho các thẻ HTML, được chỉ định cho các thẻ đơn, nhiều thẻ,

toàn bộ tài liệu hoặc nhiều tài liệu Nó tổn tại bởi vì, khi các yếu tô thiết kế như

phông chữ và màu sắc được phát triển, các nhà thiết kế web đã gặp nhiều khó khăn khi thích ứng HTML với các tính năng mới này

HTML, được phát triển trở lại vào năm 1990, không thực sự có ý định hiển

thị bat ky thông tin định dạng vật lý nào Ban đâu nó chỉ có nghĩa là để xác định nội

dung cầu trúc của tài liệu, như tiêu đề so với đoạn văn Cách thức hoạt động của

HTML đã vượt qua các tính năng thiết kế mới này và CSS được phát minh và phát

hành vào năm 1996: Tắt cả các định dạng có thể được xóa khỏi các tài liệu HTML

và được lưu trữ trong các tệp CSS (.css) riêng biệt

CSS Nó là viết tat cha Cascading Style Sheets — và “style sheet” ding dé chi

chính tài liệu đó Mỗi trình duyệt web có style sheet kiểu mặc định, vì vậy mọi trang web hiện có đều bị ảnh hưởng bởi ít nhất một style sheet — style sheet kiéu mac dinh

của bắt kỳ trình duyệt nào mà khách truy cập trang web đang sử dụng — bắt kê nhà

Trang 14

thiết kế web có áp dụng bất kỳ kiểu nào không Ví dụ: kiểu phông chữ mặc định

của trình duyệt của tôi là Times New Roman, cỡ 12, vì vậy nếu tôi truy cập một

trang web nơi nhà thiết kế không áp dụng một style sheet của riêng họ, tôi sẽ thấy trang web có font Times New Roman, cỡ 12

Rõ rang, phan lớn các trang web tôi truy cập không sử dụng Times New

Roman, cỡ 12 — đó là vì các nhà thiết kế web đăng sau các trang đó bắt đầu với một style sheet kiểu mặc định có kiểu phông chữ mặc định, và sau đó họ áp vào trình

duyệt mặc định với CSS tùy chỉnh Đó là nơi từ “cascading” phát huy tác dụng

Cách thức hoạt động của JavaScript?

JavaScript là ngôn ngữ lập trình dựa trên logic, có thể được sử dụng để sửa đổi nội dung trang web và khiến nó hoạt động theo nhiều cách khác nhau để đáp ứng với hành động của người dùng Các cách sử dụng phô biến cho JavaScript bao gồm confirmation boxes, calls-to-action, và thêm thông tin mới vào thông tin hiện

có

JavaScript là ngôn ngữ lập trình cho phép các nhà phát triển web thiết kế các trang web tương tác Hầu hết các hoạt động mà sẽ thầy trên một trang web là nhờ JavaScript, giúp tăng cường các kiêm soát và hành vi mặc định của trình duyệt Visual Studio Code

Visual Studio Code là một trình biên tập mã được phát triển bởi Microsoft

dành cho Windows, Linux và macOS Nó hỗ trợ chức năng debug, đi kèm với Git,

có syntax highlighting, ty hoan thành mã thông minh, snippets, và cải tiến mã

Trang 15