Tóm tắt Đồ án tốt nghiệp Công nghệ thông tin: Xây dựng website hỗ trợ tìm kiếm giấy tờ thất lạc sử dụng Framework Vue.JS

TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÔNG TIN HỮU NGHỊ VIỆT - HÀN KHOA CÔNG NGHỆ THÔNG TIN  XÂY DỰNG WEBSITE HỖ TRỢ TÌM KIẾM GIẤY TỜ THẤT LẠC SỬ DỤNG FRAMEWORK VUE.JS TÓM TẮT ĐỒ ÁN TỐT NGHIỆP NGÀNH: CƠNG NGHỆ THƠNG TIN NIÊN KHĨA: 2016 - 2019 HSSV : Lê Văn Tấn Lin Mã HSSV : CCCT16B010 CBHD : TS Lê Tân Đà Nẵng, 06/2019 MỞ ĐẦU Nếu ngày bất cẩn, bạn làm loại giấy tờ tùy thân quan trọng ví dụ chứng minh nhân dân, giấy phép lái xe, bảo hiểm y tế,…Thì lúc bạn làm nào??? Chắc có lẽ bạn phải nhiều thời gian để đăng tin trang mạng xã hội cầu mong cho nhặt nói cho bạn biết để bạn xin lại giấy tờ tùy thân mình.Nhưng hội vơ thấp, đất nước Việt Nam có 90 triệu người với 50 triệu tài khoản (theo thống kê số tài khoản Facenbook năm 2017- facebook mạng xã hội lớn nay.)thì hội họ nhìn thấy tin đăng giấy tờ thất lạc cực kì thấp Nếu bạn chưa tìm giấy tờ thất lạc thơng qua việc đăng thông tin trang mạng xã hội, chắn đa số người làm thất lạc giấy tờ phải thực việc xin cấp lại giấy tờ quan tổ chức có thẩm quyền.Điều mang đến cho họ tốn lớn, họ phải nhiều thời gian để làm lại thủ tục xin cấp lại giấy tờ nhiều chi phí phát sinh để làm việc đó.Chưa kể bạn phải cơng việc phút bất cẩn cho thân Chính điều đó, tơi nghiên cứu xây dựng webside “HỖ TRỢ TÌM KIẾM GIẤY TỜ THẤT LẠC”.Giúp cho người nhặt người tìm thấy để trao đổi thơng tin giấy tờ thất lạc.Người nhặt đăng tin tức lên webside, người làm đồng thời lên webside để tìm kiếm giấy tờ thất lạc mình.Và mục đích cuối tơi muốn giúp cho xã hội tốt đẹp hơn, giúp cho sống người cảm thấy dễ dàng tiện lợi Lý chọn đề tài Mỗi người chắn làm thất lạc đời có khơng nào???Bạn làm sách giáo khoa, thướt kẻ hay bút…Rồi sau nhà tỉ tê xin mẹ tiền mua lại vật dụng đó.Chúng ta người ,bất cẩn tính chúng ta, mà khơng đời mà chưa làm thứ Ngày nay, bộn bề sống, nhiều người vơ tình làm thất lạc loại giấy tờ tùy thân đường, nhà vệ sinh trung tâm thương mại.Việc làm loại giấy tờ gây cho khơng phiền phức.Lấy ví dụ dễ thấy : làm giấy chứng minh nhân dân thân, Thì khơng thể làm số thủ tục bệnh viện bị ốm hay quan nhà nước làm loại giấy tờ chẳng hạn làm giấy phép xây dựng chẳng hạn.Để xin cấp lại loại giấy tờ phải tốn nhiều thời gian cơng sức chí tiền của.Việc làm gây nhiều phiền toái cho Mà người nhặt giấy tờ lại khó tìm người nhiều tình người làm rơi giấy tờ du lịch việc người nhặt loại giấy tờ người nhìn thấy vơ thấp Chính điều mà nghiên cứu phát triển website hỗ trợ việc tìm lại giấy tờ thất lạc cho người thông qua việc kết nối người người nhặt lại với nhau.Và với nguyện vọng đem kiến thức học tạo nên sản phẩm để phục vụ cộng đồng, giúp cho sống người thuận lợi dễ dàng hơn.Từ giúp cho sống người nâng cao, khuyển khích người làm việc tốt, sống người trở nên tốt đẹp Mục tiêu nhiệm vụ nghiên cứu - Tìm hiểu quy trình chia sẻ thơng tin giấy tờ thất lạc - Tìm hiểu ngơn ngữ lập trình C# Đối tƣợng phạm vi nghiên cứu - Nghiên cứu ngơn ngữ lập trình C# - Tìm hiểu nghiên cứu Freamword vue.js - Nghiên cứu quy trình thói quen đánh rơi giấy tờ người dùng Phƣơng pháp nghiên cứu Tìm hiểu phân tích tài liệu mạng Dự kiến kết Xây dựng hoàn thiện trang web hỗ trợ tìm kiếm giấy tờ thất lạc Ý nghĩa khoa học ý nghĩa thực tiễn - Ý nghĩa khoa học Kết nghiên cứu đề tài góp phần nâng cao nhận thức, khả thu thập thơng tin, phân tích u cầu người dùng để xây dựng trang web hoàn chỉnh Bước đầu tiếp cận ngơn ngữ lập trình để xây dựng trang web - Ý nghĩa thực tiễn Trang web giúp cho người thất lạc giấy tờ dễ dàng tiếp cận người nhặt giấy tờ đó, từ nâng cao nghĩa tình người xã hội ngày nay, Ngoài nội dung Phần mở đầu, kết luận, tài liệu tham khảo nội dung đồ án gồm chương sau: CHƢƠNG CƠ SỞ LÍ THUYẾT 1.1 Ý TƢỞNG ĐỂ XÂY DỰNG TRANG WEB “HỖ TRỢ TÌM KIẾM GIẤY TỜ THẤT LẠC” Ngày nay, bộn bề sống, nhiều người vơ tình làm thất lạc loại giấy tờ tùy thân đường, nhà vệ sinh trung tâm thương mại.Việc làm loại giấy tờ gây cho khơng phiền phức.Lấy ví dụ dễ thấy là: làm giấy chứng minh nhân dân thân, Thì khơng thể làm số thủ tục bệnh viện bị ốm hay quan nhà nước làm loại giấy tờ chẳng hạn làm giấy phép xây dựng chẳng hạn.Để xin cấp lại loại giấy tờ phải tốn nhiều thời gian cơng sức chí tiền của.Việc làm gây nhiều phiền tối cho Hình 1.1 Người làm giấy tờ khổ sở tìm giấy tờ qua tờ rơi Mà người nhặt giấy tờ lại khó tìm người nhiều tình người làm rơi giấy tờ du lịch việc người nhặt loại giấy tờ người nhìn thấy vơ thấp Chính điều mà tơi nghiên cứu phát triển website hỗ trợ việc tìm lại giấy tờ thất lạc cho người thông qua việc kết nối người người nhặt lại với nhau.Và với nguyện vọng đem kiến thức học tạo nên sản phẩm để phục vụ cộng đồng, giúp cho sống người thuận lợi dễ dàng hơn.Từ giúp cho sống người nâng cao, khuyển khích người làm việc tốt, sống người trở nên tốt đẹp 1.2 MỤC ĐÍCH VÀ NHỮNG MỤC TIÊU CẦN ĐẠT ĐƢỢC KHI XÂY DỰNG TRANG WEB “HỖ TRỢ TÌM KIẾM GIẤY TỜ THẤT LẠC” 1.2.1 Mục đích 1.2.2 Những mục tiêu cần đạt đƣợc xây dựng trang web “hỗ trợ tìm kiếm giấy tờ thất lạc” 1.3 VUE.JS – FREAMWORD SỐ HỖ TRỢ XÂY DỰNG GIAO DIỆN NGƢỜI DÙNG CỦA WEBSITE 1.3.1 Lịch sử phát triển 1.3.2 Kiến thức vue.js 1.3.2.1 Đối tƣợng Vue 1.3.2.2 Dữ liệu phƣơng thức 1.3.2.3 Vòng đời đối tƣợng 1.3.2.4 Các thƣ viện hỗ trợ 1.3.2.5 Thƣ viện Vue-router 1.3.2.6 Thƣ viện Vuex 1.3.2.7 Thƣ viện Vuex 1.4 MỘT SỐ CÔNG NGHỆ KHÁC ĐƢỢC ÁP DỤNG ĐỂ XÂY DỰNG WEBSITE HỖ TRỢ TÌM KIẾM GIẤY TỜ THẤT LẠC 1.4.1 HTML/CSS 1.4.1.1 Khái niệm 1.4.1.2 Tác dụng 1.4.2 Thƣ viện bootstrap 1.4.2.1 Khái niệm 1.4.2.2 Tác dụng 1.4.2.3 Lịch sử hình thành Bootstrap 1.4.2.4 Vì bạn nên sử dụng Bootstrap ? 1.4.2.5 Sử dụng Bootstrap có phải tốn phí khơng ? 1.4.2.6 Các dịch Bootstrap 1.4.2.7 Những điểm mạnh Bootstrap 1.4.3 Ngôn ngữ C# 1.4.3.1 Khái niệm 1.4.3.2 Mục tiêu phát triển C# 1.4.3.3 Đặc trưng C# 1.4.4 Mơ hình MVC 1.4.4.1 Khái niệm 1.4.4.2 Các thành phần MVC 1.4.4.3 MVC làm việc nào? 1.4.4.4 Ưu nhược điểm mơ hình MVC CHƢƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 ĐẶC TẢ CHƢƠNG TRÌNH Mọi người vào trang web để đăng tìm kiếm giấy tờ mà khơng cần phải đăng kí tài khoản hệ thống Người nhặt giấy tờ cần phải khai báo số thơng tin như: Họ tên, giới tính, q qn, số điện thoại, loại giấy tờ nhặt được, ngày nhặt được, vị trí mà người nhặt được: xã, huyện, tỉnh, Bang tin viết ghi cần thiết Người làm rơi giấy tờ lên web tìm kiếm giấy tờ cách tìm kiếm theo liệu sau: tìm kiếm theo loại giấy tờ, tìm kiếm theo thời gian đánh tìm kiếm theo địa điểm đánh rơi Dang tin tim chinh chu Nguoi Su Dung Ngoài người nhặt người làm giấy tờ cịn theo dõi bảng tin qua mục trang chủ cập nhật hang để dễ dàng tìm thấy ĐẶC TẢ CÁC TRƢỜNG HỢP SỬTim DỤNG kiem nhanh giay to 2.2.1 Yêu cầu chức 2.2 2.2.2 u cầu phi chức 2.3 MƠ HÌNH HĨA CHỨC NĂNG 2.3.1 Xác định tác nhân Nguoi Su Dung Nguoi Quan Li He Thong Hình 2.1 Hai tác nhân tác động đến hệ thống 2.3.2 Xác định ca sử dụng hệ thống Tin tuc Dong he thong Dang tin tim chinh chu Mo he thong Nguoi Su Dung Nguoi Quan Li He Thong Tim kiem nhanh giay to Update he thong Chia se thong tin len mang xa hoi Hình 2.2 Biểu đồ ca sử dụng 2.3.3 Biểu đồ hoạt động 2.3.3.1 Biểu đồ hoạt động xem tin tức Hình 2.3 Biểu đồ hoạt động xem tin tức 2.3.3.2 Biểu đồ hoạt động đăng tin tìm chủ Hình 2.4 Biểu đồ hoạt động đăng tin tìm chủ 2.3.3.3 Biểu đồ hoạt động tìm kiếm nhanh giấy tờ Hình 2.5 Biểu đồ hoạt động tìm kiếm nhanh giấy tờ 2.3.3.4 Biểu đồ hoạt động chia sẻ thơng tin lên mạng xã hội Hình 2.6 Biểu đồ hoạt động chia sẻ thông tin lên mạng xã hội 2.3.4 Biểu đồ 2.3.4.1 Biểu đồ xem tin tức : Nguoi Su Dung : FrTinTuc : CtTinTuc : XaPhuongThiTran : QuanHuyen : TinhThanhPho : LoaiGiayTo : ThongTinNguoiN Xem tin tuc() Tin tuc() Lay TT XPT () Cap TT XPT () Lay TT QH () Cap TT QH () Lay TT TTP () Cap TT TTP () Lay TT LGT () Cap TT LGT() Lay TT NN () Cap TT NN () Loc TT can hien thi () Tra tin tuc () Hien thi noi dung tin tuc () Hình 2.7 Biểu đồ xem tin tức 2.3.4.2 Biểu đồ đăng tin tìm chủ : Nguoi Su Dung : CtDangTin : FrDangTin : XaPhuongThiTran : QuanHuyen : TinhThanhPho : LoaiGiayTo : ThongTinNguoiN Dang tin tim chinh chu () Dang Tin () Yeu cau nhap TT () Hien thi trang nhap TT () Nhap TT () Nhan TT() Luu TT XPT () Luu TT QH () Luu TT TTP () Luu TT LGT () Luu TT NN () Da luu () Thong bao dang tin cong () Hình 2.8 Biểu đồ đăng tin tìm chủ 10 2.3.4.3 Biểu đồ chia sẻ thông tin lên mạng xã hội : Nguoi Su Dung Chia se TT () : FrChiaSe : CtChiaSe Chia se TT () Lay lien ket den mang xa hoi () Hien thi trang mang xa hoi () Chon tai khoan chia se () Chon TK () Tra cuu TK () Xac nhan chia se () Dong y chia se TT voi Tk da chon () Chap nhan chia se () Thuc hien chia se () Chia se cong () Thong bao chia se cong () Hình 2.9 Biểu đồ chia sẻ thông tin lên mạng xã hội 2.3.5 Biểu đồ lớp Hình 2.10 Biểu đồ lớp chi tiết hệ thống 11 CHƢƠNG XÂY DỰNG WEBSITE HỖ TRỢ TÌM KIẾM GIẤY TỜ THẤT LẠC 3.1 GIỚI THIỆU WEBSITE 3.1.1 Đơi nét website “Hỗ trợ tìm kiếm giấy tờ thất lạc” 3.1.2 Cấu tạo website 3.1.2.1 Trang chủ Hình 3.2 Trang chủ website 3.1.2.2 Tìm chủ Hình 3.3 Trang chủ website 3.1.2.3 Tìm giấy tờ thất lạc Hình 3.4 Trang tìm kiếm giấy tờ thất lạc website 12 3.2 HƢỚNG DẪN CÁCH SỬ DỤNG WEBSITE “HỖ TRỢ TÌM KIẾM GIẤY TỜ THẤT LẠC” 3.2.1 Trang chủ trang web Hình 3.5 Giao diện trang chủ Hình 3.6 Giao diện đăng nhập chức chia sẻ thơng tin 3.2.2 Trang tìm chủ 13 Hình 3.7 Giao diện tìm chủ Hình 3.8 Hiển thị thông báo đăng thành công 3.2.3 Trang tìm giấy tờ thất lạc Hình 3.9 Giao diện tìm kiếm giấy tờ thất lạc Hình 3.10 Giao diện phần nhập liệu cho người dùng 14 Hình 3.11 Giao diện phần nhập hiển thị tin người dùng tìm kiếm Hình 3.12 Ví dụ kết tìm kiếm 3.3 GIẤY TỜ THẤT LẠC VÀ VẤN ĐỀ PHÁP LÍ 3.3.1 Về vấn đề trao đổi mua bán thơng tin cá nhân ngƣời khác 3.3.2 Về vấn đề đăng thông tin giả mạo để lừa đảo 15 KẾT LUẬN Bằng công sức sáng tạo , trang web chưa xuất sắc, tơi muốn cống hiến chút cho xã hội thông qua đồ án tôi, Chứ làm đồ án để qua môn, để lấy tốt nghiệp Thông qua đồ án chuyên đề lần tơi tự tìm tịi học hỏi nhiều kiến thức để vận dụng vào đồ án, thơng qua tơi biết VUE.JS freamword tuyệt vời linh động hỗ trợ tơi nhiều Ngồi tơi cịn gửi lời đến thầy Lợi tận tình giúp đỡ cho tơi suốt q trình mà tơi làm đồ án có chút thắc mắc hay khơng hiểu hỏi thầy cả.Và gửi lời cảm ơn đến anh Huấn – cựu sinh viên cơng nghệ thơng tin khóa 10 gợi ý cho làm đồ án từ VUE.JS đưa nhiều lời khuyên cho suốt trình làm đồ án Trong đồ án tốt nghiệp tiếp theo, tơi cố gắng hồn thiện trang web để thực nguyện vọng cống hiến sức cho xã hội làm cho xã hội tốt đẹp 16