Báo cáo thực tập lập trình WEBSITE trên nền tảng ANGULARJS

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP LẬP TRÌNH WEBSITE TRÊN NỀN TẢNG ANGULARJS Công ty thực tập : Công ty Cổ phần FUJINET SYSTEMS Người phụ trách : Anh Nguyễn Tấn Đạt - Technical Leader Thực tập sinh : Hà Thụy Ngọc Khánh TP Hồ Chí Minh, ngày 27, tháng 7, năm 2020 Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh LỜI MỞ ĐẦU Ngày nay, với phát triển mạnh mẽ khoa học công nghệ, Công nghệ Thông tin ngành có vị dẫn đầu có vai trị lớn phát triển chung Các ứng dụng công nghệ thông tin áp dụng lĩnh vực nghiên cứu khoa học lĩnh vực đời sống Là phần Cơng nghệ Thơng tin, Cơng nghệ web có phát triển mạnh mẽ phổ biến nhanh lợi ích mà mang lại cho cộng đồng lớn Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành công nghiệp web non trẻ Việt Nam phát triển mạnh mẽ, để hòa nhập với công ty hàng đầu web giới Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tham gia làm ứng dụng web môi trường doanh nghiệp, em có dự định thực tập học kì Bản thân em sau thời gian chuẩn bị kiến thức ứng tuyển, nhận hội làm việc Công ty Cổ phần FUJINET SYSTEMS Đây cơng ty có mơi trường chun nghiệp, đại, phù hợp cho em trau dồi kiến thức, kinh nghiệm phát triển kĩ thân Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Cổ phần FUJINET SYSTEMS Chỉ thời gian ngắn, nhờ dẫn nhiệt tình thành viên cơng ty nói chung thành viên team lập trình nói riêng, em tiếp thu kiến thức cần thiết bổ ích để đóng góp vào việc xây dựng phát triển sản phẩm công ty Đặc biệt, em muốn gửi lời cảm ơn anh Nguyễn Tấn Đạt ngày đầu vào làm việc, anh nhiệt tình hướng dẫn, giúp đỡ em nhiều mặt kĩ thuật cách để code đẹp dễ thay đổi, tìm lỗi cơng cụ Goole Dev Tools, cách sử dụng framework tại; cảm ơn anh Hậu, anh Lộc, anh Hải tận tình dẫn nghiệp vụ cơng ty giải thích cho em tài liệu thiết kế, cuối em cảm ơn anh chị khác liên tục tạo điều kiện tốt để em hồn thành tốt nhiệm vụ cơng việc giao, tham gia nhiều dự án lớn rút nhiều học kinh nghiệm cho thân Em xin trân trọng cảm ơn thầy cô khoa Công nghệ phần mềm nhiệt tình hỗ trợ, tạo điều kiện để em hồn thành báo cáo Hà Thụy Ngọc Khánh\ Tp Hồ Chí Minh, ngày 27 tháng năm 2020 Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh LỜI CẢM ƠN ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………… Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh Mục lục LỜI MỞ ĐẦU CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP Giới thiệu công ty .6 Các sản phẩm công ty CHƯƠNG 2: NỘI DUNG THỰC TẬP Tìm hiệu công ty kỹ Nghiên cứu kỹ thuật a) Công cụ làm việc b) Front-end c) Back-end 10 d) Nghiệp vụ công ty 12 Lịch làm việc (10 tuần) 13 TÀI LIỆU THAM KHẢO 14 Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP Giới thiệu công ty Từ ngày đầu thành lập, từ năm 2000 thành lập đến nay, công ty Fujinet Systems công ty chuyên tâm vào phát triển phần mềm cho thị trường Nhật Bản Tính đến nay, đội ngũ 750 nhân viên (05/2020) nhân tài ưu tú từ đại học cao đẳng tốt nghiệp từ khoa công nghệ tuyển dụng theo tiêu chuẩn khắt khe công ty (so với số người ứng tuyển tỉ lệ thử việc 8%) Với 20 năm kinh nghiệm, 2000 dự án tham gia, Fujinet tự tin đáp ứng yêu cầu từ lĩnh vực, nghành nghề Điểm mạnh Fujinet Systems phát triển hệ thống nghiệp vụ trọng yếu Nhật (chiếm 65% nhân viên phòng phát triển phần mềm) Fujnet Systems đảm nhiệm thực thi phát triển phầm mềm package, bảo dưỡng, phát triển phầm mềm theo yêu cầu, di chuyển, cải thiện hệ thống kế thừa Điểm mạnh thứ hai (chiếm 35% nhân viên phát triển phần mềm) Web application, application cho smart phone, giao dịch điện tử, blockchain v.v Có thể đối ứng kỹ thuật lĩnh vực AI: thuật tốn, mơ hình Machine Learning, Deep Learning, RPA, Cung cấp dịch vụ ứng dụng kỹ thuật Fujinet Systems phát triển nhận diện khuôn mặt, phân tích hình ảnh, đếm lưu lượng người vào, tool tự động hóa (RPA Tool).Có thể hợp tác nghiên cứu kỹ thuật theo yêu cầu sử dụng khách hàng.Đội ngũ lập trình ưu tú, kỹ cao tuyển chọn từ trường DH IT hàng đầu Lĩnh vực kinh doanh: - Phát triển phần mềm: Lập trình Web Application, Lập trình Smart Phone Aplication - Kỹ sư onsite Nhật: Phát triển lập trình Offshore - Phần mềm đóng gói: Phát triển hệ thống ERP - Tích hợp hệ thống: Thiết kế, vận hành, bảo trì hệ thống mạng - Thiết kế AutoCAD: Tạo vẽ kiến trúc 3DSMAX, tạo phối cảnh 3D Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh Các sản phẩm công ty - https://smartinsight.jp/mugen/about_mugen - Tích hợp hệ thống: Cung cấp thiết bị máy tính, thiết kế thi cơng vận hành bảo trì hệ thống mạng - Phần mềm đóng gói: Fuji Cocktail phần mềm quản trị toàn nghiệp vụ doanh nghiệp, gồm Quản lý Bán hàng, Quản lý Kho, Quản lý Mua hàng, Quản lý Sản xuất, Phân tích giá thành, Quản lý kế tốn thống kê phục vụ công tác quản lý cho cấp lãnh đạo Phiên tiếng Nhật (Super Cocktail) công nhận Phần mềm quản trị doanh nghiệp (ERP) chiếm thị phần lớn Nhật Bản năm liền từ năm 2004 đến 2009 - Hợp tác lập trình R&D: Đóng mở khóa tự động, chấm cơng nhận diện khuôn mặt Đếm lưu lượng người vào hình ảnh camera để phân tích chiến lược marketing Nhận diện đối tượng, phân tích trạng dựa hình ảnh camera Nhận diện chữ viết, trích xuất thơng tin chữ viết Dự đoán khuynh hướng, tăng giảm doanh số bán hàng tương lai Chatbot tự động giúp giải thích tư vấn sản phẩm Tool hỗ trợ tự động hóa nghiệp vụ (RPA) - Phát triển phần mềm: Hệ thống phần mềm Quản lý nghiệp vụ (Quản lý sản xuất, Quản lý Bán hàng, Quản lý Logistic, Quản lý kho,… ) Hệ thống phần mềm quản lý web, hệ thống Web dành cho Smartphone, ứng dụng iPhone/iPad, ứng dụng Android Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh CHƯƠNG 2: NỘI DUNG THỰC TẬP Đợt thực tập với chủ đề “Làm quen với AngularJS” nhằm mục đích giúp sinh viên thực tập đào tạo toàn diện lập trình AngularJS, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp Tại cơng ty, sinh viên có hội học tập, khám phá làm việc môi trường phát triển ứng dụng e-commerce chun nghiệp Tìm hiệu cơng ty kỹ Thời gian: ngày Nội dung: Giới thiệu công ty, cách tổ chức công ty Được chị tổng vụ phụ trách giới thiệu cơng ty, q trình thành lập phát triển, triết lý kinh doanh quy trình làm việc từ cao xuống thấp, cách thức tổ chức công ty Ngoài ra, thực tập sinh anh phụ trách hướng dẫn (Anh Đạt) giới thiệu cách thức làm việc công ty thời gian làm, cách chấm công, quy định cần phải tuân thủ, cách sử dụng email, spark công việc Kết : Hiểu thêm cơng ty Fujinet, q trình thành lập phát triển Có thêm kỹ việc sử dụng email cơng việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh Nghiên cứu kỹ thuật a) Công cụ làm việc Thời gian: ngày Nội dung: tìm hiểu cơng cụ q trình làm việc Thực tập sinh anh phụ trách hướng dẫn (Anh Đạt) hướng dẫn tìm hiểu cơng cụ giúp ích cho công việc sau Một số phần mềm số Spark-sử dụng làm việc nhóm, Eclipse với Visual Code Kết : Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp công cụ với b) Front-end Thời gian: tuần (10 ngày) Nội dung: tìm hiểu HTML, CSS, AngularJS, Piechart - HTML: Xây dựng cấu trúc trang tĩnh gồm thẻ HTML - CSS : Tiến hành tìm hiểu css style cho trang HTML trước - AngularJS: Xây dựng cấu trúc web app dựa tảng angularjs - Piechart: học xây dựng Piechart dựa liệu tĩnh động Thực hiện: Làm đẩy đủ tập học Kết quả: Nâng cao kỹ lập trình web Có kiến thức quan trọng cho việc lập trình web sau Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh 10 c) Back-end Thời gian: tuần (9 ngày) Nội dung: tìm hiểu Javarscript, JDBC - Javascript: đổ liệu vào dự án, sử dụng linh hoạt liệu tĩnh - Xử lí linh hoạt giữ liệu từ file Json, link URL,… Layer Description Model Là nơi chứa logic, nghiệp vụ tương tác với liệu hệ quản trị sở liệu (MySQL, SQL Server…), bao gồm phương thức xử lý kết nối database, truy vấn liệu Là nơi lưu giữ đối tượng mô tả liệu, Class hàm xử lý get, set Class… View Đảm nhận việc hiển thị, trả thơng tin, liệu cho end-user Ví dụ hiển thị UI/UX, hiển thị liệu cho người dùng xem website, đoạn XML JSON…aLINK partners, such as payment providers and tax services Controller Giữ nhiệm vụ tiếp nhận, điều hướng yêu cầu từ end-user để gọi phương thức xử lý, thao tác trực tiếp với Model trả liệu cho View Đây nơi quản lý trao đổi liệu nguyên tắc nghê nghiệp thao tác liên quan đến mơ hình Controller giữ vai trò trung gian Model View Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh 11 Lí sử dụng MVC: - Tạo mơ hình chuẩn cho dự án, giúp cho việc tiếp cận với ứng dụng dễ dàng - Trình tự xử lý rõ ràng, nhiệm vụ riêng biệt, độc lập với thành phần khác thành phần tương tác với - Quy hoạch thành phần riêng biệt giúp cho trình phát triển, quản lý, vận hành, bảo trì ứng dụng thuận lợi hơn, đồng thời dễ dàng kiểm soát luồng xử lý ứng dụng - Mơ hình triển khai rõ ràng, mạch lạc, xử lý nghiệp vụ tốt, dễ dàng triển khai ứng dụng vừa Kết quả: Nâng cao kỹ lập trình web Có kiến thức quan trọng cho việc lập trình web sau Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu Thực hiện: Làm đẩy đủ tập học, tham gia đầy đủ buổi training Kết quả: bước đầu hiểu xây dựng website AngularJS cho frontend sử dụng linh hoạt liệu Javascript cho BackEnd Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh 12 d) Nghiệp vụ công ty Thời gian: ngày Nội dung: Tìm hiểu quản lý dự án với redmine, tập viết TSD (Technical specified document), thao tác với git, development process Review -> Feedback -> Development -> Staging -> Production Review: sau hoàn thành task, techlead bắt đầu review mặt kỹ thuật (chuẩn code, logic,…) Lập trình viên phải tự test review Feedback: có lỗi mặt kỹ thuật, techlead đưa task vào trang thái feedback lập trình viên phải sửa feedback sau đưa lại cột review chờ feedback lại từ tech lead Development: sau chấp thuận, code bạn apply vào môi trường development Lúc này, bạn tester tiến hành test Nếu xảy lỗi bạn phải fix lỗi sau đưa task lại trạng thái review Staging: Là môi trường trung lập, không phép chỉnh sửa mơi trường Bình thường code development replicate từ staging theo đợt Production: môi trường người dùng Kết quả: Hiểu rõ quy trình làm việc cơng ty Nắm cấu trúc, bố cục TSD Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh 13 Lịch làm việc (10 tuần) Tuần Công việc - 2-4 5-7 86-7-8 Người hướng dẫn Tìm hiểu cơng Chị Ân ty, cách tổ chức công ty, quy định công ty, giấc làm việc công ty - Làm quen với công cụ làm việc công ty - Học cách trao đổi, làm việc qua email, spark Lập trình front-end (HTML, CSS, AngularJS, Piechart) - Back-end (Setup environment) - Thực hành edit module có sẵn, tạo form - Tìm hiểu dự án Mugen - Tham gia fixbug dự án mugen Người phụ trách: anh Nguyễn Tấn Đạt Mức độ hoàn thành Nhận xét người hướng dẫn Anh Đạt Anh Đạt, anh Lộc Anh Đạt, anh Hậu Anh Đạt, anh Hậu Anh Đạt Hà Thụy Ngọc Khánh 14 TÀI LIỆU THAM KHẢO https://angularjs.org/ https://www.w3schools.com/js/ https://www.chartjs.org/ … Người phụ trách: anh Nguyễn Tấn Đạt Hà Thụy Ngọc Khánh ... DUNG THỰC TẬP Đợt thực tập với chủ đề “Làm quen với AngularJS? ?? nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình AngularJS, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, ... HTML trước - AngularJS: Xây dựng cấu trúc web app dựa tảng angularjs - Piechart: học xây dựng Piechart dựa liệu tĩnh động Thực hiện: Làm đẩy đủ tập học Kết quả: Nâng cao kỹ lập trình web Có kiến... cầu sử dụng khách hàng.Đội ngũ lập trình ưu tú, kỹ cao tuyển chọn từ trường DH IT hàng đầu Lĩnh vực kinh doanh: - Phát triển phần mềm: Lập trình Web Application, Lập trình Smart Phone Aplication