(Tiểu luận) tiểu luận kết thúc môn học đồ án học phần

TRƯỜNG ĐẠI HỌC KINH TẾ - KỸ THUẬT BÌNH DƯƠNG KHOA KỸ THUẬT – CÔNG NGHỆ  - Tiểu luận kết thúc mơn học ĐỒ ÁN HỌC PHẦN Tên nhóm : Nhóm Lớp : D20C01A GVHD: Ths Dương Đăng Vinh Bình Dương, ngày tháng 10 năm 2022 h h Danh sách nhóm STT STT 10 11 12 13 14 15 16 17 18 Họ tên Nguyễn Việt Tiến Ngô Minh Trung Phùng Duy Tân Phạm Võ Thanh Tiến Công Việc Chương I Tổng quan Chương II Cơ sở lý thuyết JavaScript Domain DNS Hosting Cấu trúc Web PHP CSS,HTML Chương III Nội Dung PHPMYADMIN Database Trang chủ Trang Sản Phẩm Trang Tin tức Trang giỏ hàng Tính Chương IV Kết Luận MSSV D20C01A1941 D20C01A1357 D20C01A1331 D20C01A1316 Mức độ hoàn thành 100% 100% 100% 100% Ghi NT Bảng phân công việc Người Làm Thanh Tiến, Việt Tiến( sửa ) Trạng thái 100% Duy Tân, Việt Tiến( sửa ) Duy Tân, Minh Trung, Việt Tiến Duy Tân Minh Trung Duy Tân, Việt Tiến( sửa ) Thanh Tiến, Việt Tiến( sửa ) Duy Tân, Việt Tiến( sửa ) 100% 100% 100% 100% 100% 100% 100% Việt Tiến Việt Tiến Minh Trung, Việt Tiến Minh Trung Minh Trung Minh Trung Minh Trung, Việt Tiến Việt Tiến 100% 100% 100% 100% 100% 100% 100% 100% MỤC LỤC CHƯƠNG I: TỔNG QUAN h 1.1 Tổng quan trường .5 1.2 Sứ mạng – Tầm nhìn 1.3 Tổng quan đồ án CHƯƠNG II: CƠ SỞ LÝ THUYẾT 2.1 Giới thiệu JavaScript .9 2.2 Giới thiệu Domain 10 2.3 DNS 15 2.4 Giới thiệu Hosting 16 2.5 Cấu trúc Website 18 2.6 Giới thiệu PHP .28 2.7 Giới thiệu CSS & HTML 30 CHƯƠNG III: NỘI DUNG 34 3.1 Tổng quan trang web 34 3.1.1 PHPMy Admin & Database 34 3.1.2 Plugin & theme .46 3.2 Giao diện 55 3.2.1 Trang chủ .55 3.2.2 Trang sản phẩm .56 3.2.3 Trang tin tức 56 3.2.4 Trang giỏ hàng .57 3.3 Tính .57 CHƯƠNG IV: KẾT LUẬN 61 TÀI LIỆU THAM KHẢO .62 h NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Bình Dương, Ngày … Tháng … Năm 2022 GIẢNG VIÊN ThS Dương Đăng Vinh h Chương 1: Tổng quan CHƯƠNG I: TỔNG QUAN 1.1 Tổng quan trường Trường Đại học Kinh tế - Kỹ Thuật Bình Dương (BETU) trường đại học trực thuộc Bộ Giáo dục Đào tạo Đến nay, uy tín chất lượng đào tạo nhà trường quan ban ngành xã hội công nhận qua hàng loạt giải thưởng cúp vàng thương hiệu Việt; nhiều năm liền nhận khen UBND tỉnh Bình Dương thành tích xuất sắc dạy học góp phần cung ứng nguồn nhân lực chất lượng cao cho xã hội nói chung khu cơng nghiệp tỉnh Bình Dương nói riêng; Thủ tướng Chính phủ tặng khen, Chủ tịch nước trao tặng Huân chương Lao động hạng III năm 2010 Đặc biệt năm 2018 này, BETU vinh dự Chủ tịch nước trao tặng Huân chương Lao động hạng II 20 năm hình thành phát triển nhà Trường Hình 1.1: Logo trường Đại học Kinh tế - Kỹ thuật Bình Dương BETU tọa lạc trung tâm tỉnh Bình Dương cách TP Hồ Chí Minh khoảng 20km với 30 phút di chuyển xe máy, TP công nghiệp, động sáng tạo, vùng kinh tế trọng điểm phía nam có 28 khu công nghiệp thu hút nhiều vốn đầu tư nước với hàng ngàn DN hoạt động mở hội thực tập việc làm cho sinh viên sau tốt nghiệp Tại Bình Dương chi phí sinh hoạt thấp, an ninh trật tự, phương tiện Nhóm 4: thegioimyphambd.com h Chương 1: Tổng quan giao thông thuận lợi, sở hạ tầng hoàn chỉnh với hệ thống trung tâm thương mại siêu thị lớn (Aeon Mall, Big C, Lotte mark,…) tạo cho sinh viên môi trường lý tưởng để học tập, làm việc vui chơi giải trí BETU đào tạo theo định hướng ứng dụng gắn liền với kiến thức thực tế DN, đáp ứng nhu cầu người học xã hội, đào tạo đa hệ - đa ngành gắn với tôn hoạt động “Tri thức đại – Xã hội làm giàu”, lấy người học làm trung tâm, quyền lợi người học ưu tiên hàng đầu BETU bắt kịp xu hướng thời đại cập nhật kiến thức nhu cầu nhà tuyển dụng để trang bị cho sinh viên kiến thức kỹ sống mà DN XH cần để sẳn sàng hội nhập cơng dân tồn cầu thời đại kỷ nguyên số 4.0 Số liệu thống kê 05 năm gần cho thấy tỷ lệ sinh viên có việc làm sau 03 tháng tốt nghiệp khoảng 98%, ngày khẳng định tin tưởng Em học sinh Phụ huynh chọn BETU làm đường lập thân, lập nghiệp Cộng đồng BETUERs luôn Nhà trường tạo điều kiện phát huy sở trường để thể tài lĩnh vực văn nghệ, thể thao, khởi nghiệp, võ thuật, hoạt động Đoàn Hội,… Trung tâm hỗ trợ sinh viên quan hệ với doanh nghiệp Trường trọng đầu tư phát triển để làm cầu nối gắn kết SV với giới việc làm, hỗ trợ kịp thời cho sinh viên cần giúp đỡ 1.2 Sứ mạng – Tầm nhìn Trường Đại học Kinh tế - Kỹ thuật Bình Dương thành lập ngày 21 tháng năm 2010 theo Quyết định 1750/QĐ-TTg Thủ tướng Chính phủ sở nâng cấp Trường Cao đẳng Kinh tế - Kỹ thuật Bình Dương Để xây dựng nhà trường bước phát triển vững mạnh, Trường Đại học Kinh tế - Kỹ thuật Bình Dương cơng bố sứ mạng – tầm nhìn – giá trị cốt lõi – triết lý giáo dục trường sau: SỨ MẠNG Nhóm 4: thegioimyphambd.com h Chương 1: Tổng quan BETU sở giáo dục cung cấp nguồn nhân lực trình độ đại học, sau đại học có chất lượng đáp ứng nhu cầu ngày cao thị trường lao động tỉnh với chi phí phù hợp TẦM NHÌN Trường Đại học Kinh tế- Kỹ thuật Bình Dương (BETU) phấn đấu đến năm 2030 trở thành trường đại học đa ngành, theo định hướng ứng dụng nằm tốp tỉnh Bình Dương GIÁ TRỊ CỐT LÕI  Chất lượng tốt (Better Quality): BETU xây dựng uy tín, học hiệu cách ln hồn thiện, nâng cao chất lượng đào tạo Nhà trường  Giáo dục hay (Effective Education): BETU cam kết đổi mới, áp dụng phương pháp giáo dục hiệu hoạt động giáo dục  Hành động trung thực (Truthful Action): BETU cam kết trung thực suy nghĩ hành động toàn thể thành viên BETU  Dịch vụ đại chúng (Universal Service): BETU hướng tới việc cung cấp dịch vụ giáo dục cho đông đảo người học với triết lý học tập suốt đời với giá phù hợp TRIẾT LÝ GIÁO DỤC Tri thức đại – Xã hội làm giàu Qua thời gian xây dựng trưởng thành, trường đóng góp đáng kể lĩnh vực giáo dục - đào tạo nói chung cho phát triển kinh tế xã hội tỉnh Bình Dương nói riêng Thương hiệu trường xã hội bước công nhận Năm học 20052006 năm học 2007-2008 nhận “Cúp vàng Thương hiệu Việt uy tín, chất lượng đào tạo” Năm 2008-2009 bầu chọn vào “Top 500 thương hiệu hàng đầu Việt Nam” Là trường sinh thời kỳ đất nước Cơng nghiệp hóa - Hiện đại hóa, với nỗ lực cố gắng tồn thể cán bộ, giảng viên, cơng nhân viên chức học sinh sinh viên, nhà trường đạt nhiều thành tích đáng kể: Chủ tịch Nước tặng Nhóm 4: thegioimyphambd.com h Chương 1: Tổng quan Huân chương lao động hạng III; Thủ tướng Chính phủ tặng Bằng khen; Bộ Giáo dục Đào tạo tặng Bằng khen công nhận đơn vị “Lao động xuất sắc”; UBND tỉnh Bình Dương tặng Bằng khen; năm học 2011-2012 tặng cờ thi đua “Đơn vị dẫn đầu khối đại học, cao đẳng” tỉnh Bình Dương 1.3 Tổng quan đồ án Hiện giới ngày phát triển, xã hội ngày bắt kịp xu cần phải thay đổi nhìn trước người phải đến tận nơi mua hàng cơng nghệ phát sử dụng điện thoại thông minh để mua hàng online mà khơng cần phải đâu Ngồi ra, tính chất lây nhiễm cao vi rút Covid-19 tính tiện lợi từ việc giao-đặt hàng online, dịch vụ mua bán hàng hóa khơng tiếp xúc gia tăng mạnh Theo khảo sát công ty nghiên cứu thị trường Hoa Kỳ - Forrester, năm 2020, 58% người tiêu dùng chọn chi tiêu trực tuyến, tăng 12% so với mức trước đại dịch Xét nhiều góc độ, khơng ảnh hưởng dịch bệnh, số người tiêu dùng trực tuyến ngày tăng hệ Z – hệ sinh sau internet trở nên phổ biến rộng rãi, tiếp xúc sử dụng công nghệ từ nhỏ - dần trở thành lực lượng dân số Vì vậy, ứng dụng công nghệ số chi tiêu, mua sắm xu hướng tất yếu người tiêu dùng trẻ đại.  Trong giai đoạn -10 năm tới, hệ Z thay toàn lực lượng lao động tồn cầu Theo đó, kinh doanh thương mại điện tử không đáp ứng thay đổi nhu cầu mà cịn đón đầu xu tiêu dùng tương lai.  Theo UNCTAD, doanh số thương mại điện tử năm 2019 đạt 26,7 nghìn tỷ USD, chiếm khoảng 30% GDP toàn cầu, bao gồm doanh số bán hàng doanh nghiệp với doanh nghiệp (B2B) doanh nghiệp với người tiêu dùng (B2C) Năm 2021, theo eMarketer, thị trường thương mại điện tử toàn cầu dự kiến đạt 4,89 nghìn tỷ USD Chính điều nhóm đưa phương án để phát triển theo kịp xu hướng thời đại tạo trang web bán mỹ phẩm online Nhóm 4: thegioimyphambd.com h Chương 1: Tổng quan Nhóm 4: thegioimyphambd.com 10 h Chương 3: Cơ sở lý thuyết Hình 3.14: Cài đặt Plugin cao cấp Một số WordPress plugin cần thiết cho Website  WP Roket WP Rocket plugin nhớ đệm cao cấp phổ biến Nó làm giảm thời gian tải cải thiện tốc độ website Nó có tính lazy loading image Điều có nghĩa hình ảnh tải chúng xuất chế độ xem trình duyệt người dùng Hình 3.15: Trang giới thiệu WP Rocket Plugin dễ dàng nhanh chóng để thiết lập Đây plugin thân thiện với người bắt đầu cài đặt cho 100.000 wrbsite Nó có ba tùy chọn cao cấp, từ $ 49 đến $ 249 Nhóm 4: thegioimyphambd.com 53 h Chương 3: Cơ sở lý thuyết  Everest Forms Everest Forms plugin form WordPress với thiết kế gọn gàng Plugin hữu ích để tạo loại form bao gồm contact form Tùy chọn drag and drop plugin cho phép tạo form mà khơng gặp khó khăn Do đó, phù hợp cho người bắt đầu người dùng nâng cao Hình 3.16: Trang giới thiệu Everest Forms Plugin hoàn toàn phù hợp với thiết bị thiết kế đáp ứng Ngồi ra, plugin nhẹ nhanh chóng Ngồi ra, cho phép tạo form khơng giới hạn cho website Bên cạnh giới thiệu form post,… với trợ giúp shortcode  Easy Social Sharing Easy Social Sharing plugin WordPress phổ biến cho tùy chọn social sharing Một số nút social sharing dễ dàng hiển thị với trợ giúp plugin Nó cung cấp sưu tập gồm 18 nút social sharing phổ biến để chia sẻ nội dung mà khơng gặp khó khăn Nhóm 4: thegioimyphambd.com 54 h Chương 3: Cơ sở lý thuyết Hình 3.17: Trang giới thiệu Easy Social Sharinng  Yoast SEO Yoast SEO by Team Yoast plugin SEO số với lượng người dùng lớn Nó tối ưu hóa SEO website giúp nhận nhiều lưu lượng truy cập vào website Kết xếp hạng cao cơng cụ tìm kiếm Google, Bing, Yahoo,… Hình 3.18: Trang giới thiệu Yoast SEO Plugin cho phép tạo title tag meta description Nó cho phép kiểm sốt đường dẫn website Các URL hợp quy ngăn chặn vấn đề nội dung trùng lặp xuất công cụ tìm kiếm Theme Theme WordPress Nhóm 4: thegioimyphambd.com 55 h Chương 3: Cơ sở lý thuyết Theme WordPress folder gồm nhiều file hoạt động để tạo nên thiết kế website Theme WordPress bao gồm file template, stylesheet, hình ảnh đơi có file JavaScript Theme cung cấp nhiều layout đẹp, ngồi cịn giúp website có thêm màu sắc đa dạng, tính để website hoạt động cách trơn tru Việc thay đổi theme WordPress không ảnh hưởng đến nội dung blog, trang, người dùng, hay thông tin khác lưu trữ sở liệu (Database) Về theme thay đổi cách thơng tin hiển thị người truy cập website Hiện nay, có hàng ngàn theme WordPress miễn phí khác để sử dụng, giúp đáp ứng hầu hết nhu cầu website Người dùng download theme trực tiếp từ thư viện theme WordPress, mua phiên cao cấp với nhiều tính từ nhà cung cấp thứ ba Và đặc biệt ta cịn tạo theme riêng Sự khác Template Theme WordPress Những người thường khó phân biệt khác template theme Về bản, theme bao gồm nhiều loại file khác stylesheet, script, hình ảnh Các file cài đặt cách riêng lẻ mà cần phải hoạt động chung với Mặt khác, template thành phần kiểm soát trang hay phần trang Chẳng hạn, hầu hết theme có file template riêng cho header, footer, sidebar, comment hay số thành phần khác trang File template có nhiệm vụ kiểm sốt thơng tin nên hiển thị với bố cục trang Những theme WordPress phổ biến Một công việc bắt đầu xây dựng website WordPress chọn theme cho trang Tốt nên chọn theme có thiết kế phù hợp, đồng thời cung cấp nhiều tính hữu dụng cho trang Ngoài ra, nên cân nhắc sử dụng theme WordPress thường xuyên cập nhật trì để tránh gặp cố tương thích Dưới số theme WordPress phổ biến nay: Nhóm 4: thegioimyphambd.com 56 h Chương 3: Cơ sở lý thuyết  Divi: Một theme đa mục, cho phép tùy chỉnh thơng qua cơng cụ drag-anddrop builder  Astra: Cung cấp nhiều demo thiết kế sẵn, cho phép xây dựng website vài phút  Genesis: Một framework nhanh, gọn, cho phép tùy chỉnh thiết kế với nhiều child theme khác  OceanWP: Hồn tồn miễn phí, nhẹ khả tùy chỉnh cao, đặc biệt phù hợp với người Những theme kể dễ sử dụng, hỗ trợ tích cực đáp ứng nhiều mục đích sử dụng khác Ta sử dụng để xây dựng trang web blog cá nhân, trang kinh doanh, thương mại điện tử Cách kiểm tra theme website Đơi ta bắt gặp website có giao diện thú vị, lại khơng biết làm để tìm xem website sử dụng theme Rất đơn giản, sử dụng công cụ WordPress theme detector để dễ dàng xem theme mà website dùng Trước tiên, nhập tên website vào click Analyze Website Hình 3.21: Hướng dẫn kiểm tra Sau hình hiển thị theme nhà cung cấp dịch vụ WordPress website Nhóm 4: thegioimyphambd.com 57 h Chương 3: Cơ sở lý thuyết Hình 3.22: Hướng dẫn kiểm tra 3.2 Giao diện 3.2.1 Trang chủ Hình 3.23: Hình Trang chủ Nhóm 4: thegioimyphambd.com 58 h Chương 3: Cơ sở lý thuyết Hình 3.24: Hình trang chủ 3.2.2 Trang sản phẩm Hình 3.25: Hình trang sản phẩm Nhóm 4: thegioimyphambd.com 59 h Chương 3: Cơ sở lý thuyết 3.2.3 Trang tin tức Hình 3.26: Hình trang tin tức 3.2.4 Trang giỏ hàng Nhóm 4: thegioimyphambd.com 60 h Chương 3: Cơ sở lý thuyết Hình 3.27: Hình trang giỏ hàng 3.3 Tính Đăng nhập vào trang quản trị trang website đến phần “sản phẩm” chọn “ thêm mới” Trang thêm sản phẩm xuất Để đăng sản phẩm bạn cần có tiêu đề(tên sản phẩm), nội dung , hình ảnh , giá từ khóa sản phẩm Nhóm 4: thegioimyphambd.com 61 h Chương 3: Cơ sở lý thuyết Phần ghi tên sản phẩm phần số thông tin sản phẩm Tiếp đến ghi vào giá thành sản phẩm Chọn ảnh sản phẩm đến thiết lập ảnh sản phẩm hình bên Nhóm 4: thegioimyphambd.com 62 h Chương 3: Cơ sở lý thuyết Sau thêm vài từ khóa cho sản phẩm kết thúc cách bấm chọn đăng sản phẩm Có thể xem thử trước sản phẩm trước đăng cách xem thử Cũng lưu lại nháp đăng Nhóm 4: thegioimyphambd.com 63 h Chương 3: Cơ sở lý thuyết Nhóm 4: thegioimyphambd.com 64 h Chương 4: Kết luận CHƯƠNG IV: KẾT LUẬN Với phát triển mạnh mẽ công nghệ thông tin internet, việt ứng dụng công nghệ vào việc kinh doanh đem lại hiệu to lớn Qua báo cáo giúp cho người hiểu rõ cách thức hoạt động Web triển khai Trong trình làm dẩn giảng viên Th.S Dương Đăng Vinh, nhóm hiểu thấy công việc cần phải làm thiết kế giao diện cho website sử dụng hệ quản trị nội dung WordPress Tuy gặp nhiều khó khăn lúc đầu cuối nhóm hồn thành Vì em mong q thầy quan tâm đến đề tài dẫn góp ý kiến cho em, để nhóm hồn thiện cách đầy đủ Nhóm 4: thegioimyphambd.com 65 h TÀI LIỆU THAM KHẢO [1] Jon Duckett (2011), Sách HTML and CSS: Design and Build Websites [2] Steve Krug (2000), sách  Don’t Make Me Think – lựa chọn cho frontend [3] Vũ Triệu Long, Bùi Chính Nghĩa (2021), báo cáo Xây dựng website dựa mã nguồn mở word press nhằm nâng cao hiệu kinh doanh trực tuyến cho cửa hàng điện thoại di động NAM ANH-THÁI NGUYÊN [4] Lê Bá Khánh Ân (2018), đề tài Xây Dựng WebSite Bình Chọn Ẩm Thục Đà Nẵng Bằng WordPress [5] Top 10 nhà cung cấp tên miền Việt Nam, https://mauwebsite.vn/mua-ten-mien-odau/ [6] Các plugin cần thiết cho Wordpress, https://vietnix.vn/nhung-plugin-can-thiet-chowordpress/ h h