2016年6月27日 星期一

Google APP Engine 前後端建置測試(二)

上一篇 Google APP Engine 開發簡介(一) 有大概介紹GAE的基本觀念,接下來我們要使用 Android Studio 建置後端平台,把網路應用程式佈署上傳,這樣該網路應用程式就可以公開讓所以人使用( appspot.com 網域下的免費網址)。搭配使用 Android Studio 建置前端App,套用WebView元件連結後端,測試是否能連結成功。




1.在App_GAE專案裡建置兩個 Moudle (App_cloud為前端App、backend_test為後端網頁應用程式)。


2.建置 App_cloud,在此就不多加贅述。


3.Android Studio 有提供自動建置網頁應用程式模組,選擇 Google Cloud Module。


4.建立相關配置後,就能產生網頁應用程式。
Module type: 下拉選單選擇 App Engine Java Servlet Module
Module name: 網頁應用程式名稱
Package name: 選擇對應的App應用程式的目錄名稱
Client module: 選擇對應的App應用程式


5.選取 Project 方式呈現才會顯示細部的專案,其中裡面有幾個比較重要的檔案。

MyServlet(程式控制端)


index.html(畫面呈現)


web.xml(設定檔)


6.選取 Build 按下 Deploy Module to App Engine


7.Deploy to: 選取Google Console內存在的專案ID(下方Deploy按鈕會需要登入gmail使用授權)


8.網址部分前面為專案ID名稱,後方appspot.com為固定寫法。


9.用get方式,網址列上打上/hello 轉跳畫面(傳參數)。

10.App_cloud(layout部分)。
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="gae.melvin.com.app_cloud.MainActivity">

    <WebView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/webView"        android:layout_alignParentLeft="true"        android:layout_alignParentStart="true"        android:layout_alignParentTop="true" />
</RelativeLayout>



10.App_cloud(Activity部分)。
public class MainActivity extends AppCompatActivity {


    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        String myURL = "http://semiotic-effort-135423.appspot.com/";
        WebView myBrowser=(WebView)findViewById(R.id.webView);

        WebSettings websettings = myBrowser.getSettings();
        websettings.setSupportZoom(true);
        websettings.setBuiltInZoomControls(true);
        websettings.setJavaScriptEnabled(true);

        myBrowser.setWebViewClient(new WebViewClient());

        myBrowser.loadUrl(myURL);
    }


}


11.最終用前端App測試也能順利連結後端。






2016年6月25日 星期六

Google APP Engine 開發簡介(一)

Google App Engine(GAE) 服務是一個提供網頁系統執行的平台。在這個基礎建設下,可以很容易的建立與維護,以及當流量與儲存需求增加時可以容易擴增規模。在GAE的環境中,使用者不需要維護伺服器,只需要將網路應用程式上傳,然後其他的使用者就可以使用該應用程式所提供的服務。對於該應用程式可以使用 appspot.com 領域之下的免費網址。該網路應用程式可以公開讓所有的人使用,或是限制只有組織內的成員才可以存取。GAE 支援以數種常用之程式語言所開發的app。




Google App Engine上的APP沒有初始費用,所有的應用程式可以免費使用1GB的儲存空間,足夠的CPU時間,以及可以支援一個月5百萬次的網頁瀏覽數的足夠頻寬。使用者一旦開通計費機制,則免費的額度也會增加,而且只需支付超過免費額度的部分。Google有一套完整的幾費機制,有興趣者可以參考 Google APP Engine 網站的說明。


1.進入GAE首頁並登入gmail。

2.點選右上角紅色框框,選取建立專案。(建立好專稱名稱後會自動產生專案ID)。

3.點選左上角橘色框框選單。

4.選取資料儲存庫,查看資料庫裡的變化。

5.第一次產生專案,暫無任何資料(之後會以程式碼方式產生)。

6.Cloud Datastore 與 relational database 的差異


7.點選App Engine選取配額,便可查看該應用程式的配額詳細資料。



參考網站:

2016年6月18日 星期六

Android Studio 相關設定

Android Studio 開發工具安裝說明

Android Studio 常用的偏好設定

1.預設為白色主題的,看個人喜好也可以設定黑色主題(Darcula)。


2.設定顯示行號


3.設定文字樣式與字體大小(Font預設是不能改的, 只能點選Schema右邊的Sava As 按鈕, 將當前Schema另存為個人的Schema,才能更改)。


4.自動提示(紅框中Java標題下面的方框全部勾選即可),搭配手動提示(預設為Ctrl + Space,改為 Ctrl + \ ),能更有效提高開發時的效率。




5.設定註解顏色,預設為淡灰色(有Block comment 與 Line comment 兩種)。


Genymation 模擬器

官網


Android 模擬器 Genymotion 使用教學

Java GUI Layout 輔助工具 WindowBuilder 介紹

為了方便開發Java Swing,我們可以使用Eclipse(Version: Mars Release 4.5.0) 插件 WindowBuilder 的輔助工具來開發。首先選擇Help/Install New Software, 並在Work with裡選擇 Mars - http://download.eclipse.org/releases/mars , 便會產生 General Purpose Tools 選項,,最後只要選取 Swing Designer、 SWT Designer 以及 WindowBuilder 三個選項安裝即可。





接著我們就可以使用 WindowBuilder 內所提供的 Application Window 選項,它會自動產生 JFrame 的框架,其中 Source 為程式碼部分、Design 為 GUI圖形介面。



package test;

import java.awt.EventQueue;

import javax.swing.JFrame;

public class test {

 private JFrame frame;

 /**
  * Launch the application.
  */
 public static void main(String[] args) {
  EventQueue.invokeLater(new Runnable() {
   public void run() {
    try {
     test window = new test();
     window.frame.setVisible(true);
    } catch (Exception e) {
     e.printStackTrace();
    }
   }
  });
 }

 /**
  * Create the application.
  */
 public test() {
  initialize();
 }

 /**
  * Initialize the contents of the frame.
  */
 private void initialize() {
  frame = new JFrame();
  frame.setBounds(100, 100, 450, 300);
  frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 }

}

以下網站有介紹 Java Swing、WindowBuilder 可供參考。

[介紹] eclipse 插件 - Java GUI Layout 輔助工具 WindowBuilder

Eclipse 安裝 Window Builder 教學

如何使用Window Builder

Java入門指南 - GUI 的基本概念


2016年6月4日 星期六

自製伺服器 VirtulBox、Ubuntu

自製伺服器:VirtualBox、Ubuntu

本文教學在不影響原來作業系統的情形下,使用免費的VirtualBox虛擬機器軟體,來進行安裝Ubuntu的光碟映像檔(ISO檔),以下將會簡單介紹VirtualBox、Ubuntu。



VirtualBox
VirtualBox是一套由Oracle公司所開發的免費且中文化的「虛擬機器(Virtual Machine) 」軟體,在安裝VirtualBox之後,可以在你的電腦新增多部的虛擬機器(或稱「虛擬電腦」),在虛擬機器中可以安裝不同的作業系統,例如:WindowsLinux、Solaris、BSD、IBM OS/2 等;當然,也可以安裝任何的軟體,就好像在使用實體電腦一樣。


Ubuntu
Ubuntu是一個以桌面應用為主的GNU/Linux作業系統,它是一個開放原始碼、功能強大且免費的作業系統,除了作業系統以外,還有文書資料處理、影像處理、影音播放、燒錄、……等免費軟體,想要了解與體驗這套軟體,可以到官方網站下載光碟映像檔(ISO檔案),將映像檔直接掛載在VirtualBox,就可以安裝Ubuntu 15.10版本。


1.安裝VirtualBox

Step1:連結到官方網站,因為要將VirtualBox安裝在Windows 系統,所以點選「x86/amd64」,for Windows的版本。如果你的作業系統不是Windows作業系統,請自行下載適合的版本。



Step2:取消勾選「Create a shortcut in the Quick Launch Bar」。

Step3:點選「Next」。

Step4:勾選「永遠信任來自" Oracle Corporation"  的軟體」點選「安裝」。

Step5:安裝好VirtualBox後,可以在 Preferences 設定 VirtualBox 語系



Step6:對著下載的檔案「Oracle_VM_VirtualBox_Extension_Pack-5.0.20-106931.vbox-extpack」連續按兩下滑鼠左鍵,準備安裝USB 2.0與USB 3.0擴充包。



Step7:點選「安裝」。

Step8:點選「我同意」。

Step9:擴充包裝安完成,點選「確定」。



2.VirtualBox虛擬機器進行安裝Ubuntu的光碟映像檔,建立Linux作業系統。



Step10:輸入名稱「server」(名稱可自取),選擇作業系統「Linux」,版本「Ubuntu(32-bit)」,點選「下一步」。



Step11:依電腦實體記憶體的大小,調整虛擬機器記憶體大小,點選「下一步」。





Step12:選擇「動態配置」(比較不會浪費硬碟空間),點選「下一步」。



Step13:依電腦實體記憶體的大小,調整虛擬機器記憶體大小,點選「下一步」。



Step14:使用預設的選項「立即建立虛擬硬碟」,點選「建立」。



Step15:點選「資料夾」的圖示,準備選擇儲存硬碟檔案資料的位置。調整「虛擬磁碟」的大小為12GB〈自行依需要設定〉,點選「建立」,新增虛擬硬碟。



Step16:Ubuntu虛擬機器已經設定完成,點選「設定值」,準備修改相關的設定。



Step17:到官方網站下載光碟映像檔(ISO檔案)。



Step18:選擇「存放裝置」,再選擇「光碟機」的圖示,點選「選擇虛擬光碟檔案」。已經將Ubuntu 15.10的ISO映像檔掛載為虛擬光碟,點選「確定」。





Step19:選擇Ubuntu 15.10虛擬機器,點選「啟動」。



Step20:選擇「中文(繁體)」,點選「安裝Ubuntu」。



Step21:點選「繼續」。



Step22:「使用預設的選項「清除磁碟並安裝Ubuntu」,點選「立刻安裝」,點選「繼續」。



Step23:使用預設的時區「Taipei (台北)」,點選「繼續」。



Step24:鍵盤排列方式選擇「英語 (美式)」,點選「繼續」。





Step25:輸入名稱、電腦名稱、使用者名稱和密碼,點選「繼續」。



Step26:Ubuntu 15.10已經安裝完成,如下圖所示。

[java] 條件控制

前言: 在 java 的條件控制中可分為 if-else 架構、三元運算子、switch-case 架構這三類,其中 if-else、三元運算子為條件型的判斷,條件必須為 true/false布林值;switch-case 為比對變數型的判斷,條件值比較多可以是 char、...