Tài liệu Xây dựng ứng dụng web quản lý ứng viên

UBND TỈNH BÌNH DƯƠNG TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT BÁO CÁO CHUYÊN ĐỀ THỰC TẬP TỐT NGHIỆP TÊN ĐƠN VỊ FPT Software Hồ Chí Minh TÊN ĐỀ TÀI XÂY DỰNG ỨNG DỤNG WEB QUẢN LÝ ỨNG VIÊN NGƯỜI HƯỚNG DẪN TẠI ĐƠN VỊ: Đinh Vũ Quốc Trung GIẢNG VIÊN HƯỚNG DẪN: Nguyễn Kim Duy SINH VIÊN THỰC HIỆN: Hà Nhựt Nam MÃ SỐ SV:1624801030064 CHUYÊN NGÀNH: Kỹ thuật phần mềm LỚP: D16PM01 NIÊN KHÓA: 2016-2020 Bình Dương, tháng 08 năm 2019 1 UBND TỈNH BÌNH DƯƠNG TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT BÁO CÁO CHUYÊN ĐỀ THỰC TẬP TỐT NGHIỆP TÊN ĐƠN VỊ FPT Software Hồ Chí Minh TÊN ĐỀ TÀI XÂY DỰNG ỨNG DỤNG WEB QUẢN LÝ ỨNG VIÊN NGƯỜI HƯỚNG DẪN TẠI ĐƠN VỊ: Đinh Vũ Quốc Trung GIẢNG VIÊN HƯỚNG DẪN: Nguyễn Kim Duy SINH VIÊN THỰC HIỆN: Hà Nhựt Nam MÃ SỐ SV:1624801030064 CHUYÊN NGÀNH: Kĩ thuật phần mềm LỚP: D16PM01 NIÊN KHÓA: 2016-2020 Bình Dương, tháng 08 năm 2019 2 LỜI CẢM ƠN Em xin chân thành cảm ơn thầy cô trường đại học Thủ Dầu Một đã tạo điều kiện cho em thực tập ở công ty FPT SoftWare. Chân thành cám ơn anh các anh chị trong công ty đã nhiệt tình giúp đỡ trong quá trình em thực tập tại công ty để em hoàn thành tốt nhiệm vụ trong đợt thực tập vừa qua. Để có được kết quả này, em xin chân thành cám ơn thầy Nguyễn Kim Duy đã quan tâm hướng dẫn cho em trong suốt quá trình hoàn thành đề tài này. Trong quá trình thực tập, cũng như là trong quá trình làm bài báo cáo thực tập, vì kiến thức bản thân còn hạn chế em khó tránh khỏi những sai sót, kính mong nhận được những ý kiến đóng góp từ quý thầy cô cũng như quý công ty. Cuối cùng em kính chúc quý thầy, cô dồi dào sức khỏe và thành công trong sự nghiệp cao quý. Bình Dương, 21/08/2019 Sinh viên thực tập Hà Nhựt Nam 3 MỤC LỤC LỜI CẢM ƠN ................................................................................................................1 MỤC LỤC ......................................................................................................................2 CHƯƠNG 1. TỔNG QUAN VỀ CƠ SỞ THỰC TẬP ...............................................3 1.1. Tổng quan về công ty .......................................... Error! Bookmark not defined. 1.2 Địa chỉ liên lạc ..................................................... Error! Bookmark not defined. CHƯƠNG 2. NỘI DUNG THỰC TẬP TẠI CƠ QUAN TIẾP NHẬN ....................5 2.1. Mô tả công việc ..................................................................................................... 5 2.2. Phương thức làm việc............................................................................................ 5 2.3. Qui trình thực hiện ................................................................................................ 5 2.3.1. Tìm hiểu về ASP.NET MVC .............................................................................5 2.3.2. Lợi ích của ứng dụng web dựa trên mô hình MVC........ Error! Bookmark not defined. 2.3.3. Các thành phần của MVC................................. Error! Bookmark not defined. 2.3.4. Một vài đặc tính trong mô hình ASP.NET MVCError! Bookmark not defined. 2.4. Giới thiệu ứng dụng web Candidate manager..... Error! Bookmark not defined. KẾT LUẬN & KIẾN NGHỊ ........................................... Error! Bookmark not defined. TÀI LIỆU THAM KHẢO............................................... Error! Bookmark not defined. 4 CHƯƠNG 1. TỔNG QUAN VỀ CƠ SỞ THỰC TẬP 1.1. Giới thiệu về công ty Thành lập từ năm 1988 đến nay với 3 Trụ sở chính FPT Software đặt tại Việt Nam và một số nước trên toàn thế giới như Hoa Kỳ, Nhật Bản, Malaysia, Đức, Úc, Singapore, Malaysia, Thái Lan và Philipines hiện FPT Software đáp ứng nhu cầu gia công phần mềm lớn cho hơn 150 công ty hàng đầu tại 20 quốc gia lớn nhất trên thế giới hiện nay với các hợp đồng lớn có khi đạt cả 1 triệu USD dành cho một số đối tác lớn như Hitachi, NEOPOST, Petronas, Deutsche Bank, và Unilever với hơn 4000 nhân viên trên toàn thế giới FPT Software theo đuổi mục tiêu gia công phần mềm để đáp ứng cho nhu cầu phát triển CNTT của các hãng phần mềm trong nước, các công ty lớn trong nước và tham 5 vọng hơn là xuất khẩu phần mềm trên toàn thế giới cho các công ty nước ngoài biết đến tập đoàn FPT, mục đích chính là vươn đến tầm cao mới thông qua công nghệ nhằm nâng cao năng suất lao động Đến với FPT Software, nhân viên được phép phát huy tối đa khả năng sáng tạo, nỗ lực đưa các sáng tạo vào các giải pháp công nghệ thông tin nhằm nắm bắt các cơ hội đổi mới và phát triển nhằm đạt được mục tiêu chung của tập đoàn là OneFPT - Công ty xuất khẩu phần mềm hàng đầu tại Việt Nam Kinh doanh của FPT Sofware xuất phát từ Công nghệ thông tin và Viễn thông FPT là cốt lõi để đáp ứng cho khách hàng trên 63 tỉnh thành trên toàn lãnh thổ Việt Nam và mở rộng đến khách hàng toàn cầu. Từ khi được thành lập cho đến nay, FPT Software đã là công ty phần mềm số 1 tại Việt Nam trong lĩnh vực tích hợp hệ thống, phân phối và bán lẻ, dịch vụ Công Nghệ Thông tin, xuất khẩu gia công phần mềm, bán lẻ sản phẩm CNTT. Ỡ lĩnh vực Viễn Thông FPT là một trong 3 nhà cung cấp dịch vụ internet cáp quang FPT hàng đầu tại Việt Nam, Về lĩnh vực quảng cáo, FPT là đơn vị quảng cáo trực tuyến số 1 tại Việt Nam với trang báo điện tử VNexpress với hơn 42 triệu lượt truy cập mỗi ngày 1.2. Trụ sở chính Tại Hà Nội: FPT Cau Giay Building, Duy Tan Street, Cau Giay District, Hanoi, Vietnam Tại TPHCM: Lô T2, đường D1, khu Công nghệ cao, Quận 9, Tp.Hồ Chí Minh. 1.3. Tổ chức công ty Chủ tịch hội đồng quản trị: Ông Hoàng Nam Tiến Tổng giám đốc: Ông Phạm Minh Tuấn 6 CHƯƠNG 2. NỘI DUNG THỰC TẬP TẠI CƠ QUAN TIẾP NHẬN 2.1. Mô tả công việc Trong thời gian thực tập 2 tháng kể từ ngày 10/6/2018 đến ngày 15/8/2018 hoàn thành các công việc sau: Tìm hiểu cách thức và quy trình làm phần mềm tại Fsoft. Học Html, Css, Javascript, Jquery trên Sololearn và làm bài tập phần Front-end. Học ASP.NET MVC, Ajax Jquery và làm bài tập cho phần Back-end. Làm Project ứng dụng web về quản lý ứng viên, thiết kế front-end cho các trang Login, Register, Trang chủ và Thống kê. Vì một số sự cố trong team nên đã hủy Project và chia lại nhóm để làm Project mới. Làm Project ứng dụng web về quản lý ứng viên, làm phần quản lý Candidate (Trong đó có thêm, xóa, sửa và search). 2.2. Phương thức làm việc Mỗi cá nhân sẽ tự học ASP.NET MVC dưới sự giúp đỡ của trưởng nhóm và các thành viên thực tập trong cùng nhóm. Mỗi tuần sẽ họp nhóm để báo cáo về những việc đã làm trong tuần và triển khai những công việc cho tuần tới. Mỗi ngày sẽ báo cáo plan làm việc đã làm và sẽ làm qua email cho trainer , các thành viên trong nhóm và lớp trưởng. 2.3. Qui trình thực hiện 2.3.1. Tổng quan về ASP.NET MVC MVC viết tắt của các chữ cái đầu của Models, Views, Controllers. MVC chia giao diện UI thành 3 phần tương ứng: đầu vào của controller là các điều khiển thông qua HTTP request, model chứa các miền logic, view là những thứ được sinh ra trả về cho trình duyệt. Đây là mô hình lý tưởng để thiết kế web, xây dựng ứng dụng web một cách linh hoạt và hiệu quả. 7 Mẫu kiến trúc Model – View – Controller được sử dụng nhằm chi ứng dụng thành ba thành phần chính: model, view và controller. Nền tảng ASP.NET MVC giúp cho chúng ta có thể tạo được các ứng dụng web áp dụng mô hình MVC thay vì tạo ứng dụng theo mẫu ASP.NET Web Forms. MVC là một mẫu thiết kế (design pattern) chuẩn mà nhiều lập trình viên đã quen thuộc. Một số loại ứng dụng web sẽ thích hợp với kiến trúc MVC. Một số khác vẫn thích hợp với ASP.NET Web Forms và cơ chế postbacks. Đôi khi có những ứng dụng kết hợp cả hai kiến trúc trên. 2.3.2 Lợi ích của ứng dụng web dựa trên mô hình MVC Lợi ích của việc dùng phương pháp MVC trong việc thiết kế web, xây dựng ứng dụng web là sự phân đoạn rõ ràng giữa models, views, controllers bên trong ứng dụng. Cấu trúc sạch sẽ giúp cho việc kiểm tra lỗi ứng dụng trở nên dễ dàng hơn. Nó không sử dụng view state hoặc server-based form. Điều này tốt cho những lập trình viên muốn quản lý hết các khía cạnh của một ứng dụng. Nó sử dụng mẫu Front Controller, mẫu này giúp quản lý các requests (yêu cầu) chỉ thông qua một Controller. Nhờ đó bạn có thể thiết kế một hạ tầng quản lý định tuyến Hỗ trợ tốt hơn cho mô hình phát triển ứng dụng hướng kiểm thử (TDD) 2.3.3 Các thành phần của MVC: Models: Các đối tượng Models là một phần của ứng dụng, các đối tượng này thiết lập logic của phần dữ liệu của ứng dụng. Thông thường, các đối tượng model lấy và lưu trạng thái của model trong CSDL. Ví dụ như, một đối tượng Product (sản phẩm) sẽ lấy dữ liệu từ CSDL, thao tác trên dữ liệu và sẽ cập nhật dữ liệu trở lại vào bảng Products ở SQL Server. Trong các ứng dụng nhỏ, model thường là chỉ là một khái niệm nhằm phân biệt hơn là được cài đặt thực thụ, ví dụ, nếu ứng dụng chỉ đọc dữ liệu từ CSDL và gởi chúng đến view, ứng dụng khong cần phải có tầng model và các lớp lien quan. Trong trường hợp này, dữ liệu được lấy như là một đối tượng model (hơn là tầng model). 8 Controllers: Controller là các thành phần dùng để quản lý tương tác người dùng, làm việc với model và chọn view để hiển thị giao diện người dùng. Trong một ứng dụng MVC, view chỉ được dùng để hiển thị thông tin, controller chịu trách nhiệm quản lý và đáp trả nội dung người dùng nhập và tương tác với người dùng. Ví dụ, controller sẽ quản lý các dữ liệu người dùng gởi lên (query-string values) và gởi các giá trị đó đến model, model sẽ lấy dữ liệu từ CSDL nhờ vào các giá trị này. Views: Views là các thành phần dùng để hiển thị giao diện người dùng (UI). Thông thường, view được tạo dựa vào thông tin dữ liệu model. Ví dụ như, view dùng để cập nhật bảng Products sẽ hiển thị các hộp văn bản, drop-down list, và các check box dựa trên trạng thái hiện tại của một đối tượng Product. 2.3.4 Một vài đặc tính trong ASP.NET MVC – Tách rõ ràng các mối liên quan, mở khả năng test TDD (test driven developer). Có thể test unit trong ứng dụng mà không cần phải chạy Controllers cùng với tiến trình của ASP.NET và có thể dùng bất kỳ một unit testing framework nào như NUnit, MBUnit, MS Test, v.v… – Có khả năng mở rộng, mọi thứ trong MVC được thiết kế cho phép dễ dàng thay thế/tùy biến ( ví dụ: có thể lựa chọn sử dụng engine view riêng, routing policy, parameter serialization, v.v…). – Bao gồm một ánh xạ URL mạnh mẽ cho phép xây dựng ứng dụng với những URL sạch, các URL không cần cs phần mở rộng ( ví dụ: có thể ánh xạ địa chỉ /Products/Edit/4 để thực hiện hành động “Edit” của lớp điều khiển ProductControllers hoặc ánh xạ địa chỉ /Blog/SomeTopic để thực hiện hành động “Display Topic” của lớp điều khiển BlogEngineController ) 2.4. Các bước thực hiện  Assigment 1: làm responsive bằng CSS: 9 - Với độ phân giải màn hình lớn hơn hoặc bằng 992px: Code 10 11 - Với độ phân giải màn hình lớn hơn hơn hoặc bằng 768px và nhỏ hơn 992px: 12 Code 13 - Với độ phân giải màn hình nhỏ hơn 768px: 14 Code  Assignment 2: làm về quản lý đội bóng Hình 10 nhiệm vụ bài accsignment 02 15 Create a Web application bases on Spring framework to manage an Euro Championship. Business needs Create a Web application bases on ASP.NET MVC to manage an Euro Championship. Working requirements Working environment: MS SQL server, IDE, internet connection, IIS. Delivery: Source code, deployment and testing evident packaged in a compress archive. Product architecture The product is implemented using Web ASP.NET MVC Framework. Optional: Suggest apply Ajax and Jquery (10% mark) Technologies The product implements one or more technology of ASP.NET MVC      LINQ, Entiy frame work code first, MVC, Autowrite annotation, Ajax with Jquery Store data Using SQL Server to store data Interface - A page must contain 4 parts: Banner, MenuLeft, Body, Footer Homepage screen Homepage contains some menus as following here:     Teams Management Information Group Information Charts Who’s Champion? Hình 11 mô tả yêu cầu đặt ra 16 - BY CLICKING “TEAMS MANAGEMENT” LINK FROM HOMEPAGE: • Input data: allow user to create, modify teams (team name, coach name, national name), ID is automatic increase and unique. 16 TEAMS ARE DEFAULT TO ADD A NEW TEAM:  Fill data into boxes and click “Save Team” button. Then new team will display in DataGrid below (see Description Screen 1)  You cannot Add a new team if total team is equal or greater than 16. - TO EDIT A TEAM:  Click “Edit” link from DataGrid, data will be automatic putting into textboxes above. You can change information in textboxes then click “Save Team” button to Change and fresh DataGrid with data has changed. - TO DELETE A TEAM:  Click “Delete” link from DataGrid, a popup display with message “Do you want to delete this team?”. Click “Yes” if you want to delete (refresh DataGrid if team deleted successfully) and “No” to reject. • After created 16 teams successfully, the program will automatically divide Group by random. Schedule contains 4 Groups (A, B, C, D), each Group has 4 teams. • Data types: Hình 12 mô tả yêu cầu đặt ra 17 Hình 13 mô tả yêu cầu đặt ra BY CLICKING “GROUP INFORMATION” LINK FROM LEFT MENU:  Screen will display all Teams in DataGrid  If click “Make Group” button, it will automatically divide Group, program cannot Make Group if total team is less than 16.  After Make Group, Groups will display in DataGrid under the “Make Group” button and order by Group A,B,C,D. 18 Hình 14 mô tả yêu cầu đặt ra Hình 15 kết quả sản phẩm 19 Hình 15 kết quả sản phẩm  Ứng dụng web quản lý Ứng viên(teamwork) Tổng quan về trang web: Nó quản lý các ứng viên về thông tin ứng viên và các sự kiện mà ứng viên đã tham gia. Phần thực hiện: - Thiết kế database: Sử dụng SQL server để thiết kế database Hình 1: Database Project 20