CHƯƠNG 3 : ĐẶC TẢ YÊU CẦU
3.3 Yêu cầu chức năng
3.3.1 Quản lý user
Hình 3-12: Sơ đồ Usecase quản ly người dùng
UC111-Quản lý profile
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: Quan ly profile
Mục đích: giúp ngườờ̀i dùng quan ly thơng tin ca nhân cua tai khoan.
Tóm lược: ngườờ̀i dùng nhấn vào nút “Xem trang cá nhân” và website sẽ chuyển đến trang cá nhân của bạn tương tự như Facebook hoặặ̣c
Instagram. Mô tả kịch bản
Điêu kiên đâu: user đã đăng nhập vào hệ thống. Điêu kiên sau:
44 | P a g e
IE213 – Kỹ thuật phát triển hệ thống Web
Trường hơp thanh công: người dung vao đươc trang ca nhân, xem đươc cac thông tin trên trang va co thê thao tac.
Trường hơp thât bai: hê thông thơng bao lơi Kịch bản chính:
1. Load giao diện ngườờ̀i dùng.
2. Ngườờ̀i dùng nhấn vào nút “Xem thông tin cá nhân” hệ thống sẽ điều hướng khách hàng sang trang cá nhân. Hệ thống kiểm tra thông tin đăng nhập và điều hướng tới trang chủ.
3. Ngườờ̀i dùng có thể xem các thơng tin như: thông tin cá nhân: tên đăng nhập, ảnh đại diện, ngày tháng năm sinh. Thông tin bài post bao gồm tất cả các bài post đã đăng và nhấn vào bài post để xem chi tiết bài post đó. Thơng tin bạn bè bao gồm danh sách các bạn bè đã follow. Các kịch bản khả dĩ khác:
1. Khi ngườờ̀i dùng nhấn vào trang cá nhân mà hệ thống không load được thông tin của ngườờ̀i dùng è hiển thị message thông báo hệ thống lỗi cho ngườờ̀i dùng biết.
UC111-Cập nhật profile
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: Câp nhât profile.
Mục đích: giúp ngườờ̀i dùng có thể cập nhật lại thơng tin tài khoản.
Tóm lược: ngườờ̀i dùng nhấn vào nút “Xem trang cá nhân” và website sẽ chuyển đến trang cá nhân sau đó ngườờ̀i dùng sẽ thao tác tùy trên đối tượng muốn cập nhật (cập nhật lại thông tin cá nhân, cập nhật danh sách follow, cập nhật các post đã đăng).
Mô tả kịch bản
45 | P a g e
Điêu kiên đâu: user đã đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: trang ca nhân đươc câp nhât lai. Trường hơp thât bai: hê thông thông bao lôi.
Kịch bản chính:
1. Load giao diện trang cá nhân.
2. Người dùng muốn sửa thơng tin cá nhân thì nhấn vào nút “Edit profile”
ở đây ngườờ̀i dùng có thể chỉnh sửa các thông tin cơ bản như: Tên đăng nhập, ngày tháng năm sinh, giới tính, avatar, …
3. Hệ thống sẽ cập nhật lại thông tin chỉnh sửa và hiển thị ra cho người dung.
Các kịch bản khả dĩ khác:
1. Khi thông tin cập nhật thất bại è hiển thị message cho ngườờ̀i dùng biết.
UC112-Xem follower/following
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: Xem follower/following.
Mục đích: giúp ngườờ̀i dùng có thể xem cac tai khoan ma minh đang theo doi va cac tai khoan đang theo doi minh.
Tóm lược: ngườờ̀i dùng nhấn vào nút “Xem trang cá nhân” và website sẽ chuyển đến trang cá nhân sau đó ngườờ̀i dùng nhân vao nut “theo doi” hoặc nut “đang theo doi” đê xem danh sach cac follower hoặc following. Mô tả kịch bản
Điêu kiên đâu: user đã đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: người dung xmem đươc danh sach follower hoặc following.
Trường hơp thât bai: hê thông thông bao lôi Kịch bản chính:
1. Load giao diện trang cá nhân.
2. Người dung nhân vao nut “theo doi” hoặc “đang theo doi’ đê xem danh sach cac tai khoan.
3. Hệ thống sẽ hiên thi danh sach lên cho người dung. Các kịch bản khả dĩ khác:
1. Khi thông tin hiên thi thất bại è hiển thị message cho ngườờ̀i dùng biết.
UC12-Theo dõi
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: Theo doi.
Mục đích: giúp ngườờ̀i dùng có thể theo doi người dung cua cac tai khoan khac.
Tóm lược: người dung gưi yêu câu theo doi đên môt tai khoan, sau khi tai khoan đo châp nhân thi người dung co thê xem cac bai viêt ma người dung đo đăng.
Mô tả kịch bản
Điêu kiên đâu: user đã đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: người dung theo doi tai khoan thanh công va xem đươc cac bai viêt mơi nhât trên ban tin.
Trường hơp thât bai: hê thông thông bao lôi Kịch bản chính:
1. Người dung nhân nut “theo doi” trên trang ca nhân cua môt tai khoan nao đo hoặc trên danh sach tai khoan đươc đê xuât ơ trang chu hoặc trên danh sach follower cua người dung.
2. Hê thông câp nhât lai thông tin va thông bao đên tai khoan đươc theo doi.
3.1. <<include>> UC60-Gưi thông bao Các kịch bản khả dĩ khác:
1. Người dung đươc gưi yêu câu không châp nhân Usecase kêt thuc không thanh công.
UC13-Hủy theo dõi
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: Huy theo doi.
Mục đích: giúp ngườờ̀i dùng có thể huy theo doi mơt tai khoan khac.
Tóm lược: Người dung huy theo doi tai khoan, cac bai viêt mơi nhât cua tai khoan đo se không xuât hiên trên bang tin.
Mô tả kịch bản
Điêu kiên đâu: user đã đăng nhập vào hệ thống, use đa theo doi tai khoan trươc đo.
Điêu kiên sau:
Trường hơp thanh công: người dung huy theo doi tai khoan thanh công va hê thông câp nhât lai thông tin.
48 | P a g e
IE213 – Kỹ thuật phát triển hệ thống Web
Trường hơp thât bai: hê thông thông bao lôi. Kịch bản chính:
1. Người dung nhân nut “huy theo doi” trên trang ca nhân cua môt tai khoan hoặc trên danh sach following.
2. Hê thông se câp nhât lai thông tin cac người dung trên cơ sơ dư liêu. Các kịch bản khả dĩ khác:
1. Hê thông xư ly huy theo doi không thanh công Hê thông thông bao lôi cho người dung.
3.3.2 Quản lý bài đăng
Hình 3-13: Sơ đồ Usecase quản ly bai đăng
49 | P a g e
UC21-Đăng bài viết
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: Đăng bài viết.
Mục đích: giúp ngườờ̀i dùng có thể đăng một bài viết mới cập nhật thông tin bản thân để chia sẻ với bạn bè.
Tóm lược: Ngườờ̀i dùng điền đầy đủ thơng tin trong form hiện ra bao gồm chọn hình ảnh, caption của bải viết và chọn biểu tượng cảm xúc sau đó nhấn nút đăng bài để đăng bài viết.
Mô tả kịch bản
Điêu kiên đâu: Ngườờ̀i dùng phải đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: bai viêt đươc đăng lên ban tin cua nhưng người theo doi tai khoan.
Trường hơp thât bai: hê thông thơng bao lơi. Kịch bản chính:
1. Ngườờ̀i dùng nhấn vào biểu tượng thêm mới bài viết trên header. 2. Hệ thống hiển thị form để ngườờ̀i dùng điền thông tin bài post. 3. Hệ thống xử lý dữ liệu lưu bài viết vào cơ sở dữ liệu và trả về thông báo đăng post thành công cho ngườờ̀i dùng.
4. Hệ thống điều hướng sang thông tin chi tiết của bài post ngườờ̀i dùng vừa đăng.
Các kịch bản khả dĩ khác:
1. Hệ thống lưu bài post không thành công vào cơ sở dữ liệu è hiển thị thông báo không thành công cho ngườờ̀i dùng.
50 | P a g e
IE213 – Kỹ thuật phát triển hệ thống Web
UC22-Xóa bài viết
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: Chinh sưa bài viết.
Mục đích: giúp ngườờ̀i dùng có thể xoa mơt bai viêt đa đăng.
Tóm lược: Ngườờ̀i dùng mơ môt bai viêt đa đăng, nhân biêu tương thung rac đê xoa bai viêt.
Mô tả kịch bản
Điêu kiên đâu: Ngườờ̀i dùng phải đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: bai viêt không còn tôn tai trên hê thông. Trường hơp thât bai: hê thơng thơng bao lơi.
Kịch bản chính:
1. Ngườờ̀i dùng nhấn vào bai viêt nao đo ma minh tưng đăng tai. 2. Người dung nhân chon biêu tương thung rac va xac nhân xoa bai viêt.
3. Hê thông thưc hiên xoa bai viêt. Các kịch bản khả dĩ khác:
1. Hệ thống xoa bài viêt không thành công è Hê thông hiển thị thông báo không thành công cho ngườờ̀i dùng.
2. Người dung huy xac nhân xoa bai viêt Usecase kêt thuc không thanh công.
UC23-Chỉnh sửa bài viết
Đặặ̣c tả use-case
IE213 – Kỹ thuật phát triển hệ thống Web Mơ tả tóm tắt
Tên use-case: Chinh sưa bài viết.
Mục đích: giúp ngườờ̀i dùng có thể chinh sưa mơt bai viêt đa đăng.
Tóm lược: Ngườờ̀i dùng mơ môt bai viêt đa đăng, nhân biêu tương cây but đê thưc hiên chinh sưa bai viêt.
Mô tả kịch bản
Điêu kiên đâu: Ngườờ̀i dùng phải đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: thông tin bai viêt đươc câp nhât lai. Trường hơp thât bai: hê thông thông bao lơi.
Kịch bản chính:
1. Ngườờ̀i dùng nhấn vào bai viêt nao đo ma minh tưng đăng tai. 2. Người dung nhân chon biêu tương cây but đê thưc hiên chinh sưa. 3. Người dung thưc hiên chinh sưa nôi dung caption hoặc hinh anh rôi lưu cac thay đôi.
4. Hê thông thưc hiên lưu thông tin thay đôi cua bai viêt. Các kịch bản khả dĩ khác:
1. Hệ thống lưu thay đôi bài viêt không thành công Hê thông hiển thị thông báo thay đôi không thành công cho ngườờ̀i dùng.
UC24-Chia sẻ bài viết
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: Chia sẻ bài viết.
Mục đích: ngườờ̀i dùng có thể gửi một bài viết dên mơt cc trò chuyên. 52 | P a g e
Tóm lược: Ngườờ̀i dùng nhấn vào biểu tượng “share” ở dưới bài post để sau đó popup hiện ra để ngườờ̀i dùng chọn đối tượng để gửi bài post, ngườờ̀i dùng chọn đối tượng và nhấn gửi.
Mô tả kịch bản
Điêu kiên đâu: Ngườờ̀i dùng phải đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: bai viêt đươc gưi trong cuôc trò chuyên. Trường hơp thât bai: hê thơng thơng bao lơi.
Kịch bản chính:
1. Load giao diện ngườờ̀i dùng ở trang home hiển thị danh sách các bài viết. Khi ngườờ̀i dùng muốn gửi bài viết nào đó thì nhấn vào icon “share” phía dưới bài viết.
2. Popup hiện ra để ngườờ̀i dùng chọn đối tượng ngườờ̀i dùng gửi tới bao gồm các bạn bè mà ngườờ̀i dùng đã follow hoặặ̣c các nhóm chat đã có sẵẵ̃n.
3. Ngườờ̀i dùng có thể chọn một hoặặ̣c nhiều đối tượng nhận bài post. 4. Sau khi chọn nếu ngườờ̀i dùng khơng muốn gửi nửa có thể nhấn dấu “x” bên cạnh tên đối tượng được chọn để bỏ đối tượng đó ra khỏi danh sách nhận tin nhắn.
5. Ngườờ̀i dùng nhấn “Gửi” để tiến hành gửi tin nhắn cho đối tượng đã chọn.
6. Hệ thống dùn socket để ngườờ̀i dùng khác sẽ nhận được tin nhắn realtime.
7. Hệ thống sẽ lưu tin nhắn vào trong cơ sở dữ liệu.
UC25-Yêu thích bài viết
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: u thich bai viêt.
Mục đích: ngườờ̀i dùng có thể thể hiện cảm xúc của ngườờ̀i dùng cho chủ bài viết biết.
Tóm lược: Ngườờ̀i dùng nhấn vào biểu tượng hình trái tim bên dưới bài viết để u thích hoặặ̣c bỏ like bài viết đó.
Mơ tả kịch bản
Điêu kiên đâu: Ngườờ̀i dùng phải đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: biêu tương chuyên mau, sô lươt yêu thich cua bai viêt tăng lên hoặc giam đi.
Trường hơp thât bai: người dung không thưc hiên đươc hanh đơng.
Kịch bản chính:
1. Load giao diện ngườờ̀i dùng, hệ thống dựa vào dữ liệu bạn đã like bài viết hay chưa để hiển thị, nếu thích rồi thì hiển thị trái màu đỏ còờ̀n nếu chưa thì hiển thị trái tim khơng màu.
2. Ngườờ̀i dùng nhấn vào biểu tượng hình trái tim để chuyển từ thích sang khơng thích hoặặ̣c ngược lại.
3. Hệ thống nhận dữ liệu và lưu vào cơ sở dữ liệu. 3.1 <<include>> UC60-Gưi thông bao.
UC26-Bình luận bài viết
Đặặ̣c tả use- case Mơ tả tóm tắt
Tên use-case: Bình luận bài viết.
Mục đích: ngườờ̀i dùng có thể thể hiện quan điểm ý kiến của mình về bài viết.
Tóm lược: Ngườờ̀i dùng nhấn vào ơ input nhập thơng tin comment và nhấn nút đăng để tiến hành bình luận.
Mô tả kịch bản
Điêu kiên đâu: Ngườờ̀i dùng phải đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: binh luân đươc lưu lai, tông sô binh luân cua bai viêt đươc tăng lên, thông bao đươc gưi đên tai khoan đăng bai.
Trường hơp thât bai: hê thông thông bao lơi. Kịch bản chính:
1. Load giao diện ngườờ̀i dùng, ngườờ̀i dùng nhấn vào chi tiết bài viết cua bạn bè, hệ thống hiển thị giao diện chi tiết bài viết.
2. Ngườờ̀i dùng có thể xem danh sách các bình luận trước đó của bài post.
3. Nếu muốn đăng bình luận mới ngườờ̀i dùng nhập vào ơ input nội dung muốn bình luận (có emoji) và nhấn nút đăng để tiến hành bình luận.
4. Ngườờ̀i dùng cũng có thể trả lờờ̀i lại bình luận của một ngườờ̀i dùng khác.
5. Hệ thống sẽ lưu bình luận của ngườờ̀i dùng xuống cơ sở dữ liệu đồng thờờ̀i tiến hành load lại danh sách bình luận phía trên.
5.1 <<include>> UC60-Gưi thơng bao
6. Hệ thống sử dụng socket.io nên ngườờ̀i dùng khác đang trong bài post cũng có thể thấy bình luận bạn vừa mới đăng realtime.
Các kịch bản khả dĩ khác:
1. Hệ thống khơng lưu được bình luận è báo lỗi cho ngườờ̀i dùng 2. Bạn chưa nhập bình luận mà nhấn nút “Đăng” hiển thị thông báo không thực hiện được và yêu cầu ngườờ̀i dùng nhâp vào bình luận.
UC27-Xóa bình luận
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: xóa bình luận của bài viết.
Mục đích: ngườờ̀i dùng có thể xóa bình luận của mình đã viết trước đó nếu muốn.
Tóm lược: Ngườờ̀i dùng nhấn vào ơ xóa bình luận hệ thống hiển thị confirm xác nhận ngườờ̀i dùng có muốn xóa hay khơng, nếu có thì hệ thống tiến hành xóa
Mơ tả kịch bản
Điêu kiên đâu: Ngườờ̀i dùng phải đăng nhập vào hệ thống và bình luận muốn xóa phải là bình luận của mình.
Điêu kiên sau:
Trường hơp thanh cơng: binh luân đươc xoa đi, tông sô binh luân cua bai viêt giam xuông.
Trường hơp thât bai: hê thông thông bao lôi. Kịch bản chính:
1. Load giao diện ngườờ̀i dùng, ngườờ̀i dùng nhấn vào chi tiết bài viết cảu bạn bè, hệ thống hiển thị giao diện chi tiết bài viết bao gồm danh sách các bình luận đã có trước đó của bài viết.
56 | P a g e
IE213 – Kỹ thuật phát triển hệ thống Web
2. Nếu đó là bình luận của mình thì hệ thống sẽ hiển thị dấu “…” còờ̀n khơng thì khơng có dấu “…”.
3. Ngườờ̀i dùng nhấn vào dấu “…” và nhấn nút xóa.
4. Hệ thống hiển thị một confirm xác nhận ngườờ̀i dùng có muốn xóa hay khơng.
5. Nếu xóa thì hệ thống tiến hành xóa bình luận trong cơ sở dữ liệu và load lại danh sách bình luận mới.
Các kịch bản khả dĩ khác:
1. Hệ thống không xóa được bình luận báo lỗi cho ngườờ̀i dùng.
UC28-u thích bình ḷn
Đặặ̣c tả use-case Mơ tả tóm tắt
Tên use-case: u thich binh ln.
Mục đích: ngườờ̀i dùng có thể thể hiện cảm xúc u thích với bình luận mình mong muốn.
Tóm lược: Ngườờ̀i dùng nhấn vào biểu tượng trái tym ở ngồi cùng bình luận để tiến hàng chuyển từ không tym sang tym hoặặ̣c ngược lại.
Mô tả kịch bản
Điêu kiên đâu: Ngườờ̀i dùng phải đăng nhập vào hệ thống. Điêu kiên sau:
Trường hơp thanh công: mau săc biêu tương yêu thich va tông lươt yêu thich cua binh luân bi thay đôi.