Xây dựng và thiết kế website thương mại điện tử cho cửa hàng giày sử dụng công nghệ reactjs

LỜI CẢM ƠNĐể hoàn thành được đề tài này, trước h t em xin g i lời cảm ơn chân ế ửthành đến các Cán bộ Giảng viên Khoa Công nghệ thông tin – Điện tử truyền thông, các cán b ộ giảng viên t

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC KINH BẮC

BÁO CÁO THỰC T P T T NGHI P Ậ Ố Ệ

Đơn vị thực tập: Việ n khoa h ọc đào tạo phát triển nhân l c ự

BÁO CÁO TH C T P: XÂY D NG VÀ THI T K WEBSITE Ự Ậ Ự Ế Ế

THƯƠNG MẠI ĐIỆN TỬ CHO CỬA HÀNG GIÀY SỬ D NG Ụ

CÔNG NGH REACTJS Ệ …

Họ và tên SV: Nguy ễn Văn Thắng MSV:08D4800084 L ớp: 08D CNTT02 Khoa: Công n ghệ thông t in – Điện tử truy n thông ề

Ngành:Công nghệ thông tin

Giáo viên hướng d ẫn: ThS Vũ Ngọ c Phan

Bắc Ninh – Năm 2023

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC KINH BẮC

BÁO CÁO THỰC T P T T NGHI P Ậ Ố Ệ

Đơn vị thực tập: Việ n khoa h ọc đào tạo phát triển nhân l c ự

BÁO CÁO TH C T P: XÂY D NG VÀ THI T K WEBSITE Ự Ậ Ự Ế Ế

THƯƠNG MẠI ĐIỆN TỬ CHO CỬA HÀNG GIÀY SỬ DỤNG CÔNG NGH REACTJS Ệ …

Họ và tên SV: Nguy ễn Văn Thắng MSV:08D4800084 L ớp: 08D CNTT02 Khoa: Công n ghệ thông t in – Điện tử truy n thông ề

Ngành:Công nghệ thông tin

Giáo viên hướng d ẫn: ThS Vũ Ngọ c Phan

Bắc Ninh – Năm 2023

LỜI CẢM ƠN

Để hoàn thành được đề tài này, trước h t em xin g i lời cảm ơn chân ế ửthành đến các Cán bộ Giảng viên Khoa Công nghệ thông tin – Điện tử truyền thông, các cán b ộ giảng viên trong Trường Đại học Kinh Bắc đã tận tình giảng dạy và truyền đạt ki n thế ức cho em Đồng th i em xin g i l i cờ ử ờ ảm ơn đặc biệt

về sự chỉ dạy, hướng d n t n tình cẫ ậ ủa ThS Vũ Ngọc Phan đã luôn tận tình hướng dẫn, giúp đỡ em trong su t th i gian th c hiố ờ ự ện đề tài

Em cũng xin gửi lời cảm ơn tới Khoa Công nghệ thông tin – Điện từ truyền thông Trường Đại Học Kinh B c ắ đã luôn quan tâm và tạo điều ki n giúp ệ

em hoàn thành đề tài này Ngoài ra, em xin cảm ơn những người bạn đã giúp

đỡ và trao đổi thêm nhi u thông tin về tài trong quá trình th c hiề đề ự ện đề tài này

Cuối cùng em vô cùng biết ơn gia đình và bạn bè, nh ng ữ ngườ đãi luôn luôn bên cở ạnh em, động viên, chia s v i em trong su t th i gian thẻ ớ ố ờ ực đề tài

này “Xây d ng và thi t kự ế ế website thương mại điệ n t cho c a hàng giày ử ử

sử d ng công ngh reactjsụ ệ ”

Do ki n th c còn h n ch , bài báo cáo c a em không tránh kh i nhế ứ ạ ế ủ ỏ ững sai sót R t mong nhấ ận đượ nhữc ng l i góp ý t quý Thờ ừ ầy cô để khóa lu n tậ ốt nghiệp c a em ủ được hoàn thi n và giúp em có thêm nhệ ững kinh nghi m quý ệbáu

Cuối cùng, em xin kính chúc các th y cô gi ng viên ầ ả trường Đại học Kinh Bắc nói chung, các thầy cô khoa Công ngh thông tin ệ – Điện tử truyền thông nói riêng d i dào s c kh e và thành công trong s nghi p cao quý ồ ứ ỏ ự ệ

B ắc Ninh, ngày … tháng .… năm 2023

Sinh viên th c hi n ự ệ(Ký và ghi rõ h tên) ọ

M ỤC LỤ C

MỞ ĐẦU 1

1 Lý do chọn đề tài 1

2 M c tiêu cụ ủa đề tài 1

3 Phương pháp nghiên cứu đề tài 1

4 Đối tượng và ph m vi nghiên cạ ứu đề tài 2

5 B cố ục đề tài 2

CHƯƠNG 1: CƠ SỞ LÍ THUYẾT 3

1.1 T ng quan v HTML ổ ề 3

1.1.1 Giới thi u v HTML ệ ề 3

1.1.2 C u trúc và hoấ ạt động HTML 3

1.2 T ng quan v CSS ổ ề 4

1.2.1 Khái ni m v CSS ệ ề 4

1.2.2 Tác d ng c a CSS ụ ủ 4

1.3 T ng quan v JavaScript ổ ề 4

1.3.1 Khái ni m v JavaScript ệ ề 4

1.3.2 ng d ng cỨ ụ ủa JavaScript 5

1.4 T ng quan v SCSS ổ ề 6

1.4.1 Khái ni m SCSS ệ 6

1.4.2 M t s ộ ố ưu điểm vượt trội của SCSS so v i CSS ớ 7

1.5 T ng quan v ReactJS ổ ề 7

1.5.1 Khái ni m ReactJS ệ 7

1.5.2 Ưu điểm c a ReactJS ủ 8

1.6 T ng quan v API ổ ề 9

1.6.1 Khái ni m v API ệ ề 9

1.6.2 ng d ng API Ứ ụ 9

1.6.3 Ưu điể 10 m 1.7 T ng quan v ổ ề cơ sở thự ậ 12 c t p 1.7.1 Giới thi u chung ệ 12

1.7.2 Thành l p ậ 12

1.7.3 Chiến lược phát triển: 12

1.7.4 Cơ cấ ổ chức: 13 u t

1.7.5 Chức năng, nhiệm vụ, phạm vi ngành ngh ề hoạt động: 13

1.7.6 Quy mô, năng lực sản xuất, kinh doanh,… 14

1.8 N i dung nghiên c u ộ ứ 14

CHƯƠNG 2 : THỰC TRẠNG NGHIÊN C U Ứ 15

2.1 Kh o sát bài toán ả 15

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

2.2.1 Xây dựng sơ đồ ệ thống 16 h 2.2.2 Xây dựng cơ sở ữ liệu: 19 d 2.3 Thi t k và xây d ng giao di n website ế ế ự ệ 22

2.3.1 Trang ch ủ 22

2.3.2 Trang qu n trả ị 27

CHƯƠNG 3: KẾT QUẢ NGHIÊN CỨU 30

3.1 Những k t qu ế ả đạt được: 30

3.2 Đề xuất giải pháp 30

TÀI LIỆU THAM KHẢO 31

DANH M C CÁC KÝ HI U VÀ CH Ụ Ệ Ữ VIẾT T T Ắ

STT CHỮ VIẾT T T Ắ TIẾNG ANH TIẾNG VI T Ệ

1 API Application Programming

Interface

Giao diện lập trình ứng dụng

3 CSS Cascading Style Sheets Ngôn ng ữ đượ ửc s

dụng để tìm và định dạng

4 DOM Document Object Model Giao di n l p trình ệ ậ

ứng d ng ụ

Language

Ngôn ng ữ đánh dấu siêu văn bản

8 PDF Portable Document Format Định d ng Tài li u ạ ệ

Di động

9 REST Representational state

transfer

Kiểu ki n trúc ế phần mềm

10 SCSS Sassy Cascading Style

Sheets

Chương trình cho phép kh i t o CSS ở ạ

và thêm m t s tính ộ ốnăng

Recommandé pour toi

[Marketing Plan] dự án giày Biti's - Final

Suite du document ci-dessous

26

11 SASS Syntactically Awesome

DANH M C CÁC Ụ ẢNH

Hình 1.1 Cấu trúc trang HTML 4

Hình 2 1 Hình đoạn mã JavaScript cơ bản 5

Hình 3 SCSS và CSS 1 7

Hình 4 Logic API 1 11

Hình 1.5 Sơ đồ cơ cấu tổ chức 15

Hình 2.1 Sơ đồ phân cấp chức năng 16

Hình 2.2 Sơ đồ mức ngữ cảnh 17

Hình 2.3 Sơ đồ luồng dữ liệu mức đỉnh 17

Hình 2.4 Sơ đồ chức năng quản lý mua hàng (Admin) 18

Hình 2.5 Sơ đồ chức năng quản lý mua hàng (User) 18

Hình 2.6 Sơ đồ chức năng quản lý bán hàng 19

Hình 2.7 Hình tổng quan dữ liệu về giày thể thao 19

Hình 2.8 Hình tổng quan dữ liệu về giày lười 19

Hình 2.9 Hình tổng quan dữ liệu về giày công sở 20

Hình 2.10 Hình tổng quan dữ liệu về giày loafer 20

Hình 2.11 Hình tổng quan dữ liệu về giày thể thao da 21

Hình 2.12 Hình tổng quan dữ liệu về phụ kiện 21

Hình 2.13 Hình tổng quan dữ liệu về ài khoản At dmin 21

Hình 2.14 Hình tổng quan dữ liệu về iỏ hàngg 22

Hình 2.15 Giao diện trang chủ 23

Hình 2.16 Giao diện iày thể thaog 23

Hình 2.17 Giao diện iày lườig 24

Hình 2.18 Giao diện iày công sởg 24

Hình 2.19 Giao diện giày loafer 25

Hình 2.20 Giao diện iày thể thao dag 25

Hình 2.21 Giao diện hụ kiệnp 26

Hình 2.22 Giao diện chi tiết sản phẩm 26

Hình 2.23 Giao diện iỏ hàngg 27

Hình 2.24 Giao diện trang đăng nhập Admin 27

Hình 2.25 Giao diện trang đăng kí Admin 28

Hình 2.26 Giao diện trang quản trị 28

Hình 2.27 Giao diện đơn hàng, thông tin sản phẩm và khách hàng 29

MỞ ĐẦU

1 Lý do chọn đề tài

Ngày nay, công ngh thông tin có vai trò h t s c quan trệ ế ứ ọng, là động lực thúc đẩy tăng trưởng kinh t ế và đổi mới đố ớ ền kinh t toàn c u nói chung i v i n ế ầ

và n n kinh t ề ế quốc dân c a mủ ỗi nước nói riêng

Hiện nay, thương mại điện tử là một lĩnh vực mới đang được nhiều cơ quan, nhi u công ty, nhiề ều đoàn thể cũng như cá nhân nghiên c u và phát triứ ển nhằm đưa các thi t b , các ng dế ị ứ ụng liên quan đến điện tử tin học vào phục vụ cho s phát tri n kinh doanh ự ể Thương ại điệ ử m n t là m t trong nhộ ững lĩnh vực được xem là mang tính thời sự Việở t Nam, hiện cũng đã có nhiề ổ ch c, cá u t ứnhân nghiên c u, ng d ng ứ ứ ụ thương ại điệ ử vào kinh doanh Để m n t góp một phần nh vào s phát triỏ ự ển thương mại điện t ử ở nước ta, em đã quyết định thực hiện đề tài “Xây d ng và thi t kự ế ế website thương mại điệ n t cho c a hàng ử ử

giày s d ng công ngh Reactjsử ụ ệ ”

2 Mục tiêu của đề tài

Ứng dụng được các kiến thức đã học để xây dựng m t s n phẩm ứng ộ ảdụng trong th c t ự ế

Nghiên c u vứ ề thương mại điện tử và nghiệp vụ quản lý cửa hàng giày

Từ đó tiến hành ph n tích thi t k h ầ ế ế ệ thống và xây d ng CSDL ự

Nghiên c u s d ng các ngôn ngứ ử ụ ữ JS, CSS, HTML và ReactJS để ập ltrình ng dứ ụng

3 Phương pháp nghiên cứu đề tài

Phương pháp nghiên cứu lý thuy t: Thu th p các tài li u và thông tin liên ế ậ ệquan đến đề tài, nghiên c u v Javascript, HTML, SCSS, CSS, Reactjs, API ứ ề …

để xây d ng trang web ự

Phương pháp tổng hợp: Xây dựng chương trình theo những yêu cầu đã đặt ra, và thông qua sự tìm hi u c a bể ủ ản thân cũng như những yêu c u mà công ầ

ty mong muốn ở website sau khi đưa vào sử dụng

Phương pháp th c nghi m: Tìm hi u các website ự ệ ể thương mại điện tử và marketing online có sẵn đang hoạt động trên th ịtrường như shopee.vn, tiki.vn,

… .Xác định rõ các yêu cầu c n thiết, cách th c hoạt động để ti n hành xây ầ ứ ếdựng và ch y th ạ ử trang web để kiểm tra kết quả đạt được

Phương pháp chuyên gia: là phương pháp tham khảo ý kiến đóng góp của giáo viên hướng d n ẫ

4 Đối tượng và phạm vi nghiên c ứu đề tà i

Nghiên c u th c tr ng website tứ ự ạ hương mại điện tử tại Vi t Nam và thệ ực

tế hoạt động kinh doanh của công ty để triển khai hệ thống

Đối tượng nghiên c u : Javascript, CSS, HTML, SCSS, API, Reactjs ứ

5 Bố cục đề tài

Ngoài m u và k t lu n, khóa lu n gở đầ ế ậ ậ ồm các chương sau:

Chương 1 Cơ sở lý thuyết

Chương 2 Thực trạng nghiên cứu

Chương 3 Kết quả nghiên c u ứ

CHƯƠNG 1: CƠ SỞ LÍ THUYẾT 1.1 T ổng quan v HTML ề

sẽ trở thành m t n n t ng v ng ch c cho th ộ ề ả ữ ắ ế giới mạng

HTML document có đuôi file dạng html hoặc htm Bạn có thể xem chúng b ng các trình duy t web hiằ ệ ện hành như Google Chrome, Firefox, Safari,… Nhiệm vụ c a trình duyủ ệt là đọc những file HTML này và “biến đổi” chúng thành m t d ng nộ ạ ội dung visual trên Internet sao cho người dùng có th ểxem và hiểu được chúng

Thông thường, một Website sẽ có nhiều HTML document (ví dụ: trang chủ, trang blog,…) và mỗi trang con như vậy sẽ có một tệp HTML riêng Mỗi tài li u HTML bao g m 1 b tag (hay còn g i là element) Nó t o ra m t cệ ồ ộ ọ ạ ộ ấu trúc tương tự như cây thư mục với các heading, section, paragraph,…

và m t sộ ố khố ội n i dung khác H u h t t t cầ ế ấ ả các HTML element đều có một tag m và mở ột tag đóng với cấu trúc <tag></tag>

1.2.2 Tác d ng cụ ủa CSS

Hạn ch t i thi u vi c làm r i mã HTML c a trang web b ng các th quy ế ố ể ệ ố ủ ằ ẻ

định ki u dáng (ch m, ch in nghiêng, ch có gạch chân, ch màu), khi n ể ữ đậ ữ ữ ữ ế

mã ngu n cồ ủa trang web được gọn gàng hơn, tách nội dung c a trang web và ủ

định d ng hi n thị, dễ dàng cho việc cập nhật n i dung T o ra các ki u dáng ạ ể ộ ạ ể

có th áp d ng cho nhi u trang web, giúp tránh ph i l p l i viể ụ ề ả ặ ạ ệc định d ng cho ạcác trang web gi ng nhau ố

1.3 T ổng quan v JavaScript ề

1.3.1 Khái ni m v JavaScript ệ ề

JavaScript là ngôn ng lữ ập trình website ph ổ biến hiện nay, nó được tích hợp và nhúng vào HTML giúp website tr nên sở ống động hơn JavaScript đóng vai trò như là một phần của trang web, thực thi cho phép Client-side script từ phía người dùng cũng như phía máy chủ (Nodejs) tạo ra các trang web động

Hình 1.2 Hình đoạn mã JavaScript cơ bản Bên ngoài trình duy t, JavaScript có thệ ể được s d ng trong l p trình ử ụ ậPDF c a Adobe Acrobat và Adobe Reader ủ

JavaScript Framework là thư viện được xây d ng d a vào ngôn ng l p trình ự ự ữ ậJavaScript T ừ đó, mỗi framework đượ ạo ra đểc t phục cho từng lĩnh vực khác nhau B n có th tìm hi u k ạ ể ể ỹ hơn về framework là gì, s giúp b n có thêm nhiẽ ạ ều

thông tin rõ ràng hơn Hiện nay, có r t nhi u JavaScript Framework thông d ng ấ ề ụnhư:

- Reactjs: Thư viện dùng cho ứng dụng mobile

- Node.js: Dùng để xây d ng và phát triự ển ứng d ng realtime t phía máy ụ ừchủ

- Angular: Dùng để xây dựng ứng dụng Single Page…

- Client-side JavaScript là form ph ổ biến được s d ng ph ử ụ ổ biến hi n nay ệMột trang web không c n mầ ột HTML tĩnh, nhưng có thể bao gồm các chương trình có th ể tương tác với người dùng hay điều khi n trình duy t và t o n i dung ể ệ ạ ộHTML động

1.4 T ổng quan v SCSS ề

1.4.1 Khái ni m SCSS ệ

SASS/SCSS là một chương trình tiền x lý CSS (CSS preprocessor) Nó ửgiúp b n vi t CSS theo cách c a m t ngôn ng l p trình, có c u trúc rõ ràng, ạ ế ủ ộ ữ ậ ấrành m ch, d phát tri n và bạ ễ ể ảo trì code hơn Ngoài ra nó có rất nhiều các thư

viện hỗ trợ kèm theo giúp b n vi t code CSS m t cách dạ ế ộ ễ dàng vào đơn ản gihơn Có rất nhi u loề ại CSS Preprocessor trong đó bao gồm SASS, Stylus SASS

và SCSS v b n ch t về ả ấ ấn đề là gi ng nhau, ch khác nhau cách vi t ố ỉ ở ếSass là chữ viế ắ ủa Syntactically Awesome Style Sheets, chương t t t ctrình ti n x lý b ng ngôn ng k ch b n (Preprocessor Scripting Language ), s ề ử ằ ữ ị ả ẽđược biên dịch thành CSS Nghĩa là, mình sẽ làm style bằng SASS, r i SASS ồ

sẽ render vi c mình làm thành file CSS ệ

SASS s d ng indent (cách thử ụ ụt đầu dòng) để phân tách các kh i code , ố

sử d ng xuụ ống dòng để phân bi t rules , có ph n m r ng là sass ệ ầ ở ộ

SCSS s d ng cú pháp gi ng vử ụ ố ới Ruby (vì đơn giản nó được thi t k bế ế ởi các l p trình viên Ruby) Có ph n m rậ ầ ở ộng là scss , SCSS ra đời sau SASS và

có cú pháp viết tương tự như cách viết CSS Cú pháp này được t o ra nhạ ằm thu hẹp kho ng cách gi a SASS và CSS b ng cách mang l i m t thả ữ ằ ạ ộ ứ gì đó thân thiện với CSS Trong hình phía dưới:

– Bên trái: Được viết bằng SCSS

– Bên phải: là code CSS được biên d ch t ị ừ SCSS

ReactJS là một thư viện JavaScript chuyên giúp các nhà phát tri n xây ểdựng giao diện người dùng hay UI Trong l p trình ng d ng front-end, lậ ứ ụ ập trình viên thường sẽ ph i làm việc chính trên 2 thành phần sau: UI và xử lý ảtương tác của người dùng UI là tập hợp những thành phần mà bạn nhìn thấy được trên b t k mấ ỳ ột ứng d ng nào, ví d có th k n bao g m: menu, thanh ụ ụ ể ể đế ồtìm ki m, nh ng nút nhế ữ ấn, card,… Giả ử ạn đang lậ s b p trình m t website ộ

thương mại điện tử, sau khi người dùng chọn đượ ảc s n phẩm ưng ý rồi và nhấn vào nút “Thêm vào giỏ hàng”, thì việc tiếp theo mà bạn phải làm đó là thêm sản phẩm được ch n vào gi hàng và hi n th l i s n phọ ỏ ể ị ạ ả ẩm đó khi user vào xem

và x ử lý tương tác

1.5.2 Ưu điểm c a ReactJS ủ

Ngoài vi c h ệ ỗ trợ xây d ng giao di n nhanh, h n ch l i trong quá trình ự ệ ạ ế ỗcode, c i thi n performance website thì nhả ệ ững tính năng đặc biệt dưới đây có thể là lý do khi n bế ạn sử ụng d ReactJS và bắt đầu tìm hi u nó t bây gi : ể ừ ờPhù h p vợ ới đa dạng thể loại website: ReactJS khi n cho vi c khế ệ ởi t o website ạ

dễ dàng hơn bởi vì b n không c n ph i code nhiạ ầ ả ều như khi tạo trang web thuần chỉ dùng JavaScript, HTML và nó đã cung cấp cho bạn đủloại b n có th để ạ ểdùng cho nhiều trường hợp

Tái s d ng các Component: N u b n xây dử ụ ế ạ ựng các Component đủ ốt, đủ tflexible để có thể thoả các “yêu cầu” của nhiều dự án khác nhau, bạn chỉ tốn thời gian xây dựng ban đầu và s d ng l i hử ụ ạ ầu như toàn bộ ở các d án sau ựKhông ch riêng m i ReactJS mà các framework hiỉ ỗ ện nay cũng đều cho phép chúng ta th c hiự ện điều đó, ví dụ Flutter ch ng hẳ ạn

Có th s d ng cho c Mobile application: H u hể ử ụ ả ầ ết chúng ta đều bi t r ng ế ằReactJS được s d ng cho vi c lử ụ ệ ập trình website, nhưng thực chất nó được sinh

ra không ch làm mỉ ỗi đều đó Nếu b n c n phát tri n thêm ng d ng Mobile, ạ ầ ể ứ ụthì hãy s dử ụng thêm React Native – một framework khác được phát triển cũng chính Facebook, b n có th d ạ ể ễ dàng “chia sẻ” các Component hoặc s dung lử ại các Business Logic trong ng dứ ụng

Thân thi n v i SEO: SEO là m t ph n không th thiệ ớ ộ ầ ể ếu để đưa thông tin website của bạn lên top đầu tìm ki m c a Google B n ch t ReactJS là mế ủ ả ấ ột thư viện JavaScript, Google Search Engine hiện nay đã crawl và index được code JavaScript, tuy nhiên bạn cũng cần thêm một vài thư viện khác để ỗ trợ điều hnày nhé!

Debug dễ dàng: Facebook đã phát hành 1 Chrome extension dùng trong việc debug trong quá trình phát triển ứng dụng Điều đó giúp tăng tốc quá trình release s n phả ẩm cũng như quá trình coding của bạn

Công c phát tri n web hot nh t hi n nay: N u b n nhìn vào sụ ể ấ ệ ế ạ ố liệu th ng kê ố

từ Google Trend ở Việt Nam ở hình bên dưới, dạo lướt qua các trang tuyển dụng hàng đầu ở Việt Nam như Topdev, Itviec, v.v bạn sẽ thấy s ố lượng tuyển dụng cho v trí React Developer là c c k l n cùng v i mị ự ỳ ớ ớ ức lương vô cùng hấp dẫn và độ phổ biến hi n t i c a ReactJS trên thệ ạ ủ ị trường Việt Nam là như thế nào

1.6 T ổng quan v API ề

1.6.1 Khái ni m v ệ ề API

API là các phương thức, giao thức kết nối với các thư viện và ứng dụng khác Nó là vi t t t c a Application Programming Interface ế ắ ủ – giao di n l p trình ệ ậứng d ng API cung c p kh ụ ấ ả năng cung cấp kh ả năng truy xuất đến m t t p các ộ ậhàm hay dùng Và t ừ đó có thể trao đổi dữ liệu gi a các ữ ứng dụng

1.6.2 Ứng d ng API ụ

- Web API: là hệ thống API được sử dụng trong các hệ thống website H u hầ ết các website đều ứng dụng đến web API cho phép b n k t n i, ạ ế ốlấy dữ liệu ho c c p nhặ ậ ật cơ sở ữ liệu Ví d : B n thi t k d ụ ạ ế ế chức n ng login ằthông Google, Facebook, Twitter, Github… Điều này có nghĩa là bạn đang gọi

đến API c a Hoủ ặc như các ứng dụng di động đều lấy d liệu thông qua API ữAPI trên hệ điều hành: Windows hay Linux có r t nhi u API, h cung c p các ấ ề ọ ấtài liệu API là đặc t ả các hàm, phương thức cũng như các giao thức k t nế ối Nó giúp l p trình viên có th t o ra các ph n mậ ể ạ ầ ềm ứng d ng có thụ ể tương tác trực tiếp với h ệ điều hành

- API của thư viện ph n m m hay framework: API mô t và quy ầ ề ả

định các hành động mong muốn mà các thư viện cung cấp Một API có th có ểnhiều cách triển khai khác nhau và nó cũng giúp cho một chương trình viết bằng ngôn ng này có th s dữ ể ử ụng thư viện được viết b ng ngôn ng khác ằ ữ

- API hiện nay đều tuân th theo tiêu chu n REST và HTTP, t o sủ ẩ ạ ự thân thi n dệ ễ s d ng v i nhà phát triử ụ ớ ển Giúp người dùng dễ dàng truy c p, d ậ ễhiểu hơn Web API hiện đại dùng cho các đối tượng cụ thể, chẳng hạn như mobile developer với document, version khác nhau

- API key: Đây là loại code (string) được truy n t i bề ả ởi các chương trình máy tính gọi là API để xác định chương trình, nhà phát triển hoặc người dùng nó tới trang web Các API key được s d ng v i mử ụ ớ ục đích nhằm gi i h n, ớ ạkiểm soát s d ng API Ch ng hử ụ ẳ ạn như ngăn chặn sự việc lạm d ng API ụ

- API Key thường hoạt động như một mã định danh duy nh t và mã ấthông báo bí mật để xác thực và thường s có m t b quy n truy c p trên API ẽ ộ ộ ề ậđược liên k t v i nó Các API Key có th d a trên h ế ớ ể ự ệ thống định danh duy nhất toàn cầu để đả m b o chúng s là duy nh t cho mả ẽ ấ ỗi người dùng

- Web API là một phương thức dùng để cho phép các ng dứ ụng khác nhau có th giao tiể ếp, trao đổ ữ liệi d u qua l i Dạ ữ liệu được Web API tr ảlại thường ở dạng XML thông qua giao th c HTTP ho c HTTPS ứ ặ

1.6.3 Ưu điểm

- Web API hỗ trợ restful đầy đủ các phương thức: Get/Post/put/delete d ữ liệu Nó giúp b n xây d ng các HTTP service m t cách ạ ự ộrất đơn giản và nhanh chóng Nó cũng có khả năng hỗ trợ đầy đủ các thành phần HTTP: URI, request/response headers, caching, versioning, content format

- Cập nhật thông tin th i gian th c ờ ự

- API có chức năng thay đổi và c p nhậ ật thay đổi theo th i gian ờthực V i công ngh này, d ớ ệ ữ liệu s ẽ được truyền đi tốt hơn, thông tin chính xác hơn, dịch vụ cung c p linh hoấ ạt hơn

- Có tiêu chu n chung d s dẩ ễ ử ụng

- Bất kỳ người dùng, công ty nào s dử ụng cũng có thể điều chỉnh nội dung, d ch v mà h s dị ụ ọ ử ụng

- Hỗ trợ đầy đủ các thành phần MVC như: routing, controller, action result, filter, model binder, IoC container, dependency injection, unit test

Hình 1.4 Logic API

1.7 T ổng quan v ề cơ sở thự ậ c t p

1.7.1 Giớ i thi u chung ệ

- Tên doanh nghiệp: Viện Khoa học Đào tạo Phát tri n Nhân lể ực

- Địa ch : Tòa nhà ISTDH, S ỉ ố 5/139, Đ Phú Diễn, Q B c T Liêm, ắ ừ

TP Hà Nội

Viện Khoa học Đào tạo Phát tri n Nhân l c là tể ự ổ chức giáo dục đào tạo trực thu c c a Vi n Khoa hộ ủ ệ ọc Đào tạo Phát tri n Nhân l c Hiể ự ện nay, được biết

đến với tên viết t t là IFL- ISTDH, là một vi n ngôn ng đang phát triển đưa ắ ệ ữ

ra các khóa h c chuyên nghi p v i các ngo i ng khác nhau, cọ ệ ớ ạ ữ ụ thể là ti ng ếAnh, ti ng Hàn, ti ng Nh t, tiế ế ậ ếng Trung……

1.7.2 Thành l p ậ

Viện Khoa học Đào tạo Phát tri n Nhân lể ực được thành l p theo Quyậ ết

định số 30/QĐ – TWH, ngày 10 tháng 12 năm 2014 của Chủ tịch Ban ch p ấhành Trung ương Hội Khoa học phát triển nhân lực nhân tài Việt Nam.Giấy chứng nhận đăng ký hoạt động khoa h c và công ngh s A-1247 c a B ọ ệ ố ủ ộtrưởng Bộ Khoa h c & Công ngh k ngày 22/01/2015 ọ ệ ỷ

Tên giao d ch qu c t : Institute of science for Training and Development ị ố ếHuman Resources

Tên vi t t t: ISTDH ế ắ

1.7.3 Chi ến lược phát triển:

• Phát tri n các trung tể âm đào tạ ạo t i các t nh v i nỉ ớ ội dung đào tạo: tin h c, ọngoại ngữ, kỹ năng, và đào tạo ngh ề

• Phối h p với các trường Đại học, Cao đẳng, Trung cấp trong và ngoài nước ợ

và qu c t ố ế đào tạo các chương trình dài hạn, ngắn hạn, đào tạo nghề

• Hợp tác v i các doanh nghi p, tổ chứớ ệ c, cung ng ngu n nhân l c t bứ ồ ự ừ ậc thấp tới cao

• Xây d ng, phát tri n các trung tâm nghiên c u v khoa hự ể ứ ề ọc – công ngh ệ