1. Trang chủ
  2. » Giáo Dục - Đào Tạo

BÁO CÁO THỰC TẬP TỐT NGHIỆP đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON

40 34 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Xây Dựng Website Shop 500USD Cho Cửa Hàng Son
Tác giả Nguyễn Tiến Sơn
Người hướng dẫn ThS. Nguyễn Đức Lưu
Trường học Trường Đại Học Công Nghiệp Hà Nội
Chuyên ngành Công Nghệ Thông Tin
Thể loại báo cáo thực tập tốt nghiệp
Năm xuất bản 2021
Thành phố Hà Nội
Định dạng
Số trang 40
Dung lượng 1,12 MB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

Trên thực tế, trong bất kỳ lĩnh vực nào, thương mại điện tử cũng có lợi thế.Nó khôngnhững làm giảm thời gian mà còn làm giảm chi phí cho mọi vấn đề giao dịch của ngườidùng.Việc kinh do

Trang 1

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO THỰC TẬP TỐT NGHIỆP

Đề tài: XÂY DỰNG WEBSITE SHOP 500USD CHO

CỬA HÀNG SON

Sinh Viên : Nguyễn Tiến Sơn 2019502057

Lớp : CĐ CNTT01

Giáo viên hướng dẫn : Ths.Nguyễn Đức Lưu

Hà Nội, ngày 18 tháng 11 năm 2021

Trang 2

MỤC LỤ

Trang 3

MỞ ĐẦU 1

1 Lý do chọn đề tài 2

2 Mục đích của đề tài 2

3 Phạm vi đối tượng của đề tài 2

CHƯƠNG 1 : CƠ SỞ LÝ THUYẾT 3

1.1 Tổng Quan Về WORDPRESS 3

1.2 Những thành tựu của WordPress: 3

1.3 Những lý do mà bạn nên chọn WordPress: 4

1.4 Những hiểu lầm về WordPress: 5

1.5 Nét Nổi Bật của WordPress 5

1.5.1 Dễ cài đặt, quản trị & cập nhật 5

1.5.2 Phù hợp cho mọi website 6

1.5.3 Hàng ngàn giao diện được thiết kế chuyên nghiệp 6

1.5.4 Hỗ trợ plugins linh hoạt, giúp mở rộng tính năng website 6

1.5.5 Dành cho SEO 7

1.5.6 Chúng được sử dụng rất phổ biến 7

1.5.7 Cộng đồng WordPress 7

1.5.8 Hỗ trợ Mobile 7

1.5.9 Là website đáng tin cậy 7

1.5.10 Mã nguồn mở 7

1.6 CẤU TRÚC CỦA MỘT TRANG WEBSITE 8

1.6.1 Cấu Trúc cơ bản của website 8

1.6.2 Website hoạt động dựa trên yếu tố nào? 8

1.7 Cài đặt localhost trên máy tính để tìm hiểu WordPress 8

1.7.1 Cài đặt localhost trên máy tính với XAMPP 8

1.8 Kết chương 14

CHƯƠNG 2 : PHÂN TÍCH THIẾT KẾ HỆ THỐNG 15

2.1 Yêu cầu bài toán, khảo sát nghiệp vụ 15

2.1.1 Yêu cầu bài toán 15

2.1.2 Khảo sát nghiệp vụ 16

2.2 Xác định các Actor và Usecase 17

Trang 4

2.2.1 Các tác nhận tham gia vào hệ thống 17

2.2.2 Biểu đồ các Actor và Usecase 17

2.2.3 Đặc tả usecase 18

2.3 Biểu đồ tuần tự 24

2.3.1 Biểu đồ tuần tự dành cho người tìm việc 24

2.3.2 Biểu đồ tuần tự dành cho nhà tuyển dụng 27

2.3.3 Biểu đồ tuần tự dành cho admin 27

2.4 Biểu đồ lớp 27

2.5 Biểu đồ hoạt động 27

2.6 Biểu đồ thực thể liên kết 29

2.7 Kết chương 29

CHƯƠNG 3 KẾT QUẢ CÀI ĐẶT, THỬ NGHIỆM HOẶC KẾT QUẢ NGHIÊN CỨU.30 3.1 Tóm tắt chương 30

3.2 Tiêu đề mục 30

3.2.1 Tiêu đề tiểu mục 30

3.2.2 Tiêu đề tiểu mục 30

3.3 Tiêu đề mục 31

3.3.1 Tiêu đề tiểu mục 31

3.3.2 Tiêu đề tiểu mục 31

3.4 Kết chương 31

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 32

PHỤ LỤC 1

DANH MỤC CÁC HÌNH VẼ Hình 1-1 Thao tác cập nhật mục lục 4

Hình 2-1 Mô tả về mô hình MVC 7

Hình 2-2 Laravel 8

Hình 2-3 mô hình hoạt động DVCS 10

Hình 3-1 Biểu đồ usecase website 13

Hình 3-2 Sự kế thừa của actor 13

Hình 3-3 Biểu đồ tuần tự đăng nhập người tìm việc 20

Trang 5

Hình 3-4 Biểu đồ tuần tự người tìm việc đăng ký tài khoản 20

Hình 3-5 Biểu đồ tuần tự người tìm kiếm đăng xuất 21

Hình 3-6 Biểu đồ tuần tự người dùng tìm kiếm công việc 21

Hình 3-7 Biểu đồ tuần tự người dùng ứng tuyển 21

Hình 3-8 Biểu đồ tuần tự quan tâm công việc 22

Hình 3-9 Biểu đồ tuần tự lưu công ty 22

Hình 3-10 Biểu đồ hoạt động đăng nhập 23

Hình 3-11 Biểu đồ hoạt động đăng ký tài khoản 23

Hình 3-12 Biểu đồ hoạt động ứng tuyển 24

Hình 3-13 Biểu đồ hoạt động chấp nhận ứng viên 24

Hình 3-14 Biểu đồ thực thể liên kết 25

Trang 6

MỞ ĐẦU

1 Lý do chọn đề tài

Hiện nay,ngành công Nghệ thông tin đã có những bước phát triển nhanhchóng.Trong thời đại bùng nổ thông tin và có rất nhiều phương thức truyền đạt thông tinthì phương thức truyền thông tin bằng công nghệ số là nhanh và phổ biến nhất ,được nhiềungười tiếp cận Công nghệ thông tin không chỉ dừng lại ở mục đích phục vụ cho khoa học

kỹ thuật mà còn đi sâu vào đời sống,chính trị ,kinh tế ,xã hội,trở nên thân thiện gần gũimang lại nhiều lợi ích cho con người, đặc biệt trong linhc vực kinh tế, công nghệ thông tin

đã thực sự mang lại nhiều đóng góp trong việc quản lí,quảng bá sản phẩm, hàng hóa công

ty ,xí nghiệp, doanh nghiệp lớn nhỏ.Những ứng dụng của công nghệ thông tin đã mang lạinhiều lợi ích không nhỏ, đạt hiệu quả cao cho những công ty xí nghiệp sản xuất hàng hóa,nhu yếu phẩm

Ngày nay, việc bán và phân phối sản phẩm đến tay mọi người một cách nhanh chóng

và rộng rãi cần phải có sự quảng bá Với tình hình dịch bệnh 1 năm trở lại đây, có rất nhiềucác cửa hàng thời trang đã nhập một số lượng lớn hàng về kho trước đó , dịch bệnh diễn raphức tạp người mua không thể đi lại thuận tiện như trước để có thể đến cửa hàng mua đồđược.Vì vậy, việc xây dựng một website quảng bá và bán sản phẩm là điều cần thiết đốivới mỗi cửa hàng, công ty hay doanh nghiệp để có thể tồn tại và phát triển trong nền kinhtế thị trường cạnh tranh khốc liệt như hiện nay

Trên thực tế, trong bất kỳ lĩnh vực nào, thương mại điện tử cũng có lợi thế.Nó khôngnhững làm giảm thời gian mà còn làm giảm chi phí cho mọi vấn đề giao dịch của ngườidùng.Việc kinh doanh qua mạng không chỉ đáp ứng nhu cầu của con người mà còn giúpcho người sử dụng so sánh giá ở nhiều nơi để mua những mặt hàng tốt, giá cả hợp lý.Vớicác website bán hàng trực tuyến được xây dựng dựa trên các mã nguồn được xây dựng sẵn,

có nhiều ưu điểm và có thể giúp các công ty đưa gian hàng của mình lên thị trường

Internet, em đã chọn đề tài “Xây dựng Website bán quần áo bằng công cụ mã nguồn mở

Wordpress”.

2 Mục đích của đề tài

Thời trang luôn gắn liền với cuộc sống, những mẫu thiết kế độc đáo, lạ mắt luônđược xuất hiện hàng năm, thu hút sự quan tâm của mọi người và là một nhu cầu không thểthiếu với những bạn trẻ đam mê thời trang, đặc biệt với tình hình dịch bệnh hiện nay thìviệc xây dựng một website bán quần áo là rất cần thiết đối với các chủ shop, doanh nghiệp,công ty thời trang

Trang 7

Thiết kế website shop quần áo sẽ giúp các cửa hàng, cá nhân, doanh nghiệp:

- Nâng cao hiệu quả kinh tế

- Giảm chi phí bán hàng tiếp thị và giao dịch

- Sự thuận tiện cho khách hàng

- Dễ dàng tìm kiếm, quan tâm đến khách hàng

Vì vậy, em mong muốn xây dựng được một website hoàn chỉnh không những đápứng được yêu cầu mà còn đáp ứng được sự mong đợi của thầy cô và được các thầy cô nhiệttình giúp đỡ

3 Phạm vi, đối tượng của đề tài

Website được mở rộng cho một cửa hàng, cá nhân hoặc một công ty thời trang.Đối tượng mà đề tài của em hướng tới là tất cả các bạn trẻ với những mẫu quần áo trẻtrung, năng động, phá cách

Trang 8

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT

1.1 Tổng Quan Về WORDPRESS

- WordPress là một phần mềm nguồn mở (Open Source Software) được viết bằngngôn ngữ lập trình website PHP (Hypertext Preprocessor) và sử dụng hệ quản trị cơ sở dữliệu MySQL Wordpress được ra mắt lần đầu tiên vào ngày 27/05/2003 bởi tác giả MattMullenweg và Mike Little Hiện nay WordPress được sở hữu và phát triển bởi công tyAutomattic có trụ sở tại San Francisco, California thuộc hợp chủng quốc Hoa Kỳ

- WordPress là một mã nguồn mở bằng ngôn ngữ PHP để hỗ trợ tạo tạo blog cá nhân

và nó được rất nhiều người sử dụng ủng hộ về tính dễ sử dụng, nhiều tính năng hữu ích.Qua thời gian, số lượng người sử dụng tăng lên, các cộng tác viên là những lập trình viêncũng tham gia đông đảo để phát triển mã nguồn Wordpress có thêm những tính năng tuyệtvời WordPress được xem như là một hệ quản trị nội dung (CMS – Content ManagementSystem) vượt trội để hỗ trợ người dùng tạo ra nhiều thể loại website khác nhau như blog,website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng – thương mại điện tử, thậm chívới các loại website có độ phức tạp cao như đặt phòng khách sạn, thuê xe, đăng dự án bấtđộng sản Hầu như mọi hình thức website với quy mô nhỏ và vừa đều có thê triển khaitrên nền tảng WordPress

Nhưng như thế không có nghĩa là WordPress chỉ thích hợp với các dự án nhỏ màhiện nay có tới khoảng 25% website trong danh sách 100 website lớn nhất thế giới sử dụng

mã nguồn WordPress Ví dụ như trang tạp chí TechCrunch, Mashable, CNN, BBCAmerica, Variety, Sony Music, MTV News, Bata, Quartz, và rất nhiều website khác

1.2 Những thành tựu của WordPress:

- Khi tìm hiểu về WordPress, bạn sẽ thật tự hào khi biết rằng mã nguồn mà chúng tađang tìm hiểu có những thành tựu rất vượt bậc và là một mã nguồn CMS mở phổ biến nhấthành tinh Để kiểm chứng điều có, các bạn cần biến là:

+ Trên thế giới, có khoảng 25 bài viết được đăng lên các website sử dụngWordPress mỗi giây

+ Số lượng website làm bằng WordPress chiếm 23% tổng số lượng website trên thếgiới

+ Trong số 100% các website sử dụng mã nguồn CMS, WordPress chiếm 60%.+ Phiên bản WordPress 4.0 đạt hơn 16 triệu lượt tải chỉ sau khoảng 2 tháng

Trang 9

+ WordPress đã được dịch sang 52 ngôn ngữ khác nhau Tuy nhiên lại chưa csobản tiếng Việt chính thức, nhưng bạn vẫn có thể Việt hóa dễ dàng bằng csch tìm bài viếtvới từ khóa “Việt hóa WordPress”.

+ Có hơn 80 chương trình họp mặt về WordPress được tổ chức vào năm 2014.+ Mã nguồn WordPress hiện đang có khoảng 785 lập trình viên cùng hợp tác pháttriển

+ Chỉ tính các giao diện (hay còn gọi là theme) miễn phí trên thư việnWordPress.org thì đã có hơn 2.700 themes khác nhau

1.3 Những lý do mà bạn nên chọn WordPress:

- Dễ sử dụng: WordPress được phát triển nhằm mục đích phục vụ các đối tượngngười dùng phổ thông, không có nhiều kiến thức về lập trình website nâng cao Các thaotác trong WordPress rất đợn giản, giao diện quản trị trực quan giúp bạn có thể nắm rõ cơcấu quản lý một website WordPress trong thời gian ngắn Về cách cài đạt lại càng dễ dànghơn, bạn có thể tự cài một website WordPress trên host (máy chủ) riêng của mình và tựvận hành nó sau vài cú click

- Cộng đồng hỗ trợ đông đảo: Là một mã nguồn CMS mở phổ biến nhất thế giới,điều này cũng có nghĩa là bạn sẽ được cộng đồng người sử dụng WordPress hỗ trợ bạn cáckhó khăn gặp phải trong quá trình sử dụng Nếu bạn có khả năng tiếng anh tốt, bạn có thểdễ dàng tìm câu trả lời cho vấn đề bạn đang gặp phải trên Google chỉ với vài từ khóa tìmkiếm

- Nhiều gói giao diện có sẵn: Trong khi sử dụng WordPress khái niệm giao diện chowebsite WordPress thường được gọi là theme Hiện nay WordPress có rất nhiều thememiễn phí khác nhau để chúng ta có thể dễ dàng thay đổi giao diện của website của mình chỉvới vài cú click mà không cần bận tâm việc làm sao để thiết kế một theme cho riêng mình.Còn nếu bạn muốn website đẹp và chuyên nghiệp hơn ban có thể mua các theme trả phívới giá bán dao động tự $30 đến $65

- Nhiều Plugin hỗ trợ: Plugin nghĩa là một trình cắm thêm vào website để bổ sungcác chức năng mà bạn cần Ví dụ mặc định sau khi cài website WordPress, bạn không cóchức năng hiển thị các bài viết liên quan ở dưới mỗi bài viết, nhưng với nhiều plugin miễnphí hỗ trợ thì bạn có thể dễ dàng cài thêm một plugin miễn phí để website mình có chứcnăng đó Tương tự với theme, cũng có rất nhiều plugin trả phí mang những tính năng rấtđộc đáo và có ích vào website và nó sẽ có giá khoảng từ $10 đến $80 tùy theo độ phức tạp

- Dễ phát triển cho lập trình viên: Nếu bạn là một người có am hiểu về việc làmwebsite như thành thạo HTML, CSS, PHP thì có thể dễ dàng mở rộng website WordPress

Trang 10

của bạn với rất nhiều tính năng vô cùng bổ ích Cách phát triển cũng rất đơn giản vìaWordPress là một mã nguồn mở nên bạn có thể dễ dàng hiểu được các hoạt động của nó vàphát triển thêm các tính năng.

- Với hàng nghìn hàm (function) có sẵn của nó, bạn có thể thoải mái sử dụng bạn cũng cóthể thay đổi cấu trúc của một hàm với filter hook và hầu như quy trình làm việc của một lập trìnhviên chuyên nghiệp có thể ứng dụng dễ dàng vào WordPress

- Hỗ trợ nhiều ngôn ngữ: mã nguồn WordPress hiện tại có rất nhiều gói ngôn ngữ đi kèm,bao gồm tiếng Việt Mặc dù trong mỗi giao diện hay plugin đều có ngôn ngữ riêng nhưng bạn cóthể tự dịch lại nó với các phần mềm hỗ trợ

- Có thể làm nhiều loại website: Dùng WordPress không có nghĩa là bạn chỉ có thể làmblog cá nhân, mà bạn còn có thể biến website của mình thành một trang bán hàng, một websitegiới thiêu công ty, một tờ tạp chí online bằng việc sử dụng kết hợp các theme và plugin với nhau.Tuy nhiên để làm được, bạn nên chắc chắn là đã hiểu được WordPress chứ đừng vội bước lênmây để nhận các cảm giác thất vọng vì độ phức tạp của nó

- WordPress chỉ dành cho người không biết code: Hoàn toàn sai lầm, nếu bạn đã nghe ai đónói với bạn rằng WordPress chỉ dành cho những người không chuyên lập trình sử dụng thì điềunày hoàn toàn không chính xác Dĩ nhiên những người không biết lập trình sẽ dùng WordPressbằng cách sử dụng các tính năng có sẵn, thưu viện giao diện phong phú và các plugin hỗ trợ cũng

đã đủ để làm website Nhưng nếu biết code thì càng tốt vì WordPress có phần lõi mã nguồn rấtmạnh mẽ để bạn áp dụng kỹ năng không giới hạn

1.5 Nét Nổi Bật của WordPress.

1.5.1 Dễ cài đặt, quản trị & cập nhật

- Bạn không cần tìm chuyên gia về Internet hoặc một lập trình viên HTML để sử dụngWordPress Bạn chỉ cần một máy tính kết nối mạng và có một trình duyệt web là đã có thể tự xâydựng cho mình một trang web đơn giản

- Nếu bạn có đọc bài viết này, chắc chắn bạn sẽ hiểu có thể làm được mọi thứ & tại sao nó lạiđược ưu chuộm nhất thế giới đến vậy Truy cập WordPress.com và đăng ký một tài khoản miễnphí, đợi trong vài phút bạn đã khởi tạo cho mình một website tiêu chuẩn, thật đơn giản phảikhông

Trang 11

- Tuy nhiên nếu bạn có ý định xây dựng một blog lớn hoặc web thương mại điện tử hoặcmuốn thiết kế giao diện WordPress riêng, thì sử dụng WordPress.com sẽ không phù hợp.Rất may mắn, vì WordPress là mã nguồn mở được tách ra từ wordpress.com.

- Bạn có thể tải miễn phí trên trang WordPress.org, mình sẽ đề cử bạn mua một Hosting

& đăng ký tên miền với thương hiệu của bạn đó là lý do tại sao nên sử dụng WordPress.orgthay vì miễn phí với WordPress.com ?

➤ WordPress.com phù hợp khi bạn bắt đầu với kinh doanh nhỏ Đến thời kỳ kinh doanhcủa bạn phát triển, bạn cần tùy biến để thay đổi giao diện cũng như tính năng của website.Lúc này việc di chuyển website từ WordPress.com sang lưu trữ hosting là cần thiết

1.5.2 Phù hợp cho mọi website

- Đúng là WordPress đã bắt đầu như một hệ thống viết blog, nhưng đã lâu rồi Trongnhững năm qua WordPress đã phát triển thành một hệ thống quản lý nội dung web đầy đủtính năng

➤ Điều đó có nghĩa là bạn có thể sử dụng WordPress để quản lý toàn bộ trang web củamình, không chỉ triển khai blog của bạn Tất nhiên, nếu bạn chỉ muốn viết blog, bạn cũng

có thể sử dụng WordPress theo cách đó

1.5.3 Hàng ngàn giao diện được thiết kế chuyên nghiệp

- Các giao diện được cài đặt cho website của bạn & trang web của bạn sẽ trở nên chuyênnghiệp hơn bao giờ hết, mà không phải chịu đau đớn hoặc mất chi phí thuê người thiết kếweb chuyên nghiệp

➤ Hiện có hơn nghìn chủ đề miễn phí có sẵn trong WordPress.org và thậm chí còn có rấtnhiều theme bản quyền tại các trang như ThemeForest, StudioPress và WooThemes

1.5.4 Hỗ trợ plugins linh hoạt, giúp mở rộng tính năng website.

- Bạn cần bổ sung một số chức năng trên trang web của mình? Đó là những gì thuộc vềplugins

- WordPress được thiết kế để mở rộng chức năng và đó là những gì các lập trình viên trêntoàn thế giới đã làm Hàng ngàn plugin đã thêm chức năng đa dạng vào hệ thống cốt lõiWordPress

- Vì vậy, cho dù bạn cần một biểu mẫu liên hệ đơn giản hay hệ thống thương mại điện

tử đầy đủ tính năng, có một plugin để đáp ứng nhu cầu kinh doanh của bạn

➤ Rất nhiều freelancer viết plugin cho WordPress, bạn chỉ bỏ một chi phí nhỏ để có đượcmột tính năng của riêng mình

Trang 12

1.5.5 Dành cho SEO

- Theo kỹ sư của Google, Matt Cutts nói, “WordPress tự động giải quyết rất nhiều vấn đề vềSEO.” Và với plugin Yoast SEO miễn phí, trang web của bạn sẽ còn thân thiện hơn với công cụtìm kiếm

1.5.6 Chúng được sử dụng rất phổ biến

- Do tính dễ sử dụng và sẵn có của hàng nghìn giao diện và plugin chất lượng chuyên nghiệp,Không quá ngạc nhiên khi nói WordPress là một hệ thống blog phổ biến nhất trên hành tinh.Trên Internet hơn 27% tất cả các trang web đều được xây dựng bởi WordPress

➤ Bạn có thể kết nối với cộng đồng trên diễn đàn WordPress chính thức hoặc trực tiếp tạicác sự kiện WordCamp trên khắp thế giới

- Google đã khởi động dự án mã nguồn mở có tên gọi “Accelerated Mobile Pages (AMP)”

Nó xu hướng nhắm mục tiêu về tốc độ duyệt website trên thiết bị di động

- Cho dù thậm trí nếu bạn lướt web trên di động với đường truyền chễ bạn cũng có thể tảiphiên bản AMP của trang một cách nhanh chóng

- Google tuyên bố ưu tiên những trang web thân thiện với di động Họ đang thử nghiệp vàtriển khai dự án AMP cho công cụ tìm kiếm của mình Bằng cách tích hợp AMP, bạn luôn được

ưu tiên với những đối thủ khác

- Nhiều chủ đề được thiết kế để đáp ứng (còn gọi là thân thiện với thiết bị di động), nghĩa làkhách hàng của bạn sẽ cảm thấy khó ưa khi sử dụng trang web của bạn trên điện thoại thôngminh của họ

- Và bảng điều khiển được thiết kế để hoạt động tốt trên điện thoại thông minh cũng như cácmáy tính có kích thước đầy đủ

➤ Vì vậy bạn có thể dễ dàng quản trị trang web của mình từ mọi nơi

1.5.9 Là website đáng tin cậy

- Trong thập kỷ qua, WordPress đã được tinh chế, thử nghiệm và bổ xung nâng cao Trongquá trình này, nó đã phát triển thành một hệ thống xây dựng web đẳng cấp thế giới

- Không giống như các công cụ xây dựng trang web khác, WordPress là nguồn mở và không

bị giới hạn hay hạn chế để thương mại Điều đó có nghĩa là bạn có thể sử dụng phần mềm theobất kỳ cách nào bạn chọn và lưu trữ trang web của mình ở bất cứ đâu bạn chọn Lợi ích khác có

Trang 13

được là chi phí của chúng sẽ ít hơn & bạn tìm một lập trình viên WordPress cũng dễ dàng hơn.NET, java.

➤ Khi bạn chọn WordPress, bạn có toàn quyền kiểm soát trang web của mình Là mộtchủ doanh nghiệp, đó có thể là lý do cuối cùng chúng tôi khuyên bạn nên sử dụng chowebsite

1.6 CẤU TRÚC CỦA MỘT TRANG WEBSITE

1.6.1 Cấu Trúc  cơ bản của website

- Website thông thường có cấu tạo cơ bản gồm có nhiều trang con (web page) Đó là cáctệp tin có định dạng html hoặc xhtml, được lưu trữ trong một máy tính chủ (web server).Thông tin được đăng trên website có nhiều dạng như âm thanh, video, văn bản, hay hìnhảnh,

- Bản thân mỗi người truy cập ở những nơi khác nhau được gọi là máy trạm sẽ thông quađường truyền internet để lấy tập tin từ máy chủ để đọc Cụ thể hơn là những gì bạn đangđọc ngay lúc này chính là một trang con (web page) đang hiển thị trên máy tính hoặc điệnthoại di động của bạn qua các công cụ trình duyệt như Google Chrome, Cốc cốc, Firefox,

1.6.2 Website hoạt động dựa trên yếu tố nào?

-Website có hoạt động được hay không sẽ dựa vào các chỉ tiêu sau:

Source Code (Mã nguồn): Xây dựng một website cũng giống như việc xây dựng

một ngôi nhà Trong đó, những lập trình viên sẽ là những kiến trúc sư để tạo nên

mã nguồn Còn mã nguồn thì được ví như nguyên vật để tạo dựng lên một ngôinhà

Web Hostin g (Lưu trữ web): Bên cạnh có một bản vẽ hoàn chỉnh và đầy đủ

nguyên liệu để thi công thì ngôi nhà của bạn phải sở hữu một mảnh đất thật tốt để

có thể tiến hành xây dựng trên đó Hosting được coi là mảnh đất để lưu trữ mãnguồn

Domain (Tên miền): Sau khi có nhà có đất thì việc có một địa chỉ cụ thể để người

khác có thể tìm đến và thăm nhà bạn được Đó chính là domain - Tên miền chính

cụ thể của website để các máy tính ở nơi khác có thể trỏ vào khi muốn truy cập vàotrang web của bạn

Internet ( Kết nối mạng): Đường truyền mạng cũng giống như hệ thống giao thông.

- Để khách hàng đến với địa chỉ của bạn thì cần có đường đi, rõ ràng, giống như để truycập vào trang web thì cần có kết nối internet Do đó, website mới có thể hoạt động tốt trênmôi trường trực tuyến

1.7 Cài đặt localhost trên máy tính để tìm hiểu WordPress

1.7.1 Cài đặt localhost trên máy tính với XAMPP

*Localhost là gì?

Trang 14

- Localhost là từ ghép của hai chữ “local” và “host” Local theo định nghĩa IT là máytính của bạn, host theo định nghĩa IT là máy chủ Vậy localhost nghĩa là một máy chủ đượcvận hành trên máy tính của bạn.

- Localhost bao gồm nhiều ứng dụng đi kèm với nhau và tất cả các ứng dụng đó sẽkết hợp với nhau để tạo ra một môi trường có thể chạy mã nguồn WordPress trên máy tínhcủa bạn bao gồm:

+ Phần mềm Webserver tên Apache, đây là webserver thông dụng nhất

+ Phần mềm PHP để xử lý PHP vì WordPress viết bằng ngôn ngữ PHP

+ Phần mềm MySQL Server để lưu trữ dữ và xử lý cơ sở dữ liệu, do WordPress sửdụng MySQL làm nền tảng cơ sở dữ liệu (database)

+ Phần mềm PHPMyAdmin để xem và quản lý cơ sở dữ liệu MySQL

*Localhost vận hành như thế nào:

- Khi cài đặt Localhost vào máy tính rồi, thì máy tính của bạn đã có một phần mềmWebserver để chạy ứng dụng website với địa chỉ là http://127.0.0.1 Đây là địa chỉ IP dạnglocalhost, ngoài ra bạn cũng có thể chạy localhost với đường dẫn là http://localhost thôngthường khi cài đặt Localhost, mỗi khi cần sử dụng bạn sẽ cần mở bảng điều khiển củalocalhost lên và kích hoạt nó khỏi động các ứng dụng đi kèm

- Lưu ý trước khi cài đặt:

+ Xóa toàn bộ ứng dụng liên quan tới localhost: Nếu bạn có cài đặt các phần mềmkhác liên quan đến việc làm localhost như PHP, MySQL thì hãy xóa hết Và bạn khôngnên cài XAMPP trên Windows Server đã cài đặt IIS

+ Tắt tường lửa: Nếu máy tính của bạn có cài đặt tường lửa từ Windows hay từ mộtphần mềm Antivirus nào khác thì hãy tắt nó đi vì nó có thể sẽ chặn cổng 80 hoặc các ứngdụng webserver

+ Tắt UAC trên Windows: Nếu máy tính của bạn đang dùng window và có bậtchức năng User Account Control thì hãy tắt nó đi khi dùng localhost để tránh các vấn đềgiới hạn quyền

* Hướng dẫn cài đặt Localhost:

- Để cài đặt Localhost chúng ta có rất nhiều cách và phần mềm, ở đây chúng ta xửdụng XAMPP để cài đặt localhost vì:

+ XAMPP hoàn toàn miễn phí

+ Dễ sử dụng

Trang 15

+ Hỗ trợ các hệ điều hành thông dụng như Windows, Mac, Linux.

- Để tải XAMPP, đầu tiên ta truy cập vào địa chỉ: https://www.apachefriends.org vàchọn phiên bản XAMPP phù hợp với hệ điều hành với máy tính đang sử dụng, và chúng tanên chọn phiên bản PHP 5.4.31 Lưu ý XAMPP chỉ có phiên bản cho hệ điều hành 32bitnhưng 64bit vẫn hoạt động bình thường

- Sau khi tải file cài đặt về xong, hãy chạy nó, sau đó chọn Next

Trang 16

- Ở phần chọn đường dẫn, bạn hãy chọn đường dẫn lưu cài đặt của XAMPP Lưu ýrằng đường dẫn này bạn phải nhớ vì khi cài đặt web lên localhost bạn phải truy cập vào thưmục này Bạn nên để mặc định là c:\xampp Tiếp tục bấm “Next”.

- Ở trang kế tiếp bạn bỏ chọn phần “Lear more about Bitnami for XAMPP” và ấn

“Next” 2 lần nữa để hoàn tất quá trình cài đặt

Trang 17

- Sau khi cài xong ấn nút “Finish” để kết thúc quá trình cài đặt và mở bảng điềukhiển của XAMPP Tuy nhiên hãy khởi động lại máy sau khi cài đặt xong để tránh tìnhtrạng không khởi động được localhost.

- Khởi động Localhost:

+ Bây giờ bạn hãy vào thư mục c;\xampp và mở file xampp-panel.exe lên để bậtbảng điều khiển của XAMPP

Trang 18

- Bạn để ý sẽ thấy hai ứng dụng Apache và MySQL có nút Start, đó là dấu hiệu bảo 2ứng dụng này chưa được khởi động, hãy ấn vào nút Start của từng ứng dụng để khởi độngwebserver Apache và MySQL Server lên thì mới chạy được localhost

- Nếu cả hai ứng dụng chuyển sang màu xanh như hình dưới là đã khởi động thànhcông

- Sau khi khởi động xong, bạn hãy truy cập vào địa chỉ website với địa chỉ là:httm://localhost để thấy nó hiển thị ra trang giới thiệu XAMPP như hình dưới:

Trang 19

Bạn có thể ấn vào nút English phía bên dưới để truy cập vào trang quản lý localhost.

Sau khi cài đặt xong một localhost hoàn chỉnh rồi, bây giờ chúng ta có thể tiến

hành cài đặt WordPress vào localhost để khởi tạo một website trên mạng host ảo của mình

nhé

Trang 20

Ở chương tiếp theo sẽ là phần phân tích thiết kế hệ thống “ Website bán quần áo

bằng công cụ mã nguồn mở Wordpress ”

Ngày đăng: 05/12/2021, 19:16

HÌNH ẢNH LIÊN QUAN

- Sau khi cài xong ấn nút “Finish” để kết thúc quá trình cài đặt và mở bảng điều khiển của XAMPP - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
au khi cài xong ấn nút “Finish” để kết thúc quá trình cài đặt và mở bảng điều khiển của XAMPP (Trang 17)
Bảng điều khiển của XAMPP - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
ng điều khiển của XAMPP (Trang 18)
- Nếu cả hai ứng dụng chuyển sang màu xanh như hình dưới là đã khởi động thành công. - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
u cả hai ứng dụng chuyển sang màu xanh như hình dưới là đã khởi động thành công (Trang 18)
Hình 3-1 Biểu đồ usecase website - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
Hình 3 1 Biểu đồ usecase website (Trang 23)
Hình 3-3 Biểu đồ tuần tự đăng nhập người tìm việc - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
Hình 3 3 Biểu đồ tuần tự đăng nhập người tìm việc (Trang 30)
Hình 3-4 Biểu đồ tuần tự người tìm việc đăng ký tài khoản - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
Hình 3 4 Biểu đồ tuần tự người tìm việc đăng ký tài khoản (Trang 30)
Hình 3-5 Biểu đồ tuần tự người tìm kiếm đăng xuất - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
Hình 3 5 Biểu đồ tuần tự người tìm kiếm đăng xuất (Trang 31)
Hình 3-6 Biểu đồ tuần tự người dùng tìm kiếm công việc - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
Hình 3 6 Biểu đồ tuần tự người dùng tìm kiếm công việc (Trang 31)
Hình 3-8 Biểu đồ tuần tự quan tâm công việc - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
Hình 3 8 Biểu đồ tuần tự quan tâm công việc (Trang 32)
Hình 3-10 Biểu đồ hoạt động đăng nhập - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
Hình 3 10 Biểu đồ hoạt động đăng nhập (Trang 33)
Hình 3-12 Biểu đồ hoạt động ứng tuyển - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
Hình 3 12 Biểu đồ hoạt động ứng tuyển (Trang 34)
Hình 3-14 Biểu đồ thực thể liên kết 2.7 Kết chương - BÁO CÁO THỰC TẬP TỐT NGHIỆP    đề tài XÂY DỰNG WEBSITE SHOP 500USD CHO CỬA HÀNG SON
Hình 3 14 Biểu đồ thực thể liên kết 2.7 Kết chương (Trang 35)

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

🧩 Sản phẩm bạn có thể quan tâm

w