Đang tải... (xem toàn văn)
Việc phát triển ứng dụng đa nền tảng như vậy đòi hỏi rất nhiều kiến thức và công sức để hỗ trợ cho từng nền tảng. Để giải quyết nhu cầu này, có nhiều bộ công cụ phát triển phần mềm (SDK Software Development Kit) hỗ trợ đa nền tảng (crossplatform) ra đời. Titanium chính là một SDK như vậy .Xây dựng ứng dụng một lần có thể chạy trên các nền tảng di động khác nhau như Android, iOS, Blackberry,… giúp giảm thiểu thời gian, tối ưu năng suất lao động so với việc phải xây dựng từng ứng dụng cho từng nền tảng di động. Tận dụng được khả năng truy cập vào các thuộc tính của thiết bị trong ứng dụng kiểu Native App.Titanium chạy mã native nên ứng dụng sẽ chạy với hiệu năng tốt, gần như không hề thua kém so với khi lập trình Native App.Ngôn ngữ Java Script viết code ngắn gọn và đã khá quen thuộc với các lập trình viên tại trung tâm.Hỗ trợ framework xây dựng ứng dụng phía client là Alloy Framework, một framework lập trình theo mô hình MVC.
Tài liệu hướng dẫn sử dụng MỤC LỤC MỤC LỤC GIỚI THIỆU I II Mục đích ý nghĩa Tài liệu Phạm vi tài liệu 3 Các thuật ngữ từ viết tắt Cấu trúc Tài liệu TỔNG QUAN 2.1 Giới thiệu tổng quan Titanium 2.1.1 Lợi ích Titanium 2.1.2 Lựa chọn ứng dụng phát triển Titanium 2.2 Nội dung khác 2.2.1 Hướng dẫn cài đặt 2.2.1.1 Cài đặt Oracle JDK 2.2.1.2 Cài đặt Python 2.2.1.3 Cài đặt Studio 10 2.2.1.4 Cài đặt Titanium Studio 10 2.2.1.5 Thiết lập biến môi trường 12 2.2.2 Hướng dẫn sử dụng Titanium Studio 15 2.2.2.1 Tạo Project 16 2.2.2.2 Cấu trúc thư mục ứng dụng Titanium 18 Tài liệu hướng dẫn sử dụng 2.2.2.3 Tạo trang view 18 2.2.2.4 Tạo models 19 2.2.3 Hướng dẫn Alloy Framework 19 2.2.3.1 Giới thiệu Alloy Framework 19 2.2.3.2 Form Control 23 2.2.3.2.1 Label 23 2.2.3.2.2 Button 23 2.2.3.2.3 TextField 24 2.2.3.2.4 Alert Dialog 25 2.2.3.2.5 Datetime picker 27 2.2.3.2.6 Listview 28 2.2.3.2.7 Tableview 29 Tài liệu hướng dẫn sử dụng I GIỚI THIỆU Mục đích ý nghĩa Tài liệu Tài liệu xây dựng nhằm hướng dẫn nhân viên lập trình trung tâm xây dựng ứng dụng hybrid mobile Phạm vi tài liệu Tài liệu áp dụng cho nhân viên phát triển, không hướng dẫn end-user Các thuật ngữ từ viết tắt Định nghĩa Thuật ngữ Hybrid mobile Một ứng dụng chạy nhiều tảng (như android, ios, blackberry,…) Titanium Studio Phần mềm dùng để lập trình mobile SDK Software Development Kit : công cụ để phát triển phần mềm Thường bao gồm cơng cụ, tiện ích, tài liệu thư viện hàm class để lập trình Titanium SDK Là SDK Titanium Alloy Framework Một framework để xây dựng ứng dụng phía client thiết bị mobile Platform Nền tảng Native App Ứng dụng xây dựng SDK tảng xác định cài đặt mobile Ghi Tài liệu hướng dẫn sử dụng Cấu trúc Tài liệu Tài liệu gồm phần, bố trí sau: Phần 1:Giới thiệu: Giới thiệu chương trình, nêu mục tiêu, phạm vi, thuật ngữ cấu trúc tài liệu , đối tượng sử dụng Tài liệu Phần 2:Tổng quan: ghi nhận thông tin tổng quát chương trình hành Phần 3:Giới thiệu chức chương trình.ghi nhận tài liệu II TỔNG QUAN 2.1 Giới thiệu tổng quan Titanium Khi bắt đầu bước chân vào lĩnh vực lập trình ứng dụng cho di động, hẳn bạn phải đứng trước lựa chọn tảng để phát triển ứng dụng mình: iOS, Android hay Windows Phone Mỗi hệ điều hành di động có thị trường với ưu nhược điểm riêng đầy cạnh tranh nhiều tiêm Một ứng dụng thành công hệ điều hành nào, sớm muộn có mặt hệ điều hành lại nhu cầu thị trường Tuy nhiên việc phát triển ứng dụng đa tảng đòi hỏi nhiều kiến thức công sức để hỗ trợ cho tảng Để giải nhu cầu này, có nhiều cơng cụ phát triển phần mềm (SDK - Software Development Kit) hỗ trợ đa tảng (cross-platform) đời Chúng ta cần viết quản lý code thống nhất, ứng dụng biên dịch chạy nhiều platform khác Đây hồn tồn khơng phải khái niệm mới, hẳn biết đến hiệu "Write once, Run anywhere" Sun nói Java Titanium SDK : TI cho phép ta xây dựng ứng dụng cho hầu hết tảng mobile phổ biến nay: iOS (iPhone, iPod Touch, iPad) Android (phone & tablet) Mobileweb Blackberry 10 Tài liệu hướng dẫn sử dụng Tizen Windows nằm kế hoạch hỗ trợ TI Titanium khơng phải ngơn ngữ lập trình mới, high-level Javascript SDK cấp độ cao Trong TI, bạn code Javascript (như Alloy Framework), sử dụng XML cho layout, phổ biến quen thuộc với đa số lập trình viên, việc làm quen với TI khơng q khó khăn, cần biết javascript, HTML CSS bạn bắt tay vào tìm hiểu TI Các ứng dụng viết Titanium sau biên dịch trở thành native app, dạng HTML5 app đóng gói cho platform số công cụ khác, nên mặt hiệu năng, TI app tương đương với app viết native code 2.1.1 Lợi ích Titanium - Xây dựng ứng dụng lần chạy tảng di động khác Android, iOS, Blackberry,… giúp giảm thiểu thời gian, tối ưu suất lao động so với việc phải xây dựng ứng dụng cho tảng di động Tài liệu hướng dẫn sử dụng - Tận dụng khả truy cập vào thuộc tính thiết bị ứng dụng kiểu Native App - Titanium chạy mã native nên ứng dụng chạy với hiệu tốt, gần không thua so với lập trình Native App - Ngơn ngữ Java Script viết code ngắn gọn quen thuộc với lập trình viên trung tâm - Hỗ trợ framework xây dựng ứng dụng phía client Alloy Framework, framework lập trình theo mơ hình MVC 2.1.2 Lựa chọn ứng dụng phát triển Titanium Các ứng dụng xây dựng sử dụng framework native (dành cho tảng Android, iOS, WinPhone…) framework Hybrid – Cross Platform Bảng sau so sánh ứng dụng viết framework native, hybrid khuyến cáo lựa chọn: Native Hybrid - Object-C Kĩ năng/ công cụ cần cho phát triển Phân bố Tốc độ phát triển Số phiên ứng dụng cần để chạy thiết bị smartphone - Java - C - C++ - C# - VB.Net App Store/ Market - Html Chậm Trung bình Ít Tất Đa phần Truy cập thiết (Camera,microphone,GPS,cảm ứng bị vận động,upload file,gyroscope (con quay hồi chuyển)… ) Truy cập Có offline - CSS - Javascript - Mobile Development Framework App Store/ Market (Camera,microphone,GPS,cảm ứng vận động,upload file, gyroscope (con quay hồi chuyển)… ) Có Tài liệu hướng dẫn sử dụng Cho phép tạo ứng dụng với giao diện phong phú đồ họa phức tạp, nặng Ưu điểm Là kết hợp ưu điểm việc phát triển ứng dụng nhanh mobile web với khả truy cập vào thuộc tính thiết bị ứng dụng kiểu native - Thời gian phát triển dài Nhược điểm - Chi phí lớn - Phải bảo trì liên tục - Khơng linh động (ứng dụng khơng thể sử dụng tảng khác dẫn tới phải xây dựng nhiều phiên cho tảng) - Không thể xử lý đồ họa nặng, phức tạp - Yêu cầu phải làm quen với framework mobile (phải học đào tạo) - Dành cho khách hàng yêu cầu Khuyến cáo sử dụng -Các ứng dụng đòi hòi hiệu cao - Các ứng dụng yêu cầu đồ họa, giao diện phức tạp - Các ứng dụng có nghiệp vụ sử dụng native - Các ứng dụng yêu cầu truy cập thiết bị mức cao giao diện mức độ trung bình - Các ứng dụng yêu cầu chạy nhiều tảng, thời gian phát triển ngắn - Các ứng dụng khơng đòi hỏi hiệu cao truy cập thiết bị mức trung bình - Các ứng dụng nội dung mạng xã hội, trình chiếu đa phương tiện, tin tức - Các ứng dụng quản lý, danh mục, tìm kiếm Qua thời gian nghiên cứu thử nghiệm, P.KTCN đưa quy định việc sử dụng framework ngơn ngữ lập trình sau: Hệ điều hành Native Hybrid Mobile Service Cloud iOS Android BlackBerry Window Phone Tất hệ điều hành Framework, SDK, Ngôn ngữ Xcode Android SDK BlackBerry SDK Visual Studio C# Titanium Mobile SDK Red Hat JBoss Fuse Tài liệu hướng dẫn sử dụng 2.2 Nội dung khác 2.2.1 Hướng dẫn cài đặt Titanium cung cấp Titanium Studio để lập trình ứng dụng (base Eclipse) Để cài đặt studio cần phải thực bước sau : - Cài đặt Oracle SDK - Cài đặt Python - Cài đặt Titanium Studio - Cấu hình biến mơi trường Điều kiện đảm bảo: - Mở kết nối internet cho máy tính để phần mềm Titanium_studio.exe tự động download thêm gói ứng dụng - Cài đặt chạy ứng dụng quyền admin Chi tiết sau : 2.2.1.1 Cài đặt Oracle JDK Chỉ cài đặt JDK Oracle Với Windows cài JDK 32-bit phiên trở lên (xem phụ lục dưới) Titanium hỗ trợ phiên sau JDK cho hệ điều hành tương ứng: Tại cửa sổ cài đặt chọn sau: Tài liệu hướng dẫn sử dụng Chờ q trình cài đặt JDK hồn thành JRE cài đặt tự động Tại bước Java Setup > Destination Folder Chắc chắn tool cài đặt vào Folder Nếu không cần chỉnh sửa lại cho Cài đặt toàn tất 2.2.1.2 Cài đặt Python Download từ trang chủ https://www.python.org/download Cài đặt Tài liệu hướng dẫn sử dụng 2.2.1.3 Cài đặt Studio Yêu cầu hệ thống Hệ thống phải đáp ứng yêu cầu sau để chạy Titanium Studio Theo tiêu chuẩn chung, 4GB Ram đủ để chạy toàn môi trường Titanium Operating System Titanium hỗ trợ hệ điều hành sau: Nếu bạn chạy Mac OS X 10.9 (Mavericks) cũ hơn, bạn phải sử dụng Titanium Studio 3.1.4 cũ 2.2.1.4 Cài đặt Titanium Studio Ngồi việc cài đặt Titanium Studio, trình cài đặt cho Windows tải cài đặt phần mềm cần thiết bên thứ ba để chạy, bao gồm Java Development Kit, Git, Node.js Cài đặt Studio window: Cài đặt quyền Administrator Chạy trình cài đặt Studio, nhập password administrator's yêu cầu Nhập email password đăng ký trang chủ Titanium 10 Tài liệu hướng dẫn sử dụng - Alloy: lựa chọn sử dụng Alloy Framework để xây dựng ứng dụng Trong có : Default Alloy Project : Tạo ứng dụng sử dụng Alloy MVC framework Two-tabbed Alloy Application : Tạo ứng dụng với phần giao diện có sẵn tab sử dụng Alloy MVC framework - Classic: lựa chọn xây dựng ứng dụng không theo framework Xây dựng ứng dụng hoàn toàn code javascript (kể phần giao diện) Trong có : Default Project : Tạo project thơng thường khơng có template HTML-based Application : Tạo ứng dụng sử dụng trang hiển thị HTML sử dụng webview hay ứng dụng kiểu trang HTML Master/detail application : Tạo ứng dụng hiển thị thông tin chi tiết với phần giao diện tối ưu hóa cho tảng Single Window Application : Tạo ứng dụng với hình (đã dựng sẵn cho tảng) Tabbed Application :Tạo ứng dụng kiểu tab hiển thị Chọn Alloy default Alloy Project Đặt tên cho project đặt App Id theo quy tắc com.yourDomain.yourAppname 17 Tài liệu hướng dẫn sử dụng (vì cài đặt thiết bị đẩy lên store App Id cần để không xảy trùng lặp, chúng tơi đề xuất đặt tên App Id theo quy tắc trên) Lựa chọn tảng mà ứng dụng muốn xây dựng Deployment Targets Ấn Finish 2.2.2.2 Cấu trúc thư mục ứng dụng Titanium Asset : thư mục riêng cho tảng (như ảnh nền) Controllers : Thư mục chứa phần xử lý cho views (MVC) Models : Thực mục chứa model database Styles: thư mục chứa file thiết lập giao diện (giống css) Views : thư mục chứa phần giao diện hiển thị Tiapp.xml : file cấu hình chung cho Titanium cấu hình SDK build, icon ứng dụng, module bổ sung 2.2.2.3 Tạo trang view 18 Tài liệu hướng dẫn sử dụng Click chuột phải vào project chọn Alloy Controller đặt tên, ví dụ đặt tên demo.Khi tự động tạo file : demo.js , demo.tss demo.xml tương ứng với thư mục 2.2.2.4 Tạo models Click chuột phải vào project chọn Alloy Model : - Đặt tên cho model - Lựa chọn Adapter tạo model cho liệu tương ứng với liệu lưu (trong sqlite, nhớ localStorage hay file properties) - Ấn vào dấu (+) để thêm trường (Name) chọn loại (Type) liệu cho 2.2.3 Hướng dẫn Alloy Framework 2.2.3.1 Giới thiệu Alloy Framework 19 Tài liệu hướng dẫn sử dụng Framework xây dựng theo mơ hình MVC Xây dựng giao diện thẻ xml Là open source miễn phí Xây dựng ứng dụng dễ dàng Sau đây, xây dựng ứng dụng để hiểu luồng xử lý Mô tả : Xây dựng ứng dụng hiển thị hình di động chữ “I’m window 1” ấn vào chữ hiển thị hình khác ghi “I’m window 2” Cách tiến hành: Bước 1: Tạo ứng dụng Alloy Framework viết code cho trang index sau : 20 Tài liệu hướng dẫn sử dụng Bước 2: Tạo controller đặt tên win2 viết code sau: Phân tích luồng xử lý: Các thành phần liên kết với sau : 21 Tài liệu hướng dẫn sử dụng Từ trang index gọi tới win2 sau : 22 Tài liệu hướng dẫn sử dụng 2.2.3.2 Form Control Tài liệu giới thiệu control kèm theo thuộc tính phương thức hay dùng Chi tiết xin tham khảo thêm : http://docs.appcelerator.com/titanium/3.0/#!/api/Titanium.UI 2.2.3.2.1 Label Tạo label Hello, World Các thuộc tính Tên thuộc tính Bắt buộc? Kiểu giá trị Mơ tả id false String Id control class false String Tên class control sử dụng để chỉnh style file tss onClick false String Tên kiện gọi tới click vào control 2.2.3.2.2 Button Tạo button Save Các thuộc tính Tên thuộc tính Bắt buộc? Kiểu giá trị id false String class false String onClick false String Mô tả Các phương thức Tên Kiểu trả Mô tả show() Void Hiện control hình hide() void ẩn control hình 23 Tài liệu hướng dẫn sử dụng addEventListener(name,callback) void Name tên kiện, callback hàm gọi sau thực xong kiên fireEvent(name,event) Void Name tên kiện, event giá trị kiểu json Các phương thức set, get cho thuộc tính Các kiện Mô tả Tên click Khi click vào control dblclick Double click focus keypressed touchmove click giữ longpress 2.2.3.2.3 TextField Tạo ô Text Thuộc tính Tên thuộc tính Bắt buộc? Kiểu giá trị id false String class false String borderStyle false String Mô tả Phương thức Tên show() Kiểu trả Mô tả Void 24 Tài liệu hướng dẫn sử dụng hide() void addEventListener(name,callback) void fireEvent(name,event) Void Các phương thức set, get cho thuộc tính Sự kiện Mơ tả Tên Khi trường Text focus tới blur click dblclick focus keypressed touchmove longpress Khi thay đổi giá trị trường change 2.2.3.2.4 Alert Dialog Tạo Alert Dialog alertdialog.xml: Confirm Cancel Help 25 Tài liệu hướng dẫn sử dụng Các thuộc tính Tên thuộc tính Bắt buộc? Kiểu giá trị Mơ tả id false String title false String Tiêu đề thông báo message false String Nội dung thông báo hiển thị alert dialog cancel false Number Xác định nút cancel Các phương thức : Kiểu trả Tên show() Void hide() void Mô tả addEventListener(name,callback) void fireEvent(name,event) Void Các phương thức set, get cho thuộc tính Mở rộng Thêm view vào alert dành cho Andoid OK cancel android 26 Tài liệu hướng dẫn sử dụng custom view label 2.2.3.2.5 Datetime picker Tạo Datetime picker Thuộc tính Tên thuộc tính Bắt buộc? Kiểu giá trị Mơ tả id false String type true String “Ti.UI.PICKER_TYPE_DATE” minDate false date Giá trị date nhỏ datetime picker maxDate false date Giá trị date lớn Phương thức Tên Kiểu trả add( data ) Void show() void hide() void Mô tả addEventListener(name,callback) void 27 Tài liệu hướng dẫn sử dụng fireEvent(name,event) Void Các phương thức set, get cho thuộc tính Sự kiện Mơ tả Tên click dblclick focus keypressed Khi phím cứng ấn touchmove Ngay có di chuyển chạm (quẹt) longpress change 2.2.3.2.6 Listview Tạo listview Thuộc tính Tên thuộc tính Bắt buộc? Kiểu giá trị Mô tả id false String headerTitle false String Tiêu đề đặt phía control showVerticalScrollIndicator false boolean Có hiển thị cuộn dọc hay không defaultItemTemplate false String 28 Tài liệu hướng dẫn sử dụng Phương thức Kiểu trả Tên add( view ) Void show() void hide() void Mô tả Thêm control vào listview addEventListener(name,callback) void fireEvent(name,event) Void Các phương thức set, get cho thuộc tính Sự kiện Mơ tả Tên Khi xóa dòng delete itemclick marker Khi di chuyển dòng tới vị trí khác move pull pullend Sự kiện xảy sử dụng searchView searchText mà noresults khơng có kết 2.2.3.2.7 Tableview Tạo tableview 29 Tài liệu hướng dẫn sử dụng Thuộc tính Tên thuộc tính Bắt buộc? Kiểu giá trị Mơ tả id false String headerTitle false String scrollable false boolean Bảng có cuộn hay khơng showVerticalScrollIndicator false boolean Có hiển thị cuộn dọc hay không Phương thức Tên Kiểu trả add( view ) Void show() void hide() void Mô tả addEventListener(name,callback) void fireEvent(name,event) Void Các phương thức set, get cho thuộc tính Sự kiện Mơ tả Tên delete Khi xóa dòng 30 Tài liệu hướng dẫn sử dụng itemclick marker move Khi di chuyển dòng tới vị trí khác pull pullend noresults Sự kiện xảy sử dụng searchView searchText mà khơng có kết click cblclick dragend Khi vùng cuộn dừng kéo dragstart scroll scrollend Khi dừng cuộn longclick 31 ... quen thuộc với lập trình viên trung tâm - Hỗ trợ framework xây dựng ứng dụng phía client Alloy Framework, framework lập trình theo mơ hình MVC 2.1.2 Lựa chọn ứng dụng phát triển Titanium Các ứng... Titanium Mobile SDK Red Hat JBoss Fuse Tài liệu hướng dẫn sử dụng 2.2 Nội dung khác 2.2.1 Hướng dẫn cài đặt Titanium cung cấp Titanium Studio để lập trình ứng dụng (base Eclipse) Để cài đặt studio... tiện ích, tài liệu thư viện hàm class để lập trình Titanium SDK Là SDK Titanium Alloy Framework Một framework để xây dựng ứng dụng phía client thiết bị mobile Platform Nền tảng Native App Ứng