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
Trang 1MỤC LỤC
MỤC LỤC 1
PHẦN MỞ ĐẦU 3
CHƯƠNG 1 TỔNG QUAN 7
1.1 Phần mềm mã nguồn mở Wordpress 7
1.1.1 Giới thiệu 7
1.1.2 Vì sao chọn mã nguồn mở Wordpress? 7
1.1.3 Cài đặt phần mềm mã nguồn mở wordpress trên localhost 8
1.2 Một số phần mềm hỗ trợ khác trong đề tài 14
1.2.1 Photoshop CS6 14
1.2.2 Baner Maker Pro 7 15
1.2.3 Aleo Flash Intro Baner Maker 16
1.2.4 Easy GIF Animator 18
CHƯƠNG 2 PHÂN TÍCH HỆ THỐNG WEBSITE 21
2.1 Yêu cầu của hệ thống 21
2.2 Chức năng cơ bản của hệ thống 21
2.3 Lược đồ UseCase 23
2.3.1 Lược đồ UseCase người dùng 23
2.3.2 Lược đồ UseCase thành viên website 24
2.3.3 Lược đồ UseCase quản trị hệ thống 25
Trang 2CHƯƠNG 3 XÂY DỰNG WEBSITE HỖ TRỢ THÔNG TIN
TUYỂN SINH ĐẠI HỌC - CAO ĐẲNG 26
3.1 Xây dựng một số chức năng cơ bản của website 26
3.1.1 Trang chỉ tiêu tuyển sinh của các trường đại học - cao đẳng 26
3.1.2 Trang cung cấp đề thi đại học - cao đẳng 27
3.1.3 Trang tra cứu địa chỉ trường thi, địa điểm thi 29
3.1.4 Trang cập nhật điểm mới của kì thi tuyển sinh 2013, cấu trúc đề thi các môn, chuyên mục kĩ năng 30
3.1.5 Trang cửa hàng 31
3.1.6 Trang diễn đàn 35
3.2 Một số giao diện của website 38
KẾT LUẬN 52
TÀI LIỆU THAM KHẢO 54
PHỤ LỤC 55
Trang 3PHẦN MỞ ĐẦU
1 Lý do chọn đề tài:
Hiện nay, việc chọn cho bản thân một ngành nghề phù hợp khả năng, đam mê vàniềm yêu thích cũng như phù hợp với yêu cầu của xã hội là mong muốn của tất cả mọingười Đặc biệt là đối với giới trẻ - những người chủ tương lai của đất nước
Theo thực tế, phụ huynh nào cũng muốn cho con em mình sau 12 năm học vất vảđược thi và học trong một trường danh tiếng, có tên tuổi Tuy nhiên, cũng có một số phụhuynh học sinh không quan tâm đến việc trường và ngành đó có phù hợp với năng lực và
sở thích của học sinh hay không mà chỉ chọn ngành theo số đông của xã hội
Với sự phát triển không ngừng của công nghệ thông tin như hiện nay, trên internet córất 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
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 được tạo ra luôn 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 của chúng tôi, ngoài những ưu điểm thì một số website vẫn cònvài tồn tại như:
Chưa tổng hợp được thông tin tuyển sinh của nhiều trường, mà chỉ cung cấpthông tin của trường đó
Website cung cấp đầy đủ thông tin tuyển sinh thì vẫn còn thiếu phần tìm địa chỉtrường thi, địa điểm thi
Trang 4 Chưa tích hợp việc cho học sinh được tìm hiểu/mua sách để ôn thi và rèn luyệncác kĩ năng cần thiết.
Một số website muốn tải được tài liệu cần đăng kí rất lâu và có thể tính phí khitải tài liệu…
Nhằm giúp cho các học sinh, phụ huynh, giáo viên và những người quan tâm có cáinhìn bao quát hơn về các quy chế thi mới nhất của bộ giáo dục, cung cấp các thông tintuyển sinh, chỉ tiêu, ngành nghề của các trường trên khắp cả nước cũng như các thông tin
xoay quanh kì thi tuyển sinh đại học - cao đẳng, chúng tôi 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 các học sinh
có được sự lựa chọn đúng đắn về ngành nghề của mình sau này và vững tin hơn trong kìthi tuyển sinh sắp đến Chúng tôi muốn xây dựng một website hạn chế tối đa các điểm tồntại như đã nói trên để cung cấp một dịch vụ thông tin một cách chính xác, nhanh chóng,hiệu quả và thân thiện với người dùng hơn
2 Mục tiêu và nhiệm vụ đề tài:
Mục tiêu muốn đạt được của đề tài khi thực hiện:
Đưa được tất cả các thông tin cần thiết về kì tuyển sinh đại học - cao đẳng đếnvới các học sinh phổ thông, các phụ huynh hay người sử dụng dịch vụ websitenói chung
Cung cấp một số kĩ năng, kinh nghiệm khi ôn luyện cũng như làm bài, trang bịcho học sinh các kĩ năng cần thiết khác
Tạo được nơi giao lưu học hỏi, chia sẻ kinh nghiệm cho các học sinh để giải tỏacác căng thẳng trong học tập và cuộc sống
Nhiệm vụ của đề tài:
Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng
Website sau khi hoàn thành phải thỏa mãn một số yêu cầu sau:
- Nội dung phải phong phú, tin tức về tuyển sinh đầy đủ, chính xác
Trang 5- Giao diện phải đẹp và thuận tiện đối với người sử dụng
- Người dùng dễ dàng truy nhập website và tìm kiếm thông tin cần (qua chứcnăng tìm kiếm thông tin, tìm kiếm chủ đề, tìm kiếm sách…)
3 Đối tượng và phạm vi nghiên cứu:
Đối tượng nghiên cứu:
Nghiên cứu về các kiến thức về kì thi tuyển sinh
Nghiên cứu mã nguồn mở Wordpress và các kiến thức liên quan tới việc thiết kếwebsite như:
- Tìm hiểu cấu trúc cơ bản của 1 website
- Tìm hiểu các phần mềm hỗ trợ: photoshop CS6, Easy GIF Animator, Flashintro baner maker, Baner maker pro, các plugin của Wordpress, …
Phạm vi nghiên cứu: nghiên cứu các lý thuyết cũng như các thao tác để xây dựngwebsite hỗ trợ thông tin tuyển sinh đại học, cao đẳng
4 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 các tài liệu từ các nguồn tri thứcnhư sách, internet… để xây dựng và thiết kế trang web
Nghiên cứu thực nghiệm: sử dụng mã nguồn mở Wordpress, các phần mềm hỗ trợ
để xây dựng website
5 Cấu trúc luận văn:
Luận văn gồm phần mở đầu, 3 chương và kết luận
Chương 1: Giới thiệu tổng quan
Trình bày về các lý thuyết liên quan để làm cơ sở xây dựng, phân tích hệ thốngtrong chương 2 và xây dựng website “Hỗ trợ thông tin tuyển sinh đại học - caođẳng” trong chương 3
Chương 2: Phân tích hệ thống website
Trang 6Phân tích chức năng của website, lược đồ UseCase người dùng, thành viên vàquản trị hệ thống để xây dựng đề tài chi tiết hơn.
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 của một số plugin tiêu biểu và một số trang giao diên củawebsite
Trong phần kết luận, chúng tôi trình bày các kết quả đạt được, những hạn chế vàhướng phát triển đề tài
Trang 7Năm 2007, WordPress giành giải thưởng Packt Open Source CMS
Năm 2009, Wordpress dẫn đầu về mã nguồn CMS tốt nhất
1.1.2 Vì sao chọn mã nguồn mở Wordpress?
Tùy vào nhu cầu của người sử dụng và mục đích của website mà chúng ta lựa chọnmột mã nguồn mở phù hợp Có 3 mã nguồn mở thông dụng hiện nay là: Wordpress,Joomla và Drupal
Một số điểm mạnh của wordpress:
WordPress dễ sử dụng nhất trong 3 mã nguồn mở trên
Các plugin của wordpress có rất nhiều và 90% là miễn phí, có thể cài đặt vànâng cấp các plugin này ngay trong phần quản lý của WordPress, mà không cầnphải download về như Joomla và Drupal
WordPress hỗ trợ SEO khá tốt (xếp sau Drupal)
Trang 8 Cộng đồng hỗ trợ lớn do đó có thể tham khảo, học tập các cách tối ưu, thiết lập
và sử dụng dễ dàng, nhanh chóng Wordpress hơn
Có nhiều tài liệu hướng dẫn chi tiết việc phát triển các code nhúng mở rộng tínhnăng cho wordpress một cách dễ dàng
Hỗ trợ cài đặt Plugins và Theme theo dạng modul, giúp wordpress ngày càng đadạng, phong phú về tính năng và giao diện Số lượng plugin hỗ trợ rất đa dạng,thích hợp cho những người mới sử dụng và làm quen với Wordpress, muốn thiết
kế website nhưng lại hạn chế về mặt viết code
Dễ dàng quản lý và duy trì mà không cần kiến thức chuyên sâu về 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 trên localhost:
- 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 quả
Giao diện của Instant WordPress sau khi được cài đặt xong:
Trang 9 Trang đăng nhập quản trị hệ thống Wordpress: truy cập vào địa chỉhttp://127.0.0.1:4001/wordpress/wp-admin trong thanh địa chỉ của trình duyệtweb hoặc kích vào Wordpress Admin trong Instant WordPress.
Giao diện khi đăng nhập Wordpress thành công:
Hệ thống menu trong wordpress được chia làm 11 phần chính, bao gồm cácthành phần sau:
Trang 10- 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 của hệ thống bao gồmtheme, plugins và phiên bản của wordpress
- Post: quản lý bài viết, danh mục, từ khóa
Posts: liệt kê danh mục bài viết
Add New: thêm mới bài 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 mới 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 mới 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 mới trang
- Comments: quản lý comment
- Appearance: quản lý giao diện
Themes: quản lý và cài đặt giao diện
Widgets: quản lý các thành phần bổ sung cho giao diện (các giao diệnkhác nhau thì có cấu hình widgets khác nhau)
Menus: quản lý các menu bao gồm custom link, pages, categoris
Theme Options: quản lý tùy chỉnh của theme như header, footer, màusắc…
Background: quản lý phần background của theme gồm cả hình ảnh vàmàu sắc
Trang 11 Editor: chỉnh sửa mã code của giao diện (chỉ sử dụng nếu có kiến thức
về lập trình, HTML, CSS, PHP…)
- Plugins: quản lý các plugins ứng dụng hỗ trợ
Plugins: danh mục plugins đã được cài đặt vào hệ thống
Add New: thêm mới plugin
Editor: chỉnh sửa mã code của Plugins (chỉ sử dụng nếu có kiến thức về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 mới thành viên
Your Profile: thông tin của thành viên hiện thời
- Tools: quản lý công cụ
Import: nhập dữ liệu từ các hệ thống khác vào WordPress
Export: xuất dữ 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 bài
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 là cho phép tất cảmọi người cũng như các Search Engine có thể tìm thấy Blog)
Permalinks: Quản lý cấu trúc đường link của bài viết
Cài đặt theme cho Wordpress:
Theme là các giao diện khác nhau cho website
Có thể cài đặt theme cho Wordpress bằng một số cách như sau:
Bước 1: Vào Appearance => Themes
Trang 12Bước 2: vào tab Install Themes
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
Trang 13Bước 4: Nhấn Install cho cài đặt, Preview cho xem trước theme và details để hiển thịthông tin của theme.
Chờ cho quá trình cài đặt xong, nhấn Active
Cài đặt plugin cho Wordpress:
Plugin là những thành phần, chức năng mà chúng ta thêm vào Wordpress để giúp tathực hiện những công việc nhất định
Cách cài đặt tương tự như cài theme của Wordpress
Page và post trong Wordpress:
Về bản chất, page và post gần như giống nhau, cùng để soạn thảo một webpage, tuynhiên vẫn có sự khác nhau cơ bản sau:
- Page thường dùng với trang tĩnh như giới thiệu, liên hệ và không thay đổi
- Post thì có thể bị thay đổi, bị đẩy xuống khi có post mới, được chọn thưmục
Giao diện đăng bài trong post và page tương đối giống nhau:
Add New post:
Trang 14Add New Page:
1.2 Một số phần mềm hỗ trợ khác trong đề tài:
1.2.1 Photoshop CS6:
Là công cụ chỉnh sửa hình ảnh mới nhất của hãng Adobe, bộ phần mềm PhotoshopCS6 có thể chỉnh sửa hình ảnh chuyên nghiệp và có nhiều cải tiến so với các phiên bảntrước
Giao diện khi khởi động Photoshop CS6:
Trang 151.2.2 Baner Maker Pro 7:
Banner Maker Pro là phần mềm cho phép tạo biểu ngữ cho trang web, web button,ảnh động, logo và các hiệu ứng đồ hoạ khác cho trang web một cách nhanh chóng, dễdàng, đơn giản và chuyên nghịêp
Có thể Download miễn phí bản dùng thử tại địa chỉ:
http://www.bannermakerpro.com/downloads/bmpro7-trial.exe
Các thao tác cơ bản trên Banner Maker Pro 7.0:
Tạo kích thước cho banner:
- Mở Banner Maker Pro 7.0, xuất hiện hộp thoại
Trang 16- Chọn Size.
- Gõ kích thước của banner cần tạo vào Size (Width – dài; Height-rộng)
Chọn nền cho baner: Background
- Select a color: chọn các màu nền có sẵn
- Select Background Image: chọn các hình nền từ máy tính
- Gradient: chọn màu bắt đầu và kết thúc cho baner
- Border: viền cho khung hình, border width: độ dày của khung
Chèn ảnh tạo banner:
- Vào Images / Add Images và chọn đường dẫn đến ảnh đã chọn để tạobanner
- Chọn kích thước xuất hiện cho ảnh
- Chọn hiệu ứng cho ảnh tại Transparency Type
Tạo chữ trên Banner:
- Vào Text/ chọn font - gõ chữ cần tạo Sau đó chọn màu, chọn hiệu cho chữ(Text+)
- Dùng chuột để di chuyển vị trí chữ theo ý muốn
Tạo Banner động:
- Chọn Animation
- Chọn các hiệu ứng động trong Frame by Frame Animation
Sau khi đã hoàn thành việc thiết kế banner chọn Save để lưu lại
1.2.3 Aleo Flash Intro Baner Maker:
Hiện nay, có rất nhiều phần mềm giúp tạo ra một banner đẹp và mang phong cáchriêng, trong đó Aleo Flash Intro Banner Maker là một phần mềm thông dụng đáp ứng cácyêu cầu đó
Giao diện chính của chương trình khi khởi động có hai cửa sổ: một cửa sổ chứa cáccông cụ thiết kế và cửa sổ preview để xem sản phẩm đang được thiết kế
Trang 17 Bước 1: chọn kích thước và âm thanh cho banner.
- Trong menu chính ở bên phải chọn mục Size and sound
- Chọn độ rộng và độ cao của banner trong khung Width, Height theo đơn vị
là px và thiết lập số khung hình trên giây ô Frame rate (mặc định là 24).Ngoài ra có thể chọn hình của banner trong ô Shape
- Chọn khung trong ô Border và chọn âm thanh cho banner trong
ô Background sound, các thông số khác có thể để mặc định
Bước 2: chọn nền cho banner
- Chọn menu Background ở khung bên trái
- Ở mục Background color:
Transparent: màu nền trong suốt
Solid color: sử dụng 1 màu đặc trưng
Gradient color: màu hòa trộn giữa 2 màu
- Add images and flash movies to background để tạo nền bằng hình ảnh hoặcflash
Bước 3: tạo hiệu ứng cho banne bằng cách vào menu Effect, trong khung bêntrái chọn một kiểu hiệu ứng
Trang 18 Bước 4: chèn văn bản vào banner.
Vào menu Text and image/Add text
- Font: những thiết lập liên quan đến font chữ
- Effect: hiệu ứng cho chữ
- Position: canh chữ nằm ở vị trí theo ý mình cần thiết kế
- Web link: đường dẫn liên kết
- Timing: định thời gian chạy cho chữ
- Chèn một hình ảnh cho banner: chọn Add image/ Select file và duyệt đếntập tin hình ảnh muốn chèn và chọn OK
Image: chọn tập tin ảnh cần chèn
Effect: hiệu ứng cho ảnh
Web link: đường dẫn liên kết
Timing: định thời gian chạy cho chữ
Bước 5: chèn liên kết cho banner vừa tạo thành
- Vào menu Web links/ Open web page went user clicks on Flash movie
- Nhập địa chỉ cần liên kết vào trong mục URL address
Bước 6: đóng gói và hoàn thành banner
- Chọn menu Publish/ Publish
- Chương trình sẽ cho phép xuất ra một trong 3 định dạng là swf, gif vàavi (thông thường là dạng swf)
- Chọn vào dạng tương ứng, chọn nơi lưu tập tin và đặt tên cho banner vàbấm Publish để hoàn tất công việc
Tải phiên bản mới nhất của phần mềm Aleo Flash Intro Banner Maker tại địa chỉ
http://www.aleosoft.com.
1.2.4 Easy GIF Animator:
Easy GIF Animator là phần mềm dễ sử dụng trong việc tạo và biên tập các ảnh GIFđộng Với trình biên tập GIF động, có thể dễ dàng tạo các hình động, nút bấm nhanh
Trang 19chóng Easy GIF Animator hỗ trợ mọi định dạng GIF động cũng như đem lại mức độ néncao và chất lượng tốt cho các ảnh GIF động.
Giao diện Easy GIF Animator:
Để tạo một ảnh động ta thực hiện theo các bước sau:
Bước 1 : chọn Creat New Animation để bắt đầu tạo ảnh động
Bước 2 :
- Click Add Image: chọn hình (có thể chọn nhiều hình cùng lúc)
- Click Next
Trang 20- Hộp thoại Loop and Delay xuất hiện
Yes Play Animation Inffinitive: lặp mãi mãi
Play Animatio, Time: chọn số lần lặp
- Chọn 1 ảnh và Click vào Creat Image Effect để chọn hiệu ứng cho ảnh
- Creat Text Effect để chèn và thiết lập hiệu ứng cho chữ
Trang 21 Bước 4 : click Save để lưu lại dạng ảnh động khi hoàn thành chỉnh sửa.
CHƯƠNG 2 PHÂN TÍCH HỆ THỐNG WEBSITE
2.1 Yêu cầu của hệ thống:
Cung cấp thông tin đến với người dùng một cách chính xác và đầy đủ
Trình bày các chuyên mục một cách rõ ràng, tạo cảm giác liên kết và thuận tiệncho người xem
Website đảm nhận nhiệm vụ đăng tải, cập nhật liên tục các tin tức xoay quanh
kì thi tuyển sinh đại học - cao đẳng
Cho phép theo dõi, quản lý các bình luận của người dùng trên website, các đơnđặt hàng khi khách hàng mua sách
Khi khách hàng vào mua sách, hệ thống sẽ cung cấp cho khách hàng một giỏhàng để chứa sách cần mua
2.2 Chức năng cơ bản của hệ thống:
“Website hỗ trợ thông tin tuyển sinh đại học - cao đẳng” có các chức năng tiêu biểu:
Cung cấp thông tin xoay quanh kì thi tuyển sinh đại học - cao đẳng:
- Chỉ tiêu tuyển sinh của các trường đại học - cao đẳng trong cả nước
- Mã trường - mã ngành, chỉ tiêu của từng ngành trong các trường
- Điểm mới trong tuyển sinh 2013 của bộ giáo dục & đào tạo
- Lịch thi của các khối thi trong kì thi tuyển sinh đại học - cao đẳng
Trang 22- Hướng dẫn hồ sơ cho việc đăng kí của các thí sinh.
- Cung cấp đề thi đại học - cao đẳng các năm gần đây
- Cấu trúc đề thi các môn thi đại học cho học sinh thuận lợi trong việc ônluyện kiến thức
- Tra cứu địa chỉ trường thi, địa điểm thi của thí sinh
- Cung cấp thông tin về các vật dụng được phép mang vào phòng thi…
Góc kĩ năng cung cấp:
- Một số kĩ năng về cách ôn luyện chuẩn bị cho kì thi cũng như các kĩ năngcần thiết để làm bài thật tốt
- Trao dồi thêm một số kĩ năng giao tiếp, nâng cao sự tự tin, năng động
- Góc thư giãn giúp giảm bớt căng thẳng, stress trong mùa thi, giúp học sinh
ôn luyện một cách tốt hơn
Phần cửa hàng của website nhằm giới thiệu thông tin một số sách về kĩ năng, ônluyện để người dùng có thể mua online hoặc tải một số sách miễn phí từwebsite
Phần diễn đàn:
- Trao đổi - thảo luận về các vấn đề trong thi cử, kinh nghiệm học tập cácmôn học
- Cùng nhau xây dựng, chia sẻ một tủ sách miễn phí để nâng cao sự hiểu biết
- Liên hệ - góp ý cho website ngày càng hoàn thiện và phát triển
Sơ đồ cấu trúc chức năng của website:
Trang 23Xây dựng website hỗ trợ thông tin tuyển sinh đại học - cao đẳng
2.3 Lược đồ UseCase:
2.3.1 Lược đồ UseCase người dùng:
Trang 24Đọc tin tức Tìm kiếm tin tức
Xem thông tin sách
Download đề thi miễn phí
Download sách miễn phí Tìm kiếm sách
Đặt mua sách
Đọc các thông tin của diễn đàn Người dùng
Bình luận tin tức trên website
Người dùng là người sử dụng các tài nguyên của website mà không cần thực hiệncác thao tác đăng kí/ đăng nhập Người dùng website có thể:
Đọc, tìm kiếm tin tức trên website
Bình luận tin tức trên website (cần có email chính xác)
Download các đề thi và sách miễn phí từ website
Đọc các thông tin của diễn đàn
Xem, tìm kiếm thông tin về sách
Đặt mua sách (điều kiện cần có email chính xác)
2.3.2 Lược đồ UseCase thành viên website:
Trang 25Tham gia thảo luận diễn đàn
Thêm, sửa, xóa sổ địa chỉ
trong cửa hàng
Thao tác mua sách nhanh chóng
Thành viên Chỉnh sửa
thông tin cá nhân
Để trở thành thành viên của website thì người dùng cần có bước đăng kí/ đăng nhập.Thành viên của website có tất cả các quyền giống như của người dùng, ngoài ra còn cóthể:
Tham gia thảo luận các chủ đề trong diễn đàn
Chỉnh sửa các thông tin cá nhân trong diễn đàn và cửa hàng
Thao tác mua sách nhanh chóng, tránh lặp lại những thao tác nhập địa chỉ đã sửdụng
Thêm, xóa, sửa sổ địa chỉ đã được tạo trong mục cửa hàng
2.3.3 Lược đồ UseCase quản trị hệ thống:
Trang 26Quản trị hệ thống là người có quyền lực cao nhất trong website:
Quản lý cấu hình chung: thiết lập các cấu hình trong hệ thống, các plugin hiểnthị, ngôn ngữ, giao diện, menu… trong website
Quản lý bài viết: cập nhật, thêm, sửa, xóa các bài viết trong website
Quản lý bình luận: thống kê các bình luận, quản lý các bình luận có được đăngtrên website không
Quản lý sách: thêm, sửa, xóa các thông tin về sách như giá cả, số lượng, tóm tắtnội dung, chỉnh sửa sách thuộc từng nhóm sách phù hợp
Quản lý diễn đàn: tạo, sửa, xóa các chủ đề trên diễn đàn, quản lý các topic, bìnhluận trên diễn đàn
Quản lý hóa đơn: thống kê tình trạng và số lượng của hóa đơn đặt sách của cáckhách hàng
Quản lý thành viên: quản lý các quyền hạn của thành viên, khóa quyền truy cập,bình luận của thành viên
Trang 27Chương 3 XÂY DỰNG WEBSITE HỖ TRỢ THÔNG TIN
TUYỂN SINH ĐẠI HỌC - CAO ĐẲNG
3.1 Xây dựng một số chức năng cơ bản của website:
3.1.1 Trang chỉ tiêu tuyển sinh của các trường đại học - cao đẳng:
Tạo 1 trang mới: Pages/ Add New
Gõ nội dung tiêu đề và phần danh sách các trường đại học – cao đẳng có chỉ tiêutuyển sinh
Tạo 1 trang mới chứa nội dung chỉ tiêu của trường cần tuyển sinh
Trang 28 Add link tạo trang tạo ở bước trên vào tên trường cần tạo liên kết bằng cách:Cách 1: Dùng tổ hợp phím Alt + Shift + A
Cách 2: Nhấn vào biểu tượng trên thanh công cụ
Muốn hủy bỏ liên kết ta có thể dùng tổ hợp phím Alt + Shift + S hoặc chọn:
3.1.2 Trang cung cấp đề thi đại học - cao đẳng:
Tạo 1 trang mới: Pages/ Add New
Sử dụng plugin Lizatom Shortcodesđể hiển thị thông tin cho trang bằng cách:
Giao diện thiết lập chèn hộp thông tin:
Một số kết quả:
Lizatom Shortcodes/ Infobox: