TÌM HIỂU ANGULAR FRAMEWORK VÀ XÂY DỰNG WEBSITE QUẢN LÝ SÁCH CÔNG TY THỰC TẬP Công ty TNHH Công Nghệ Novahub

LỜI CẢM ƠNThời gian thực tập vừa qua em đã học hỏi thêm nhiều kiến thức thực tế và kĩ năng để áp dụng kiến thức đã học vào công việc.. Trước tiên em xin chân thành cảm ơn công ty TNHH cô

Trang 1

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA

KHOA CÔNG NGHỆ THÔNG TIN

Tel (+84.0236) 3736949, Fax (+84.0236) 3842771

Website: itf.dut.udn.vn, E-mail: cntt@dut.udn.vn

BÁO CÁO THỰC TẬP TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN

ĐỀ TÀI:

TÌM HIỂU ANGULAR FRAMEWORK

VÀ XÂY DỰNG WEBSITE QUẢN LÝ SÁCH

CÔNG TY THỰC TẬP:

Công ty TNHH Công Nghệ Novahub

SINH VIÊN: Lê Nguyễn Công Sang

MÃ SINH VIÊN: 102160111

LỚP: 16T2

Trang 2

CBHD: Trần Đinh Mạnh Linh

Đà Nẵng, 08/2020

Trang 3

LỜI CẢM ƠN

Thời gian thực tập vừa qua em đã học hỏi thêm nhiều kiến thức thực tế và

kĩ năng để áp dụng kiến thức đã học vào công việc Đó thực sự là trải nghiệm quý giá, bởi vậy em xin gửi lời cảm ơn tới tất cả mọi người đã hỗ trợ cho em hoàn thành đợt thực tập tốt nghiệp này.

Trước tiên em xin chân thành cảm ơn công ty TNHH công nghệ Novahub

đã nhiệt tình hướng dẫn và giúp đỡ em hoàn thành tốt quá trình học tập và thực tập của mình Công ty đã hỗ trợ em rất nhiều mặt về trang thiết bị tới giảng dạy nhưng kiến thức thực tiễn để áp dụng vào thực tế công việc Đặc biệt em xin cám ơn anh Trần Hải Thành, anh Trần Đinh Mạnh Linh đã tận tình hướng dẫn

và giúp đỡ em trong quá trình thực tập.

Em cũng xin gửi lời cảm ơn tới thầy cô khoa Công nghệ thông tin đã tạo cơ hội và điều kiện thuận lợi cho em được thực hiện đợt thực tập thực tế này Đây là

cơ hội cho em học hỏi thêm nhiều kiến thức thực tế, áp dụng những bài học trên ghế nhà trường vào thực tế công việc.

Một lần nữa em xin chân thành cảm ơn.

Lê Nguyễn Công Sang

Trang 4

Công ty TNHH Công Nghệ NovaHub CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập - Tự do - Hạnh Phúc

PHIẾU ĐÁNH GIÁ KẾT QUẢ THỰC TẬP TỐT NGHIỆP

Họ và Tên sinh viên: Lê Nguyễn Công Sang Lớp: 16T2 Nhóm: 1610

Cơ quan/Đơn vị thực tập: Công ty TNHH Công Nghệ Novahub

Địa chỉ: Tầng 2 Tòa nhà Công ty Cổ phần Quản lý và Xây dựng đường bộ Quảng Nam

Đà Nẵng, 10B Nguyễn Chí Thanh, P Thạch Thang, Q Hải Châu, Tp.Đà Nẵng

Thời gian thực tập từ 29/06/2020 đến 07/08/2020

Người hướng dẫn: Trần Đinh Mạnh Linh Email: linhtran@novahub.vn

1 Đánh giá về năng lực chuyên môn

Nội dung đánh giá Xuất sắc Tốt Khá T.Bình Yếu

Năng lực chuyên môn đáp ứng công việc x

Hoàn thành các công việc được giao x

Trang 5

Khả năng sử dụng ngoại ngữ x

Ứng dụng kết quả thực tập cho cơ quan x

2 Đánh giá về ý thức làm việc

Tuân thủ kỷ luật (thời gian làm việc, báo

nghỉ…)

x

Giao tiếp, quan hệ với cán bộ, công nhân viên x

3 Đánh giá kết quả công việc

Trang 6

Khả năng phân tích thiết kế hệ thống x

5 Điểm đánh giá. Ghi bằng số: 10/10 Ghi bằng chữ: Mười điểm

Ngày 07 tháng 08 năm 2020

Trang 7

Xác nhận của cơ quan/đơn vị thực tập

(Ký, ghi rõ họ tên và đóng dấu)

Trang 8

NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN

Trang 9

Trang 10

Trang 12

MỤC LỤC

CHƯƠNG I: GIỚI THIỆU CƠ QUAN THỰC TẬP 4

1.1 Tổng quan 4

1.2 Địa chỉ: 4

1.3 Lĩnh vực công nghệ: 5

CHƯƠNG 2: XÂY DỰNG CHƯƠNG TRÌNH QUẢN LÝ SÁCH BẰNG ANGULAR 6

2.1 MÔ TẢ CÔNG VIỆC 6

2.1.1 Kế hoạch thực tập 6

2.1.2 Phương thức làm việc 6

2.2 CƠ SỞ KIẾN THỨC 6

2.2.1 Kiến thức cơ bản 6

2.2.2 Framework AngularJS 7

Trang 13

CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ 10

3.1 Tóm tắt đề tài 10

3.2 Tính năng của chương trình 10

3.3 Kết quả triển khai 10

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 14

TÀI LIỆU THAM KHẢO 15

ii

Trang 14

DANH SÁCH HÌNH ẢNH

Trang 15

7 Giao diện chỉnh sửa thông tin tác giả 12

Trang 16

Báo cáo thực tập tốt

nghiệp

PAG

E

1 0

SVTH: Lê Nguyễn Công

2015 nhưng công ty đang không ngừng phát triển Mục tiêu hướng tới của công ty

không chỉ là gia công phần mềm mà còn đưa ra giải pháp, phát triển sản phẩm củariêng mình

Hình 1 Văn phòng Công ty TNHH Công Nghệ Novahub

1.2 Địa chỉ:

Trang 17

nghiệp

PAG

E

1 0

PAG

E

1 0

Sang

Tầng 2 Tòa nhà Công ty Cổ phần Quản lý và Xây dựng đường bộ Quảng Nam

Đà Nẵng, 10B Nguyễn Chí Thanh, P Thạch Thang, Q Hải Châu, Tp.Đà Nẵng

Trang 18

E

1 0

Sang

PAG

E

1 0

Trang 19

E

1 0

PAG

E

1 0

Trang 20

E

1 0

Sang

PAG

E

1 0

■ Đào tạo kiến thức cơ bản về HTML, CSS, TypeScript

■ Giới thiệu framework AngularJS

■ Hướng dẫn xây dựng website “Quản lý sách”

Trang 21

E

1 0

PAG

E

1 0

○ HTML: HTML (tiếng Anh, viết tắt cho HyperText Markup Language, hay là

"Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấuđược thiết kế ra

để tạo nên các trang web với các mẩu thông tin được trình bày trên WorldWideWeb Cùng với CSS và JavaScript, HTML tạo ra bộ ba nền tảng kỹ thuật cho

World Wide Web HTML được định nghĩa như là một ứng dụng đơn giản của

SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phứctạp HTML đã trở thành một chuẩn Internet do tổ chức World Wide WebConsortium (W3C) duy trì Phiên bản chính thức mới nhất của HTML là HTML4.01 (1999) Sau đó, các nhà phát triển đã thay thế nó bằng XHTML Hiện nay,HTML đang được phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diệnmạo mới cho Web

Trang 22

E

1 0

Sang

PAG

E

1 0

Sang

nghiệp

●

○ CSS: CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được

sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánhdấu (ví dụ như HTML) Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai tròđịnh dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu

đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm một chút “phong cách” vào cácphần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rấtnhiều

○ TypeScript: TypeScript là một ngôn ngữ mã nguồn mở miễn phí hiện đang đượcphát triển và bảo trì bởi Microsoft Nó là tập cha của JavaScript, với các bổ sungcác tuỳ chọn kiểu tĩnh và lớp trên cơ sở lập trình hướng đối tượng cho ngôn ngữnày Anders Hejlsberg, kiến trúc sư ngôn ngữ C# và là người tạo ra ngôn ngữDelphi và Turbo Pascal đã tham gia phát triển TypeScript TypeScript có thể sửdụng để phát triển ứng dụng chạy phía client, hay phía server (Node.js).TypeScript được thiết kế để phát triển ứng dụng lớn và được biến đổi - biên dịchsang JavaScript Vì TypeScript là tập cha của JavaScript nên bất kì chương trìnhJavaScript nào đã có cũng đều là chương trình TypeScript hợp lệ TypeScript hỗtrợ định nghĩa các file chứa thông tin kiểu của các thư viện JavaScript, giống

Trang 23

E

1 0

PAG

E

1 0

○ Framework AngularJS

○ AngularJS là một framework có cấu trúc cho các ứng dụng web động Nó chophép bạn sử dụng HTML cho phép bạn mở rộng cú pháp của HTML để diễn đạtcác thành phần ứng dụng của bạn một cách rõ ràng và súc tích Hai tính năngcốt lõi: Data

Trang 24

E

1 0

Sang

PAG

E

1 0

○ Angular module (ES2015)

○ Theo đặc tả của ES2015 thì mỗi file là một module Có một module trong 1 file

và 1 file trên 1 module

○ Các module định nghĩa giới hạn của biến, function và class được định nghĩatrong module Các biến đó luôn là local trong module và không visible ra ngoàimodule

Trang 25

E

1 0

PAG

E

1 0

●

○ Data binding

○ Angular sử dụng Data Binding để lấy dữ liệu từ Component đến View Nó đượchoàn thành sử dụng cú pháp HTML đặc tả được biết đến là Template Syntax

○ Angular hỗ trợ 4 kiểu của Data binding:

○ Interpolation: Data được bind ra từ component sang view

○ Property Binding: Data bind ra từ component sang thuộc tính HTML trongview Event Binding: Các sự kiện DOM được bind ra từ view ra method củaComponent Two-way binding/Model binding: Luồng dữ liệu cả hai chiều từview sang

Trang 26

E

1 0

PAG

E

1 0

○ Dependency injection

Trang 27

E

1 0

Sang

PAG

E

1 0

○ Dependency injection được dùng hầu hết khi inject service vào component hoặcservice khác

○ Angular làm điều này sử dụng injector Khi một component được tạo, Angular

sẽ tìm Component metadata các service mà component này yêu cầu Injector sẽtạo ra instance của service đó và inject vào component sử dụng constructor củanó

○ Nếu service đã tạo thì injector sẽ không tạo mà sử dụng lại Service cần chỉ racho Angular biết nó sẵn sàng được inject vào bất cứ component nào yêu cầu nóbằng cách sử dụng @Injectable decorator

Trang 28

E

1 0

Sang

PAG

E

1 0

Trang 29

E

1 0

PAG

E

1 0

SVTH: Lê Nguyễn Công Sang

nghiệp

■ Hình 3: Giao diện login

■

Trang 30

E

1 0

Sang

PAG

E

1 0

Trang 31

E

1 0

PAG

E

1 0

Trang 32

E

1 0

Sang

PAG

E

1 0

Trang 33

E

1 0

PAG

E

1 0

Trang 34

E

1 0

Sang

PAG

E

1 0

Trang 35

E

1 0

PAG

E

1 0

Trang 36

E

1 0

Sang

PAG

E

1 0

Trang 37

E

1 0

PAG

E

1 0

kế hệ thống, lập trình hướng đối tượng, lập trình web,…

■ Nắm được quy trình làm việc trong quá trình phát triển phần mềm

Trang 38

E

1 0

Sang

PAG

E

1 0

○ TEDU Tổng quan kiến thức Angular và các khái niệm

○ Trang web: kien-truc- angular-va-cac-khai-niem-261.html

Định dạng
Số trang	38
Dung lượng	0,92 MB