Đề án xây dựng website cộng tác của các nhà khoa học

TRƯỜNG ĐẠI HỌC KINH TẾ QUỐC DÂN VIỆN CÔNG NGHỆ THÔNG TIN KINH TẾ ĐỀ ÁN MÔN HỌC ĐỀ TÀI: ĐỀ ÁN XÂY DỰNG WEBSITE CỘNG TÁC CỦA CÁC NHÀ KHOA HỌC Giảng viên hướng dẫn: ThS Phạm Thảo Sinh viên thực hiện: Lê Văn Hoàng Nghành: Khoa học máy tính Lớp: Cơng nghệ thơng tin k54 Mã sinh viên: 11124787 Hà Nội, 2015 LỜI CẢM ƠN Trong trình làm đề án chuyên ngành, em xin cảm ơn giáo viên hướng dẫn thầy Phạm Thảo hướng dẫn, giúp đỡ, bảo tạo điều kiện để em hồn thành tốt đề án chun ngành Đồng thời, em xin gửi lời cảm ơn chân thành đến thầy cô Viện Công Nghệ Thông Tin Trường Đại Học kinh tế Quốc Dân truyền đạt kiến thức bổ ích cho em suốt thời gian qua để em có đủ khả kiến thức chuyên nghành, hành trang cho nghiệp, công việc em sau Dù có nhiều cố gắng thân hạn chế khả kinh nghiệm, chắn đề án em khơng tránh khỏi thiếu sót Vì vậy, em mong nhận đóng góp ý kiến từ thầy giáo để em hồn thiện đề án mơn học tới báo cáo thực tập Em xin chân thành cảm ơn! Hà nội, Ngày tháng năm 2014 Sinh viên Lê Văn Hoàng LÊ VĂN HOÀNG – K54 MỤC LỤC I Tổng quan đề tài Giới thiệu đề tài .5 Một số nhu cầu đặt việc cộng tác nghiên cứu nhà khoa học II Công nghệ áp dụng SignalR – web thời gian thực NET .6 Giới thiệu SignalR Phương thức vận chuyển Giao diện SinalR 10 III Thiết kế hệ thống 11 Mục tiêu xây dựng website 11 Chức website .12 Thiết kế giao diện website 14 3.1 Giao diện đăng kí tài khoản 14 3.2 Giao diện đăng nhập 15 3.3 Giao diện index .15 3.4 Giao diện sản phẩm 16 3.5 Giao diện tin tức 17 3.6 Giao diện thư viện 17 3.7 Giao diện diễn đàn 18 3.8 Giao diện làm việc 20 3.9 Giao diện tin nhắn 21 3.10 Giao diện thông tin cá nhân .21 3.11 Giao diện bạn bè 22 3.12 Giao diện công việc, nhắc nhở 22 3.13 Giao diện nhóm 23 3.14 Trang quản trị 25 Đối tượng sử dụng 25 Thiết kế Cơ sở liệu 25 LÊ VĂN HOÀNG – K54 IV 5.1 Tổng quan CSDL .25 5.2 Thiết kế sở liệu 27 Kết luận 31 LÊ VĂN HOÀNG – K54 I Tổng quan đề tài Giới thiệu đề tài Trong thời đại khoa học công nghệ phát triển mạnh mẽ ngày việc ứng dụng cơng nghệ thơng tin khơng cịn xa lạ người Ứng dụng công nghệ thông tin vào sống giúp người cải thiện cách đáng kể sức người sức hiệu công việc nâng cao nhiều, thêm vào chi phí giảm thiểu Thấy tầm quan trọng nên nhiều lĩnh vực ứng dụng thành tựu cơng nghệ thơng tin Nếu trước máy tính cơng cụ cịn xa lạ với nhiều người ngày máy tính ứng dụng trở thành phần khơng thể thiếu sống Người ta khơng qua để làm cơng việc khó khăn trở nên đơn giản, xóa bỏ hạn chế khơng gian, thời gian Công nghệ thông tin với nhiều ứng dụng khai thác cách tối đa, ngành giải trí ta nhận thấy tầm quan trọng nó, phát triển công cụ, ứng dụng giúp đỡ người nhiều công việc Thực tế công nghệ thiết kế website, có cơng cụ, tiện ích giúp cho người cảm thấy tiện lợi sử dụng dịch vụ web Ngày trước công việc nghiên cứu khoa học, học hỏi thường tổ chức truyền thống tức học làm việc nơi định, muốn tập hợp người khó khăn, ngày ứng dụng công nghệ thông tin việc kết nối người trở nên dễ dàng hai người tận đâu có máy tính có kết nối mạng họ thực giao tiếp với thật dễ dàng tiện lợi Bắt nguồn từ điều này, đề tài tìm hiểu thiết kế “website cộng tác nhà khoa học”, website có nhệm vụ giúp kết nối nhà khoa học lại gần hỗ trợ họ việc nghiên cứu khoa học Với mục đích nên báo cáo tập trung vào vấn đề là: LÊ VĂN HỒNG – K54 1) Khảo sát tìm hiểu trình phát triển cơng cụ website tiện ích website, vấn đề quan tâm nhiều việc xây dựng website 2) Một số cầu đặt công tác nghiên cứu nhà khoa học 3) Thiết kế hệ thống công cụ giao tiếp, lưu trữ liệu làm việc website 4) Thiết kế giao diện, sở liệu cho website 5) Tạo website cộng tác nhà khoa học Một số nhu cầu đặt việc cộng tác nghiên cứu nhà khoa học Hiện nay, khơng có trang website hỗ trợ việc cộng tác nghiên cứu cho phép kết nối nhà nghiên cứu khoa học với hạn chế khả ứng dụng chưa cao thu hút số lượng nhà khoa học giới tham gia việc nghiên cứu khao học nghiên cứu theo phương pháp phổ thông việc thúc đẩy em thực việc nghiện cứu thiết kế website nhằm đáp ứng cầu mà chưa đáp ứng Một số nhu cầu đặt việc cộng tác nghiên cứu là: - Việc liên kết nhà khoa học - Các công cụ phải thật dễ sử dụng sử dụng cách dễ dàng - Việc trao đổi thông tin nhà khoa học với - Việc làm việc đồng thời liệu trao đổi qua lại lẫn - Phải có sở liệu lớn - Hệ thống bạn bè, người cộng tác rõ ràng Để thực xây dựng website tốt thành cơng cần phải xử lý, giải phân tích số cầu, vấn đề khó khăn việc cộng tác nhà khoa học vấn đề gặp phải II Công nghệ áp dụng SignalR – web thời gian thực NET Năm 2005, AJAX biết đến Browser dùng JavaScript gửi request lên server Server trả browser tự động cập nhật nội dung cần LÊ VĂN HỒNG – K54 làm mà khơng cần phải reload lại trang web Nếu website cần hiển thị thời gian thực gần đồ thị lên xuống mã cổ phiếu Chúng nghĩ đến lập trình để browser đặn gửi yêu cầu lấy giá cổ phiếu từ web server (Cơ chế pooling) Nếu số lượng browser đồng thời truy cập đến hàng nghìn, web server phải phục vụ vất vả cho dù có vài mã cổ phiếu thay đổi điểm, phải trả lời gửi trả tất mã cổ phiếu Thay để client hỏi server (pooling) liên tục Vây ta để server báo lại cho client gửi liệu cần thiết để client xử lý (notification) Ngày nhiều ứng dụng website cần áp dụng chế này, ví dụ Twitter, LiveScore, Stock Trading, chat… SignalR thư viện lập trình thành viên đội phát triển ASP.NET Microsoft phát triển SignalR cho phép lập trình viên tạo kênh liên lạc server client theo chế notification Trong dự án ASP.NET cần bổ xung thư viện SignalR server lập trình C#, cịn browser dùng thư viện javascript SignalR client Giới thiệu SignalR SignalR thư viện giành cho ASP.NET nhằm đơn giản hóa việc xây dựng ứng dụng web thời gian thực Chức thời gian thực khả máy chủ chủ động đẩy liệu cho client client kết nối tới máy chủ thay client phải gửi yêu cầu làm liệu tới máy chủ Mơ hình bình thường website client gửi request đến server server trả kết tương ứng cho client, ta có cách thức để tương tác: server “push” trực tiếp liệu client, theo thời gian thực Ngồi ra, mơ hình giúp ta xây dựng ứng dụng bất đồng lên đến hàng nghìn kết nối lúc với máy chủ LÊ VĂN HOÀNG – K54 SignalR xử lý kết nối cách tự động, cho phép gửi thơng báo đến tất client khoảng thời gian Nó cho phép gửi thông báo đến client riêng biệt Kết nối client server trì liên tục, không giống kiểu HTTP cũ SignalR hỗ trợ chức “server push”, code phía server gọi code phía trình duyệt cách sử dụng lời gọi thủ tục từ xa (Remove Proceduce Calls), khơng phải mơ hình đáp ứng u cầu phố biên web Ứng dụng sư dụng signalR mở rộng cho hàng ngàn kết nối cách sử dụng Service Bus, SQL server, redis Phương thức vận chuyển Các cách thức mà SignalR sử dụng để gửi liệu client SignalR loại chế để gửi liệu client, tùy theo điều kiện đáp ứng tảng máy chủ client mà SignalR tự động lựa chọn phương thức phù hợp LÊ VĂN HOÀNG – K54 Một kết nối SignalR bắt đầu giao thức HTTP, sau chuyển sang kết nối kiểu WebSocket hỗ trợ Chia làm loại sau: HTML tranport: - Websocket: phương thức hỗ trợ kết nối liên tục, hai chiều client server Tuy nhiên địi hỏi điều kiện nghiêm ngặt mơi trường máy chủ trình duyệt như: windows server 2012 or windows 8, and NET framework 4.5… - Server Send Event: hay gọi EventSource hỗ trợ tất trình duyệt trừ IE Comet transport: - Forever Frame (For internet Explorer only): Kỹ thuật Forever Iframe sử dụng thẻ Iframe ẩn đặt trang với thuộc tính src trỏ đến đường dẫn servlet viết đổ vào thẻ script với mã JavaScript bên Nội dung Iframe thêm vào thẻ Script thực thi - Ajax long polling: Kỹ thuật không tạo kết nối liên tục, mở kết lối nhận liệu trả từ server lúc kết lỗi cũ đóng lại kết nối mở Điều dẫn đến đỗ trễ định Quá trình lựa chọn cách thức kết nối cho SignalR - IE nhỏ sử dụng Long Polling - Nếu JSONP cấu hình sử dụng Long Polling - Web Sockets sử dụng yếu tố sau đảm bảo o Client hỗ trợ CORS (Cross-Origin Resource Sharing) LÊ VĂN HOÀNG – K54 o Client hỗ trợ Web Sockets o Server hỗ trợ Web Sockets o Nếu ba yếu tố không đáp ứng Long - - Polling sử dụng Nếu JSONP khơng cấu hình kết nối không hỗ trợ crossdomain Web Sockets sử dụng server client hỗ trợ Web Sockets Nếu client server không hỗ trợ Web Sockets, Server Send Events sử dụng có sẵn Nếu Server Send Events khơng có Forever Frame sử dụng Nếu Forever Frame khơng có Long Polling sử dụng Giao diện SinalR Đây giao diện SignalR thiết kế để giới thiệu chức Công nghệ signalR: Đây demo nói chuyện ba người ba hệ thống trình duyệt khác họ giao tiếp có người gửi text lên tất người nói chuyện nhận text tên người gửi LÊ VĂN HOÀNG – K54 10 3.6 Giao diện thư viện Giao diện thư viên nơi mà chứa tài liệu nghiêu cứu, học tập riêng tư thành viên coi thư mục tài liệu cá nhân riêng tư Thư viện nơi mà nhà nghiên cứu chia sẻ tài liệu nghiên cứu cho phép người dùng khác truy cập vào sửa chữa tài liệu LÊ VĂN HỒNG – K54 18 3.7 Giao diện diễn đàn Giao diện cho nơi giao lưu thành viên, thành viên tạo viết mục diễn đàn, viết diễn đàn xếp phân cấp theo từ lĩnh vực người dùng vào để tìm kiếm, trao đổi chia sẻ lĩnh vực Theo thư mục riêng mà thành viên vào viết viết xem xét viết đăng lên LÊ VĂN HOÀNG – K54 19 3.8 Giao diện làm việc Giao diện Docs: nơi mà chứa tài liệu chia sẻ với người dùng khác xem thao tác admin tài liệu cấp quyền cho Giao diện làm việc: nơi mà người dùng làm việc tài liệu LÊ VĂN HOÀNG – K54 20