文章

App 程式開發

App 開發與設計 (App Develop and Design)

行動裝置普及,手機、平板人手一機,甚至一次多機的狀況下, App 的使用者需求愈來愈熱,甚至取代了許多過去熱門的網站服務。

結合我們一向擅長的網頁技術,我們也正導向以 App 為主,可靠的 Web 後端平台管理為輔,為客戶提供完善的 App 整合開發支援。

App 開發類型 (Solutions of App Plan)

  • 公司形象 App 、官方 App 、學校 App 、政府單位 App
  • 企業內部訊息、請休假、薪資查詢 App
  • 遊戲 App
  • 購物 App 、線上金流
  • 進出貨、庫存管理 App
  • 活動 App
  • 展覽會導覽 App
  • GPS 定位、 Beacon / iBeacon 微定位 App
  • 智慧手錶 App 、智慧手環 App 、穿戴裝置 App
  • 物聯網 IoT App
  • 醫療器材 App 、健身器材 App
  • 工業用設備控制 App
  • 其它客製化專案

App 開發的分工 (Cooperation of App)

App 設計
以美術視覺及文字,安排 App 之 UI 介面流程,並提供良好的 UX 體驗,使 App 於行動裝置上操作更自然、更順手。
App 程式
開發 iOS 、 Android 手機及平板行動裝置之程式,提供使用者更豐富之互動體驗。
App 後端管理
以 Web 作為 iOS 、 Android 共通之後端管理平台,方便管理最新訊息、會員、商品資訊更新…等。

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

美術設計:
Photoshop 、 Illustrator
iOS App:
Swift 、 Objective-C with Xcode 、 Flutter 、 Web App
Android App:
Kotlin 、 Java with Android Studio or Eclipse 、 Flutter 、 Web App
後端網頁程式:
PHP 、 ASP 、 ASP.NET (Web Form) 、 ASP.NET (Core MVC) with (Entity Framework Core) 、 JSP 、 Python 、 Django 、 Action Script
資 料 庫:
MySQL 、 SQL Server 、 Access
社群支援:
Facebook 第三方登入、 Facebook 分享、 LINE 分享、微信登入
推播技術:
第三方推播、自建 iOS / Android 推播伺服器推播
金流:
iOS 內支付、 Android 內支付、微信支付
工業設備控制:
PLC 、 HMI 、 Modbus RTU / ASCII / TCP 、 RS-485
其  它:
API 串接、 QR code 產生、 QR code 掃描、 Barcode 掃描、 GPS 定位、 Beacon / iBeacon 微定位、藍牙通訊、 LocalSocket 、 LocalServerSocket 、 JNI 、多國語系、手機簡訊驗證、背景程式執行

App 案例

https://phd.com.tw/category/客戶案例/app-案例/

骨質疏鬆衛教資訊網

網站簡介

骨質疏鬆衛教資訊網,介紹何為骨質疏鬆?如何治療及預防骨質疏鬆?提供新聞訊息及活動資訊,也包含衛教圖片及影片的介紹。

網站功能

此網站系統開發主要提供:網頁 CSS 拆版、支援 RWD 製作、衛教資訊後台管理…等。

網頁展示 – 首頁

骨質疏鬆衛教資訊網 (首頁)

網頁展示 – 認識骨鬆

骨質疏鬆衛教資訊網 (認識骨鬆)

RWD 手機網頁展示

骨質疏鬆衛教資訊網 (RWD 手機網頁)

網站連結

RWD 適應性網頁設計

適應性網頁設計簡介

適應性網頁設計 (Responsive Web Design) 簡稱 RWD ,也有人說是自適應網頁設計,或是響應式網頁設計。隨著行動裝置愈來愈多樣化,適應性網頁設計也愈來愈流行。

RWD 是一種網頁設計的技術,這種設計主要是希望讓網站在多種瀏覽裝置上(例如:個人電腦、平板電腦,以及手機…等行動裝置),都能夠順利閱讀和導覽,並且可以減少在小型裝置瀏覽器上,縮放、平移和捲動螢幕的操作。

適應性網頁設計和過去的網頁設計方式,究竟有什麼不同呢?

傳統網頁設計的瀏覽呈現

傳統的網頁設計方式,在不同裝置上,都是同樣的呈現方式。在小型裝置瀏覽器下顯示,只是網頁依比例縮小。有時照片、文字、選單、按鈕…等,都小到看不清楚,或是不容易點選。所以需要使用縮放手勢,不斷的去放大縮小觀看網頁。 (如下圖)

傳統網頁設計 - 瀏覽示意圖

適應性網頁設計的瀏覽呈現

RWD 的網頁設計方式,則是依不同的螢幕解析寬度,去調整不一樣的網頁顯示及導覽方式,讓小型裝置瀏覽器上的網頁,字體不至於縮到太小,選單、按鈕、連結…等,也不太需要經過縮放,就能方便點選操作。 (如下圖)

RWD 適應性網頁設計 - 瀏覽示意圖

網站案例

網頁設計與架站

網站建置與設計 (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) 、 ASP.NET (Core MVC) with (Entity Framework Core) 、 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/客戶案例/網站案例/

頁面

App 程式開發

App 開發與設計 (App Develop and Design)

行動裝置普及,手機、平板人手一機,甚至一次多機的狀況下, App 的使用者需求愈來愈熱,甚至取代了許多過去熱門的網站服務。

結合我們一向擅長的網頁技術,我們也正導向以 App 為主,可靠的 Web 後端平台管理為輔,為客戶提供完善的 App 整合開發支援。

App 開發類型 (Solutions of App Plan)

  • 公司形象 App 、官方 App 、學校 App 、政府單位 App
  • 企業內部訊息、請休假、薪資查詢 App
  • 遊戲 App
  • 購物 App 、線上金流
  • 進出貨、庫存管理 App
  • 活動 App
  • 展覽會導覽 App
  • GPS 定位、 Beacon / iBeacon 微定位 App
  • 智慧手錶 App 、智慧手環 App 、穿戴裝置 App
  • 物聯網 IoT App
  • 醫療器材 App 、健身器材 App
  • 工業用設備控制 App
  • 其它客製化專案

App 開發的分工 (Cooperation of App)

App 設計
以美術視覺及文字,安排 App 之 UI 介面流程,並提供良好的 UX 體驗,使 App 於行動裝置上操作更自然、更順手。
App 程式
開發 iOS 、 Android 手機及平板行動裝置之程式,提供使用者更豐富之互動體驗。
App 後端管理
以 Web 作為 iOS 、 Android 共通之後端管理平台,方便管理最新訊息、會員、商品資訊更新…等。

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

美術設計:
Photoshop 、 Illustrator
iOS App:
Swift 、 Objective-C with Xcode 、 Flutter 、 Web App
Android App:
Kotlin 、 Java with Android Studio or Eclipse 、 Flutter 、 Web App
後端網頁程式:
PHP 、 ASP 、 ASP.NET (Web Form) 、 ASP.NET (Core MVC) with (Entity Framework Core) 、 JSP 、 Python 、 Django 、 Action Script
資 料 庫:
MySQL 、 SQL Server 、 Access
社群支援:
Facebook 第三方登入、 Facebook 分享、 LINE 分享、微信登入
推播技術:
第三方推播、自建 iOS / Android 推播伺服器推播
金流:
iOS 內支付、 Android 內支付、微信支付
工業設備控制:
PLC 、 HMI 、 Modbus RTU / ASCII / TCP 、 RS-485
其  它:
API 串接、 QR code 產生、 QR code 掃描、 Barcode 掃描、 GPS 定位、 Beacon / iBeacon 微定位、藍牙通訊、 LocalSocket 、 LocalServerSocket 、 JNI 、多國語系、手機簡訊驗證、背景程式執行

App 案例

https://phd.com.tw/category/客戶案例/app-案例/

骨質疏鬆衛教資訊網

網站簡介

骨質疏鬆衛教資訊網,介紹何為骨質疏鬆?如何治療及預防骨質疏鬆?提供新聞訊息及活動資訊,也包含衛教圖片及影片的介紹。

網站功能

此網站系統開發主要提供:網頁 CSS 拆版、支援 RWD 製作、衛教資訊後台管理…等。

網頁展示 – 首頁

骨質疏鬆衛教資訊網 (首頁)

網頁展示 – 認識骨鬆

骨質疏鬆衛教資訊網 (認識骨鬆)

RWD 手機網頁展示

骨質疏鬆衛教資訊網 (RWD 手機網頁)

網站連結

RWD 適應性網頁設計

適應性網頁設計簡介

適應性網頁設計 (Responsive Web Design) 簡稱 RWD ,也有人說是自適應網頁設計,或是響應式網頁設計。隨著行動裝置愈來愈多樣化,適應性網頁設計也愈來愈流行。

RWD 是一種網頁設計的技術,這種設計主要是希望讓網站在多種瀏覽裝置上(例如:個人電腦、平板電腦,以及手機…等行動裝置),都能夠順利閱讀和導覽,並且可以減少在小型裝置瀏覽器上,縮放、平移和捲動螢幕的操作。

適應性網頁設計和過去的網頁設計方式,究竟有什麼不同呢?

傳統網頁設計的瀏覽呈現

傳統的網頁設計方式,在不同裝置上,都是同樣的呈現方式。在小型裝置瀏覽器下顯示,只是網頁依比例縮小。有時照片、文字、選單、按鈕…等,都小到看不清楚,或是不容易點選。所以需要使用縮放手勢,不斷的去放大縮小觀看網頁。 (如下圖)

傳統網頁設計 - 瀏覽示意圖

適應性網頁設計的瀏覽呈現

RWD 的網頁設計方式,則是依不同的螢幕解析寬度,去調整不一樣的網頁顯示及導覽方式,讓小型裝置瀏覽器上的網頁,字體不至於縮到太小,選單、按鈕、連結…等,也不太需要經過縮放,就能方便點選操作。 (如下圖)

RWD 適應性網頁設計 - 瀏覽示意圖

網站案例

網頁設計與架站

網站建置與設計 (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) 、 ASP.NET (Core MVC) with (Entity Framework Core) 、 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/客戶案例/網站案例/