Thực tập tốt nghiệp đề tài xây dựng website tin tức

Xây dựng giao diện cho website trên desktop Responsive trên mobile Áp dụng giao diện của mình vừa tạo vào website (không sử dụng theme ) Hiển thị được sản phẩm ra ngoài giao diện ới sự bùng nổ thông tin của Internet, vai trò của các trang thông tin điện tử tryuwjc tuyến ngày càng trở nên quan trọng. Khác với báo chí truyền thông có giới hạn thời gian cập nhật tin tức, các tờ báo trực tuyến đã cung cấp được sự tiện lợi trong việc cập nhật và phát hành thông tin. Về phía những người cung cấp thông tin, các nhà báo họ có thể dễ dàng cập nhật những tin tức mới nhất, thời sự nhất. Do đó việc sử dụng các trang thông tin trực tuyến luôn là điều cần thiết hiện nay nhằm đáp ứng nhu cầu cập nhật thông tin của mọi người Tin tức là những việc đã xảy ra dù tốt hay xấu, để giúp con người biết những chuyện xung quanh và trên thế giới. Ngày nay, nhờ thông tin truyền thông nhanh cho nên bất cứ chuyện gì vừa xảy ra ở đâu trên thế giới thì ta đề có thể biết ngay được , nhờ đó mà có thể học được nhiều cái hay cũng như tránh được những chuyện xấu có thể xảy ra như các trận sóng thần, bão lũ, các chất độc hại ảnh hưởng đến sức khỏe. Tin tức vô cùng quan trọng nó cho người ta tri thức và là cơ sở để tiến hành mọi việc lớn nhỏ. khi có Internet, Tin tức càng quan trọng vì tốc độ lan truyền nhanh ảnh hưởng ngay tức thì trên diện rộng

1 BÁO CÁO THỰC TẬP TỐT NGHIỆP GVHD: Đỗ Văn Uy SV thực hiện: Nguyễn Thị San - Khúc Xuân Quý Lớp/khóa: LTMT2K10 HÀ NỘI, THÁNG NĂM 2021 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc Hà Nội, Ngày 27 tháng3 năm 2021 PHIẾU NHẬN XÉT THỰC TẬP Họ tên sinh viên (nhóm):Nguyễn Thị San- Khúc Xuân Quý Lớp-khóa: LTMT2k10 Cơ quan / Doanh nghiệp tiếp nhận: Địa chỉ: Ngày bắt đầu: ngày kết thúc: Nội dung thực tập: Nhận xét quan / Đơn vị chất lượng công việc giao: Các công việc giao: ⬜ Hoàn thành xuất sắc ⬜ Khá ⬜ Yếu ⬜ Tốt ⬜ Trung bình Hồn tất cơng việc giao: ⬜ Hoàn thành ⬜ Thỉnh thoảng ⬜ Khơng thời hạn Tính hữu ích đợt thực tập với quan ⬜ Giúp ích nhiều ⬜ Giúp ích ⬜ Không giúp ích cho quan Nhận xét quan / Đơn vị thân sinh viên: 2.1 Năng lực chuyên môn sử dụng vào công việc giao mức: ⬜ Giỏi ⬜ Khá ⬜ Trung bình ⬜ Yếu 2.2 Tinh thần, thái độ công việc giao: ⬜ Tích cực ⬜ Bình thường ⬜ Thiếu tích cực 2.3 Đảm bảo kỷ luật lao động (giờ giấc lao động, nghỉ làm, ): ⬜ Tốt ⬜ Trung bình ⬜ Kém 2.4 Thái độ cán bộ, công nhân viên Cơ quan / Đơn vị: ⬜ Hòa đồng ⬜ Khơng có đáng nói ⬜ Rụt rè 2.5 Khả sử dụng phần mềm văn phòng (office): ⬜ Giỏi ⬜ Khá ⬜ Trung bình ⬜ Yếu 2.6 Khả sử dụng Tiếng Anh: ⬜ Giỏi ⬜ Khá ⬜ Trung bình ⬜ Yếu Nhu cầu nhân lực quan (kiến thức, kỹ năng, số lượng): Các nhận xét khác (nếu có): Đánh giá: a Điểm chuyên cần, tác phong đạo đức (Đạt/Không đạt): b Điểm chuyên môn (Đạt/Không đạt): Trưởng Cơ quan/Đơn vị Người nhận xét (Ký tên, đóng dấu ghi rõ họ tên) (Ký ghi rõ họ tên) BẢN KẾ HOẠCH THỰC TẬP TỐT NGHIỆP NHÓM 11LTMT2K10 Họ tên SV: Khúc Xuân Quý - Nguyễn Thị San Lớp-khóa: LTMT2 K10 Số ĐT: 0963823733 - 0397247285 Email: khucxuanquy@gmail.com - nguyensan806@gmail.com Nội dung thực tập: Xây dựng website tin tức Yêu cầu: - Xây dựng giao diện cho website desktop - Responsive mobile - Áp dụng giao diện vừa tạo vào website (khơng sử dụng theme ) - Hiển thị sản phẩm giao diện Kế hoạch thực Kết đạt Ngày thực Công việc triển khai cụ thể 29/1 - 1/2 Phân tích yêu cầu đề 100% 2/2 - 9/2 Phân tích thiết kế hệ thống 80% 10/2 - 1/3 Thiết kế giao diện toàn trang web 100% 2/3 - 28/3 Code toàn chức trang web 100% 29/3 - 31/3 Sửa lỗi toàn thiện sản phẩm 100% (theo tỷ lệ %) Ghi Nội dung chi tiết thực Hà Nội, ngày Xác nhận Cán hướng dẫn (ký, ghi rõ họ tên) tháng năm 20 Sinh viên (ký, ghi rõ họ tên) LỜI CẢM ƠN Trong trình làm đề tài này, em nhận nhiều giúp đỡ để hoàn thành đề tài Em xin gửi lời cảm ơn đến thầy cô khoa Công Nghệ Thông Tin Trường cao đẳng nghề Bách Khoa Hà Nội giúp đỡ chúng em có kiến thức để hồn thành đề tài Đặc biệt, Em xin chân thành cảm ơn thầy giáo Đỗ Văn Uy tận tình hướng dẫn, bảo chúng em suốt trình thực đề tài thực báo cáo Xin cảm ơn anh Dương Đình Phúc giúp đỡ chúng em mặt kinh nghiệm LỜI MỞ ĐẦU Ngành công nghệ thông tin ngành khoa học đà phát triển mạnh ứng dụng rộng rãi nhiều lĩnh vực Cùng với xu hướng phát triển phương tiện truyền thơng Báo, Radio… việc sử dụng internet ngày phổ biến Truy cập internet, có kho thơng tin khổnG lồ phục vụ nhu cầu, mục đích nhấp chuột Nhận thức nhu cầu tìm hiểu thơng tin, giải trí xã hội đời hàng loạt Website cho mục đích thương mại, giải trí, tin tức Để đáp ứng với việc cập nhật thơng tin hành ngày, tình hình xã hội, trị, thời sức khỏe…thì Website tin tức đời nhu cầu tất yếu ” Tin tức tích lũy gọi kiến thức, tài sản quý giá người” Với bùng nổ thông tin internet, vai trị trang thơng tin điện tử trực tuyến trở nên quan trọng Khác với báo chí truyền thơng có thời hạn thời gian cập nhập tin tức, báo trực tuyến cung cấp tiện lợi việc cập nhật phát hành thông tin Về phía người dùng, họ xem thơng tin lúc nơi Về phía người cung cấp thơng tin, nhà báo, họ dễ dàng cập nhật tin tức nhất, thời Do việc sử dụng trang thông tin trực tuyến điều cần thiết nay, nhằm đáp ứng nhu cầu cập nhật thông tin người Mục lục Mục lục Chương I Giới thiệu đề tài 1.1 Giới thiệu đề tài Website tin tức 1.2 Khảo sát trạng 1.2.1 Khảo sát trạng 1.2.2 Website tương tự 1.3 Mục tiêu 1.4 Đối tượng sử dụng 1.4.1 Người dùng 1.4.2 Ban quản trị 1.5 Mô tả toán 10 10 10 10 11 11 12 12 12 12 Chương II Khảo sát phân tích yêu cầu 2.2 Các chức đề xuất website 2.1.1 Chức dành cho người dùng 2.1.2 Chức dành cho người quản trị 2.2 Phân tích chức hệ thống 2.2 Tổng quan chức 2.2.1 UseCase tổng quan 2.2.2 Use Case phân rã chức quản lý người dùng 2.2.3 Use Case phân rã chức quản lý viết 2.2.4 Use Case phân rã chức quản lý chủ đề 2.2.5 Use Case phân rã chức Báo cáo, thống kê 2.2.6 Use Case phân rã chức dành cho độc giả 2.2.7 Một số kí hiệu use case 2.3 Tổng quan chức 2.3.1 Đặc tả Use case đăng nhập 2.3.2 Đặc tả usecase quản lý người dùng 2.3.3 Đặc tả usecase quản lý viết 2.3.4 Đặc tả usecase quản lý chủ đề 2.3.5 Đặc tả use case Báo cáo 2.3.6 Đặc tả yêu cầu usecase Độc giả 2.4 Yêu cầu phi chức 13 13 13 13 13 14 14 15 16 17 18 19 19 20 20 22 27 31 35 38 42 Chương III Công nghệ sử dụng 3.1 Front-end 3.1.1 VUE.JS 3.1.2 SASS 3.2 Back-end 42 42 43 43 44 3.2.1 NodeJS 3.2.2 ExpressJS 3.2.3 SQL 44 45 45 Chương IV Phát triển triển khai ứng dụng 46 4.1 Thiết kế chi tiết 4.1.1 thiết kế giao diện 4.1.2 thiết kế phân quyền 4.1.3 thiết kế Cơ sở liệu 4.1.4 Thiết kế kiến trúc a) thiết kế kiến trúc phần mềm hệ thống b) Biểu đồ lớp 46 46 53 53 55 55 55 4.2 Kiểm thử 56 44 Ưu điểm Nhược điểm -viết nhanh, khơng ngoặc, khơng cần ";" -vì khơng cần ngoặc nên dùng khoảng cuối dòng => tốt cho người học trắng (tab, space để thay cho việc ngăn css biết css không quen cách code css với nhau) Chỉ cần sai dấu cách lỗi 3.2 Back-end 3.2.1 NodeJS NodeJS mã nguồn xây dựng dựa tảng Javascript V8 Engine, sử dụng để xây dựng ứng dụng web trang video clip, forum đặc biệt trang mạng xã hội phạm vi hẹp NodeJS mã nguồn mở sử dụng rộng hàng ngàn lập trình viên toàn giới - Một vài ưu điểm, nhược điểm NodeJS Ưu điểm Nhược điểm JSON APIs: Với chế event-driven, nonblocking I/O(Input/Output) mơ hình kết hợp với Javascript lựa chọn tuyệt vời cho dịch vụ Webs làm JSON Ứng dụng nặng tốn tài nguyên: Nếu bạn cần xử lý ứng dụng tốn tài nguyên CPU encoding video, convert file, decoding encryption ứng dụng tương tự khơng nên dùng NodeJS (Lý do: Hiệu suất: Với chống lưng V8 JavaScript NodeJS viết C++ & Javascript, Engine Google Event-drivent non- nên phải thơng qua thêm trình biên dịch blocking I/O tải hàng trăm nghìn NodeJS lâu chút.) kết nối lúc Nhưng cấu hình máy chủ cho NodeJS khiêm tốn (tiết kiệm lần so với đầu tư thông thường - hiệu suất tăng gấp đôi) 44 45 3.2.2 ExpressJS Expressjs framework xây dựng tảng Nodejs Nó cung cấp tính mạnh mẽ để phát triển web mobile Expressjs hỗ trợ method HTTP middleware tạo API vô mạnh mẽ dễ sử dụng Đặc điểm ExpressJS ● Hỗ trợ phát triển ứng dụng theo mơ hình MVC ● Cho phép định nghĩa middleware ● Định nghĩa rõ ràng request methods route ● Hỗ trợ mạnh REST API Cấu trúc thư mục ExpressJS 3.2.3 SQL Sau vài so sánh mơ hình liệu quan hệ (SQL) mơ hình liệu phi quan hệ (NoSQL): 45 46 SQL NoSQL Dữ liệu có cấu trúc tổ chức Khơng sử dụng SQL Sử dụng ngôn ngữ SQL để truy vấn liệu Khơng khai báo ngơn ngữ truy vấn liệu Có tính chặt chẽ thể qua khóa Dữ liệu phi cấu trúc khóa ngoại Ưu tiên hiệu cao, tính sẵn sàng khả mở rộng Chương IV Phát triển triển khai ứng dụng 4.1 Thiết kế chi tiết 4.1.1 thiết kế giao diện a) Cấu trúc Website có cấu trúc gồm phần : Phần đầu trang, Phần nội dung Phần chân trang Phần đầu trang phần chân trang thường cố định, Phần nội dung thay đổi theo trang khác nằm quy hoạch website 46 47 Phần đầu trang chủ yếu bao gồm nút chức điều hướng người dùng tới trang có website trang bìa Phần nội dung thay đổi theo trang Quản lý website chia làm phần Body-left( công cụ) , body-right( chức năng) phần body-left: chứa công cụ chức quản lý website phần body-right: phần chứa chức nhỏ b) hiển thị Một số thiết kế phần mềm Người dùng chọn ngơn ngữ mà u thích trang quản trị hỗ trợ loại ngôn ngữ English Việt Nam ● Độc giả 47 48 Người dùng truy cập vào trang web đọc tin tức Có thể tùy chọn theo chủ đề Các viết lên trang chủ Độc giả tìm kiếm theo từ khóa mà quan tâm => kết trả báo có nội dung tiêu đề liên quan ● Quản lý người dùng 48 49 Trang quản lý viết có chức thêm sửa xóa người dùng Admin thêm người dùng Quản lý thêm sửa thơng tin nhân viên quản lý Xóa thơng tin quản lý Nhân viên sửa thơng tin ● Quản lý viết 49 50 50 51 Trang quản lý viết có chức thêm sửa xóa viết ● Quản lý chủ đề 51 52 ● Báo cáo 52 53 4.1.2 thiết kế phân quyền Quyền quản trị Admin Quản lý Nhân viên Quản lý người dùng Thêm,tin sửamọi xóa thơng người dùng sửa mìnhtin nhân viên dovàmình quảnthơng lý sửa thơng mìnhtin Quản lý viết Thêm, sửa, thơng tin bàixóa viết người Thêm, , xóa Thêm, viết chính vàsửa nhân viên mìnhcủasửa,xóa quản lý viết -Xóa thơngdotinmình nhân lý viên quản Quản lý chủ đề Thêm, sửa, xóa chủ đề Báo cáo Xem báo cáo viết Xem báo cáo viết viết nhân viên quản lý viết Xem báodocáo viết viết 4.1.3 thiết kế Cơ sở liệu a) Bảng Reports Tên trường Kiểu liệu Ý nghĩa id varchar giúp nhận diện báo cáo post_id varchar báo cáo từ viết 53 54 title varchar tiêu đề báo cáo email varchar email người tạo báo cáo content text nội dung báo cáo dateCreated varchar ngày tạo báo cáo b)Bảng posts Tên trường Kiểu liệu Ý nghĩa id varchar giúp nhận diện viết category_id varchar viết chủ đề title varchar tiêu đề viết url varchar đường link viết description varchar phần mơ tả ngắn gọn viết image varchar hình ảnh đại diện viết content text Nội dung viết user_id varchar viết viết view int lượt xem người dùng dateCreated varchar ngày tạo viết Tên trường Kiểu liệu Ý nghĩa id varchar giúp nhận diện người dùng username varchar tên đăng nhập fullname varchar tên đầy đủ người dùng password varchar mật manager_id varchar id người quản lý permission int cấp quyền người dùng dateCreated varchar ngày tạo người dùng Tên trường Kiểu liệu Ý nghĩa id varchar giúp nhận diện chủ đề c) Bảng Users d) Bảng cateGories 54 55 name varchar tên chủ đề url varchar đường link chủ đề color varchar màu sắc chủ đề dateCreated varchar ngày tạo chủ đề 4.1.4 Thiết kế kiến trúc a) thiết kế kiến trúc phần mềm hệ thống Trang web thiết kế theo kiến trúc phần mềm Model – View – Controller (MVC), đó: Model: nơi tương tác với sở liệu gồm đọc, thêm, sửa, xóa Controller: nhận u cầu người dùng thơng qua API gửi đến cho model để xử lý liệu sau trả kết cho view để cập nhật giao diện hiển thị ● View: giữ vai trị giao tiếp với Controller thơng qua API hiển thị liệu cho người dùng, người quản trị ● ● b) Biểu đồ lớp 55 56 4.2 Kiểm thử Để kiểm tra mức độ hoàn thiện ứng dụng , chúng em tiến hành kiểm thử với kỹ thuật kiểm thử hộp đen với vài chức ứng dụng : đăng nhập, báo cáo viết, thêm viết , xóa viết,sửa viết, thêm người dùng, xóa người dùng, sửa viết, thêm chủ đề, sửa chủ đề, xóa chủ đề, xóa báo cáo Mã TestCase TC-01 Mục đích Kiểm tra tính xác thực người dùng Quy trình Kết thực tế Đầu vào Đầu mong muốn user name mật -ví dụ : chuyển đến trang user-name:admin quản trị mật : admin -Đăng nhập thành Đánh giá Đạt 56 57 công chuyển đến trang quản trị TC-02 kiểm tra chức thêm viết -tiêu đề, chủ -Thêm thành đề, mô tả, ảnh công viết và nội dung lưu vào database viết - Thơng báo: " vui lịng nhập đầy đủ thông tin" chưa nhập đủ thông tin vào trường liệu " -Thông báo :" Thêm viết thành công" Đạt TC-03 kiểm tra chức sửa viết Nội dung cần chỉnh sửa cho viết ví dụ : - tiêu đề thay tiêu đề cũ , tiêu đề cũ xóa khỏi DB thông báo :" lưu thành công " Tiêu đề viết thay đổi theo tiêu đề update Đạt TC-04 kiểm tra chức xóa viết chọn viết cần xóa hiển thị thơng báo xác nhận viết khơng cịn Database Thơng báo xóa thành cơng -thơng báo xóa khơng thành cơng chưa xóa viết Đạt TC-05 kiểm tra chức thêm người dùng Các thơng tin có form thêm người dùng Thêm thành công Người dùng lưu vào database -Thông báo thêm thành công người dùng có danh sách người dùng DB Đạt TC-06 kiểm tra chức Các thông tin sửa cần chỉnh sửa thông tin người dùng Thông tin thay thông tin cũ - Thông báo lưu thành công ,các thông tin chỉnh sửa cập nhật database , xóa bỏ thơng tin cũ Đạt 57 58 58 ... nguyensan806@gmail.com Nội dung thực tập: Xây dựng website tin tức Yêu cầu: - Xây dựng giao diện cho website desktop - Responsive mobile - Áp dụng giao diện vừa tạo vào website (khơng sử dụng theme... ứng nhu cầu cập nhật thông tin người Mục lục Mục lục Chương I Giới thiệu đề tài 1.1 Giới thiệu đề tài Website tin tức 1.2 Khảo sát trạng 1.2.1 Khảo sát trạng 1.2.2 Website tương tự 1.3 Mục tiêu... 55 55 55 4.2 Kiểm thử 56 10 Chương I Giới thiệu đề tài 1.1 Giới thiệu đề tài Website tin tức Với bùng nổ thông tin Internet, vai trị trang thơng tin điện tử tryuwjc tuyến ngày trở nên quan trọng