CHƯƠNG 1: GIỚI THIỆU CHUNG 1.1 Mục đích tài liệu Hiện nay, trong thờ̀i đại phát triển công nghiệp 4.0, mạng xã hội đã trở thành một ứng dụng gần như là không thể thiếu đối với mọi ngườ̀i, cùng với nhiều tính năng, tiện ích nổi bật giúp mọi ngườ̀i dễ dàng kết nối, chia sẻ thông tin, trò̀ chuyện với nhau một cách nhanh nhất. Mạng xã hội xuất hiện và phát triển đã đem lại rất nhiều lợi ích cho cộng đồng như: Giúp kết nối các mối quan hệ: là nơi chúng ta có thể gặ̣p mặ̣t ngườ̀i thân, bạn bè mặ̣c dù cách xa về mặ̣t địa lý, mạng xã hội giúp duy trì các mối quan hệ thân thiết và tạo lập, xây dựng các mối quan hệ mới. Mạng xã hội là nơi cập nhật những thông tin, xu thế mới trong đờ̀i sống hằng ngày. Thông qua mạng xã hội ngườ̀i dùng dễ dàng cập nhật được thông tin, kiến thức lĩnh vực mà ngườ̀i dùng quan tâm.
Mạng xã hội giúp ngườ̀i dùng cập nhật, nắm bắt thông tin một cách nhanh chóng, kịp thờ̀i. Nơi chia sẻ cảm xúc: Thông qua mạng xã hội ngườ̀i dùng có thể chia sẻ niềm vui của mình đến với mọi ngườ̀i xung quanh và nhận lại những chia sẻ an ủi của bạn bè khi gặ̣p chuyện buồn thông qua những chia sẻ những tâm sự của mình trên mạng xã hội. Kinh doanh quảng cáo không mất phí: Nếu như trước đây việc bán hàng được thực hiện trực tiếp ở chợ, siêu thị thì hiện nay với sự phát triển của mạng xã hội ngườ̀i dùng có thể kinh doanh, quảng cáo online trên mạng xã hội mà không mất phí. Ngườ̀i kinh doanh có thể kinh doanh các sản phẩm trên các trang mạng xã hội như facebook, instagram, zalo,…hoặ̣c với những nhà kinh doanh chuyên nghiệp họ có thể tạo các trang bán hàng 17 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web riêng.
Có thể nói hiện nay việc kinh doanh trên mạng xã hội khá phổ biến và được nhiều ngườ̀i quan tâm. Nơi để giải trí, thư giãn: Sau một ngày dài làm việc, học tập mệt mỏi thì mạng xã hội với những tính năng tiện ích như nghe nhạc, xem phim, chơi game sẽ giúp ngườ̀i dùng thư giãn và thoải mái đầu óc. Bên cạnh những lợi ích trên, thì mạng xã hội cũng đem lại nhiều tác hại đáng kể: Ngườ̀i dùng dành quá nhiều thờ̀i gian vào mạng xã hội: Mạng xã hội thu hút, hấp dẫn ngườ̀i dùng bởi những tính năng tiện ích mà nó mang lại, nhưng cũng chính vì những tính năng tiện ích của mạng xã hội đã khiến nhiều ngườ̀i dùng không kiểm soát được việc dùng mạng xã hội mà bỏ bê công việc, học tập, trở nên nghiện mạng xã hội. Đặ̣c biệt là những ngườ̀i trẻ, do sức hút quá lớn của mạng xã hội mà nhiều ngườ̀i trẻ dành quá nhiều thờ̀i gian trong một ngày chỉ để lướt mạng xã hội từ đó làm ảnh hưởng đến công việc và học tập.
Giảm sự tương tác trực tiếp với các mối quan hệ xung quanh: Hiện nay tình trạng bạn bè chỉ tương tác với nhau qua điện thoại quá phổ biến, điều đó làm cho các mối quan hệ trở nên xa cách hơn. Lừa đảo qua mạng: Do thông tin trên mạng xã hội bảo mật không tốt, ngườ̀i dùng có thể dễ dàng bị đánh cắp thông tin. Ngoài ra, ngườ̀i dùng có thể bị mạo danh. Tài khoản của ngườ̀i dùng có thể bị mất và có thể có ngườ̀i mạo danh thực hiện các hành động phi pháp như lừa gạt tiền bạc danh sách bạn bè trên mạng của ngườ̀i dùng.
Với mục đích tìm hiểu và nâng cao kiến thức của mình, nhóm chúng em đã thực hiện đê tài này dưới sự dẫn dắt của ThS. Tài liệu chỉ mang tính chất 18 | P age TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web tương đối vì lượng kiến thức cò̀n hạn hẹp, nhóm chúng em mong nhận được góp ý và sửa chữa để đê tài mang tính khả thi hơn.2 Phạm vi hệ thống Phần mềm được xây dựng với mục đích phục vụ tất cả ngườ̀i dùng có nhu cầu sử dụng mạng xã hội.3 Khái niệm, thuật ngữ Mô hình thác nước cải tiến: Mô hình thác nước là một mô hình có tính trình tự trong phát triển phần mêm. Nó chú trọng vào sự phát triển logic và lần lượt trong suốt vò̀ng đờ̀i phát triển phần mêm. Mô hình thác nước cải tiến, bản chất tương tự như mô hình thác nước.
Nhưng sẽ có một vò̀ng lặ̣p tạo ra sản phâ m mẫu để đánh giá và xác định rõ yêu cầu. Khi đã đảm bảo yêu cầu sẽ bước vào phát triển phần mêm. Use-Case: là một kỹ thuật được dùng trong kỹ thuật phần mêm và hệ thống để nắm bắt yêu cầu chức năng của hệ thống. Use-case mô tả sự tương tác đặ̣c trưng giữa ngườ̀i dùng bên ngoài (actor) và hệ thống.
Một trong những cách biểu diễn trực quan phổ biến hiện nay là lược đồ use-case của UML.4 Mô tả tài liệu Tài liệu bao gồm các phần chính sau: - Phần 1: Giới thiệu chung. - Phần 2: Khảo sát hiện trạng. - Phần 3: Đặ̣c tả yêu cầu hệ thống. - Phần 4: Thiết kế.
- Phần 5: Hiện thực. - Phần 6: Đánh giá và kết luận. 19 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web - Phần 7: Tài liệu tham khảo.5 Kế hoạch thực hiện đồ án 1.1 Quy trình quản lý dự án - Phác thảo sơ lược mô hình dữ liệu - Khảo sát hiện trạng/khảo sát ứng dụng liên quan. - Phân tích đặ̣c tả yêu cầu.
- Thiết kế: Thiết kế hệ thống. Thiết kế dữ liệu. Thiết kế giao diện. - Code và kiểm thử.2 Kế hoạch chi tiết – áp dụng quy trình phát triển phần mềm Các bước thực hiện: - Khảo sát hiện trạng/khảo sát ứng dụng liên quan.
Phân tích tính khả thi và cách thức thực hiện. Khảo sát ứng dụng liên quan (Facebook/Instagram). - Phác thảo sơ lược mô hình dữ liệu Phân tích đối tượng và các thuộc tính. Vẽ mô hình sơ đồ lớp.
20 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web - Phân tích đặ̣c tả yêu cầu: Dựa trên các đặ̣c tả yêu cầu đã thu thập để phác thảo UI và thiết kế các tính năng cơ bản. - Thiết kế: Thiết kế hệ thống. Vẽ Use-case: phân tích nghiệp vụ tổng quan. Vẽ sơ đồ Squence Diagram.
Xác định kiến trúc hệ thống. Thiết kế dữ liệu. Phân tích dữ liệu dựa trên yêu cầu ngườ̀i dùng. Kết quả đầu ra là tài liệu thiết kế dữ liệu, dùng để phục vụ thiết kế database.
Thiết kế giao diện. Dùng figma, photoshop để phác thảo giao diện và xử lí hình ảnh. Sau khi phác thảo giao diện, sử dụng visual studio code để tiến hành code giao diện. - Code và kiểm thử.
Phân chia nhiệm vụ code theo yêu cầu. Tạo các test case để test hệ thống. Deploy hệ thống Frontend bằng Netlify. Deploy hệ thống Backend bằng Heroku.
Sử dụng Quy trình Thác nước Cải tiến để thực hiện đồ án: 21 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web Hình 1-1: Mô hình thac nước cải tiến Giải thích về quy trình: Mô hình thác nước là một mô hình của quy trình phát triển phần mêm, trong đó quy trình phát triển trông giống như một dò̀ng chảy, với các pha được thực hiện theo trật tự nghiêm ngặ̣t. Đi qua các giai đoạn chính: - Khảo sát hiện trạng - Xác định yêu cầu - Phân tích - Thiết kế - Cài đặ̣t - Kiểm chứng - Triển khai 22 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web ➔ Bản chất tương tự như mô hình thác nước. Nhưng có thể quay lại bước trước đó để hoàn thiện hay sửa lỗi rồi mới tiếp tục. Vì vậy, dễ dàng nắm được toàn bộ thông tin của giai đoạn trước để thực hiện giai đoạn hiện tại.
Cách tổ chức quản lý thành viên: Leader: Võ Đoàn Kim Như Team chúng em cùng thảo luận, họp bàn để phân công, phân chia tìm hiểu kiến thức vê mỗi giai đoạn. Mỗi bạn trong nhóm sẽ có vai trò̀ riêng. Khi đã nắm được kiến thức vê giai đoạn mình tìm hiểu → Tiến hành training và thực hiện ngay. Sau mỗi giai đoạn được hoàn thành → Tiến hành kiểm tra, nếu có lỗi có thể quay lại bước trước đó để hoàn thiện hay sửa lỗi rồi mới tiếp tục tới tiếp theo.
Cứ như vậy cho tới khi hoàn thành hết tất cả các giai đoạn, nhóm em sẽ báo cáo cuối ky. Trao đổi thông tin: Facebook – Messenger: Nơi trao đổi thông tin, tài liệu, vấn đề khi thực hiện dự án. Google Meet: Meeting bàn luận, demo về các chức năng đã thực hiện. Quản lí tiến độ công việc: Trello Thiết kế diagram: Draw.io 23 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web Thiết kế giao diện: Figma Photoshop Quản lí source code: Github 24 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG 2.1 Kế hoạch khảo sát: Thực hiện đồ án trong bối cảnh dịch bệnh covid-19 cò̀n diễn biến phức tạp, vì muốn chấp hành mong muốn cũng như yêu cầu của chính phủ nước CHXHCN VN, chúng em quyết định thực hiện cuộc khảo sát qua việc tìm hiểu thông tin trên internet.
Mạng xã hội phát triển có liên quan trực tiếp đến sự phát triển của internet nên việc tìm hiểu thông tin trên mạng có thể cung cấp một cái nhìn tổng quát về sự hình thành, phát triển cũng như xu hướng của mạng xã hội hiện nay.2 Khảo sát các mạng xã hội hiện có: 2.1 Facebook Các màn hình giao diện chính: 25 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web Hình 2-2: Giao diện màn hì̀nh đăng nhập Hình 2-3: Giao diện màn hì̀nh đăng ký 26 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web Hình 2-4: Giao diện màn hì̀nh trang cá nhân Hình 2-5: Giao diện màn hì̀nh chính của Facebook 27 | P a g e TIEU LUAN MOI download : skknchat@gmail.com IE213 – Kỹ thuật phát triển hệ thống Web Hình 2-6: Giao diện thanh menu / tin nhắn / thông báo Nhận xét giao diện: Giao diện của Facebook nhìn chung được xây dựng với bố cục rõ ràng và khá dễ hiểu, các khối nội dung được sắp xếp có logic giúp ngườ̀i dùng thuận tiện trong quá trình thao tác.