文章

混合式 App 程式開發

混合式 App 的定義

混合式應用程式 (Hybrid App) 開發在此指的是,以一般以 Web App 方式開發用戶端程式,但最後可在包裝後像 原生 App 一樣上架至應用程式商店的作法。

以下是一般混合式 App 的開發及執行模式:

  • 前端使用 HTML / XHTML / HTML5 + CSS + Java Script … 等網頁標準技術製作。
  • 透過 PhoneGap … 等框架工具跟行動裝置硬體設備互動,或加上部份原生程式,並包裝成原生 App 的外殼。
  • 上架至應用程式商店供人下載執行。

優點

  • 就像 Web App 那樣,前端操作介面可使用統一的網頁技術來做 (推薦用 HTML5 實作) ,可以跨較多裝置平台,不必為不同裝置維護多種程式語言版本。
  • 有些框架工具,可讓混合式 App 也能像原生 App 般,控制硬體裝置。例如:相機功能、 GPS 地理定位、測速計、磁力計、陀螺儀 … 等。
  • 可以在官方線上 App 商店上架,設定下載 App 的人是否要付錢,用以賺取費用。
  • 使用已安裝的 App 時,不需要開瀏覽器及輸入網址。

缺點

  • 混合式 App 開發方式,在不同裝置仍可能需要透過不同開發工具,分開編譯 (Compile) 包裝之後,才能進行功能測試。
  • 較需複雜運算的功能或遊戲,用混合式 App 開發方式,效能可能還是比不上原生 App 。
  • 對硬體裝置的支援度仍比不上原生 App 。
  • App 程式若有更新,就需要重新上架、審核,而使用者也必須更新或重新下載,才能使用新的功能。
<< 上一篇: Web App 開發 [ App 開發簡介 ] 下一篇: iOS App / Mac App 規格表 >>

Web App 程式開發

Web App 的定義

Web App 即網頁應用程式 (Web Application) 的簡稱。

Web App 本身透過網頁瀏覽器操作執行,在 Web 2.0 這個名詞風行時,由於許多網站平台已經由單純的官方網站,變成更具功能性、互動性的網站系統,因此 Web 應用程式這名詞也開始被愈來愈多人使用。

而我們以下所指的 Web App ,主要以行動裝置上的瀏覽器應用為主,所以又經常被稱為行動網頁 App (Mobile App) 。

以下是一般 Web App 的開發及執行模式:

  • 前端網頁使用 HTML / XHTML / HTML5 + CSS + Java Script … 等網頁標準技術製作。
  • 後端使用 PHP 、 ASP.NET 、 JSP 、 RoR … 等程式語言開發,並連結資料庫或其它資料來源。
  • 透過瀏覽器輸入網址後執行。

優點

  • 通常在不同的裝置上, Web App 只需要用相同的前端網頁技術來開發即可,不需要使用不同程式語言來開發。 (通常被稱作跨平台)
  • 開發過程中, Web App 只要使用裝置的瀏覽器輸入網址即可執行測試。若有任何問題,程式修改後,可以快速的進行測試,甚至有時只需要簡單的重新整理網頁即可。
  • Web App 不需要支付官方開發者年費,也不需要至官方應用程式商店上架、審核或讓官方抽成。
  • Web App 有任何功能更新,只需要在後端網站主機修改即可,使用者不需要重新下載安裝,就可以隨時使用最新的功能。

缺點

  • Web App 執行速度沒有原生應用程式來的快,較不適合需要極快速反應的程式、複雜的動畫、遊戲 … 等。
  • Web App 對硬體裝置的支援度不好,許多硬體上的功能可能無法使用。例如:相機功能、 GPS 地理定位、測速計、磁力計、陀螺儀 … 等。
  • Web App 依賴瀏覽器執行,而瀏覽器的種類繁多,對網頁技術的支援性也有些不同,雖然大都能夠執行,但 UI 畫面較不同易達到一致,且部份功能需要針對不同瀏覽器做不同的處理。
  • 行動裝置執行 Flash 功能多有限制,在行動裝置網頁上顯示 2D 動畫、 3D 動畫、影片通常並不容易。 (但行動裝置目前對新的 HTML5 標準支援愈來愈好,採用 HTML5 將會對網頁的功能性及效能獲得許多改善)
  • 需要打開瀏覽器及輸入網址才能執行 Web App ,感覺較麻煩。 (透過加入成為書籤、設定於主畫面螢幕點選執行、或提供 QR Code 讓行動裝置掃描,可以得到一些改善)
  • 在網路斷線的狀態下, Web App 有可能完全無法繼續操作。 (除非在開發時一併開發離線支援功能)
<< 上一篇: 原生 App 開發 [ App 開發簡介 ] 下一篇: 混合式 App 開發 >>

App 應用程式開發簡介

App 的定義

App 原是為電腦應用程式 (Application) 的簡稱,過去大家一般也叫它軟體 (Software) 。

但由於近來 iPhoneiPadAndroid 手機及平板電腦的風行,加上 iOS 下載應用程式的商店 App Store 中的 "App" 這個名詞,讓現在人認為在行動手持裝置上執行的程式叫做 App ,而幾乎快忘了原來桌面電腦上的應用程式軟體,其實也是 App 。

因此,以下我們所提及的 App 說明,也著重以多數人認定的行動裝置 App 為主。

App 的開發方式分類

原生應用程式 (Native App) 開發
一般使用 Objective-C 、 Swift 、 Java 、 Kotlin 、 C 、 C++ 、 C# … 等程式語言開發用戶端程式,並可上架至應用程式商店。 < 深入瞭解 >
網頁應用程式 (Web App) 開發
一般使用 HTML / XHTML / HTML5 + CSS + Java Script … 等網頁技術開發用戶端程式,並使用瀏覽器開啟執行。 < 深入瞭解 >
混合式應用程式 (Hybrid App) 開發
一般以 Web App 方式開發用戶端程式,但會透過 PhoneGap 等框架工具跟行動裝置硬體設備互動,或加上部份原生程式,最後可包裝上 Native App 的外殼,上架至應用程式商店。 < 深入瞭解 >

各家 App 開發的相關規格

下一篇: 原生 App 開發 >>

虹鳴科技股份有限公司

企業簡介

虹鳴科技股份有限公司 (Omni-Semitech Inc.) 成立於 2009 年 12 月,總公司位於新竹縣竹北市。

虹鳴科技專精於半導體二手量測機台及零件的買賣,翻修,維修,及移裝機,目前共有十多位技術專員及資深工程師,為半導體產業提供第一流的技術與服務,是業界唯一專業級的半導體二手量測設備服務供應商。

網站功能

虹鳴網站系統開發主要提供:最新消息、產品分類管理、產品資料管理、技術支援管理、繁體中文 / 英文語系切換…等功能。

網頁設計展示 (首頁)

虹鳴科技股份有限公司網站 (首頁)

相關連結

虹鳴科技網站:http://www.omni-semitech.com

智丞法律事務所網站

律師簡介

蔡勝雄律師承辦案件多年,接觸為數不少之當事人,深刻體認:法律服務當以當事人之需求為起點,若無當事人需求與參與,即無法律服務可言!自執業以來,一向以提供專業即時之法律服務,體察時代脈動,創新服務思維,謀求當事人最大權益為依歸,自我期許!

身為法律從業人員,耐心傾聽當事人所提出之法律問題,因應個人、家庭、企業及集團等客戶不同層面之需求,立於當事人角度,剖析、評估各種風險,以提供最佳之專業建議及策略規劃!

網站功能

我們在此網站中提供:網頁設計、 Flash 動畫製作、案例分享管理、法規動態管理、聯絡表單…等頁面功能。

網頁設計展示 (首頁 Flash 動畫)

[kml_flashembed publishmethod=”static” fversion=”8.0.0″ useexpressinstall=”true” movie=”//phd.com.tw/files/case-flash/attorneytsai-index.swf” width=”614″ height=”372″ targetclass=”flashmovie” play=”true” loop=”true”]

Get Adobe Flash player

[/kml_flashembed]

網頁設計展示 (首頁靜態全貌)

蔡勝雄律師網站 (首頁)

網頁設計展示 (理念簡介)

蔡勝雄律師網站 (理念簡介)

網站連結

源興資源回收網

商家簡介

源興資源回收行具有多年資源回收經驗,注重安全以及機械操作之專業訓練,並以公平交易、高價收購為桃園、新竹、竹北、苗栗的民眾提供高效,快捷的回收服務,解決民眾的困擾。

專業經營各式:資源回收、廢五金回收、貴重金屬回收、塑膠資源回收、廢電子回收、工廠廢料回收、廠房拆除。

網頁設計展示 (首頁)

源興資源回收網站 (首頁)

網頁設計展示 (一般回收)

源興資源回收網站 (一般回收)

相關連結

源興資源回收網站:http://www.yuansing.com.tw

頁面

混合式 App 程式開發

混合式 App 的定義

混合式應用程式 (Hybrid App) 開發在此指的是,以一般以 Web App 方式開發用戶端程式,但最後可在包裝後像 原生 App 一樣上架至應用程式商店的作法。

以下是一般混合式 App 的開發及執行模式:

  • 前端使用 HTML / XHTML / HTML5 + CSS + Java Script … 等網頁標準技術製作。
  • 透過 PhoneGap … 等框架工具跟行動裝置硬體設備互動,或加上部份原生程式,並包裝成原生 App 的外殼。
  • 上架至應用程式商店供人下載執行。

優點

  • 就像 Web App 那樣,前端操作介面可使用統一的網頁技術來做 (推薦用 HTML5 實作) ,可以跨較多裝置平台,不必為不同裝置維護多種程式語言版本。
  • 有些框架工具,可讓混合式 App 也能像原生 App 般,控制硬體裝置。例如:相機功能、 GPS 地理定位、測速計、磁力計、陀螺儀 … 等。
  • 可以在官方線上 App 商店上架,設定下載 App 的人是否要付錢,用以賺取費用。
  • 使用已安裝的 App 時,不需要開瀏覽器及輸入網址。

缺點

  • 混合式 App 開發方式,在不同裝置仍可能需要透過不同開發工具,分開編譯 (Compile) 包裝之後,才能進行功能測試。
  • 較需複雜運算的功能或遊戲,用混合式 App 開發方式,效能可能還是比不上原生 App 。
  • 對硬體裝置的支援度仍比不上原生 App 。
  • App 程式若有更新,就需要重新上架、審核,而使用者也必須更新或重新下載,才能使用新的功能。
<< 上一篇: Web App 開發 [ App 開發簡介 ] 下一篇: iOS App / Mac App 規格表 >>

Web App 程式開發

Web App 的定義

Web App 即網頁應用程式 (Web Application) 的簡稱。

Web App 本身透過網頁瀏覽器操作執行,在 Web 2.0 這個名詞風行時,由於許多網站平台已經由單純的官方網站,變成更具功能性、互動性的網站系統,因此 Web 應用程式這名詞也開始被愈來愈多人使用。

而我們以下所指的 Web App ,主要以行動裝置上的瀏覽器應用為主,所以又經常被稱為行動網頁 App (Mobile App) 。

以下是一般 Web App 的開發及執行模式:

  • 前端網頁使用 HTML / XHTML / HTML5 + CSS + Java Script … 等網頁標準技術製作。
  • 後端使用 PHP 、 ASP.NET 、 JSP 、 RoR … 等程式語言開發,並連結資料庫或其它資料來源。
  • 透過瀏覽器輸入網址後執行。

優點

  • 通常在不同的裝置上, Web App 只需要用相同的前端網頁技術來開發即可,不需要使用不同程式語言來開發。 (通常被稱作跨平台)
  • 開發過程中, Web App 只要使用裝置的瀏覽器輸入網址即可執行測試。若有任何問題,程式修改後,可以快速的進行測試,甚至有時只需要簡單的重新整理網頁即可。
  • Web App 不需要支付官方開發者年費,也不需要至官方應用程式商店上架、審核或讓官方抽成。
  • Web App 有任何功能更新,只需要在後端網站主機修改即可,使用者不需要重新下載安裝,就可以隨時使用最新的功能。

缺點

  • Web App 執行速度沒有原生應用程式來的快,較不適合需要極快速反應的程式、複雜的動畫、遊戲 … 等。
  • Web App 對硬體裝置的支援度不好,許多硬體上的功能可能無法使用。例如:相機功能、 GPS 地理定位、測速計、磁力計、陀螺儀 … 等。
  • Web App 依賴瀏覽器執行,而瀏覽器的種類繁多,對網頁技術的支援性也有些不同,雖然大都能夠執行,但 UI 畫面較不同易達到一致,且部份功能需要針對不同瀏覽器做不同的處理。
  • 行動裝置執行 Flash 功能多有限制,在行動裝置網頁上顯示 2D 動畫、 3D 動畫、影片通常並不容易。 (但行動裝置目前對新的 HTML5 標準支援愈來愈好,採用 HTML5 將會對網頁的功能性及效能獲得許多改善)
  • 需要打開瀏覽器及輸入網址才能執行 Web App ,感覺較麻煩。 (透過加入成為書籤、設定於主畫面螢幕點選執行、或提供 QR Code 讓行動裝置掃描,可以得到一些改善)
  • 在網路斷線的狀態下, Web App 有可能完全無法繼續操作。 (除非在開發時一併開發離線支援功能)
<< 上一篇: 原生 App 開發 [ App 開發簡介 ] 下一篇: 混合式 App 開發 >>

App 應用程式開發簡介

App 的定義

App 原是為電腦應用程式 (Application) 的簡稱,過去大家一般也叫它軟體 (Software) 。

但由於近來 iPhoneiPadAndroid 手機及平板電腦的風行,加上 iOS 下載應用程式的商店 App Store 中的 "App" 這個名詞,讓現在人認為在行動手持裝置上執行的程式叫做 App ,而幾乎快忘了原來桌面電腦上的應用程式軟體,其實也是 App 。

因此,以下我們所提及的 App 說明,也著重以多數人認定的行動裝置 App 為主。

App 的開發方式分類

原生應用程式 (Native App) 開發
一般使用 Objective-C 、 Swift 、 Java 、 Kotlin 、 C 、 C++ 、 C# … 等程式語言開發用戶端程式,並可上架至應用程式商店。 < 深入瞭解 >
網頁應用程式 (Web App) 開發
一般使用 HTML / XHTML / HTML5 + CSS + Java Script … 等網頁技術開發用戶端程式,並使用瀏覽器開啟執行。 < 深入瞭解 >
混合式應用程式 (Hybrid App) 開發
一般以 Web App 方式開發用戶端程式,但會透過 PhoneGap 等框架工具跟行動裝置硬體設備互動,或加上部份原生程式,最後可包裝上 Native App 的外殼,上架至應用程式商店。 < 深入瞭解 >

各家 App 開發的相關規格

下一篇: 原生 App 開發 >>

虹鳴科技股份有限公司

企業簡介

虹鳴科技股份有限公司 (Omni-Semitech Inc.) 成立於 2009 年 12 月,總公司位於新竹縣竹北市。

虹鳴科技專精於半導體二手量測機台及零件的買賣,翻修,維修,及移裝機,目前共有十多位技術專員及資深工程師,為半導體產業提供第一流的技術與服務,是業界唯一專業級的半導體二手量測設備服務供應商。

網站功能

虹鳴網站系統開發主要提供:最新消息、產品分類管理、產品資料管理、技術支援管理、繁體中文 / 英文語系切換…等功能。

網頁設計展示 (首頁)

虹鳴科技股份有限公司網站 (首頁)

相關連結

虹鳴科技網站:http://www.omni-semitech.com

智丞法律事務所網站

律師簡介

蔡勝雄律師承辦案件多年,接觸為數不少之當事人,深刻體認:法律服務當以當事人之需求為起點,若無當事人需求與參與,即無法律服務可言!自執業以來,一向以提供專業即時之法律服務,體察時代脈動,創新服務思維,謀求當事人最大權益為依歸,自我期許!

身為法律從業人員,耐心傾聽當事人所提出之法律問題,因應個人、家庭、企業及集團等客戶不同層面之需求,立於當事人角度,剖析、評估各種風險,以提供最佳之專業建議及策略規劃!

網站功能

我們在此網站中提供:網頁設計、 Flash 動畫製作、案例分享管理、法規動態管理、聯絡表單…等頁面功能。

網頁設計展示 (首頁 Flash 動畫)

[kml_flashembed publishmethod=”static” fversion=”8.0.0″ useexpressinstall=”true” movie=”//phd.com.tw/files/case-flash/attorneytsai-index.swf” width=”614″ height=”372″ targetclass=”flashmovie” play=”true” loop=”true”]

Get Adobe Flash player

[/kml_flashembed]

網頁設計展示 (首頁靜態全貌)

蔡勝雄律師網站 (首頁)

網頁設計展示 (理念簡介)

蔡勝雄律師網站 (理念簡介)

網站連結

源興資源回收網

商家簡介

源興資源回收行具有多年資源回收經驗,注重安全以及機械操作之專業訓練,並以公平交易、高價收購為桃園、新竹、竹北、苗栗的民眾提供高效,快捷的回收服務,解決民眾的困擾。

專業經營各式:資源回收、廢五金回收、貴重金屬回收、塑膠資源回收、廢電子回收、工廠廢料回收、廠房拆除。

網頁設計展示 (首頁)

源興資源回收網站 (首頁)

網頁設計展示 (一般回收)

源興資源回收網站 (一般回收)

相關連結

源興資源回收網站:http://www.yuansing.com.tw