[Moocs]Programming Mobile Aplication on Android Platform(week4) - All about UI

image

第四個禮拜主要就是介紹如何使用各種UI Control,比如說 Button,Ratio Control,以及這種Layout的使用方式. 而第四個禮拜的作業也相當有趣,就是寫一個基本的TODO item App.裡面包含了許多的關於 inflate與 findViewById的用法,也有講到如何控制各種簡單的TextView或是Radio 控制,更可以了解到利用Intent傳送資料的方法.

挺有趣的章節….

筆記:

inflate() 與 findViewById()的差異

  • inflate是用來找尋layout的,可以利用他去找出整個Layout的內容,內容如下
    View view1=View.inflate(this,R.layout.dialog_layout,null);  
  • 之後就可以利用 view1 繼續去把每一個button 或是 control 透過 findViewById()找出來
    Button action_buttion = (Button)view1.findViewById(R.id.acton_button);

如何新增footerview到listview

  • 使用以下的方式
    getListView().addFooterView(footerView);

參考資料:

[Moocs]Programming Mobile Aplication on Android Platform(2) - Intent/Permission/Fragment

image

上到第三周了,開始有一些重點出來.主要有提到Intent,Permission跟 Fragment.

關於Intent:

  • Intetn可以分為 Implicit Intent 跟Explicit Intent,差別如下:
    • Implicit 是使用系統內建(或是有登陸的Activity/App)
    • Explicity 是可以讓你呼叫自己定義的Activity
  • 可以有許多”動作”(Action)選擇,比如說 ACTION_DIAL… 等等, 使用SetAction()來呼叫
  • URI 是幫助你傳遞一些需要的小資料,比如說: 電話號碼, 地圖經緯度.. 等等 使用SetData()來呼叫.
  • Extra 可以指定為EXTRA_EMAIL,或是改為字串會是變數
    • 需要多加變數可以用 putExtra(KEY, VALUE) 跟 getExtras() 來傳遞
  • 關於OnActivityResult部分,要用setResult(Activity.RESULT_OK, Intent) 來傳遞
  • 如果要跟系統註冊為一種 ImplicitAcitivity的瀏覽器就一定要在AndroidManifest.xml裡面加上:
            < intent-filter >
                < action android:name="android.intent.action.MAIN" />
                < category android:name="android.intent.category.LAUNCHER" />
            < /intent-filter>  
            < intent-filter>
                < action android:name="android.intent.action.VIEW" />
				< category android:name="android.intent.category.DEFAULT" />
                < data android:scheme="http" />
            < /intent-filter>    

關於Permission:

    	< uses-permission android:name="com.android.browser.permission.READ_HISTORY_BOOKMARKS" />
  • 如果permission 已經被提升(granted)的話,就必須要移除App才能測試移除permission的部分.
    < permission >
        android:name="course.examples.permissionexample.TEST_PERM"
        android:description="@string/test_perm_string"
        android:label="@string/test_permission_label_string" >
    < /permission >

關於Fragment

  • 使用的時機點:
    • 同一個App在tablet 與手機上,可以顯示不同畫面
    • Fragment 建立的方式有以下幾種:
      • Static Fragment: 將Fragment 定義在 layout裡面
      • Programmatically: 不用先將Fragment 寫死在Layout,而是動態讀取Fragment 然後貼在Frame上面.
      • Dynamic Fragment: 不僅僅可以用程式指定Fragment,更可以決定在某些狀況下才顯示Fragment
    • 一般而言,configuration change (手機直向或是橫向變化) 會Destroy Fragment然後重新建立,可以利用setRetainInstance(true) 去避免這個狀況.
      • 如接下來的 Life Cycle 所顯示,如果有加上 setRetainInstance OnDestroy 與 OnDetach不會執行到,相對的也不會跑 OnAttach跟 OnCreate.只會跑OnCreateView. 所以要控制外觀的部分(比如說記錄selected list index)需要加在OnActivityCreate這裡.
    • Fragment Life cycle :
    • Fragment 可以是動態加入(形成原本是單個frame的界面,按下後變成兩個frame的界面),並且利用加入onBackStackChanged來改變layout回單個frame
    • 一般而言,在旋轉手機的時候會觸發 configuration change 然後使得Fragment 重建.如果要保留Fragment的狀態需要加上setRetainInstance
    • 想要一開始只顯示左邊list,並且在選取後可以出現詳細在右邊.就可以先選取一個Fragment ID,然後在ListSelected 上面去讀取另外一個Fragment在產生transaction即可.
    
FragmentTransaction fragmentTransaction = getFragmentManager().beginTransaction();
			
// Add the Fragment to the layout
fragmentTransaction.add(R.id.frag, mFragment);
			
// Add this FragmentTransaction to the backstack
fragmentTransaction.addToBackStack(null);
			
// Commit the FragmentTransaction
fragmentTransaction.commit();
			
// Force Android to execute the committed FragmentTransaction
// execute transaction now
getFragmentManager().executePendingTransactions();    

相關資料:

[Django][Python]寫出一個存放資料庫並且輸出qrcode的Django App

image

前言: 想要試著做做看一個簡單的相機資料管理系統,並且可以顯示QRCode到該相機資料庫並且顯示JSON資料. 主要也是趁個機會把Django再拿出來複習一下.雖然也是有打算用Golang來寫,但是Golang沒有找到比較方便的QRcode 模組就先緩些時間.

步驟:

  • 把相關的模組與設定加到原來的Django網站. 這部分可以參考Django toturial 恢復記憶
    source venv/bin/activate
    //Install related component
    pip install django-qrcode
    //Write back to requirement.ext
    pip freeze > requirements.txt
    //Crete new app for this website
    python manage.py startapp cam_qrcode
  • 接下來要設定資料庫,這裡資料庫相當簡單,相機就只有名稱而已.並且有一個XMPP 賬戶做IOT(Internet Of Thing)使用.
class Camera(models.Model):
    camera_id = models.IntegerField()
    camera_name = models.CharField(max_length=200)
    camera_xmpp_account = models.CharField(max_length=200)
    camera_xmpp_password = models.CharField(max_length=200)
    def was_published_recently(self):
        return self.pub_date >= timezone.now() - datetime.timedelta(days=1)
    def __unicode__(self):
        return self.camera_name
  • 關於QRCode產生的部分,我使用的是 Django-qrcode.使用上相當簡單,而且很方便.
  • 可以顯示之後就是要準備產生Json,這裡我是用Simplejson 來使用
    cam = get_object_or_404(Camera, pk=cam_id)
    response_data = {}
    response_data['cam_id'] =  cam.camera_id
    response_data['camera_name'] = cam.camera_name
    response_data['camera_xmpp_account'] = cam.camera_xmpp_account
    response_data['camera_xmpp_password'] = cam.camera_xmpp_password
    out_obj = json2.dumps(response_data)

這樣就完成了,作品在Heroku上面.大概花費四五個小時…

image

遇到問題:

列出來所遇到的一些問題:

  • Django 升級後反而不能跑
    • 已試過把Django從1.6.2 升級到 1.7,就發現無法正常執行伺服器. 這部分先採取downgrade處理,之後有空再看.
     pip install django 1.6.2
  • ‘function’ object has no attribute ‘dumps’
    • 這個主要是json似乎跟某個版本搞混,所以無法獲得正常的json.
    • 我解決方法是使用simplejson 並且更改名稱到json2
    
import simplejson as json2

參考資料:

[C++][MySQL]修改對應程式碼來避免SQL Injection

image

最近在做伺服器檢查的時候,發現公司內所寫的幾個背景程式經常莫名其妙出問題.於是開始下來檢查一下,就像前幾篇提到的一樣,我有加上HipChat當做是看門狗的程式來監視並且確實的回報資訊給我.

但是,就算有收到回報訊息.找出容易發生問題的地方才是重點.後來有查到當使用者自己從手機上輸入資料傳到伺服器的時候.就會發生MySQL Query Error ,以下面的範例:

 "SELECT * FROM `test_sql` WHERE `account` LIKE '".$account."' AND `password` LIKE '".$password."'"

如果這時候,使用這輸入加上有 “ ‘ “的字元,就會產生MySQL Query Error.甚至於會SQL Injeect就是輸入以下的內容:

   "' OR ''=''#"  

這時候唯一的方式就是講 “’“ 轉換成 “'”才不會讓SQL Qeury發生錯誤或是不可預期的狀態.

其實這相關的方式,在PHP裡面相當的簡單就是加上addslashes函式.但是在用C++直接存取MySQL的時候,可就沒那麼方便.

找了一下相關的文章,後來在MySQL API Document 裡面有找到mysql_escape_string,順便也找到有人寫的範例程式可以使用. 引用自這裡http://www.3dbuzz.com/forum/threads/146155-C-version-of-addslashes

/** 
* escapes the mysql string 
* note running on the entire SQL screws it so just run it on elements to be inserted 
* @param string sql 
* @author D.Busby 
*/ 
char *db_connection::escape_string(string sql) 
{ 
        char *s = new char[sql.size()*2 + 1]; 
        mysql_escape_string(s, const_cast<char *>(sql.c_str()), sql.size()); 
        return s; 
}  

接下來只要將每個要帶入查詢的內容先加上這個函式就可以.

相關資源:

[學習心得]來玩玩Hipchat.. 第一篇

image

主要是在管的一些伺服器會有莫名其妙的service中斷的狀況,本來有在增加一些log.不論是在MySQL還是程式本身.但是除了要找出原因之外,要能夠迅速的回復服務也是一個方式.

其中想過不少方法,不過也都有撞牆的狀況:

  • 使用SMTP,寄送Email (用Gmail account)
  • 使用XMPP (或是使用Facebook Chat)
    • 其實Facebook 的聊天有支援XMPP的,使用Pidgin也可以順利登入.但是考量到Aliyun在大陸內部臉書被擋.放棄!
    • 參考一下Facebook Chat
  • 還是回過頭來使用最被大家所推薦的Hipchat,不僅僅支援的服務多.也可以自己再去手動修改.
    • 裡面比較需要注意的是 API Token 有分 1.0 跟 2.0,大部分外面的應用都是使用API 1.0
    • 這邊有一個比較好用的 CLI的方式,可以直接傳送訊息 Hipchat-cli

這才剛開始.. 希望能把自動化弄得更容易…

參考link

由iPhone4轉到iPhone6 Plus無圖片的開箱經驗談

我的iPhone4 也使用了三年半,這次iPhone6變大了實在很對我的胃口. 難得搶到中華電信的第二波領機專案,所以就順便攜碼過來,但是攜碼卻比想像中的困難.

開箱不會有開箱照,不過倒是有一些注意跟提醒,如果你跟我一樣是從iPhone4 轉到 iPhone6.

特別是如果你是攜碼(NP)的用戶,要注意:

電話資訊的轉移:

這裡給需要使用到itune備份與還原的人,使用到icloud的人代表也不太需要把資料轉過去.

  • 先使用舊的iPhone4 連接到你的itune
    • 選擇備份”到這個電腦”
    • 建議把app與購買項目一併備份起來.
  • 打開你的iPhone6
    • 記得把一些初始設定都先跑完,到達一般使用的狀態
    • 連接itune,自然會出現”歡迎使用新的iPhone”
    • 選擇”從此備份回復”

這樣就可以了….. 簡單又快速..(就算我32G 用到幾乎滿,轉過去也大概20 mins)

電話帳號的轉移:

這邊比較需要提一下的是,先註明一下iPhone4 是 micro-sim 而 iPhone6/6Plus 使用的是 nano-sim 還有,中華電信的攜碼(NP)門號要有10天的作業時間.於是你可能得繼續使用你舊的門號.可是呢? 聽中華電信的小姐說,如果你先申辦攜碼(NP)的話,可能原來的電信商就比較不會主動幫你做卡片更換的動作.

所以,這邊可能要請還沒領機的人先注意一下,正常程序如下:

  • 先到原電信商申請nano-sim 卡
  • 這個時候可能會用遺失或是換卡處理,所以你最好順便拿一下 nano-sim 轉 micro-sim 的轉卡,不然短時間會沒卡
  • 到中華電信去領機
  • 使用原來電信商的卡片

不要跟我一樣,直接跑到了中華電信發現卡片還沒換.結果櫃檯人員好心的等我去對面把卡換過之後繼續領機的過程.途中還發現某電信傷的nano卡缺貨,還跑到第二家才有.

大螢幕真棒…. 一次升上 128G