文章

Cute Piano 可愛小鋼琴 APP

Cute Piano App 簡介

Cute Piano 提供幼兒快樂學習音樂、免費無廣告的環境,讓幼兒從小就愛玩音樂。 Cute Piano 能夠讓您的小寶貝輕鬆敲擊鋼琴單音鍵,也可以很容易的演奏出世界名曲。透過 Cute Piano 讓大人、小孩全家人和樂玩在一塊、一起歌唱。

Cute Piano App 功能特色

  • 彩色 13 鍵的小鋼琴,還有可愛的小動物。
  • 提供 Tone 與 Music 兩種模式切換:
    • Tone 模式:可以自由敲擊單音,演奏自己喜愛的歌曲。
    • Music 模式:任意敲擊按鍵,就能夠演奏世界名曲喔!
  • 可以多個按鍵同時敲擊演奏。
  • App 版本: iOS 版本Android 版本

App 設計畫面展示

Cute Piano App (Play)

Cute Piano App (Mode Switch)

App 官方連結

Cute Piano App (on Apple iTunes)
https://itunes.apple.com/us/app/cute-piano/id947268850
Cute Piano App (on Google Play)
https://play.google.com/store/apps/details?id=tw.com.phd.doremi

延伸閱讀

RWD 適應性網頁設計

適應性網頁設計簡介

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

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

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

傳統網頁設計的瀏覽呈現

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

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

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

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

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

網站案例

數位實境教學整合系統 – 學生端平板 APP

公司簡介

帝旺數位科技有限公司 (D-WON) 為數位內容多媒體製造公司,以製作國中小英語課外教材為主、創新、熱忱、關懷為公司經營之理念。

App 功能說明

此 App 主要為數位實境教學整合系統的裝置之一,提供學生使用,操作平板電腦 App 與課堂老師互動。

當老師於課堂上出題時,學生可以透過平板進行作答,老師能夠看到學生的回答狀況,知道哪些人答對或答錯。也可以進行搶答模式,先點選到的人搶答,以獲得加分,增進課堂學習的樂趣。

App 設計畫面展示

學生平板 App - 數位實境教學整合系統 (帝旺數位) - 教學監控

延伸閱讀

數位實境教學整合系統 – 老師端平板 APP

公司簡介

帝旺數位科技有限公司 (D-WON) 為數位內容多媒體製造公司,以製作國中小英語課外教材為主、創新、熱忱、關懷為公司經營之理念。

App 功能說明

此 App 主要為數位實境教學整合系統的裝置之一,提供授課老師使用,操作平板電腦 App 與主機連動,可以在離開電腦狀態下,一邊展示教材給同學觀看、一邊進行解說。

除了移動中操控要展示的教材之外,也可搭配其它教學設備,透過 App 與同學進行即時問答、搶答,或進行隨機叫號 (抽籤) 等師生間的互動。

App 設計畫面展示

老師平板 App - 數位實境教學整合系統 (帝旺數位) - 教學監控

老師平板 App - 數位實境教學整合系統 (帝旺數位) - 即時問答

老師平板 App - 數位實境教學整合系統 (帝旺數位) - 搶答

老師平板 App - 數位實境教學整合系統 (帝旺數位) - 抽籤

延伸閱讀

Android App 開發參考規格表

Android App 是繼 iOS App 之後,第二大的 App 陣營。開放式的 Android 作業系統,讓更多手機及平板電腦廠商都能夠預載 Android 系統,因此能執行 Android 的裝置數量也成長的很快速。

Android App 能夠在 Windows 、 Mac 、 Linux 等系統上進行開發,開發環境隨手可得,因此有許多開發人員都是由 Android App 開始。

Google Android App 開發參考規格表
作業系統廠商 Google
裝置類型 Android 手機 Android 電腦
最新作業系統 Android 8.0 (Oreo) Android 8.0 (Oreo)
應用程式商店 Google Play Google Play
主要開發工具 Android Studio
Eclipse for Java
Android Studio
Eclipse for Java
SDK Android SDK Android SDK
主要程式語言 Kotlin 、 Java Kotlin 、 Java
參考型號
  • HTC One X
  • HTC One XL
  • HTC One S
  • HTC One A9
  • Asus Nexus 7
  • Asus Transformer Pad TF300
預設瀏覽器 Android Browser Android Browser
排版引擎 WebKit WebKit
Java Script 引擎 V8 V8
HTML5 支援度 67 % 67 %
  • 以上資訊為博全科技彙整,僅供 App 開發參考。相關資訊可能隨著時間而有所改變,一切應以 Google Android 網站提供之最新資訊為準。
  • 以上未特別註明的「電腦」即泛指包含「平板電腦、筆記型電腦、桌面型電腦」的裝置。
  • HTML5 支援度之數據,為 caniuse.com 網站之統計結果。
<< 上一篇: iOS App / Mac App 規格表 [ App 開發簡介 ] 下一篇: Windows 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 開發 >>

頁面

Cute Piano 可愛小鋼琴 APP

Cute Piano App 簡介

Cute Piano 提供幼兒快樂學習音樂、免費無廣告的環境,讓幼兒從小就愛玩音樂。 Cute Piano 能夠讓您的小寶貝輕鬆敲擊鋼琴單音鍵,也可以很容易的演奏出世界名曲。透過 Cute Piano 讓大人、小孩全家人和樂玩在一塊、一起歌唱。

Cute Piano App 功能特色

  • 彩色 13 鍵的小鋼琴,還有可愛的小動物。
  • 提供 Tone 與 Music 兩種模式切換:
    • Tone 模式:可以自由敲擊單音,演奏自己喜愛的歌曲。
    • Music 模式:任意敲擊按鍵,就能夠演奏世界名曲喔!
  • 可以多個按鍵同時敲擊演奏。
  • App 版本: iOS 版本Android 版本

App 設計畫面展示

Cute Piano App (Play)

Cute Piano App (Mode Switch)

App 官方連結

Cute Piano App (on Apple iTunes)
https://itunes.apple.com/us/app/cute-piano/id947268850
Cute Piano App (on Google Play)
https://play.google.com/store/apps/details?id=tw.com.phd.doremi

延伸閱讀

RWD 適應性網頁設計

適應性網頁設計簡介

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

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

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

傳統網頁設計的瀏覽呈現

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

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

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

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

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

網站案例

數位實境教學整合系統 – 學生端平板 APP

公司簡介

帝旺數位科技有限公司 (D-WON) 為數位內容多媒體製造公司,以製作國中小英語課外教材為主、創新、熱忱、關懷為公司經營之理念。

App 功能說明

此 App 主要為數位實境教學整合系統的裝置之一,提供學生使用,操作平板電腦 App 與課堂老師互動。

當老師於課堂上出題時,學生可以透過平板進行作答,老師能夠看到學生的回答狀況,知道哪些人答對或答錯。也可以進行搶答模式,先點選到的人搶答,以獲得加分,增進課堂學習的樂趣。

App 設計畫面展示

學生平板 App - 數位實境教學整合系統 (帝旺數位) - 教學監控

延伸閱讀

數位實境教學整合系統 – 老師端平板 APP

公司簡介

帝旺數位科技有限公司 (D-WON) 為數位內容多媒體製造公司,以製作國中小英語課外教材為主、創新、熱忱、關懷為公司經營之理念。

App 功能說明

此 App 主要為數位實境教學整合系統的裝置之一,提供授課老師使用,操作平板電腦 App 與主機連動,可以在離開電腦狀態下,一邊展示教材給同學觀看、一邊進行解說。

除了移動中操控要展示的教材之外,也可搭配其它教學設備,透過 App 與同學進行即時問答、搶答,或進行隨機叫號 (抽籤) 等師生間的互動。

App 設計畫面展示

老師平板 App - 數位實境教學整合系統 (帝旺數位) - 教學監控

老師平板 App - 數位實境教學整合系統 (帝旺數位) - 即時問答

老師平板 App - 數位實境教學整合系統 (帝旺數位) - 搶答

老師平板 App - 數位實境教學整合系統 (帝旺數位) - 抽籤

延伸閱讀

Android App 開發參考規格表

Android App 是繼 iOS App 之後,第二大的 App 陣營。開放式的 Android 作業系統,讓更多手機及平板電腦廠商都能夠預載 Android 系統,因此能執行 Android 的裝置數量也成長的很快速。

Android App 能夠在 Windows 、 Mac 、 Linux 等系統上進行開發,開發環境隨手可得,因此有許多開發人員都是由 Android App 開始。

Google Android App 開發參考規格表
作業系統廠商 Google
裝置類型 Android 手機 Android 電腦
最新作業系統 Android 8.0 (Oreo) Android 8.0 (Oreo)
應用程式商店 Google Play Google Play
主要開發工具 Android Studio
Eclipse for Java
Android Studio
Eclipse for Java
SDK Android SDK Android SDK
主要程式語言 Kotlin 、 Java Kotlin 、 Java
參考型號
  • HTC One X
  • HTC One XL
  • HTC One S
  • HTC One A9
  • Asus Nexus 7
  • Asus Transformer Pad TF300
預設瀏覽器 Android Browser Android Browser
排版引擎 WebKit WebKit
Java Script 引擎 V8 V8
HTML5 支援度 67 % 67 %
  • 以上資訊為博全科技彙整,僅供 App 開發參考。相關資訊可能隨著時間而有所改變,一切應以 Google Android 網站提供之最新資訊為準。
  • 以上未特別註明的「電腦」即泛指包含「平板電腦、筆記型電腦、桌面型電腦」的裝置。
  • HTML5 支援度之數據,為 caniuse.com 網站之統計結果。
<< 上一篇: iOS App / Mac App 規格表 [ App 開發簡介 ] 下一篇: Windows 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 開發 >>