文章

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/客戶案例/網站案例/