Xây dựng ứng dụng chụp và chỉnh sửa ảnh trên nền tảng IOS

VIỆN ĐẠI HỌC MỚ HÀ NỘI

KHOA CÔNG NGHỆ THÔNG TIN
st

<1

o
ỹ
z
F-

z
z
z
X
rX
z
.<
"X
X
X
z
X
o

'<
>

NGUYEN VĂN HIÉU

XÂY DỤNG ỦNG DỤNG CHỤP VÀ CHỈNH SỦA ẢNH TRÊN NỀN
TẢNG IOS
Chuyên ngành: Công nghệ thông tin

X
u
y
z
XQ
z
-X
y
z
XQ
>
z

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC

Hà Nôi - Năm 2017


MỤC LỤC
CHƯƠNG 1. TỐNG QUAN............................................................................... 1

1.1.

Một số thông tin CO' bản về ứng dụng................................................ 1

1.2.

Tính cấp thiết và lý do chọn đề tài.....................................................2

1.3.

Mục tiêu xây dựng................................................................................ 4

1.4.

Đối tuợng và phạm vi của đề tài........................................................ 5

1.5.

Kết quả đạt đưọc.................................................................................. 5

CHƯƠNG 2: KHẢO SÁT HỆ THỐNG...........................................................6

2.1.

Một số vấn đề gặp phải............................................................... 6

2.2.

Hướng giải quyết bài toán......................................................... 6

2.3.

Xác định yêu cầu hệ thống......................................................... 6

CHƯƠNG 3: PHÂN TÍCH THIẾT KÉ........................................................... 8

3.1.

PHÂN TÍCH CHÚC NĂNG HỆ THÔNG....................................... 8

3.1.1.

Xác định chức năng nghiệp vụ........................................................... 8

3.1.1.1.

Xác định chức năng chi tiết..........................................................8

3.1.1.2.

Gom nhóm chức năng................................................................... 9

3.1.1.3.

Sơ đồ phân rã chức năng (BFD)............................................... 11

3.1.2.

Xác định luồng thông tin nghiệp vụ................................................ 12

3.1.2.1.

Sơ đồ luồng mức ngữ cảnh........................................................... 12

3.1.2.2.

Sơ đồluồng dữ liệu mức đinh...................................................... 13

3.1.2.3.

Sơ đồluồng dữ liệu mức dướiđình............................................... 14

3.1.3.

Đặc tả chức năng................................................................................. 18

3.1.3.1.

Đặc tả chức năng “Chức năng chụp ảnh”................................... 18

3.1.3.2.

Đặc tả chức năng “Chức năng chọn ảnh”................................... 18

3.1.3.3.

Đặc tả chức năng “Chức năng chinh sứa ảnh”.......................... 19

3.1.3.4.

Đặc tà chức năng “Chức năng chia sẻ”..................................... 20

3.2.

PHÂN TÍCH DŨ LIỆU HỆ THÕNG................................................ 20

3.3.

THIẾT KÉ HỆ THỐNG.....................................................................21

3.3.1.

Thiết kế tổng thể................................................................................. 21

3.3.1.1.

Phân định thủ cơng-máy tính.................................................. 21

CHƯƠNG 4. TRIẼN KHAI VÀ KẾT QUẢ.................................................. 24

4.1.

4.2.

Giao diện nguôi dùng............................................................................. 24
4.1.1.

Giao diện khi mở ứng dụng và giao diện chinh sửa ánh:......... 24

4.1.2.

Giao diện chụp ánh:...................................................................... 25

4.1.3.

Giao diện thư viện ảnh:............................................................... 26

4.1.4.

Giao diện chia sé:........................................................................ 27

4.1.5.

Giao diện chức năng áp dụng bộ lọc, cắt ánh:.......................... 28

Mô tả chi tiết.............................................................................................29

KÉT LUẬN..........................................................................................................44
TÀI LIỆU THAM KHẢO................................................................................ 45


DANH MỤC CÁC HÌNH ẢNH, BẢNG BIẾU
Bảng biểu

Tên bảng biểu

Trang

Báng 1.1

Báng gom nhóm chức năng đơn giản

5-6

Bàng 1.2

Bàng gom nhóm chức năng cụ thê

6

Hình

Tên hình

Trang

Hình 1.1

Sơ đồ phân rã chức năng

7

Hình 1.2.1

Sơ đồ luồng mức ngừ cảnh

9

Hình 1.2.2

Sơ đồ luồng dừ liệu mức đinh

10

Hình 1.2.3

Sơ đồ luồng dừ liệu mức dưới đinh tiến trình

11

“Chụp ánh ”
Hình 1.2.4

Sơ đồ luồng dữ liệu mức dưới đinh tiến trình

12

“Chọn và chia sẻ hình ảnh ”
Hình 1.2.5

Sơ đồ luồng dữ liệu mức dưới đỉnh tiến trình

13

“Chức năng chinh sửa ảnh ”
Hình 1.2.6

Sơ đồ luồng dừ liệu mức dưới đinh tiến trình

14

“Chức năng chia sê ảnh ”

Hình 3.1.1

Phân định cơng việc thù cơng - máy tính tiến

18

trình “Chụp và chia sẻ ảnh”
Hình 3.1.2

Phân định cơng việc thú cơng - máy tính tiến

trình “Chọn và chia sẻ ảnh”

19


Hình 3.1.3

Phân định cơng việc thù cơng - máy tính tiến

20

trình “Chinh sửa và chia sẻ ảnh”
Hình 4.1.1

Giao diện khi mớ ứng dụng và giao diện chinh

21

sửa ảnh

Hình 4.1.2

Giao diện chụp ảnh

22

Hình 4.1.3

Giao diện thư viện ảnh

23

Hình 4.1.4

Giao diện chia sẻ

24

Hình 4.1.5

Giao diện chức năng áp dụng bộ lọc, cắt ảnh

25

Hình 4.2.1

Cấu trúc mã lệnh chương trình

27

Hình 4.2.2

Cấu trúc các màn hình (view controller)

28

Hình 4.2.3

Bộ lọc giả cổ (old)

31

Hình 4.2.4

Bộ lọc màu ấm (Warm)

32

Hình 4.2.5

Bộ lọc màu nhợt (Fade)

33

Hình 4.2.6

Bộ lọc màu lạnh (Cold)

34

Hình 4.2.7

Bộ lọc màu ảnh phim màu cũ (vintage)

35

Hình 4.2.8

Bộ lọc màu đen trắng (B&W)

36

Hình 4.2.9

Bộ lọc màu ám tím (Purple)

37


TĨM TẮT ĐỊ ÁN
Họ và tên: Nguyễn Văn Hiếu

Chun ngành: Cơng nghệ thơng tin

Khóa: 2013-2017

Giáo viên hướng dẫn: TS. Nguyễn Đức Tuấn

Tên đề tài: Xây dựng phần mềm chụp và chình sửa ảnh trên nen tảng iOS

Tóm tắt: Phần mềm xây dụng giúp người dùng sử dụng điện thoải chụp
ánh và áp dụng các bộ lọc một các dễ dàng và thuận tiện. Công nghệ sứ dụng

trong đề tài là ngơn ngừ lập trình Swift và IDE Xcodc.
Đồ án được chia thành các chương với nội dung như sau:

•

Chương 1. Tống quan: Các thơng tin cơ bàn về ứng dụng.

•

Chương 2. Khảo sát hệ thống

•

Chuơng 3. Phân tích thiết ke

•

Chương 4. Triền khai và kết quả

•

Chương 5: Kết luận: Chương này đưa ra ưu điểm và những hạn chế

cùa đồ án


DANH MỤC CÁC TÙ VIÉT TẮT, THUẬT NGŨ VÀ NGOẠI NGŨ

STT Từ viết tắt/Thuật

Viết đầy đủ

Dịch nghĩa

Integrated Development

là phần mềm máy

Environment

tính giúp lập trình

ngữ/Ngoại ngữ
1

IDE

viên trong việc phát

triển phần mềm
2

RGB/rgb

Red - Green - Blue

Từ được sử dụng để
nói đến 3 ánh sáng

Đó (red) - xanh lá

(green) - xanh

dương(blue) là ba

màu gốc hoà vào

nhau theo nhiều cách
khác nhau để tạo

thành các màu khác
3

RGBA/rgba

Red - Green -

Tưorng tự RGB

Blue - Apha

nhưng có them yếu tố

kênh trong suốt (độ
sắc nét) - alpha
4

Camera

Máy ảnh, trong bài là
chỉ đến ống kính

chụp ảnh đặt ở sau
lưng và phía trước

điện thoại
5

Camera roll

Thư viện ảnh

6

Server

máy chủ


7

Native

Trong bài đầy đủ là

cụm từ “ứng dụng
native” ám chỉ ứng

dụng chỉ chạy trên

nền tảng ĨOS, không

lấy dừ liệu từ đâu
khác

8

Share

Chia sẻ

9

Select

Chọn

10

Edit

Chỉnh sửa

11

Take

Lấy, trong bài ám chi

hành động chụp lấy

ảnh (take photo)
12

Photo/Imagc

Ánh

13

Retake

Chụp lại

14

Use

Sứ dụng

15

Filter

Bộ lọc

16

Crop

Cắt

17

Border

Khung viền

18

Flash

Đèn nháy

19

Folder

Thư mục

20

Pixel

Điểm ãnh

21

Cloud

Mây. Trong bài ám
chi đến cơng nghệ

thuật tốn đám mây
22

Album

Thư viện ảnh


LỜI NÓI ĐẦU
Đồ án tốt nghiệp là kết quả của một khóa học và là thành quà lao động

của em. Đe có the thực hiện và hồn thành đồ án này, em đã nhận được sự
hướng dẫn và giúp đỡ rất nhiệt tình của các thầy cơ và các bạn trong Khoa Công

Nghệ Thông Tin - Viện Đại học Mở Hà Nội. Em xin gửi lời cảm ơn chân thành
và sâu sắc tới các thầy, các cô trong Khoa, những người đã tận tình giảng dạy
và truyền đạt những kiến thức cần thiết, những kinh nghiệm quý báo cho em

trong suốt bốn năm học tại Viện Đại học Mờ Hà Nội đề em có thể tự tin khi
thực hiện đồ án này.

Đặc biệt, em xin cảm ơn thầy Nguyễn Đức Tuấn, người đã tận tình, chi

bảo động viên và hỗ trợ em trong suốt quá trình thực hiện đề tài này. Trong thời
gian làm đồ án cùng thay, em không những học hỏi được những kiến thức mà

còn học được khả năng làm việc nghiêm túc, độc lập và có trách nhiệm với

công việc của minh.
Mặc dù, em đã cố gắng hoàn thiện đồ án trong phạm vi và khã năng cho

phép của mình, những chắc chắn khơng tránh khỏi những thiếu sót. Em xin
kính mong nhận được sự thơng cảm và góp ý của các thầy, các cơ và các bạn.

Cuối cùng em xin kính chúc các thầy cơ mạnh khỏe, ln ln là những
người lái đị ân cần dìu dắt các thế hệ tiếp theo của FITHOU trưởng thành.
Em xin xin chân thành câm ơn !


1

CHƯƠNG 1. TĨNG QUAN
1.1.

Một số thơng tin CO’ bản về ứng dụng

-

Tên ứng dụng: Easy Filter

-

Một số chức năng cơ bản:

•

Chụp ảnh và lưu lại

•

Tạo hiệu ứng

•

Cắt ành

•

Chèn khung ánh.

•

Chia sẻ lên mạng xã hội

ủ ng dụng Easy Filter sẽ bao gồm:
-

Giao diện chính.

-

Bên dưới giao diện chính là các chức năng chính:

•

Select Photo

•

Take Photo

•

Edit Photo

•

Share

-

Trong Select Photo sẽ hiện ra thư viện ảnh đế người dùng chọn bức ảnh mà họ

muốn chỉnh sửa.
-

Trong Take Photo sẽ hiên ra giao diện chụp ánh. Trong đó có các chức năng:

•

Chụp

•

Bật/Tắt Flash

•

Đổi Camera trước và sau

-

Sau khi chụp sẽ hiện ra giao diện gồm 2 chức năng:

•

Use Photo (Sử dụng ánh)

•

Retake (Chụp lại)


2

-

Trong Edit Photo sẽ có các chức năng:

•

Filter

•

Crop

•

Border
Trong đó, mỗi giao diện có các chức năng sau:

-

Giao diện chính: Là giao diện mà người dùng vào và nhìn thấy đầu tiên, bao

gồm các nút điều hướng đến các chức năng nhỏ hơn.

-

Giao diện chọn ảnh:

•

Hiện ra các album ành của người dùng, cho phép người dùng chọn ảnh đổ chinh

sứa.
-

Giao diện chụp ảnh: gồm 2 chức năng:

•

Chụp ánh-. Chụp tấm ánh, chọn lưu lại hoặc khơng.

•

Chức năng phụ: Bao gồm các chức năng bật tat flash, đổi camera trước hoặc
sau.

-

Giao diện chỉnh sửa ảnh: gồm 3 chức năng:

•

Áp dụng bộ lọc: Cho phép người dùng chọn nhanh các hiệu ứng đã có sằn cho

ảnh
Cắt: Cho phép người dùng cắt bức ảnh.

•
•

Khung viền: Cho phép người dùng thay đổi khung viền cho bức ảnh

-

Chia sẻ: Hiện ra icon ứng dụng Facebook hoặc Twitter cho đế phép người dùng

share lên

1.2.

Tính cấp thiết và lý do chọn đề tài
Cùng với sự phát triển chóng mặt của ngành cơng nghệ mobile ngày nay,

chụp ảnh và đăng lên các trang mạng xã hội để khoe với bạn bè hoặc lưu lại
các khoảnh khắc để sau này nhìn lại nhu cầu chung cúa tồn xã hội. Khi đi du


3

lịch, đi ăn, đi chơi nói chung có thế nhìn thấy rất nhiều người luôn cầm trên tay
1 chiếc điện thoại đế chụp ánh. Hay thâm chí ngồi trong lớp học cũng có thể
thấy học sinh cầm điện thoại chụp lại bài giảng trên báng, tài liệu V.V.... Và khi

lướt trên các trang mạng xã hội, có thế thấy các bức ánh được tái lên rất nhiều

nhằm chia sè lại các khoảnh khắc của người dùng. Theo thống kê, có đến 350

triệu tam ảnh được tãi lên Facebook mỗi ngày (vào thời diếm năm 2013)[ 1 ],

hay như Instagram có đến 150 triệu bức ảnh được đăng lên chi sau 10 tháng kế
từ khi xuất hiện[2]. Đó là những con số rất lớn, chưa kế đến những tấm ánh đã

được chụp nhưng người dùng vẫn còn lưu trong máy, hay chụp xong chi khoe
với những người xung quanh không chia sẻ lên mạng xã hội với nhiều lý do.
Vì thế, với một nhu cầu lớn như vậy, đây sẽ là một mảnh đất màu mỡ để làm

ra một ứng dụng chụp ánh nhằm mục đích cạnh tranh, trong đó chú yếu hướng
đến tính năng sử dụng hiệu ứng (vốn là nhu cầu chính sau khi chụp ảnh xong)

nhằm đơn giản hoá việc chỉnh sừa ánh cho người dùng. Đây là lý do em chọn
đề tài “Xây dựng ứng dụng chụp ánh trên nền tàng ĨOS”

ứng dụng xừ lý ảnh được xây dựng nhàm cung cấp tiện ích cho người

dùng có thể chụp anh, chỉnh sứa ánh nhanh chóng, tạo hiệu ứng tạo các hiệu
ứng theo ý muốn từ các hiệu ứng được cung cấp sẵn và được cập nhật thêm đều
đặn và chia sẻ trôn các mạng xã hội như Twitter, Facebook. Như vậy sẽ tạo

thuận lợi hơn cho người sử dụng. Giúp người dùng không cần tốn công sức học
thêm cách sử dụng các công cụ phức tạp trên máy tính để bàn như Photoshop,
Lightroom,V.V.. vốn rất phức tạp và khơng phải ai cũng có thể sữ dụng được.

Đồng thời không cần mất thời gian chuyền ảnh qua máy tính có the có rủi ro

(như lồi, bị giám chất lượng) khi chuyền (dù rất nhó). Giúp người dùng tiết
kiệm được rất nhiều thời gian khi cần post 1 bức ảnh đẹp lên các trang mạng

xã hội.


4

Mục tiêu xây dựng

1.3.

Đe tài dự định ứng dụng sẽ đạt được các tính năng sau:

- Giúp cho người dùng có thế lưu lại những bức ảnh mong muốn, ứng dụng
này cho phép người dùng có thể chụp ành và lưu trữ trên máy

- Với tính năng tạo hiệu ứng, người dụng có thế thêm vào bức ánh cùa mình

những hiệu ứng ngộ nghĩnh, đáng yêu với các thao tác đơn giản. Người dùng
không cần biết nhiều về việc xử lý ảnh. Có rất nhiều loại hiệu ứng khác nhau

nhưng với mục đích giới thiệu em chỉ đưa vào những hiệu ứng cơ bàn nhất.
- Với tinh năng cắt ãnh, người dùng có the lấy những phần mong muốn trên
bức ảnh, thay vì phải tồn bộ ảnh. Trong tính năng cắt ảnh, hiện tại thuật toán

đang cắt ảnh theo 1 khung hình chừ nhật chứ chưa cắt được chi tiết theo đa

giác.
- Với tính năng chèn khung ảnh, người dùng có the lựa chọn cho mình một

cái khung phù hợp với bức ánh đe trang trí thèm. Trong tính năng chèn khung
này, người dùng có the zoom ành sau khi chèn khung để sao cho phù họp với

khung ánh và lưu lại trên máy.

- Với tính năng chia sẻ mạng xã hội, người dùng có thề chia sẻ những bức
ảnh ngô nghĩnh với cộng đồng mạng trên twitter, facebook.
Những công nghệ, kĩ thuật, giải pháp sử dụng:

-

Sứ dụng ngôn ngữ lập trình Swift, Objective-C, OpenGL Shading Laguage.

-

IDE: sử dụng Xcodc.

- Đây là một ứng dụng native nên các tính năng xử lý tại mobile người dùng.

Định hướng sẽ tạo một server xử lý ảnh và một server lưu trữ ảnh. Đê chuyển


5

đối sang mơ hình cloud. Giúp cho người dùng giám dung lượng trên máy thật,
các tính năng được cập nhật thường xuyên, mới nhất, giảm dung lượng ứng

dụng và có thế khôi phục lại ãnh khi bị mất.
1.4.
-

Đối tượng và phạm vi của đề tài

Đối tưọ'ng đề tài: Quy trình hoạt động của ứng dụng chụp và chinh sứa ánh.

- Phạm vi đề tài: Sử dụng kiến thức cơ bản cúa mơn học phân tích và thiết kế

hệ thống thơng tin đế xây dựng, mô tả các kho dừ liệu, mơ hình xử lý và giãi
thuật đối với hệ thống theo yêu cầu để tạo ra ứng dụng sử dụng cho mục đích

chinh sửa màu ảnh, cắt ành, phục vụ cho mục đích học tập về xử lý ảnh cho
người mới chụp

1.5.

Kct quả đạt được
Trên cơ sở phân tích quy trình quàn lý học viên tại trung tâm, em sẽ thiết

kế một hệ thống chức năng của ứng dụng. Dựa vào thiết kế này, em có the thực
hiện hóa thành ứng dụng chụp ảnh.


6

CHƯƠNG 2: KHẢO SÁT HỆ THÓNG
2.1.

Một so vấn đề gặp phải

Người dùng khơng phái ai cũng cũng có thế làm quen nhanh với cơng
nghệ. Vì thế, khi tải một ứng dụng mới về có thiết kế quá khó hiểu, rối rắm sẽ

gây khó dỗ cho người dùng trong q trình sứ dụng.
ủng dụng mặc định của hệ điều hành cũng đã cung cấp khá đủ chức năng

cho người dùng như các bộ lọc mang màu sắc hiện đại, chức năng cắt đầy đủ.

Hướng giải quyết hài toán

2.2.

Giong như mục tiêu ban đầu mà bài tốn đưa ra: đó là làm đơn giãn hóa
cách thức chỉnh sửa ánh cho người dùng. Chính vì thế ứng dụng cần được thiết

kế thật đơn gián sao cho khi mở lên người dùng có thẻ sứ dụng ngay mà không

cần chạy bước hướng dẫn ban đầu.
Chương trình sẽ cung cấp một số bộ lọc khác với ứng dụng mặc định của

hệ điều hành, ví dụ như bộ lọc sẽ mang hướng giả cố hơn.
2.3.

Xác định yêu cầu hệ thong

Chương trình được viết ra với mục đích đơn giản hóa việc chỉnh sứa ãnh,
giúp cho người dùng có thề chinh sửa này nhanh chóng, đẹp và giảm đến mức
tối thiếu các thao tác khơng đáng có.

Chương trinh phục vụ cho các đối tượng là các người dùng phố thông
hiện đang sứ dụng smartphone chạy hệ điều hành ÍOS. Chương trình viết ra
phái đáp ứng tối thiếu các yêu cầu sau:
-

Yêu cầu chức năng:

•

Chức năng chụp ánh.

•

Chức năng lưu ảnh.

•

Chức năng tạo hiệu ứng, màu cho ánh.

•

Chức năng cắt ánh theo khung vuông/chừ nhật.


7

Chức năng chèn khung vào ảnh.
Chức năng chia sẻ ánh

Yêu cầu phi chức năng:
Hiệu quả sừ dụng rõ rệt, đáp ứng được các yêu cầu khách quan như: nhanh

chóng, đẹp.
Giao diện thiết kế thân thiện với người sử dụng, dễ sử dụng, dễ hiểu, dễ nắm
bắt đối với người sử dụng.
Thời gian khởi động, truy cập, xử lý thông tin và phàn hồi nhanh.

Chương trình phái tương thích với các hẹ điều hành, phần cứng, phần mềm phổ

biến được sử dụng hiện nay và không yêu cầu quá cao về cầu hình máy tính.


8

CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ
3.1.

PHÂN TÍCH CHỨC NĂNG HỆ THÓNG

Đê xây dựng hệ thống cho ứng dụng, vấn đề đau tiên là phân tích hệ

thống nhằm tìm và chọn giái pháp thích hợp và cụ thế. Trong q trình phân
tích, ta tiến hành chuyền từ bài tốn thực tế sang bài tốn quản lý trên máy tính,
các sơ đồ luồng dữ liệu và thực thổ liên kết giúp ta dễ dàng xác định được các

chức năng hệ thống mà ta đang thiết kế.
3.1.1.

3.1.1.1.

Xác định chức năng nghiệp vụ
Xác định chức năng chi tiết

Dựa vào đặc tả ban đầu, ta có thế xác định chức năng ban đầu của ứng dụng:

(01)

Vào Camera

(02)

Vào Camera Roll (Thư viện ảnh)

(03)

Vào chinh sửa ảnh

(04)

Bật/Tắt Flash

(05)
(06)
(07)

Chuyển đổi giữa sử dụng camera trước và sau
Chụp ảnh
Xoá và chụp lại nếu chưa ưng ý

(08)

Lưu ành đã chụp

(09)

Thoát camera

(10)

Chọn Folder lưu ảnh

(11)

Chọn ảnh muốn chỉnh sửa

(12)

Thoát Camera Roll

(13)

Chọn thêm Filter

(14)

Chọn Filter muốn sử dụng cho bức ãnh

(15)

Chọn cắt ảnh

(16)

Lưu bức ảnh sau khi cắt


9

(17)

Chọn chèn khung

(18)

Chèn khung mình muốn cho bức ãnh

(19)

Lưu ảnh sau khi chèn khung

(20)

Lưu ảnh sau khi chình sửa

(21)

Chia sẻ bức ảnh lên mạng xã hội

3.1.1.2.

Gom nhóm chức năng

❖ Gom nhóm các chức năng đơn giăn

Chức năng chi tiết

Chức năng sau khi gom nhóm

(04) Bật/Tắt Flash

(05) Chuyến đơi giữa sử dụng
Chụp ảnh

camera trước và sau
(06) Chụp ảnh
(07) Xoá và chụp lại nếu chưa ưng ỷ
(08) Lưu ảnh đã chụp

Xử lý ảnh

(20) Lưu ảnh sau khi chinh sửa

(11) Chọn ảnh muốn chỉnh sửa
Chọn ảnh cần chỉnh sửa hoặc chia sẻ

(10) Chọn Folder lưu ánh

(13) Chọn thêm Filter
(14) Chọn Filter muốn sứ dụng cho

Áp dụng bộ lọc cho ảnh

bức ảnh

(15) Chọn cắt ảnh
(16) Lưu bức ảnh sau khi cắt

Cắt bức ảnh

(17) Chọn chèn khung
(18) Chèn khung mình mn cho
bức ảnh

(19) Lưu ãnh sau khi chèn khung

Thay đoi khung viền


10

(21)

Chia sẻ lên mạng xã hội

Chia sẻ lên mạng xã hội

Bảng 1.1. Bảng gom nhóm chức năng đơn giàn
❖ Loại bỏ chức năng vô nghĩa trong hệ thống

(01) Vào Camera
(02) Vào Camera Roll
(03) Vào chỉnh sứa ánh
(09) Thoát Camera
(12)

Thoát Camera Roll

❖ Gom nhóm chức năng cụ thể

Chụp ảnh

Chức năng

chụp ảnh

Xử lý ãnh
Chọn ãnh muốn được chinh sửa từ
Camera Roll

Chức năng

chọn ảnh

Áp dụng bộ lọc cho ảnh

Easy Filter

Chức năng chỉnh

Cắt bức ảnh

sửa ảnh
Thay đôi khung viên
Chia sè lên mạng xã hội

ủ ng dụng

Chức năng chia sẻ

Bảng 1.2. Bàng gom nhóm chức năng cụ thế


11

3.1.1.3.

Sơ đồ phân rã chức năng (BFD)
Sơ đồ phân rã chức năng hệ thống quán lý học viên:

Hình 1.1. Sơ đồ phân rã chức năng
Mô tả chi tiết chức năng:

❖

-

Chức năng chụp ảnh:

Chụp ánh: Người dùng sẽ sử dụng các chức năng được cấp sẵn trong ứng dụng

để chụp lại bức ảnh mà người dùng muốn.
-

Xử lý ảnh: Sau khi chụp, người dùng có thế tuỳ chọn sử dụng hình ánh đó hoặc

xố nó, chụp lại tấm khác.
❖

-

Chức năng chọn ảnh:

Chọn ảnh cần chinh sửa hoặc chia sẻ từ Camera Roll. Người dùng mở ứng

dụng lên, chọn Camera Roll, các folder chứa ảnh sẽ hiện ra, người dùng sẽ chọn
I folder, rồi chọn 1 tấm ảnh trong đó đế chình sửa hoặc chia sẻ theo ý muốn.
❖

-

Chức năng chỉnh ảnh:

Ảp dụng bộ lọc cho ảnh: Người dìing sẽ chọn các filter được cung cấp sằn đe

áp dụng lên bức ảnh.


12

-

Cắt bức anh'. Người dùng sẽ sứ dụng chức năng crop, chọn phần cần giừ của

tấm ảnh, cắt ra, loại bỏ những góc ảnh mà người dùng khơng muốn xuất hiện
trong bức ánh.
-

Thay dổi khung viền-. Người dùng sẽ chọn các khung đã được cung cấp sằn đe

chèn vào bức ảnh của người dùng.
❖

-

Chức năng chia sẻ:
Chia sẻ bức ảnh lên mạng xã hội: Người dụng sau khi đã chụp/chọn/chĩnh
sứa bức ánh xong có thể tương tác với nút chia sẻ để chia sẻ lên Facebook hoặc

Twitter.

3.1.2.

Xác định luồng thông tin nghiệp vụ

3.1.2.1.

Sơ đồ luồng mức ngừ cảnh

Sơ đồ luồng mức ngữ cảnh hệ thống hoạt động cua ứng dụng:

Hình 1.2.1. Sơ đồ luồng mức ngừ cánh


13

3.1.2.2.

Sơ đồ luồng dừ liệu mức đĩnh

Hình 1.2.2. Sơ đồ luồng dừ liệu mức đinh


14

3.1.2.3.

Sơ đồ luồng dừ liệu mức dưới đinh

So' đồ luồng dữ liệu mức dưói đỉnh tiến trình “Chức năng chụp anh

Hình 1.2.3. Sơ đồ luồng dừ liệu mức dưới đỉnh tiến trình "Chụp ảnh”

15

So- đồ luồng dữ liệu mức dưói đỉnh tiến trình “Chức năng chọn ảnh”’.

Hình 1.2.4. Sơ đồ luồng dữ liệu mức dưới đĩnh tiến trình “Chọn ảnh”


16

So- đồ luồng dữ liệu mức dưói đỉnh tiến trình “Chức năng chỉnh sửa
ảnh”:

Hình 1.2.5. Sơ đồ luồng dừ liệu mức dưới đinh tiến trình "Chức năng chinh
sửa ánh "