(Tiểu luận) báo cáo chuyên đề học phần ngôn ngữ kịch bản đề tài mạng xã hội buzz

18:36 09/11/2023 Ngôn ngữ kịch bản nộp TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN NGÔN NGỮ KỊCH BẢN ĐỀ TÀI: MẠNG XÃ HỘI BUZZ Sinh viên thực : CHU VIỆT QUÂN n   NGUYỄN TRUNG ĐỨC Giảng viên hướng dẫn: PHƯƠNG VĂN CẢNH Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D13CNPM3 Khóa : 2018-2023  Hà Nội, tháng 11 năm 2021 about:blank 1/26 n 18:36 09/11/2023 Ngôn ngữ kịch bản nộp PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: STT Họ Và Tên Chu Việt Quân Nguyễn Trung Đức Nội dung thực Điểm Chữ Ký Giảng viên chấm:  Họ tên Giáo viên chấm 1: Ghi n Giáo viên chấm 2: Chữ ký about:blank 2/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp MỤC LỤC n LỜI CẢM ƠN LỜI NÓI ĐẦU CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1.Lý chọn đề tài 1.2.Công cụ lập trình ngơn ngữ sử dụng 1.3.Giới thiệu ngơn ngữ lập trình NodeJS 1.4.Giới thiệu ReactJs 1.5.Giới thiệu hệ quản trị sở liệu MongoDB, MySQL, MySQL Workbench CHƯƠNG : KHẢO SÁT HỆ THỐNG VÀ THIẾT KẾ HỆ THỐNG (UML) 2.1 Khảo sát trạng 2.2 Mơ tả tốn 2.3.Đặc tả chức hệ thống .9 CHƯƠNG GIAO DIỆN WEBSITE 18 3.1 Giao diện đăng nhập, đăng ký Đăng nhập: 18 3.2 Giao diện trang thông tin cá nhân .19 3.3 Giao diện trang chủ .20 3.4 Giao diện đăng 20 3.5 Giao diện trang 404 21 KẾT LUẬN 22 * Hạn chế 22 * Hướng phát triển 22 TÀI LIỆU THAM KHẢO 23 about:blank 3/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp LỜI CẢM ƠN n Trên thực tế, khơng có thành cơng mà khơng gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt quãng thời gian từ bắt đầu học tập trường Đại học đến nay, chúng em nhận nhiều quan tâm, giúp đỡ thầy cơ, gia đình bạn bè Với lòng biết ơn sâu sắc nhất, chúng em xin gửi đến thầy cô Khoa công nghệ thông tin- trường Đại Học Điện Lực với kinh nghiệm tâm huyết để truyền đạt kiến thức quý báu cho chúng em suốt thời gian học tập trường Và đặc biệt, kỳ này, chúng em học môn học hữu ích sinh viên ngành Cơng Nghệ Thơng Tin Đó mơn: “Ngơn ngữ kịch ” Chúng em xin chân thành cảm ơn thầy Phương Văn Cảnh tận tâm giảng dạy chúng em qua buổi học lớp buổi học online thời gian dịch COVID-19 Trong thời gian học tập thực hành hướng dân thầy, chúng em thu nhiều kiến thức bổ ích, mà cịn truyền cảm hứng mơn “Ngơn ngữ kịch bản” Nếu khơng có lời hướng dẫn, dạy bảo thầy có lẽ  báo cáo khơng thể hồn thành Mặc dù cố gắng hoàn thiện báo cáo với tất nỗ lực, nhiên, thiếu kinh nghiệm, tìm hiểu xây dựng báo cáo thời gian có hạn, kiến thức cịn hạn chế, nhiều bỡ ngỡ, nên báo cáo “Mạng xã hội Buzz” chắn khơng thể tránh khỏi thiếu sót Em mong nhận quan tâm, thông cảm đóng góp q báu thầy bạn để báo cáo hoàn thiện Một lần nữa, em xin chân thành cảm ơn ln mong nhận đóng góp người  Nhóm em xin chân thành cám ơn!  Hà nội,tháng 11 năm 2021 Sinh viên thực Chu Việt Quân  Nguyễn Trung Đức about:blank 4/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp LỜI NĨI ĐẦU  Ngày nay, cơng nghệ thông tin trở thành phần thiếu lĩnh vực đời sống Với việc ứng dụng công nghệ đời sống mạng xã hội, đăng tải khoảnh khắc lên cho người  biết thêm bình luận Với mục đích học tập tốt môn Ngôn ngữ kịch bước đầu tiếp cận với quy trình thực tế công nghệ thông tin chúng em xin chọn đề tài “Mạng xã hội Buzz” Trong trình thực phân tích tốn đặt ra, lần chúng em thực hệ thống nên khơng tránh khỏi sai sót Chúng em mong thầy tham khảo góp ý để website chúng em hoàn thiện thêm n about:blank 5/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1.Lý chọn đề tài  Ngày bối cảnh tồn cầu hóa với phát triển vượt bậc khoa học kĩ thuật, nhiều dịch vụ công nghệ truyền thông đời nhằm đáp ứng nhu cầu ngày cao người Một dịch vụ truyền thông đại chúng hàng đầu Internet đặc biệt mạng xã hội Dự án “Mạng xã hội kết nối người chơi game: Play with me” tạo Website nhằm mang đến cho người dùng đăng tải viết, bình luận, bày tỏ cảm xúc với người dùng xung quanh Ngồi hệ thống có tính gợi ý cho người dùng người có sở thích, tương đồng để chơi game, kết bạn với 1.2.Công cụ lập trình ngơn ngữ sử dụng - Hệ quản trị sở liệu: MongoDB Cloud - Cơng cụ lập trình: Visual Studio Code n - Ngơn ngữ lập trình: NodeJS, ReactJS 1.3.Giới thiệu ngơn ngữ lập trình NodeJS  NodeJS tảng phía máy chủ xây dựng công cụ JavaScript Google Chrome (V8 Engine) Node.js phát triển Ryan Dahl năm 2009 phiên v0.10.36 Định nghĩa Node.js cung cấp https://nodejs.org  Node.js môi trường thời gian chạy đa tảng nguồn mở để phát triển ứng dụng mạng phía máy chủ Các ứng dụng Node.js viết  bằng JavaScript chạy OS X, Microsoft Windows Linux  Node.js cung cấp thư viên phong phú gồm nhiều mơ-đun JavaScript khác giúp đơn giản hóa việc phát triển ứng dụng web  bằng cách sử dụng Node.js đến mức độ lớn about:blank 6/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp Document continues below Discover more from: Nhập môn tin học Trường Đại học Kinh tế, Đại học Quốc gia Hà Nội 14 documents Go to course Nội Dung Báo Cáo Tích H ợp 41 Nhập môn tin học 100% (4) BAI THUC HANH THU - thầy dũng Nhập môn tin học 100% (1) n 300 개가 넘는 작은 섬이 있다고 들었는데 - Mot nhung bai phien dich tieng han Nhập môn tin học None DCTT-Trung Duc - Đề cương Nhập môn tin học None Baocao-191218085806 - tin học 33 Nhập môn tin học None - tin học about:blank Nhập môn tin học None 7/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp  Node.js = Runtime Environment + JavaScript Library n about:blank 8/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp 1.4.Giới thiệu ReactJs ReactJS môt thư viện JavaScript mã nguồn mở để xây dựng thành phần giao diện tái sử dụng với xu hướng Single Page Application, đặc điểm tăng hiệu cho ứng dụng cơng nghệ sử dụng DOM ảo (Virtual DOM) Nó tạo Jordan Walke, kĩ sư phần mềm Facebook React lần đầu sử dụng cho ứng dụng Newsfeed Facebook năm 2011 sau triển khai cho Instagram Mục tiêu react đơn giản để phát triển Tất trạng thái tập trung thời điểm, cách chia giao diện người dùng thành tập hợp thành phần (components) 1.5.Giới thiệu hệ quản trị sở liệu MongoDB, MySQL, MySQL Workbench MongoDB chương trình sở liệu mã nguồn mở thiết kế theo kiểu hướng đối tượng bảng cấu trúc n cách linh hoạt cho phép liệu lưu bảng không cần phải tuân theo dạng cấu trúc định Chính cấu trúc linh hoạt nên MongoDB dùng để lưu trữ liệu có cấu trúc phức tạp đa dạng khơng cố định (hay cịn gọi Big Data) MongoDB sở liệu dựa Document, Collection giữ Document khác Số trường, nội dung kích cỡ  Document khác với Document khác.Các thư viện Framework hỗ trợ MySQL Server máy tính hay hệ máy tính cài đặt phần mềm MySQL dành cho server để giúp bạn lưu trữ liệu đó, để máy khách truy cập vào quản lý Dữ liệu đặt  bảng, bảng có mối liên hệ với MySQL server nhanh, an about:blank 9/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp + Xem thông tin, viết người dùng đăng tải lên + Người dùng đăng viết kèm ảnh, tag, icon Đồng thời xóa, sửa viết + Người dùng like,u thích viết bạn bè mạng xã hội + Bình luận vào viết, xóa sửa tùy ý người dùng + Hệ thống có cung cấp chức chat người dùng với * Back-end Trả thông tin người dùng, viết, comment, tin nhắn - Lưu trữ thông tin người dùng,thông tin viết,thông tin like, comment, ảnh server - Đăng nhập, đăng ký đăng xuất tài khoản - Nhắn tin , trò chuyện 2.2.2.Yêu cầu chức Vai trò n Chức - Đăng nhập, đăng ký, đăng xuất - Quản lý thông tin cá nhân  Người dùng - Quản lý viết - Thả icon vào biết - Bình luận 2.2.3.Yêu cầu phi chức - Giao diện thân thiện, dễ dùng, hấp dẫn, dễ tìm kiếm thơng tin, thao tác gọn gàng, đơn giản - Hệ thống chạy chức năng, hiệu ổn định - Đáp ứng hầu hết yêu cầu người dùng 10 about:blank 12/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp 2.3.Đặc tả chức hệ thống 2.3.1 UseCase diagram 2.3.1.1 Use tổng quan n  Hình 2.3.1.1 Use case tổng quan 2.3.1.2 mơ tả usecase -Bảng thích: Name Tên Use Case Description Tóm gọn tương tác thể Use Case Actor  Những đối tượng thực tương tác Use Case Pre-condition Điều kiện cần để Use Case thực thành công Post Những thứ xuất sau Use Case thưc condition Trigger Điều kiện kích hoạt Use Case xảy Luồng tương tác Actor System để Use Case Basic flow thực thành công 11 about:blank 13/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 14/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 15/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 16/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 17/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 18/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 19/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 20/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 21/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 22/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 23/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 24/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 25/26 18:36 09/11/2023 Ngôn ngữ kịch bản nộp n about:blank 26/26