XÂY DỰNG VÀ THỰC HIỆN SEO CHO WEBSITE GIỚI THIỆU PHONG CẢNH VIỆT NAM
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.13 MB, 70 trang )
BỘ TÀI NGUYÊN VÀ MÔI TRƯỜNG
TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN
-------------------------------------
XÂY DỰNG VÀ THỰC HIỆN SEO CHO WEBSITE
GIỚI THIỆU PHONG CẢNH VIỆT NAM
HÀ NỘI 2017
BỘ TÀI NGUYÊN VÀ MÔI TRƯỜNG
TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN
-------------------------------------
SINH VIÊN: NGUYỄN THỊ TRÂM
XÂY DỰNG VÀ THỰC HIỆN SEO CHO WEBSITE
GIỚI THIỆU PHONG CẢNH VIỆT NAM
Chuyên ngành : Công nghệ thông tin
NGƯỜI HƯỚNG DẪN : TS NGUYỄN NHƯ SƠN
HÀ NỘI 2017
LỜI CẢM ƠN
Em xin gửi lời cảm ơn chân thành đến các Cán bộ phịng các Hệ thống phần
mềm tích hợp, Viện Công Nghệ Thông Tin – Viện Hàn Lâm Khoa học và Công
nghệ Việt Nam đã quan tâm, tạo điều kiện và hướng dẫn em tận tình trong suốt thời
gian thực tập vừa qua. Bước đầu giúp em làm quen với mơi trường làm việc mới, có
cơ hội để rèn luyện củng cố kiến thức đã học cũng như trau dồi các kỹ năng trong
giao tiếp, ứng xử.
Em xin gửi lời chân thành cảm ơn và tri ân sâu sắc tới Giáo viên chủ nhiệm –
Cô Đặng Thị Khánh Linh cùng tồn thể các Thầy Cơ trong Khoa Cơng Nghệ Thơng
Tin đã tận tình giảng dạy em trong suốt 4 năm vừa qua, giúp em tích lũy được
những kiến thức bổ ích để làm hành trang cho cơng việc sau này.
Em xin chân thành cảm ơn TS. Hà Mạnh Đào ,TS. Nguyễn Như Sơn và các
Cán bộ phòng các Hệ thống phần mềm tích hợp, Viện Cơng Nghệ Thơng Tin – Viện
Hàn lâm Khoa học và Công nghệ Việt Nam đã nhiệt tình hướng dẫn và tạo điều kiện
tốt nhất để cho em hồn thành khóa thực tập này, đồng thời giúp em học hỏi thêm
những kinh nghiệm quý báu về chun mơn của mình.
Trong thời gian thực tập và viết báo cáo, bản thân em đã cố gắng hết sức
nhưng khơng thể tránh khỏi những thiếu sót do thời gian có hạn và kinh nghiệm cịn
nhiều hạn chế. Em rất mong nhận được sự đóng góp ý kiến của Thầy Cô, Anh Chị
và các bạn để bài báo cáo của em được hoàn thiện hơn!
Em xin chân thành cảm ơn!
DANH MỤC CÁC TỪ VIẾT TẮT VÀ THUẬT NGỮ
Viết tắt
SEO
WordPress
HTML
CSS
CMS
PHP
Thuật ngữ tiếng anh
Search Engine Optimization
Open Source Software
Hypertext Markup Language
Cascading Style Sheet
Content Management System
Personal Home Page
Thuật ngữ tiếng việt
Tối ưu hóa cơng cụ tìm kiếm
Phần mềm mã nguồn mở
Ngơn ngữ đánh dấu siêu văn bản
File có phần mở rộng là .css
Hệ quản trị nội dung
MỤC LỤC
1.2.Mục tiêu...................................................................................................................5
CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG.................................................................6
Hình 2.2.2. Biểu đồ use case cho người hỗ trợ...................................................................................... 8
Hình 2.3.3. Lớp lĩnh vực...................................................................................................................... 10
Hình 2.4.1. Biểu đồ trình tự phần đăng nhập...................................................................................... 11
Hình 2.4.2.1. Biểu đồ lớp tham gia phần cập nhật thơng tin cá nhân..................................................12
Hình 2.5.1.2. Biểu đồ trình tự phần cập nhật thơng tin cá nhân..........................................................12
Hình 2.5.1.3. Biểu đồ hoạt động phần cập nhật thông tin cá nhân......................................................12
Hình 2.5.1.4. Biểu đồ lớp tham gia phần đổi mật khẩu.......................................................................13
Hình 2.5.1.7. Biểu đồ lớp tham gia ca sử dụng phần quản lý ảnh........................................................14
Hình 2.5.1.8. Biểu đồ trình tự phần quản lý ảnh.................................................................................15
Hình 2.5.1.9. Biểu đồ lớp tham gia ca sử dụng phần quản lý bài viết..................................................16
Hình 2.5.1.10. Biểu đồ trình tự phần quản lý bài viết..........................................................................17
Hình 2.5.1.11. Biểu đồ lớp tham gia ca sử dụng phần quản lý thể loại bài viết....................................18
Hình 2.5.1.12. Biểu đồ trình tự phần quản lý thể loại bài viết.............................................................20
Hình 2.5.1.13. Biểu đồ lớp tham gia ca sử dụng phần quản lý thể loại ảnh.........................................21
Hình 2.5.1.15. Biểu đồ lớp tham gia ca sử dụng phần quản lý tỉnh thành............................................23
Hình 2.5.1.16. Biểu đồ trình tự phần quản lý tỉnh thành....................................................................24
Hình 2.5.1.17. Biểu đồ lớp tham gia ca sử dụng phần quản lý khu vực................................................25
Hình 2.5.1.18. Biểu đồ trình tự phần quản lý khu vực.........................................................................26
Hình 2.5.1.19. Biểu đồ lớp tham gia ca sử dụng phần quản lý người dùng..........................................27
Hình 2.5.1.20. Biểu đồ trình tự phần quản lý người dùng...................................................................28
Hình 2.6.1. Biểu đồ lớp tham gia ca sử dụng phần xem ảnh................................................................29
Hình 2.6.1.2. Biểu đồ trình tự phần xem ảnh...................................................................................... 29
Hình 2.6.1.3. Biểu đồ lớp tham gia ca sử dụng phần xem bài viết.......................................................30
Hình 2.6.1.4. Biểu đồ trình tự phần xem bài viết.................................................................................30
Hình 2.6.1.5. Biểu đồ lớp tham gia ca sử dụng phần xem thơng tin cá nhân.......................................31
Hình 2.6.1.6. Biểu đồ trình tự phần xem thơng tin cá nhân.................................................................31
Hình 2.6.1.7. Biểu đồ lớp tham gia ca sử dụng phần tải ảnh lên hệ thống...........................................32
Hình 2.6.2.8. Biểu đồ trình tự phần tải ảnh lên hệ thống....................................................................32
Bảng 2.7.1. Layout admin................................................................................................................... 34
Hình 2.8.1. Giao diện trang đăng nhập............................................................................................... 35
CHƯƠNG III: NGHIÊN CỨU CÁC VẤN ĐỀ VỀ SEO VÀ WORDPRESS..................................37
Hình 3.1.2. Hình minh họa cho robot tìm kiếm................................................................................... 38
........................................................................................................................................................... 42
3.1.6.2.DEMO MỘT WEBSITE CHUẨN SEO.....................................................................54
3.2.1.WordPress là gì?........................................................................................................................ 54
3.2.2.Những thành tựu của WordPress............................................................................................... 55
3.2.3.Những hiểu lầm về WordPress................................................................................................... 55
3.2.4.Những lý do mà bạn nên chọn WordPress.................................................................................56
3.2.5. Blog (WordPress.com).............................................................................................................. 59
3.2.6.WordPress tự host (WordPress.org)........................................................................................... 59
DANH MỤC CÁC BẢNG
1.2.Mục tiêu...................................................................................................................5
CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG.................................................................6
Hình 2.2.2. Biểu đồ use case cho người hỗ trợ...................................................................................... 8
Hình 2.3.3. Lớp lĩnh vực...................................................................................................................... 10
Hình 2.4.1. Biểu đồ trình tự phần đăng nhập...................................................................................... 11
Hình 2.4.2.1. Biểu đồ lớp tham gia phần cập nhật thơng tin cá nhân..................................................12
Hình 2.5.1.2. Biểu đồ trình tự phần cập nhật thơng tin cá nhân..........................................................12
Hình 2.5.1.3. Biểu đồ hoạt động phần cập nhật thơng tin cá nhân......................................................12
Hình 2.5.1.4. Biểu đồ lớp tham gia phần đổi mật khẩu.......................................................................13
Hình 2.5.1.7. Biểu đồ lớp tham gia ca sử dụng phần quản lý ảnh........................................................14
Hình 2.5.1.8. Biểu đồ trình tự phần quản lý ảnh.................................................................................15
Hình 2.5.1.9. Biểu đồ lớp tham gia ca sử dụng phần quản lý bài viết..................................................16
Hình 2.5.1.10. Biểu đồ trình tự phần quản lý bài viết..........................................................................17
Hình 2.5.1.11. Biểu đồ lớp tham gia ca sử dụng phần quản lý thể loại bài viết....................................18
Hình 2.5.1.12. Biểu đồ trình tự phần quản lý thể loại bài viết.............................................................20
Hình 2.5.1.13. Biểu đồ lớp tham gia ca sử dụng phần quản lý thể loại ảnh.........................................21
Hình 2.5.1.15. Biểu đồ lớp tham gia ca sử dụng phần quản lý tỉnh thành............................................23
Hình 2.5.1.16. Biểu đồ trình tự phần quản lý tỉnh thành....................................................................24
Hình 2.5.1.17. Biểu đồ lớp tham gia ca sử dụng phần quản lý khu vực................................................25
Hình 2.5.1.18. Biểu đồ trình tự phần quản lý khu vực.........................................................................26
Hình 2.5.1.19. Biểu đồ lớp tham gia ca sử dụng phần quản lý người dùng..........................................27
Hình 2.5.1.20. Biểu đồ trình tự phần quản lý người dùng...................................................................28
Hình 2.6.1. Biểu đồ lớp tham gia ca sử dụng phần xem ảnh................................................................29
Hình 2.6.1.2. Biểu đồ trình tự phần xem ảnh...................................................................................... 29
Hình 2.6.1.3. Biểu đồ lớp tham gia ca sử dụng phần xem bài viết.......................................................30
Hình 2.6.1.4. Biểu đồ trình tự phần xem bài viết.................................................................................30
Hình 2.6.1.5. Biểu đồ lớp tham gia ca sử dụng phần xem thông tin cá nhân.......................................31
Hình 2.6.1.6. Biểu đồ trình tự phần xem thơng tin cá nhân.................................................................31
Hình 2.6.1.7. Biểu đồ lớp tham gia ca sử dụng phần tải ảnh lên hệ thống...........................................32
Hình 2.6.2.8. Biểu đồ trình tự phần tải ảnh lên hệ thống....................................................................32
Bảng 2.7.1. Layout admin................................................................................................................... 34
Hình 2.8.1. Giao diện trang đăng nhập............................................................................................... 35
CHƯƠNG III: NGHIÊN CỨU CÁC VẤN ĐỀ VỀ SEO VÀ WORDPRESS..................................37
Hình 3.1.2. Hình minh họa cho robot tìm kiếm................................................................................... 38
........................................................................................................................................................... 42
3.1.6.2.DEMO MỘT WEBSITE CHUẨN SEO.....................................................................54
3.2.1.WordPress là gì?........................................................................................................................ 54
3.2.2.Những thành tựu của WordPress............................................................................................... 55
3.2.3.Những hiểu lầm về WordPress................................................................................................... 55
3.2.4.Những lý do mà bạn nên chọn WordPress.................................................................................56
3.2.5. Blog (WordPress.com).............................................................................................................. 59
3.2.6.WordPress tự host (WordPress.org)........................................................................................... 59
DANH MỤC CÁC HÌNH VẼ
1.2.Mục tiêu...................................................................................................................5
CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG.................................................................6
Hình 2.2.2. Biểu đồ use case cho người hỗ trợ...................................................................................... 8
Hình 2.3.3. Lớp lĩnh vực...................................................................................................................... 10
Hình 2.4.1. Biểu đồ trình tự phần đăng nhập...................................................................................... 11
Hình 2.4.2.1. Biểu đồ lớp tham gia phần cập nhật thơng tin cá nhân..................................................12
Hình 2.5.1.2. Biểu đồ trình tự phần cập nhật thơng tin cá nhân..........................................................12
Hình 2.5.1.3. Biểu đồ hoạt động phần cập nhật thơng tin cá nhân......................................................12
Hình 2.5.1.4. Biểu đồ lớp tham gia phần đổi mật khẩu.......................................................................13
Hình 2.5.1.7. Biểu đồ lớp tham gia ca sử dụng phần quản lý ảnh........................................................14
Hình 2.5.1.8. Biểu đồ trình tự phần quản lý ảnh.................................................................................15
Hình 2.5.1.9. Biểu đồ lớp tham gia ca sử dụng phần quản lý bài viết..................................................16
Hình 2.5.1.10. Biểu đồ trình tự phần quản lý bài viết..........................................................................17
Hình 2.5.1.11. Biểu đồ lớp tham gia ca sử dụng phần quản lý thể loại bài viết....................................18
Hình 2.5.1.12. Biểu đồ trình tự phần quản lý thể loại bài viết.............................................................20
Hình 2.5.1.13. Biểu đồ lớp tham gia ca sử dụng phần quản lý thể loại ảnh.........................................21
Hình 2.5.1.15. Biểu đồ lớp tham gia ca sử dụng phần quản lý tỉnh thành............................................23
Hình 2.5.1.16. Biểu đồ trình tự phần quản lý tỉnh thành....................................................................24
Hình 2.5.1.17. Biểu đồ lớp tham gia ca sử dụng phần quản lý khu vực................................................25
Hình 2.5.1.18. Biểu đồ trình tự phần quản lý khu vực.........................................................................26
Hình 2.5.1.19. Biểu đồ lớp tham gia ca sử dụng phần quản lý người dùng..........................................27
Hình 2.5.1.20. Biểu đồ trình tự phần quản lý người dùng...................................................................28
Hình 2.6.1. Biểu đồ lớp tham gia ca sử dụng phần xem ảnh................................................................29
Hình 2.6.1.2. Biểu đồ trình tự phần xem ảnh...................................................................................... 29
Hình 2.6.1.3. Biểu đồ lớp tham gia ca sử dụng phần xem bài viết.......................................................30
Hình 2.6.1.4. Biểu đồ trình tự phần xem bài viết.................................................................................30
Hình 2.6.1.5. Biểu đồ lớp tham gia ca sử dụng phần xem thông tin cá nhân.......................................31
Hình 2.6.1.6. Biểu đồ trình tự phần xem thơng tin cá nhân.................................................................31
Hình 2.6.1.7. Biểu đồ lớp tham gia ca sử dụng phần tải ảnh lên hệ thống...........................................32
Hình 2.6.2.8. Biểu đồ trình tự phần tải ảnh lên hệ thống....................................................................32
Bảng 2.7.1. Layout admin................................................................................................................... 34
Hình 2.8.1. Giao diện trang đăng nhập............................................................................................... 35
CHƯƠNG III: NGHIÊN CỨU CÁC VẤN ĐỀ VỀ SEO VÀ WORDPRESS..................................37
Hình 3.1.2. Hình minh họa cho robot tìm kiếm................................................................................... 38
........................................................................................................................................................... 42
3.1.6.2.DEMO MỘT WEBSITE CHUẨN SEO.....................................................................54
3.2.1.WordPress là gì?........................................................................................................................ 54
3.2.2.Những thành tựu của WordPress............................................................................................... 55
3.2.3.Những hiểu lầm về WordPress................................................................................................... 55
3.2.4.Những lý do mà bạn nên chọn WordPress.................................................................................56
3.2.5. Blog (WordPress.com).............................................................................................................. 59
3.2.6.WordPress tự host (WordPress.org)........................................................................................... 59
1
LỜI MỞ ĐẦU
Ngày nay, khoa học cơng nghệ đã có những bước phát triển mạnh mẽ cả về
chiều rộng lẫn chiều sâu. Máy tính đã trở thành một cơng cụ làm việc, giải trí
thơng dụng của con người khơng những ở cơng sở mà thậm chí cịn ở ngay trong
gia đình. Sự phát triển của cơng nghệ thơng tin là tiền đề cho sự phát triển của các
ngành khoa học khác. Nhờ vào sự phát triển của các phương tiện truyền thông, đặc
biệt là sự phát triển của tin học đã tạo điều kiện cho mọi người có thể giao tiếp
với nhau 1 cách nhanh chóng và dễ dàng hơn thơng qua các dịch vụ internet. Vì
là 1 mơi trường truyền thơng rộng khắp thế giới nên thơng tin có thể được giới thiệu
tới từng người một cách nhanh chóng và thuận lợi. Vì vậy đã tạo điều kiện thuận
lợi cho thương mại điện tử thông qua internet và nhanh chóng trở thành phổ biến
thế giới, trở thành một cơng cụ mạnh mẽ để bán hàng và quảng cáo hàng hố
của các nhà cung cấp. Đối với khách hàng thì có thể lựa chọn, so sánh
những loại hàng hố phù hợp về giá cả hàng hoá, dịch vụ, chất lượng….
Trong phạm vi đồ án tốt nghiệp này em muốn xây dựng website “Xây dựng
và thực hiện SEO cho website giới thiệu phong cảnh Việt Nam ”. Thông qua
website em muốn giới thiệu đến mọi người về những địa danh từng vùng miền trên
đất nước Việt Nam, qua đó phát triển những dịch vụ du lịch của từng vùng miền.
Website được xây dựng bằng ngôn ngữ PHP và MySQL, chạy trên môi trường
Localhost với Xampp; Sử dụng công cụ thiết kế Notepad++. Tuy nhiên, ứng dụng
của em có thể chưa hồn chỉnh và cịn nhiều thiếu sót, nhưng đó là sự cố gắng của
bản thân em trong bước đầu hòa nhập vào mơi trường làm việc bên ngồi và tiếp
xúc chập chững với Công nghệ thông tin em mong quý thầy, cơ có thể tạo điều kiện
giúp đỡ, cũng như đóng góp ý kiến để em có thể hồn thành đề tài một cách hiệu
quả nhất, và hơn thế nữa, em có thể rút ra những kinh nghiệm quý báu cho chính
bản thân mình.
Em xin gửi lời cảm ơn đến thầy Nguyễn Như Sơn và thầy Hà Mạnh Đào là
giáo viên trực tiếp hướng dẫn em làm đồ án này. Cảm ơn thầy đã tạo cho em
những điều kiện thuận lợi để em phát triển ước mơ, nghề nghiệp và hoàn thành tốt
bài đồ án này.
Em xin chân thành cảm ơn !
2
CHƯƠNG I: TỔNG QUAN ĐỀ TÀI
1.1. Tổng quan
Việt Nam là một dải đất hình chữ S, nằm ở trung tâm khu vực Đơng Nam Á,
ở phía Đơng bán đảo Đơng Dương, phía Bắc giáp Trung Quốc, phía Tây giáp Lào,
Campuchia, phía Đơng và Nam trơng ra biển Đơng và Thái Bình Dương. Bờ biển
Việt Nam dài 3.260 km, biên giới đất liền dài 3.730km. Trên đất liền, từ điểm cực
Bắc đến điểm cực Nam (theo đường chim bay) dài 1.650km, từ điểm cực Đông
sang điểm cực Tây nơi rộng nhất 600km (Bắc bộ), 400 km (Nam bộ), nơi hẹp nhất
50km (Quảng Bình).
Các điều kiện địa lý tự nhiên, lịch sử, văn hố... đã tạo cho Việt Nam có tiềm
năng du lịch dồi dào: tiềm năng du lịch biển, rừng, vùng núi cao, hang động, kiến
trúc cổ, lễ hội Việt Nam là đất nước của biển cả, trên suốt chiều dài bờ biển 3.260
km, dài hơn cả chiều dài đất nước, có tới 20 bãi tắm nổi tiếng. Ở miền Bắc có Trà
Cổ, Hạ Long, Ðồ Sơn...
Với bề dày lịch sử 4.000 năm, Việt Nam còn giữ được nhiều di tịch kiến trúc
có giá trị. Trong những di tích cịn lại thì cịn có 11 di tích cổ đặc sắc cịn giữ được
dáng vẻ ban đầu: Chùa Một Cột, chùa Kím Liên ( Hà Nội), Tháp Phổ Minh ( Nam
Hà ), Tháp Bình Sơn ( Vĩnh Phú ), Đình Tây Đằng và Đình Chu Quyền ( Hà Tây ),
Chùa Keo ( Thái Bình ), Chùa Bút Tháp, đình Đình Bảng ( Hà Bắc), Chùa Tây
Phương ( Hà Tây), Tháp Chàm ( Các tỉnh ven biển miền Trung) và kiến trúc Huế.
Đặc biệt những kiến trúc cung đình ở Huế đã được UNESCO cơng nhận là di sản
văn hố thế giới.
Việt Nam là đất nước có 54 dân tộc. Mỗi dân tộc đều có tiếng nói và sắc thái
văn hố riêng nhưng lại có chung một nền văn hố thống nhất. Tính thống nhất của
nền văn hoá Việt Nam biểu hiện ở ý thức cộng đồng, gắn bó giữa các dân tộc với
nhau trong quá trình dựng nước và giữ nước. Tiếng Việt được sử dụng là tiếng phổ
thông, là công cụ giao tiếp chung của các dân tộc sống trên dải đất Việt Nam.
3
Cùng với sự phát triển của đất nước, ngày nay để phục vụ cho giao lưu quốc
tế nhiều ngôn ngữ nước ngoài cũng được sử dụng ở Việt Nam như tiếng Anh, Pháp,
Nga, Hoa, Ðức,...
Qua những thơng tin trên có thể thấy Việt Nam đang là viên ngọc của ngành
du lịch thế giới cần được khai thác một cách có hiệu quả nhất. Và để khai thác có
hiệu quả về du lịch Việt cần có sự quảng bá hình ảnh rộng không chỉ trên các
phương tiện quần chúng mà hơn thế nữa cần đưa những hình ảnh đẹp về du lịch việt
tới nhiều quốc gia, vùng miền trên cả nước thông qua mạng internet. Thực tế cho
thấy đất nước ta đang trên đà phát triển và hội nhập, chính vì vậy đời sống của mỗi
người cũng cao hơn và trong cuộc sống bộn bề với nhiều lo toan trong công việc,
gia đình hầu hết mọi người chọn cho mình cách để xả stress như: tham gia các hoạt
động xã hội hay chơi những môn thể thao,.. Trong số những hoạt động trên thì đi du
lịch, tìm cho mình một khơng khí mới là lựa chọn của đa số mọi người. Một mặt là
để giải tỏa áp lực cuộc sống mặt khác cũng là để tìm hiểu thêm về cuộc sống, con
người và văn hóa của vùng miền mà họ muốn đặt chân tới.
Dựa trên những tiềm năng về du lịch Việt Nam và những nhu cầu du lịch
khám phá thực tế thực tế không thể thiếu của mỗi người Website phongcanh.com
được xây dựng với chức năng chính là cập nhật thơng tin về địa danh, ẩm thực, văn
hóa nét đặc trưng của các tỉnh trên cả nước nhằm cung cấp cho những ai đang có dự
định đi du lịch một cái nhìn đa chiều về phong cảnh, con người, văn hóa, phong tục
tập quán ở ba miền bắc, trung, nam. Đối tượng mà website muốn hướng tới là tất cả
mọi người trên cộng đồng mạng xã hội, bất kỳ ai có nhu cầu tìm hiểu về du lịch Việt
và những người có sở thích du lịch.
Thơng qua mơ tả như trên có thể thấy phongcanh.com được coi như một
trang báo về du lịch, phong cảnh. Nó có thể lưu trữ tất cả thông tin du lịch của mỗi
tỉnh và hiển thị thông tin ấy trên mạng internet. Tại đây người dùng sẽ thỏa sức
chiêm ngưỡng mọi phong cảnh, ẩm thực văn hóa của nhiều tỉnh trên nước Việt
Nam. Website được chia làm 2 phần: Phần quản trị và phần trang chủ.
Phần quản trị phải thực hiện được các chức năng: quản lý được tin tức du
lịch, bài viết giới thiệu về phong cảnh từng vùng miền. Chức năng quản lý tin tức,
bài viết rất quan trọng vì đó được coi là trọng tâm của website. Để có thể cung cấp
4
được cho người đọc những tin tức chân thực, đa chiều về phong cảnh, con người đòi
hỏi hệ thống phải có cơ chế quản lý tốt bao gồm chức năng cập nhật thông tin một
cách hiệu quả nhất. Chức năng quản lý ảnh người dùng tải lên cũng rất quan trọng,
hệ thống cần phải chọn lọc được những bức ảnh theo đúng nghĩa là ảnh phong cảnh,
ảnh du lịch, văn hóa tránh trường hợp những ảnh cấm được đăng tải trên website
làm mất hình ảnh của website tới người đọc. Chức năng tiếp theo là quản lý dịch vụ,
đây là chức năng cần độ chính xác cao bởi vì nó liên quan tới vấn đề tài chính của
mỗi người vì vậy hệ thống phải chọn lọc thật chính xác từng loại hình dịch vụ tương
ứng với mỗi tỉnh thành để người xem có thể chọn cho mình những loại hình dịch vụ
tốt nhất và phù hợp với túi tiền của họ. Chức năng quản lý người dùng giúp cho
việc quản lý các tài khoản người dùng và phân quyền người dùng tương ứng với
từng công việc, chức năng sử dụng. Tại đây chỉ có Admin là người có quyền cao
nhất thực hiện nhiệm vụ phân công công việc, quyền chức năng tương ứng với từng
nhóm người. Các chức năng quan trọng khơng thể thiếu đó là Quản lý thể loại, quản
lý khu vực, tỉnh và quản lý người dùng. Đây là những chức năng liên quan đến hệ
thống mà chỉ do một người quản lý đó là Admin
Phần trang chủ cần thực hiện những chức năng chính là hiển thị được những
bài viết mới nhất, bài viết nhiều người đọc nhất của từng tỉnh thành, khu vực. Hiển
thị danh mục dịch vụ du lịch tương ứng với mỗi địa danh, hiển thị phong cảnh, văn
hóa, ẩm thực của mỗi vùng miền. Chức năng hiển thị kho ảnh mà mọi người đăng
tải để tạo sự đa dạng về hình ảnh và giúp những ai có đam mê tìm hiểu về phong
cảnh của từng vùng miền Việt Nam. Ngoài ra hệ thống còn kết nối với trang mạng
xã hội facebook để thuận tiện cho việc quảng bá và SEO website.
- Website “giới thiệu phong cảnh Việt Nam” là một trang tin tức về những nét
đẹp văn hóa, con người Việt Nam. Website được xây dựng với mục đích chính là
giới thiệu cho người trong nước và bạn bè quốc tế về vẻ đẹp thiên nhiên, tạo hóa
ban tặng cho từng vùng miền của Việt Nam. Website còn cung cấp chức năng tải
ảnh người dùng lên hệ thống và công khai trên internet sau khi được duyệt.
- Những ưu điểm của website: Có thể chạy đa nền tảng trên mọi màn hình mà
khơng bị vỡ giao diện. Tối ưu hóa tên bài viết phục vụ cho SEO trên google. Bố trí
5
các link các chuyên mục liên quan tới nhau theo một vịng trịn liên kết, tạo sự lơi
cuốn người đọc. Cách thiết kế hài hòa phù hợp với thị lực người dùng.
- Website “giới thiệu phong cảnh, ẩm thực, văn hóa và phát triển dịch vụ du
lịch Việt Nam” là một trang tin tức về du lịch, những nét đẹp về văn hóa, con người
Việt Nam. Website được xây dựng với mục đích chính là giới thiệu cho người trong
nước và bạn bè quốc tế về vẻ đẹp thiên nhiên, tạo hóa ban tặng cho từng vùng miền
của Việt Nam. Website còn cung cấp chức năng tải ảnh người dùng lên hệ thống và
công khai trên internet sau khi được duyệt. Những chuyên mục chính của website
gồm:
+ Chuyên mục “Cảnh đẹp ba miền”, đây là chuyên mục chính của website,
giới thiệu về
những địa danh của từng tỉnh tạo sự đa dạng về du lịch vùng miền.
+ Chuyên mục “Tin phượt”, cập nhật những thông tin mới nhất về du lịch
phượt của
giới trẻ hiện nay.
1.2. Mục tiêu
- Website giúp người sử dụng tìm kiếm và lựa chọn từ xa những tin tức chân
thực, đa chiều về phong cảnh, dịch vụ du lịch…
- Cung cấp các thông tin về dịch vụ du lịch tại các vùng miền.
- Hỗ trợ việc tìm kiếm các danh lam thắng cảnh, địa điểm du lịch của Việt
Nam
- Hiểu rõ và nắm được nhu cầu thiết yếu của mọi người .
- Phát triển thành công ứng dụng SEO vào trang web mình xây dựng .
- Độc lập, tự chủ tạo ra một bản thiết kế, một bản đồ án hồn chỉnh.
1.3. Nội dung của đề tài.
-
Tìm hiểu về SEO và xây dựng web
-
Phân tích thiết kế, xây dựng web và ứng dụng SEO vào chính trang
web mình xây dựng
1.3.1. Phương pháp nghiên cứu.
- Nghiên cứu các vấn đề liên quan đến đề tài
- Nghiên cứu tài liệu, tham gia các diễn đàn học tập trao đổi kinh nghiệm trên
internet, tranh thủ ý kiến của thầy hướng dẫn
- Lập trình ứng dụng
- Thử nghiệm ứng dụng
6
1.3.2. Phạm vi nghiên cứu.
-
Đề tài xây dựng trên nền tảng WordPress
CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
2.1. Phân tích chức năng và xác định yêu cầu của hệ thống
7
Hệ thống website bao gồm 2 phần: Phần quản trị và phần trang chủ. Ở mỗi
phần hệ thống cần thực hiện những yêu cầu chức năng sau:
2.1.1. Phần quản trị
+ Đối với tài khoản admin (người quản trị):
- Quản lý thông tin cá nhân: Xem, Cập nhật thông tin cá nhân, đổi mật khẩu.
- Quản lý bài viết: Thêm, Sửa, Xóa, Tìm kiếm bài viết.
- Quản lý ảnh: Xem, Xóa, Tìm kiếm ảnh.
- Quản lý người dùng: Phân quyền, xóa người dùng.
+ Đối với tài khoản Support (người hỗ trợ quả trị):
- Quản lý bài viết: Thêm, Sửa, Xóa bài viết.
- Quản lý ảnh: Xem, Xóa bài viết.
- Quản lý thông tin cá nhân: Xem, Cập nhật thông tin cá nhân, đổi mật khẩu.
2.1.2. Phần trang chủ
Xem bài viết theo thể loại
- Tin tức du lịch: cập nhật tin tức du lịch nóng hỏi trong nước và ngồi nước.
- Ẩm thực: giới thiệu về ẩm thực của từng tỉnh thành trên cả nước
- Xem bộ sưu tập ảnh: tập hợp các ảnh của nhóm người dùng đăng và phân
chia theo từng miền (Miền Bắc, Miền Trung, Miền Nam)
Xác định các tác nhân của hệ thống
Người quản trị (Admin): Người hỗ trợ (support): Nhóm người quản trị hệ
thống nhưng khơng có quyền quản trị một số chức năng như: quản lý người dùng,
các chức năng hệ thống. Đây là nhóm người do Admin phân quyền và chỉ quản lý
những chức năng: Quản lý bài viết, quản lý ảnh.
Nhóm người dùng: Nhóm người này là nhóm thao tác với phần trang chủ của
hệ thống và chỉ thực hiện các chức năng: Xem bài viết, xem thư viện ảnh theo từng
tỉnh/TP, đăng ký tài khoản, tải ảnh, tìm kiếm theo tên bài viết, xem thông tin liên hệ.
2.2. Thiết kế biểu đồ use – case
2.2.1. Biểu đồ use case cho người quản trị(Admin)
8
Hình 2.2.1: biểu đồ use case người quản trị
Người quản trị quản lý thông tin cá nhân, bài viết, ảnh, khu vực…..
2.2.2. Biểu đồ use case cho người hỗ trợ(Support)
Hình 2.2.2. Biểu đồ use case cho người hỗ trợ
Người hỗ trợ sẽ hỗ trợ quản lý bài viết, ảnh, thông tin cá nhân.
2.2.3. Biểu đồ use case cho nhóm người dùng
9
Người dùng có thể xem thơng tin cá nhân, tìm kiếm bài viết, xem ảnh, xem
bài viết…
Sau khi đăng kí tài khoản cá nhân và đăng nhập, người dùng có thể xem
thông tin cá nhân và tải ảnh lên hệ thống.
2.3. Thiết kế biểu đồ lớp
2.3.1. Tìm lớp lĩnh vực
Dựa vào các khái niệm của lĩnh vực ứng dụng và dựa vào khảo sát đề tài ta
xác định được danh sách các danh từ ứng cử viên.
2.3.2. Các lớp thu được sau khi phân tích:
- TB_BaiViet: MaBaiViet, TenBaiViet, SoLuotXem, MoTa, NoiDung,
UserId, MaKV, MaTinh, NgayTao, MaTheLoai, UrlAnh, UrlVideo.
- TB_TheLoaiBaiViet: MaTheLoai, TenTheLoai, MoTa.
- TB_Anh: MaAnh, TenAnh, UserId, NgayTaiLen, SoLuotXem, BinhChon,
MaKhuVuc, MaTinh, MoTa, MaTheloai, UrlAnh.
- TB_TheLoaiAnh: MaTheLoai, TenTheloai, MoTa.
- TB_DichVu: MaDichVu, TenDichVu, MoTa, MaTinh, MaKV, UrlAnh.
- TB_KhuVuc: MaKV, TenKV, MoTa.
- TB_Tinh: MaTinh, TenTinh, MoTa, MaKV.
- TB_NguoiDung:MaNguoiDung,
TenNguoiDung,
HoTenNguoiDung,
SoDienThoai, DiaChi, Email.
- TB_QuyenNguoiDung: MaNguoiDung.
- TB_PhanQuyen: MaQuyen, TenQuyen.
2.3.3. Phân tích use-case để chỉ ra lớp lĩnh vực
10
- Do lớp TB_PhanQuyen và lớp TB_NguoiDung là liên kết n-n (Một quyền
được chia cho nhiều người dùng và một người dùng có nhiều quyền) nên ta tách
liên kết được bảng TB_QuyenNguoiDung
Hình 2.3.3. Lớp lĩnh vực
2.4. Xác định các ca sử dụng cho hệ thống
2.4.1. Phần quản trị
Đăng Nhập:Trước khi người quản trị muốn vào hệ thống cần thực hiện đăng
nhập, quá trình đăng nhập diễn ra như sau:
Người quản trị nhập tài khoản, mật khẩu và lưu trạng thái đăng nhập của
mình tại trang đăng nhập, hệ thống sẽ kiểm tra thông tin và trả lại kết quả lên màn
hình. Nếu đúng kết thúc quá trình đăng nhập, nếu sai hệ thống yêu cầu kiểm tra
thông tin vừa nhập và đăng nhập lại.
2.4.1. Biểu đồ trình tự
11
Hình 2.4.1. Biểu đồ trình tự phần đăng nhập
2.4.2. Biểu đồ hoạt động
Hình 2.4.2. Biểu đồ hoạt động phần đăng nhập
Cập nhật thông tin người quản trị: Sau khi đăng nhập thành cơng người
quản trị (admin và support có thể xem thơng tin về tài khoản của mình và có thể
chỉnh sửa những thơng tin ấy).
Q trình cập nhật thơng tin được diễn ra khi người quản trị chọn chức năng
xem thơng tin của mình ở góc bên phải của thanh header. Khi đó hệ thống sẽ lấy
thơng tin của người dùng ấy và hiển thị sang trang “thông tin người quản trị” thông
tin gồm: TenNguoiDung, HoTen, SoDienThoai,DiaChi, Email, GioiTinh. Tại đây
người quản trị có thể chọn các chức năng cập nhật sau khi đã chỉnh sửa thơng tin
của mình hoặc thốt để kết thúc q trình cập nhập thơng tin.
2.4.2.1. Biểu đồ lớp tham gia ca sử dụng
12
Hình 2.4.2.1. Biểu đồ lớp tham gia phần cập nhật thơng tin cá nhân
2.4.Biểu đồ trình tự
Hình 2.5.1.2. Biểu đồ trình tự phần cập nhật thơng tin cá nhân
2.5.1.3. Biểu đồ hoạt động
Hình 2.5.1.3. Biểu đồ hoạt động phần cập nhật thông tin cá nhân
13
Đổi mật khẩu: Quá trình đổi mật khẩu được diễn ra khi người quản
trị(Admin và Support) chọn chức năng đổi mật khẩu trên thanh header
Khi đó hệ thống sẽ hiển thị thông tin gồm: TenNguoiDung, MatKhauCu,
MatKhauMoi, NhapLaiMatKhauMoi. Tại đây người quản trị nhập thơng khẩu mới
mà mình muốn thay đổi và chọn cập nhật để lưu mật khẩu hoặc thoát để kết thúc
quá trình thay đổi mật khẩu.
2.5.1.4. Biểu đồ lớp tham gia ca sử dụng
Hình 2.5.1.4. Biểu đồ lớp tham gia phần đổi mật khẩu
2.5.1.5. Biểu đồ trình tự
Hình 2.5.1.5. Biểu đồ trình tự phần thay đổi mật khẩu
14
2.5.1.6. Biều đồ hoạt động
Hình 2.5.1.6. Biểu đồ hoạt động phần thay đổi mật khẩu
Quản lý ảnh: Ảnh được quản lý theo thể loại ảnh, nghĩa là ứng với mỗi thể
loại là một chuyên mục ảnh và việc quản lý được thực hiện khi người quản trị chọn
chức năng quản lý ảnh theo thể loại cụ thể trên thanh menu cơng cụ, khi đó hệ
thống sẽ hiển thị danh sách các ảnh theo chuyên mục mà người quản trị chọn và
kèm theo những chức năng như : Thêm, Sửa, Xóa và Tìm Kiếm lên trên trang “danh
sách ảnh”. Từ đây người dùng có thể chọn một trong các chức năng thêm, sửa xóa
hoặc tìm kiếm. Thơng tin ảnh gồm: MaAnh, TenAnh, UserId, NgayTaiLen,
SoLuotXem,BinhChon, MaKV, MaTinh, MoTa, MaTheLoai, UrlAnh.
Biểu đồ lớp tham gia ca sử dụng
Hình 2.5.1.7. Biểu đồ lớp tham gia ca sử dụng phần quản lý ảnh
15
Người quản trị chọn Xem ảnh: hệ thống lấy thông tin mã ảnh mà người dùng
muốn xem chi tiết và hiển thị chúng trên màn hình “chi tiết ảnh”. Tại đây người
quản trị chỉ có thể xem chi tiết thơng tin của ảnh chứ khơng có quyền sửa thơng tin.
Thơng tin ảnh bao gồm: NgayTaiLen, NguoiTaiLen, TenAlbum, TenAnh, BinhChon,
SoLuotXem . Người quản trị chọn thốt để kết thúc q trình sửa ảnh.
Người quản trị chọn Xóa ảnh: hệ thống hiển thị thơng báo hỏi người quản trị
có muốn xóa ảnh này khơng. Nếu người quản trị chọn “có” thì hệ thống sẽ tìm
thơng tin ảnh đó và thực hiện xóa, nếu chọn “khơng” thì thơng báo được đóng lại.
kết thúc q trình xóa ảnh.
Người quản trị cũng có thể Tìm kiếm ảnh theo tên ảnh, hệ thống kiểm
tra và lấy thông tin mà người quản trị vừa nhập trên ô tìm kiếm và thực hiện tìm
kiếm sau đó trả kết quả về trang “danh sách ảnh” từ đây người quản trị có thể thực
hiện các chức năng Thêm, Xem chi tiết, Xóa ảnh.
Biểu đồ trình tự
Hình 2.5.1.8. Biểu đồ trình tự phần quản lý ảnh
16
Quản lý bài viết: Bài viết được quản lý theo thể loại bài viết, nghĩa là ứng
với mỗi thể loại là một chuyên mục bài viết và việc quản lý được thực hiện khi
người quản trị chọn chức năng quản lý bài viết theo thể loại cụ thể trên thanh menu
cơng cụ, khi đó hệ thống sẽ hiển thị danh sách các bài viết theo chuyên mục mà
người quản trị chọn và kèm theo những chức năng như : Thêm, Sửa, Xóa và Tìm
Kiếm lên trên trang “danh sách bài viết”. Từ đây người dùng có thể chọn một trong
các chức năng thêm, sửa xóa hoặc tìm kiếm. Thơng tin bài viết gồm: MaBaiViet,
TenBaiViet, MoTa, SoLuotXem, NoiDung, UserId, MaKV, MaTinh, MaTheLoai,
NgayTao, UrlAnh, UrlVideo.
Biểu đồ lớp tham gia ca sử dụng
Hình 2.5.1.9. Biểu đồ lớp tham gia ca sử dụng phần quản lý bài viết
17
Biểu đồ trình tự
Hình 2.5.1.10. Biểu đồ trình tự phần quản lý bài viết
18
Quản lý thể loại bài viết Bài viết được quản lý theo thể loại bài viết, nghĩa
là ứng với mỗi thể loại là một chuyên mục bài viết và việc quản lý được thực hiện
khi người quản trị chọn chức năng quản lý bài viết theo thể loại cụ thể trên thanh
menu cơng cụ, khi đó hệ thống sẽ hiển thị danh sách các bài viết theo chuyên mục
mà người quản trị chọn và kèm theo những chức năng như : Thêm, Sửa, Xóa và
Tìm Kiếm lên trên trang “danh sách bài viết”. Từ đây người dùng có thể chọn một
trong các chức năng thêm, sửa xóa hoặc tìm kiếm. Thông tin bài viết gồm:
MaBaiViet, TenBaiViet, MoTa, SoLuotXem, NoiDung, UserId, MaKV, MaTinh,
MaTheLoai, NgayTao, UrlAnh, UrlVideo.
Biểu đồ lớp tham gia ca sử dụng
Hình 2.5.1.11. Biểu đồ lớp tham gia ca sử dụng phần quản lý thể loại bài viết
Người quản trị chọn Thêm mới bài viết hệ thống sẽ hiển thị một trang “cập
nhật”, tại đây người quản trị nhập đầy đủ thơng tin bài viết mà mình muốn thêm
sau đó gửi yêu cầu. Hệ thống kiểm tra yêu cầu và gửi thơng báo lên trên màn hình
“danh sách” và kết thúc quá trình thêm bài viết.
Người quản trị chọn Sửa bài viết hệ thống lấy thông tin mã bài viết mà người
dùng muốn sửa và hiển thị chúng trên màn hình “cập nhật”. Tại đây người quản trị
có thể chỉnh sửa thông tin về bài viết và gửi yêu cầu, hệ thống kiểm tra yêu cầu và
trả lại kết quả lên màn hình “danh sách”. Kết thúc quá trình sửa bài viết.
Người quản trị chọn Xóa bài viết hệ thống hiển thị thơng báo hỏi người quản
trị có muốn xóa bài viết này khơng. Nếu người quản trị chọn “có” thì hệ thống sẽ
tìm thơng tin và thực hiện xóa, nếu chọn “khơng” thì thơng báo được đóng lại. kết
thúc q trình xóa bài viết.
Người quản trị cũng có thể Tìm kiếm bài viết theo tên bài viết hệ thống kiểm
tra và lấy thông tin mà người quản trị vừa nhập trên ơ tìm kiếm và thực hiện tìm
kiếm sau đó trả kết quả về trang “danh sách” từ đây người quản trị có thể thực hiện
các chức năng Thêm, Sửa, Xóa, Tìm kiếm bài viết..
