Xây dựng website luyện thi TOEIC trực tuyến

LỜI NĨI ĐẦU Hiện nay, cơng nghệ tiên tiến phát triển ngày mạnh mẽ ứng dụng ngày nhiều vào lĩnh vực kinh tế, sản xuất đời sống thường nhật người Một điểm tiêu biểu việc phát triểncác công nghệ phải kể đến việc ứng dụng cơng nghệ thơng tin vào hầu khắp hoạt động Nhờ đó, cơng việc thực nhanh, xác đạt kết cao nhiều Đặc biệt, công tác quản lý, Công nghệ thông tin (CNTT) khẳng định mạnh rõ ràng ngày thay phương thức quản lý thủ công Việc ứng dụng CNTT mang lại bước đột phá cho cơng tác quản lý học tập cách xác Từ đó, người học đưa kế hoạch đắng, giảm chi phí tăng khả cạnh tranh, nâng cao kết Cùng với lý nêu trên, qua tìm hiểu nhóm đồ án biết việc ứng dụng công nghệ quản lý phần mềm cần thiết Do nhóm đề tài chọn thực đề tài “Website luyện thi toeic” để thực phân tích, thiết kế hệ thống quản lý website, qua phần nắm rõ quy trình xây dựng phát triển hệ thống thơng tin làm tiền đề cho việc xây dựng phát triển hệ thống tương tự Phần mềm xây dựng với định hướng giúp cho việc quản lý hoạt động kinh doanh Công ty chuyên kinh doanh thiết bị gia đình trở nên dễ dàng nhanh gọn hiệu Nhờ hướng dẫn tận tình thầy khoa suốt năm qua bước nghiên cứu vận dụng kiến thức học để xây dựng chương trình đáp ứng số yêu cầu trên, nhóm em xây dựng phát triển trang “Website luyện thi toeic” Tuy nhiên kiến thức hạn chế nên chương trình chắn khơng tránh thiếu sót, em mong góp ý Thầy Cơ để bước xây dựng chương trình hoàn thiện, hiệu người dùng Em xin trân thành cảm ơn Thầy, cô mơn khoa CNTT tạo điều kiện cho em hồn tốt đề tài thực tập chuyên nghành MỤC LỤC PHẦN I: MỞ ĐẦU Cơ sở khoa học thực tiễn đề tài Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, cơng nghệ thơng tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở thành công cụ thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Bằng Internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Lý chọn đề tài Ứng dụng công nghệ thông tin vào thực tiễn đời sống xã hội giảm thiểu sức lao động người, tăng hiệu học tập người Luyện thi tiếng Anh lĩnh vực quan tâm Trong phạm vi đồ án thực tập tốt nghiệp, chúng em lựa chọn đè tài “Xây dựng website luyện thi TOEIC trực tuyến” Nội dung đồ án vào việc tìm hiểu nghiệp vụ tốn luyện thi trắc nghiệm Chúng em phân tích thiết kế cho toán luyện thi trắ nghiệm đồng thời đưa cài đặt hệ thống luyện thi TOEIC Mục đích đề tài Hiểu sử dụng ngôn ngữ C# framework ASP.NET, có đối tượng, thuộc tính, phương thức,… Biết cách phân tích thiết kế hệ thống sở liệu SQL Server, sử dụng công cụ SQL Server 2014 để thiết kế Biết cách thao tác với web application framework ASP.NET, giúp cho client kết nối đến Nhiệm vụ đề tài Thiết kế phần mềm luyện thi cho trường học, sở giáo dục Giải tối ưu hóa q trình thi cử từ client hệ thống Đưa báo cáo, thống kê phân tích hợp lý Giúp cho bạn biết trình độ cần phải học Phương pháp nghiên cứu Do sản phẩm website nên chúng em áp dụng phương pháp nghiên cứu:    Khảo sát nhu cầu thực tế từ bạn sinh viên Tham khảo từ website: TOEIC ngày (toeicmoingay.com) Tham khảo từ website: TOEIC24.vn (toeic24.vn) Chương 1: TỔNG QUAN VỀ ASP.NET 1.1 Tổng quan ASP.NET ASP.NET tảng ứng dụng web (web application framework) phát triển cung cấp Microsoft, cho phép người lập trình tạo trang web động, ứng dụng web dịch vụ web Lần đưa thị trường vào tháng năm 2002 với phiên 1.0 của.NET framework, công nghệ nối tiếp Microsoft's Active Server Pages(ASP) ASP.NET biên dịch dạng Common Language Runtime (CLR), cho phép người lập trình viết mã ASP.NET với ngơn ngữ hỗ trợ bởi.NET language 1.2 Các website phổ biến xây dựng ASP.NET Một số website phổ biến sử dụng ASP.NET là: StackOverflow: StackOverflow có lẽ trang phổ biến giới lập trình viên tồn giới Bạn có vấn đề hay lỗi lập trình, bạn khơng biết hỏi hiệu quả, đơn giản đăng lên đây, hàng trăm nghìn mắt xem xét bạn giải vấn đề vài chục comment giải pháp Microsoft: Có lẽ khơng cần nhắc đến website nhiều, ASP.NET MVC Microsoft làm ra, khơng có lý khơng sử dụng Microsoft DELL: DELL nhà phân phối sản xuất laptop lớn giới thiệu Nền tảng ASP.NET MVC lựa chọn để xây dựng website DELL Visual Studio: Một sản phẩm quen thuộc, ASP.NET MVC tích hợp Visual Studio Microsoft sản xuất, hiển nhiên website Visual Studio xây dựng ASP.NET MVC cách tốt quảng bá thương hiệu Wild Tangent: Bạn muốn chơi game online, thử chơi hay mua trị chơi, đơn giản đến website này, có đủ loại trò chơi tảng khác Desktop, Mobile,… Diply.com: Nếu bạn vào trang này, thử nghiệm loanh quanh, bạn cấu trúc controller, action Category/Inspirational quen quen ASP.MVC sử dụng ASP.NET MVC 1.3 Tìm hiểu sâu ASP.NET MVC Mở đầu ASP.NET MVC Những yêu thích lập trình web sử dụng cơng nghệ ASP.NET Microsoft chắn điều phải biết đến Webform, công nghệ cũ Microsoft giúp lập trình web Tuy nhiên với cơng nghệ ASP.Net webform có nhiều nhược điểm nhược điểm đáng ý giao diện webform phải sử dụng toolbox sẵn có, linh hoạt việc điều khiển giao diện Vì vậy, “ơng lớn” Microsoft cho đời công nghệ lập trình web ASP.Net MVC với nhiều ưu điểm Bắt đầu với ASP.NET MVC Mẫu kiến trúc Model – View – Controller sử dụng nhằm chi ứng dụng thành ba thành phần chính: model, view controller Nền tảng ASP.NET MVC giúp cho tạo ứng dụng web áp dụng mô hình MVC thay tạo ứng dụng theo mẫu ASP.NET Web Forsm Nền tảng ASP.NET MVC có đặc điểm bật nhẹ (lighweigt), dễ kiểm thử phần giao diện (so với ứng dụng Web Forms), tích hợp tính có sẵn ASP.NET Nền tảng ASP.NET MVC định nghĩa namespace System.Web.Mvc phần name space System.Web ASP.NET phác thảo lại từ số khơng, thay đổi tận gốc rễ phát triển phù hợp với yêu cầu vạch hướng vững cho tương lai tin học Lý Microsoft q chán nản việc thêm thắt kết hợp cơng cụ vào kiểu mẫu lập trình hay thiết kế mạng theo kiểu cổ điển nên Microsoft nghĩ tốt nên làm kiểu mẫu hoàn tồn thay vá víu chỗ chỗ vào ASP Đó chưa kể tới nhiều phát minh đời sau dựa khái niệm mẻ theo xu hướng phát triển công nghệ tin học (Information Technology) cần đưa vào kiểu mẫu phát triển ASP.NET cung cấp phương pháp hoàn toàn khác biệt với ASP Khái niệm kiến trúc ASP.NET MVC ASP.NET phần NET Framework Để xây dựng trang asp.NET bạn cần phải thêm vào đặc tính NET framework ASP.Net Framework chứa đựng hai phần FrameWork Class Library Commom Language Runtime Những phần ASP.NET MVC Language/Ngơn ngữ: Có nhiều ngơn ngữ lập trình khác tồn net framework Các ngôn ngữ VB.net C #, sử dụng để phát triển ứng dụng web Library/Thư viện: NET Framework gồm có lớp library chuẩn Library phổ biến sử dụng cho ứng dụng web net Web library Web library bao gồm tất thành phần cần thiết sử dụng phát triển ứng dụng web-based Common Language Runtime/Thời gian chạy ngôn ngữ lập trình thơng thường hay CLR: Common Language Infrastructure - Cơ sở hạ tầng ngơn ngữ lập trình phổ thơng hay CLI tảng dùng để chạy chương trình Net Trong đó, CLR thực tác vụ bao gồm xử lý trường hợp cá biệt thu gom rác Cơ sở liệu ASP.NET MVC Chúng em xây dựng phần mềm Database First, tức xây dựng sở liệu trước xây dựng phần mềm Database First cho phép đảo ngược mơ hình từ database tồn từ trước Mơ hình lưu tập tin tên EDMX (.edmx) xem sửa Entity Framework Designer (phần thiết kế Entity Framework) Các lớp bạn tương tác ứng dụng tự động phát sinh từ tập tin EDMX Tạo database Trước hết, bạn phải tạo database để truy cập liệu Server database cài đặt nơi khác tùy thuộc vào phiên Visual Studio • • • Nếu VS 2010 bạn tạo SQL Express Nếu dùng VS 2012 bạn tạo LocalDb Hoặc bạn tạo đầu miễn SQL Server Để tạo database Visual Studio, chọn View -> Server Explorer Chuột phải vào Database Connections -> Add Connections… Bạn kết nối với (localdb)\v11.0 SQL Express \SQLEXPRESS tùy theo bạn cài Sau điền tên database CONTEXTX Tiếp đến chọn OK, bạn hỏi tạo database vừa đặt tên, chọn Yes để tạo database Sau đó, chuột phải lên database vừa tạo, chọn New Query copy & paste đoạn script sql, nhấn Excute (Ctrl + Shift + E) để thực thi Tạo ứng dụng Sau tạo database xong, xây dựng ứng dụng C# console dùng Database First để thực truy cập Mở Visual Studio, chọn File -> New -> Project… Chọn Visual C# từ bên menu trái chọn Console Application, đặt tên dự án CONTEXTX, chọn OK Xây dựng mơ hình Bước xây dựng mơ hình cách sử dụng Entity Framework Designer, tích hợp sẵn Visual Studio Chọn Project -> Add New Item…, sau chọn Data từ menu trái chọn ADO.NET Entity Data Model, điền tên cho mơ hình DammioModel nhấn OK Sau cửa sổ Entity Data Model Wizard lên, chọn EF Designer from database, nhấn Next chọn database đặt tên cho chuỗi kết nối tới database DammioDatabaseFirstEntities Trong cửa sổ Entity Data Model Wizard, nhấn chọn Tables để chọn bảng gieo thành lớp mã nguồn, sau nhấn Finish Sau bạn nhấn Finish để tạo mơ hình, tập tin EDMX tạo với nội dung mơ hình database Chức nguyên lý hoạt động ASP.NET MVC Dựa vào hình mơ phía khái sơ qua chế hoạt động ASP.Net MVC User gửi yêu cầu tới server cách truyền vào URL browser Yêu cầu gửi tới controller đầu tiên, controller xử lý yêu cầu, yêu cầu cần truy xuất liệu controller chuyển qua tầng model Tại tầng model, liệu truy xuất từ database sau truyền qua view thơng qua controller Controller giúp liệu chuyển từ model qua view View tầng cuối giao tiếp với User, liệu hiển thị cho User thông qua tầng View 1.4 Mơ hình MVC áp dụng ASP.NET MVC MVC (Model – View - Controller) design partern tồn lâu ngành công nghệ phần mềm Một ứng dụng viết theo mơ hình MVC bao gồm thành phần tách biệt Model, View, Controller Giống cấu trúc Three – Tier, mơ hình MVC giúp tách biệt tầng mơ hình lập trình web, giúp tối ưu ứng dụng, dễ dàng thêm chỉnh sửa code giao diện • Model: giúp lưu trữ liệu ứng dụng trạng thái Nó sở liệu tập tin XML • • View: coi giao diện người dùng sử dụng khách truy cập trang web bạn để nhìn thấy liệu Các trang ASPX thường sử dụng để hiển thị view ứng dụng ASP.NET MVC Controller: chịu trách nhiệm xử lý tương tác người dùng với trang web Nó sử dụng để xác định loại view cần phải hiển thị Controller sử dụng cho mục đích giao tiếp với model Ưu điểm: Do sử dụng mô hình MVC nên ASP.Net MVC tách biệt tầng mơ hình lập trình web giúp tối ưu ứng dụng dễ dàng việc viết code, giao diện Giao diện ASP.Net MVC sử dụng công nghệ thiết kế web HTML, CSS việc thiết kế giao diện trở nên dễ dàng giúp cho designer linh hoạt việc thiết kế ASP.Net MVC khơng sử dụng view state trang web khơng bị tăng kích thước hiệu hoạt động không bị bị giảm Chương 2: CƠ SỞ LÝ THUYẾT 2.1 Khái niệm phân tích thiết kế hệ thống thơng tin Hệ thống tập hợp phần tử có quan hệ qua lại với hoạt động hướng đến mục tiêu chung thông qua việc tiếp nhận đầu vào sản xuất đầu nhờ trình chuyển đổi tổ chức Hệ thống thông tin tập hợp gồm nhiều thành phần mà mối liên hệ thành phần liên hệ chúng với hệ thống khác liên hệ thơng tin với Phân tích thiết kế hệ thống thông tin phương pháp sử dụng để tạo trì hệ thống thông tin nhằm thực chức lưu trữ xử lý thông tin, liệu Mục tiêu phân tích thiết kế hệ thống cải tiến hệ thống cấu trúc, điển hình qua ứng dụng phần mềm, giúp đỡ nhân viên hồn tất cơng việc doanh nghiệp dễ dàng hiệu Phân tích thiết kế hệ thống thơng tin dựa : − Sự hiểu biết mục tiêu, cấu trúc quy trình tổ chức − Kiến thức để triển khai công nghệ thông tin nhằm mang lại lợi ích cho doanh nghiệp Phân tích thiết kế hệ thống thông tin phương pháp luận để xây dựng phát triển hệ thống thông tin bao gồm lí thuyết, mơ hình, phương pháp cơng cụ sử dụng q trình phân tích thiết kế hệ thống 2.2 Các phương pháp phân tích thiết kế hệ thống thơng tin Phương pháp phân tích thiết kế hướng cấu trúc (SATD-Structured Analysis and Design Technique) Phương pháp xuất phát từ Mỹ, ý tưởng Phân rã hệ thống lớn thành hệ thống đơn giản SADT xây dựng dựa nguyên lý: TempData.Keep(); return RedirectToAction("Quiz"); } Khi submit câu hỏi, kiểm tra câu trả lời chọn sau so sánh với đáp án, khớp đáp án cộng điểm, sau chuyển sang view câu hỏi Đăng ký, đăng nhập [HttpGet] public ActionResult Login() { return View(); } [HttpPost] public ActionResult Login(TBL_KHACH tbl_khach) { TBL_KHACH _KHACH = db.TBL_KHACH Where(m => m.S_NAME == tbl_khach.S_NAME && m.S_PASSWORD == tbl_khach.S_PASSWORD) FirstOrDefault(); if (_KHACH != null) { Session["KHACH"] = _KHACH.S_ID; return RedirectToAction("Index", "Home"); } else { ViewBag.Error = "Sai tài khoản mật !!"; } return View(); } Hàm login với method [HttpGet] dùng để truy cập vào giao diện đăng nhập Hàm Login với method [HttpPost] dung để nhận thông tin đăng nhập đối chiếu với bảng tài khoản qua trường NAME PASSWORD [HttpGet] public ActionResult Register() { return View(); } [HttpPost] public ActionResult Register(TBL_KHACH kGet) 39 { List adList = db.TBL_KHACH.OrderByDescending(model => model.S_ID).ToList(); TBL_KHACH kVar = new TBL_KHACH(); kVar.S_NAME = kGet.S_NAME; kVar.S_PASSWORD = kGet.S_PASSWORD; kVar.S_HOTEN = kGet.S_HOTEN; kVar.S_DIACHI = kGet.S_DIACHI; db.TBL_KHACH.Add(kVar); db.SaveChanges(); return RedirectToAction("Login"); } Hàm Register với method [HttpGet] dùng để truy cập vào giao diện đăng kí Hàm Register với method [HttpPost] dùng để nhận thông tin đăng kí lưu liệu vào database với Add() SaveChanges() Thêm, sửa, xóa [HttpGet] public ActionResult AddAccount() // Thêm tài khoản quản trị { return View(); } [HttpPost] public ActionResult AddAccount(TBL_ADMIN adGet) { //Session["AD_ADMIN"] = 1; try { db.TBL_ADMIN.Add(adGet); db.SaveChanges(); return RedirectToAction("Index"); } catch { return View(); } } Thêm liệu với Add() SaveChanges() để lưu liệu vào database [HttpGet] 40 public ActionResult EditAccount(int id) { return View(db.TBL_ADMIN.Where(model => model.AD_ID == id).FirstOrDefault()); } public ActionResult EditAccount(TBL_ADMIN adGet) { var adList = db.TBL_ADMIN.Where(model => model.AD_ID == adGet.AD_ID).FirstOrDefault(); adList.AD_NAME = adGet.AD_NAME; adList.AD_PASSWORD = adGet.AD_PASSWORD; db.SaveChanges(); return RedirectToAction("Index"); } Sửa liệu cách gán liệu sửa vào lại bảng tương ứng dung SaveChanges() để lưu liệu vào database [HttpPost] public ActionResult DelAccount(int id) { TBL_ADMIN _id = db.TBL_ADMIN.Find(id); db.TBL_ADMIN.Remove(_id); db.SaveChanges(); return RedirectToAction("Index"); } Xóa liệu remove() lưu liệu vào database 6.2 Thực Website luyện thi TOEIC trực tuyến Môi trường thử nghiệm Để xây dựng chương trình thử nghiệm nhóm em sử dụng công cụ công nghệ sau để xây dựng: Ngôn ngữ lập trình giao diện (Front-end): Sử dụng HTML, CSS, JavaScript, SCSS Framework, BootStrap Framwork Ngôn ngữ để viết chức (Back-end): Sử dụng ASP.NET Framwork (mơ hình MVC) 41 Công cụ viết Front-end: Visual Code Công cụ viết Back-end: Visual Studio 2019 Công cụ viết sở liệu: SQL Server 2014 Cơng cụ vẽ mơ hình: vẽ online draw.io 6.3 Kết thực nghiệm Website luyện thi TOEIC trực tuyến Giao diện trang quản trị Hình 6.2.1: Trang đăng nhập vào trang quản trị admin 42 Hình 6.2.2: Giao diện trang quản trị Hình 6.2.3: Trang thêm admin 43 Hình 6.2.4: Trang danh sách thành viên đăng ký tài khoản 44 Hình 6.2.5: Menu phần câu hỏi trắc nghiệm Hình 6.2.6: Thêm câu hỏi chọn mục lưu câu hỏi 45 Hình 6.2.7: Hiển thị danh sách câu hỏi có đáp án để kiểm tra liệu Hình 6.2.8: Hiển thị danh sách học 46 Giao diện trang Hình 6.2.9: Giao diện vào website 47 Hình 6.2.10: Trang đăng ký đăng nhập vào website 48 Hình 6.2.11: Trang thi thử (chọn mục bạn cần thi) Hình 6.2.12: Form thi trắc nghiệm 49 Hình 6.2.13: Form kết thúc kiểm tra tính điểm 50 KẾT LUẬN Khóa luận thực nghiên cứu vấn đề liên quan đến Framework ASP.NET mơ hình MVC, xây dựng Website luyện thi TOEIC trực tuyến Dựa sở lý thuyết để xây dựng Website, kiến thức khóa luận tiến hành triển khai thiết kế, xây dựng cài đặt hệ thống Framework ASP.NET Thực thử nghiệm xây dựng Website luyện thi TOEIC trực tuyến cho hệ thống 51 TÀI LIỆU THAM KHẢO [1] https://www.howkteam.vn/course/lap-trinh-website-voi-aspnet-mvc-coban/gioi-thieu-tong-quan-cong-nghe-web-aspnet-mvc-123 [2] https://dotnet.microsoft.com/ [3] https://www.toeicmoingay.com/ [4] https://toeic24.vn/ [5] https://dotnet.microsoft.com/apps/aspnet/web-apps 52 NHẬN XÉT CỦA GIẢNG VIÊN …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… 53