Bài 14b phân tích và làm ứng dụng ai là triệu phú

Bài 14.b Phân tích và làm ứn g d ụ
ng "Ai là tri ệ
u phú"
Chào t ấ
t c ả các b ạ
n.
Mộ
t th ời gian v ừ
a qua, các b ạ
n đ
ã cùng v ới mình tìm hi ể
u về
:
+ Ngôn ng ữ Objective-C
+Ứ
ng dụ
ng h ỗ tr ợ l ậ
p trình Xcode, trong đ
ó chúng ta c ũ
ng đ
ã bi ế
t đ
ư
ợc
nh ữ
ng đ
ối t ư
ợn g c ơ b ả
n. (Mình s ẽ không nh ắ
c lạ
i ở đây)

Nh ữ
ng đ
ối t ư
ợn g trông đ
ơn gi ả
n (khi th ấ
y nó hi ể
n th ị trên View cho ng ư
ời
dùng s ử d ụ
ng) l ạ
i khá ph ứ
c tạ
p nế
u các b ạ
n ch ư
a quen, c ũ
ng nh ư ch ư
a ti ế
p
xúc đ
ủ nhi ề
u v ới nó.
Trong bài vi ế
t này, mình không nói đ
ến b ấ
t k ỳm ộ
t đ
ối t ư
ợn g nào m ới c ũ

ng
nh ư không nh ắ
c lạ
i các đ
ối t ư
ợn g đã bi ế
t, mà dành th ời gian mô t ả
, hư
ớn g
dẫ
n thêm v ề t ư duy l ậ
p trình c ũ
ng nh ư áp d ụ
ng các đ
ối t ư
ợn g đ
ã bi ế
t đ
ể vi ế
t
mộ
t ứn g d ụ
ng c ụ th ể
.
Để b ắ
t đầu , b ạ
n cầ
n nh ớ l ạ
i toàn b ộ nh ữ
ng đối t ượn g đ

ã họ
c.
Sau đó , cùng v ới mình phân tích và làm ứn g d ụ
ng: "Ai là tri ệ
u phú".
Bư
ớc 1: Xây d ự
ng ý t ư
ởn g . Ý t ư
ởn g nh ư đ
ã nói ở trên, mình s ẽ làm ứn g
dụ
ng "Ai là tri ệ
u phú".
Bư
ớc 2: Đ
ịn h h ướn g ng ười dùng:
- Ng ư
ời dùng khi b ấ
m vào icon c ủ
a Apps, Apps s ẽ hi ể
n th ị trên màn hình.
- S ẽ có m ộ
t Segmented Control cho phép ng ư
ời dùng ch ọ
n mứ
c đ
ộ ch ơi khó
ho ặc d ễ
. Nế

u bấ
m vào D ễ thì câu h ỏ
i s ố1 c ủ
a nhóm câu h ỏ
i d ễ hi ệ
n ra cùng
v ới 4 đá p án cho ng ư
ời ch ơi ch ọ
n lự
a. Segmented Control ngaylúc này b ị vô
hi ệ
u hoá (Disable).
- Tạ
i đây th ời gian s ẽ ch ạ
y là 30 giây. N ế
u hế
t 30 giây mà ng ư
ời dùng không
ch ọ
n đáp án, ngay l ậ
p tứ
c báo thua cu ộ
c và Segmented Control đ
ư
ợ c kích
ho ạt tr ở l ạ
i (Enable) đ
ể ng ư
ời dùng ch ọ
n mứ

c đ
ộ ch ơ
i.
- Quy đ
ị n h s ốđể
i m cho m ỗ
i câu h ỏ
i, ứn g d ụ
ng s ẽ xem n ế
u đ
úng ở câu h ỏ
i
nào thì c ộng để
i m củ
a câu h ỏ
i đ
ó vào để
i m tổ
ng.
- Bấ
t k ỳ câu nào b ị sai, s ẽ d ừ
ng cu ộ
c ch ơi.
- Sau khi ki ể
m tra tính đú ng/sai c ủ
a câu tr ả l ời c ủ
a ng ư
ời dùng, ứn g d ụ
ng s ẽ
t ự chuy ể

n đ
ến câu h ỏ
i ở mứ
c k ế ti ế
p và ng ư
ợc l ạ
i dừ
ng cu ộ
c ch ơ
i nế
u câu tr ả
l ời đó sai.


B ướ
c 3: T ạ
o Project (d ự án) để b ắ
t đầ
u lậ
p trình.
B ướ
c 4: Thi ế
t k ế giao di ệ
n tr ự
c quan:
- Ở đây mình s ẽ không thi ế
t kế
. Các b ạ
n hãy th ể hi ệ
n ý t ưở

ng củ
a các b ạ
n
mộ
t cách tho ả
i mái - đ
ó là tiêu chí.
- Dự
a vào nh ữ
ng ý t ưở
n g mà mình đ
ã nói ở trên, các b ạ
n b ố trí sao cho h ợp
lý giao di ệ
n củ
a ứn g d ụ
ng này. Trông đẹ
p mắ
t là đượ
c . Dùng UIImage làm
nề
n, hoa lá cành, nhìn cho s ặ
c s ỡ.
B ướ
c 5: Liên k ế
t giao di ệ
n đế
n code.
B ướ
c 6: Th ể hi ệ

n ý t ưở
n g nh ư ở trên b ằ
ng ngôn ng ữ l ậ
p trình Objective-C và
các đố
i t ượ
n g mà các b ạ
n đ
ã cùng mình tìm hi ể
u trong nh ữ
ng bài vi ế
t vừ
a
qua.
B ướ
c 7: Ch ạy th ử và s ử
a l ỗi.
Mình s ẽ không làm s ẵ
n ứn g d ụ
ng này, các b ạ
n hãy vi ế
t dự
a trên ý t ưở
ng củ
a
mình và sáng t ạo thêm, c ũ
ng nh ư thi ế
t k ế giao di ệ
n sao cho đẹ
p mắ

t và ch ụ
p
hình, quay Video đă
n g lên (t ạ
o bài vi ế
t mớ
i, b ạ
n đừ
n g nên đă
ng tạ
i bài vi ế
t
này) cho m ọ
i ng ườ
i cùng tham kh ả
o.
Ngoài ra vi ệ
c quan tr ọng là t ổ ch ứ
c d ữ li ệ
u. Vi ệ
c này s ẽ khó kh ă
n đố
i v ới các
bạ
n m ới b ắ
t đầ
u họ
c lậ
p trình. Mình s ẽ khái quát nh ư sau (m ộ
t vài câu h ỏ

i,
câu tr ả l ời cho ứn g d ụ
ng) giúp cho các b ạ
n d ễ hi ể
u.
- D ữ li ệ
u s ẽđượ
c chia thành các m ả
ng:
+++ (1) M ảng ch ứ
a câu h ỏ
i.
+++ (2) M ảng ch ứ
a câu tr ả l ời.
+++ (3) M ảng ch ứ
a đáp án.
Ở (1), m ỗi ph ầ
n t ử trong m ả
ng là m ỗ
i câu h ỏ
i.
Ở (2), m ỗi ph ầ
n t ử trong m ảng bao g ồm 4 câu tr ả l ời và được
dấ
u hi ệ
u phân cách riêng c ủ
a bạ
n.
Ở (3), m ỗi ph ầ
n t ử trong m ảng là m ộ

t đáp án đ
ú ng.
V ậy thì chúng ta s ẽ có t ươ
n g ứn g nh ư sau:

phân cách b ằ
ng


(Ảnh đính kèm)
Bảng trên khái quát cho bạn cách bố trí dữ liệu (có 2 câu hỏi). Và một ô là một
phần tử.
Bạn lấy câu hỏi ở (1) và các câu trả lời ở (2) hiện ra.
Kiểm tra tính đúng/sai của câu trả lời ở (3). V ới đáp án đúng là 1 nghĩa là
phần tử thứ 2 (vị trí phần tử đó là 1) trong mảng được cắt ra từ chuỗi lấy từ
phần tử trong (2).
Ví dụ ở đáp án câu a, bạn sẽ bố trí câu trả lời là: "đục|trong|mát|lạnh"
Để hiện câu trả lời, bạn lấy phần tử "đục|trong|mát|lạnh" ra, và phần tử này là
một chuỗi. Cắt chuỗi đó ra thành 4 phần tử và đưa vào 1 mảng riêng, sau đó
hiện từng phần tử ở mảng riêng cắt được ra View cho ng ười dùng thấy.

Tất cả phần trên đây, mình đã giúp các bạn làm sao để phân tích và viết một
ứng dụng. Và đó cũng là tư duy lập trình. Tư duy lập trình đối với mình hiểu,
nghĩa là đưa ra phương pháp cho một ý tưởng (một bài toán tin học - có thể
nói như vậy, sau này sẽ là các dự án lớn), phân tích, thiết kế nó, dẫn h ướng
cho người dùng phải bấm vào đâu, chọn cái gì, viết cái gì vào đâu, ... trong
ứng dụng của các bạn.
Chỉ đơn giản là như vậy.
Mong các bạn sớm hoàn thành ứng dụng "Ai là triệu phú" và cùng đăng lên
đây để mọi người cùng tham khảo.

Hoặc bạn có thể gửi thư cho mình thông qua địa chỉ
Mình sẽ giúp các bạn kiểm tra, góp ý thêm hoặc chia sẻ thêm trực tiếp với
bạn thông qua project mà bạn gửi cho mình. Nhưng có lẽ cũng sẽ giới hạn


(có lẽ các bạn hiểu cho mình ở điểm này), sẽ ưu tiên xem từ trên xuống dưới
và các project nổi bật.
Các bài viết của mình cũng được đăng tải
tại mong các bạn ghé thăm và chia sẻ.
Cảm ơn các bạn đã quan tâm và đọc bài viết.
Mong các bạn ủng hộ để mình có thêm động lực cho các bài viết sau.