header-object

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài cuối

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài cuối
b1

Các hướng dẫn tạo ứng dụng IOS sau được thực hiện trên Xcode 4.5. Chúng ta cũng không bàn đến việc hướng dẫn cài đặt các phần mềm phục vụ việc lập trình cho IOS trên MacOS.
Bài hướng dẫn cũng không đi sâu vào phân tích từng dòng code. Khi viết ứng dụng cho IOS chúng ta sử dụng ngôn ngữ Object C (còn được viết gọn là ObjC).

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 8

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 8
h25Bước tiếp sau chúng ta sẽ tạo một ứng dụng cho Android. Ứng dụng này sẽ có giao diện là một webView, trong webView này chúng ta sẽ load tập tin dwdrawing.html ở trên. Các bước để ra ứng dụng này sẽ lần lượt được trình bày ngay sau đây.

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 7

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 7
h12Ở bài tiếp theo này, chúng ta sẽ sử dụng các kiến thức về vẽ hình (ở bài 6) và viết widget cho JQuery Mobile (ở bài 5) để hoàn thiện việc vẽ hình lên canvas. Các bài tiếp sau sẽ hướng dẫn bạn nhúng webview vào các ứng dụng cho Android và IOS.

 

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 6

 

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 6
html5 android app developmentHTML 5 là chuẩn HTML mới. Để không dài dòng chúng ta sẽ đi khái quát các điểm cải tiến mới của nó:

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 5

  .

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 5
html5 android app developmentVề khía cạnh Web-App, chúng ta cần viết các lệnh javascript thực hiện 2 công việc như sau:

  1. Xử lý việc người dùng chọn kiểu vẽ, chọn màu
  2. Xử lý việc người dùng vẽ lên trên ván vẽ (Canvas)

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 4

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 4
html5 android app development

Tiếp sau là chúng ta  muốn đặt một nút nhấn (button) ở ngay trên thanh tiêu đề phía bên phải để khi người dùng bấm vào đó sẽ hiển thị một hộp thoại (dialog box) chứa thông tin về ứng dụng.

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 3

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 3
Ở bài này chúng ta sẽ cùng nhau tích hợp JQuery Mobile vào ứng dụng. Sau đó thêm vào thành phần Header cho ứng dụng và sửa lại một số định dạng CSS.

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 2

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 2
html5 css

Ứng dụng đơn giản là gồm có một ván vẽ (Canvas) ở chính giữa. Bên phải là thanh chứa các công cụ chia ra làm 2 nhóm. Nhóm ở bên trên là loại nét vẽ gồm có vẽ đường, vẽ hình chữ nhật và vẽ hình Elip. Nhóm ở dưới là màu vẽ gồm 7 màu sắc khác nhau.

[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 1


[Webapp Tutorial] Xây dựng ứng dụng di động dùng HTML5 - Bài 1
html5 android app developmentVài năm trở lại đây, sự phổ biến của smart-phone và tablet đã làm cho ngành CNTT có khá nhiều thay đổi. Việc phát triển ứng dụng cho thiết bị di động trở nên hấp dẫn những người làm trong ngành CNTT và vẫn đang là mảnh đất khá màu mỡ.

Tạo Custom View trong lập trình Android - Phần 5

Tạo Custom View trong lập trình Android - Phần 5
vietnamtourism h7Với nhận xét thứ nhất ở bên trên, Android cung cấp khả năng cho phép chúng ta dùng các tập tin .xml để khai báo ra các thành phần gọi là “drawable”. Ví dụ như một hình nền (backgroud), một đường viền (stroke)…


2

Facebook

Thống kê truy cập

Hiện có 48 khách đang truy cập
2547988