投稿類別 : 資訊類篇名 : 手機嘛 App 通 -- 線上失物招領系統作者 : 梁楚璿臺北市立松山高級工農職業學校資三勇葉俊廷臺北市立松山高級工農職業學校資三勇指導老師 : 蔡文亮老師

Size: px

Start display at page:

Download "投稿類別 : 資訊類篇名 : 手機嘛 App 通 -- 線上失物招領系統作者 : 梁楚璿臺北市立松山高級工農職業學校資三勇葉俊廷臺北市立松山高級工農職業學校資三勇指導老師 : 蔡文亮老師"

夯任
4 years ago
Views:

1 投稿類別 : 資訊類篇名 : 作者 : 梁楚璿臺北市立松山高級工農職業學校資三勇葉俊廷臺北市立松山高級工農職業學校資三勇指導老師 : 蔡文亮老師

壹前言一研究動機人有失足, 馬有亂蹄, 每個人都有掉東西的時候, 這個時候是否慌張失措六神無主呢? 我們學校學務處有著許許多多別人遺落的物品, 但是能物歸原主的案例卻寥寥可數基於上述兩點與現代行動裝置的大量流行, 所以我們想到使用 A pp 連結 M ysq L 資料庫列出遺失物清單, 就能在網頁與手機上查看, 如此一來就不用去學務處一一查看, 省下大量的時間與精力!

2 壹前言一研究動機人有失足, 馬有亂蹄, 每個人都有掉東西的時候, 這個時候是否慌張失措六神無主呢? 我們學校學務處有著許許多多別人遺落的物品, 但是能物歸原主的案例卻寥寥可數基於上述兩點與現代行動裝置的大量流行, 所以我們想到使用 A pp 連結 M ysq L 資料庫列出遺失物清單, 就能在網頁與手機上查看, 如此一來就不用去學務處一一查看, 省下大量的時間與精力! 二研究目的研究主要的內容有兩點, 一為以人工方式將資料上傳 ; 二為使用網頁及網頁資料庫的方式, 彙整資料後依物品種類拾獲地點拾獲日期作為排序, 讓凌亂的物品明朗化進而提高招領率為了完成系統首先必須了解網頁資料庫的特性及使用的方式, 更重要的是要能延伸至手機使用接著必須建置網頁伺服器及資料庫以便整合相關的資料貳正文一系統架構系統如圖一利用人工將拾獲物品照相建檔存入資料庫後, 便於失主查詢及領回圖一失物招領系統架構 1

3 二名詞介紹 ( 一 )A pp 簡介 A pp 是一種設計在手機平板或是其他行動裝置上面執行的應用程式, 這種應用程式出現的時間是在 2008 年, 可以在 A pp Store G oogle Play W indow s Phone Store 及 B lackb erry A pp W orld 之中取得, 這些 "A PPs" 有些是免費有些卻是需付費的, 大多都是從平台下載到本身裝置, 像是 iphone B lackb erry A ndroid phone 或 W indow s Phone, 有些時候也可以下載到筆記型電腦或是桌上型電腦開發 A pp 時, 需要考慮到手機的限制特徵, 如電池處理器的負荷量螢幕尺寸或是 G PS 相機移動裝置的應用開發, 有些 D eveloper 或許沒有手機, 這時候就可以使用手機模擬器, 不管是 SD K 內建或是 G enym otion 才能進行 debug 作為開發過程的一部分, 移動裝置用戶界面 (U I) 設計也非常重要, 螢幕大小方便使用者辨識與容易操作, 這些都是開發 A pp 時需考量的重點 ( 二 )M ysq L 簡介 M ysq L 在過去由於效能高成本低可靠性好, 已經成為最流行的開源資料庫, 因此被廣泛地應用在 Internet 上的中小型網站中隨著 M ysq L 的不斷成熟, 它也逐漸用於更多大規模網站和應用, 比如維基百科 G oogle 和 Facebook 等網站非常流行的開源軟體組合 LA M P 中的 M 指的就是 M ysq L M ysq L 特性 : 1 使用 C 和 C ++ 編寫, 並使用了多種編譯器進行測試, 保證原始碼的可移植性 2 支援 A IX B SD i FreeB SD H P-U X Linux M ac O S N ovell N etw are N etb SD O penb SD O S/2 W rap Solaris W indow s 等多種作業系統 3 支援多執行緒, 充分利用 C PU 資源, 支援多用戶 4 最佳化的 SQ L 查詢演算法, 有效地提高查詢速度 5 既能夠作為一個單獨的應用程式在客戶端服務器網路環境中執行, 也能夠作為一個程式庫而嵌入到其他的軟體中 6 提供多語言支援, 常見的編碼如中文的 G B 2312 B IG 5, 日文的 Shift JIS 等都可以用作資料表名和資料列名 2

7 提供用於管理檢查最佳化資料庫操作的管理工具三主要程式介紹 ( 一 ) 網路資料表的建置 : 利用網頁資料庫管理介面建置資料表, 所需欄位如表一所示建置完成後如圖二所示表一資料表欄位說明物品名稱掉落地點物品編號物品圖片縮圖 / 分類資料表 u_class u_nam e u_code u_picture u_icon 的中名稱示範 : 身分證松山工農

4 7 提供用於管理檢查最佳化資料庫操作的管理工具三主要程式介紹 ( 一 ) 網路資料表的建置 : 利用網頁資料庫管理介面建置資料表, 所需欄位如表一所示建置完成後如圖二所示表一資料表欄位說明物品名稱掉落地點物品編號物品圖片縮圖 / 分類資料表 u_class u_nam e u_code u_picture u_icon 的中名稱示範 : 身分證松山工農編號 X X X /picture.jpg X X X /icon.jpg 圖二資料表建置完成 ( 二 ) 資料庫程讀取及 A pp 取用說明 : 1 首先從 M ysq L 內找出所需的資料, 以指令 select * from udata order by u_class 取出所有的失物招領清單並排序輸出 // 將資料一筆一筆取出 w hile ($rs=m ysql_fetch_array($row s,m Y SQ L_A SSO C)){ $class = $rs["u_class"]; $code = $rs["u_code"]; 3

$nam e = $rs["u_nam e"]; $picture = $rs["u_picture"]; echo " 班級 :$class # 學號 :$code # 姓名 :$nam e #$picture"}; 2 A pp 將資料庫取出的內容轉成字串提供行動裝置查詢使用內容如下 *5# 身分證 #1# 勤業樓三樓走廊 #http://m ikukon.lionfree.

jpg#LO G O #5# 松山工農操場地面下 #http://m ikukon.lionfree.net/m yproject/pic/saihslogo.gif# 員生社卡片 #6# 員生社 #http://m ikukon.lionfree.net/m yproject/pic/id C 5.

5 $nam e = $rs["u_nam e"]; $picture = $rs["u_picture"]; echo " 班級 :$class # 學號 :$code # 姓名 :$nam e #$picture"}; 2 A pp 將資料庫取出的內容轉成字串提供行動裝置查詢使用內容如下 *5# 身分證 #1# 勤業樓三樓走廊 # ikukon.lionfree.net/m yproject/pic/id C 2.jpg# 身分證 #3# 台北 101 十四樓 # ikukon.lionfree.net/m yproject/pic/id C1.jpg# 悠遊卡 #4# 操場 # ikukon.lionfree.net/m yproject/pic/id C 3.jpg#LO G O #5# 松山工農操場地面下 # ikukon.lionfree.net/m yproject/pic/saihslogo.gif# 員生社卡片 #6# 員生社 # ikukon.lionfree.net/m yproject/pic/id C 5.jpg#*4#A LL# 身分證 # 悠遊卡 #LO G O # 員生社卡片 # 四成果展示這次的研究成果我們先由網頁的進行資料登入, 先確認資料能夠送進資料庫, 再由上述程式碼建立網頁讓手機顯示, 將成果由圖三和圖四圖三輸入資料時畫面 ( 網頁 ) 圖四左邊資料展示 ( 手機 ) 因為有可能物品太多, 所以做了搜尋功能以便於能快速的找到遺失物品只要點下右上角的下拉式選單就可以尋找物品分類如圖五, 選擇 A LL 可顯示所有物品如圖六, 其他類別的選擇結果如圖七 ~ 八 4

圖五手機畫面 ( 分類選單 ) 圖六手機畫面 ( 分類 : 全部 ) 圖七手機畫面 (

這一路上走來遇到了許許多多的難題與瓶頸, 尤其是我們所使用的軟體都是之前所沒接觸過的,

雖然有過許多失敗, 不過我們都一一克服問題並滿足我們所要求的重點, 每一次的嘗試就又多學了一點,

6 圖五手機畫面 ( 分類選單 ) 圖六手機畫面 ( 分類 : 全部 ) 圖七手機畫面 ( 分類 : 身分證 ) 圖八手機畫面 ( 分類 : 員生社卡片 ) 參結論一研究心得這一路上走來遇到了許許多多的難題與瓶頸, 尤其是我們所使用的軟體都是之前所沒接觸過的, 靠著指導老師幾周關於資料庫的使用方法教學, 尋找出可用的部分, 並將每一次失敗的經驗累積起來雖然有過許多失敗, 不過我們都一一克服問題並滿足我們所要求的重點, 每一次的嘗試就又多學了一點, 最後再將這些零散的經驗組合成現在所看到的成品, 雖然還不是非常的完美, 但從零開始的我們, 已經學到了非常非常多的新東西, 重要的是, 即使老師給了我們起點, 但還是讓我們自己想出自己的題目, 使我們能學習到更多寶貴的經驗, 學習著面對自己的作品, 想辦法解決問題, 就算碰上了多難突破的瓶頸, 就算覺得挫折了也 5

7 不能輕易放棄, 因為一路走過來的經驗教會了我們總會有找到出路的時候二未來目標雖然經過了很久的努力以及多次的嘗試, 不過還是成功完成了當初設計的主旨和目標我們還發現這個系統未來可以和學務處教務處或其他處室的公告結合, 讓學生更方便利用 A pp 查詢或得知學校的相關訊息, 也可以藉此讓學生了解手機更多的應用功能肆引註資料註一 app 程式開發剖析張益裕編著松崗出版註二 android 程式設計實例入門高橋麻奈編著博碩文化出版註三行動網路應用 JA V A 手機程式設計黃志泰李勁編著松崗出版註四 A pp 內容參考 WIKI: ikipedia.org/w iki/m obile_app 註五 M ysq L 內容參考 WIKI: ikipedia.org/w iki/m ysq L 6

02 2 成立 Facebook 粉絲專頁 Facebook Facebook Facebook 1, Facebook Facebook 1 Facebook 2-21

賺更多 24 24 2-10 我就是沒錢! 所以我只能利用免費的資源來獲取網路流量, 怎麼做比較好? 1 透過 Facebook 貼文在自己的個人頁面, 讓好友看見 Facebook Facebook 2-20 02 2 成立 Facebook 粉絲專頁 Facebook Facebook Facebook 1,000 100 Facebook Facebook 1 Facebook 2-21 賺更多

投稿類別 : 資訊類 篇名 : 手機嘛 App 通 -- 線上失物招領系統 作者 : 梁楚璿 臺北市立松山高級工農職業學校 資三勇 葉俊廷 臺北市立松山高級工農職業學校 資三勇 指導老師 : 蔡文亮老師

投稿類別 : 資訊類篇名 : 手機嘛 App 通 -- 線上失物招領系統作者 : 梁楚璿臺北市立松山高級工農職業學校資三勇葉俊廷臺北市立松山高級工農職業學校資三勇指導老師 : 蔡文亮老師