Đây là mô tả
TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI ĐỒ ÁN TỐT NGHIỆP Website quản lý chuỗi võ đường Karate League Dojo NGUYỄN VĂN ƯỚC uoc.nv166995@sis.hust.edu.vn Ngành Cử nhân Công nghệ Chuyên ngành Công nghệ thông tin Giảng viên hướng dẫn: TS Vũ Thị Hương Giang Bộ môn: Viện: Công nghệ phần mềm Công nghệ thông tin – Truyền thông HÀ NỘI, 06/2020 Lời cam kết Họ tên sinh viên: Nguyễn Văn Ước Điện thoại liên lạc: 0375933684 Email: uocnv.soict.hust@gmail.com Lớp: CN CNTT K61 Hệ đào tạo: Cử nhân công nghệ Tôi – Nguyễn Văn Ước – cam kết Đồ án Tốt nghiệp (ĐATN) cơng trình nghiên cứu thân tơi hướng dẫn TS Vũ Thị Hương Giang Các kết nêu ĐATN trung thực, thành riêng tôi, không chép theo công trình khác Tất tham khảo ĐATN – bao gồm hình ảnh, bảng biểu, số liệu, câu từ trích dẫn – ghi rõ ràng đầy đủ nguồn gốc danh mục tài liệu tham khảo Tơi xin hồn tồn chịu trách nhiệm với dù chép vi phạm quy chế nhà trường Hà Nội, ngày tháng năm Tác giả ĐATN Họ tên sinh viên ii Lời cảm ơn “Cuộc sống cho bạn lựa chọn đường bạn Với tôi, chọn sống theo đam mê mình.” Câu nói châm ngơn sống kể từ bắt đầu bước sang tuổi trưởng thành - tuổi 18 Xuất phát học sinh chuyên lý lại đam mê lập trình Từ cậu học sinh chưa biết máy tính, tơi thầy Trung học dạy cho biết giải thuật, ngơn ngữ lập trình code Để từ đó, tơi lại u thích lập trình định chọn ngành Công nghệ thông tin ngành để gắn bó với quãng đời sinh viên nghiệp Trở thành sinh viên ngành Công nghệ thông tin Đại học Bách Khoa Hà Nội – trường danh tiếng bậc Việt Nam có lẽ duyên có lẽ may mắn Đến tơi nhớ in cảm giác tay cầm giấy báo nhập học bước qua cánh cổng Parabol để đến tòa C1 để đăng ký nhập học Cái cảm giác vui sướng, hồi hộp pha lẫn chút choáng ngợp đại rộng lớn trường mà gắn bó suốt qng đời sinh viên Thật khó để diễn tả xác đầy đủ hết cảm xúc tơi lúc đó! Ấy mà thấm bốn năm trơi qua, tơi khơng cịn cậu tân sinh viên non trẻ ngày mà bước bước cuối quãng đời sinh viên Bốn năm khoảng thời gian dài đủ để lại kỷ niệm phai nhạt Bách Khoa “Bách Khoa bạn gì?” Đây câu hỏi mà có lẽ khơng đếm có câu trả lời Bách Khoa có nét riêng, kỉ niệm riêng cảm nhận riêng Với tôi, Bách Khoa không ồn sôi Bách Khoa thí nghiệm vật lý tỉ mỉ số, đồ án phải thức thông đêm để kịp báo cáo, lần trượt học bổng khơng qua mơn Những nguyên lý chủ nghĩa Mác-Lênin, lần gào khản tiếng cổ vũ đội tuyển bóng đá trường, cảm giác lo lắng trước kỳ thi thở phào nhẹ nhõm xem điểm sảnh D3 rung động tuổi sinh viên Tất tạo nên Bách Khoa trọn vẹn tơi iii Để chặng đường dài đến thời điểm tại, không gửi lời tri ân đến thầy cô, cán nhân viên Trường Đại học Bách Khoa nói chung Viện Cơng nghệ thơng tin truyền thơng nói riêng giúp đỡ truyền đạt kiến thức chuyên môn kỹ làm việc để tơi hồn thiện thân tự tin vững bước đường nghiệp tới Đặc biệt, xin gửi lời cảm ơn chân thành đến TS Vũ Thị Hương Giang, giáo viên trực tiếp hướng dẫn đồ án tốt nghiệp Người hướng dẫn tơi nhiệt huyết tận tâm Cơ giúp tơi định hướng, chỉnh sửa hồn thiện đồ án tốt nghiệp cách tốt chu Tôi cảm thấy thực may mắn hướng dẫn làm đồ án tốt nghiệp Tôi xin cảm ơn anh Nguyễn Văn Hiệp, anh trai tôi, người dẫn dắt từ bước giúp đỡ giải vấn đề vướng mắc trình xây dựng đồ án Tôi xin cảm ơn thầy Trần Mạnh Dũng, chủ nhiệm võ đường Karate League Dojo, người ươm mầm cho ý tưởng đề tài này, giúp đỡ trao nhiều hội cho q trình tập luyện võ đường Tơi xin cảm ơn thành viên võ đường Karate Nông Nghiệp – K.L.D giúp đỡ tơi q trình đóng góp ý kiến, phản hồi lỗi để tơi kịp thời chỉnh sửa cải tiến Và đặc biệt, xin cảm ơn bạn Lê Anh Tuấn, Bùi Trần Phương Thảo, Lý Văn Dưỡng đồng hành giúp đỡ suốt năm đại học vừa qua Cảm ơn bạn nhiều! iv Tóm tắt Ngày nay, song song với việc phát triển nhanh chóng công ty số lượng quy mơ nhu cầu quảng bá hình ảnh quản lý lớn Có nhiều cách để đáp ứng nhu cầu nói chạy quảng cáo Facebook, Youtube, phát tờ rơi, quản lý giấy tờ hay ứng dụng offline….Tuy nhiên, thời đại internet phát triển ngày việc có website riêng điều tối ưu cần thiết Hiện tại, võ đường Karate League Dojo quản lý thứ giấy tờ quảng bá hình ảnh Facebook, Youtube với sở lại có trang Facebook riêng, điều làm cho việc quản lý bị phân mảnh khó kiểm sốt Quy trình đăng ký tập luyện hạn chế, võ sinh muốn đăng ký khơng tìm thấy thơng tin quy trình đăng ký chương trình khuyến mại ưu đãi Võ sinh tập luyện không nắm bắt thông tin cá nhân lịch sử nộp học phí, thành tích thi đấu cá nhân, điểm thi… Website quản lý chuỗi võ đường Karate League Dojo giúp quảng bá hình ảnh, thơng tin sở tập trung khơng riêng rẽ, cung cấp cách nhìn tổng quan chuỗi võ đường, giúp việc tìm kiếm thơng tin, tài liệu tập luyện dễ dàng Quy trình đăng ký tập luyện rõ ràng, thuận tiện Giúp võ sinh nắm bắt thông tin cá nhân Cung cấp chức quản lý tập trung, hạn chế rủi ro sai sót việc quản lý giấy tờ truyền thống Ngoài bổ sung chức nên có hệ thống tập luyện, giảng dạy đăng ký mượn phòng, xếp hạng thi đua rèn luyện, tích hợp việc nộp phí online Về vấn đề xây dựng website, có nhiều hướng để phát triển với nhiều ngôn ngữ khác C#, Java hay PHP… framework đa dạng khác Trong khn khổ ĐATN, tơi trình bày vấn đề xây dựng website ngôn ngữ PHP framework Laravel, ngôn ngữ phổ biến nhiều lập trình viên lựa chọn tiện lợi, dễ dàng sử dụng cộng đồng hỗ trợ phát triển mạnh mẽ ĐATN cung cấp cách đầy đủ quy trình phát triển website cụ thể từ bước thiết bước triển khai thực tế Website triển khai thử nghiệm sở Karate Nông Nghiệp – K.L.D Học viện Nông nghiệp Việt Nam hệ thống Karate League Dojo với số lượng người dùng tham gia thử nghiệm, đóng góp phản hồi khoảng 50 người Kết bước đầu chạy thử nghiệm tháng đầu có khoảng 90% người dùng phản hồi tốt cho chức website Ngồi có góp ý chỉnh sửa chủ yếu giao diện người sử dụng v Mục lục Lời cam kết ii Lời cảm ơn iii Tóm tắt .v Mục lục vi Danh mục hình vẽ x Danh mục bảng xii Danh mục từ viết tắt xiii Danh mục thuật ngữ xiv Chương Giới thiệu đề tài .1 1.1 Đặt vấn đề 1.2 Mục tiêu phạm vi đề tài 1.3 Định hướng giải pháp 1.4 Bố cục đồ án Chương Khảo sát phân tích yêu cầu .5 2.1 Khảo sát trạng 2.2 Tổng quan chức 2.2.1 Biểu đồ use case tổng quan 2.2.2 Biểu đồ use case phân rã Quản lý phòng tập 2.2.3 Biểu đồ use case phân rã Quản lý kiện 10 2.2.4 Biểu đồ use case phân rã Quản lý học phí 11 2.2.5 Biểu đồ use case phân rã Quản lý sở liệu 12 vi 2.2.6 Biểu đồ use case phân rã Cấu hình ứng dụng 12 2.3 Đặc tả chức 12 2.3.1 Đặc tả use case Đăng ký mượn phòng tập: 12 2.3.2 Đặc tả use case Xác nhận lịch mượn phòng: 13 2.3.3 Đặc tả use case Sửa thời gian hoạt động: 14 2.3.4 Đặc tả use case Thêm lịch sử học phí: 15 2.3.5 Đặc tả use case Nộp học phí online: 16 Chương Công nghệ sử dụng 18 3.1 Cổng toán điện tử Momo (MoMo Payment Platform API) 18 3.1.1 Phương thức toán 18 3.1.2 Quy trình tích hợp 18 3.1.3 Thơng tin cấu hình để kết nối với MoMo API 19 3.1.4 Bảo mật 19 3.2 Open Server Panel 19 3.2.1 Yêu cầu hệ thống 20 3.2.2 Cài đặt 20 3.2.3 Sử dụng 20 3.3 Laravel 22 3.3.1 Laravel gì? 22 3.3.2 Tại nên sử dụng Laravel? 23 3.3.3 Yêu cầu server 26 3.3.4 Cài đặt 26 3.4 Voyager – The Missing Laravel Admin 27 3.4.1 Yêu cầu 27 3.4.2 Cài đặt 27 3.5 Các thư viện khác 29 Chương Phát triển triển khai ứng dụng .30 vii 4.1 Thiết kế kiến trúc 30 4.1.1 Lựa chọn kiến trúc phần mềm 30 4.1.2 Thiết kế tổng quan 32 4.1.3 Thiết kế chi tiết gói 32 4.2 Thiết kế chi tiết 37 4.2.1 Thiết kế giao diện 37 4.2.2 Thiết kế lớp 41 4.2.3 Thiết kế sở liệu 47 4.3 Xây dựng ứng dụng 53 4.3.1 Thư viện công cụ sử dụng 53 4.3.2 Kết đạt 55 4.3.3 Minh hoạ chức 55 4.4 Kiểm thử 59 4.4.1 Các kịch kiểm thử 59 4.4.2 Kiểm thử hộp đen 59 4.4.3 Kiểm thử hiệu 61 4.4.4 Tổng kết kiểm thử 62 4.5 Triển khai 63 4.5.1 Mơ hình kiến trúc dịch vụ hệ thống 63 4.5.2 Web Server 63 4.5.3 Cài đặt môi trường 69 4.5.4 Triển khai ứng dụng 70 Chương Các giải pháp đóng góp bật .74 5.1 Chức quản lý học phí 74 5.1.1 Mã giảm giá 74 5.1.2 Ưu đãi mặc định 75 5.1.3 Chính sách học phí 76 5.1.4 Quản lý nộp học phí 78 viii 5.1.5 Nộp học phí online 80 5.2 Tính điểm rèn luyện xếp hạng thi đua 82 5.3 Chức mượn phòng tập 86 5.4 Online hóa giấy tờ, biểu mẫu 88 5.5 Thiết kế trang video giống Youtube 89 5.6 Chức bình luận 93 Chương Kết luận hướng phát triển .96 6.1 Kết luận 96 6.2 Hướng phát triển 96 Tài liệu tham khảo 97 ix Danh mục hình vẽ Hình Biểu đồ usecase tổng quan Hình Biểu đồ phân rã usecase Book phòng tập Hình Biểu đồ usecase phân rã Quản lý kiện 10 Hình Biểu đồ usecase phân rã Quản lý học phí 11 Hình Biểu đồ usecase phân rã Quản lý sở liệu 12 Hình Biểu đồ usecase phân rã Cấu hình ứng dụng 12 Hình Biểu đồ số lượng Github Laravel framework khác 23 Hình Biểu đồ 15 framework miễn phí tốt năm 2015 24 Hình So sánh code sử dụng Blade Laravel code PHP thông thường 25 Hình 10 Mơ hình kiến trúc MVC 30 Hình 11 Sơ đồ vòng đời request 31 Hình 12 Biểu đồ gói tổng quan 32 Hình 13 Biểu đồ thiết kế gói Core Service 33 Hình 14 Biểu đồ thiết kế gói User 34 Hình 15 Biểu đồ thiết kế gói Media 34 Hình 16 Biểu đồ thiết kế gói Tuition 35 Hình 17 Biểu đồ thiết kế gói Point Training 36 Hình 18 Biểu đồ thiết kế gói Room 37 Hình 19 Các kích thước hình điện thoại tối ưu hiển thị 38 Hình 20 Các kích thước hình máy tính bảng tối ưu hiển thị 38 Hình 21 Vị trí thơng điệp phản hồi thơng báo với hình tiêu chuẩn 39 x Số buổi nghỉ Để thuận tiện cho việc nhập điểm thi, thay phải thêm ghi thời gian, ứng dụng cho phép nhập điểm theo danh sách từ file excel Hình thức tích lũy điểm rèn luyện: Như trình bày trên, điểm rèn luyện tích lũy chủ yếu qua hoạt động mà võ sinh tham gia Và để tích lũy điểm đó, võ sinh cần minh chứng tham gia kiện Do đó, võ sinh cần tạo đơn đăng ký xác nhận kiện tham gia quản lý, lớp trưởng người xác thực điều Các kiện xác minh tính vào điểm rèn luyện Kết quả: Bảng xếp hạng tổng hiển thị trang chủ Các thơng tin thành tích, kiện, điểm rèn luyện thứ hạng võ sinh hiển thị trang cá nhân võ sinh để võ sinh dễ dàng nắm tiếp tục cố gắng phấn đấu 83 84 85 5.3 Chức mượn phịng tập Trong q trình tập luyện, vấn đề võ sinh gặp phải muốn mượn phòng tập để tập luyện thêm chuẩn bị cho kỳ thi thi đấu người quản lý phòng tập lại khơng có mặt phịng tập, cần có chức cho phép võ sinh đăng ký mượn phòng để thuận tiện Cần quản lý thời gian hoạt động phịng, tính thời gian trống phịng tập, từ tìm phịng phù hợp với nhu cầu võ sinh, kiểm soát lịch mượn phòng thay đổi thời gian hoạt động Võ sinh cần quan tâm khoảng thời gian muốn tập có phịng sở cụ thể trống để đăng ký mượn Khi có đăng ký mượn phòng, quản lý xác nhận từ chối để từ xếp phịng chuẩn bị cho võ sinh Đầu vào: Thơng tin phịng, thời gian hoạt động, sở muốn mượn phòng, khoảng thời gian mượn Đầu ra: Lịch mượn phòng trạng thái chờ xác nhận, thông báo đến người quản lý để tiến hành xác nhận Quy trình xử lý đăng ký mượn phịng: Nhập thơng tin ngày mượn, khoảng thời gian mượn, sở tập luyện Kiểm tra ngày mượn (không khứ) Nếu bỏ trống khoảng thời gian mượn: Tìm tất phịng có khoảng thời gian trống ngày hơm Nếu có khoảng thời gian cụ thể muốn mượn: Tìm tất phịng có khoảng thời gian trống phù hợp với khoảng thời gian đăng ký ngày hôm Xử lý tìm khoảng thời gian trống: Tổng hợp tất lịch mượn phịng ngày hơm xác nhận Ghép khoảng thời gian với thời gian hoạt động phòng để lấy khoảng thời gian dư Trả kết tìm kiếm cho võ sinh 86 Chọn phòng muốn đăng ký Điều chỉnh lại thời gian, nhập thêm ghi lý mượn… Gửi thông báo cho quản lý yêu cầu xác nhận Quy trình xử lý xác nhận đăng ký mượn phòng: Nếu xác nhận: Kiểm tra thời gian đăng ký có phù hợp với thời gian trống phòng Nếu hợp lệ cập nhật trạng thái chấp nhận cho đăng ký Gửi email thông báo đến võ sinh Nếu từ chối: Nhập lý từ chối Cập nhật trạng thái từ chối cho đăng ký Gửi email thơng báo đến võ sinh Quy trình xử lý thay đổi thời gian hoạt động phòng tập: Tìm tất lịch mượn phịng đăng ký vào ngày tuần sau Kiểm tra thời gian đăng ký với thời gian hoạt động Nếu không phù hợp: Cập nhật lý từ chối “Thời gian hoạt động phòng thay đổi” Cập nhật trạng thái từ chối cho đăng ký Gửi email thông báo đến võ sinh Kết quả: Các đăng ký mượn phịng gửi thơng báo đến quản lý để xác nhận, tình trạng đăng ký gửi thơng báo lại cho võ sinh sau 87 5.4 Online hóa giấy tờ, biểu mẫu Để thuận tiện việc cấp chứng chỉ, loại giấy tờ, biểu mẫu liên quan đến thông tin võ sinh Một website quản lý cần có chức xuất biểu mẫu giấy tờ Đầu vào: Võ sinh, thông tin khác tùy vào loại giấy tờ, biểu mẫu Đầu ra: Các file tài liệu định dạng ảnh pdf cho phép in website tùy vào loại giấy tờ, biểu mẫu Quy trình xử lý: Chọn loại biểu mẫu muốn xuất Nhập thông tin cần thiết Hiện thị thay đổi giao diện website (Xem trước tài liệu với thay đổi mới) 88 Xuất biểu mẫu Kết quả: 5.5 Thiết kế trang video giống Youtube Một website với mục đích quảng bá hình ảnh trang video phần quan trọng, đặc biệt website hệ thống giảng dạy Để người dùng khác võ sinh thuận tiện dễ sử dụng thiết kế gia diện gần giống với ứng dụng video phổ biến Youtube Vấn đề đặt cần lưu trữ video mà dung lượng nhớ server có hạn nhu cầu đăng tải video không giới hạn Để giải vấn đề này, lựa 89 chọn phương pháp đăng tải video lên Youtube sau đồng liệu website thơng qua API Youtube v3 Các playlist Youtube website hoàn tồn độc lập, quản lý website tạo playlist riêng website Để thêm video vào website, người dùng cần dán đường dẫn video Youtube bổ sung vài thông tin khác từ khóa cho video, danh sách muốn thêm video (nếu muốn), trạng thái phát hành, đánh dấu video đặc sắc mô tả cho SEO…Để tránh trường hợp trình dán đường dẫn bị sai tượng trùng lặp video, thiết kế để người dùng phải bấm nút kiểm tra để tiến hành lấy thông tin video trước ô nhập đường dẫn video bị thay đổi Khi thông tin đường dẫn xác hiển thị thơng tin video để người dùng tiếp tục Trước lưu vào CSDL đối chiếu ID Youtube video với video khác CSDL thơng báo phát trùng lặp Cũng để thuận tiện việc thêm video vào playlist chưa có, thay việc người dùng phải vào trang quản lý playlist, thêm quay trở lại trang quản lý video thực lại, tơi thêm tích hợp thêm tính thêm playlist phần 90 Tuy nhiên, thông tin video Youtube số lượt thích, số lượt xem, nội dung mơ tả,… thay đổi thường xun, cần có chức đồng liệu cho tất video CSDL hình sau 91 Đó phần quản lý lưu trữ, phía người dùng, tơi cố gắng thiết kế trang video cho website theo hướng Youtube Trang video chia thành trang trang tổng hợp trang chi tiết Trang tổng hợp bao gồm video đặc sắc tự động phát truy cập trang, tiếp kênh youtube karate tiếng giúp người dùng võ sinh tham khảo thêm nội dung Các video võ đường tổng hợp thành playlist phần Cuối danh sách tất video võ đường Đối với trang chi tiết video bao gồm video tự động phát truy cập trang thơng tin video đó, phần bình luận Youtube từ website, phần bình luận hồn toàn độc lập, danh sách video playlist với video có (phần thu gọn giao diện thiết bị di động với kích thước chiều ngang nhỏ) tự động chuyển sang video video kết thúc, bật/tắt tính 92 này, danh sách video khác (phần ẩn giao diện thiết bị di động với kích thước chiều ngang nhỏ) 5.6 Chức bình luận Đối với trang tin tức, ngồi việc cung cấp viết chất lượng với thông tin giao diện dễ nhìn làm bật nội dung viết bình luận chức khơng thể thiếu Để có phần bình luận tối ưu khơng thể khơng nhắc đến chức bình luận Facebook Facebook hỗ trợ tích hợp tính vào website Tuy nhiên sử dụng 93 API Facebook cần quản lý thêm trang quản lý bình luận khơng thể kiểm soát tốt so với việc tự tạo lưu vào CSDL website Để tạo chức bình luận giống Facebook, sử dụng thư viện hỗ trợ tính bình luận Ưu điểm thư viện thiết kế theo dạng module nên tích hợp vào trang muốn, nhiên thư viện ban đầu có giao diện khơng bắt mắt, thơ sơ, cho phép sửa, phản hồi bình luận, xóa thêm bình luận dạng markdown Tuy nhiên chức yêu cầu phải tải lại trang sau thao tác khơng có thơng báo tương tác người dùng với Do đó, để tối ưu tơi chỉnh sửa lại giao diện, thêm tính thích, bỏ thích xem người thích bình luận Tiếp đó, tơi thêm chức thêm biểu tượng cảm xúc nhập bình luận, sử dụng Jquery để xử lý thao tác mà không cần tải lại trang thêm hệ thống thông báo thời gian thực, tạo tương tác người dùng thời gian thực Đảm bảo cách tương đối tính chức bình luận Facebook 94 95 Chương Kết luận hướng phát triển 6.1 Kết luận Sau gần tháng thực ĐATN hướng dẫn tận tình chi tiết Ths Vũ Thị Hương Giang, sản phẩm tương đối hoàn thiện với đầy đủ mã nguồn tài liệu kỹ thuật kèm theo, đảm bảo chất lượng tương đương với website quản lý khác thị trường Mặt khác, sản phẩm giải vấn đề quản lý online cho hệ thống giảng dạy võ thuật nói riêng hệ thống tập luyện nói chung, có tính ứng dụng cao thực tế Trong suốt trình thực ĐATN, tơi ln cố gắng tìm hiểu thiết kế, phát triển quy trình nghiệp vụ cách hợp lý nhất, từ hồn thiện chức thuận tiện cho người sử dụng Tuy nhiên, giới hạn ĐATN thời gian thực nên sản phẩm tồn số hạn chế định hiệu giao diện người chưa tối ưu hiệu quả, cho phép tải lên tài liệu dạng pdf, số chức chưa hoàn thiện triệt để 6.2 Hướng phát triển Như trình bày phần trên, sản phẩm tồn số hạn chế Do đó, để hồn thiện sản phẩm mình, dự kiến phát triển tương lai bao gồm: (i) Tối ưu hóa code, truy vấn CSDL cải thiện hiệu năng, tốc độ phản hồi ứng dụng, (ii) Thêm tính đăng nhập tài khoản mạng xã hội (society login), (iii) Thêm tính đánh giá chất lượng, bình phẩm sở tập luyện, (iv) Bổ sung tính thơng báo qua tin nhắn SMS cho hệ thống thông báo ứng dụng 96 Tài liệu tham khảo Tài liệu tham khảo từ Internet: [1] Dao Quang Huy, Giới thiệu Laravel, https://viblo.asia/p/gioi-thieu-ve-laravel924lJrnzlPM, lần truy cập cuối 19/06/2020 [2] Thao Le, Hướng dẫn tối ưu Laravel cho lập trình viên, https://topdev.vn/blog/huongdan-toi-uu-laravel-cho-lap-trinh-vien/, lần truy cập cuối 19/06/2020 [3] Thao Le, Hướng dẫn tối ưu Laravel cho lập trình viên, https://topdev.vn/blog/huongdan-toi-uu-laravel-cho-lap-trinh-vien/, lần truy cập cuối 19/06/2020 [4] Laravel LLC, Laravel Documentation, https://laravel.com/docs, lần truy cập cuối 19/06/2020 [5] The Control Group, Voyager Documentation, https://voyager-docs.devdojo.com/, lần truy cập cuối 19/06/2020 97