Báo cáo thực tập lập trình ứng dụng cập nhật và chỉnh sửa ảnh đại diện bằng REACT trên SHAREPOINT SERVER
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (444.93 KB, 22 trang )
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 ỨNG DỤNG CẬP NHẬT VÀ
CHỈNH SỬA ẢNH ĐẠI DIỆN BẰNG REACT
TRÊN SHAREPOINT SERVER
Công ty thực tập
: ELCA
Người phụ trách
: Khưu Vĩnh Hoàng Phúc
Thực tập sinh
: Đặng Phương Tân
Mã số sinh viên
: 16521071
TP. Hồ Chí Minh, tháng 01 năm 2021
LỜI MỞ ĐẦU
Sự xuất hiện của Intranet trong môi trường làm việc vào giữa những năm 90 cho thấy
Intranet hoạt động như một nơi lưu trữ đơn giản cho các file, thông tin và giao tiếp theo kiểu
top-down (từ trên xuống).
Giờ đây, Intranet đã phát triển để trở thành trung tâm của một doanh nghiệp, cho phép
giao tiếp, chia sẻ kiến thức, cộng tác, v.v... Intranet giúp nhân viên nộp chi phí, làm đơn xin
nghỉ phép và xem chi tiết kế hoạch lương hưu của mình.
Bạn có thể liên hệ với đồng nghiệp ở văn phòng khác, viết blog cập nhật tin tức mới nhất
của tổ chức và tạo ra một cộng đồng từ chính những người trong doanh nghiệp của bạn. Đối với
hầu hết các doanh nghiệp, khơng cịn nghi ngờ gì nữa, Intranet là một khoản đầu tư lớn, nhưng
đáng giá.
Cùng với sự phát triển của thời đại công nghệ 4.0 và trào lưu startup, càng ngày càng có
nhiều doanh nghiệp ra đời dẫn đến nhu cầu về hệ thống intranet tăng cao. Bên cạnh những công
ty trẻ tuổi trong nước, những công ty lớn trên thế giới (như ELCA) cũng gia nhập vào thị trường
Việt Nam, góp phần rất lớn vào sự phát triển tích cực của kinh tế Việt Nam.
Sau bốn năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, cũng như
muốn được tham gia làm intranet trong một môi trường chuyên nghiệp. Vì vậy, em quyết định
chọn ELCA - một môi trường lý tưởng, hiện đại, chuyên nghiệp - là nơi sẽ giúp em thực hiện
được dự định này.
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn Công ty ELCA đã tạo điều kiện cho em có cơ hội được thực
tập tại công ty.
Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của trainer, em đã tiếp thu
được những kiến thức quan trọng để có thể làm được một ứng dụng React hoàn chỉnh. Chân
thành cảm ơn anh Khưu Vĩnh Hoàng Phúc, đã training React, hướng dẫn, giúp đỡ cho em tận
tình cả những khó khăn trong cơng việc, đến những khó khăn việc làm quen với môi trường
mới, đã bỏ ra nhiều thời gian, cơng sức để hướng dẫn em hồn thành đợt thực tập này.
Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều
kiện em làm bài báo cáo này.
Đặng Phương Tân
TpHCM, ngày……, tháng……, năm……
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
NHẬN XÉT CỦA KHOA
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
..........................................................................................................................................................
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
1
MỤC LỤC
MỤC LỤC .......................................................................................................................... 1
Chương 1: Giới thiệu công ty thực tập ............................................................................ 2
1. Giới thiệu công ty ELCA ........................................................................................... 2
2. Giá trị cốt lõi của công ty ELCA ............................................................................... 2
Chương 2: Nội dung thực tập ........................................................................................... 4
1. Tìm hiểu công ty và các kỹ năng cơ bản trong công ty ............................................. 4
2. Nghiên cứu kỹ thuật ................................................................................................... 4
3. Thực hiện project ..................................................................................................... 11
4. Lịch làm việc............................................................................................................ 12
Chương 3: Chi tiết về project ......................................................................................... 15
1. Giới thiệu về ứng dụng ............................................................................................ 15
2. Thực hiện ................................................................................................................. 16
3. Kế hoạch .................................................................................................................. 16
TÀI LIỆU THAM KHẢO .............................................................................................. 17
TỔNG KẾT ...................................................................................................................... 18
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
2
Chương 1: Giới thiệu công ty thực tập
1. Giới thiệu công ty ELCA
Thành lập từ năm 1968, ELCA là một trong những nhà cung cấp giải pháp CNTT
độc lập lớn nhất của Thụy Sĩ và là đối tác với các công ty trong danh sách Fortune
500 để cung cấp các giải pháp phần mềm được thiết kế thông minh sử dụng phương
pháp Agile và phương pháp tiếp cận nhóm phân tán. Đổi mới trong phát triển sản
phẩm là thế mạnh cốt lõi của cơng ty.
Tập đồn thuộc sở hữu tư nhân, có văn phịng tại Basel, Berne, Geneva, Lausanne
(HQ), Zurich, Pháp, Đức, Ý, Tây Ban Nha, Anh và Việt Nam.
2. Giá trị cốt lõi của công ty ELCA
- Hợp tác: sánh vai làm việc cùng nhau mang lại kết quả tốt nhất và cùng thành
cơng.
- Có cơ sở: ELCA đam mê tư duy đổi mới và hoàn thiện kỹ thuật, công ty phát triển
các giải pháp vượt trội, đạt được lợi thế cạnh tranh cho ELCA và khách hàng của
công ty và do đó gia tăng giá trị.
- Độc lập: trách nhiệm của ELCA là cung cấp giá trị cho khách hàng, bất kể sử
dụng công nghệ nào và đi theo con đường nào.
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
3
- Cam kết: việc tập trung vào hoạt động kinh doanh của khách hàng, làm việc theo
nhóm và tận dụng kiến thức cũng như kinh nghiệm của ELCA, cho phép công ty
cung cấp các giải pháp tuyệt vời khiến khách hàng mỉm cười.
- Đáng tin cậy
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
4
Chương 2: Nội dung thực tập
Đợt thực tập với chủ đề “Lập trình ứng dụng cập nhật và chỉnh sửa ảnh bằng React trên
Sharepoint Server” nhằm mục đích giúp sinh viên thực tập được đào tạo toàn diện về lập trình
React trên Sharepoint Server, đồng thời rèn luyện những kỹ năng mềm như làm việc nhóm,
thuyết trình, giao tiếp. Tại cơng ty, sinh viên có cơ hội được học tập, khám phá và làm việc
trong một môi trường phát triển mạng nội bộ doanh nghiệp chun nghiệp.
1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty
Thời gian : 1 ngày
Nội dung : Giới thiệu về công ty, cách tổ chức của công ty
Được nghe người phụ trách giới thiệu về cơng ty, q trình thành lập và phát triển
(như đã nhắc đến ở trên), quy trình làm việc từ cao xuống thấp, cách thức tổ chức của
cơng ty .
Ngồi ra, thực tập sinh cịn được giới thiệu về cách thức làm việc trong công ty
như thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng hệ thống mạng nội bộ
vào trong công việc…
Kết quả : Hiểu thêm về công ty ELCA, quá trình thành lập và phát triển. Có thêm các kỹ
năng về việc sử dụng hệ thống mạng nội bộ trong cơng việc, làm việc có kế hoạch, có kỷ
luật, có trách nhiệm hơn.
2. Nghiên cứu kỹ thuật
2.1.
Tìm hiểu ngơn ngữ C# cơ bản
Thời gian: 2 ngày
Nội dung: Được training về các khái niệm C# cơ bản.
-
Biến:
+ Là một giá trị dữ liệu có thể thay đổi được.
+ Là tên gọi tham chiếu đến một vùng nhớ nào đó trong bộ nhớ.
+ Là thành phần cốt lõi của một ngôn ngữ lập trình.
Người phụ trách: Khưu Vĩnh Hồng Phúc
Sinh viên: Đặng Phương Tân
5
-
Kiểu dữ liệu:
+ Là tập hợp các nhóm dữ liệu có cùng đặc tính, cách lưu trữ và thao tác xử
lý trên trường dữ liệu đó.
+ Là một tín hiệu để trình biên dịch nhận biết kích thước của một biến (ví dụ
như int là 4 bytes, sẽ được trình bày ở phần sau) và khả năng của nó (ví dụ
biến kiểu int chỉ có thể chứa được các số nguyên).
+ Là thành phần cốt lõi của một ngôn ngữ lập trình.
-
Tốn tử:
Tốn tử là một cơng cụ để thao tác với dữ liệu. Một toán tử là một ký hiệu dùng
để đại diện cho một thao tác cụ thể được thực hiện trên dữ liệu.
-
Lớp:
Lớp trong C# chính là cách thể hiện khái niệm về lớp trong lập trình hướng đối
tượng. Một lớp trong C# có các thành phần như: thuộc tính, phương thức, phương
thức khởi tạo, phương thức hủy bỏ.
Thực hiện:
-
Tham gia đầy đủ các buổi training của công ty.
-
Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả:
-
Nâng cao kiến thức lập trình với ngơn ngữ C#.
-
Có được những kiến thức quan trọng cho việc lập trình Sharepoint sau này.
-
Ngồi ra cịn được biết thêm một số quy tắc trong việc viết code sao cho đúng
chuẩn, dễ đọc, dễ hiểu.
2.2.
Tìm hiểu ngơn ngữ C# nâng cao
Thời gian: 3 ngày
Nội dung: Được training về các kỹ thuật C# nâng cao, những kiến thức quan trọng
cho việc lập trình Sharepoint.
-
Lập trình hướng đối tượng:
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
6
Các kiến thức cơ bản về lập trình hướng đối tượng như khái niệm, các đặc tính
như tính kế thừa, tính đóng gói, tính trừu tượng, tính đa hình.
-
Interface:
Interface là 1 khái niệm thường được thấy trong các ngôn ngữ cấp cao như C#,
Java,... interface mang đến những ràng buộc về hành động cho các đối tượng, vừa
mang lại kiến trúc tốt hơn cho hệ thống, tránh sơ sót và dễ dàng bảo trì.
-
Exception:
Khơng gì quan trọng bằng một đoạn mã tốt, một chương trình phải ln có khả
năng xử lí những lỗi có thể xảy ra. Exception giúp quản lý và xử lí các lỗi như thế.
Thực hiện:
-
Tham gia đầy đủ các buổi training của công ty.
-
Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả:
-
Nâng cao kỹ năng lập trình với ngơn ngữ C#.
-
Có được những kiến thức quan trọng cho việc lập trình Sharepoint sau này.
-
Ngồi ra cịn được biết thêm một số quy tắc trong việc viết code sao cho đúng
chuẩn, dễ đọc, dễ hiểu.
2.3.
Các công cụ làm việc
Thời gian: 7 ngày (1 tuần)
Nội dung: Tìm hiểu về các cơng cụ sẽ được sử dụng trong quá trình làm việc.
Trong thời gian này, coach đã hướng dẫn thực tập sinh tìm hiểu về các cơng cụ sẽ
giúp ích cho trong cơng việc sau này. Một số phần mềm trong số đó như Outlook –
nhận thông báo từ nội bộ trong công ty, Microsoft Visual Studio – một mơi trường
phát triển tích hợp (IDE) của Microsoft, Visual Studio Code - một chương trình soạn
thảo văn bản rất hữu ích và phổ biến với lập trình viên.
Thực hiện : Thực hành sử dụng các phần mềm đã nêu trên.
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
7
Kết quả : Lập trình sử dụng các cơng cụ miễn phí, giúp dễ dàng kết hợp các cơng cụ
với nhau.
2.4.
Thiết kế UI và kiểm thử
Thời gian: 7 ngày (1 tuần)
Nội dung: Được training về các khái niệm và kỹ thuật liên quan đến giao diện.
-
HTML:
HTML (viết tắt của từ 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 trên World Wide Web.
-
CSS:
Giống như HTML, CSS không thực sự là một ngôn ngữ lập trình. Nó khơng phải
là một ngơn ngữ đánh dấu - đó là một ngơn ngữ định kiểu. Nó cho phép bạn áp
dụng kiểu có chọn lọc cho các phần tử trong tài liệu HTML.
-
JavaScript:
JavaScript là ngơn ngữ lập trình phổ biến nhất trên thế giới trong suốt 20 năm qua.
Nó cũng là một trong số 3 ngơn ngữ chính của lập trình web: HTML, CSS,
JavaScript. JavaScript có thể học nhanh và dễ dàng áp dụng cho nhiều mục đích
khác nhau, từ việc cải thiện tính năng của website đến việc chạy game và tạo phần
mềm nền web.
Thực hiện:
-
Tham gia đầy đủ các buổi training của công ty.
-
Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả:
-
Nâng cao kiến thức và kỹ năng lập trình web, đặc biệt là front-end.
-
Có được những kiến thức quan trọng cho việc lập trình React sau này.
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
8
2.5.
Sharepoint 2013 Business User
Thời gian : 7 ngày (1 tuần)
Nội dung : Được training về các khái niệm và kỹ thuật liên quan đến Sharepoint cho
người dùng đầu cuối.
-
Kiến trúc Sharepoint
Kiến trúc SharePoint thường được xây dựng bằng cách sử dụng hệ thống phân cấp
gồm tuyển tập trang (site collections) và trang con (sub-sites), với điều hướng,
quyền và thiết kế trang kế thừa.
-
List
Danh sách trong Sharepoint là một tập hợp dữ liệu cung cấp cho bạn và đồng
nghiệp của bạn một cách linh hoạt để tổ chức thông tin.
-
Library:
Thư viện là một vị trí trên trang web nơi bạn có thể tải lên, tạo, cập nhật và cộng
tác trên các tệp với các thành viên trong nhóm.
-
Permission:
Người dùng trong Sharepoint sẽ có các quyền cơ bản sau: chỉ xem (View Only),
giới hạn (Limited Access), đọc (Read), đóng góp (Contribute), chỉnh sửa (Edit),
thiết kế (Design), toàn quyền (Fll Control).
Thực hiện :
-
Tham gia đầy đủ các buổi training của công ty.
-
Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả :
-
Nâng cao kiến thức và kỹ năng lập trình Sharepoint.
-
Có được những kiến thức quan trọng cho việc lập trình Sharepoint sau này.
2.6.
SharePoint 2013 Development
Thời gian: 14 ngày (2 tuần)
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
9
Nội dung: Được training về các khái niệm và kỹ thuật liên quan đến lập trình
Sharepoint.
-
SP Powershell
PowerShell là một khung quản lý cấu hình và tự động hóa tác vụ đa nền tảng, bao
gồm một trình bao dịng lệnh và ngôn ngữ kịch bản. Không giống như hầu hết các
shell chấp nhận và trả về văn bản, PowerShell được xây dựng trên .NET Common
Language Runtime (CLR) và chấp nhận và trả về các đối tượng .NET. Sự thay đổi
cơ bản này mang đến những cơng cụ và phương pháp hồn tồn mới cho tự động
hóa.
-
Event Receivers:
Event Receiver là một tính năng quan trọng của SharePoint. Việc sử dụng Event
Receiver là để xử lý các sự kiện. Nó giống như một phương thức được kích hoạt
khi một hành động xảy ra trên một đối tượng SharePoint được chỉ định. Hành
động kích hoạt có một số hoạt động bao gồm:
+ Thêm
+ Đang cập nhật
+ Đang xóa
+ Đang chuyển
+ Đang check in
+ Đang check out.
-
Webparts:
Khi thêm một trang hiện đại vào một trang web, bạn sẽ thêm và tùy chỉnh các
phần web (webparts), là các khối xây dựng trang của bạn. Bạn có thể thêm văn
bản, hình ảnh, tệp, video, nội dung động và hơn thế nữa.
-
JSLink:
Làm việc với giao diện người dùng SharePoint luôn là một thách thức đối với các
nhà phát triển. Tuy nhiên, một tính năng mới trong SharePoint 2013 được gọi là
JSLink giúp giảm bớt gánh nặng của việc sử dụng XSLT và cung cấp một cách dễ
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
10
dàng và nhanh nhạy hơn để hiển thị các trường tùy chỉnh trên máy khách. JSLink
là một thuộc tính kiểm soát việc hiển thị các trường, các mục và thậm chí cả các
Phần Web thơng qua một tệp JavaScript.
Thực hiện:
-
Tham gia đầy đủ các buổi training của công ty.
-
Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả:
-
Nâng cao kiến thức và kỹ năng lập trình Sharepoint.
-
Có được những kiến thức quan trọng cho việc lập trình Sharepoint sau này.
-
Thông qua kiến thức về JSLink và webpart, ta có thể nhúng ứng dụng React vào
front-end của Sharepoint, từ đó làm tiền đề cho dự án này.
2.7.
Nintex Workflow
Thời gian: 7 ngày (1 tuần)
Nội dung: Được training về các khái niệm và kỹ thuật liên quan đến dịng cơng việc
(workflow) trong Sharepoint.
Thực hiện:
-
Tham gia đầy đủ các buổi training của công ty.
-
Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả:
-
Nâng cao kiến thức và kỹ năng lập trình workflow trong Sharepoint.
-
Có được những kiến thức quan trọng cho việc lập trình Sharepoint sau này.
2.8.
ReactJS
Thời gian: 7 ngày (1 tuần)
Nội dung: Được training về các khái niệm và kỹ thuật lập trình ReactJS.
-
Các khái niệm cơ bản và cú pháp:
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
11
React là một thư viện JavaScript để xây dựng giao diện người dùng. Nó cho tốc
độ phản hồi tuyệt vời khi user nhập liệu bằng cách sử dụng phương pháp mới để
render trang web.
-
JSX:
JSX là một phần mở rộng cú pháp cho JavaScript. JSX tạo ra các “phần tử” React
đặc trưng.
-
Components và Props:
+ Components cho phép bạn chia giao diện người dùng thành các phần độc
lập, có thể tái sử dụng và suy nghĩ về từng phần một cách riêng biệt.
+ Về mặt khái niệm, components giống như các hàm JavaScript. Chúng chấp
nhận các đầu vào tùy ý (được gọi là “props”) và trả về các phần tử React
mô tả những gì sẽ xuất hiện trên màn hình.
-
State:
State là dữ liệu của riêng một component đó và có thể truyền đến các component
con dưới dạng props.
-
Lists và Keys:
Mỗi thành phần của list trong React đều phải được đánh một mã phân biệt gọi là
key nhằm tối ưu hóa chương trình React.
Thực hiện:
-
Tham gia đầy đủ các buổi training của công ty.
-
Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả:
-
Nâng cao kiến thức và kỹ năng lập trình React.
-
Có được những kiến thức quan trọng cho việc lập trình dự án React.
3. Thực hiện project
Sau 2 tháng được training và thực hành, thực tập sinh đã nắm được những kiến
thức cơ bản về C#, Sharepoint, Front-end, ReactJS. Trong tháng thứ ba, trainer đã hướng
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
12
dẫn thực tập sinh áp dụng những kiến thức đã học để thực hiện một project ReactJS trên
Sharepoint.
Chi tiết đồ án sẽ được nói ở phần sau.
4. Lịch làm việc
Tuần
Cơng việc
-
-
dẫn
Tìm hiểu về cơng ty, cách Anh
tổ chức của cơng ty.
1
Người hướng
Vĩnh
Mức độ
hoàn
thành
Nhận xét của người
hướng dẫn
Khưu
Hoàng
Làm quen với các công cụ Phúc
làm việc trong công ty.
-
Học cách trao đổi, làm việc
qua Outlook.
-
Tìm hiểu ngơn ngữ lập Anh
trình C# cơ bản
2
3
-
Vĩnh
Khưu
Hồng
Tìm hiểu ngơn ngữ lập Phúc
trình C# nâng cao
-
Thực hành C#
-
Làm bài test C#
-
Tìm hiểu về các cơng cụ Anh
Khưu
Vĩnh
Hồng
làm việc
-
Thực hành viết một web Phúc
ASP.NET cơ bản
4
Tìm hiểu về HTML, CSS, Anh
Khưu
Vĩnh
Hoàng
JavaScript
-
Thực hành viết một web cơ Phúc
bản kết hợp ba ngơn ngữ
Người phụ trách: Khưu Vĩnh Hồng Phúc
Sinh viên: Đặng Phương Tân
13
nói trên.
-
Tìm hiểu về Sharepoint Anh
cho người dùng đầu cuối
5
-
Vĩnh
Khưu
Hồng
Thực hành tạo một site Phúc
collection quản lý projects
và tin tức
-
Tìm hiểu về cách thức lập Anh
Khưu
Vĩnh
Hồng
trình Sharepoint
-
Thực hành tạo một site Phúc
collection quản lý projects
6
và tin tức nhưng bằng
Powershell và code C#
thơng qua Visual Studio
-
Tìm
hiểu
về
Nintex Anh
Khưu
Vĩnh
Hồng
Workflow
7
-
Thực hành tạo một dịng Phúc
cơng việc cơ bản trong
Sharepoint
8
-
Tìm hiểu về ReactJS
Anh
Khưu
-
Thực hành tạo một ứng Vĩnh
Hoàng
dụng xây dựng và đặt hàng Phúc
bánh burger bằng ReactJS.
9
10
Giai đoạn Alpha:
Anh
Khưu
-
Lên kế hoạch
Vĩnh
Hồng
-
Tìm kiếm module thích hợp Phúc
-
Thiết kế giao diện
Giai đoạn Alpha(tiếp):
-
Anh
Khưu
Thiết kế kiến trúc ứng Vĩnh
Hoàng
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
14
dụng.
-
Tích
Phúc
hợp
module
vào
chương trình thành một ứng
dụng chỉnh sửa hình ảnh
đơn giản.
Giai đoạn Beta:
-
Anh
Khưu
Viết các chức năng nâng Vĩnh
Hồng
cao hơn
-
Liên
Phúc
kết
Sharepoint
11
với
server
thơng
qua
Sharepoint REST API sử
dụng AJAX Jquery
và
XMLHttpRequest
-
Xây dựng giao diện Fluent
UI được cung cấp bởi
Microsoft
Giai đoạn Beta và giai đoạn Anh
kết thúc, báo cáo :
-
Vĩnh
Khưu
Hồng
Review code, thêm tính Phúc
năng mới.
12
-
Hồn thiện tính năng.
-
Đảm bảo tương thích trên
mọi trình duyệt.
-
Fix bug.
-
Báo cáo cuối đợt thực tập.
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
15
Chương 3: Chi tiết về project
1. Giới thiệu về ứng dụng
Tại thời điểm lên ý tưởng, hệ thống mạng nội bộ của ELCA chưa có hệ thống cập
nhật ảnh đại diện cho nhân viên, việc cập nhật được quản trị viên thực hiện. Đơi khi
hình ảnh có chất lượng khơng tốt và hơi thô cứng. Nhận thấy việc này, công ty đã lên ý
tưởng tạo ra một trang cập nhật cho mỗi thành viên tự chỉnh sửa ảnh của mình, việc của
quản trị việc chỉ đơn giản là phê duyệt ảnh đó.
Trang cập nhật trên hệ thống Sharepoint Server sẽ được nhúng ứng dụng ReactJS
bao gồm giao diện người dùng và việc xử lý. Người dùng truy cập vào trang sẽ được
nhận diện tài khoản thông qua hệ thống Sharepoint REST API, họ chỉ cần upload hình
ảnh đại diện lên, chỉnh sửa theo ý muốn và lưu lại. Khi nhấn vào nút lưu, ứng dụng sẽ
gửi yêu cầu đến server yêu cầu lưu hình ảnh đã chỉnh sửa và ảnh gốc dưới tên người
dùng đó. Sau khi lưu thành cơng, một workflow của Sharepoint được kích hoạt nhằm
gửi mail đến quản trị viên u cầu phê duyệt hình ảnh đó. Trạng thái phê duyệt và ảnh
đại diện hiện tại có thể được hiển thị trên chính trang ứng dụng này.
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
16
2. Thực hiện
Công việc được thực hiện trong 1 tháng với việc lập trình chính là em – Đặng
Phương Tân và sự giúp đỡ tận tình của team trainer ELCA.
3. Kế hoạch
Giai đoạn Alpha:
-
Lên kế hoạch, cách thức hoạt động của trang ứng dụng kết hợp với Sharepoint.
-
Tìm kiếm module hỗ trợ việc chỉnh sửa ảnh, hỗ trợ thiết kế giao diện người dùng.
-
Thiết kế giao diện, cách bố trí các thành phần phù hợp.
Kết quả :
-
Xác định rõ ràng cách hoạt động của ứng dụng.
-
Xác định được module thích hợp.
-
Giao diện được thiết kế nháp tương đối phù hợp.
Giai đoạn Beta:
-
Review với manager, thêm và chỉnh sửa các tính năng.
-
Cải thiện tính năng, hiệu suất của ứng dụng.
-
Kết hợp với workflow của Sharepoint nhằm tạo ra quy trình tự động hóa.
Kết quả : Đã hồn thành tồn bộ những công việc trên và áp dụng thành công vào hệ
thống chính thức.
Người phụ trách: Khưu Vĩnh Hồng Phúc
Sinh viên: Đặng Phương Tân
17
TÀI LIỆU THAM KHẢO
[1] C#Corner
/>[2] Sharepoint Docs
/>[3] ReactJS Docs
/>[4] React - The Complete Guide (incl Hooks, React Router, Redux)
/>[5] AJAX Jquery
/>[6] Fluent UI
/>[7] W3Schools
/>
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
18
TỔNG KẾT
Như vậy, chỉ trong vòng một tháng ngắn ngủi, em đã kịp hoàn thành ứng dụng cập nhật
và chỉnh sửa ảnh đại diện cho công ty trên server Sharepoint sử dụng ReactJS. Ứng dụng đã có
khá đầy đủ các tính năng đã đề ra ban đầu. Do thời gian có hạn nên tính năng cịn đơn giản, hình
ảnh ổn và đáp ứng nhu cầu.
Quãng thời gian thực tập tại ELCA đã giúp em cải thiện bản thân rất nhiều trong quy
trình làm việc thực tế, tác phong của người kỹ sư phần mềm. Được làm việc tại đây, em đã học
thêm được kỹ năng mềm sử dụng mail, quản lý, làm việc nhóm, giao tiếp với cấp trên,...
Chân thành cảm ơn sự giúp đỡ của các anh trainer ELCA đã giúp em có động lực và khả
năng hồn thành ứng dụng này.
Người phụ trách: Khưu Vĩnh Hoàng Phúc
Sinh viên: Đặng Phương Tân
