Triển khai dự án

[abn-volk]

Căn bản dự án trò chơi đố vui địa lí của mình có 3 phần chính:

• Máy chủ cung cấp dữ liệu (câu hỏi) và lưu thông tin người chơi
• Ứng dụng web làm bằng Angular 2 và Materialize
• Ứng dụng Android (Để Tiến, Thành, Hoàng học Lập trình nhúng)

Dữ liệu tớ đã tổng hợp được rồi nhưng tớ đang tải 3ds Max nên đưa lên sau nhé. Nó là file CSV có tên, thủ đô, diện tích, dân số và một số thông tin khác. Cờ các nước có ở đây, nếu thiếu hoặc chưa cập nhật tớ sẽ lên Wikipedia bổ sung thêm.

Trò chơi có những chức năng chính sau:

• Xem thông tin các nước. Rất đơn giản, chỉ có một danh sách thôi.
• Đố vui theo kiểu chọn một trong bốn đáp án:
  • Tên các nước và cờ các nước (nhìn cờ đoán tên và ngược lại)
  • Tên và thủ đô các nước
  • Nước có diện tích hoặc dân số lớn nhất

Để lưu thông tin người chơi, có thể dùng Google Play Games Services cho tiện. Cái này cũng hỗ trợ bảng điểm và huy chương, nếu thích có thể làm thêm (ví dụ, huy chương cho người chơi trả lời đúng nhiều, đi hết các nước trên thế giới, chơi nhiều...). Cái này nếu làm thì cần tài khoản Dev của Google Play (Tiến đã có).

Tóm lại, cần làm một số việc:

• Nghĩ xem bố trí dự án trên GitHub như thế nào. App chắc dùng repo riêng rồi, nhưng hai cái kia có nên chia đôi ra không? (Căn bản server có lên mạng thì mới làm app Android được).
• Nhập CSDL
• Tạo khung cho các dự án
• Nghĩ màu sắc của trò chơi để làm giao diện cho thống nhất.
• Học 😢 (Anh @chitoge ơi cứu em 😭)
• Làm thử giao diện các thành phần của trò chơi

[chitoge]

lên

[chitoge]

need chi tiết database, cần lưu gì đấy ✌️

[abn-volk]

File dẽ liệu đây, đã có đầy đủ dữ liệu, mình chỉ cần nhập vào thôi. Country code là mã ISO 3166-2, duy nhất nên có thể làm khoá luôn: https://drive.google.com/open?id=0B5d-oYEh-E0mYzhIczR0OVVVWHM

[abn-volk]

Còn đây là cờ các nước: https://drive.google.com/open?id=0B5d-oYEh-E0mMmJsa0owYzJVZ1E Nguồn cờ rất là hay, có Vatican nhưng không có Palestine, có Kosovo và có Đài Loan. Rất có thể đây là của bọn Mẽo lợn 🤣. Tớ đã bổ sung Palestine, xoá các nước thừa và đổi cờ mới cho Myanmar rồi. Tên hình như đã đặt theo mã quốc gia, rất hay vì sau này json không cần gửi link đầy đủ nữa, mã quốc gia là xong.

Còn server thì chắc chỉ cần hàm GET thôi:

• Xem thông tin nước => Đưa hết một hàng CSV ra
• Các câu hỏi có nên đưa thừa thông tin (ví dụ hỏi thủ đô đưa cả tên 4 nước của 4 thủ đô) hay không? Nếu có thì sau khi trả lời có thể hiện đáp án cho người chơi học; nhưng mà cách này tớ thấy hơi kém an toàn và có thể lộ các câu sau :v

Vài băn khoăn khác:

• Cái file CSV kia đang chia ra Bắc Mỹ, Trung Mỹ với Nam Mỹ, hay là gộp vào?
• Có chơi theo từng châu lục không?
• Có chia thành các mức độ khó hay không?

[trannhuthuat96]

Mạnh quá Hoàng ơi =)) Phân công nv cho mn đi Hoàng ✌️

[abn-volk]

Đầu tiên tớ nghĩ cứ để anh @chitoge làm server cho ra tấm ra món đã.

Trong lúc đấy thì bọn mình:

• Trang trí cái trang chủ cho đỡ nhàm chán. Materialize có hỗ trợ hiệu ứng parallax, nhìn rất thời thượng, có thể tham khảo.
• Chọn bảng màu cho dự án, lấy màu từ danh sách màu Material Design của Google. Cụ thể cần một số màu sau:
  • Primary: màu chủ đạo, thường thấy ở thanh navbar
  • Accent: là màu của các thứ khác như nút bấm, text input, checkbox...
  • Success: thể hiện hành động thành công (ví dụ trả lời đúng câu hỏi). Nên lấy sắc xanh lá cây gì đó.
  • Error: thể hiện lỗi, ví dụ trả lời sai câu hỏi. Nên lấy sắc đỏ.
• Thiết kế giao diện cho phần câu hỏi. Mỗi câu hỏi có 4 lựa chọn trả lời, có loại câu hỏi có hình (như cờ các nước). Có thể "học tập" các website khác.
• Thay cái logo Angular có sẵn thành logo của bọn mình. Làm logo cho trang web luôn cũng được.

[abn-volk]

Các cậu ơi thông tin các nước với cờ các nước tớ sửa lại ở đây nhé: https://drive.google.com/open?id=0B5d-oYEh-E0mSEZFY2xTZFRVS1k Với lại có gì các cậu xem cái này https://github.com/abn-volk/Terrania-Angular, là bản tớ làm bằng Angular Material (vì cái Materialize CSS đang lỗi không dùng hộp thoại được).