Hiện nay,ngành cơng Nghệ thơng tin có bước phát triển nhanh chóng Trong thời đại bùng nổ thơng tin có nhiều phương thức truyền đạt thơng tin phương thức truyền thơng tin cơng nghệ số nhanh phổ biến ,được nhiều người tiếp cận Công nghệ thông tin không dừng lại mục đích phục vụ cho khoa học kỹ thuật mà cịn 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ũi mang lại nhiều lợi ích cho người, đặc biệt linhc vực kinh tế, công nghệ thông tin thực mang lại nhiều đóng góp việc quản lí,quảng bá sản phẩm, hang hóa cơng ty ,xí nghiệp, doanh nghiệp lớn nhỏ.Những ứng dụng công nghệ thông tin mang lại nhiều lợi ích khơng nhỏ, đạt hiệu cao cho cơng ty xí nghiệp ,Muốn bán đưa sản phẩm cho người biết cách rơng rãi nhanh chóng cần quảng bá Vì vậy,xây dựng Website quảng cáo bán sản phẩm điều cần thiết công ty ,doanh nghiệp để tồn phát triển kinh tế thị trường thị trường cạnh tranh khốc liệt hieenh Thực tế website bán hàng trực tuyến xây dựng dựa mã nguồn xây dựng sẵn, có nhiều ưu điểm giúp cho doanh nghiệp đưa gian hàng lên thị trường internet Chính ,em chọn đề tài “Thiết kế Website bán hàng thể thao shop LDT mã nguồn mở Wordpress”
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ẠI TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI NGÀNH CÔNG NGHỆ THÔNG TIN Đề tài: Xây dựng website shop bán đồ thể thao cho shop LDT WORDPRESS Giáo viên hướng dẫn : ThS Nguyễn Thị Cẩm Ngoan Sinh viên: Mã số sinh viên: Lớp: CDCNTT01 – K21 Hà Nội , Năm 2021 MỤC LỤC I: GIỚI THIỆU 1.1: Lý chọn đề tài Hiện nay,ngành cơng Nghệ thơng tin có bước phát triển nhanh chóng Trong thời đại bùng nổ thơng tin có nhiều phương thức truyền đạt thơng tin phương thức truyền thơng tin cơng nghệ số nhanh phổ biến ,được nhiều người tiếp cận Công nghệ thông tin không dừng lại mục đích phục vụ cho khoa học kỹ thuật mà cịn 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ũi mang lại nhiều lợi ích cho người, đặc biệt linhc vực kinh tế, công nghệ thông tin thực mang lại nhiều đóng góp việc quản lí,quảng bá sản phẩm, hang hóa cơng ty ,xí nghiệp, doanh nghiệp lớn nhỏ.Những ứng dụng công nghệ thông tin mang lại nhiều lợi ích khơng nhỏ, đạt hiệu cao cho cơng ty xí nghiệp ,Muốn bán đưa sản phẩm cho người biết cách rơng rãi nhanh chóng cần quảng bá Vì vậy,xây dựng Website quảng cáo bán sản phẩm điều cần thiết công ty ,doanh nghiệp để tồn phát triển kinh tế thị trường thị trường cạnh tranh khốc liệt hieenh Thực tế website bán hàng trực tuyến xây dựng dựa mã nguồn xây dựng sẵn, có nhiều ưu điểm giúp cho doanh nghiệp đưa gian hàng lên thị trường internet Chính ,em chọn đề tài “Thiết kế Website bán hàng thể thao shop LDT mã nguồn mở Wordpress” 1.2: Mục đích phát triển đề tài Mục đích : Xây dựng Website hồn thiện nội dung giao diện ,góp phần nâng cao quảng cáo, giá trị thương mại mặt hàng ,giúp người bán người mua dễ dàng tìm thấy 1.3: Chúng có ý nghĩa + Xây dựng sở liệu xác ,cập nhật ,ổn định + Giao diện Website : thân thiện với người dung ,đầy đủ số chức + Đơn giản hóa cách thức mua hàng qua mạng 1.4: Phương pháp nghiên cứu Tìm hiểu kỹ thuật lập trình, cách thức hoạt động đối tượng HTML, CSS, PHP, MYSQL, JS Sử dụng ngôn ngữ HTML ,CSS, PHP, MYSQL framework hỗ trợ 1.5: Phạm vi đối tượng đề tài Đối tượng mà đề tài em hướng tới người dùng trước hết đất nước Việt Nam có nhu cầu thể thao Từ thấy trang web hồn thành đưa vào sử dụng trước mắt việc mà website cần đạt phục vụ khách hàng CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1: TỔNG QUAN VỀ WORDPRESS Các khái niệm mã nguồn mở - WordPress phần mềm nguồn mở (Open Source Software) viết ngôn ngữ lập trình website PHP (Hypertext Preprocessor) sử dụng hệ quản trị sở liệu MySQL Wordpress mắt lần vào ngày 27/05/2003 tác giả Matt Mullenweg Mike Little Hiện WordPress sở hữu phát triển cơng ty Automattic có trụ sở San Francisco, California thuộc hợp chủng quốc Hoa Kỳ - WordPress mã nguồn mở ngôn ngữ PHP để hỗ trợ tạo tạo blog cá nhân nhiều người sử dụng ủng hộ tính dễ sử dụng, nhiều tính hữu ích Qua thời gian, số lượng người sử dụng tăng lên, cộng tác viên lập trình viên tham gia đông đảo để phát triển mã nguồn Wordpress có thêm tính tuyệt vời WordPress xem hệ quản trị nội dung (CMS – Content Management System) vượt trội để hỗ trợ người dùng tạo nhiều thể loại website khác 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ử, chí với loại website có độ phức tạp cao đặt phịng khách sạn, thuê xe, đăng dự án bất động sản Hầu hình thức website với quy mơ nhỏ vừa có thê triển khai tảng WordPress Nhưng khơng có nghĩa WordPress thích hợp với dự án nhỏ mà có tới khoảng 25% website danh sách 100 website lớn giới sử dụng mã nguồn WordPress Ví dụ trang tạp chí TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz, nhiều website khác *Những thành tựu WordPress: - Khi tìm hiểu WordPress, bạn thật tự hào biết mã nguồn mà tìm hiểu có thành tựu vượt bậc mã nguồn CMS mở phổ biến hành tinh Để kiểm chứng điều có, bạn cần biến là: + Trên giới, có khoảng 25 viết đăng lên website sử dụng WordPress giây + Số lượng website làm WordPress chiếm 23% tổng số lượng website giới + Trong số 100% website sử dụng mã nguồn CMS, WordPress chiếm 60% + Phiên WordPress 4.0 đạt 16 triệu lượt tải sau khoảng tháng + WordPress dịch sang 52 ngôn ngữ khác Tuy nhiên lại chưa cso tiếng Việt thức, bạn Việt hóa dễ dàng csch tìm viết với từ khóa “Việt hóa WordPress” + Có 80 chương trình họp mặt WordPress tổ chức vào năm 2014 + Mã nguồn WordPress có khoảng 785 lập trình viên hợp tác phát triển + Chỉ tính giao diện (hay cịn gọi theme) miễn phí thư viện WordPress.org có 2.700 themes khác * Những lý mà bạn nên chọn WordPress: - Dễ sử dụng: WordPress phát triển nhằm mục đích phục vụ đối tượng người dùng phổ thơng, khơng có nhiều kiến thức lập trình website nâng cao Các thao tác WordPress đợn giản, giao diện quản trị trực quan giúp bạn nắm rõ cấu quản lý website WordPress thời gian ngắn Về cách cài đạt lại dễ dàng hơn, bạn tự cài website WordPress host (máy chủ) riêng tự vận hành sau vài cú click - Cộng đồng hỗ trợ đông đảo: Là mã nguồn CMS mở phổ biến giới, điều có nghĩa bạn cộng đồng người sử dụng WordPress hỗ trợ bạn khó khăn gặp phải q trình sử dụng Nếu bạn có khả tiếng anh tốt, bạn dễ dàng tìm câu trả lời cho vấn đề bạn gặp phải Google với vài từ khóa tìm kiếm - Nhiều gói giao diện có sẵn: Trong sử dụng WordPress khái niệm giao diện cho website WordPress thường gọi theme Hiện WordPress có nhiều theme miễn phí khác để dễ dàng thay đổi giao diện website với vài cú click mà không cần bận tâm việc để thiết kế theme cho riêng Cịn bạn muốn website đẹp chuyên nghiệp ban mua theme trả phí với giá bán dao động tự $30 đến $65 - Nhiều Plugin hỗ trợ: Plugin nghĩa trình cắm thêm vào website để bổ sung chức mà bạn cần Ví dụ mặc định sau cài website WordPress, bạn khơng có chức hiển thị viết liên quan viết, với nhiều plugin miễn phí hỗ trợ bạn dễ dàng cài thêm plugin miễn phí để website có chức Tương tự với theme, có nhiều plugin trả phí mang tính độc đáo có ích vào website 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 người có am hiểu việc làm website thành thạo HTML, CSS, PHP dễ dàng mở rộng website WordPress bạn với nhiều tính vơ bổ ích Cách phát triển đơn giản vìa WordPress mã nguồn mở nên bạn dễ dàng hiểu hoạt động phát triển thêm tính + Với hàng nghìn hàm (function) có sẵn nó, bạn thoải mái sử dụng bạn thay đổi cấu trúc hàm với filter hook quy trình làm việc lập trình viên chun nghiệp ứng dụng dễ dàng vào WordPress - Hỗ trợ nhiều ngôn ngữ: mã nguồn WordPress có nhiều gói ngơn ngữ kèm, bao gồm tiếng Việt Mặc dù giao diện hay plugin có ngơn ngữ riêng bạn tự dịch lại với phần mềm hỗ trợ - Có thể làm nhiều loại website: Dùng WordPress khơng có nghĩa bạn làm blog cá nhân, mà bạn cịn biến website thành trang bán hàng, website giới thiêu cơng ty, tờ tạp chí online việc sử dụng kết hợp theme plugin với Tuy nhiên để làm được, bạn nên chắn hiểu WordPress đừng vội bước lên mây để nhận cảm giác thất vọng độ phức tạp - Những hiểu lầm WordPress: + WordPress phần mềm: Đúng WordPress phần mềm nguồn mở viết PHP & MySQL để giúp bạn tạo website nhanh Nhwung khơng có nghĩa giúp bạn tạo website với thao tác đơn giản Mặc dù thư viện giao diện có sẵn (Theme) Plugin phong phú để tùy biến website sử dụng WordPress tốt hơn, bạn cần có kiến thức PHP, HTML, CSS, Javascript, tất kỹ thuật liên quan đến website + WordPress dành cho người khơng biết code: Hồn tồn sai lầm, bạn nghe nói với bạn WordPress dành cho người khơng chun lập trình sử dụng điều hồn tồn khơng xác Dĩ nhiên người khơng biết lập trình dùng WordPress cách sử dụng tính có sẵn, thưu viện giao diện phong phú plugin hỗ trợ đủ để làm website Nhưng biết code tốt WordPress có phần lõi mã nguồn mạnh mẽ để bạn áp dụng kỹ không giới hạn 1.2 NÉT NỔI BẬT VỀ WordPress 1.2.1 Dễ cài đặt, quản trị & cập nhật + Bạn khơng cần tìm chun gia Internet lập trình viên HTML để sử dụng WordPress Bạn cần máy tính kết nối mạng có trình duyệt web tự xây dựng cho trang web đơn giản + Nếu bạn có đọc viết này, chắn bạn hiểu làm thứ & lại ưu chuộm giới đến Truy cập WordPress.com đăng ký tài khoản miễn phí, đợi vài phút bạn khởi tạo cho website tiêu chuẩn, thật đơn giản phải khơng + Tuy nhiên bạn có ý định xây dựng blog lớn web thương mại điện tử muốn thiết kế giao diện WordPress riêng, sử dụng WordPress.com khơng phù hợp Rất may mắn, WordPress mã nguồn mở tách từ wordpress.com + Bạn tải miễn phí trang WordPress.org, đề cử bạn mua Hosting & đăng ký tên miền với thương hiệu bạn lý nên sử dụng WordPress.org thay miễn phí với WordPress.com ? ➤ WordPress.com phù hợp bạn bắt đầu với kinh doanh nhỏ Đến thời kỳ kinh doanh bạn phát triển, bạn cần tùy biến để thay đổi giao diện tính website Lúc việc di chuyển website từ WordPress.com sang lưu trữ hosting cần thiết 1.2.2 Phù hợp cho website + Đúng WordPress bắt đầu hệ thống viết blog, lâu Trong năm qua WordPress phát triển thành hệ thống quản lý nội dung web đầy đủ tính ➤ Điều có nghĩa bạn sử dụng WordPress để quản lý tồn trang web mình, không triển khai blog bạn Tất nhiên, bạn muốn viết blog, bạn sử dụng WordPress theo cách 1.2.3 Hàng ngàn giao diện thiết kế chuyên nghiệp + Các giao diện cài đặt cho website bạn & trang web bạn trở nên chuyên nghiệp hết, mà chịu đau đớn chi phí thuê người thiết kế web chuyên nghiệp ➤ Hiện có nghìn chủ đề miễn phí có sẵn WordPress.org chí cịn có nhiều theme quyền trang thương mại ThemeForest, StudioPress WooThemes 1.2.4 Hỗ trợ plugins linh hoạt, giúp mở rộng tính website + Bạn cần bổ sung số chức trang web mình? Đó thuộc plugins + WordPress thiết kế để mở rộng chức lập trình viên tồn giới làm Hàng ngàn plugin thêm chức đa dạng vào hệ thống cốt lõi WordPress + Vì vậy, cho dù bạn cần 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ó plugin để đáp ứng nhu cầu kinh doanh bạn ➤ Rất nhiều freelancer viết plugin cho WordPress, bạn bỏ chi phí nhỏ để có tính riêng 1.2.5 Dành cho SEO + Theo kỹ sư Google, Matt Cutts nói, “WordPress tự động giải nhiều vấn đề SEO.” Và với plugin Yoast SEO miễn phí, trang web bạn cịn thân thiện với cơng cụ tìm kiếm 1.2.6 Chúng sử dụng phổ biến 10 + Do tính dễ sử dụng sẵn có hàng nghìn giao diện plugin chất lượng chuyên nghiệp, Khơng q ngạc nhiên nói WordPress hệ thống blog phổ biến hành tinh Trên Internet 27% tất trang web xây dựng WordPress 1.2.7 Cộng đồng WordPress + Với nhiều người dùng số lượng tăng ngày Và Đó điều thuận lợi bạn nhận trợ giúp từ cộng đồng lớn người sử dụng WordPress + Trên diễn dàn bạn tìm dễ dàng học hay đề lỗi bạn cần giải quyết, đặt câu hỏi để hỗ trợ, trao đổi ý tưởng làm cho WordPress tốt cho người cách chia sẻ kiến thức bạn ➤ Bạn kết nối với cộng đồng diễn đàn WordPress thức trực tiếp kiện WordCamp khắp giới 1.2.8 Hỗ trợ Mobile + Nếu bạn cho khách hàng truy cập trang web bạn từ máy tính bàn, suy nghĩ lại Việc sử dụng trang web thiết bị di động bùng nổ + Nếu trang web bạn trông không đẹp hoạt động tốt điện thoại thông minh máy tính bảng, khách hàng bạn bỏ qua trang web bạn đến nơi khác + 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 tốc độ duyệt website thiết bị di động + Cho dù trí bạn lướt web di động với đường truyền chễ bạn tải phiên AMP trang cách nhanh chóng + Google tuyên bố ưu tiên trang web thân thiện với di động Họ thử nghiệp triển khai dự án AMP cho công cụ tìm kiếm Bằng cách tích hợp AMP, bạn ưu tiên với đối thủ khác 12 động bạn qua cơng cụ trình duyệt Google Chrome, Cốc cốc, Firefox, Website hoạt động dựa yếu tố nào? Website có hoạt động hay khơng dựa vào tiêu sau: • Source Code (Mã nguồn): Xây dựng website giống việc xây dựng ngơi nhà Trong đó, lập trình viên kiến trúc sư để tạo nên mã nguồn Cịn mã nguồn ví nguyên vật để tạo dựng lên nhà • Web Hosting (Lưu trữ web): Bên cạnh có vẽ hoàn chỉnh đầy đủ nguyên liệu để thi cơng ngơi nhà bạn phải sở hữu mảnh đất thật tốt để tiến hành xây dựng Hosting coi mảnh đất để lưu trữ mã nguồn • Domain (Tên miền): Sau có nhà có đất việc có địa cụ thể để người khác tìm đến thăm nhà bạn Đó domain - Tên miền cụ thể website để máy tính nơi khác trỏ vào muốn truy cập vào trang web bạn • Internet ( Kết nối mạng): Đường truyền mạng giống hệ thống giao thông Để khách hàng đến với địa bạn cần có đường đi, rõ ràng, giống để truy cập vào trang web cần có kết nối internet Do đó, website hoạt động tốt môi trường trực tuyến 1.4: TỔNG QUAN VỀ HTML,CSS,PHP ❖ HTML gì? 13 HTML (viết tắt từ Hypertext Markup Language, “Ngôn ngữ Đánh dấu Siêu văn bản”) ngôn ngữ đánh dấu thiết kế để tạo nên trang web World Wide Web Nó trợ giúp công nghệ CSS ngôn ngữ kịch giống JavaScript Các trình duyệt web nhận tài liệu HTML từ web server kho lưu trữ cục render tài liệu thành trang web đa phương tiện HTML mô tả cấu trúc trang web mặt ngữ nghĩa dấu hiệu ban đầu bao gồm cho xuất tài liệu Các phần tử HTML khối xây dựng trang HTML Với cấu trúc HTML, hình ảnh đối tượng khác biểu mẫu tương tác nhúng vào trang hiển thị HTML cung cấp phương tiện để tạo tài liệu có cấu trúc cách biểu thị ngữ nghĩa cấu trúc cho văn headings, paragraphs, lists, links, quotes mục khác Các phần tử HTML phân định tags, viết dấu ngoặc nhọn Các tags giới thiệu trực tiếp nội dung vào trang Các tags khác bao quanh cung cấp thông tin văn tài liệu bao gồm thẻ khác làm phần tử phụ Các trình duyệt khơng hiển thị thẻ HTML, sử dụng chúng để diễn giải nội dung trang HTML nhúng chương trình viết scripting JavaScript, điều ảnh hưởng đến hành vi nội dung trang web Việc bao gồm CSS xác định giao diện bố cục nội dung World Wide Web Consortium (W3C), trước đơn vị bảo trì HTML người trì tiêu chuẩn CSS, khuyến khích việc sử dụng CSS HTML trình bày rõ ràng kể từ năm 1997 ❖ Lịch sử phát triển HTML HTML tạo Tim Berners-Lee, nhà vật lý học trung tâm nghiên cứu CERN Thụy Sĩ Hiện nay, HTML trở thành chuẩn Internet tổ chức W3C (World Wide Web Consortium) vận hành phát 14 triển Bạn tự tìm kiếm tình trạng HTML thời điểm Website W3C Phiên HTML xuất năm 1991, gồm 18 tag HTML Phiên HTML 4.01 xuất năm 1999 Sau đó, nhà phát triển thay HTML XHTML vào năm 2000 Đến năm 2014, HTML nâng cấp lên chuẩn HTML5 với nhiều tag thêm vào markup, mục đích để xác định rõ nội dung thuộc loại (ví dụ như: , , ,…) Theo Mozilla Developer Network HTML Element Reference có khoảng 140 tag Tuy nhiên vài tag số bị tạm ngưng (do khơng hỗ trợ trình duyệt hành) ❖ HTML hoạt động nào? HTML documents files kết thúc với đuôi html hay htm Bạn xem chúng cách sử dụng trình duyệt web (như Google Chrome, Safari, hay Mozilla Firefox) Trình duyệt đọc files HTML xuất nội dung lên internet cho người đọc xem Thơng thường, trung bình web chứa nhiều trang web HTML, ví dụ như: trang chủ, trang about, trang liên hệ, tất cần trang HTML riêng Mỗi trang HTML chứa tag (cũng gọi elements), bạn xem việc xây dựng khối trang web Nó tạo thành cấu trúc thư mục bao gồm section, paragraph, heading, khối nội dung khác ❖ Cấu trúc HTML Hầu hết HTML elements có tag mở tag đóng với cấu trúc Như nói trên, HTML khai báo phần tử từ khóa Nội dung nằm bên cặp từ khóa nội dung bạn cần định dạng với HTML Ví dụ đoạn HTML khai báo đoạn văn 15 Ngoài ra, thẻ cịn có thuộc tính, thuộc tính đặt bên thẻ mở đầu, thuộc tính có giá trị đặt dấu ngoặc kép cách dấu (=) với tên thuộc tính Ví dụ thẻ có sử dụng thuộc tính Một thẻ sử dụng nhiều thuộc tính khơng phải thuộc tính Bên dưới, bạn xem code ví dụ trang HTML cấu trúc nào: Element tag division (), dùng để mark up cho phần nội dung lớn Nó bao gồm tag tiêu đề (), tag subheading (), văn (), bước hình () Đoạn văn thứ chứa tag chứa link () với attribute href chứa địa URL đích Tag hình ảnh có attribute: src cho ảnh, alt cho mơ tả hình ❖ Ưu điểm nhược điểm HTML gì? ● Ưu điểm HTML gì? Ngơn ngữ sử dụng rộng lớn có nhiều nguồn tài nguyên hỗ trợ cộng đồng sử dụng cực lớn Sử dụng mượt mà hầu hết trình duyệt Có q trình học đơn giản trực tiếp Chuẩn web vận hành World Wide Web Consortium (W3C) Dễ dàng tích hợp với ngơn ngữ backend PHP Node.js Mã nguồn mở hoàn toàn miễn phí Markup gọn gàng đồng 16 ● Nhược điểm HTML gì? Nó thực thi số logic định cho người dùng Vì Khó kiểm sốt cảnh thực thi trình duyệt (ví dụ: trình duyệt cũ khơng render tag mới) Được dùng chủ yếu cho web tĩnh Đối với tính động, bạn cần sử dụng JavaScript ngơn ngữ backend bên thứ PHP vậy, hầu hết trang cần tạo riêng biệt, kể sử dụng yếu tố, headers hay footers Một số trình duyệt chậm hỗ trợ tính ❖ Các đặc điểm HTML HTML có nhiều thẻ định dạng, bạn trình bày trang Web dễ dàng, hiệu với ngơn ngữ đánh dấu siêu văn Với tơi, ngôn ngữ đánh dấu dễ dàng đơn giản để sử dụng Chúng ta sử dụng để thiết kế trang Web với văn cách linh hoạt Một đặc điểm theo thú vị HTML liên kết đến trang Web khác Nhờ ngôn ngữ đánh dấu này, bạn thêm Video, hình ảnh, âm vào để Website hấp dẫn, đẹp mắt dễ tương tác Đặc biệt, HTML hiển thị tảng khác Linux, Windows, Max tảng độc lập ❖ Vai trị HTML lập trình Web Như nói, HTML ngơn ngữ đánh dấu siêu văn nên có vai trị xây dựng cấu trúc siêu văn website, khai báo tập tin kỹ thuật số (media) hình ảnh, video, nhạc Điều khơng có nghĩa sử dụng HTML để tạo website mà HTML đóng vai trị hình thành website Ví dụ website Thachpham.com hình thành bởi: 17 ● HTML – Xây dựng cấu trúc định dạng siêu văn ● CSS – Định dạng siêu văn dạng thô tạo từ HTML thành bố cục website, có màu sắc, ảnh nền,… ● Javascript – Tạo kiện tương tác với hành vi người dùng (ví dụ nhấp vào ảnh có hiệu ứng phóng to) ● PHP – Ngơn ngữ lập trình để xử lý trao đổi liệu máy chủ đến trình duyệt (ví dụ viết lưu máy chủ) ● MySQL – Hệ quản trị sở liệu truy vấn có cấu trúc (SQL – ví dụ viết lưu lại với dạng liệu SQL) ● Nhưng đây, tạm thời bạn cần quan tâm đến HTML mà Dễ hiểu hơn, bạn nghĩ website thể hồn chỉnh HTML xương thể đó, khung sườn TỔNG QUAN VỀ CSS ❖ CSS gì? Để nói CSS3 chắn khơng thể khơng nhắc đến tiền thân CSS CSS từ viết tắt cụm từ Cascading Style Sheets, ngôn ngữ sử dụng để tạo nên phong cách cho website Có thể hiểu CSS đóng vai trị cơng cụ giúp thêm vào thay đổi mặt hình thức đổi bố cục, màu sắc, font chữ,… CSS hoạt động cách khoanh vùng chọn dựa vào tên thẻ HTML, ID hay Class Từ đó, áp dụng thuộc tính cần thay đổi lên vùng chọn Nếu website khơng có CSS đơn trang chứa văn với màu chủ đạo trắng đen ❖ Lịch sử phát triển CSS CSS đề xuất lần vào ngày 10/10/1994 Håkon Wium Lie Kể từ đó, phiên CSS dần hình thành qua nhiều giai đoạn 18 Tính từ lúc xuất đến nay, CSS có nhiều phiên khác Các phiên giúp vá lỗi phiên cũ mang đến nhiều cải tiến Với phiên hay gọi CSS cấp có đặc điểm cụ thể như: thuộc tính font chữ, màu văn bản, hình nền, thuộc tính văn bản, lề, định vị cho yếu tố, nhận dạng phân loại chung nhóm thuộc tính Phiên CSS cấp W3C phát triển vào tháng năm 1998 Với cải tiến từ phiên CSS cấp mang đến cải tiến định vị tuyệt đối, tương đối cố định yếu tố mục z Khái niệm loại phương tiện, hỗ trợ cho biểu định kiểu âm văn hai chiều Xuất kiểu font chữ để định dạng văn Ngoài ra, sau phiên cấp cịn có nâng cấp khác CSS 2.1 đề xuất vào tháng năm 2011 Nhằm mục đích sửa lỗi loại bỏ tính khơng tương thích cho người dùng ❖ Ưu điểm CSS gì? Sự khác biệt site có CSS khơng có CSSrất dễ nhận biết Chắc bạn thấy rồi, website không load đầy đủ có trắng chữ có màu đen xanh Như sau: Điều có nghĩa thành phần CSS bạn khơng tải lên hay khơng tồn Đó website khơng có CSS, bạn có muốn website trơng khơng? Hẵn khơng phải không Trước sử dụng CSS, tất phong cách CSS cần đính kèm vào HTML markup Có nghĩa bạn cần tách để xác định thành phần background, font colors, canh hàng, vâng 19 CSS giúp bnạ định kiểu thứ file khác, bạn tạo phong cách trước sau tích hợp file CSS lên file HTML Việc giúp HTML markup rõ ràng dễ quản lý nhiều Tóm lại,với CSS bạn không cần lặp lại mô tả cho phần Nó tiết kiệm thời gian, làm code ngắn lại để bạn kiểm sốt lỗi dễ dàng CSS giúp bạn có nhiều styles trang web HTML, vậy, khả điều chỉnh trang gần vô hạn? TỔNG QUAN VỀ MYSQL ❖ Database gì? Database (cơ sở liệu) tập hợp liệu có tổ chức, thường lưu trữ truy cập điện tử từ hệ thống máy tính Khi sở liệu phức tạp hơn, chúng thường phát triển cách sử dụng kỹ thuật thiết kế mơ hình hóa thức Hệ quản lý sở liệu (Database Management System – DBMS) phần mềm tương tác với người dùng cuối, ứng dụng sở liệu để thu thập phân tích liệu Phần mềm DBMS bao gồm tiện ích cốt lõi cung cấp để quản trị sở liệu Tổng cộng sở liệu, DBMS ứng dụng liên quan gọi “hệ thống sở liệu” Thông thường thuật ngữ “cơ sở liệu” sử dụng để nói đến DBMS, hệ thống sở liệu ứng dụng liên kết với sở liệu ❖ Phân loại database ● Phân loại Database theo mục đích sử dụng Database hướng đối tượng: Điểm giống database hướng đối tượng database quan hệ chúng lưu trữ bảng liệu Còn điểm khác biệt bảng database hướng đối tượng có thêm tính hướng đối tượng, ví dụ lưu trữ thêm số hành vi để thể rõ hành vi đối tượng Nhắc đến tên hệ quản trị hỗ trợ database 20 hướng đối tượng, người ta nhớ đến tên bật như: MS SQL server, Postgres SQL, Oracle,… Database dạng file: Đây liệu lưu trữ dạng file Loại Database dạng file hay sử dụng *.mdb Foxpro, ngồi cịn có *.dbf, ascii,… Database bán cấu trúc: Loại database lưu với định dạng XML, có thơng tin mơ tả liệu đối tượng trình bày thẻ tag Database bán cấu trúc có ưu điểm vượt trội lưu trữ nhiều loại data khác nhau, dần khẳng định vị trí giá trị sử dụng Database quan hệ: Chúng liệu khác lưu trữ bảng liệu chúng lại có mối liên hệ với Vì vậy, chúng có tên gọi “database quan hệ” Một số hệ quản trị hỗ trợ database quan hệ ưa chuộng bao gồm: MySQL, MS SQL server, Oracle,… ● Phân loại Database theo hệ điều hành Database dùng hệ điều hành Linux, ví dụ như: MySQL, Mariadb,… Database dùng hệ điều hành Windows, ví dụ như: SQL Server – MSSQL, … ❖ Vai trò tầm quan trọng sở liệu Database ● Database giúp đảm bảo an toàn liệu Đảm bảo toàn vẹn an toàn liệu điểm quan trọng hàng đầu công tác lưu trữ liệu Và database xứng đáng nhận “điểm 10” độ an toàn liệu Nếu muốn lưu liệu file text, bạn nên sử dụng cách lưu File xml file csv tốt Khi lưu hai loại file bạn hoàn tồn chuyển đổi vào database dễ dàng an tồn Thơng thường cách thường dùng việc lưu database để đọc dễ dàng ● Database giúp lưu trữ thơng tin có hệ thống 21 Cấu trúc xếp có tính hệ thống – điều làm nên khác biệt lớn liệu thông thường sở liệu database Dữ liệu lưu trữ theo cấu trúc định , có tính qn cao Với đặc điểm này, database giúp người dùng thuận tiện việc tạo lập, lưu trữ, tìm kiếm sử dụng liệu cách xác nhanh chóng ● Đảm bảo khả truy xuất liệu Nhiều người sử dụng database lúc mà khơng phải qua khâu rườm rà phức tạp nhờ vào việc truy xuất từ cách khác Do đó, bạn gặp nhiều thuận lợi việc việc sử dụng, quản lý, truy cập liệu, … ● Quản lí dễ dàng với Database Một database thiết kế nhầm hỗ trợ việc tạo lập, cập nhập khai thác thông tin dễ dàng Dữ liệu cập nhật thường xun hồn tồn khơng trùng lặp Sử dụng database giúp tạo sản phẩm chuyên nghiệp hơn, lưu trữ có hệ thống, dễ dàng cơng tác quản lí Với ưu điểm đó, database ngày phổ biến lĩnh vực lập trình ứng dụng nói riêng cơng nghệ thơng tin nói chung ● Database linh hoạt thay đổi theo nhu cầu người dùng Bạn linh hoạt thay đổi kích cỡ độ phức tạp database Có database gồm vài trăm ghi (danh sách học sinh lớp) có database có dung lượng lớn (như database quản lí hàng hố hệ thống siêu thị) Song song đó, hình thức lưu trữ database đa dạng Database lưu trữ nhiều dạng khác ổ cứng, USB hay đĩa CD TỔNG QUAN VỀ PHP ❖ PHP gì? PHP: Hypertext Preprocessor, thường viết tắt thành PHP ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển 22 ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngơn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Ngôn ngữ, thư viện, tài liệu gốc PHP xây dựng cộng đồng có đóng góp lớn Zend Inc., cơng ty nhà phát triển cốt lõi PHP lập nên nhằm tạo môi trường chuyên nghiệp để đưa PHP phát triển quy mô doanh nghiệp ❖ Vì nên sử dụng ngơn ngữ PHP? PHP khơng phải ngơn ngữ script phía server có sẵn – cịn nhiều ngơn ngữ khác Tuy nhiên, lợi đối thủ cạnh tranh bạn chạy trang web WordPress Như chúng tơi đề cập trước đó, WordPress xây dựng dựa việc sử dụng PHP Vì sử dụng ngôn ngữ giúp cải thiện đáng kể số lượng tùy chỉnh có trang web Bạn sử dụng để sửa đổi plugins themes có sẵn tự tạo plugin! Nếu bạn muốn trở thành nhà phát triển WordPress, bạn bắt buộc phải học PHP Nếu chưa bị thuyết phục, số lý khác khiến PHP ngôn ngữ script tuyệt vời để sử dụng: - Dễ học – bạn học dễ dàng có tài liệu tuyệt vời chức ví dụ - Được sử dụng rộng rãi – sử dụng để tạo loại tảng thương mại điện tử, blogs, phương tiện truyền thông xã hội, v.v Thống kê cho thấy 79% tất trang web sử dụng PHP! - Chi phí thấp – nguồn mở để bạn sử dụng miễn phí 23 - Cộng đồng lớn – gặp phải vấn đề với nó, bạn khơng phải lo lắng có nhiều blog PHP internet - Tích hợp với sở liệu – số ví dụ MySQL, Oracle, Sybase, DB2, v.v ❖ Ngơn ngữ PHP có khác biệt so với ngơn ngữ lập trình khác: PHP ngơn ngữ lập trình Tuy nhiên, ngơn ngữ lập trình khơng chạy trình duyệt mà chủ yếu tương thích với máy chủ web Khi bạn mở trang web bất kỳ, máy chủ chạy tập lệnh PHP liên kết để trả lại website cho bạn ● HTML: Ngôn ngữ dùng để tạo lập trang web hoàn chỉnh HTML chủ yếu dùng để lên cấu trúc cho trang web Hiện nay, trang web cần phải sử dụng ngôn ngữ HTML để xây dựng website ● Java Script: Ngôn ngữ lập trình cung cấp cho website bạn sức mạnh định Khi sử dụng Javascript, lập trình viên đặt phép tính, điều kiện khác nhằm kiểm tra khả phản ứng website điều kiện thực tế ● CSS: CSS chủ yếu sử dụng nhằm trang trí cho website bạn đẹp mắt CSS có tất hiệu ứng ❖ MySQL gì? MySQL chương trình dùng để quản lý hệ thống sở liệu (CSDL), CSDL hệ thống lưu trữ thơng tin xếp rõ ràng, phân lớp ngăn nắp thơng tin mà lưu trữ Vì thế, bạn truy cập liệu cách thuận lợi, nhanh chóng MySQL hỗ trợ đa số ngơn lập trình Chính mà mã nguồn mở phổ biến WordPress sử dụng MySQL làm sở liệu mặc định ❖ Tại lại sử dụng MySQL? 24 ● Khả mở rộng tính linh hoạt Máy chủ sở liệu MySQL đáp ứng nhiều tính linh hoạt, có sức chứa để xử lý ứng dụng nhúng sâu với 1MB dung lượng để chạy kho liệu khổng lồ lên đến hàng terabytes thơng tin Đặc tính đáng ý MySQL linh hoạt flatform với tất phiên Windows, Unix Linux hỗ trợ Và đương nhiên, tính chất mã nguồn mở MySQL cho phép tùy biến theo ý muốn để thêm yêu cầu phù hợp cho database server ● Hiệu cao Với kiến trúc storage-engine cho phép chuyên gia sở liệu cấu hình máy chủ sở liệu MySQL đặc trưng cho ứng dụng chuyên biệt Dù ứng dụng website dung lượng lớn phục vụ hàng triệu người/ngày hay hệ thống xử lý giao dịch tốc độ cao MySQL đáp ứng khả xử lý khắt khe hệ thống Với tiện ích tải tốc độ cao, chế xử lý nâng cao khác đặc biệt nhớ caches, MySQL đưa tất tính cần có cho hệ thống doanh nghiệp khó tính ● Tính sẵn sàng cao MySQL đảm bảo tin cậy sử dụng MySQL đưa nhiều tùy chọn “mì ăn liền” từ cấu hình tái tạo chủ/tớ tốc độ cao, để nhà phân phối thứ đưa điều hướng dùng cho server sở liệu MySQL ● Hỗ trợ giao dịch mạnh mẽ MySQL đưa số engine giao dịch sở liệu tốt thị trường Các đặc trưng bao gơm, khóa mức dịng khơng hạn chế, hỗ trợ giao dịch ACID hoàn thiện, khả giao dịch phân loại hỗ trợ giao dịch đa dạng (multi-version) mà người đọc không cản trở cho người viết ngược lại Dữ liệu đảm bảo suốt q trình server có hiệu lực, mức giao dịch độc lập chun mơn hóa, phát có lỗi khóa chết tức 25 ● Bảo vệ liệu mạnh mẽ Việc quan doanh nghiệp bảo mật liệu, MySQL tích hợp tính bảo mật an tồn tuyệt đối Với việc xác nhận truy cập sở liệu, MySQL trang bị kỹ thuật mạnh, có người sử dụng xác nhận truy cập vào sở liệu Chứng SSH chứng SSL hỗ trợ để đảm bảo kết nối an tồn bảo mật Tiện ích backup recovery cung cấp MySQL hãng phần mềm thứ cho phép backup logic vật lý recovery toàn thời điểm ● Phát triển ứng dụng toàn diện MySQL trở thành sở liệu mã nguồn mở phổ biến phần cung cấp hỗ trợ hỗn hợp cho phát triển ứng dụng cần Trong sở liệu, hỗ trợ tìm thấy trigger, stored procedure, cursor, view, ANSI-standard SQL,… MySQL cung cấp kết nối như: JDBC, ODBC,… để tất form ứng dụng sử dụng MySQL erver quản lí liệu đề xuất hàng đầu ● Quản lý dễ dàng Cài đặt MySQL nhanh trung binh từ download phần mềm tới cài đặt thành công chưa đầy 15 phút Cho dù flatform Linux, Microsoft Windows, Macintosh Unix trình diễn nhanh chóng Khi cài đặt, tính quản lý tự khởi động lại, tự động mở rộng khơng gian cấu hình động sẵn sàng cho người quản trị sở liệu bắt đầu làm việc MySQL cung cấp tồn cơng cụ quản lý đồ họa cho phép DBA quản lý, sửa chữa điều khiển hoạt động nhiều server MySQL từ máy trạm đơn ● Mã nguồn mở tự hỗ trợ 24/7 Nhiều doanh nghiệp băn khoăn việc giao toàn cho phần mềm mã nguồn mở khó tìm hỗ trợ hay bảo mật an toàn phục vụ chuyên nghiệp Với MySQL cam kết rõ ràng, MySQL cam kết bồi thường gặp cố 26 ● Chi phí sở hữu thấp Sử dụng MySQL cho dự án, doanh nghiệp nhận thấy tiết kiệm chi phí đáng kể Người dùng MySQL khơng nhiều thời gian để sữa chữa vấn đề thời gian chết ... website bán hàng trực tuyến xây dựng dựa mã nguồn xây dựng sẵn, có nhiều ưu điểm giúp cho doanh nghiệp đưa gian hàng lên thị trường internet Chính ,em chọn đề tài “Thiết kế Website bán hàng thể. .. đăng lên website sử dụng WordPress giây + Số lượng website làm WordPress chiếm 23% tổng số lượng website giới + Trong số 100% website sử dụng mã nguồn CMS, WordPress chiếm 60% + Phiên WordPress. .. Chính ,em chọn đề tài “Thiết kế Website bán hàng thể thao shop LDT mã nguồn mở Wordpress? ?? 1.2: Mục đích phát triển đề tài Mục đích : Xây dựng Website hồn thiện nội dung giao diện ,góp phần nâng