BỘ GIÁO DỤC VÀ ĐÀO TẠO ĐẠI HỌC ĐÀ NẴNG - - KHÓA LUẬN TỐT NGHIỆP NGÀNH CỬ NHÂN CÔNG NGHỆ THÔNG TIN ĐỀ TÀI MẠNG XÃ HỘI CHIA SẺ ƯỚC MƠ PHÁT TRIỂN THÀNH PHỐ ĐÀ NẴNG Sinh Viên : PHẠM QUỐC HUY CBHD : PGS.TS LÊ VĂN SƠN Lớp : 10CNTT3 (2010-2014) ĐÀ NẴNG THÁNG 5/2014 -1- LỜI CẢM ƠN Tôi xin chân thành cảm ơn Khoa Tin học, Trường Đại học Sư phạm Đà Nẵng tạo điều kiện cho Tơi thực khóa luận tốt nghiệp Tôi chân thành cảm ơn Thầy Lê Văn Sơn tận tình hướng dẫn, bảo Tơi suốt thời gian làm khóa luận Tơi xin cảm ơn q Thầy Cơ Khoa tận tình giảng dạy trang bị cho em kiến thức cần thiết suốt q trình học tập trường Tơi xin gởi lịng biết ơn sâu sắc đến gia đình, bạn bè ủng hộ, giúp đỡ, động viên Tơi suốt q trình học thời gian làm khóa luận đầy khó khăn, thử thách Mặc dù cố gắng hồn thành khóa luận với tất nổ lực thân, chắn khóa luận khơng tránh khỏi sai sót hạn chế, kính mong thơng cảm, bảo q Thầy Cô bạn Một lần nữa, xin chân thành cảm ơn! Sinh viên Phạm Quốc Huy -2- LỜI CAM ĐOAN Tôi xin cam đoan: - Những nội dung luận văn tơi hồn tồn tự nghiên cứu thực - Mọi tham khảo dùng luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố - Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, xin chịu hoàn toàn trách nhiệm Sinh viên Phạm Quốc Huy -3- MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN DANH SÁCH HÌNH ẢNH DANH SÁCH BẢNG BIỂU MỞ ĐẦU CHƯƠNG 1: TỔNG QUAN VỀ MẠNG XÃ HỘI 12 1.1 Mạng xã hội 12 1.1.1 Giới thiệu mạng xã hội 12 1.1.2 Lịch sử mạng xã hội 13 1.1.3 Cấu thành mạng xã hội 14 1.2 Mạng xã hội giới 14 1.2.1 Mạng xã hội với người dân giới 14 1.2.2 Mạng xã hội với tuổi teen 16 1.2.3 Mạng xã hội ảnh hướng đến tình hình kinh tế giới 20 1.3.Mạng xã hội Việt Nam 22 1.3.1 Giới thiệu mạng xã hội Việt Nam 22 1.3.2 Các website mạng xã hội Việt thành công 22 1.3.3 Ưu điểm mạng xã hội Việt Nam 28 1.4 Phương thức thu hút người dân tham gia mạng xã hội 30 CHƯƠNG 2: NỀN TẢNG CÔNG NGHỆ 31 2.1 HTML5 31 2.1.1 Giới thiệu HTML 31 2.1.2 Khả tương thích HTML5 36 2.1.3 Cấu trúc file HTML5 37 2.2 CSS3 38 2.2.1 Giới thiệu CSS 38 2.2.2 Cấu trúc CSS 39 2.2.3 Sơ lược CSS3 39 2.3 JavaScript 42 2.3.1 Lịch sử phát triển 42 2.3.2 Giới thiệu JavaScript 43 -4- 2.3.3 Cách nhúng JavaScript vào trang web 44 2.4 jQuery 46 2.4.1 Giới thiệu jQuery 46 2.4.2 jQuery 46 2.5 PHP 49 2.6 MYSQL 49 CHƯƠNG 3: MẠNG XÃ HỘI CHIA SẺ ƯỚC MƠ PHÁT TRIỂN THÀNH PHỐ ĐÀ NẴNG 50 3.1 Cơ sở liệu: 50 3.1.1 Mơ hình thực thể liên kết quan hệ: 50 3.1.2 Mơ hình chi tiết thực thể 50 3.2 Xây dựng biểu đồ Use Case: 58 3.2.1 Biểu đồ use case tổng quát 58 3.2.2 Phân rã biểu đồ Use Case 59 3.3 Giao diện tính năng: 60 3.3.1 Trang chủ 60 3.3.2 Trang ý tưởng chia sẻ 61 3.3.3 Trang doanh nghiệp hỗ trợ 61 3.3.4 Trang ảnh thành phố 62 3.3.6 Trang tạo kiện 63 3.3.7 Trang đăng kí thành viên 64 3.3.8 Trang nội dung kiện 65 3.3.9 Trang chủ quản trị 66 3.3.10 Trang quản trị ý tưởng 67 3.3.11 Trang quản trị hình ảnh 68 3.3.12 Trang quản trị kiện 69 3.3.13.Những tính khác 69 KẾT LUẬN 71 TÀI LIỆU THAM KHẢO 72 Ý KIẾN CỦA CÁN BỘ HƯỚNG DẪN 73 NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN 74 -5- DANH SÁCH HÌNH ẢNH Số hiệu hình ảnh Tên hình ảnh Trang Hình Đồ thị biểu diễn cấu trúc đơn giản mạng xã hội 11 Hình Cấu trúc html5 36 Hình Cấu trúc CSS 38 Hình Border-radius 39 Hình Gradient 40 Hình Box-shawdow 41 Hình Mơ hình thực thể liên kết quan hệ 49 Hình Biểu đồ use case tổng quát 57 Hình Phân rã use case Mục đăng ý tưởng 58 Hình 10 Phân rã use case Chức thích tố cáo 58 Hình 11 Phân rã use case Chức bình luận 58 Hình 12 Trang chủ 59 Hình 13 Trang ý tưởng chia sẻ 60 Hình 14 Trang nhà đầu tư 60 Hình 15 Trang ảnh thành phố 61 Hình 16 Trang đăng ý tưởng 61 Hình 17 Trang tạo kiện 62 -6- Hình 18 Trang đăng kí thành viên 62 Hình 19 Trang nội dung kiện 64 Hình 20 Trang chủ Admin 65 Hình 21 Trang quản trị ý tưởng 66 Hình 22 Trang quản trị Bình luận 66 Hình 23 Trang quản trị hình ảnh 67 Hình 24 Trang quản trị kiện 68 Hình 25 Nội dung bình luận 68 Hình 26 Nội dung phát triển 69 -7- DANH SÁCH BẢNG BIỂU Số hiệu bảng Tên bảng Trang Bảng Mơ hình thực thể ý tưởng 51 Bảng Mơ hình thực thể người dùng 52 Bảng Mơ hình thực thể bình luận 53 Bảng Mơ hình thực thể cơng ty hỗ trợ 53 Bảng Mơ hình thực thể hình ảnh thành phố 54 Bảng Mơ hình thực thể phát triển 54 Bảng Mơ hình thực thể thể loại ý tưởng 55 Bảng Mơ hình thực thể Votes bình luận 55 Bảng Mơ hình thực thể Votes phát triển 55 Bảng 10 Mơ hình thực thể Votes tố cáo bình luận 56 Bảng 11 Mơ hình thực thể Votes tố cáo phát triển 56 Bảng 12 Mô hình thực thể Votes tố cáo ý tưởng 57 Bảng 13 Mơ hình thực thể Votes ý tưởng 57 -8- MỞ ĐẦU Lý chọn đề tài Vào năm đầu thập niên 90, tỉnh Gifu Nhật Bản,vì khơng hài lịng việc quản lý thành phố theo tiền lệ, có tiền lệ mới làm được, quyền muốn làm điều chưa có tiền lệ cách lơi kéo người dân tham gia xây dựng lập kế hoạch phát triển Gifu Vậy là“ dự án ước mơ“ đời, quyền xây dựng khoảng 3500 địa điểm tạo giấc mơ Ở đó, vào dịp cuối tuần, người dân thỏa mái mang rượu sake thức nhấm đến ngồi nhâm nhi tí bàn ước mơ giúp cho tỉnh nhà tốt Họ viết thành ước mơ, sau người dân bỏ phiếu để chọn ước mơ thực Rồi đồ ước mơ vẽ lên, người ta trân trọng ghi tên tác giả có ước mơ chọn Gifu bắt đầu trở thành thành phố ước mơ Có ước mơ tưởng viễn vong trở thành thực, hồi cột đèn giao thơng tồn nước Nhật giống nhau, người dân Gifu bảo tỉnh ta tỉnh lâm nghiệp không làm cột đèn gỗ, có cột đèn gỗ Một suối nước nóng im lìm núi khai thác thành khu du lịch, vùng đất có nhiều ước mơ máy tính cơng nghệ thơng tin vẽ lên nhà đầu tư tìm đến xây dựng khu công nghệ phần mềm Cứ ước mơ lan rộng lần Gifu bắt đầu thời kỳ mới Đó câu chuyện Gifu năm đầu thập niên 90, mà internet công nghệ thông tin chưa phát triển Ở thời điểm tại, thời kỳ công nghệ thông tin, thiết bị thông minh phát triển ưu chuộng như: smartphone, smart TV, smart table với phát triển mạng xã hội giúp tương tác kết nối người với người trở nên đơn giản Qua đó, tơi muốn phát triển dự án” Đà Nẵng – thành phố ước mơ” dựa mô hình mạng xã hội xây dựng nơi tất người dân thành phố Đà Nẵng chia sẻ ước mơ thành phố họ sống, bàn bạc ước mơ chia sẻ, bình chọn ước mơ khả thi để xây dựng phát triển -9- thành phố ngày tốt đẹp Mục đích nghiên cứu Mục đích nghiên cứu đề tài tổ chức tìm kiếm ý tưởng, người dân thể ý tưởng cịn có hội tiếp xúc với nhà đầu tư Tạo hội để người triển khai dự án thực tế dựa ý tưởng mình, nơi để người thỏa sức thể niềm đam mê nhiệt huyết, qua phát ý tưởng độc đáo, có tính khả thi cao tiến tới thực hóa mang lại giá trị cho cộng đồng Phương pháp phạm vi nghiên cứu Nghiên cứu nhu cầu sử dụng mạng xã hội đời sống người dân thành phố Đà Nẵng Nghiên cứu phương thức thu hút người dân tham gia mạng xã hội Nghiên cứu xây dựng mạng xã hội, phát triển tính mới phù hợp nội dung đề tài  Nghiên cứu xây dựng mạng xã hội Việc xây dựng mạng xã hội phù hợp với người dân thành phố thu hút đông đảo người dân tham gia, phải đảm bảo yêu cầu sau: - Mạng xã hội phải có chức đăng nhập từ tài khoản mạng xã hội lớn khác Facebook, Twitter, Google + để thu hút hầu hết người sử dụng mạng xã hội tham gia - Giao diện thiết kế dễ sử dụng, dễ dàng chia sẻ ý tưởng để đảm bảo học sinh tiểu học cụ già 70 tuổi chia sẻ ý tưởng họ - Đảm bảo số lượng truy cập lớn -61- 3.3.2 Trang ý tưởng chia sẻ Nơi ý tưởng, ước mơ thành phố Đà Nẵng chia sẻ Hình 13 Trang ý tưởng chia sẻ 3.3.3 Trang doanh nghiệp hỗ trợ Nơi ghi nhận doanh nghiệp hỗ trợ đầu tư cho dự án ước mơ điều nhiều người quan tâm Hình 14 Trang nhà đầu tư -62- 3.3.4 Trang ảnh thành phố Trang quảng bá hình ảnh thành phố dự án ước mơ thành phố thực Hình 15 Trang ảnh thành phố 3.3.5 Trang đăng ý tưởng Nơi người người dân chia ước mơ lên website Hình 16 Trang đăng ý tưởng -63- 3.3.6 Trang tạo kiện Nơi tìm kiếm thu hút ý tưởng cộng đồng cho kiện Hình 17 Trang tạo kiện -64- 3.3.7 Trang đăng kí thành viên Hình 18 Trang đăng kí thành viên -65- 3.3.8 Trang nội dung kiện Hình 19 Trang nội dung kiện -66- 3.3.9 Trang chủ quản trị Hình 20 Trang chủ Admin -67- 3.3.10 Trang quản trị ý tưởng Hình 21 Trang quản trị ý tưởng 3.3.10 Trang quản trị Bình luận Hình 22 Trang quản trị Bình luận -68- 3.3.11 Trang quản trị hình ảnh Hình 23 Trang quản trị hình ảnh -69- 3.3.12 Trang quản trị kiện Hình 24 Trang quản trị kiện 3.3.13.Những tính khác 3.3.13.1 Khung bình luận Hình 25: Nội dung bình luận Khung bình luận có điểm khác biệt mới so với trang web có thêm nút thích, tố cáo Phát triển Nút thích: Giúp cho admin ý tưởng biết bình luận nhiều người thích quan tâm hay không -70- Nút Tố Cáo: Nút giúp cho admin ý tưởng biết Bình luận thành viên diễn đàn có phù hợp hay khơng ý kiến vi phạm pháp luật hay ý kiến không hay Nút Phát triển: Nút giúp cho người chủ ý tưởng đưa bình luận hay nhiều người quan tâm Sẽ đưa lên khung phát triển để với thực hiên ý tưởng cách tốt 3.3.13.2 Khung phát triển Hình 26: Nội dung phát triển Khung phát triển khung để bình luận hay phù hợp ý kiến với người chủ ý tưởng người chủ ý tưởng thực ý tưởng cách tốt nhất.Với tính thích tố cáo Khung Phát triển giúp người chủ ý tưởng biết phát triển hay -71- KẾT LUẬN Kết nghiên cứu Xây dựng mạng xã hội “ uocmo.danang.vn “một nơi mà tất người dân thành phố không biệt tuổi tác, cơng việc, giàu nghèo có quyền viết lên ước mơ họ thành phố mà họ sống công hiến, quyền bàn bạc bình chọn ước mơ hay mà họ muốn thành phố phát triển Ưu điểm Giao diện dễ sử dụng, chạy đa tảng giúp người dân dễ dàng chia sẻ ý tưởng lúc mọi nơi Với khả tương tác tốt kết nối tốt, mạng xã hội uocmo.danang.vn giúp người dân dễ dàng tham gia vào hoạt động bình luận bình chọn ý tưởng, ước mơ xây dựng thành phố Hướng Phát Triển Phát triển ứng dụng chạy đa tảng giao diện ngày dễ sử dụng Thành phố xây dựng hệ thống Smart table đường Bạch Đằng, để người dân vào thời gian rãnh rỗi vừa hóng mát, vừa bàn luận ước mơ giúp phát triển thành phố Xây dựng hệ thống smart poster công viên, siêu thị, chợ, trạm xe buýt, giúp tương tác tốt với người dân sử dụng internet Hỗ trợ tìm kiếm ý tưởng khơng riêng cho Đà Nẵng mà cho kiện cần ý tưởng cho thành phố khác -72- TÀI LIỆU THAM KHẢO [1] CSS and HTML Web Design – Craig Grannell [2] HTML5 for Web Desiners – Jeremy Keith [3] http://www.hocwebchuan.com/tutorial/ [4] http://www.w3schools.com/php/default.as [5] http://4seo.vn/home/chi_tiet/23/Loi-ich-cua-mang-xa-hoi.htm [6] http://hoidulich.com/tren-rung-duoi-bien-ta-pi-lu-linh-ta-linh-tinh/mang-xa-hoila-gi/ [7] http://dantri.com.vn/suc-manh-so/nhung-con-so-thu-vi-ve-internet-va-mang-xahoi-493680.htm [8] http://vi.wikipedia.org/wiki/M%E1%BA%A1ng_x%C3%A3_h%E1%BB%99i [9] http://www.whatissocialnetworking.com/ -73- Ý KIẾN CỦA CÁN BỘ HƯỚNG DẪN Đà Nẵng, ngày tháng Cán hướng dẫn năm -74- NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… … Đà Nẵng, ngày.….tháng… năm 2014 Hội đồng phản biện -75- HẾT ... tơi muốn phát triển dự án” Đà Nẵng – thành phố ước mơ? ?? dựa mơ hình mạng xã hội xây dựng nơi tất người dân thành phố Đà Nẵng chia sẻ ước mơ thành phố họ sống, bàn bạc ước mơ chia sẻ, bình chọn... đơn giản mạng xã hội Cấu trúc xã hội mạng xã hội thể cách thức mạng xã hội “giả lập” xã hội loài người Mạng xã hội nhìn nhận mối quan hệ xã hội thơng qua nút ràng buộc nút Trong mạng xã hội, nút... quan mạng xã hội Chương - Trình bày cơng nghệ sử dụng để hoàn thành website Chương - Mạng xã hội chia ước mơ -12- CHƯƠNG 1: TỔNG QUAN VỀ MẠNG XÃ HỘI 1.1 Mạng xã hội 1.1.1 Giới thiệu mạng xã hội