頁面

混合式 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 開發 >>

網頁設計與架站

網站建置與設計 (Web Design, Programming and Deploy)

隨著科技的進步,網站的規劃與建置需求愈來愈高,現在已經不是為了網站而建置網站的時代了,而是要更仔細的去想,我們需要網站來為我們做些什麼?希望能夠達到什麼樣的功效?

這是我們所擅長的,我們所擁有的專業技術,能夠為您打造一個特有的網站,符合您所想要的需求,我們也會儘量提出我們的建議,告訴您什麼樣的網站功能對您的幫助最大。

網站建置類型 (Solutions of Website Plan)

  • 公司網站、形象網站、官方網站、機關單位網站、社團網站
  • 企業內部入口網站 (EIP)
  • 客戶關係管理系統 (CRM)
  • 電子商務 (EC)、網路商店、線上金流
  • 拍賣整合
  • 個人化網站、部落格、網路相簿
  • 群眾募資網站
  • Facebook 整合: Facebook 粉絲團建立、 Facebook 應用程式開發
  • 其它客製化專案

網站建置技術分類 (Types and Technologies of Website)

HTML 網頁設計
以美工頁面及文字內容所組成,可穿插 Flash 使網站更有生氣。
PHP / JSP 網站
以 MySQL 為資料庫或以 XML 為資料來源,可增加與使用者互動之功能,以及更多進階後台管理。
ASP / ASP.NET 網站
Access 或 SQL Server 為資料庫或以 XML 為資料來源,可增加與使用者互動之功能,以及更多進階後台管理。

我們所擅長的網頁相關資訊技術

作業平台:
Linux 、 FreeBSD 、 Windows Server
網頁技術:
HTML 、 HTML5 、 DHTML 、 XHTML 、 CSS 、 CSS3 、 Java Script 、 Ajax 、 jQuery 、 jQuery UI 、 jQuery Mobile 、 MVC 、 XML 、 JSON 、 RWD 、 Bootstrap
網頁程式:
PHP 、 ASP 、 ASP.NET (Web Form) 、 ASP.NET MVC 、 JSP 、 Python 、 Django 、 Action Script 、 Flex
地圖定位:
Google Map API 整合、 Mapbox API 整合
資 料 庫:
MySQL 、 SQL Server 、 Access
Web App:
iPad 、 iPhone 、 Android
多 媒 體:
Flash
網路環境:
網路規劃、佈線及伺服器架設
其  它:
ADSI 、 LDAP 、 Web Standards 、搜尋引擎最佳化 (SEO) 、系統整合、平台開發、無障礙規範

網站案例

https://phd.com.tw/category/客戶案例/網站案例/