[爆卦]網站架構圖線上是什麼?優點缺點精華區懶人包

雖然這篇網站架構圖線上鄉民發文沒有被收入到精華區:在網站架構圖線上這個話題中,我們另外找到其它相關的精選爆讚文章

在 網站架構圖線上產品中有5篇Facebook貼文,粉絲數超過3,460的網紅Taipei Ethereum Meetup,也在其Facebook貼文中提到, 📜 [專欄新文章] Private key security and protection / 私錀的安全與保護 — Tim Hsu ✍️ 洪偉捷 📥 歡迎投稿: https://medium.com/taipei-ethereum-meetup #徵技術分享文 #使用心得 #教學文 #medium...

 同時也有5部Youtube影片,追蹤數超過4萬的網紅吳老師教學部落格,也在其Youtube影片中提到,分享用做網頁(HTML5)的觀念做出APP 這學期在元智大學開的課程,主要教會學生能期中考前架設網站, 期末考前則是把網站轉成APP,不用寫程式,就可以輕易的把用DreamWeaver CS6做好的網站轉成APP,需要用的技術只要會DreamWeaver CS6,而且一定要CS6以後的版本才行, ...

網站架構圖線上 在 Sandy 小閔? Instagram 的最佳解答

2021-09-10 23:15:23

【耍廢救台灣】 最近因為疫情的關係 開始居家辦公 時間頓時多了一倍 所以我想來分享一下 除了工作以外 這幾天我在家都在做什麼事XD ➡️ 上網購物 這幾天待在家裡 沒事就會想滑購物網站 買了一些"有用的"東西XDD 1. 書桌、鞋櫃、衣帽架: 把家中原本壞掉的家具汰舊換新 2. 做軟陶耳環的材料...

網站架構圖線上 在 孤僻君株式會社 Instagram 的最佳解答

2020-07-09 18:37:34

Exclusive Pocket TEE @GOOPiMADE x @432hz.official Limited Collaboration “Frequency of Nature” - 作為本次的紀念性商品 TYPE-432 Exclusive Pocket TEE 本次的版型和以往有大幅度的...

網站架構圖線上 在 孤僻君株式會社 Instagram 的最讚貼文

2020-07-09 18:37:34

Exclusive Pocket TEE @GOOPiMADE x @432hz.official Limited Collaboration “Frequency of Nature” - 作為本次的紀念性商品 TYPE-432 Exclusive Pocket TEE 本次的版型和以往有大幅度的...

  • 網站架構圖線上 在 Taipei Ethereum Meetup Facebook 的最佳解答

    2019-10-31 16:18:22
    有 26 人按讚

    📜 [專欄新文章] Private key security and protection / 私錀的安全與保護 — Tim Hsu
    ✍️ 洪偉捷
    📥 歡迎投稿: https://medium.com/taipei-ethereum-meetup #徵技術分享文 #使用心得 #教學文 #medium

    Private key security and protection / 私錀的安全與保護 — Tim Hsu

    Crosslink Taipei 在10/19、10/20 台北矽谷會議中心舉辦的 區塊鏈conf。 這是Crosslink Taipei 下午的演講,主講者是擔任CYBAVO CTO的徐千洋(Tim Hsu)先生,同時也是幣托、OTCBTC的資安顧問。

    2018年一月被發現的硬體漏洞meldown跟spectr,我們的硬體為了要讓執行速度更快,processor會預先執行某些指令,也因此駭客可以透過這種方式,間接檢測出我們記憶體的內容,把敏感資訊都dump出來。雖然後這之後各CPU廠商都有推出針對這個bug的軟體update,但是在這之後硬體安全的問題逐漸浮出來面,也使世人意識到硬體資安的問題。而今天我們要談的部分不僅有軟體安全,也有硬體安全跟使用者資安觀念的問題。

    淺談交易所與錢包

    在從交易所提幣的時候,首先Server會先將這筆交易紀錄到交易所自己的資料庫內,之後再取得交易所金庫的private key去金庫取錢,再打到使用者的錢包內。在這個過程中,如果駭客可以竄改Server或資料庫的交易金額,原本要打給使用者1 BTC,變成10BTC,或是直接取得金庫的private key,對交易所都是一大噩夢

    圖(一) 從交易所提幣的流程

    攻擊手法

    1. 交易所的網路架構

    案例一: 交易所因為怕被偷交易資料與客戶資料,所以都把這些資訊先加密後再存到資料庫,但是這些資料仍然會被偷(交易所遭到電話詐騙),往後將這些資料加了三層密,仍無法防範資料被偷的情形,原因出在圖(二)的交易所網路架構。

    圖(二) 交易所的網路架構(OA與資料庫間沒防火牆)

    因為OA 與資料庫之間的網路沒有防火牆保護,所以駭客不用正面攻擊有防火牆的部分,而是攻擊OA的部分,再藉由OA連線到資料庫。一封藏有病毒的email求職信寄到HR的電腦,都有可能造成交易所資料外流。

    解決方式: 就是在OA與資料庫間架個防火牆,如圖(三)所示。例如: 只有Engineer、RD 可以連線到資料庫,QA則只能連到測試環境,HR、CEO不需要、也不能連線到資料庫,依職責對連線範圍做縮限,則駭客可以攻擊的目標變少,我們也比較好做應對。講者重要的一句話: 「千萬不要輕忽駭客攻擊OA的能力」

    圖(三) 好的交易所的網路架構

    2. DNS Attack

    透過汙染AWS 的DNS Server 將交易所網頁導向駭客的網頁,來騙取使用者個資。雖然在導向駭客頁面時,很容易發現駭客的網頁沒有使用安全憑證,或是安全憑證不是SSL核發,但使用者仍可能因資安觀念低落,而堅持連線到不安全的網站。

    3. Online Paper Wallet

    很多人因為覺得私鑰放電腦覺得不安全,又沒錢買硬體錢包,所以透過線上私鑰轉換器將私鑰轉換成QR code,然而再轉換時勢必要輸入自己的私鑰,容易使私鑰遭竊。

    圖(四) 私鑰轉換詐騙網頁

    4. 使用者對私鑰保護的意識很低

    例如: 不了解私鑰的註記詞或其他相關資訊保密的重要性,而無意間通過社交軟體洩漏了這些重要資訊(硬體錢包開箱文 XD)。

    5. 硬體錢包的漏洞

    TREZOR 錢包是業內公認的研發最早最警慎最安全的加密儲存器,但是今年仍被發現硬體相關的漏洞。只要駭客輸入特定24碼pin碼,就可以通過硬體的側通道分析,輕易提取出未加密的私鑰,而且這個必須重新設計硬體架構才能夠防止這樣的攻擊。所以即便硬體錢包掉了,仍有被攻擊的疑慮,最好的解決辦法就是硬體錢包外再設定一個long Password,這樣就可以避免掉硬體錢包時帳戶虛擬貨幣遭竊

    圖(五) 硬體錢包漏洞

    題外話 — Iphone Jailbreak問題

    今年在twitter,有人公布了最新攻擊iphone的方式,而問題出在手機晶片。Iphone開機時第一個執行的程序是 bootrom,而bootrom的程式碼則是位於記憶體唯獨區域,所以無法竄改。駭客可以利用bootrom上的bug來攻擊手機,而這些有問題的晶片出現在Iphone 6 ~ Iphone X。其實這攻擊方式充滿限制,不僅要取得欲攻擊的手機,而且這種攻擊方式每次重開機就會刷新。不過這也衍伸出新的問題,以後的iOS作業系統都更容易遭到入侵,因為我們可以在舊的手機上裝新的iOS系統,然後透過bootrom的漏洞來了解新的iOS系統的運作方式,因此這個問題應該被更加重視。

    圖(六) axi0mX針對此bug的文章

    保護方式

    透過secure sharing將私鑰拆成User、Company、Vendor,分散私鑰存放風險

    圖(七) 拆散私鑰,分散存放的風險

    保護思維

    未來除了在演算法的鑽研,也應該多多關注整個 區塊鏈產業的資安問題,從身分認證、系統安全、IT架構,都應該要從安全的角度來設計。

    圖(八) 講者參考的設計架構

    以上方的圖片為例,很多軟體架構在設計時都忽略了作業系統這一塊,而講者分享了他在設計時針對Server或資料庫的 OS做的處理,如下圖

    圖(九) OS層級的安全防護

    我們的app、網站、服務都跑在Sandbox層上,Sandbox可以限制由內到外的網路封包收送,同時在Sandbox之上還有Host-IDS(Host-based Intruction Detection System)會記錄及過濾程式在Sandbox跑的所有指令,而且有任何非法存取記憶體或網路封包的行為都會都過Host-IDS被記錄到Threat Intelligence,並且通知使用者。 我覺得這樣的好處是,使用者不僅可以在第一時間知道自己的帳號遭到駭客攻擊,也因為一切的動作都被Host-IDS過濾以及被記錄到Threat Intelligence,工程師也可以更快找到安全漏洞。

    結語

    近年來因網路的應用,資安越來越重要,除了軟體方面外,硬體方面也要兼顧安全,而使用者的觀念宣導更重要,否則不管我們的系統做的再怎麼嚴密,只要使用者意外連到駭客網站或是洩漏自己的私鑰,一切都是白談。演講中有一句話我覺得很值得借鏡,就是「我們一定要假設我們的系統會被駭客破解,而我們要做的就是盡可能減少被入侵後的損失」,上面提到的Host-IDS就是這樣的觀念,我們無法防止駭客進到Sandbox,但是可以記錄駭客的進到Sandbox後所有行為,這樣的架構才能在第一時間修正系統漏洞。

    參考資料

    Trezor錢包漏洞: https://bcsec.org/index/detail/id/585/tag/2

    Iphone 漏洞: https://www.pcmarket.com.hk/2019/09/30/iphone-bootrom%E8%B6%8A%E7%8D%84%E5%B7%A5%E5%85%B7%E5%85%AC%E9%96%8B-4s%E8%87%B3x%E5%85%A8%E9%81%AD%E6%AE%83%E5%B9%B8%E5%8D%B1%E9%9A%AA%E6%80%A7%E4%BD%8E/

    spectre&meldown介紹: https://www.youtube.com/watch?v=bs0xswK0eZk

    Private key security and protection / 私錀的安全與保護 — Tim Hsu was originally published in Taipei Ethereum Meetup on Medium, where people are continuing the conversation by highlighting and responding to this story.

    👏 歡迎轉載分享鼓掌

  • 網站架構圖線上 在 筆尖溫度 Facebook 的最佳貼文

    2019-10-28 18:10:44
    有 130 人按讚

    ❤️ 十字架構圖 { LOVE YOU } ❤️
    😀感謝週末來上{ 現代哥德手寫課 }的朋友們,👇👇下方有一些 #現代哥德 的一些網站資源,歡迎下載 #字帖教材、參考影片在家多多練習,愛你呦!

    ~現代哥德大小寫影片:calligraphy01.com/moderngothic/
    ~平尖裝飾筆畫寫法:calligraphy01.com/gothic-flourishing-2/
    ~Joker字帖下載:calligraphy01.com/joker/
    ~Rose字帖下載:calligraphy01.com/rose-2/
    ~Love you字帖下載:calligraphy01.com/gothic/
    ~哥德線上課程:yottau.com.tw/course/intro/702
     
    📂英文書法課:Calligraphy01.com/001a/
    💬開課通知請加Line:line.me/R/ti/p/%40rxu3583v
    📝英文手寫字帖:Calligraphy01.com/copybook/

  • 網站架構圖線上 在 鄭龜煮碗麵 Facebook 的最佳解答

    2019-03-19 20:59:28
    有 92 人按讚

    人工智慧時代,一個自我實現的預言 (上)

    我想,對於人工智慧的第三次復興,正在引領我們進入第四波工業革命這件事,已經越來越沒有歧見了。不管是 AI 的研究還是投資都在持續加快的此刻,包括我在內的每一位企業經營者,都應該很想知道:未來到底會是什麼樣?我們該拿出什麼策略才能搶得先機?

    水晶球、塔羅牌、或占星術,對不相信的人(例如我)派不上用場,那有沒有其他的方式能夠預測未來呢?

    你可能聽過科技界最出名的幾個錯誤預測,像是蘋果在 2007 年推出第一支 iPhone 的時候,當時最受歡迎的 Palm 智慧型手機執行長說:

    「我們學習和打拼了幾年的時間才想出一個好手機該長什麼樣子。PC的那些傢伙是想不出來的,他們連入門都進不來。」

    Nokia 諾基亞的策略長則說:

    「行動手機的發展將循著類似個人電腦發展的路徑。即使蘋果的Mac一開始受到很多關注,它仍只是個小眾的利基(niche)製造商。它們在行動手機的市場將亦復如此。」

    微軟當時的執行長 Steven Ballmer 也嫌棄過 iPhone 的全觸控功能:

    「500美元?全額補助?分期付款?我說它是全世界最貴的手機。它不會吸引企業用戶,因為它沒有鍵盤。這讓它無法成為發電子郵件的好機器。」

    當然,即使是蘋果創辦人賈伯斯自己,他也說過「沒辦法用手整個環握住的手機,是沒有人會想買的」這樣的話。後來發生的事情,我想大家也都知道了--這些批評 iPhone 的公司,後來手機都沒人買,甚至退出整個行業,而 iPhone 雖然成為霸主,自己也把螢幕越做越大。

    類似的錯誤預言還很多,像是 2008 年百視達執行長基斯說:

    「從競爭的角度來看,不管是Redbox還是Netflix,根本都還不在我們的雷達螢幕上。我們比較要注意的對手是Wal-Mart和蘋果。」

    或是1943年,IBM董事長湯瑪斯華森說的

    「我想全球的市場需求大概是五部電腦。」

    以上這些說法,從現在往回看,都被打臉打得很痛。因此我們知道,就算是產業內的專家或是主導行業的大公司,都難以預估科技改變的速度跟樣貌。那我們為何還是得預測呢?

    因為啊,預測是人類智慧最重要的一環,也是人工智慧發展最關鍵的目標。

    預測是決策的 #關鍵生產要素,過去要獲得高品質的預測,成本是非常高的,甚至可能無法達到。而人工智慧帶給我們的,起碼在現在這個階段,以及可見的未來 10 年左右,就是 #平價化、甚至免費的預測。

    在《AI經濟的策略思維》一書中,Ajay Agrawal, Joshua Gans, Avi Goldfarb,三位作者給了我很大的啟發。

    https://www.books.com.tw/products/0010803316

    怎麼說呢?書中以亞馬遜這家提供電子商務服務的公司舉例,以前我們上網買東西,都是訂貨之後,通知系統,系統再通知廠商或是倉庫出貨,然後送到我們手上,也就是「先訂貨,再出貨」(shopping, then shipping)。現在我們在電商平台上買東西,也還是這樣。

    但是這種情況因為人工智慧帶來的預測平價化,而即將產生改變。這是什麼意思呢?

    現在啊,亞馬遜跟一些電商公司,已經可以做到「先出貨再訂貨」(shipping, then shopping),這有點匪夷所思對吧!簡單來說,由於亞馬遜有很多人的消費行為資料,加上他們另外收集的無數大數據(例如旗下的有機連鎖超市 Wholesale 跟他們的 Alexa 語音助理),亞馬遜已經可以在你逛網站的時候,#精準推薦 給你我我們可能會想買的商品,不過到這一步,還是要你我 #決定買才會出貨。

    但一切將有所改變。假設現在的亞馬遜人工智慧推薦你買的東西,每 20 款中,你只會下單買下 1 款,那麼先下單,再送貨,非常合理。

    那麼,假設這個比例越來越高,變成每推薦 10 款,你就會買下 1 款,再變成每推薦 3 款,你就會買下 1 款...當人工智慧透過學習,預測能力越來越準確,他們甚至可以知道你需要什麼東西,直接在你消費之前,就把貨品先運到附近的倉庫,加快運貨的速度。

    更進一步,假設他們發現,他們可以預測你可能需要的東西,然後直接在你需要的時候出貨給你,你連下單都不用,而且這樣反而更省成本,那麼購物這件事的定義就被改變了。現在是選擇要消費什麼,未來可能是選擇不要消費什麼。如果他們主動直接送來的東西你不需要,放在門口就可以了。

    所以如果等到預測正確率真的高到上述的程度,亞馬遜或是跟他們一樣採用類似策略的公司,就會改變商業模式,而為了改變商業模式,也得預先改變投資項目,例如就得先建立處理退貨的車隊等等。而這樣的預先投資,也會倒逼新商業模式成真的速度。

    目前這還只是一個思想實驗,但其實在一些垂直的領域已經被驗證可行,例如亞馬遜已經推出的 Subscribe & Save 以及 Dollar Shave Club、NuSocks 等。我推薦參考這篇文章的整理:Subscription Ecommerce Websites Saw 4,461% Revenue Boom in 5 Years: 20 Brands Reaping the Benefits

    https://www.bigcommerce.com/blog/subscription-websites/#subscription-ecommerce-factors-for-acquisition-retention

    老實說,現在經營一家新創公司,若被問到有沒有 AI 策略,都不太好意思說沒有。我最近也正在苦思新服務的切入點,因此想起之前為了製作 AI 線上課程而參考過的這本書,重新讀了一遍,覺得好像有點眉目了。

    ( 想上我跟洪智傑老師開的的 AI 入門課,請到這裡:
    https://panschool.asia/product/%E4%BA%BA%E5%B7%A5%E6%99%BA%E6%85%A7%E5%BF%85%E4%BF%AE%E8%AA%B2 )

    《AI經濟的策略思維》這本書的其中兩名作者去年也到了 Google 去分享這本書,如果各位沒時間讀書,也不妨花個 40 幾分鐘,把演講聽完吧!(後面十幾分鐘 Q&A 沒什麼意思,可以省略)

    連結:
    https://www.youtube.com/watch?v=ByvPp5xGL1I

    大家不妨也來空想一下:如果人工智慧會繼續讓各個領域的高品質預測,變得平價化,接下來我們會看到什麼樣的改變呢?作者在演講中也有說,其實當人們被問到自己工作上到底要做哪些預測,一時之間都會回答不出來,我也是,但如果要想利用 AI 在自己的專業領域上,這一步是一定要先跨出的喔。一起加油吧!

    #附上兩張書中提供的架構圖

  • 網站架構圖線上 在 吳老師教學部落格 Youtube 的最讚貼文

    2015-05-13 03:00:43

    分享用做網頁(HTML5)的觀念做出APP

    這學期在元智大學開的課程,主要教會學生能期中考前架設網站,
    期末考前則是把網站轉成APP,不用寫程式,就可以輕易的把用DreamWeaver CS6做好的網站轉成APP,需要用的技術只要會DreamWeaver CS6,而且一定要CS6以後的版本才行,
    一節課期時就可以做出APP。
    首先分享旅遊使用APP的心得,從自由行使用APP的角度來看,
    有APP對自由行幫助極大,會使用APP幾乎可以讓旅遊變的很順暢,不過前提是要有對應的APP,除了旅遊外,食衣住行與各行業,都有APP開發的需求,所以若能在畢業前,努力經營自己有興趣的APP,除了就業助益外,甚至也可以為創業開扇窗。

    以下是上課的畫面:
    00_如何註冊PHONEGAP帳號
    01_如何將102題網站改成APP(新增網站與匯入素材與建立首頁)
    02_多頁APP範例之一完成畫面
    03_多頁APP範例之一設計畫面
    04_如何加上超連結
    05_如何加上按鈕
    06_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP

    課程理念
    智慧型手機平台,已成為手機上最完整的開放開發平台
    人手必備的趨勢下行動上網已達800萬人次以上,手機相關應用,將會超越PC,比PC更智慧,更貼近個人使用習慣,未來APP將漸取代Web,成為各產業或政府對外窗口。
    如何開發APP,以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等,進而取得證照。
    吳老師教學特色:
    1.影音複習分享(全程錄影)。
    2.能不硬code程式,有程式也會提供畫面。
    3.提供業界實務開發經驗。
    4.書上沒講到的操作,圖形化工具使用。
    5.隨時更新第一手資訊。

    上課書目
    用Dreamweaver CS6,我也會開發APP
    作者: 鄧文淵 總監製/文淵閣工作室 編著
    書號: ACU062500
    出版日: 2012/10/09

    內容特色
    用Dreamweaver CS6,你也會開發APP! 能快速完成作品、擁有視覺化的質感介面,更可以驅動手機的硬體設備,舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
    結合HTML5、CSS3、PhoneGap,讓你的網頁瞬間昇華為跨平台的APP應用程式。
    不用擔心HTML5、CSS3與PhoneGap的內容,交給Dreamweaver CS6一次就搞定!
    利用jQuery Mobile快速打造專業手機使用者介面,只要善用操作面板的設定。
    在Dreamweaver CS6一次開發,就能跨iOS、Android等多種不同平台,讓你的APP無遠弗屆!
    開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎,使用網頁技術開發應用程式,因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路,大幅降低設計行動裝置應用程式的門檻。

    PhoneGap 特點:
    輕量級架構:PhoneGap 以 JavaScript 撰寫,檔案只有一百餘 K。
    節省開發及維護成本:建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短,曾有專家進行研究,使用 PhoneGap 的開發成本,僅需一般開發成本的五分之一。

    開發門檻低:以往要開發行動裝置應用程式,必須經數年的程式語言基礎,才能進行開發。
    兼容性:以往開發行動裝置應用程式時,必須為各種平台撰寫不同程式碼,雖然程式邏輯概念相同,不同平台程式仍有差異,也要在不同平台上分別編譯。
    雲端編譯:應用程式可以在本地編譯,也可以使用 Phonegap 提供的雲端 Build 工具進行編譯。
    配合整合環境軟體開發:在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

    元件免費:PhoneGap 是完全免費的元件,如此可降低應用程式開發成本,也是學習行動裝置應用程式入門的最佳選擇。

    PhoneGap APP教學研習懶人包:

    APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

  • 網站架構圖線上 在 吳老師教學部落格 Youtube 的最佳解答

    2015-05-13 02:59:14

    分享用做網頁(HTML5)的觀念做出APP

    這學期在元智大學開的課程,主要教會學生能期中考前架設網站,
    期末考前則是把網站轉成APP,不用寫程式,就可以輕易的把用DreamWeaver CS6做好的網站轉成APP,需要用的技術只要會DreamWeaver CS6,而且一定要CS6以後的版本才行,
    一節課期時就可以做出APP。
    首先分享旅遊使用APP的心得,從自由行使用APP的角度來看,
    有APP對自由行幫助極大,會使用APP幾乎可以讓旅遊變的很順暢,不過前提是要有對應的APP,除了旅遊外,食衣住行與各行業,都有APP開發的需求,所以若能在畢業前,努力經營自己有興趣的APP,除了就業助益外,甚至也可以為創業開扇窗。

    以下是上課的畫面:
    00_如何註冊PHONEGAP帳號
    01_如何將102題網站改成APP(新增網站與匯入素材與建立首頁)
    02_多頁APP範例之一完成畫面
    03_多頁APP範例之一設計畫面
    04_如何加上超連結
    05_如何加上按鈕
    06_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP

    課程理念
    智慧型手機平台,已成為手機上最完整的開放開發平台
    人手必備的趨勢下行動上網已達800萬人次以上,手機相關應用,將會超越PC,比PC更智慧,更貼近個人使用習慣,未來APP將漸取代Web,成為各產業或政府對外窗口。
    如何開發APP,以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等,進而取得證照。
    吳老師教學特色:
    1.影音複習分享(全程錄影)。
    2.能不硬code程式,有程式也會提供畫面。
    3.提供業界實務開發經驗。
    4.書上沒講到的操作,圖形化工具使用。
    5.隨時更新第一手資訊。

    上課書目
    用Dreamweaver CS6,我也會開發APP
    作者: 鄧文淵 總監製/文淵閣工作室 編著
    書號: ACU062500
    出版日: 2012/10/09

    內容特色
    用Dreamweaver CS6,你也會開發APP! 能快速完成作品、擁有視覺化的質感介面,更可以驅動手機的硬體設備,舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
    結合HTML5、CSS3、PhoneGap,讓你的網頁瞬間昇華為跨平台的APP應用程式。
    不用擔心HTML5、CSS3與PhoneGap的內容,交給Dreamweaver CS6一次就搞定!
    利用jQuery Mobile快速打造專業手機使用者介面,只要善用操作面板的設定。
    在Dreamweaver CS6一次開發,就能跨iOS、Android等多種不同平台,讓你的APP無遠弗屆!
    開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎,使用網頁技術開發應用程式,因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路,大幅降低設計行動裝置應用程式的門檻。

    PhoneGap 特點:
    輕量級架構:PhoneGap 以 JavaScript 撰寫,檔案只有一百餘 K。
    節省開發及維護成本:建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短,曾有專家進行研究,使用 PhoneGap 的開發成本,僅需一般開發成本的五分之一。

    開發門檻低:以往要開發行動裝置應用程式,必須經數年的程式語言基礎,才能進行開發。
    兼容性:以往開發行動裝置應用程式時,必須為各種平台撰寫不同程式碼,雖然程式邏輯概念相同,不同平台程式仍有差異,也要在不同平台上分別編譯。
    雲端編譯:應用程式可以在本地編譯,也可以使用 Phonegap 提供的雲端 Build 工具進行編譯。
    配合整合環境軟體開發:在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

    元件免費:PhoneGap 是完全免費的元件,如此可降低應用程式開發成本,也是學習行動裝置應用程式入門的最佳選擇。

    PhoneGap APP教學研習懶人包:

    APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

  • 網站架構圖線上 在 吳老師教學部落格 Youtube 的最佳貼文

    2015-05-13 02:55:45

    分享用做網頁(HTML5)的觀念做出APP

    這學期在元智大學開的課程,主要教會學生能期中考前架設網站,
    期末考前則是把網站轉成APP,不用寫程式,就可以輕易的把用DreamWeaver CS6做好的網站轉成APP,需要用的技術只要會DreamWeaver CS6,而且一定要CS6以後的版本才行,
    一節課期時就可以做出APP。
    首先分享旅遊使用APP的心得,從自由行使用APP的角度來看,
    有APP對自由行幫助極大,會使用APP幾乎可以讓旅遊變的很順暢,不過前提是要有對應的APP,除了旅遊外,食衣住行與各行業,都有APP開發的需求,所以若能在畢業前,努力經營自己有興趣的APP,除了就業助益外,甚至也可以為創業開扇窗。

    以下是上課的畫面:
    00_如何註冊PHONEGAP帳號
    01_如何將102題網站改成APP(新增網站與匯入素材與建立首頁)
    02_多頁APP範例之一完成畫面
    03_多頁APP範例之一設計畫面
    04_如何加上超連結
    05_如何加上按鈕
    06_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP

    課程理念
    智慧型手機平台,已成為手機上最完整的開放開發平台
    人手必備的趨勢下行動上網已達800萬人次以上,手機相關應用,將會超越PC,比PC更智慧,更貼近個人使用習慣,未來APP將漸取代Web,成為各產業或政府對外窗口。
    如何開發APP,以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等,進而取得證照。
    吳老師教學特色:
    1.影音複習分享(全程錄影)。
    2.能不硬code程式,有程式也會提供畫面。
    3.提供業界實務開發經驗。
    4.書上沒講到的操作,圖形化工具使用。
    5.隨時更新第一手資訊。

    上課書目
    用Dreamweaver CS6,我也會開發APP
    作者: 鄧文淵 總監製/文淵閣工作室 編著
    書號: ACU062500
    出版日: 2012/10/09

    內容特色
    用Dreamweaver CS6,你也會開發APP! 能快速完成作品、擁有視覺化的質感介面,更可以驅動手機的硬體設備,舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
    結合HTML5、CSS3、PhoneGap,讓你的網頁瞬間昇華為跨平台的APP應用程式。
    不用擔心HTML5、CSS3與PhoneGap的內容,交給Dreamweaver CS6一次就搞定!
    利用jQuery Mobile快速打造專業手機使用者介面,只要善用操作面板的設定。
    在Dreamweaver CS6一次開發,就能跨iOS、Android等多種不同平台,讓你的APP無遠弗屆!
    開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎,使用網頁技術開發應用程式,因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路,大幅降低設計行動裝置應用程式的門檻。

    PhoneGap 特點:
    輕量級架構:PhoneGap 以 JavaScript 撰寫,檔案只有一百餘 K。
    節省開發及維護成本:建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短,曾有專家進行研究,使用 PhoneGap 的開發成本,僅需一般開發成本的五分之一。

    開發門檻低:以往要開發行動裝置應用程式,必須經數年的程式語言基礎,才能進行開發。
    兼容性:以往開發行動裝置應用程式時,必須為各種平台撰寫不同程式碼,雖然程式邏輯概念相同,不同平台程式仍有差異,也要在不同平台上分別編譯。
    雲端編譯:應用程式可以在本地編譯,也可以使用 Phonegap 提供的雲端 Build 工具進行編譯。
    配合整合環境軟體開發:在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

    元件免費:PhoneGap 是完全免費的元件,如此可降低應用程式開發成本,也是學習行動裝置應用程式入門的最佳選擇。

    PhoneGap APP教學研習懶人包:

    APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

你可能也想看看

搜尋相關網站