Báo cáo thực tập doanh nghiệp công ty tnhh infodation việt nam tầng 10, toà nhà vcn tower, số 2 tố hữu, khu đô thị vcn, phường phước hải, thành phố nha trang, tỉnh khánh hòa, việt nam

Trình bày sản phẩm...19 Trang 4 TUẦN 1,2I Tìm hiểu về ASP.NET CORE WEB API I.1 Cài đặt cấu hình ASP.NET WEB API - Hướng dẫn cách tạo trang web API đầu tiên và thử nghiệm trên Swagger -

Cài đặt cấu hình ASP.NET WEB API

- Hướng dẫn cách tạo trang web API đầu tiên và thử nghiệm trên Swagger

- Hướng dẫn cài đặt các chức năng cơ bản như CRUD trong API

- Hướng cách kết nối cơ sở dữ liệu (SQL SERVER) bằng hai cách theo kiểu code first và data first

- Hướng dẫn sử dụng POST MAN

- Tìm hiểu về các cấu trúc cơ bản trong C# để tạo ra chức năng

- Tìm hiểu được cách sử dụng API thế nào trong cuộc sống

Cách sử dụng mẫu Repository trong ASP.NET CORE WEB API

- Tìm hiểu được công dụng của mẫu qua các bước

- Áp dụng trực tiếp vào bài thực tập trên công ty

- Sử dụng một cách hiệu quả vào các chức năng CRUD cãi thiện code

- Tìm hiểu lại cách đặt tên cho các biến, các hàm trong C#

Cách sử dụng Service trong ASP.NET CORE WEB API

- Hiểu được cách thức hoạt động của Service

- Mối liên hệ giữa mẫu Repository với Service trong API

- Cải thiện code rõ ràng và chỉnh chu đáng kể

- Biết được cách đăng kí dịch vụ

Cài đặt và ứng dụng trên FrontEnd

- Gắn và cài đặt API để web có cơ sở dữ liệu

- Cách đăng kí dịch vụ CORS để liên hệ từ máy chủ đến máy khách

Sercurity

I.1 Học được như thế nào là Filter

- Tài liệu kham thảo: https://learn.microsoft.com/en-us/aspnet/core/mvc/controllers/filters

- Được hướng dẫn áp dụng trực tiếp vào dự án ASP.NET CORE WEB API

- Hiểu đường dùng Filter để hiện được quá trình thực thi theo ý muốn

- Hiểu được trong Filter có rrast nhiều loại

I.2 Học được như thế nào là middleware

- Tài liệu kham thảo: https://learn.microsoft.com/en-us/aspnet/core/fundamentals/middleware

- Hiểu được lý thuyết của middlewware và cách hoạt động của chúng

II Đăng kí vào tạo service để sử dụng link API cho Angular

- Hiểu được các đăng kí dịch vụ cho API bên angular áp dụng vào FrontEnd

- Dựa vào API hiện tại BackEnd đã gần xong và đã áp dụng bên Angular thành công

- Đối với dự án nhóm trên công ty hiện tại đã hoàn thành 60%

- Tài liệu kham thảo : https://www.youtube.com/@QuaNhanhCodingMusic

Csv Helper

- Csv helper là thư viện hỗ trợ dành cho khi viết file csv Học cách thêm vào file csv tạo file csv ngoài ra còn hỗ trợ làm xuất nhập phần mềm exel

Sercure

- Được tìm hiểu lí thuyết về Access Token, áp dụng trực tiếp vào bài, và authentication (Xác thực người dùng)

Upload File

- Tạo chức năng upload file cho các bảng cần dữ liệu ảnh được tìm hiểu và áp dụng vào bài tập lớn, lấy được link máy chủ vào cơ sở dữ liệu mối quan hệ giửa máy chủ và máy khách để không bị sai link (thường bị lỗi đường link nhưng hiện đã fix được)

Angular

- Hiện tại đã có sự phân chia các chức năng người dùng bên quản lí và bên là nhân viên

- Đang trong quá trình hoàn thiện và gắn các chức năng API

- https://www.youtube.com/watch?v=z3BwMlcGdhg (CSV Helper)

- https://www.dotnettricks.com/learn/webapi/token-based-authentication-in- aspnet-web-api (Access Token)

- https://www.c-sharpcorner.com/UploadFile/2b481f/uploading-a-file-in- Asp-Net-web-api/ (Upload File)

- Csv helper là thư viện hỗ trợ dành cho khi viết file csv Học cách thêm vào file csv tạo file csv ngoài ra còn hỗ trợ làm xuất nhập phần mềm exel

- Được tìm hiểu lí thuyết về Access Token, áp dụng trực tiếp vào bài, và authentication (Xác thực người dùng)

- Tạo chức năng upload file cho các bảng cần dữ liệu ảnh được tìm hiểu và áp dụng vào bài tập lớn, lấy được link máy chủ vào cơ sở dữ liệu mối quan hệ giửa máy chủ và máy khách để không bị sai link (thường bị lỗi đường link nhưng hiện đã fix được)

- Hiện tại đã có sự phân chia các chức năng người dùng bên quản lí và bên là nhân viên

- Đang trong quá trình hoàn thiện và gắn các chức năng API

- https://www.youtube.com/watch?v=z3BwMlcGdhg (CSV Helper)

- https://www.dotnettricks.com/learn/webapi/token-based-authentication-in- aspnet-web-api (Access Token)

- https://www.c-sharpcorner.com/UploadFile/2b481f/uploading-a-file-in- Asp-Net-web-api/ (Upload File)

Hiện đã hoàn thành xong các thao tác củng như các bài học cơ bản liên quan đến ASP.NET WEB API nhưng vẫn còn một số khái niệm chuyên sâu về ASP.NET WEB API cần được học và cải thiện thêm

I Các khái niệm cơ bản được công ty đề xuất

II Json Web Token (JWT)

- Đã áp dụng thành công lẫn backend và front end về đăng nhập và đăng xuất cho dự án web ở công ty

- Asp dụng vào angular và thành công bảo mật dữ liệu dưới dạng JWT

- Trong quá trình làm thì bị lỗi Authen (401) nhưng hiện đã được fix và thành công

- Hiện đã làm xong hoàn thành 80% vẫn có một số lỗi cần cải thiện ở giao diện Tài liệu kham thảo:

- Oauth2: https://www.youtube.com/watch?v=ZV5yTm4pT8g

- Google cloud storage: https://www.youtube.com/watch?v=7tAAGnSbfCc

- Rabbitmq: https://www.youtube.com/watch?vpVEq8F1k

- JWT: https://topdev.vn/blog/json-web-token-la-gi/

Phân Tích Thiết Kế

Tìm hiểu về quy trình bán vé hệ thống

- Trong thời gian thực tập em quyết định chủ đề là quản lí bán vé xem phim.

- Trong phầm mềm quản lí bán vé xem phim cho khách hàng thì gồm hai người sử dụng chính là quản lí và nhân viên gồm các quy trình như sau:

+ Về quản lí: Có nhiệm vụ thêm sửa xóa các dữ liệu liên quan đến rạp chiếu phim như phòng chiếu, ghế, Phim, …và có thể bán vé hoặc xuất lại vé, Thống kê doanh thu

+ Về nhân viên: Có nhiệm vụ tìm lịch chiếu theo ý của khách hàng, đặt ghế cho khách hàng, kiểm tra thông tin khách hàng đã đặkt có đúng hay chưa Cuối cùng là thanh toán cho khách hàng

Các chức năng có trong một web bán vé xem phim

II.1 Đặc tả hệ thống

II.1.1 Yêu cầu chức năng của hệ thống

Chức năng hệ thống Mô tả yêu cầu chức năng hệ thống

Quản lý phim Hệ thống cần có khả năng quản lý thông tin về các phim đang chiếu và sắp chiếu, bao gồm tên phim, thể loại, thời lượng và mô tả, ảnh, trailer, banner, ngày khởi chiếu Nó cũng cần hỗ trợ cập nhật thông tin phim và thêm mới, chỉnh sửa hoặc xóa phim

Quản lý suất chiếu Hệ thống phải có khả năng quản lý lịch chiếu các suất phim, bao gồm ngày, giờ, phòng chiếu và phim được 9 chiếu Nó cần hỗ trợ cập nhật lịch chiếu, bao gồm thêm mới, chỉnh sửa hoặc hủy bỏ suất chiếu Đặt vé Hệ thống phải cung cấp chức năng đặt vé trực tuyến cho khách hàng Người dùng cần có khả năng xem lịch chiếu, chọn suất phim, chọn ghế ngồi và hoàn tất quá trình đặt vé

Hệ thống cần kiểm tra tính khả dụng của ghế và giữ chỗ cho người dùng trong thời gian giới hạn để hoàn tất thanh toán

Thanh toán Hệ thống cần hỗ trợ các phương thức thanh toán an toàn và tiện lợi như thẻ tín dụng, ví điện tử hoặc thanh toán trực tiếp tại quầy Nó cần xác nhận thanh toán và cung cấp vé điện tử hoặc mã vé cho người dùng

Quản lý thông tin khách hàng Hệ thống cần lưu trữ và quản lý thông tin cá nhân của khách hàng, bao gồm tên, địa chỉ, số điện thoại và email,giới tính Để gửi mail về thông tin vé cho khách hàng nếu khách hàng cần hoặc vé lỗi sẽ đền bù bằng cách xác thực tên và số điện thoại nếu có trường hợp này.

II.1.2 Yêu cầu chức năng và phi chức năng của hệ thống

Downloaded by Quang Tr?n (tranquang141994@gmail.com)

Danh sách yêu cầu chức năng

Nhóm người dùng Yêu cầu chức năng nghiệp vụ

Yêu cầu chức năng hệ thống

- Quản lí lịch chiếu phim

- Quản lí thông tin khách hàng

- Quản lí thông tin phim

-Quản lí phòng chiếu phim

-Quản lí thể loại -Quản lí quốc gia -Quản lí giá vé -Quản lí quảng cáo

-Quản lí thông tin nhân viên

-Quản lí ghế -Quản lí người dùng Tra cứu:

- Xem thông tin khách hàng

- Xem thông tin lịch chiếu

- Xem thông tin phim -Xem thông tin vé

-Xem thông tin phòng chiếu

- Phân quyền sử dụng giữa quản lý, nhân viên và khách hàng.

- Sao lưu, phục hồi dữ liệu

III Phân tích thiết kế hệ thống

II.2 Thiết kế dữ liệu

Tiến hành thiết kế các bảng dữ liệu chưa có khóa ngoại và các bảng sau thể hiện trình tự đó: Bảng QUOCGIA lưu trữ thông tin quốc gia

1 MaQuocgia Chuỗi ≤11 Mã quốc gia là khóa chính

Downloaded by Quang Tr?n (tranquang141994@gmail.com) gia Bảng THELOAI lưu trữ thông tin thể loại

STT Tên thuộc tính Kiểu dữ liệu

1 MaTL Chuỗi ≤11 Mã thể loại là khóa chính

2 TenTL Chuỗi ≤11 Tên thể loại

Bảng NHANVIEN lưu trữ thông tin nhân viên

1 MaNhanVien Chuỗi ≤11 Mã nhân viên là khóa chính

2 TenNhanVien Chuỗi ≤50 Tên nhân viên

3 SoDienThoai Chuỗi ≤13 Số điện thoại là ký số

5 Gioitinh Tinyint Giới tính (0 là nữ, 1 là nam) Bảng LICHCHIEU dùng để lưu trữ thông tin lịch chiếu

1 MaLichChieu Chuỗi ≤11 Mã lịch chiếu là khóa chính

2 NgayChieu date Ngày chiếu sẽ bằng ngày hiện tại

3 GioChieu time Giờ chiếu sẽ là giờ trong ngày đó

Bảng PHONG lưu trữ thông tin phòng chiếu

1 MaPhong Chuỗi ≤11 Mã phòng là khóa chính 15

3 SoChoNgoi int Số chỗ ngồi

Bảng GIAVE lưu trữ thông tin giá vé

1 MaGiaVe Chuỗi ≤11 Mã gía vé là khóa chính

Chuỗi ≤11 Hiển thị giá vé đó là loại vé cho đối tượng khách hàng nào

3 GiaVe int >0 Giá vé phải lớn hơn không khách hàng không được nhập số âm

Bảng GHE lưu trữ thông tin ghế

STT Tên thuộc Kiểu dữ Miền giá Diễn giải

Downloaded by Quang Tr?n (tranquang141994@gmail.com) tính liệu trị

1 maGhe Chuỗi ≤11 Mã ghế là khóa chính

4 MaPhong Chuỗi ≤11 Mã phòng là khóa ngoại Bảng PHIM để lưu trữ thông tin phim

1 MaPhim Chuỗi ≤11 Mã phim là khóa ngoại

3 ngaykhoichie u date Ngày khởi chiếu lớn hơn hoặc bằng ngày hiện tại

7 MaTL Chuỗi ≤11 Mã thể loại

Downloaded by Quang Tr?n (tranquang141994@gmail.com) là khóa ngoại

8 MaQuocGia Chuỗi ≤11 Mã quốc gia là khóa ngoại

Bảng LICHCHIEUPHIM dùng để lưu trữ thông tin lịch chiếu của bộ phim đó

STT Tên thuộc tính Kiểu dữ liệu Miền giá trị Diễn giải

1 MaLichPhim Chuỗi ≤11 Mã lịch phim là khóa chính dùng định danh tỏng lịch chiếu phim

2 MaLichChieu Chuỗi ≤11 Mã lịch chiếu khóa ngoại

3 MaPhong Chuỗi ≤11 Mã phòng là khóa ngoại

4 MaPhim Chuỗi ≤11 Mã phim là khóa ngoại Bảng TRANGTHAIGHE lưu trữ trạng thái ghế

1 Maghe Chuỗi ≤11 Mã ghế là khóa ngoại

3 MaPhong Chuỗi ≤11 Mã phòng là khóa ngoại

4 MaLichChieu Chuỗi ≤11 Mã lịch chiếu là khóa ngoại Bảng TTDATVE lưu trữ thông tin đặt vé

1 MaDatVe Chuỗi ≤11 Mã đặt vé là khóa chính

2 MaLichPhim Chuỗi ≤11 Mã lịch phim là khóa ngoại

3 NgayDat date Ngày đặt bằng ngày hiện tại Bảng CTDATVE lưu trữ thông tin chi tiết đặt vé

1 MaDatve int Mã đặt vé là khóa ngoại

2 MaGhe Chuỗi ≤11 Mã ghế là khóa ngoại Bảng THANHTOAN lưu trữ thông tin thanh toán

STT Tên thuộc tính Kiểu dữ liệu Miền giá trị Diễn giải

1 MaThanhToan Chuỗi ≤11 Mã thanh toán là khóa chính

2 MaDatVe Chuỗi ≤11 Mã đặt vé là khóa ngoại

3 MaNhanVien Chuỗi ≤11 Mã nhân viên là khóa ngoại

5 NgayThanhToan date Ngày thanh toán bằng với ngày hiện tại

6 Phương thức thanh toán Chuỗi ≤11 Hiển thị phương thức khách hàng muốn thanh toán

Bảng NGUOIDUNG lưu trữ thông tin người dùng

1 username Chuỗi ≤50 Mã người dùng là khóa chính

4 role bit Loại người dùng

(0 là nhân viên, 1 là quản lí)

Tình bày sản phẩm web

Công nghệ ASP.NET CORE WEB AP

Ngoài các chức năng CRUD từng bảng ra còn có các chức năng CRUD phụ để bổ sung chức năng khác như hiển thị lịch chiếu theo ngày, thêm 1 lần vào nhiều bảng, tự tạo ghế cho phòng chiếu khi tạo được phòng chiếu dựa vào số chỗ ngồi, khi có nhân viên mới vào thêm thông tin thì tự động tạo ra tài khoản cho nhân viên tất cả sẻ được chi tiết ở phần trình bày sản phẩm.

AngularJS

- Để hiển thị được các chức năng tương ứng bằng cách gọi API đến Front End ở đây em dùng framework AngularJS

- Giới thiệu sơ lược về AngularJS: AngularJS là một framework JavaScript mã nguồn mở được phát triển bởi Google, được sử dụng để xây dựng các ứng dụng web đơn trang (Single-Page Applications - SPA).

Trong ngữ cảnh của Web API, AngularJS và Web API có thể hoạt động cùng nhau để tạo ra một ứng dụng web hoàn chỉnh AngularJS được sử dụng phía client (trình duyệt) để xây dựng giao diện người dùng tương tác, trong khi Web API đóng vai trò là phía server (máy chủ) cung cấp dữ liệu và xử lý logic.

Cụ thể, khi sử dụng AngularJS với Web API, bạn có thể thực hiện các tác vụ sau:

Giao tiếp với Web API: AngularJS cung cấp các công cụ và tính năng để thực hiện các yêu cầu HTTP (GET, POST, PUT, DELETE) đến Web API từ phía client Bằng cách sử

Downloaded by Quang Tr?n (tranquang141994@gmail.com) dụng các service và $http module của AngularJS, bạn có thể gửi yêu cầu đến các endpoint của Web API và nhận lại dữ liệu từ phản hồi.

Hiển thị dữ liệu: AngularJS cho phép bạn gắn kết dữ liệu trả về từ Web API vào các thành phần giao diện người dùng Bằng cách sử dụng các biểu thức (expressions) và các directives của AngularJS, bạn có thể hiển thị dữ liệu từ Web API trên trang web, ví dụ như danh sách, bảng, form, v.v.

Xử lý sự kiện và tương tác: AngularJS cung cấp các công cụ và tính năng để xử lý sự kiện từ người dùng và tương tác với Web API Bạn có thể định nghĩa các hàm xử lý sự kiện trong controller của AngularJS và sử dụng các service để gửi yêu cầu đến Web API khi người dùng thực hiện các tương tác như nhấn nút, điền form, v.v. Định tuyến (Routing): AngularJS cung cấp hệ thống định tuyến để quản lý việc chuyển đổi giữa các trang hoặc các phần trong ứng dụng Bạn có thể định nghĩa các route để xác định URL và hiển thị các view tương ứng, kết hợp với Web API để lấy dữ liệu từ server khi chuyển đổi giữa các route.

Trình bày sản phẩm

+ Trang Admin (Vĩnh tiến ): Ngoài các chức năng cơ bản thêm, sửa, xóa, hiển thị cho từng bảng thì có các chức năng phụ khác để giúp người quản trị sẽ dễ dàng hơn khi sử dụng.

- Thêm sửa xóa bao gồm các bảng được nêu trên

- Ngoài các chức năng mỗi bảng còn có các chức năng khác như:

Hình 1 Chức năng thêm phòng tự động thêm ghế của phòng

 Khi người dùng thêm một phòng bất kì nào đó thì nó sẻ dựa vào số chỗ ngồi và tự động rand ra các ghế tương ứng theo mã phòng theo hàng và thoe cột như sau:

Hình 2 Thêm ghế theo Mã phòng

- Chức năng tự động thêm tài khoản người dùng khi thêm thông tin nhân viên

 Khi thêm thông tin một nhân viên bất kì thì sẽ tự động thêm vào bảng người dùng và từ đó quản lí có thể chỉnh sửa phù hợp để đưa tài khoản và mật khẩu cho nhân viên:

 Tự động rand ra username (khóa chính) bởi vì đăng nhập bằng email và mật khẩu nên quản lí sẽ đưa cho nhân viên tài khoản và mật khẩu mặc định.

- Ngoài các chức năng phụ liên quan đến CRUD ra còn có các chức khác như:

+ Đăng nhập: Ở đây em dùng JWT (Json web Token) để xử lí việc đăng nhập và phân quyền như sau:

Hình 5 Giao diện đăng nhập

 Khi đăng nhập hệ thống sẽ gửi một Access Token từ bên máy chủ bằng Link Api sau đó dùng đoạn mã đó để đăng nhập và truy cập dữ liệu mỗi role là mỗi chức năng khác nhau trong hệ thống được phân chia ra.

Hình 6 Gửi mã token và xác thực đăng nhập

 Nó xác thực đăng nhập bằng cách khi người dùng nhấn vào một bảng tức là một link Api để hiển thị dữ liệu thì nó xác thực xem liệu có đúng mã đó không hay không có mã đó và tiếp tục truy cập vào dữ liệu không thì nó sẽ báo lỗi truy cập quyền

+ Phân trang: Em phân trang dựa vào bên FE để có thể hiển thị dữ liệu theo yêu cầu

Hình 7 Chức năng phân trang

+ Upload file: Về phần upload file em làm chức năng này bên BE là chính còn bên FE chủ yếu là lấy lại link hình ảnh (duy tân)

Hình 8 Giao diện bảng phim

 Khi thêm phim có chức năng upload file và gửi về máy chủ tuy nhiên gửi về máy chủ vẩn chưa được nên phải có thêm một chức năng đó là update lấy link từ danh sách trong BE và cập nhật lên database chủ yếu sử dụng wwwroot để lưu ảnh và tải ảnh lên

+ Chức năng thống kê: Thống kê dựa vào bảng thanh toán để thống kê tổng doanh thu số vé bán được.

 Có bảng thông tin đặt vé dùng để lưu trữ tin đặt vé của khách hàng để nhở có trường hợp nếu khách làm mất vé mà vẩn còn mã thì có thể tìm và in lại vé cho khách hàng

+ Trang nhân viên bán hàng:

 Ở trang dành cho nhân viên bán hàng trang chủ để dùng cho màn hình thứ hai để khách hàng có thể kham thảo củng như biết được đang chiếu và sắp chiếu phim nào trong tương lai củng như hiện tại (duy tân)

 Chức năng phân chia phim đang chiếu và phim sắp chiếu em chủ yếu làm chức năng này ở bên Angularjs với định hướng chức năng như sau: Đó chính là đối với phim đang chiếu thì phải bé hơn ngày hiện tại và phim sắp chiếu phải lớn hơn ngày hiện tại (duy tân)

Hình 10 Chức năng phim đang chiếu và sắp chiếu

 Chức năng hiển thị lịch chiếu phim như sau: Dùng một link Api riêng để hiển thị showtime theo đúng định dạng mà em đề ra đó là Tên phim, giờ chiếu với có chức năng bao gồm bên FE khi các giờ chiếu có cùng bộ phim thì nó sẽ xếp chung một bộ phim và tách lẻ lịch chiếu phim (duy tân)

Hình 11 Hiển thị lịch chiếu phim

 Chức năng hiển thị phòng và ghế theo bảng lịch chiếu phim: Em làm một chức năng này bằng một link Api khác để hiển thị bằng cách truy vấn từ bảng lịch chiếu phim đến các bảng phòng và ghế để có thể hiển thị đúng phòng và ghế của bộ phim đó trong showtime (Vĩnh tiến)

Hình 12 Hiển thị phòng chiếu theo mã lịch chiếu phim

 Trong phòng này để biết được là ghế trong giờ chiếu của một bộ phim nào đó đã được đặt chưa, điều này thể hiện rõ khi em làm thêm bảng trạng thái ghế có nghĩa là khi thanh toán xong thì nó sẽ tự động ghi vào bảng trạng thái ghế có thông tin liên quan để nhận biết được là ghế đó đã được đặt chưa có chức năng phân biệt được tránh trùng lặp khi đặt vé cho khách hàng những ghế có màu xám và không được chọn là ghế được lấy từ trạng thái ghế và đè lên dựa vào API chức năng lấy ghế và phân biệt ghế ở trạng thái byte nếu 1 là đã đặt còn 0 là ngược lại (Duy tân)

Hình 13 Phân biệt ghế được đặt và chưa đặt

 Còn có chức năng lấy giá vé và gán cho các thẻ input trong FE để nhận biết được số lượng và tính tiền dựa vào số ghế đã nhấn bằng với số lượng nhập và

Downloaded by Quang Tr?n (tranquang141994@gmail.com) nếu hai giá trị khác nhau hoặc không khớp với nhau thì sẽ thông báo lỗi và yêu cầu nhập lại như sau (duy tân)

Hình 14 Tình huống khi nhập sai và hiển thị thông báo

Tiêu đề	Báo Cáo Thực Tập Doanh Nghiệp Công Ty TNHH INFOdation Việt Nam
Tác giả	Nguyễn Duy Tân
Người hướng dẫn	Hà Thị Thanh Ngà
Trường học	Khoa Công Nghệ Thông Tin
Chuyên ngành	Kỹ Thuật Phần Mềm
Thể loại	báo cáo thực tập
Thành phố	Nha Trang

Định dạng
Số trang	36
Dung lượng	909,36 KB