Tìm hiểu về phần mềm mã nguồn mở prestashop và xây dựng website quản lý trung tâm gia sư

TRƯỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN THỊ VINH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: TÌM HIỂU VỀ PHẦN MỀM MÃ NGUỒN MỞ PRESTASHOP VÀ XÂY DỰNG WEBSITE QUẢN LÝ TRUNG TÂM GIA SƯ Nghệ An, tháng năm 2017 TRƯỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: TÌM HIỂU VỀ PHẦN MỀM MÃ NGUỒN MỞ PRESTASHOP VÀ XÂY DỰNG WEBSITE QUẢN LÝ TRUNG TÂM GIA SƯ Sinh viên thực hiện: Giáo viên hướng dẫn: Nguyễn Thị Vinh - MSV: 1251071572 Lớp: 53K1 - CNTT ThS Lê Quốc Anh Nghệ An, tháng 01 năm 2017 Đồ án tốt nghiệp MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG GIỚI THIỆU VỀ PHẦN MỀM MÃ NGUỒN MỞ PRESTASHOP 1.1 Phần mềm mã nguồn mở 1.2 Phần mềm mã nguồn mở PretaShop 1.3 Cài đặt Prestashop DirectAdmin CHƯƠNG HƯỚNG DẪN QUẢN TRỊ PRESTASHOP BACK OFFICE .14 2.1 Giao diện Back Office .14 2.1.1 Back Office Header (Top bar) 14 2.1.2 Back Office Tabs (Menu) 15 2.1.3 Back Office Footer 18 2.2 Quản lí module giao diện 19 2.2.1 Menu top 19 2.2.2 Block banner 19 2.2.3 Theme config 19 2.2.4 Module image slider for your home page .20 2.2.5 Module custom CMS information block .20 2.3 Việt hóa website .21 CHƯƠNG KHẢO SÁT PHÂN TÍCH BÀI TỐN WEBSITE QUẢN LÝ TRUNG TÂM GIA SƯ 22 3.1 Đặc tả toán 22 3.2 Các chức 22 3.3 Phân thành chức .23 CHƯƠNG WEBSITE TRUNG TÂM GIA SƯ 26 Cấu trúc Website 26 4.1 Phần Header 26 4.2 Phần Content 26 4.3 Phần Footer .29 4.4 Theme cho PrestaShop .29 KẾT LUẬN 31 Kết đạt 31 Hạn chế đề tài 31 Hướng phát triển 31 TÀI LIỆU THAM KHẢO .32 SVTH: Nguyễn Thị Vinh - 53K1 CNTT Đồ án tốt nghiệp LỜI MỞ ĐẦU Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá cơng ty hay Website cá nhân khơng cịn điều xa xỉ Thơng qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với cơng nghệ Word Wide Web, hay gọi Web giúp bạn đưa thơng tin mong muốn lên mạng Internet cho người xem cách dễ dàng với cơng cụ ngơn ngữ lập trình khác Sự đời ngôn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người s dụng Bên cạnh đó, đời mã nguồn mở giúp cơng việc lập trình viên trở nên dễ dàng h n nhiều PrestaShop với ưu điểm vượt trội phù hợp với thư ng mại điện t để xây dựng Website Việt Nam Với mong muốn học tập công cụ mã nguồn mới, đồng giảng viên ThS Lê Quốc Anh, em lựa chọn đề tài T m hi u v ph n m m m nguồn m PrestaShop v dựng thực tập tốt nghiệp e site quản lý trung t m gia sư” làm đề tài cho đồ án Website với mục đích cung cấp cho khách hàng thơng tin xác lớp, bảng lư ng,… cho lớp gia sư Nội dung đề tài bao gồm chư ng, cụ thể Chư ng Giới thiệu phần mềm mã nguồn mở PrestaShop Trong chư ng trình bày hiểu biết phần mềm mã nguồn mở nói chung phần mềm mã nguồn mở PrestaShop nói riêng Chư ng Hướng dẫn quản trị PtrstaShop Back Office Chư ng Khảo sát, phân tích tốn Website quản l trung tâm gia sư Trong phần này, trình bày bước khảo sát, phân tích tốn Website quản l trung tâm gia sư Chư ng 4: Website trung tâm gia sư Được đề cập phần chức tác giả xây dựng cho chư ng trình website trung tâm gia sư Mặc dù n lực cố g ng, nhiên b t đầu trình tự nghiên cứu công cụ nên đề tài không tránh kh i thiếu sót Rất mong nhận đóng góp tốt h n kiến t thầy cơ, bạn b để nghiên cứu tư ng lai có kết SVTH: Nguyễn Thị Vinh - 53K1 CNTT Đồ án tốt nghiệp CHƯƠNG GIỚI THIỆU VỀ PHẦN MỀM MÃ NGUỒN MỞ PRESTASHOP 1.1 Phần mềm mã nguồn mở Mã nguồn mở (Opensource) khái niệm phổ biến, bạn nghe thấy ngày thời đại công nghệ phát triển Mã nguồn mở thuật ngữ phần mềm công khai mã nguồn (source code), phần mềm mang nghĩa rộng khơng gói gọn mã nguồn Website, hệ điều hành điện thoại (Android, Tizen, FirefoxOS ), hệ điều hành máy tính (Linux), trình duyệt Web (Firefox, Chrome ) Các mã nguồn ngày thường có cộng đồng người dùng phát triển, tính mở nên người dùng xem, s a đổi cập nhật thêm tính chia sẻ theo số quy định giấy phép phần mềm mã nguồn mở (General Public Licence - GPL) mà không cần chi trả chi phí Trong giới mã nguồn Website, có nhiều mã nguồn mở vơ mạnh mẽ tiếng, Việt Nam phổ biến Wordpress, Prestashop, Joomla, OpenCart Như ta thấy, mã nguồn đa phần ngơn ngữ PHP, điều vơ tình khiến nhiều người nghĩ mã nguồn mở PHP, là sai lầm phổ biến Hình 1.1: Các mã nguồn mở phổ biến SVTH: Nguyễn Thị Vinh - 53K1 CNTT Đồ án tốt nghiệp Chúng ta nên biết rằng, PHP, ASP.NET, C++, Javascript gọi chung ngơn ngữ lập trình, cịn PrestaShop hay Wordpress mã nguồn viết lên t ngôn ngữ này, cụ thể mã nguồn mở viết ngôn ngữ PHP, ngôn ngữ ASP.NET có mã nguồn mở riêng mức độ phổ biến mã nguồn Việt Nam khơng lớn Như có nghĩa ASP.NET hay PHP có mã nguồn mở mã nguồn tự viết Nghe phức tạp bạn tưởng tượng ngơn ngữ lập trình ngôn ngữ quốc gia vậy, để kể câu chuyện (viết mã nguồn) họ phải dùng t ngữ, cú pháp, ngữ pháp khác ứng với quy t c riêng t ng ngôn ngữ Một số nguồn thông tin cho mã nguồn mở yếu kém, không bảo mật điều hồn tồn sai lầm, cố l a dối để đạt mục đích quảng cáo Bạn tưởng tượng xem, mã nguồn mở, cộng đồng hàng ngàn người s dụng, kiểm tra l i chỉnh s a qua hàng trăm phiên qua hàng chục năm mạnh mẽ cỡ Không phải "mở" không bảo mật Hình 1.2 Việc cài đặt mã nguồn dễ dàng, qua vài bước đ n giản bạn khiến cho Website vận hành Tuy nhiên, để có website hoàn chỉnh theo đồ đề mã nguồn mở lại vấn đề khó khăn h n nhiều Một mã nguồn mở làm cho nhiều đối tượng s dụng kh p giới, tập trung vào chung, cốt lõi nhiều h n phục vụ cho t ng đối tượng s dụng SVTH: Nguyễn Thị Vinh - 53K1 CNTT Đồ án tốt nghiệp Một Website mã nguồn mở thông thường cài đặt mã nguồn chính, cài thêm hàng tá phần phụ thêm (plugin) tùy biến lại nhiều để có website Điểm đáng lưu plugin bên thứ ba phát triển nhà cung cấp mã nguồn phát triển làm cho Website vơ hình chung phụ thuộc vào nhiều nguồn phát triển, gây khó khăn việc kh c phục l i s dụng Có số công ty thiết kế Website giá rẻ s dụng mã nguồn mở mà không hiểu nhiều nó, đ n giản họ tải cài đặt, thêm plugin, cài giao diện (đa số tải mạng) Mặc khác, số plugin giao diện có phí chia sẻ lậu mạng nên không h trợ t nhà phát triển, đồng thời bị cài thêm loại mã độc không mong muốn H n plugin làm để bán chia sẻ cho nhiều người nên mã nguồn, không trọng vào khách hàng mà làm để phục vụ cho nhiều người, s dụng bạn thấy trang quản trị phức tạp Kết bạn nhận Website ch p vá cách vụng hoạt động khơng hiệu quả, tùy biến quản trị khó khăn  Những điều cần biết phần mềm mã nguồn mở:  Khơng riêng Linux Đây n i hầu hết người thường gặp M i nói tới mã nguồn mở, người thường nghĩ tới Linux Điều dẫn đến việc dư luận khẳng định mã nguồn mở dành riêng cho Linux Tuy nhiên, điều khơng hẳn Có nhiều dự án mã nguồn mở h trợ đa tảng h trợ Windows Trang liệt kê nhiều phần mềm mã nguồn mở dành cho Windows Tuy nhiên, trang không bao gồm số phần mềm phổ biến, ví Apache, MySQL Drupal  Khơng phải lúc miễn phí Để phần mềm mã nguồn mở, mã nguồn phải mở với tất người Tuy nhiên, điều khơng có nghĩa ứng dụng phải miễn phí Thực chất, có nhiều cơng ty kiếm tiền t dự án mã nguồn mở Trong nhiều trường hợp, giá tính cho tính h trợ tính phụ họ thường tạo phiên miễn phí dành cho cộng đồng Khi cơng ty bán phiên cộng đồng, thường phiên bị rút gọn, phiên c sản phẩm thư ng mại (nhưng mã nguồn mở) Một ví dụ tuyệt vời kể tới Zimbra, công cụ email cộng tác mạnh mẽ cung cấp miễn phí, mã nguồn mở với phiên khác có phí (cùng nhiều tính h n) SVTH: Nguyễn Thị Vinh - 53K1 CNTT Đồ án tốt nghiệp  Nó khơng hỗ trợ Một số phần mềm mã nguồn mở cunug cấp lựa chọn h trợ (đôi với mức giá phù hợp) số phần mềm khơng Đây thường phần ngồi hợp đồng cơng ty lớn Tuy nhiên, số phần mềm khơng có h trợ đường dây nóng 24/7 để gọi m i có việc cần, khơng có nghĩa họ khơng có h trợ Đơi khi, có diễn đàn danh sách email để h trợ Trong số trường hợp, bạn cịn liên lạc với người lập trình (hoặc làm việc với) phần mềm Lựa chọn h trợ ch c ch n có - h trợ khơng tư ng thích với tư doanh nghiệp  Người dùng có đầy đủ quyền truy cập vào mã nguồn Mặc dù điều không áp dụng với người dùng thông thường, chúng tơi liệt kê nhằm đảm bảo người dùng hiểu hết khả Thực tế, mã nguồn mở có nghĩa bạn có đầy đủ quyền truy cập vào mã nguồn phần mềm Điều khơng có nghĩa bạn cần truy cập vào nguồn Đây lời đồn có t lâu Chỉ mã mở khơng có nghĩa cần thiết Thực tế, người dùng s dụng phần mềm mã nguồn mở đời khơng cần phải động chạm đến mã Tuy nhiên, m i bạn công ty bạn cần thực số chỉnh s a cho ứng dụng, mã ứng dụng mở cho bạn  Mã nguồn không dành cho lập trình viên Rất nhiều người cho tính chất mã nguồn mở, lập trình viên s dụng tới Liệu có phải mã nguồn có sẵn? Liệu có phải độ mở mã đồng nghĩa với việc người biết cách đọc, chỉnh s a xây dựng lại mã nên s dụng nó? Khơng phải Bất kì s dụng phần mềm mã nguồn mở với không cần kỹ chỉnh s a xây dựng lại phần mềm Một điều ch c ch n hầu hết người dùng mã nguồn mở khơng có kỹ ngơn ngữ lập trình đ n  Không phạm luật sử dụng nguồn mở Nhờ có SCO, người trước thường cho việc s dụng nguồn mở bất hợp pháp Tuy nhiên, tất thay đổi SCO bị loại b Việc s dụng phần mềm nguồn mở khơng vi phạm luật sở hữu trí tuệ Vậy nên bạn thoải mái s dụng nguồn mở không bị kết tội phạm luật  Khơng cần chun gia sử dụng Điều liên quan tới entry trước Hãy nhẩm theo Tôi không cần phải chuyên gia máy tính s dụng phần mềm nguồn mở Vẫn có câu SVTH: Nguyễn Thị Vinh - 53K1 CNTT Đồ án tốt nghiệp h i cũ “Bạn có phải viết riêng driver để s dụng nó?” Câu trả lời có t lâu, Khơng Rất nhiều người nghĩ phần mềm mã nguồn mở dành cho chuyên gia, người lập trình phần mềm ngủ Thực tế lại Thực ra, với hầu hết dự án mã mở, bạn không cần phải cài đặt t nguồn Hầu hết tảng có cài đặt nhị phân với mục đích giúp việc thêm phần mềm mã mở vào máy tính dễ dàng việc cài đặt phần mềm riêng Trong số trường hợp, chí cịn dễ dàng h n Và việc s dụng hầu hết phần mềm mã mở tư ng tự Mã mở phát triển theo hướng ngược lại so với người dùng máy tính thông thường Khi độ “thông minh” người dùng máy tính thơng thường giảm tính dễ s dụng phần mềm mã nguồn mở lại tăng  Hầu hết phần mềm mã nguồn mở đáng tin cậy phần mềm khác Phần mềm mã nguồn mở tất n i Nó có Download.com.vn, Download.com, thị trường Android Market, cơng cụ Add/Remove Software Linux phát hành, t trang tồn giới, n i bạn nghĩ tới Nếu tìm kiếm Google, bạn thấy chúng Có nhiều trang dành riêng cho phần mềm mã mở số tảng cụ thể Microsoft dành riêng trang cho mã nguồn mở Mã nguồn mở phát triển chặng đường dài t nguồn gốc ban đầu, việc tìm kiếm đối thủ cho phần mềm quyền giống tìm kim đống r m rạ Giờ đống r m rạ thu nh dần cịn kim lớn h n nhiều  Phần mềm miễn phí phần mềm chia sẻ không giống với mã mở Hầu hết người dùng quen thuộc với phần mềm miễn phí phần mềm chia sẻ dạng phần mềm không giống với mã mở Nếu mã nguồn phần mềm không mở, phần mềm phần mềm mã nguồn mở  Chắc chắn bạn sử dụng phần mềm mã nguồn mở Bạn s dụng trình duyệt Firefox? Nếu có, bạn s dụng phần mềm mã nguồn mở Thực tế, có nhiều người s dụng phần mềm mã nguồn mở mà không thức điều OpenOffice, Thunderbird, Pidgin, Drupal, WordPress, GnuCash, Notepad++, nhiều phần mềm khác s dụng rộng rãi Đó khơng kể tới phần nh mã nguồn mở cách tìm đường vào phần mềm độc quyền Vậy tóm lại, làm Website với mã nguồn mở tốt hay không tốt? Việc tốt hay không tốt ở cơng ty thiết kế Website, mã nguồn mở hay tự viết công cụ, để làm sản phẩm tốt công ty phải hiểu rõ công SVTH: Nguyễn Thị Vinh - 53K1 CNTT Đồ án tốt nghiệp cụ Và chúng tơi khẳng định việc s dụng mã nguồn mở để phát triển cho Website nghiêm túc chi phí khơng rẻ Nếu bạn làm việc với công ty thiết kế Website giá rẻ, th tính tốn số tiền mà bạn b với thời gian làm việc cơng ty dành cho Website bạn, bạn tự thấy giá trị Website đạt 1.2 Phần mềm mã nguồn mở PretaShop PrestaShop phần mềm mã nguồn mở thương mại điện tử đáng tin cậy chuyên nghiệp Từ năm 2007, ngành công nghiệp PrestaShop cách cung cấp tính tham gia mua sắm tăng doanh số bán hàng trực tuyến nhanh chóng Các PrestaTeam bao gồm 70 cá nhân đam mê 600 000 thành viên cộng đồng dành riêng cho công nghệ PrestaShop - Giải pháp Website thư ng mại điện t cho cá nhân doanh nghiệp với chức đầy đủ hoàn thiện website 2.0 chuyên nghiệp bán hàng trực tuyến e-Commerce shopping cart Được phát triển t năm 2005, trước PrestaShop tên tuổi, phát hành chủ yếu với phiên tiếng Pháp Nhưng thời gian gần đây, với cải tiến vượt bậc, PrestaShop trở thành mã nguồn mở phổ biến Với ưu mã nguồn phát triển sau, PrestaShop kế th a nhiều tưởng mã nguồn loại trước OsCommerce Điểm làm lên khác biệt chủ yếu việc Prestashop tích hợp sẵn thư viện trình bày sản phẩm theo màu s c Tính giúp chủ c a hàng tiếp cận tốt h n với khách hàng họ Ngồi ra, việc tích hợp trực tiếp trang quản l thông tin vào mã nguồn, giúp PrestaShop trở nên thân thiện h n với người s dụng Các đặc tính bật PrestaShop: Ưu điểm:  Đầy đủ chức website bán hàng trực tuyến thêm, s a, xóa, thống kê sản phẩm, nhà sản xuất, nhà phân phối, khách hàng,…  Theo dõi tình trạng bán hàng, thơng báo cho khách hàng tin nh n sms, thu thập thông tin khách hàng,…  Áp dụng nhiều phư ng thức toán khác với đ n vị tiền tệ lưu hành phổ biến  Tốc độ tải x l nhanh An toàn, bảo mật  URL thân thiện, tối ưu máy tìm kiếm SEO, quản l nội dung CMS…  Bạn không cần quan tâm tới chi phí mua phần mềm hay vấn đề quyền Prestashop phần mềm nguồn mở hồn tồn miễn phí SVTH: Nguyễn Thị Vinh - 53K1 CNTT Đồ án tốt nghiệp  Preferences Thiết lập cho Back Front Office, bao gồm ngôn ngữ, quốc gia, mặc định tiền tệ chuyển chủ để Front Office  Appearance Chọn logo cho tiêu đề, Favicon, thông tin liệu  Product settings Chọn cách sản phẩm bạn hiển thị Office  Email settings Xác định email g i Back Office (thông quan PHPmail() thông quan máy chủ SMTP)  Image settings Tùy chỉnh kích cỡ khác s dngj Prestashop để hiển thị hình ảnh bạn tái tạo tất hình thu nh bạn  Database settings Cấu hình thiết lập kết nối Prestashop c sở liệu Mysql Hình 2.10: Cài đặt chung  Tools:  Employees Thêm, chỉnh s a, xóa mã nhân viên truy cập Back Office Prestashop  Profiles Tạo kiểu hồ s quản l người dùng (ví dụ, quản trị, nhân viên bán hàng, quản l hàng tồn kho, )  Permissions Phân quyền cho hồ s  Contacts Tạo quản l liên hệ mà email khách hàng g i s dụng Front Office liên hệ với bạn qua form  Languagees Thêm ngôn ngữ để cung cấp cho khách hàng Front Office  Translations S a đổi, xuất, đồng cài đặt ngôn ngữ, nhập tập tin ngôn ngữ 2.1.3 Back Office Footer  Links Đường dẫn đến diễn đàn cộng đồng Prestashop trang liên hệ Prestashop Version Đây phiên cài đặt phần mềm Prestashop bạn SVTH: Nguyễn Thị Vinh - 53K1 CNTT 18 Đồ án tốt nghiệp 2.2 Quản lí module giao diện 2.2.1 Menu top B1 Vào module and service B2 Chọn module B3 Chọn module top menu B4 Cấu hình 2.2.2 Block banner B1 Vào module and service B2 Chọn module B3 Chọn module block banner B4 Cấu hình 2.2.3 Theme config B1 Vào tùy chọn B2 Vào theme B3 Vào theme config B4 Chọn file s a đổi logo Hình 2.11: Logo B5 Cấu hình giao diện Hình 2.12: Giao diện SVTH: Nguyễn Thị Vinh - 53K1 CNTT 19 Đồ án tốt nghiệp 2.2.4 Module image slider for your home page B1 Vào module and service B2 Chọn Module B3 Chọn moddule image slider for your home page B4 Cấu hình Hình 2.13: Thiết lập hình ảnh trượt 2.2.5 Module custom CMS information block B1 Chọn module custom CMS information block B2 Câu hình Hình 2.14: Thiết lập thơng tin Hình 2.14:Thiết lập thơng tin SVTH: Nguyễn Thị Vinh - 53K1 CNTT 20 Đồ án tốt nghiệp 2.3 Việt hóa website B1.Trang quản trị-> Localization->Languages, Add new -> Tạo ngơn ngữ Tiếng Việt Hình 2.15: Tạo ngơn ngữ Tiếng Việt B2 Import gói vn.gzip Hình 2.16: Import gói vn.gzip B3 Dịch word by word Hình 2.17: Dịch word by word SVTH: Nguyễn Thị Vinh - 53K1 CNTT 21 Đồ án tốt nghiệp CHƯƠNG KHẢO SÁT PHÂN TÍCH BÀI TỐN WEBSITE QUẢN LÝ TRUNG TÂM GIA SƯ 3.1 Đặc tả toán Ngày nay, nhu cầu học thêm học sinh gia tăng đến chóng mặt Khi kinh tế phát triển, điều kiện vật chất đủ đầy h n, bậc cha mẹ mong muốn học hành gi i giang để thành tài Thế muốn học trung tâm đơng đúc mà chất lượng lại khơng đảm bảo Vì thế, nhu cầu thuê gia sư dường mong muốn khơng ơng bố bà mẹ Do đó, trung tâm gia sư đời với h trợ đ c lực Website trung tâm gia sư Với nhu cầu tìm gia sư có chất lượng cách nhanh chóng phụ huynh nhu cầu tìm lớp dạy k m phù hợp gia sư, website giúp tư ng tác phụ huynh gia sư điều cần thiết Ngoài cịn giúp người chủ trung tâm gia sư quản l trung tâm hiệu h n n m b t nhu cầu gia sư phụ huynh cách nhanh chóng với xu hướng thời đại công nghệ 3.2 Các chức Một trang web quản l trung tâm gia sư chức giới thiệu trung tâm, thông tin lớp mở mở, thông tin giáo viên trung tâm, mức học phí tham khảo,… t đó, khách hàng để lại lời nh n để tư vấn nhận lớp phù hợp với em Trang chủ cho khách hàng xem lớp đợt giảm giá, gia sư uy tín lớp cần gia sư, t người khách hàng tìm hiểu kỹ h n điều mà cần Trung tâm gia sư trang liệt kê tất lớp, trang khách hàng lựa chọn lớp mà phù hợp với thời gian học lực con, em Khi khách hàng lựa chọn lớp mà định đăng k người khách hàng để lại lời nh n hộp thoại website, tin nh n chuyển đến vào hộp thư đến gmail trung tâm, trung tâm kịp thời tư vấn lớp có thời gian, giáo viên phù hợp Hay khách hành gọi điện trực tiếp tới trung tâm qua số điện thoại header SVTH: Nguyễn Thị Vinh - 53K1 CNTT 22 Đồ án tốt nghiệp 3.3 Phân thành chức  Chức để lại tin nhắn Khi khách hàng xem lớp muốn đăng k nhận lớp hay muốn đăng k học khách hàng vào mục “ Hãy để lại lời nh n” g i thông tin để trung tâm h trợ, tư vấn cụ thể Hình 3.1: Hộp thư chat  Đăng ký thành viên: Nhập e-mail bạn để đăng k thành viên website nhằm cập nhận thông tin trung tâm nhanh Hình 3.2: Nhập e-mail  Quảng cáo: Banner quảng cáo mục cho phép người dùng cài đặt quảng cáo Website Hình 3.3: Quảng cáo SVTH: Nguyễn Thị Vinh - 53K1 CNTT 23 Đồ án tốt nghiệp  Chức cài đặt màu sắc, font chữ cho theme: Hình 3.4: Cài đặt màu sắc, font chữ Ngồi website cịn có: Chức tìm kiếm sản phẩm: Khi người mua muốn tìm kiếm lớp khách hàng cần nhập tên lớp, mơn vào form tìm kiếm, kết tìm kiếm danh sách lớp có tên giống với tên cần tìm Form tìm kiếm Hình 3.5: Form tìm kiếm Kết tìm kiếm Hình 3.6: Kết tìm kiếm SVTH: Nguyễn Thị Vinh - 53K1 CNTT 24 Đồ án tốt nghiệp Người mua like page facebook để theo dõi sản phẩm Phần mày quản l widget PrestaShop Hình 3.7: Page Facebook SVTH: Nguyễn Thị Vinh - 53K1 CNTT 25 Đồ án tốt nghiệp CHƯƠNG WEBSITE TRUNG TÂM GIA SƯ Cấu trúc Website 4.1 Phần Header Header phần đầu trang web, gồm banner quảng cáo, số điện thoại liên hệ, cài đặt ngơn ngữ, logo tìm kiếm Hình 4.1: Header 4.2 Phần Content Phần Content n i chứa nội dung trang web, chứa tất bạn muốn thể  Các menu ngang, trượt hình ảnh Hình 4.2: Các menu ngang, trượt hình ảnh SVTH: Nguyễn Thị Vinh - 53K1 CNTT 26 Đồ án tốt nghiệp  Giới thiệu trung tâm Hình 4.3: Giới thiệu  Mục đăng k làm gia sư Hình 4.4: Gia sư SVTH: Nguyễn Thị Vinh - 53K1 CNTT 27 Đồ án tốt nghiệp  Nội dung trang chủ Hình 4.5: Các lớp mở trung tâm  Các mẩu quảng cáo trung tâm Hình 4.6: Các mẫu quảng cáo SVTH: Nguyễn Thị Vinh - 53K1 CNTT 28 Đồ án tốt nghiệp  Trang Facebook lời giới thiệu Hình 4.7: Trang Facebook 4.3 Phần Footer Phần footer phần để thông tin cần để người xem liên hệ với người chủ trang web Hình 4.8: Phần Footer 4.4 Theme cho PrestaShop Phần theme PrestaShop phần tạo nên giao diện, chức năng, cấu trúc trang web Khi làm trang web với PrestaShop phải có theme cho Cấu trúc theme PrestaShop mặc định phải có phần - Index.php - Style.css - Screenshoot.png Ngoài theme cịn có phần khác n a SVTH: Nguyễn Thị Vinh - 53K1 CNTT 29 Đồ án tốt nghiệp - Header.php - Footer.php - Template-home.php - Page.php - Single.php - Category.php … M i file php có cơng dụng riêng - Phần header trang website file header.php định, phần header gồm có: + Thơng tin làm việc, số điện thoại, logo, banner quảng cáo, ngôn ngữ Các mục quản l quản trị, người quản trị thay đổi + Menu trang web phần liệt kê page trang web gồm có trang chủ, trang giới thiệu, trang lớp, trang gia sư trang bảng lư ng, trang học phí tham khảo, trang dành cho phụ huynh + Phần search phần tìm kiếm sản phẩm theo tên sản phẩm kết trả tất sản phẩm có t khóa tìm kiếm - Phần footer trang website phần footer.php định gồm có logo, thơng tin trung tâm, mạng xã hội, tất quản l phần quản trị SVTH: Nguyễn Thị Vinh - 53K1 CNTT 30 Đồ án tốt nghiệp KẾT LUẬN Kết đạt Ba tháng, khoảng thời gian không dài, với bảo hướng dẫn thầy ThS Lê Quốc Anh với n lực làm việc thân để thực đồ án, đề tài tìm hiểu mã nguồn mở PrestaShop quản l website trung tâm gia sư em hoàn thành Với thuận lợi khó khăn q trình làm việc, website c hồn thành khơng tránh phần sai sót Tuy nhiên, em nổ lực để hoàn thiện website trung tâm gia sư với kết sau - Biết cách tải mã nguồn lên host - Biết cách s dụng chức prestashop - Xây dựng dự án website thư ng mại điện t , giúp thành viên làm quen với môi trường kinh doanh, nâng cao kĩ làm việc nhóm Hạn chế đề tài Do thời gian tìm hiểu cịn hạn chế nên em chưa thể hồn thành hết chức chư ng trình Hướng phát triển Ngày nay, internet trở thàng phư ng tiện tra cứu thông tin khổn lồ tiện dụng cho tất người giới Việc học hành, tìm hiểu thơng tin qua mạng trở nên phổ biến Hiểu điều này, em muốn hồn thiện website trung tâm gia sư tốt h n, phân tích kỹ h n yêu cầu xây dựng giao diện hoàn thiện h n, có tính chun nghiệp h n SVTH: Nguyễn Thị Vinh - 53K1 CNTT 31 Đồ án tốt nghiệp TÀI LIỆU THAM KHẢO [1] Trần Xn Sang, Giáo trình mơn Thương mại điện tử, Khoa Công nghệ thông tin, Đại học Vinh [2] Hướng dẫn sử dụng phần mềm PrestaShop: - https://www.youtube.com/watch?v=fKpqXzZfXvc - https://www.youtube.com/watch?v=DI_LV1MpeaU SVTH: Nguyễn Thị Vinh - 53K1 CNTT 32 ... toán Website quản l trung tâm gia sư Trong phần này, trình bày bước khảo sát, phân tích toán Website quản l trung tâm gia sư Chư ng 4: Website trung tâm gia sư Được đề cập phần chức tác giả xây dựng. .. người chủ trung tâm gia sư quản l trung tâm hiệu h n n m b t nhu cầu gia sư phụ huynh cách nhanh chóng với xu hướng thời đại cơng nghệ 3.2 Các chức Một trang web quản l trung tâm gia sư chức giới... trợ đ c lực Website trung tâm gia sư Với nhu cầu tìm gia sư có chất lượng cách nhanh chóng phụ huynh nhu cầu tìm lớp dạy k m phù hợp gia sư, website giúp tư ng tác phụ huynh gia sư điều cần thiết