Download presentation
Presentation is loading. Please wait.
1
本學期資訊系統開發專案之技術架構
2
Android App開發環境:Android Studio + JAVA 程式語言 (資管大二下:行動應用軟體開發)
3
簡易的Android App雲端開發環境: MIT App Inventor (大三通識:創意APP實作)
4
(2) iOS App開發環境:Xcode + Swift程式語言 (資管大三上:iOS APP實務設計 )
5
2. 網頁程式設計 (1) 靜態網頁技術:HTML+CSS+JavaScript+RWD (資傳大一下:網頁程式設計) (資工大二下:網頁前端程式設計) (資院大三下:網頁軟體開發)
6
(2) 動態網頁技術:PHP/ ASP.NET/ JSP… (資傳大二上、資傳大二下:動態網頁設計)
網頁程式設計 (2) 動態網頁技術:PHP/ ASP.NET/ JSP… (資傳大二上、資傳大二下:動態網頁設計)
7
3. 資料庫 MySQL/ ORACLE/ Microsoft SQLServer、Access… (資管大二下:資料庫管理 ) (資管大三上:資料庫系統實作 )
8
JSON/ XML/ CSV… (資管大二下:行動應用軟體開發)
4. 開放資料 JSON/ XML/ CSV… (資管大二下:行動應用軟體開發)
9
靜宜大學個人網頁空間 (支援HTML及PHP) http://www1.pu.edu.tw/
5. 網頁上傳學校主機 靜宜大學個人網頁空間 (支援HTML及PHP)
10
HTML5測試網頁 <!DOCTYPE html> <html lang="zh-TW"> <head>
<title>HTML5測試網頁</title> <meta charset="utf-8"> </head> <body> 網頁內容(楊子青) </body> </html> 請用記事本 將左方標籤複製貼上 另存新檔至桌面 編碼請選UTF-8,以避免亂碼 存檔類型請選擇*.* 檔名test.html (大小寫有差別,請不要使用中文名稱) 回到桌面double click該檔案 即可用瀏覽器觀看結果 上傳學校網頁空間試試看
11
php測試網頁 請用記事本 將左方標籤複製貼上 另存新檔至桌面 編碼請選UTF-8 存檔類型請選擇*.* 檔名test.php
<!DOCTYPE html> <html lang="zh-TW"> <head> <title>php測試網頁</title> <meta charset="utf-8"> </head> <body> PHP動態網頁<p> <?php //設定地點為台北時區 date_default_timezone_set('Asia/Taipei'); //取得年份/月/日 時:分:秒 $datetime = date("Y/m/d H:i:s"); echo "現在是:".$datetime; ?> </body> </html> 請用記事本 將左方標籤複製貼上 另存新檔至桌面 編碼請選UTF-8 存檔類型請選擇*.* 檔名test.php 回到桌面double click該檔案 用瀏覽器無法觀看真正執行結果 上傳學校網頁空間試試看
12
6. 如何自行架設網站伺服器? 主要的網站伺服器架設環境 提供者 動態網頁 程式語言 網站 伺服器 資料庫 Microsoft
ASP/ASP.NET IIS (Internet Information Services ) Access / SQL server Open Source PHP Apache/ IIS MySQL Oracle JSP Apache
13
IIS安裝 以Windows8自行架設IIS之Web Server為例
1. 在[控制台]中點選「程式集」→「程式和功能」 2. 點選「開啟或關閉 Windows 功能」 3. 在對話框中勾選「Internet Information Services」選項。
14
IIS安裝 實例:Windows8自行架設IIS之Web Server 4. 安裝過程後,點選控制台的「系統及安全性」→「系統管理工具」。
5. 點選「Internet Information Services (IIS) 管理員」,即可管理網站 6. 在瀏覽器中輸入「localhost」,即可看到預設的網站首頁。(如果有固定IP或DNS,可輸入網址)
15
網頁複製 將網頁放到自己架設的IIS之Web Server
找到網站預設路徑(C:\inetpub\wwwroot\),將測試網頁test.html複製進去
16
網頁測試 測試網頁test.html http://localhost/test.html
若有固定網址,可將localhost換成網址,例如:
17
7. 免費的網站伺服器? PHP+MySQL免費網站空間 實例:000webhost https://www.000webhost.com/
支援PHP, MySQL(免費帳號只能建2個databases)
18
帳號註冊及登入 帳號註冊 下次連到網站,若要登入: https://www.000webhost.com/
點選Free Sign Up或Sign Up for FREE!之按鈕,進行註冊 輸入 (建議用gmail信箱), password, WebsiteName (例如tcyang-mis,請自己決定一個與其他人不同的網站名稱) 按GET FREE HOSTING按鈕 到信箱收信,進行驗證 (按信件中Verify 按鈕) 下次連到網站,若要登入: 選Login
19
檔案上傳 上傳測試網頁 選上方File manager按鈕,再按Upload files now按鈕
把網頁(例如test.html)拖到public_html資料夾內,按UPLOAD 上傳後,儘量要按右上角Log Out,若後續要上傳檔案,可連至以下網址 有時候無法開啟,ftp也無法成功→免費網站的問題
20
網頁測試 查詢自己的網站名稱 網頁測試 右上角Settings→General
21
免費的,有時候最昂貴
22
8. 租用雲端運算平台? 雲端平台 供應商 開發工具 支援語言 適合類型 收費 Google App Engine Google
Google App Tools Python、JAVA 商業與地理資訊系統應用 基本服務免費 進階服務需付費 Windows Azure Microsoft Visual Studio .NET、PHP、JAVA 商業與網頁應用 需付費 Hadoop Apache Include in Hadoop JAVA 平行程式 免費
23
IIS Web Server (ASP.NET)
9. 管理議題 網站建置主要方式比較 網站建置 方式 硬體 投資 網站架設與 管理能力 網頁開發 技術 軟體或使用 費用 拍賣網站 主要為成交費用 IIS Web Server (ASP.NET) V 網站伺服器及資料庫 等軟體費用 Apache Web Server (PHP/ Open Source) 雲端運算PaaS (Google App Engine, Windows Azure) 根據使用資源計費 雲端運算SaaS 軟體服務租金 Google協作平台
Similar presentations