Lập trình theme cho website bán hàng

TRƯỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN Nguyễn Thị Lý BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: Lập trình theme cho website bán hàng Nghệ An, tháng 01 năm 2016 Đồ án tốt nghiệp 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: Lập trình theme cho website bán hàng Sinh viên thực hiện: Nguyễn Thị Lý - 1151073782 Lớp: 52K2 - CNTT Giáo viên hướng dẫn: TS Hoàng Hữu Việt Nghệ An, tháng 01 năm 2016 Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT Đồ án tốt nghiệp LỜI CẢM ƠN Lời em xin gửi lời cảm ơn đến toàn thể thầy, cô giáo cán Khoa CNTT- Trƣờng Đại Học Vinh dạy bảo, truyền đạt kiến thức làm hành trang cho chúng em bước vào đời Cảm ơn tất bạn bè, gia đình ln bên cạnh, quan tâm, động viên em lúc khó khăn Đặc biệt em trân trọng gửi lời cảm ơn đến giáo viên hướng dẫn TS HOÀNG HỮU VIỆT dạy, giúp đỡ nhiệt tình, sẵn sàng giải đáp thắc mắc, giúp đỡ em suốt trình làm đồ án Cũng qua cho em gửi lời cảm ơn đến Ban giám đốc toàn thể cán nhân viên Công ty phát triển công nghệ G5 giúp đỡ em suốt trình thực tập tốt nghiệp, trình làm đồ án tốt nghiệp Sự dạy tận tình Ban giám đốc tồn thể cán nhân viên công ty tạo điều kiện thuận lợi cho em có hội tiếp cận với thực tiễn, làm quen với cách làm việc ,cách tổ chức dự án cách làm việc nhóm, nắm bắt nghiệp vụ chun mơn, kịp thời bổ sung hồn chỉnh kiến thức, bước tiền đề để tránh bỡ ngỡ, bắt kịp nhanh với thực tế sau trường Do thời gian chưa nhiều , kiến thức hạn hẹp nên trình làm đồ án tốt nghiệp làm báo cáo tránh khỏi thiếu sót Rất mong nhận đóng góp ý kiến từ thầy giáo, cô giáo bạn Ban giám đốc toàn thể cán nhân viên Công ty phát triển công nghệ G5 để em hồn thiện tốt đồ án tốt nghiệp kỹ làm việc Em xin chân thành cảm ơn! Sinh viên thực Nguyễn Thị Lý Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT Đồ án tốt nghiệp MỤC LỤC LỜI CẢM ƠN MỤC LỤC CHƢƠNG I : ĐẶT VẤN ĐỀ 1.1 Mở đầu 1.1.1 Đặt vấn đề 1.1.2 Lí chọn đề tài 1.1.3 Khái niệm Phần mềm mã nguồn mở, Theme 1.1.4 Các hướng giải toán 1.2 Yêu cầu chuẩn bị 1.2.1 Lựa chọn công cụ phát triển ứng dụng 1.2.2 Thực 10 1.2.3 Mục tiêu yêu cầu xây dựng hệ thống 10 CHƢƠNG 2: KỸ THUẬT THIẾT KẾ THEME 12 2.1 Tìm hiểu cấu trúc Theme wordpress 12 2.1.1 Cấu trúc Theme WordPress 12 2.1.2 Xây dựng cấu trúc Theme 13 2.1.3 Viết code cho tập tin Function 17 2.1.4 Thiết lập chiều rộng nội dung 18 2.1.5 Thiết lập theme dịch sang nhiều ngơn ngữ 18 2.1.6 Thêm chức title-tag 19 2.1.7 Thêm chức Post Format 19 2.1.8 Thêm chức custom background 20 2.1.9 Tạo menu location 20 2.1.10 Tạo Sidebar 21 2.2 Viết code cho tập tin Header.php 21 2.2.1 Ý nghĩa header.php 21 2.2.2 Viết code cho tập tin Header 21 2.3 Viết code cho tập tin Footer.php 23 2.3.1 Ý nghĩa tập tin Footer.php 23 2.3.2 Viết code cho footer.php 23 2.4 Viết code cho tập tin index.php 24 Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT Đồ án tốt nghiệp 2.4.1 Ý nghĩa tập tin Index.php 24 2.4.2 Viết code cho tập tin Index.php 25 2.5 Viết code hiển thị Sidebar 25 2.5.1 Bản chất Sidebar 25 2.5.2 Hiển thị Sidebar website 26 2.6 Viết code cho tập tin Index.php để hiển thị Post/Page 27 2.6.1 Hiển thị ảnh đại diện cho Post 28 2.6.2 Hiển thị tiêu đề cho Post 30 2.6.3 Viết code hiển thị nội dung Post 32 2.7 Viết code cho trang lƣu trữ 404 34 2.7.1 Code cho trang archive.php 34 2.7.2 Code cho tập tin author.php 35 2.8 Tạo Custom Page Template 36 2.8.1 Template Full-Width 36 2.8.2 Viết code cho Template Full-Width 36 2.9 Tạo ShortCode 37 2.9.1 Khái niệm Shortcode 37 2.9.2 Tạo Shortcode 37 2.10 Tạo Custom_Post_Type 39 2.10.1 Khái niệm Custom-Post-Type 39 2.10.2 Tạo Custom Post Type Slider 40 2.11 Tạo widget cho WordPress 42 2.11.1 Khái niệm Widgets 42 2.11.2 Quy trình tạo Widget 42 2.12 Tùy chỉnh CSS cho Theme, Website 43 CHƢƠNG 3: QUY TRÌNH THIẾT KẾ BÀI TOÁN BÁN HÀNG 45 VÀ CÀI ĐẶT ỨNG DỤNG 45 3.1 Mơ tả tốn 45 3.2 Khảo sát hệ thống đánh giá trạng 46 2.1 Hiện trạng trang web bán hàng online 46 3.2.2 Hiện trạng hình thức bán hàng phổ biến 47 3.3 Quy trình thiết kế toán 48 3.3.1 Kế thừa sở liệu mã nguồn mở WordPress 48 Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT Đồ án tốt nghiệp 3.3.2 Quy trình làm việc Cơ sở liệu 49 3.3.3 Khả can thiệp vào mã nguồn WordPress 52 3.4 Cài đặt ứng dụng 53 3.3.1 Yêu cầu giao diện 53 3.3.2 Cài đặt, thiết kế website Bán chăn ga gối đệm 53 CHƢƠNG 4: KẾT LUẬN 61 4.1 Những thuận lợi khó khăn 61 4.1.1 Thuận lợi 61 4.1.2 Khó khăn 61 4.1.3 Kết đạt 61 4.2 Hƣớng phát triển đồ án 62 4.3 Tài liệu tham khảo 63 4.3.1 Tài liệu Tiếng Việt 63 4.3.2 Tài liệu Tiếng Anh 63 Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT Đồ án tốt nghiệp CHƢƠNG I : ĐẶT VẤN ĐỀ 1.1 Mở đầu 1.1.1 Đặt vấn đề Trong thời đại ngày nay, với phát triển kinh tế - xã hội CNTT nắm giữ vai trị quan trọng Các hình thức thương mại điện tử phát triển thay hình thức bn bán thủ cơng, truyền thống Hầu hết lĩnh vực có trợ giúp tin học, mang lại cho người nhiều lợi ích, tiết kiệm cơng sức, thời gian, tiền bạc Chỉ cần ngồi chỗ mua sắm, bn bán, trao đổi thay phải đến tận nơi Để tạo uy tín, khẳng định thương hiệu giới thiệu sản phẩm đến người tiêu dùng việc quảng bá chiếm giữ phần khơng nhỏ Chỉ cần ngồi nhà nắm bắt tình hình thị trường cổ phiếu, thị trường chứng khốn, thị trường bất động sản, tình hình trị, kinh tế, xã hội Hay cần cú nhấp chuột vài tiếng đồng hồ sau có sản phẩm mang đến tận nhà thay phải đến tận nơi để mua chúng Để người dùng biết đến sản phẩm nhà sản xuất Để nhà sản xuất, doanh nghiệp, cơng ty giới thiệu sản phẩm đến người tiêu dùng Để người mua xem nhiều sản phẩm, có nhìn so sánh sản phẩm, chọn sản phầm tốt, để công ty, doanh nghiệp tạo uy tín, thương hiệu,….Tất nhờ đến việc quảng bá, giới thiệu Ngày có nhiều hình thức để quảng bá, giới thiệu hẳn việc xây dựng website quan tâm cơng ty, doanh nghiệp Bài tốn đặt nên xây dựng website quảng bá để mang phong cách riêng, giao diện thân thiện, đẹp mắt dễ sử dụng, có nhiều chức đáp ứng cho khách hàng, để khách hàng ấn tượng đồng thời trang web phải tạo uy tín, thương hiệu cho doanh nghiệp, cho cơng ty 1.1.2 Lí chọn đề tài 1.1.2.1 Nhu cầu cá nhân, doanh nghiệp, công ty 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à sâu vào đời sống 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 Trong lĩnh vực kinh tế, công nghệ thông tin thực có nhiều đóng góp quan trọng công việc quản lý, trao đổi, mua bán đặc biệt quảng cáo sản phẩm, hàng hóa cơng ty, xí nghiệp, doanh nghiệp Những ứng dụng công nghệ thông tin mang lại nhiều lợi ích khơng Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT Đồ án tốt nghiệp nhỏ, đem lại hiệu kinh tế cao cho công ty, doanh nghiệp Muốn bán đưa sản phẩm cho người biết đến cách rộng rãi nhanh chóng cần phải quảng cáo Vì vậy, xây dựng website quảng cáo bán sản phẩm điều tối thiểu cần thiết công ty, doanh nghiệp để tồn phát triển kinh tế thị trường cạnh tranh khốc liệt ngày Thực tế website bán hàng trực tuyến hầu hết xây dựng dựa mã nguồn xây dựng sẵn - mã nguồn mở Nó có nhiều ưu điểm giúp cho doanh nghiệp đưa gian hàng lên thị trường Internet, mua bán trao đổi hàng hóa đặc biệt chức quan trọng bậc quảng bá sản phẩm Khơng có doanh nghiệp nhà nước, tư nhân, tổ chức nhà nước, tổ chức trị, cơng ty hay trường học có nhu cầu thiết kế cho website, mà bên cạnh cửa hàng nhỏ hay chí cá nhân muốn có trang web để lưu trữ, chia sẻ thông tin blog cá nhân mang phong cách riêng Tuy nhiên để xây dựng đánh giá trang web tốt phụ thuộc nhiều yếu tố Có nhiều cách để xây dựng website, cách công ty, doanh nghiệp tổ chức đơng đảo người dùng u thích dùng phần mềm mã nguồn mở 1.1.2.2 Lợi ích mã nguồn mở Sử dụng phần mềm nguồn mở đem lại nhiều lợi ích cho cơng ty, doanh nghiệp Các lợi ích gồm: - Tiết kiệm chi phí cho việc mua quyền - Chỉnh sửa phần mềm phù hợp nhu cầu nhằm giảm công sức xây dựng phần mềm từ đầu - Nhờ vào tính mở mã nguồn mà người sử dụng cần thay đổi mã nguồn để đạt tính ý muốn Đây tính so với phần mềm có quyền - Chất lượng: phần mềm mã nguồn mở gần gũi với mà người sử dụng mong muốn người sử dụng tự tạo điều Khơng phải nhà cung cấp đem đến cho người sử dụng giá trị mà họ nghĩ người sử dụng trông đợi, mà nhà thiết kế người sử dụng tạo giá trị kỳ vọng mình, họ làm tốt điều - Tính linh hoạt: Khi sử dụng phần mềm độc quyền Microsoft Windows Office, người sử dụng đơn điệu tuân theo quy trình cập nhật phần cứng phần mềm dựng sẵn Ngược lại, với phần mềm mã nguồn mở, người sử Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT Đồ án tốt nghiệp dụng chạy chúng phần cứng lỗi thời Không phải nhà cung cấp, mà người sử dụng người định cần cập nhật phần mềm Ít nghiên cứu gần cho thấy, thực tế, doanh nghiệp lựa chọn sử dụng phần mềm mã nguồn mở lý trước tiên ưu việt mặt kỹ thuật mà phần mềm có 1.1.3 Khái niệm Phần mềm mã nguồn mở, Theme Phần mềm mã nguồn mở (hay gọi tắt mã nguồn mở) phần mềm với mã nguồn công bố sử dụng giấy phép nguồn mở Giấy phép cho phép nghiên cứu, thay đổi cải tiến phần mềm, phân phối phần mềm dạng chưa thay đổi thay đổi Định nghĩa Nguồn mở Tổ chức Sáng kiến Nguồn mở (Open Source Initiative OSI) thể triết lí nguồn mở xác định ranh giới việc sử dụng, thay đổi tái phân phối phần mềm nguồn mở Giấy phép phần mềm cung cấp cho người dùng quyền vốn bị cấm quyền, gồm quyền sử dụng, thay đổi tái phân phối Một vài giấy phép phần mềm nguồn mở thẩm định thuộc giới hạn định nghĩa nguồn mở Ví dụ bật Giấy phép Cơng cộng GNU (GPL) Trong nguồn mở cho phép công chúng truy cập vào nguồn sản phẩm, giấy phép nguồn mở cho phép tác giả điều chỉnh cách truy cập Mã nguồn mở hỗ trợ cho người dùng nhiều tính năng.Tuy nhiên quan trọng có lẽ linh hồn Website Theme hay gọi chủ đề Một cách tổng quát Theme tồn cách bố trí, trang trí, cách hiển thị chức website Các mã nguồn mở thật đem lại cho người dùng nhiều tiện ích Tuy nhiên dùng thứ miễn phí chẳng ta có website đẹp hay chuyên nghiệp Để có Theme đẹp chức đầy đủ vấn đề Lượng người dùng mã nguồn mở để xây dựng trang web tăng kéo theo nhu cầu mua Theme cho mã nguồn mỡ tăng Không lượng khách hàng nước mà lượng khách hàng nước nhiều, ta đăng ký trang web chuyên mua bán Theme (ví dụ trang Themeforest.vn) ta thấy thị trường quốc tế cịn có tiềm thị trường nước 1.1.4 Các hƣớng giải tốn Có nhiều cách để xây dựng website như: Dùng ngôn ngữ lập trình Java, ASP.NET, PHP,… Dùng phần mềm mã nguồn mở Drupal, Nuke Viet, Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT Đồ án tốt nghiệp Moodle, Joomla, WordPress,…Hiện đông đảo người dùng yêu thích sử dụng dùng mã nguồn mở để xây dựng website Có nhiều phần mềm mã nguồn mở, mã nguồn mở phổ biến ưa chuộng Wordpress Tuy nhiên, để có trang web đáp ứng phong cách khác nhau, tính mà khách hàng mong muốn Nếu dùng tất mà phần mềm mã nguồn mỡ cung cấp chưa đủ, để đạt theo mong muốn người dùng phải mua nhiều Plugin cài đặt thêm vào, chi phí tăng Chưa kể đến việc Plugin mua khơng khớp với Theme mặt giao diện, thẩm mỹ Mặt khác cài đặt nhiều Plugin dẫn tới việc phình to sở liệu, nên việc đọc liệu lâu, trang web chạy chậm Hơn lĩnh vực người có sở thích riêng, muốn tạo website riêng mang phong cách họ Chẳng hạn, làm kinh doanh khác lĩnh vực, người làm kinh doanh nội thất chắn website họ khác với người làm kinh doanh quần áo kinh doanh sản phẩm quần áo người hay doanh nghiệp lại muốn tạo website mang phong cách riêng, ấn tượng riêng cho cơng ty, doanh nghiệp Như trình bày trên, có nhiều hướng giải vấn đề đặt Tuy nhiên phạm vi Đồ án tốt nghiệp chuyên ngành Kỹ sư Công nghệ thông tin em trình bày cách giải vấn đề việc dùng phần mềm mã nguồn mỡ WordPress để xây dựng website Trước lập trình Theme cho mã nguồn mở, cụ thể Lập trình Theme cho Phần mềm mã nguồn mở Wordpress Sau dùng Theme lập trình demo website bán hàng, cụ thể bán Chăn-ga-gối-đệm 1.2 Yêu cầu chuẩn bị 1.2.1 Lựa chọn công cụ phát triển ứng dụng Hiện có nhiều cơng cụ phát triển ứng dụng web nói chung mã nguồn mở WordPress nói riêng Các cơng cụ phổ biến bao gồm: - Phần mềm XamPP (Nếu có sever /hosting bỏ qua phần mềm này) WordPress, nên dùng phiên (Hiện phiên 4.4) Phần mềm Photoshop Abode Framwork CS6 Phần mềm để soạn thảo, lập trình Sublime Text Php Stom Các trình duyệt Fifox, Chome, IE, Brower, Safari, Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT Đồ án tốt nghiệp – Content Management System (hệ thống quản trị nội dung) WordPress mã nguồn PHP thuộc loại CMS 3.3.2 Quy trình làm việc Cơ sở liệu Trong mã nguồn WordPress, lập trình nhiều tính giúp thân tương tác với sở liệu (database) MySQL để giúp người sử dụng lưu trữ liệu mềm website Tất liệu mềm lưu trữ vào database bao gồm nội dung văn nhập vào website, thiết lập (vì thiết lập lưu dạng kiểu liệu) số liệu khác Xem database thông qua phpMyAdmin ứng dụng tương tự thấy WordPress có nhiều bảng để chứa liệu lưu vào bảng: Hình 3.1 : Các bảng WordPress để chứa liệu đƣợc lƣu vào Các tính mã nguồn tương tác với bảng liệu đưa ngồi trình duyệt hiển thị dạng HTML thông qua tập tin thiết lập khuôn mẫu theme (ta gọi template) Khi người truy cập vào website, WordPress tự động xử lý theo quy trình sau: Bƣớc – Khởi động mã nguồn Tập tin index.php mã nguồn (không phải theme hay plugin) tải ra, sau truy xuất tập tin cốt lõi khác wp-config.php vốn để kết nối đến sở liệu, wp-settings.php,… Có thể mở tập tin index.php lên xem lần mò theo tập tin nhúng vào biết quy trình tải theo thứ tự tập tin Ở bước này, WordPress kết nối đến sở liệu thiết lập wpconfig.php, sau tiến hành tải tính mã nguồn /wpinclude/functions.php, /wp-include/options.php,…nhằm nạp sẵn chức cần thiết để tiếp nhận liệu Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 49 Đồ án tốt nghiệp Và bước này, toàn liệu lưu vào bảng wp_options có giá trị cột autoload true lấy hết, dù thiết lập có sử dụng hay khơng Hình 3.2 Dữ liệu đƣợc lƣu vào bảng wp_options có giá trị cột autoload true đƣợc lấy Mục đích bước mang sẵn tuỳ chọn website plugin để hỗ trợ cho bước sau, đặc biệt bước tải plugin để làm việc xác Bƣớc – Kích hoạt plugin Các plugin mà kích hoạt website tải sau mã nguồn WordPress khởi động xong Bởi tính WordPress Core sử dụng plugin thường gắn vào hook init (có thể hiểu điểm neo để kích hoạt kịch đó) nên tải sau WordPress khởi động Bƣớc – Thực thi tập tin functions.php theme Lúc này, WordPress tiến hành dị tìm đến tập tin functions.php theme kích hoạt để tải tính mà người tạo theme khai báo Để WordPress hiểu website dùng theme bước 1, Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 50 Đồ án tốt nghiệp kết nối vào database dựa theo khoá current_theme cột option_name bảng wp_options Hình 3.3 WordPress xác định theme thông qua database Bƣớc – Phân tích truy vấn khởi tạo truy vấn Đây bước quan trọng để website hiển thị nội dung bên ngồi, nội dung trả sau truy vấn gửi vào database Truy vấn nghĩa mệnh lệnh gửi vào database nhằm lấy thơng tin mà truy vấn cần xem Truy vấn truy vấn SQL gửi vào MySQL Server Trước tiên, WordPress chạy hàm wp() thiết lập /wpinclude/functions.php vốn để gọi phương thức $wp->main() cho mục đích thiết lập truy vấn Đối tượng $wp tạo lớp WP trong/wp-include/class-wp.php /* Set up the WordPress query * * @since 2.0.0 * * @param string|array $query_vars Default WP_Query arguments */ function wp( $query_vars = '' ) { global $wp, $wp_query, $wp_the_query; $wp->main( $query_vars ); if ( !isset($wp_the_query) ) Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 51 Đồ án tốt nghiệp $wp_the_query = $wp_query; } Lúc này, phương thức $wp->parse_request() khởi động cho mục đích phân tích truy vấn dựa theo đường dẫn website Vì WordPress tự động sinh truy vấn dựa theo đường dẫn, chẳng hạn vào http://domain.com/?p=123 WordPress gửi truy vấn vào database để lấy liệu post mang số ID 123 Sau truy vấn phân tích, WordPress làm việc thiết lập hàm điều kiện thông qua phương thức $wp_query → parse_query() Sau chuyển truy vấn tạo thành truy vấn lệnh SQL nhằm gửi đến MySQL để lấy liệu viết phương thức $wp_query->get_posts() Nếu database có liệu, viết lấy sau gửi truy vấn lưu vào đối tượng $wp_query để sử dụng vịng lặp cho việc hiển thị viết Trong trình gửi truy vấn này, khơng tìm thấy liệu phân tích hiển thị báo lỗi 404 Cuối có liệu, thiết lập biến $post để sử dụng vòng lặp Biến $post đối tượng chứa liệu viết thơng qua thuộc tính Bƣớc – Thực thi tập tin khuôn mẫu (template) theme Sau có liệu viết liệu liên quan mà làm bước 4, tiến hành xử lý tập tin template theme thông qua cấu trúc template Kết sau bước làm việc với sở liệu nội dung trang chủ website hiển thị dựa theo template tags dạng HTML Người sử dụng nhìn thấy hình ảnh, văn bản…hiển thị website 3.3.3 Khả can thiệp vào mã nguồn WordPress Một câu hỏi đặt làm để can thiệp vào mã nguồn WordPress nhằm điều khiển hoạt động theo ý mình, hiểu theo cách khác tạo thêm tính thay đổi giao diện hiển thị Trước tiên, can thiệp vào tính WordPress tái tạo lại vốn WordPress xử lý bước Sở dĩ làm mã nguồn WordPress viết theo kiểu can thiệp gián tiếp vào tái tạo lại (thông qua lớp – Class) Và tính tự tạo từ việc can thiệp vào mã nguồn khai báo với dạng plugin sử dụng sau WordPress khởi động chức cần thiết Thứ hai, can thiệp vào lớp WP_Query để tự tạo truy vấn riêng để lấy liệu database (nhiều truy vấn sử dụng hàm đó, Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 52 Đồ án tốt nghiệp get_post_meta() chẳng hạn) Chúng ta ứng dụng WP_Query nhiều vào việc lấy liệu viết (bao gồm post, page, attachment,…) Thứ ba, tạo theme, sau tự định tuỳ chỉnh lại tập tin template để nội dung WordPress hiển thị theo mong muốn Vì sau WordPress gửi truy vấn lấy liệu, việc hiển thị template định, template mã PHP kết hợp với HTML/CSS để hiển thị website 3.4 Cài đặt ứng dụng 3.3.1 Yêu cầu giao diện Website cần trình bày dễ hiểu, giao diện gần gũi, thân thiện, khách hàng dễ nhìn thấy thơng tin họ cần tìm, cung cấp cho khách hàng sản phẩm bán chạy, sản phẩm cập nhật - Giao diện thân thiện, dễ nhìn, dễ sử dụng - Nguồn thơng tin sản phẩm đa dạng - Thông tin sản phẩm phải cập nhật thường xuyên - Các chức tìm kiếm, thêm vào giỏ hàng , cách thức liên hệ, liên kết với trang mạng xã hội đễ tạo thêm tiện ích cho người dùng - Cách bố trí phải hài hòa, độ thẩm mĩ phải trọng 3.3.2 Cài đặt, thiết kế website Bán chăn ga gối đệm - Chi tiết trang web trình bày Demo - Dưới số hình ảnh Demo Website : Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 53 Đồ án tốt nghiệp Hình 3.4 Giao diện trang chủ Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 54 Đồ án tốt nghiệp Hình 3.5 Các thành phần website Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 55 Đồ án tốt nghiệp Hình 3.6 Menu website (menu 1,2,3 cấp) Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 56 Đồ án tốt nghiệp Hình 3.7 Phân trang website Hình 3.8 Tìm kiếm, lọc sản phẩm Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 57 Đồ án tốt nghiệp Hình 3.9 Chức thêm vào giỏ hàng Hình 3.10 Quản lí giỏ hàng Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 58 Đồ án tốt nghiệp Hình 3.11 Thơng tin tốn Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 59 Đồ án tốt nghiệp Hình 3.12 Phƣơng thức toán Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 60 Đồ án tốt nghiệp CHƢƠNG 4: KẾT LUẬN 4.1 Những thuận lợi khó khăn 4.1.1 Thuận lợi Trong st q trình làm đồ án tốt nghiệp em có thuận lợi như: - Được hướng dẫn, giúp đỡ tận tình Thầy anh/ chị - Được thầy giáo, cô giáo, khoa CNTT anh chị Công ty phát triển công nghệ G5 tạo điều kiện tốt suốt trình thực tập làm đồ án - Vừa làm đồ án đồng thời tham gia vào làm dự án công ty, có thêm kinh nghiệm làm việc học hỏi thêm kiến thức 4.1.2 Khó khăn Bên cạnh điều kiện thuận lợi trình làm đồ án tốt nghiệp em gặp khơng khó khăn như: - Chưa có nhiều kiến thức chuyên mơn thuộc đề tài nghiên cứu nên cịn nhiều thiếu sót việc thực tập báo cáo - Vì chọn đề tài độc lập nên khơng tận dụng khả làm việc nhóm - Kỹ chuyên mơn kỹ mềm cịn hạn chế 4.1.3 Kết đạt đƣợc 4.1.3.1 Ưu điểm: Đồ án tốt nghiệp kết từ kiến thức em học trường, trình thực tập làm đồ án tốt nghiệp, bước đầu báo cáo đạt ưu điểm như: - Hoàn toàn xây dựng Theme cho mã nguồn WordPress - Lập trình cho tập tin cần thiết theme - Thêm số chức cho WorPress - Tạo Custom-Post-Type cho Theme - Dùng Theme tạo tùy chỉnh thành website phong phú - Webbsite demo với nhiều hiệu ứng đẹp sử dụng HTML5 CSS3 - Website demo với giao diện thân thiện, dễ sử dụng 4.1.3.2 Hạn chế Bên cạnh ưu điểm đạt được, kiến thức hạn chế, kinh nghiệm chưa nhiều nên tồn nhiều vấn đề chưa giải như: Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 61 Đồ án tốt nghiệp - Theme cịn chức năng, chưa thể đáp ứng cho khách hàng có yêu cầu cao - Các style nghèo nàn hay chí cịn chưa linh động người dùng thay đổi dễ dàng Chưa tối ưu hóa Theme - Thiết kế tự nghĩ mua từ nhà Design nên website Demo chưa chuyên nghiệp 4.2 Hƣớng phát triển đồ án Từ ưu nhược điểm định hướng để phát triển đồ án tạo Theme hoàn chỉnh với yêu cầu: - Thêm chức cho theme để đáp ứng yêu cầu cho người dùng - Có nhiều Style theme thêm phong phú, đa dạng - Tạo Widget, Custom Post Type để khách hàng thay đổi dễ dàng - Tính thẩm mĩ phải nâng lên - Các chức tính thẫm mĩ phải hồn thiện số theme bán chạy ưa chuộng http://themeforest.net/ như: Avada, HandMade, Darna, Wolverine, Zorka,… - Lập trình Theme đáp ứng đa lĩnh vực, đa chức Theme - Hoàn thiện Theme , hướng phát triển cao hơn, lâu dài đưa theme tạo đăng ký http://themeforest.net/ để bán Theme cho khách hàng tiềm - Xây dựng website đầy đủ chức năng, nội dung phong phú Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 62 Đồ án tốt nghiệp 4.3 Tài liệu tham khảo 4.3.1 Tài liệu Tiếng Việt [1] Tác giả: Phạm Hữu Khang - Lập trình web PHP sở liệu MySQL – NXB Hà Nội – Năm xuất : 2000 [2] Nhóm tác giả Elicom - Ngôn ngữ HTML cho World Wide Web - NXB Kim Đồng – Năm xuất 1998 [3] Nhóm tác giả Elicom - Cẩm nang thiết kế website - NXB Hà Nội – Năm xuất 2006 [4] Tác giả Nguyễn Hữu Duy - Bài học lập trình PHP ứng dụng NXB Đà Nẵng – Năm xuất 2008 [5] Tác giả Khổng Xuân Trung - Tìm hiểu WordPress- WordPress presentation.- NXB Trẻ – Năm xuất 2007 [6] Tác giả Phạm Hữu Khanh - Giáo trình tự học lập trình PHP - NXB Đà Nẵng – Năm xuất 2010 [7] http://thachpham.com/ [8] http://themes.g5plus.net/ [9] http://sinhvienit.net/ [10] Giaotrinh CNTT.com 4.3.2 Tài liệu Tiếng Anh [1] https://wordpress.org/ [2] http://www.w3schools.com/ [3] http://getbootstrap.com [4] https://wordpress.org/plugins/woocommerce/ [5] http://simbyone.com/demo/30-css-page-preload-animations/ [6] https://codex.wordpress.org/ [7] https://themes.bizweb.vn/ [8] https://jqueryui.com/ Nguyễn Thị Lý – Lớp 52K2 – Khoa CNTT 63 ... triển cao theme sử dụng cho nhiều lĩnh vực Tuy nhiên phạm vi đồ án em tìm hiểu demo theme chuyên cho website bán hàng Chi tiết ứng dụng theme lập trình để tạo wesite bán hàng online trình bày... hiển thị website gắn widget lên 2.12 Tùy chỉnh CSS cho Theme, Website Trên báo cáo cơng cụ, kỹ thuật lập trình Theme cho mã nguồn mở WordPress Đó kiến thức, kỹ thuật tảng cho việc lập trình theme. .. Công nghệ thông tin em trình bày cách giải vấn đề việc dùng phần mềm mã nguồn mỡ WordPress để xây dựng website Trước lập trình Theme cho mã nguồn mở, cụ thể Lập trình Theme cho Phần mềm mã nguồn