[作品發表!!!]天文館展區導覽-天球與星座APP

狂賀!!!終於完成發表啦~~~ヾ(o´∀｀o)ﾉ
廢話不說請點以下網址下載吧 ！
＊主程式
　https://drive.google.com/file/d/0B3ndE8eJZvvWRVczS0xXZVJxNkE/view?usp=sharing

另外想直接玩互動展品的請走這邊↓
＊天球儀
　https://drive.google.com/file/d/0B3ndE8eJZvvWNGx4Q3Z3Mk0xWU0/view?usp=sharing
＊星座盤
　https://drive.google.com/file/d/0B3ndE8eJZvvWU2htZDYyekpIdHM/view?usp=sharing

＝＝＝＝＝＝我是介紹分隔線＝＝＝＝＝＝

以下要向大家介紹本團隊第一個作品!!

「天文館展區導覽-天球與星座APP」

我們希望能讓對天文館有興趣的民眾，即使無法到現場也可以透過我們的APP對現場有些了解與體驗；而在現場的使用者們可以方便地將現場資訊一手掌握。

例如不必跑到售票機前才能看到票價；不必找紙本DM、現場圖才知道自己在哪裡、這裡有些什麼；想看宇宙劇場的節目卻不曉得看什麼好，我們也有完整的節目時間表以及各節目的介紹，不用上網就能看得到囉！

＝＝＝＝＝＝我是注意事項分隔線＝＝＝＝＝＝

有任何問題、建議或回饋與感想請在本文章下方留言處留言
或是來信至 phyllis.pk0623@gmail.com 感謝各位!!

還沒整理的咩咩嘎嘎

#eclipse 編輯區字體大小
  http://usit-yuan.blogspot.tw/2013/04/eclipse.html
  修改編輯區字體大小
      1. Window > Preference
      2. 右側General > Appearance > Colors and Fonts
      3. 將 Basic 展開，看到「Text Font」和「Text Editor Block Selection Font」
      4. 按下 Edit ，隨自己喜好調整即可。

#點按鈕換ImageView的圖
  http://apk.tw/thread-124678-1-1.html
  imageView1.setImageResource(R.drawable.pic1); //括弧內為要換的圖片id

#自訂翻頁效果(((資料,未讀)
http://fecbob.pixnet.net/blog/post/35695545-android%E8%87%AA%E8%A8%82activity%E6%BC%82%E4%BA%AE%E8%B7%B3%E8%BD%89%E6%95%88%E6%9E%9C

#按鈕焦點效果
讓程式去算
http://ocean2002n.pixnet.net/blog/post/89889117-%5bandroid%5d-%E8%87%AA%E8%A1%8C%E8%A8%AD%E8%A8%88%E6%8C%89%E9%88%95%E6%A8%A3%E5%BC%8F%EF%BC%8C%E5%85%8D%E5%8E%BBapp%E5%85%A7%E5%9C%96%E7%89%87%E6%AA%94
自定義
http://blog.kenyang.net/2010/05/dfdfd.html
換背景
http://fecbob.pixnet.net/blog/post/34761701-%5Bandroid%5D%E8%A8%AD%E8%A8%88%E5%85%B7%E6%9C%89%E8%83%8C%E6%99%AF%E5%9C%96%E7%9A%84%E6%8C%89%E9%88%95imagebutton%E7%9A%84%E7%84%A6%E9%BB%9E
總和&有點不太一樣的
http://jp-lin.blogspot.tw/2010/12/android.html

# toast

http://www.cnblogs.com/salam/archive/2010/11/10/1873654.html
http://blog.csdn.net/xy_nyle/article/details/20137953


焦點BUG
http://blog.csdn.net/jolfer/article/details/9145651

[天文館導覽APP開發手冊] Part 8. 一些其他的小咩嘎

#Part 8. 一些其他的小咩嘎
橘色這個是把桌面上APP的icon圖片變更
紫色的是把畫面上方黑底白字的標題列拿掉

[天文館導覽APP開發手冊] 目錄

[天文館導覽APP開發手冊] Part 5.光有畫面是不夠的~程式碼底家!

#Part 5.光有畫面是不夠的~程式碼底家!

打開 xxx.java檔(執行程式)

一、(1)先繼承活動(Activity)
       (2)新增我們要用的物件
二、onCreate下 
       (3)1.設定相對應的畫面
       (4)2.開物件格子(將放程式碼的格子與畫面的物件連結，就像是幫盒子找到了相對應的蓋子)
       (5)3.有按鈕的話要設監聽器

三、實作監聽器內容
      (1)1.新增監聽器
      (2)2.onClick(View v)這句指令會抓被按到的按鈕ID
      (3)3.有多個按鈕用Switch case來指定按鈕各別的動作

      然後是按鈕按下後的動作，我們使用到的按鈕動作有↓(以下是大概的解說)
      (4)★Intent 切換到指定頁面
             1.New 一個Intent
             2.寫地址，從這個class 到哪個新 class
             3.start Activity→開始動作
             4.break;→switch case的結束語，很重要!
     (5)★連結網站
            1.指定網址
            2.新增 Intent. ACTION_VIEW, uri 的 Intent
            3.開始動作
            4.break

(6)★finish();
       結束此活動。break。

(7)★onDestroy()
       結束的另一種寫法，類似直接按電源紐將電腦強制關機的概念。這段請註解掉!!

最後還有快顯訊息，後面章節會再介紹到 
★Toast 快顯訊息
            1.新增一個Toast(本頁.this,"內容”,LENGTH_長或短)；
            2.設定位置toast. setGravity(對齊位置,x,y);
            3.開始動作 toast. show();

[天文館導覽APP開發手冊] 目錄

[天文館導覽APP開發手冊] Part 4. 通通給我排排站!

# Part 4. 按鈕按鈕還是按鈕 XD 通通給我排排站!

(1) Outline 這一欄會顯示你畫面中的所有物件。物件的類型、層次順序還有ID。
(2) Properties 這裡顯示的是你點選的物件的詳細屬性。包含ID、對齊位置、縮放形式等等。
現在選的是做底層的 imageView 圖片物件，ID為imageView2，ID後的background則是圖檔名。
     (3)這區以下是物件的對齊與位置
         (4)這四個是相對位置排版(RelativeLayout)，我這個物件要在哪個物件的上下左或右。
         (5)這些是整個畫面的對齊，像Align開頭得就是對齊畫面的邊
         (6)這兩個是選擇你的物件的寬跟高，可以固定多少dp，也可以是填滿畫面。
         (7)Src 是圖檔的路徑; ScaleType是圖片的縮放模式，例如是置中、填滿、延伸等。像你在設定電腦桌布時會讓你選圖片要填滿整個畫面還是怎的。(物件的大小就是你電腦螢幕的大小這樣去想就會比較好理解XD)

=======================================================================
(1)現在選擇的是ID為btn_simple的ImageButton物件，圖片為simple。
(2)ID
(3)物件位置與對齊
(4)寬度與高度
(5)Style是說我們這個物件現在是ImageButton的型態
    Src為圖檔路徑
    要注意的是Background這裡，因為我們的圖檔有做透明度，所以背景不能有顏色，要讓它透過去看到底下的背景，設成空值 @null 。

(1)同上(5)
(2)圖片來源與縮放模式
(3)背景設空值(上面設過了這個就自動跟著變)
(4)按鈕三步驟，已以前的網頁按鈕來說就是"原始焦點按下"三個樣式

=======================================================================
切到程式碼長這樣~
個人建議是在圖形化介面大概拉過之後再切過來程式碼做詳細的調整及確認。

[天文館導覽APP開發手冊] 目錄

[天文館導覽APP開發手冊] Part 3.依架構建立新的頁面

#Part 3.依架構建立新的頁面
先看到整個ADT的左邊一欄『Package Explorer』，這是我們整個專案的資料夾，有什麼東西都可以一層層的打開看到。
首先我們要建立一個新的自訂的Activity(活動)
(參考課本9-15)
點開 Planetarium/src/com.ehappy.planetarium
對著層有著像包裹圖示的這一層資料夾按右鍵 選
New→class(或是Other→Android file→Class)

然後找Name ，為這個Activity命名，就照著架構圖上幫他取的名字，記得要大寫字母開頭，不然系統會不讓你建檔。好了之後按Finish完成，然後就可以在這個資料夾下看到你剛剛命名的.java檔。
Ps.在畫架構圖時先命名是為了避免重名以及會忘記哪個是哪個XD這時候就可以對照

Java檔的部分主要是用來寫執行的程式內容，現在來建我們的畫面檔。
(參考課本9-16)
路徑為 Planetarium/res/layout ，對layout資料夾右鍵
New→Android XML File (或是 Other→Android→Android XML File)

然後命名，這邊要注意跟java檔不一樣，一定要小寫字母開頭，不然就算建起來在執行時也會發生錯誤無法執行。
Ps.為了方便好認，畫面檔的名字跟Java檔取一樣的，不過開頭要小寫!
再來，下面一欄的Root Element是選擇排版的方式，這邊我們選『RelativeLayout』相對位置(相對關係)的排版方式，然後Finish完成。

新增好了活動與畫面記得一定要做接下來這件事，去『AndroidManifest.xml』檔做“註冊”，告訴這支程式的總管說，我有新增了兩個活動要使用，若是沒註冊是無法使用的喔，因為它會不知道你呼叫的這東西是什麼什麼。

(參考課本9-19)
這個檔案在 Planetarium下，拉到最底會看到。
點兩下打開後往下找，在<application>這個標籤層級下新增
『<activity android: label="你新增的活動(java)檔的檔名" android:name=".同前"/>』
每一個活動都要寫一行，參照下圖。

[天文館導覽APP開發手冊] 目錄

[天文館導覽APP開發手冊] Part 2. 來建新專案啦~ (補圖與連結)

#Part 2. 來建新專案啦~

請參照課本2-2~2-5
APP的名稱跟專案名稱都叫「 Planetarium 」
雖然有書說APP名稱可中文但以防發生錯誤還是以英文命名。
其他的一路預設即可030


後面再來講怎麼把每一頁上方的標題列拿掉還有改icon的部分~
(→)

環境安裝、設定、基礎內容請看 開發手冊的安裝環境與專案結構基本的介紹PART
(→)

[天文館導覽APP開發手冊] 目錄

[天文館導覽APP開發手冊] Part 1.建一支APP從規劃架構開始

# Part 1.建一支APP從規劃架構開始
系統架構，也就是我們計畫書內所寫的預期目標
預期這支APP會有那些功能，畫面長怎樣，哪個按鈕按下去要跳到哪個頁面或出現怎樣的功能

想好要有那些頁面，頁面的內容要放什麼(排版)，然後替頁面命名。

Tip:頁面名稱,內容,預期完成目標.

當然，這個架構是可以隨著的開發所需做新增或刪減，不用太過緊張XD
以下為這支APP架構的進化史(?

**NEW 10/13

******************************************************************

========================================================================

[天文館導覽APP開發手冊] 目錄

[天文館導覽APP開發手冊] Part 0. 宣告與說明

# Part 0. 宣告
本APP 由 丁思芸 江依紋 林佳芳 黃鈺婷 共同製作 (名字依筆畫排序)
僅用於畢業專題非做商業營利之用途
圖片及資料皆源自於台北市立天文館及其文字註明之來源。

本開發手冊基於課業研究與團隊內部教學使用 
其文字內容為江依紋整理編寫 由本平台代為發佈及管理
請勿未經同意擅自將內容轉載

如有問題請寄信至 yuji0180@gmail.com

============================================
開發環境 Eclipse + ADT v22.3 (其使用之SDK也是22.3!)

參考書(文章內指的課本就是這本書喔)↓

Android 初學特訓班(第三版)

文淵閣工作室 編著/鄧文淵 總監製
碁峰資訊股份有限公司 出版發行


===========================================

[天文館導覽APP開發手冊] 目錄

[天文館導覽APP開發手冊] 目錄

#目錄

Part 0. 宣告與說明

Part 1.建一支APP從規劃架構開始

Part 2. 來建新專案啦~

Part 3. 依架構建立新的頁面

Part 4. 通通給我排排站!

Part 5.光有畫面是不夠的~程式碼底家!

Part 8. 一些其他的小咩嘎

Blogger鎖右鍵(圖文)

Blogger 鎖右鍵

進入後台 https://www.blogger.com/

選擇要編輯的Blogger→範本→編輯HTML

由標點入文字區後 Ctrl+F 搜尋 「 <body 」 字串
其後加上「  onContextmenu='return false' onDragStart='return false' onSelectStart='return false'  」

(完整語法為<body onContextmenu='return false' onDragStart='return false' onSelectStart='return false'>)

儲存範本，完成。

內文加密
http://redcasio.blogspot.tw/2013/10/blogger_3.html

1. http://apps.kerthis.com/encrypt-post/
2. http://www.vincentcheung.ca/jsencryption/