Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
App研習營_網頁教學Slides
Search
HanInfinity
November 23, 2017
Programming
0
47
App研習營_網頁教學Slides
from:鄭朝元
App Inventer 2
HanInfinity
November 23, 2017
Tweet
Share
More Decks by HanInfinity
See All by HanInfinity
App研習營_GPS教學Slides
haninfinity
0
140
App研習營_照相教學Slides
haninfinity
0
67
Other Decks in Programming
See All in Programming
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
670
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
180
Ruby Function Composition
bkuhlmann
1
330
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
"config" ってなんだ? / What is "config"?
okashoi
0
240
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
Code Reviews
bkuhlmann
4
890
ゆるい個人開発のススメ
kuroppe1819
10
990
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
490
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
960
Ruby Pattern Matching
bkuhlmann
0
930
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
The Pragmatic Product Professional
lauravandoore
25
5.8k
The Art of Programming - Codeland 2020
erikaheidi
42
12k
Building Better People: How to give real-time feedback that sticks.
wjessup
355
18k
Making Projects Easy
brettharned
108
5.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
Transcript
None
講師介紹 授課教學經驗: • 國立台灣科學教育館科學工作坊 授課講師 • 國立科學工藝博物館科學工作坊 授課講師 • 新北市政府
Maker Faire 程式工作坊 授課講師 • 台北市電腦公會STEAM教育講堂 電子電路 授課講師 • 國立清華大學 Maker Faire 程式工作坊 授課講師 • 國立高雄第一科技大學黑客松 Arduino程式 授課講師 • 財團法人塑膠工業技術發展中心3D列印/建模授課講師 • 財團法人塑膠工業技術發展中心與高雄市立獅甲國小共同執行台灣師 範大學計畫子項目創客材料用於教學應用
今日課程安排 第一次學習課程 13:00~13:40 專題講座 App Inventor2介面說明與認識,並完 成Hello World! 13:40~14:00 Brain
Storming 思考與規劃應該如何製作方便整理的 網頁程式,網頁渠道APP 14:00~14:20 講師實作示範 14:20~15:00 專題實作 利用App Inventor2規劃出製作方便整 理的網頁程式,網頁渠道APP,並採 用同步模擬軟體測試驗證
•全世界賣最好的手機品牌?
手機市占
手機系統
APP熱門排行
Google Play 2016 最佳 App • 年度最佳:Prisma • 最具創新力:VoiceTube,台灣著名的英文學習平台 •
最值得分享:SNOW,讓自拍變得極好玩的 App • 最佳美術設計:Colorfy ,繪本抒壓 App • 最佳本地製作:Dcard,八卦與閒聊專用 • 最佳人氣:巴哈姆特動畫瘋,提供免費動畫 • 最有趣:MSQRD,其實與 SNOW 類似 • 最佳自我增值:憶術家讓你免費學語言
Android發展-Dount
Android發展-Eclair
Android發展-Froyo
Android發展-Gingerbread
Android發展-Honeycomb
Android發展-Ice Cream Sandwich
Android發展-Jelly Bean
Android發展-KitKat
Android發展-Lollipop
Android發展-Marshmallow
Android發展-Nougat
None
None
None
None
Android發展-Oreo
今年最新
None
Android作業系統 • Android作業系統為用於智慧型手機,自從2008年9月推出1.0版後 在市場上逐漸成長,直到2014年國際研究暨顧問機構Gartner公佈 Android作業系統達世界8成的市佔率,其成功及優勢為 (1)開放原 始碼及採Apache授權模式 (2)採用Java語言撰寫Android應用程式及 Dalvik虛擬機器 (3)Android應用程式開發人員的獲利模式
(4)Android的程式應用多樣化。
Android作業系統 • Google公司為了使更多人自己開發Android手機應用程式,而不僅 僅是移動世界的消費者,在2010年8月推出一個工具軟體,稱 為”Google App Inventor for Android”,這種工具可以讓使用者能很 容易撰寫Android智慧型手機的應用程式。
Android作業系統 • Google公司推出這種工具軟體的想法是:由於手機將成為人們最依賴的行動 式電腦產品,使用者應該能夠自己開發應用程式。Google此項目的負責人 (Harold Abwlsin)指出,Google如此作的目標是使人們成為創造者,而不僅 僅是移動世界的消費者,Google相信這將使其在智慧型手機市場掌握主導權。 • Google會推出這種軟體是因為Android有著開放的架構。Google計劃給予使用 者一個簡單的工具,以使他們思考設計智慧型手機軟體,就像從前人們思考
電腦軟體一樣。多年以來,簡化基本撰寫程式的工具,已經對各種創新打開 了大門。
Android作業系統 • Google App Inventor for Android使人們可以用拖放程式碼的拼圖塊(每 一拼圖塊代表不同的智慧型手機功能),設計建立一個可在個人智慧 型手機上執行的應用程式。 •
然而,2011年底Google公司宣布關閉Google App Inventor for Android工 具軟體,讓外界頗感失望。但到了2012年初,Google公司把此軟體轉 移給MIT(麻省理工學院)的行動學習中心維護,MIT並把軟體改名為 MIT App Inventor。
Android作業系統-MIT App Inventor 官網 • MIT行動學習中心持續改善及維護,支援的功能也越來越多。爾 後,MIT行動學習中心在2013年12月3日,再度推出MIT App Inventor 2,做了很大的改變,開發環境更友善、更好用、也更易
使用,拼圖塊的顏色分類也更鮮明、更易被區別,拼圖塊內有提 供下拉式選單,可輕易動態地改變該拼圖塊的屬性,有些拼圖塊 可以擴大、縮小、或改變其功能,這些改變都讓設計者更有彈性、 撰寫程式更有效率。
Android作業系統
App Inventor 2 介面
App Inventor 2 介面
App Inventor 2 • 變數拼圖塊群(Variable Blocks):定義程式中所要的變數 • 邏輯運算拼圖塊群(Logic Blocks):提供邏輯運算功能 •
數學運算拼圖塊群(Math Blocks):提供數學運算功能 • 流程控制拼圖塊群(Control Blocks):控制程式流程 • 顏色拼圖塊群(Color Blocks):設定顏色 • 字串拼圖塊群(Text Blocks):提供字串應用 • 清單拼圖塊群(List Blocks):清單(陣列)應用 • 程序拼圖塊群(Procedure Blocks):程序(副程式)應用
App Inventor 2 介面
App Inventor 2 介面
App Inventor 2 介面
App Inventor 2 介面
App Inventor 2 介面
App Inventor 2 介面
App Inventor 2 介面
App Inventor 2 介面
App Inventor 2 介面 Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
App Inventor 2 介面 網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
網頁整理APP
APP課程第一堂結束 • 現場課堂練習: 請寫出4個按鈕分別可以連結不同網頁。 請寫出1個按鈕是結束APP。 請讓web瀏覽框進入APP時,是高大首頁<提示:在屬性設定>