Để sử dụng được ở chế độ online cần có tài khoản Google để đăng nhập. Trước hết cần truy cập vào địa chỉ http://appinventor.mit.edu/, sau đó chọn “Create App!” và đăng nhập bằng tài khoản Google để mở trang quản lý các project.
Để tạo một ứng dụng, cần phải tạo project. Để tạo project ta vào mục “My Projects” chọn “Start new project” để đặt tên cho project. Sau khi đặt tên xong, chọn
“OK” để đi đến giao diện thiết kế cho ứng dụng, các bước được mô tả như như hình 4.22.
Hình 4.22: Các bước tạo project mới
Hình 4.23: Giao diện thiết kế giao diện cho ứng dụng
Giao diện công cụ thiết kế ứng dụng (hình 4.23) gồm 5 phần chính với vị trí (1) là thanh công cụ, (2) là vùng chứa các đối tượng để thiết kế giao diện (Palette), (3) là vùng màn hình điện thoại giả lập để chứa cá đối tượng (Viewer), (4) là vùng để xem các thành phần đối tượng có trong View (Conponenrs), (5) là vùng để chỉnh các chức năng cho các đối tượng (Properties).
Quá trình thiết kế giao diện ứng dụng điện thoại gồm 3 bước chính:
• Bước 1: Thiết kế giao diện bằng cách kéo thả, sắp xếp các đối tượng ở mục “Palette” ở phía ngoài cùng bên trái của thanh công cụ (2. Sau đó chọn các thông số cho các đối tượng ở mục “Properties” ở ngoài cùng bên trái của thanh công cụ (5) như mô tả ở hình 4.24.
Tại đây, để lập trình thì nhiệm vụ khá đơn giản là kéo thả và ghép nối các code sao cho phù hợp.
Hình 4.24: Giao diện lập trình chức năng cho ứng dụng
• Bước 3: Sau khi hoàn thành thiết kế ứng dụng, tiến hành biên dịch, đóng gói thành File có đuôi .APK bằng cách chọn “Build” ở thanh công cụ (1). Tại đây có 2 chế độ xuất APP là “provide QR code for .apk” và “save .apk to my computer” như
hình 4.25.
Hình 4.25: Các bước để xuất File .APK