- Với chức năng Quản lý thiết bị: tất các các cửa hàng hợp tác sẽ được cấp tài khoản truy cập hệ thống, có quyền quản lý danh sách thiết bị lắp đặt tại cửa hàng/chi nhánh đó và tự do phát quảng cáo 3 phút trong mỗi vòng lặp 10 phút của thiết bị → việc làm này khuyến khích sự hợp tác của các cửa hàng với Ants, vì ngoài số tiền nhận được từ cho thuê địa điểm và thiết bị, cửa hàng còn được phát quảng cáo miễn phí trên toàn bộ thiết bị thuộc quyền quản lý (kể cả những thiết bị do Ants lắp đặt thêm tại địa điểm đó).
- Với chức năng Quản lý đơn hàng: đưa chức năng này vào hệ thống, các cửa hàng/chi nhánh có thể dùng điểm tích lũy để đặt đơn hàng phát quảng cáo trên các thiết bị thuộc chi nhánh của cửa hàng khác. Toàn bộ lịch sử đơn hàng sẽ
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
được lưu trữ trên hệ thống, tránh trường hợp sai sót hoặc thất lạc thông tin đơn hàng. Cửa hàng sẽ là đối tượng chạy thử nghiệm cho chức năng tạo đơn hàng quảng cáo, là tiền đề phát triển sang đối tượng khách hàng trả tiền sau này (Ants sẽ thu tiền từ việc bán slot quảng cáo 7 phút trong mỗi vòng lặp 10 phút cho đối tượng khách hàng).
1.6. Đề xuất nền tảng công nghệ xây dựng hệ thống
Mô hình tổng quan và nền tảng công nghệ của hệ thống Booking quảng cáo Ants Media được mô tả trong hình 1.4 dưới đây, bao gồm hai phần dashboard trên web app (cho người dùng, quản trị viên) và mobile app cài đặt trên các thiết bị Smart TV. Hệ thống được xây dựng, vận hành trên cả hai môi trường này.
- Đối với dashboard trên web app:
+ Front end: sử dụng framework mã nguồn mở Angular (là một Javascript Framework được duy trì bởi Google) cho phép xây dựng các ứng dụng web động, hoạt động dựa trên việc mở rộng thêm các thuộc tính cho các thẻ của HTML.
+ Back end: sử dụng framework mã nguồn mở Laravel (là một PHP Framework) cho phép xây dựng ứng dụng web dựa trên mô hình MVC (Model-View-Controller).
+ Database: sử dụng phần mềm mã nguồn mở miễn phí PostgreSQL (là một hệ thống quản trị cơ sở dữ liệu quan hệ - đối tượng) để lưu trữ và bảo vệ toàn vẹn dữ liệu.
- Đối với mobile app cài đặt trên các thiết bị Smart TV: sử dụng ngôn ngữ lập trình mã nguồn mở Kotlin (là một ngôn ngữ lập trình kiểu tĩnh) hỗ trợ xây dựng các ứng dụng đa nền tảng hiện đại, 100% tương thích mới Java và Android.
Ngoài ra để kết nối dashboard với app cài đặt trên thiết bị, hệ thống sử dụng Service RabbitMQ để gửi - nhận dữ liệu realtime từ server đến app và ngược lại.
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
Hình 1.4: Tổng quan mô hình hệ thống
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG
Nội dung chương 2 xây dựng biểu đồ hoạt động tương ứng với các quy trình nghiệp vụ đã tìm hiểu được từ chương 1. Sơ đồ phân rã chức năng thể hiện các cấp chức năng có trong hệ thống. Sự tương tác giữa các tác nhân và hệ thống được chỉ ra trong biểu đồ ca sử dụng và được trình bày cụ thể thông qua kịch bản ca sử dụng.
2.1. Biểu đồ hoạt động
Sau khi tìm hiểu các quy trình nghiệp vụ từ chương 1, ta xây dựng được các biểu đồ hoạt động tương ứng dưới đây.
2.1.1. Biểu đồ hoạt động quy trình Quản lý thiết bị
Hình 2.1: Biểu đồ hoạt động quy trình Quản lý thiết bị
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
2.1.2. Biểu đồ hoạt động quy trình Quản lý đơn hàng
Hình 2.2: Biểu đồ hoạt động quy trình Quản lý đơn hàng
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
2.2. Xây dựng chức năng hệ thống
2.3. Sơ đồ phân rã chức năng hệ thống
Sau khi tìm hiểu yêu cầu người dùng, khóa luận xác định các chức năng trong hệ thống gồm:
Hình 2.3: Sơ đồ phân rã chức năng
2.2.1. Biểu đồ ca sử dụng
2.2.2. Biểu đồ CSD quy trình thêm/sửa/xóa/khóa/mở khóa
thiết bị
Hình 2.4: Biểu đồ CSD quy trình thêm/sửa/xóa/khóa/mở khóa thiết bị
#UC2.2.3.1 Thêm/sửa/xóa/khóa/mở khóathiết bị (Quản lý thiết bị)
Độ phức tạp: Trung bình
Mô tả Chức năng này cho phép NSD thực hiện view danh sách các thiết bịhiện có trong hệ thống; lọc tìm kiếm thiết bị theo tên, trạng thái, tên
cửa hàng, chi nhánh; xem báo cáo, thêm/sửa/xóa/khóa/mở khóa thiết bị.
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
2.2.2.2. Biểu đồ CSD quy trình thêm/sửa/xóa media trên thiết bị
Hình 2.5: Biểu đồ CSD quy trình thêm/sửa/xóa media trên thiết bị 2.2.2.3. Biểu đồ CSD quy trình kiểm duyệt đơn hàng
Hình 2.6: Biểu đồ CSD quy trình kiểm duyệt đơn hàng
Trần Thị Hồng Khuyên - K20HTTTB 17
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
2.2.3. Kịch bản ca sử dụng
Tác nhân Chính Admin hệ thống Phụ Không Tiền điều kiện
• NSD đăng nhập vào hệ thống thành công • NSD click vào tab Quản lý thiết bị
Hậu điều kiện
Thành
công • NSD thêm/sửa/xóa/khóa/mở khóa thiết bị thành công. Lỗi • NSD thêm/sửa/xóa/khóa/mở khóa thiết bị không thành công.
ĐẶC TẢ CHỨC NĂNG Luồng sự kiện chính
Chức năng chỉ được thực hiện khi người sử dụng đã đăng nhập thành công vào hệ thống • NSD click chọn tab Quản lý thiết bị ÷ hệ thống show ra màn hình danh sách các
thiết bị hiện có trong hệ thống.
• NSD nhập keyword tìm kiếm theo các điều kiện lọc: tên thiết bị, trạng thái, cửa hàng, chi nhánh ÷ click enter ÷ hệ thống hiển thị danh sách các thiết bị đáp ứng điều kiện tìm kiếm.
• NSD click checkbox “Thuộc quyền sở hữu của Ants Media” để tìm kiếm những thiết bị thuộc sở hữu của Ants.
Luồng con 1: Thêm mới thiết bị
• NSD click button “Thêm mới”, hệ thống hiển thị popup thêm mới thiết bị.
• NSD nhập thông tin thiết bị thêm mới: tên thiết bị, mô tả cho thiết bị, bên sở hữu thiết bị, cửa hàng quản lý chi nhánh được lắp đặt thiết bị, chi nhánh được lắp đặt
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
thiết bị, tỉnh/thành phố, quận/huyện (địa chỉ chi nhánh).
• Click Đồng ý để thêm mới thiết bị, click Hủy bỏ để hủy yêu cầu thêm mới thiết bị.
Luồng con 2: Chỉnh sửa thiết bị
• NSD click icon cạnh thiết bị muốn chỉnh sửa ÷ Hệ thống hiển thị popup Chỉnh sửa thiết bị.
• NSD chỉnh sửa thông tin thiết bị.
• Click Đồng ý để xác nhận chỉnh sửa thiết bị, click Hủy bỏ để hủy yêu cầu chỉnh sửa thiết bị.
Luồng con 3: Xóa thiết bị
• NSD click icon -> Hệ thống hiển thị popup cảnh báo:
A Cảnh báo
I
Ban chắc chẩn muón xóa thiết bị ∏^eπ thiết bị] khôi hệ thong?
,---Tỹi :
Hjy bõ . ■ .
• NSD click Đồng ý để xác nhận xóa thiết bị, click Hủy bỏ để hủy yêu cầu xóa thiết bị.
Luồng con 4: Khóa/mở khóa thiết bị
• NSD click icon â, hệ thống hiển thị popup cảnh báo:
x:
A cảnh báo
Các bến khác sẽ không Ihe book quàng cáo trên thiét bị này néu bạn chọn ''Đỏng ý" , ■ vui lòng chạn 1 trong 2 cħe í í khỏa ⅞hiε⅞ bị.:
OKItteIhiil ⅛Qθ⅛9c⅛1 Wn HiỄi b∣vSn ct⅛jy b∣nh Hnrtnfl j
CHOiteHitMrQOtriflCHrJ Wn INỂt mrtJnflπjayIMi IUc
5 ɪ ⅛
HiyM Btnqv -
• NSD chọn 1 trong 2 chế độ khóa thiết bị ÷ click Đồng ý để xác nhận khóa thiết bị, click Hủy bỏ để hủy yêu cầu khóa thiết bị (button Đồng ý enable khi NSD đã chọn chế độ khóa, tùy chế độ khóa mà NSD chọn, quảng cáo đang phát trên thiết bị đó sẽ tiếp tục phát hoặc dừng; đồng thời các tài khoản không thể book quảng cáo hay thêm media trên thiết bị đó được nữa).
• Sau khi khóa thiết bị thành công, hệ thống gửi mail thông báo đến tài khoản quản lý chi nhánh chứa thiết bị bị khóa (cả 2 trường hợp khóa).
Mô tả Chức năng này cho phép NSD thực hiện thêm/sửa/xóa media trên từng thiết bị.
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
Bảng 2.1: Kịch bản CSD thêm/sửa/xóa/khóa/mở khóa thiết bị 2.2.3.2. Kịch bản CSD Thêm/sửa/xóa media trên thiết bị
#UC2.2.3.2
Thêm/sửa/xóa media trên thiết bị Độ phức tạp:
Trung bình
Trần Thị Hồng Khuyên - K20HTTTB 20
Tác
nhân Chính •• Admin hệ thốngCửa hàng
Phụ Không
Tiền điều kiện • NSD đăng nhập vào hệ thống thành công.
• NSD click vào tab Quản lý thiết bị ÷ Thông tin thiết bị.
Hậu điều kiện
Thành
công • NSD thêm/sửa/xóa media trên thiết bị thành công.• Thiết bị nhận tín hiệu và hiển thị media đúng với màn hình
Thông tin thiết bị trên hệ thống.
Lỗi • Hệ thống thêm/sửa/xóa media trên thiết bị không thành công.
• Thiết bị không nhận được tín hiệu từ hệ thống, media hiển thị thực tế không thay đổi.
ĐẶC TẢ CHỨC NĂNG Luồng sự kiện chính
• Sửa media trên thiết bị:
- NSD thay đổi thời lượng phát cho từng media trên thiết bị (có 3 loại thời lượng hiển thị là 10s, 15s, 30s để NSD lựa chọn).
- Click Lưu thay đổi để lưu lại thông tin vừa chỉnh sửa. • Thêm media trên thiết bị:
Thêm trên từng thiết bị:
- NSD click button “Thêm media” trên màn hình Thông tin thiết bị ÷ hệ thống hiển thị popup thêm mới media cho thiết bị.
- NSD lựa chọn media và cài đặt thời lượng hiển thị cho từng media: đối với media dạng ảnh, có 3 loại slot hiển thị l0s, 15s, 30s; đối với media dạng video, mặc định thời lượng hiển thị bằng độ dài của video đó.
- Click “Thêm mới” để lưu thông tin media vừa thêm, click Hủy bỏ để hủy yêu cầu thêm mới media cho thiết bị.
Thêm trên nhiều thiết bị:
- NSD chọn tab Quản lý bộ sưu tập ÷ chọn những media muốn phát quảng cáo ÷
click button “Thêm vào thiết bị” ÷ hệ thống hiển thị màn hình Thêm media trên nhiều thiết bị.
tổng thời lượng phát theo thời gian NSD set cho từng media, nếu vượt quá thời lượng còn trống (thuộc 3 phút của cửa hàng), hiển thị nhãn cảnh báo: “Tổng thời lượng hiển thị đang vượt quá thời lượng trống!” và disable button Lưu.
- Sau khi hoàn tất set thời lượng, NSD click button Lọc -> hệ thống hiển thị danh sách các thiết bị còn trống đủ thời lượng đáp ứng nội dung media NSD vừa tạo
÷ NSD chọn các thiết bị theo nhu cầu ÷ click button Lưu để hoàn tất thêm media trên nhiều thiết bị, click Hủy để hủy bỏ tác vụ thêm media trên nhiều thiết bị.
• Xóa media trên thiết bị:
- NSD chọn checkbox bên cạnh những media muốn xóa khỏi thiết bị -> click icon xóa.
- Hệ thống hiển thị cảnh báo xóa media.
- NSD click Đồng ý để xác nhận xóa media khỏi thiết bị, click Hủy bỏ để hủy yêu cầu xóa media khỏi thiết bị.
Trần Thị Hồng Khuyên - K20HTTTB 21
#UC2.2.3.3
Thêm mới đơn hàng Độ phức tạp:
Cao
Mô tả Chức năng này cho phép NSD thực hiện thêm mới đơn hàng quảngcáo.
Tác
nhân Chính Cửa hàng
Phụ Không
Tiền điều kiện • NSD đăng nhập vào hệ thống thành công.
• NSD click vào tab Quản lý đơn hàng ÷ Tạo đơn quảng cáo.
Hậu điều kiện
Thành
công • NSD thêm mới đơn hàng thành công.
Lỗi • NSD thêm mới đơn hàng thất bại.
ĐẶC TẢ CHỨC NĂNG
Luồng sự kiện phát sinh
NSD thêm mới media hoặc chỉnh sửa thời lượng hiển thị của media vượt quá thời lượng còn trống của thiết bị ^ Hệ thống hiển thị nhãn cảnh báo “Tổng thời lượng media thêm mới đang vượt quá thời lượng slot trống, vui lòng chọn lại!”, đồng thời disable button “Thêm mới” và “Đồng ý”. NSD phải sửa lại media sao cho tổng thời lượng nhỏ hơn hoặc bằng thời lượng còn trống của thiết bị thì mới có thể thêm mới/chỉnh sửa media thành công.
Bảng 2.2: Kịch bản ca sử dụng thêm/sửa/xóa media trên thiết bị
Trần Thị Hồng Khuyên - K20HTTTB 22
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
Luồng sự kiện chính
Bước 1.1: Tìm kiếm cửa hàng
• NSD click chọn tab Quản lý đơn hàng ÷ Tạo đơn quảng cáo ÷ hệ thống hiển thị màn hình Tạo đơn quảng cáo.
• NSD nhập keyword tìm kiếm vào ô search box + combobox “Tên cửa hàng”. • NSD sổ droplist chọn tỉnh/thành phố, quận/huyện.
• NSD chọn khoảng thời gian và khung giờ trong mỗi ngày (chỉ được phép chọn ngày tương lai) để tìm kiếm cửa hàng có thiết bị phù hợp (Trường bắt buộc).
• NSD sổ droplist “Thứ hạng” để chọn rank (nếu NSD không nhập điều kiện tìm kiếm theo rank, mặc định hiển thị thiết bị thuộc tất cả các rank)
• NSD sổ multi select “Nhãn hàng” để lựa chọn nhãn hàng mà cửa hàng đang muốn quảng cáo (NSD chọn bao nhiêu nhãn hàng, phía dưới hiển thị tương ứng bấy nhiêu khung nhãn hàng con). NSD có thể chọn nhiều nhãn hàng con của mỗi nhãn hàng.
Bước 1.2: Tạo nội dung phát quảng cáo
NSD click Radio button “Chọn tập tin quảng cáo” hoặc “Ước lượng thời gian phát quảng cáo” (default click sẵn button “Chọn tập tin quảng cáo”) (Trường bắt buộc):
đơn mới enable)
• NSD click “Đặt đơn”, hệ thống ghi nhận tạo đơn hàng thành công, trừ điểm quy
đổi tương ứng với đơn hàng. Đơn hàng hiển thị trạng thaí Chờ xác nhận trên màn hình Quản lý đơn hàng của cửa hàng.
Khóa luận tốt nghiệp Xây dựng phân hệ quản lý quảng cáo trên hệ thống Ants Media
• TH1: Click “Chọn tập tin quảng cáo” ÷ “Thêm media” ÷ hệ thống show popup để NSD chọn media (đây là những media đã tải lên từ trước và có sẵn trong bộ sưu tập của cửa hàng).
- NSD chọn những media muốn phát quảng cáo và set thời lượng hiển thị cho media dạng ảnh.
- NSD click “Tiếp tục” (button này enable khi 0<tổng thời lượng media đã chọn<=10 phút) ÷ Hệ thống tắt popup và show những me⅛ vừa chọn lên màn hình Tạo đơn quảng cáo (Bên cạnh mỗi media đều có icon X để xóa bỏ media vừa chọn, NSD có thể thay đổi slot phát cho media dạng ảnh ngay trên màn hình này)
• TH2: Click “Ước lượng thời gian phát quảng cáo”, hệ thống hiển thị button “phút, giây” để NSD chọn.
• Trong cả 2 trường hợp trên, thời lượng tối đa cho phép ước lượng hoặc chọn media là 10 phút, nếu vượt quá 10 phút, hệ thống hiển thị nhãn cảnh báo “Thời lượng hiển thị tối đa của đơn hàng là 10 phút!”.
• Hệ thống tính ra tổng thời lượng phát quảng cáo ứng với thông tin đã nhập bên trên (TH1 hoặc TH2).
• NSD click “Lọc” ÷ hệ thống hiển thị danh sách các cửa hàng chứa thiết bị đáp ứng điều kiện tìm kiếm.
Bước 2: Tìm kiếm thiết bị và tạo khung giờ phát