xây dựng website hỗ trợ tuyển sinh đại học cực đẹp bằng wordpress. xây dựng website hỗ trợ tuyển sinh đại học cực đẹp bằng wordpress. Học thiết kế website bằng wordpress dễ dàng từng bước 1 xây dựng website hỗ trợ tuyển sinh đại học cực đẹp bằng wordpress. Học thiết kế website bằng wordpress dễ dàng từng bước 1
Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng MỤC LỤC PHẦN MỞ ĐẦU Lý chọn đề tài: Hiện nay, việc chọn cho thân ngành nghề phù hợp khả năng, đam mê niềm yêu thích phù hợp với yêu cầu xã hội mong muốn tất người Đặc biệt giới trẻ - người chủ tương lai đất nước Theo thực tế, phụ huynh muốn cho em sau 12 năm học vất vả thi học trường danh tiếng, có tên tuổi Tuy nhiên, có số phụ huynh học sinh không quan tâm đến việc trường ngành có phù hợp với lực sở thích học sinh hay không mà chọn ngành theo số đông xã hội Với phát triển không ngừng công nghệ thông tin nay, internet có nhiều website cung cấp thông tin xoay quanh kì thi tuyển sinh đại học - cao đẳng như: http://tuyensinh.utc2.edu.vn Chuyên trang tuyển sinh trường ĐH Giao thông vận tải II SVTH: Võ Thị Ni Na Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng http://www.tuyensinhvn.com/ Trang tuyển sinh đại học http://kenhtuyensinh.vn/ Cung cấp thông tin tuyển sinh http://www.kenhthongtintuyensinh.vn/ Cung cấp thông tin tuyển sinh … Mỗi website tạo có nhiều điểm mạnh riêng để thu hút độc giả Tuy nhiên, theo nhận xét khách quan chúng tôi, ưu điểm số website vài tồn như: • Chưa tổng hợp thông tin tuyển sinh nhiều trường, mà cung cấp • thông tin trường Website cung cấp đầy đủ thông tin tuyển sinh thiếu phần tìm địa • trường thi, địa điểm thi Chưa tích hợp việc cho học sinh tìm hiểu/mua sách để ôn thi rèn luyện • kĩ cần thiết Một số website muốn tải tài liệu cần đăng kí lâu tính phí tải tài liệu… Nhằm giúp cho học sinh, phụ huynh, giáo viên người quan tâm có nhìn bao quát quy chế thi giáo dục, cung cấp thông tin tuyển sinh, tiêu, ngành nghề trường khắp nước thông tin xoay quanh kì thi tuyển sinh đại học - cao đẳng, xin chọn đề tài “Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng” để góp phần giúp học sinh có lựa chọn đắn ngành nghề sau vững tin kì thi tuyển sinh đến Chúng muốn xây dựng website hạn chế tối đa điểm tồn nói để cung cấp dịch vụ thông tin cách xác, nhanh chóng, hiệu thân thiện với người dùng Mục tiêu nhiệm vụ đề tài: Mục tiêu muốn đạt đề tài thực hiện: SVTH: Võ Thị Ni Na Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Đưa tất thông tin cần thiết kì tuyển sinh đại học - cao đẳng đến • với học sinh phổ thông, phụ huynh hay người sử dụng dịch vụ website • nói chung Cung cấp số kĩ năng, kinh nghiệm ôn luyện làm bài, trang bị • cho học sinh kĩ cần thiết khác Tạo nơi giao lưu học hỏi, chia sẻ kinh nghiệm cho học sinh để giải tỏa căng thẳng học tập sống Nhiệm vụ đề tài: • • Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Website sau hoàn thành phải thỏa mãn số yêu cầu sau: Nội dung phải phong phú, tin tức tuyển sinh đầy đủ, xác Giao diện phải đẹp thuận tiện người sử dụng Người dùng dễ dàng truy nhập website tìm kiếm thông tin cần (qua chức tìm kiếm thông tin, tìm kiếm chủ đề, tìm kiếm sách…) Đối tượng phạm vi nghiên cứu: Đối tượng nghiên cứu: • Nghiên cứu kiến thức kì thi tuyển sinh • Nghiên cứu mã nguồn mở Wordpress kiến thức liên quan tới việc thiết kế website như: - Tìm hiểu cấu trúc website Tìm hiểu phần mềm hỗ trợ: photoshop CS6, Easy GIF Animator, Flash intro baner maker, Baner maker pro, plugin Wordpress, … Phạm vi nghiên cứu: nghiên cứu lý thuyết thao tác để xây dựng website hỗ trợ thông tin tuyển sinh đại học, cao đẳng Phương pháp nghiên cứu: Nghiên cứu lý thuyết: thu thập, phân tích tổng hợp tài liệu từ nguồn tri thức sách, internet… để xây dựng thiết kế trang web Nghiên cứu thực nghiệm: sử dụng mã nguồn mở Wordpress, phần mềm hỗ trợ để xây dựng website SVTH: Võ Thị Ni Na Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Cấu trúc luận văn: Luận văn gồm phần mở đầu, chương kết luận Chương 1: Giới thiệu tổng quan Trình bày lý thuyết liên quan để làm sở xây dựng, phân tích hệ thống chương xây dựng website “Hỗ trợ thông tin tuyển sinh đại học - cao đẳng” chương Chương 2: Phân tích hệ thống website Phân tích chức website, lược đồ UseCase người dùng, thành viên quản trị hệ thống để xây dựng đề tài chi tiết Chương 3: Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Trình bày hoạt động số plugin tiêu biểu số trang giao diên website Trong phần kết luận, trình bày kết đạt được, hạn chế hướng phát triển đề tài SVTH: Võ Thị Ni Na Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng CHƯƠNG 1.1 TỔNG QUAN Phần mềm mã nguồn mở Wordpress: 1.1.1 Giới thiệu : WordPress hệ thống xuất blog viết ngôn ngữ lập trình PHP sử dụng sở liệu MySQL Tiền thân WordPress b2/cafelog, thường biết đến với tên đơn giản b2 hay cafelog b2/cafelog theo ước lượng sử dụng khoảng 2000 blog tháng năm 2003 Nó viết ngôn ngữ lập trình PHP để dùng với MySQL Michel Valdrighi, người trở thành nhà phát triển WordPress Năm 2007, WordPress giành giải thưởng Packt Open Source CMS Năm 2009, Wordpress dẫn đầu mã nguồn CMS tốt 1.1.2 Vì chọn mã nguồn mở Wordpress? Tùy vào nhu cầu người sử dụng mục đích website mà lựa chọn mã nguồn mở phù hợp Có mã nguồn mở thông dụng là: Wordpress, Joomla Drupal Một số điểm mạnh wordpress: SVTH: Võ Thị Ni Na Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng • • WordPress dễ sử dụng mã nguồn mở Các plugin wordpress có nhiều 90% miễn phí, cài đặt nâng cấp plugin phần quản lý WordPress, mà không cần • • phải download Joomla Drupal WordPress hỗ trợ SEO tốt (xếp sau Drupal) Cộng đồng hỗ trợ lớn tham khảo, học tập cách tối ưu, thiết lập • sử dụng dễ dàng, nhanh chóng Wordpress Có nhiều tài liệu hướng dẫn chi tiết việc phát triển code nhúng mở rộng tính • cho wordpress cách dễ dàng Hỗ trợ cài đặt Plugins Theme theo dạng modul, giúp wordpress ngày đa dạng, phong phú tính giao diện Số lượng plugin hỗ trợ đa dạng, thích hợp cho người sử dụng làm quen với Wordpress, muốn thiết • kế website lại hạn chế mặt viết code Dễ dàng quản lý trì mà không cần kiến thức chuyên sâu tin học nhờ giao diện trực quan 1.1.3 Cài đặt phần mềm mã nguồn mở wordpress localhost: • Hướng dẫn cài đặt: Tải gói Instant WordPress trang chủ: http://www.instantwp.com/download/ Giải nén thư mục bất kỳ, ta có thư mục mang tên • iwpserver Vào thư mục iwpserver, chạy file iwpserver.exe, truy cập vào với đường dẫn http://127.0.0.1:4001/wordpress/ để xem kết Giao diện Instant WordPress sau cài đặt xong: SVTH: Võ Thị Ni Na Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng • Trang đăng nhập quản trị hệ thống Wordpress: truy cập vào địa http://127.0.0.1:4001/wordpress/wp-admin địa trình duyệt web kích vào Wordpress Admin Instant WordPress Giao diện đăng nhập Wordpress thành công: • Hệ thống menu wordpress chia làm 11 phần chính, bao gồm thành phần sau: SVTH: Võ Thị Ni Na Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng - - - - - - Dashboard: quản lý chung Home: Quản lý chung, thông báo cập nhật Updates: Thông báo tổng số lượng cập nhật hệ thống bao gồm theme, plugins phiên wordpress Post: quản lý viết, danh mục, từ khóa Posts: liệt kê danh mục viết Add New: thêm viết Categories: quản lý danh mục Tags: quản lý từ khóa Media: quản lý file (bao gồm hình ảnh, video, flash, zip…) Library: thư viện file Add New: tải file lên hệ thống Links: quản lý liên kết All links: danh mục liên kết Add New: tạo liên kết Links Categories: quản lý danh mục liên kết Pages: quản lý trang Pages: danh mục trang Add New: tạo trang Comments: quản lý comment Appearance: quản lý giao diện Themes: quản lý cài đặt giao diện Widgets: quản lý thành phần bổ sung cho giao diện (các giao diện khác có cấu hình widgets khác nhau) Menus: quản lý menu bao gồm custom link, pages, categoris Theme Options: quản lý tùy chỉnh theme header, footer, màu sắc… Background: quản lý phần background theme gồm hình ảnh màu sắc Editor: chỉnh sửa mã code giao diện (chỉ sử dụng có kiến thức - - lập trình, HTML, CSS, PHP…) Plugins: quản lý plugins ứng dụng hỗ trợ Plugins: danh mục plugins cài đặt vào hệ thống Add New: thêm plugin Editor: chỉnh sửa mã code Plugins (chỉ sử dụng có kiến thức lập trình, HTML, CSS, PHP…) Users: quản lý thành viên Users: danh sách thành viên Add New: thêm thành viên Your Profile: thông tin thành viên thời SVTH: Võ Thị Ni Na Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng - - Tools: quản lý công cụ Import: nhập liệu từ hệ thống khác vào WordPress Export: xuất liệu Settings: thiết đặt hệ thống, plugins General: Thiết đặt chung cho hệ thống Writing: Thiết đặt hệ thống hỗ trợ viết Reading: Thiết đặt hệ thống cho người đọc Discussion: Thiết đặt hệ thống comments Media: Thiết đặt cấu hình cho việc hiển thị, lưu trữ, chèn hình ảnh, video Privacy: Cài đặt chế độ riêng tư cho Blog (mặc định cho phép tất người Search Engine tìm thấy Blog) Permalinks: Quản lý cấu trúc đường link viết Cài đặt theme cho Wordpress: • Theme giao diện khác cho website Có thể cài đặt theme cho Wordpress số cách sau: Bước 1: Vào Appearance => Themes Bước 2: vào tab Install Themes SVTH: Võ Thị Ni Na Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Bước 3: Search - tìm kiếm themes trực tuyến Hoặc Upload: Up load file theme (.zip) từ máy tính Bước 4: Nhấn Install cho cài đặt, Preview cho xem trước theme details để hiển thị thông tin theme SVTH: Võ Thị Ni Na 10 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Trang lịch thi: Trang học bổng - tuyển thẳng 2013: SVTH: Võ Thị Ni Na 38 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Tr Gi Ca Đi Lị H Tì Đ G Kĩ Th C Sá Di an ới ôn hỉ ểoại ướ ọc ềm óc nă ửa ch ễn g tiê họ đẳ m bổ vị thi ng gi hà ôn kĩ mi đà ch ệu cutin m dẫ trí ản ng lu nă nễn ủ nới tu đị yệ ng ph T hồ ínayể S nsơ si 20 ểth nh 13 ẳn m g thi Trang cấu trúc đề thi môn: SVTH: Võ Thị Ni Na 39 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Trang tìm địa trường, địa điểm thi: SVTH: Võ Thị Ni Na 40 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Trang cửa hàng website: SVTH: Võ Thị Ni Na 41 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng SVTH: Võ Thị Ni Na 42 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Giao diện đăng nhập cửa hàng: SVTH: Võ Thị Ni Na 43 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Giao diện mua hàng: • • Chọn mặt hàng cần mua Chọn số lượng & bỏ vào hàng vào giỏ • Thanh toán: SVTH: Võ Thị Ni Na 44 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Chọn phương thức toán xác nhận đơn hàng: SVTH: Võ Thị Ni Na 45 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Xác nhận đơn hàng gửi đi: In hóa đơn cần SVTH: Võ Thị Ni Na 46 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Giao diện trang forum website: SVTH: Võ Thị Ni Na 47 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng SVTH: Võ Thị Ni Na 48 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng KẾT LUẬN “Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng” vấn đề mẻ, mang tính thực tế cao, giai đoạn việc học lựa chọn ngành nghề phù hợp cho định hướng tương lai cần thiết Bởi lẽ sinh viên học thấy ngành học không phù hợp với dễ bỏ ngang, hay sinh viên học xong thất nghiệp không thiếu số kĩ cần thiết ngành học không ưa chuộng trường … Qua trình thực đề tài “Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng”, đạt số kết sau: Những kết đạt được: • Tìm hiểu nắm mã nguồn mở Wordpress • Biết sử dụng số phần mềm hỗ trợ cho việc thiết kế, chỉnh sửa hình ảnh: photoshop, Easy GIF Animator, Flash intro baner maker, Baner maker pro… • kết hợp phần mềm với để tạo nên hình ảnh sinh động Xây dựng tương đối hoàn chỉnh trang web hỗ trợ thông tin tuyển sinh đại học-cao đẳng, tạo tảng để xây dựng nên trang web khác Hạn chế: • Chỉ sử dụng plugin có sẵn mã nguồn mở Wordpress để xây dựng website, chưa đủ kiến thức ngôn ngữ PHP Cơ sở liệu MySQL để • viết code cho trang web Chưa biết hiểu hết chức plugin Wordpress dẫn đến website xây dựng nhiều điểm chưa tốt (giao diện trang chủ chưa • bắt mắt…) Sử dụng phần mềm hỗ trợ mức bản, đặc biệt Photoshop CS6 nên hình ảnh tạo chưa đủ tính thuyết phục Hướng phát triển: • Tìm hiểu kĩ thêm nhiều plugin code PHP để xây dựng website sinh động, hấp • dẫn, nội dung phong phú với quy mô lớn Nâng cao khả bảo mật hệ thống SVTH: Võ Thị Ni Na 49 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Với kết đạt được, mong luận văn đóng góp phần nhỏ vào mục đích cung cấp thông tin nhất, tổng hợp kì thi tuyển sinh đại học - cao đẳng cho người dùng quan tâm, cung cấp số kĩ cần thiết học tập sống, tạo hành trang cho học sinh thêm tự tin, vững bước kì thi tuyển sinh đại học - cao đẳng TÀI LIỆU THAM KHẢO [1] Ngô Đình Thưởng Giáo trình thiết kế lập trình web [2] Nguyễn Văn Ba Phân tích thiết kế hệ thống thông tin SVTH: Võ Thị Ni Na 50 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng [3] http://www.qhonline.info Giáo trình PHP MySQL [4] http://thachpham.com/ Các plugin hỗ trợ wordpress [5] http://thi.moet.gov.vn Thông tin tuyển sinh đại học cao đẳng PHỤ LỤC Bảng tổng hợp tất plugin xây dựng website hỗ trợ thông tin tuyển sinh: Phugin/theme Theme sử dụng T-Countdow 2.2.10 Easy Image Crop Ecwid Shopping Cart SVTH: Võ Thị Ni Na Chức iFeature By CyberChimps Version 5.1.9 Hiển thị thời gian đếm ngược Chỉnh sửa size ảnh Tạo cửa hàng cho website 51 Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng Lizatom Shortcodes Max Banner Ads PRO NrelateRelated Content Simple:Press SlideDeck Lite WordPress Backup to Dropbox Wordpress Download Monitor Yahoo and Skype status widget SVTH: Võ Thị Ni Na Hỗ trợ công cụ cho viết Đăng quảng cáo cho trang web Tạo viết liên quan Tạo diễn đàn cho trang web Tạo slide ảnh Sao lưu liệu Đính kèm tập tin dowload Hiển thị yahoo liên hệ cho trang web 52