Build Android Application

หลังจากที่ได้ทำการลงทะเบียนขอใช้บริการแล้ว มาดูกันว่าเราจะอัพโหลดแอพที่เราได้สร้างขึ้นมาอย่างไรจึงจะกลายมาเป็นแอพแอนดรอยด์จริงๆ
Step 1 : ไม่มีอะไรมาก แค่ดู แอพที่เราได้สร้างมา ตัวนี้เป็นตัวอย่างไม่มีอะไรมากครับ

 

Step 2 :  กลับมาที่ โฟลเดอร์แล้วทำการ Zip File ตามวิธีการในรูปได้เลย

 

Step  3 :  หลังจากที่เรา Send to Compressed จะได้ไฟล์ที่มีนามสกุล .zip มานี่แหละที่ต้องการ สามารถใช้โปรแกรม WinRAR หรือ WinZIP หรือ 7Zip ในการสร้างได้

 

Step  4 :  กลับมาที่ Build.Phonegap.com นะครับเราจะอัพโหลด Zip เข้าไปแล้ว

 

Step  5 :  กำลังอัพโหลด ไฟล์ใช้เวลาซักระยะครับ

 

Step 6 :  Build.Phonegap จะดำเนินการสร้างแอพให้ OS ต่างๆเช่น iOS WindowsPhone และ Android เป็นต้นครับ สีฟ้าๆ คือสามารถใช้งานได้ หากเป็นสีแดง แปลว่ามีอะไรบางอย่างที่ต้องการเพิ่ม

 

Step 7 :  สามารถใช้งาน Android ได้

 

Step 8 :  กดที่รูปของ OS แล้วจะพบหน้าดาวน์โหลดไฟล์ APK มาติดตั้งในเครื่องของเราเอง

 

Step 9 :  หากกดเข้ามาผ่าน หัวข้อนะ จะเจอกับ หน้าจอควบคุม ว่าเราจะทำอะไรกับแอพบ้าง ไม่ว่าจะเป็นการอัพโหลดใหม่ , เปลี่ยนไอคอนก้ได้

## ทดสอบการใช้งานบนมือถือ ##
บอกก่อนนะครับ พอดีผมไม่มีมือถือแอนดรอยด์ ผมมีแต่ บีบี แต่ผมจำลองสภาพแวดล้อมได้
(ไม่มีแอนดรอยด์แล้วสอนสร้างแอพแอนดรอยด์ - -*555555 )

Picture 1 : จะโหลดแอพ สำหรับ OS อะไร  (แน่นอน แอนดรอดย์)

 

Picture 1 : จะติดตั้งแล้วนะ อาจจะไม่เหมือนแอนดรอยด์ ต้องเข้าใจนะ นี่ทำบน บีบี จ้า

 

Picture 3 : แทนแท๊นนนนนนนนนนนนนนนนนนนน สวยไหม๊  

ง่าย สะดวก เร็วเร็ว

Start the first application [English]

Start the first application

Every time before creating a new application. Need to do the following things regularly. So that the malfunction as low as possible.

1. Created directory into the Drive C: \ or Drive D: \  The desired directory But the naming rules in the following.

1.1 To reduce errors English only should be named as "apptest".

1.2 No name or "space" component. It will cause errors.

1.3 Do not attempt to use any symbol.

That would make low mistakes in creating application.

2.  After creating directory Back to Dreamweaver, then press Site, then select Manage Sites ... to handle building applications.

3. Have to fill the two slots.

3.1 Site Name, assign a name to it.

3.2 Local Site Folder, set the directory to store application data.

After the specified directory app now. It will lead to the next step. The initial look of the app created by Dreamweaver CS6 provides default format already. Then we can use the default format it. This is very useful for people who are not familiar with creating apps that can be seen at a glance. Speed ​​up the design. Go better

4. Choose File -> New ...

5. Would appear to us to choose New Document from the following.

5.1 Select "Page from Sample".

5.2 Sample Folder Select "Mobile Starter".

5.3 Sample Page select "jQuery Mobile with theme (Local)".

5.4 DocType select "HTML5"

Then press the Create button to start the process of creating an example. This process may take a few minutes. May seem, please wait for the program to stop working, but it still working on it please wait.

Note author.
1. jQuery Javascript Framework is to be used as part of the app.
2. Why choose "jQuery Mobile with theme (Local)" because Dreamweaver will copy the data of jQuery is stored in the same directory. We have created Instead of running through And thus we can Create applications without  Internet.

6. Primarily from the press "Create" and you will find that Dreamweaver is creating something that is up to us to fix it. Learn how to use fast as possible. Experimental data of the applications and code as much as possible. Then gradually Search of HTML, and the trial continues.

7. Before you make any changes necessary to put Save Default data before choosing File -> Save As ...

8. Choose to Save the directory to where we have already generated by the first stage.

9. When you pressed, a Save Dialog Box to Copy Files that are related to information stored together, press Copy, and then wait.

10. The last step, make sure that Dreamweaver CS6 show the performance of the application. The right to development is an app or a way to press the "Split" and "Live" to the Code and display the work. Makes it convenient to use again. Figure shows that the Code Zone on the left and the right display applications.

Starting point for creating apps. Not difficult to think of next, you can create a new one. Hundreds of projects. Experiments suggest that their ability to be able to fix it much app then educated on what they want to do. 

Customizing the Dreamweaver CS6 for building android applications. [English]

1. Changed Dreamweaver CS6 available for building android applications.

 Turns Designer's mode  into an App Developer Plus Mode.

App Developer Plus is changed as shown below.

2. Changing Font of Dreamweaver to be able to do the following: Code is easier way. 

Starting from the Edit > Preference or CTRL + U.

 After Preference and then choose Font, then change to the picture.

Then wait on OK to change the Font Code provides for a comfortable building app now.

This Adobe Dreamweaver is then ready for building applications.

การปรับแต่งโปรแกรม Dreamweaver ให้พร้อมสำหรับการสร้างแอพ

การปรับแต่งโปรแกรม Dreamweaver ให้พร้อมสำหรับการสร้างแอพ

1. เปลี่ยน Dreamweaver CS6 ให้พร้อมสำหรับการสร้างแอพ

เปลี่ยน Designer ให้กลายเป็น App Developer Plus  จะถูกเปลี่ยนเป็น Mode App Developer Plus ตามรูปด้านล่าง

2. การเปลี่ยน Font ของ Dreamweaver เพื่อให้สามารถแก้ไข Code ได้ง่ายขึ้น วิธีทำดังนี้ 

เริ่มจาก Edit > Preferance หรือ CTRL+U

 หลังจากที่ Preference ขึ้นมาแล้ว เลือก Font จากนั้นเปลี่ยนให้เป็นดังรูป

จากนั้นตอบ OK รอซักครู่ Code จะเปลี่ยน Font ให้สบายตาเหมาะแก่การสร้างแอพแล้ว

เท่านี้ Adobe Dreamweaver ก็จะพร้อมสำหรับการสร้างแอพแล้ว

How to install Dreamweaver CS6 for writing an Android app is easy - easy - fast [English]

How to install Dreamweaver CS6 for writing an Android app is easy - easy - fast.

Need to stop using the Internet is to be complete before the installation can be done by stopping the devices connected to the Internet. Including pulling the cable out first, then plug in the recommendations is the need to download the program, and before.

Download : Download Click 
1. Extract the downloaded program is shown below. 

2. Visit the SOFTWARE directory to find the file, double-click Setup.

 3. After quenching Berber-click it. The program will begin checking the availability of the machine. May be asked to Restart before.

 3. After passing step 3, the program will provide a form of installation, select Try If no Adobe's key.

 5. Click Accept to accept the terms of use.

 6. Choose a directory to install the program. 
(up to this point, some people may not be installed due to not disconnect the Internet is).

 7. Starting the installation program. Which in no time

 8. Finished install Adobe Dreamweaver CS6.

 9. Adobe Dreamweaver CS6 first lunch. 

10th. Respond OK to go through it.

 11th. Appearance of the program Adobe Dreamweaver CS6 and use.