Đang tải... (xem toàn văn)
Diễn đàn SEO code bằng ngôn ngữ php kết hợp với mysql, chuẩn SEO, giao diện thân thiện và nhiều tính năng mới. kèm theo là báo cáo thực tập với đầy đủ các bản vẽ và thiết kế bao gồm hệ thống, mô hình, sơ đồ user case, mô hình thực thể quan hệ...
ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC ▬▬▬▬▬ BÁO CÁO KẾT QUẢ THỰC TẬP TỐT NGHIỆP ĐỀ TÀI: THIẾT KẾ VÀ XÂY DỰNG FORUM SEO CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN Giảng viên hướng dẫn : PGS.TSKH. Trần Quốc Chiến Sinh viên thực hiện : Khổng Thanh Dũng Địa điểm thực tập : Trung tâm CNTT & Truyền thông Đà Nẵng Đà Nẵng, 2015 Thiết kế và xây dựng forum Seo MỤC LỤC MỤC LỤC HÌNH ẢNH 3 LỜI CẢM ƠN 4 MỞ ĐẦU 5 GIỚI THIỆU CƠ SỞ THỰC TẬP 7 CHƯƠNG 1. CƠ SỞ LÝ THUYẾT 9 CHƯƠNG 2. PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG 17 CHƯƠNG 3. SẢN PHẨM DEMO 41 2.GIAO DIỆN 41 KẾT LUẬN 46 Tài liệu tham khảo 47 2 | P a g e Thiết kế và xây dựng forum Seo MỤC LỤC HÌNH ẢNH Hình 1. Sơ đồ tổ chức Trung Tâm DNICT 7 Hình 2. Ví dụ về cấu trúc trang HTML 10 Hình 3. Bát quái SEO 17 Hình 4. Biểu đồ quan hệ thực thể ERD 23 Hình 5. Sơ đồ Use Case 23 Hình 6. Bảng dữ liệu seo_addfriends 27 Hình 7. Ví dụ dữ liệu seo_addfriends 28 Hình 8. Bảng dữ liệu seo_articles 29 Hình 9. Dữ liệu ví dụ bảng seo_articles 30 Hình 10. Bảng dữ liệu seo_categories 30 Hình 11. Dữ liệu ví dụ bảng seo_categories 31 Hình 12. Bảng seo_chat 31 Hình 13. Dữ liệu ví dụ bảng seo_chat 32 Hình 14. Bảng seo_comments 32 Hình 15. Dữ liệu ví dụ bảng seo_comment 33 Hình 16. Bảng seo_likearticles 34 Hình 17. Dữ liệu ví dụ bảng seo_likearticles 34 Hình 18. Bảng seo_members 35 Hình 19. Dữ liệu ví dụ bảng seo_members 36 Hình 20. Bảng seo_menu 36 Hình 21. Dữ liệu ví dụ bảng seo_menu 37 Hình 22. Bảng seo_notify 37 Hình 23. Bảng seo_subcate 38 Hình 24. Dữ liệu ví dụ bảng seo_subcate 39 Hình 25. Bảng seo_tag_user 39 Hình 26. Dữ liệu ví dụ bảng seo_tag_user 40 Hình 27. Sơ đồ tổng qan cơ sở dữ liệu 40 Hình 28. Khởi động localhost 41 Hình 29. Giao diện trang đăng nhập của thành viên 41 Hình 30. Giao diện trang đăng ký 42 Hình 31. Form đăng ký tham gia điễn đàn 42 Hình 32. Giao diện trang đăng nhập của admin 42 Hình 33. Giao diện trang chủ diễn đàn 43 Hình 34. Giao diện trang thống kê dành cho thành viên 44 Hình 35. Giao diện trang thống kê dành cho thành viên 44 Hình 36. Giao diện trang chủ của admin 45 3 | P a g e Thiết kế và xây dựng forum Seo LỜI CẢM ƠN Em xin chân thành cảm ơn Trường Đại Học Sư Phạm – Đại Học Đà Nẵng, Khoa Tin Học và Trung Tâm CNTT & Truyền thông Đà Nẵng đã tạo điều kiện cho em hoàn thành tốt kỳ thực tập cuối khóa. Em xin cảm ơn thầy PGS.TS. Trần Quốc Chiến Khoa Tin Học trường Đại Học Sư Phạm Đà Nẵng, thầy Ngô Đình Cường giảng viên Trung Tâm CNTT & Truyền thông Đà Nẵng đã trực tiếp hướng dẫn và tận tình giúp đỡ em trong quá trình thực tập và hoàn thành tốt báo cáo thực tập tốt nghiệp. Với vốn kiến thức còn hạn chế và thời gian thực tập có hạn nên em không tránh khỏi những thiếu sót. Em rất mong nhận được những ý kiến đóng góp, phê bình của quý thầy cô và các anh chị tại trung tâm, đó sẽ là hành trang quý giá giúp em hoàn thiện bản thân và kiến thức sau này. Em xin chân thành cảm ơn! 4 | P a g e Thiết kế và xây dựng forum Seo MỞ ĐẦU Thực tập tốt nghiệp là hoạt động giáo dục đặc thù nhằm góp phần hình thành, phát triển phẩm chất và năng lực nghề nghiệp cần thiết của sinh viên theo mục tiêu đào tạo đã đề ra. Đối với sinh viên, hoạt động thực tập tốt nghiệp có vai trò quan trọng không chỉ với quá trình học tập mà còn với cả sự nghiệp của sinh viên sau này. Các hoạt động thực tiễn giúp sinh viên hiểu được mình sẽ làm công việc như thế nào sau khi ra trường và có những điều chỉnh kịp thời, cùng với chiến lược rèn luyện phù hợp hơn. Trong thực tế, chương trình đào tạo trong các trường đại học đã cung cấp hệ thống lý luận và lý thuyết hữu dụng về ngành nghề và nhất thiết cần được áp dụng vào thực tiễn sinh động với đối tượng và môi trường nghề nghiệp cụ thể. Vì thế, các kỳ thực tập càng trở nên cần thiết đối với sinh viên. 1. Lý do, mục đích của việc chọn đề tài thực tập Thời đại công nghệ thông tin ngày càng phát triển, nhu cầu kết nối giữa các thành viên, cộng đồng mạng về một lĩnh vực, chuyên nghành nào đó ngày càng lớn mạnh, nhu cầu chia sẻ thông tin và tìm kiếm tài liệu luôn được mở rộng. Là một lập trình viên website ngoài các kỹ năng như lập trình, thiết kế, phát triển ứng dụng web, thì Seo là yếu tố quan trọng quyết định vị thứ website trên Google. Một website được làm ra nhưng không được người dùng biết tới thì cũng vô tác dụng mà lại mất tiền và nhiều công sức. Nhằm nâng cao kiến thức cá nhân, bổ sung thông tin cho các lập trình viên website nói chung và lĩnh vực Seo nói riêng đồng thời phát triển cộng đồng Seo ngày càng lớn mạnh nên em đã chọn đề tài xậy dựng Forum Seo để phát triển cho kỳ thực tập này. 2. Mục tiêu cần đạt được - Nắm bắt và hiểu rõ hơn về ngôn ngữ lập trình PHP, MySQL, Javascript, Jquery và các kỹ thuật cần thiết để xây dựng ứng dụng và website. - Kỹ năng làm việc nhóm hiệu quả và khoa học. - Sản phầm demo cho ứng dụng. 3. Đối tượng và phạm vi thực tập - Ngôn ngữ lập trình HTML, PHP, Javascript, Jquery… - Hệ quản trị cơ sở dữ liệu MySQL. - Forum seo 4. Phương pháp nghiên cứu - Tìm hiểu thông tin trên mạng internet, sách, báo, tạp chí… - Thông qua sự hướng dẫn của giáo viên thực tập và các tài liệu liên quan. 5 | P a g e Thiết kế và xây dựng forum Seo 5. Cấu trúc đề tài Nội dung báo cáo của đề tài bao gồm: - Mở đầu. - Giới thiệu cơ sở thực tập. - Chương 1: Cơ sở lý thuyết của đề tài. - Chương 2: Phân tích và thiết kế ứng dụng - Chương 3: Kết quả, Demo ứng dụng. 6 | P a g e Thiết kế và xây dựng forum Seo GIỚI THIỆU CƠ SỞ THỰC TẬP 1. GIỚI THIỆU Trung tâm Công nghệ Thông tin và Truyền thông Đà Nẵng (gọi tắt là DNICT: Danang Information & Communication Technology Center) được Chủ tịch UBND thành phố thành lập theo Quyết định số 5526/QĐ-UBND 17/8/2006, với "sứ mệnh" chính: hỗ trợ và thúc đẩy quá trình ứng dụng và phát triển CNTT&TT của thành phố Đà Nẵng và các tỉnh lân cận, trong tiến trình Việt Nam đang hướng đến chính phủ điện tử (e-Gov). Với đội ngũ cán bộ quản lý, kỹ thuật dày dạn kinh nghiệm và phương châm hoạt động "Hợp tác để cùng thành công ", DNICT đã tư vấn, thiết kế triển khai thành công nhiều công trình viễn thông và công nghệ thông tin quan trọng cho các cơ quan quản lý nhà nước và doanh nghiệp. 2. CƠ CẤU TỔ CHỨC Hình 1. Sơ đồ tổ chức Trung Tâm DNICT 2.1. Ban Giám đốc * Ông Nguyễn Hoàng Cẩm : Giám đốc - Điện thoại văn phòng : 0511 3 840 909 - Email : camnh@danang.gov.vn * Ông Nguyễn Hữu Hải : Phó Giám đốc - Điện thoại văn phòng : 0511 3 708 999 - Email : hainh1@danang.gov.vn 2.2. Phòng Kế hoạch Quản trị * Ông Đỗ Anh Tuấn : Trưởng phòng - Điện thoại văn phòng : 0511 3 871 999 - Email : tuanda1@danang.gov.vn * Bà Lê Huỳnh Ánh Vân : Phó Trưởng phòng - Phụ trách Kế toán - Điện thoại văn phòng : 0511 3 871 999 - Email : vanlha@danang.gov.vn * Bà Nguyễn Thị Cẩm Tú : Phó Trưởng phòng 7 | P a g e Thiết kế và xây dựng forum Seo - Điện thoại văn phòng : 0511 3 871 999 - Email : tuntc@danang.gov.vn 2.3. Phòng Công nghệ tư vấn * Ông Nguyễn Minh Hải : Trưởng phòng - Điện thoại văn phòng : 0511 3 709 777 - Email : hainm@danang.gov.vn 2.4. Phòng Phát triển phần mềm * Ông Phạm Văn Tính : Trưởng phòng - Điện thoại văn phòng : 0511 3 706 789 - Email : tinhpv@danang.gov.vn * Ông Nguyễn Hữu Thanh : Phó Trưởng phòng - Điện thoại văn phòng : 0511 3 706 789 - Email : thanhnh2@danang.gov.vn 2.5. Phòng Đào tạo * Ông Nguyễn Hữu Hải : Trưởng phòng - Điện thoại văn phòng : 0511 3 708 999 - Email : hainh1@danang.gov.vn * Ông Ngô Đình Cường : Phó Trưởng phòng - Điện thoại văn phòng : 0511 3 708 999 - Email : cuongnd1@danang.gov.vn 2.6. Phòng Nghiên cứu Phát triển * Ông Nguyễn Văn Phúc : Trưởng phòng - Điện thoại văn phòng : 0511 3 504 999 - Email : phucnv@danang.gov.vn 3. LĨNH VỰC HOẠT ĐỘNG − Đào tạo nâng cao kỹ năng và trình độ quản lý, giám sát; nâng cao trình độ kỹ thuật - công nghệ trong lĩnh vực viễn thông và công nghệ thông tin; − Tư vấn, thiết kế, thẩm tra, giám sát các công trình thuộc lĩnh vực viễn thông và công nghệ thông tin; − Tư vấn giải pháp và thiết kế, phát triển các sản phẩm phần mềm, các công cụ quản lý, điều hành để hỗ trợ quá trình thiết lập và vận hành e-Gov; − Cung cấp thiết bị, xây lắp, bảo trì, bảo dưỡng, ứng cứu, xử lý sự cố các hệ thống viễn thông, công nghệ thông tin, phát thanh, truyền hình; − Tham gia hợp tác nghiên cứu và phát triển các giải pháp kỹ thuật - công nghệ để áp dụng và chuyển giao theo đơn đặt hàng. 8 | P a g e Thiết kế và xây dựng forum Seo CHƯƠNG 1. CƠ SỞ LÝ THUYẾT 1. LÝ THUYẾT VỀ HTML 1.1. Định nghĩa HTML là gì? HTML viết tắt của Hypertext Markup Language - Ngôn ngữ liên kết siêu văn bản. Ngôn ngữ HTML dùng các tag hoặc các đoạn mã lệnh để chỉ cho các trình duyệt (Web browsers) cách hiển thị các thành phần của trang như text và graghics ,và đáp lại những thao tác của người dùng bởi các thao tác ấn phím và nhắp chuột. 1.2. Cấu trúc 1 trang HTML Cấu trúc cơ bản của trang HTML/XHTML có dạng như sau, thường gồm 3 phần: <!Doctype>: Phần khai báo chuẩn của html hay xhtml. <head></head>: Phần khai báo ban đầu, khai báo về meta, title, css, script <body></body>: Phần chứa nội dung của trang web, nơi hiển thị nội dung. a. Cấu trúc cơ bản <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Tiêu đề trang web</title> </head> <body> Phần thân viết ở đây </body> </html> Phần đầu: header, có thể chứa logo, câu slogan, các liên kết, các banner liên kết, các button, đoạn flash, hoặc các form ngắn như form tìm kiếm… Phần liên kết toàn cục: global navigation, dùng để chứa các liên kết đến những trang quan trọng trong toàn bộ trang, trong phần này có thể chứa thêm các liên kết con (sub navigation). Phần thân của trang: page body, phần này chứa phần nội dung chính (content) và phần nội dung phụ (sidebar). Phần nội dung chính: content, phần này chứa nội dung chính cần thể hiện cho người dùng xem. Phần nội dung phụ: sidebar, phần này có thể chứa liên kết phụ của từng trang (local navigation), hoặc các banner chứa liên kết liên quan, hoặc có thể dùng để chứa các liên kết quảng cáo… 9 | P a g e Thiết kế và xây dựng forum Seo Phần cuối trang web: footer, phần này thường chứa phần liên hệ như: tên công ty, địa chỉ, số điện thoại, mail liên hệ, và đặc biệt là copyright, hoặc có thể chứa các liên kết toàn trang, các banner liên kết, b. Ví dụ Hình 2. Ví dụ về cấu trúc trang HTML 2. LÝ THUYẾT VỀ CSS 2.1. Định nghĩa CSS (Cascading Style Sheets) được hiểu một cách đơn giản đó là cách mà chúng ta thêm các kiểu hiển thị (font chữ, kích thước, màu sắc ) cho một tài liệu Web. 2.2. Cấu trúc file CSS Kết nối file css vào file html <link href="url file css" rel="stylesheet" type="text/css" media="screen,print" /> Viết nội dung CSS theo cấu trúc như sau: Bộ chọn { thuộc tính: giá trị; } p { color: red; } 10 | P a g e [...]... Phân tích và đánh giá đối tượng sử dụng a Thành viên diễn đàn Thành viên là người dùng đã đăng ký 1 tài khoản tại diễn đàn, và có những chức năng như sau: - Tìm kiếm tài liệu liên quan - Chia sẻ thông tin, đăng bài viết lên diễn đàn - Bình luận các bài viết liên quan - Báo cáo các bài viết vi phạm, thành viên vi phạm tới BQT của diễn đàn b Quản trị diễn đàn Là người dùng có nhiều chức năng nhất, vừa quản... forum 18 | P a g e Thiết kế và xây dựng forum Seo 2.1 Biểu đồ phân rã chức năng BFD Diễn đàn seo Thành viên BQT diễn đàn Quản lý thành viên Thêm bài viết mới Quản lý bài viết Tìm kiếm tài liệu Bình luận Phân quyền user Gửi thông báo Tìm bài viết Kiểm tra bài viết Chat online Khóa tài khoản user Duyệt bài viết Thống kê bài viết Xóa bài viết vi phạm Báo cáo, 2.2 Xem và tải bài viết like Biểu đồ luồng... DFD các mức a Biểu đồ mức ngữ cảnh Khách vãng lai Đăng bài viết lên diễn đàn Kết quả tìm kiếm Thành viên diễn đàn Tìm kiếm thông tin Thống kê bài viết Thống kê thành viên Tìm kiếm thông tin Foru m Seo Xem thông tin cá nhân Tìm kiếm thông tin, bài viết Kết quả tìm kiếm Phân quyền BQT của diễn đàn 19 | P a g e Thiết kế và xây dựng forum Seo Kiểm tra bài viết b Biểu đồ luồng dữ liệu DFD mức 0 Hệ thống... vừa quản lý các chủ đề, bài viết, tài liệu đăng trên diễn đàn BQT gồm những chức năng như sau: - Xóa thành viên ra khỏi diễn đàn - Kiểm tra bài viết của thành viên và xuất bản - Đăng bài viết mới, chủ đề mới - Quy định nội quy, luật chơi trên diễn đàn - Xem thống kê thành viên, bài viết mới c Khách vãng lai 17 | P a g e Thiết kế và xây dựng forum Seo Là người sử dụng có nhu cầu tìm kiếm tài liệu và... ví dụ Hình 7 Ví dụ dữ liệu seo_ addfriends 3.1.2 Bảng seo_ articles 28 | P a g e D Phạ Giá uy m trị nh vi cho ất phé p × Giá trị mặc định Null Thiết kế và xây dựng forum Seo Hình 8 Bảng dữ liệu seo_ articles Ràng buộc toàn vẹn dữ liệu Toàn vẹn thực thể: Id là khóa chính Toàn vẹn tham chiếu: - id_user tham chiếu đến id của bảng seo_ members - id_cate tham chiếu id của bảng seo_ categories Thuộc tính Ý... chuẩn: Boyce - Codd Dữ liệu ví dụ Hình 13 Dữ liệu ví dụ bảng seo_ chat 3.1.5 Bảng seo_ comments Hình 14 Bảng seo_ comments Ràng buộc toàn vẹn dữ liệu Toàn vẹn thực thể: ID là khóa chính Toàn vẹn tham chiếu: - id_user tham chiếu đến id của bảng seo_ members - id_article tham chiếu đến id của bảng seo_ articles 32 | P a g e Thiết kế và xây dựng forum Seo Thuộc tính Ý nghĩa Id Kiểu dữ liệu Mã bình luận Id_user... dụ Hình 15 Dữ liệu ví dụ bảng seo_ comment 33 | P a g e Giá trị mặc định × Phụ thuộc hàm 3.1.6 Bảng seo_ likearticles Giá trị cho phé p x Thiết kế và xây dựng forum Seo Hình 16 Bảng seo_ likearticles Ràng buộc toàn vẹn dữ liệu Ràng buộc thực thể: id là khóa chính Ràng buộc tham chiếu: id_user tham chiếu đến id của bảng seo_ members id_article tham chiếu đến id của bảng seo_ articles Thuộc tính Ý nghĩa... forum Seo Quản lý viết bài Thành viên (1) Chọn chủ đề BQT diễn đàn DL bài viết (3) Xuất bản (2) Kiểm tra nội dung Tìm kiếm Người sử dụng DL bài viết (1) Kiểm tra (2) Kết quả DL thành viên Quản lý thành viên TV nhiều bài viết TV bị block BQT Kết quả thống kê Xử lý thông tin TV nhiều like TV mới 22 | P a g e Thiết kế và xây dựng forum Seo 2.3 Biểu đồ quan hệ thực thể ERD 1 Hình 4 Biểu đồ quan hệ thực. .. của diễn đàn 2.5.2.2 Luồng cơ sở Use Case này bắt đầu khi khách truy cập nhấn vào nút đăng ký thành viên của diễn đàn Hệ thống sẽ yêu cầu người dùng nhập username, tên, mật khẩu và địa chỉ Email đăng ký Hệ thống sẽ kiểm tra trong CSDL đã tồn tài username và Email này chưa Nếu người dùng đăng ký thành công thì hệ thống sẽ thông báo 2.5.2.3 Luồng thay thế 24 | P a g e Thiết kế và xây dựng forum Seo. .. chức năng đã phân tích ở trên, ta thiết kế cơ sở dữ liệu cho Forum Seo 3.1 Các bảng cơ sở dữ liệu 3.1.1 Bảng seo_ addfriends Hình 6 Bảng dữ liệu seo_ addfriends 27 | P a g e Thiết kế và xây dựng forum Seo Ràng buộc toàn vẹn dữ liệu Toàn vẹn thực thể: ID là khóa chính Toàn vẹn tham chiếu: id_user1, id_user2 tham chiếu đến id của bảng seo_ members Thuộc tính Ý nghĩa Kiểu dữ liệu Kíc Khuôn h dạng thư ớc