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
一週完成英文學習網
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
F2E桃園
May 04, 2014
Education
1
200
一週完成英文學習網
介紹 網站發想、製作、與探索的過程 (包含 成立原因、期程進度規劃表、等等)
F2E桃園
May 04, 2014
Tweet
Share
More Decks by F2E桃園
See All by F2E桃園
[0503] 使用Sublime Text編輯HTML/CSS: Emmet + LiveStyle
f2e_taoyuan
0
420
Other Decks in Education
See All in Education
1014
cbtlibrary
0
520
1021
cbtlibrary
0
400
滑空スポーツ講習会2025(実技講習)EMFT学科講習資料/JSA EMFT 2025
jsaseminar
0
190
【dip】「なりたい自分」に近づくための、「自分と向き合う」小さな振り返り
dip_tech
PRO
0
210
自己紹介 / who-am-i
yasulab
PRO
4
6.3k
0121
cbtlibrary
0
120
Padlet opetuksessa
matleenalaakso
9
15k
AIは若者の成長機会を奪うのか?
frievea
0
170
沖ハック~のみぞうさんとハッキングチャレンジ☆~
nomizone
1
550
The browser strikes back
jonoalderson
0
340
HyRead2526
cbtlibrary
0
190
Cifrado asimétrico
irocho
0
380
Featured
See All Featured
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
710
Believing is Seeing
oripsolob
1
43
More Than Pixels: Becoming A User Experience Designer
marktimemedia
2
310
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.3k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
340
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
116
100k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
85
GraphQLとの向き合い方2022年版
quramy
50
14k
Context Engineering - Making Every Token Count
addyosmani
9
630
Being A Developer After 40
akosma
91
590k
Transcript
⼀一週完成英⽂文學習網 ! 主講者:莊宗憲 http://word.wishes.tw
莊宗憲 ! 系統設計: 補教課室系統、︑法拍系統平台、︑網路商城、︑形象網站、︑ ⾦金流簡訊、︑POS營運系統、︑⽪皮質紋檢測分析系統。︒ ! 導入⾏行業: 才藝教室、︑服飾業、︑法拍仲介業、︑宮廟、︑ 直銷業、︑公司⾏行號、︑個⼈人形象網站。︒
前提 假設各位已具備程式設計基礎
起源 英文報告滿天飛,惡補英文心灰灰。
爆肝 字典查到沒日沒夜沒時間
構圖 簡單輸入、豐富輸出。
⼀一點靈 最終希望一鍵完成所有項目
完成 整頁筆記、練習、測驗、字典。
列 需 求 、 建 資 料 庫 網 頁
版 面 規 劃 建 置 文 章 拆 解 自 動 分 析 開 發 練 習 測 驗 模 式 開 發 會 員 複 習 功 能 導 入 各 平 台 A P I 功 能 測 試 正 式 開 放
餐⼱巾紙計劃 一個跟創業者息息相關的小故事
破梗 其實我都記在筆記本與memo紙裡
再破梗 請用力想像 ! 我好認真~ 好認真 ! 好認真~ 好認真的 ! 畫了使用者情境&
! UI草圖
像這樣...
又其實...
只想到⼀一句話
1-CLICK
所以才有它 《這張圖又出現了》
天外⾶飛來⼀一筆靈感
簡潔多了
步入正題
檔案結構 程式碼依系統功能類別分開存放
碼農重構 減少垃圾碼、增加可讀性、提升維護效益
模組化 隨插即用的美妙
PDO 資料庫語法物件化,防注入、重構提高使用率。
⽂文章解析 字串處理重要函數
// 統整字串為小寫字母 strtolower(); ! ! // 讓迴圈用生命跑完所有文字吧 for、foreach、while(…){ ! preg_split
+ strpos + strlen => 截取關鍵字 ! } ! ! // 取得結果 $word_array => 目標文章處理後的單字陣列
整合臉書 導入 Facebook API
require 'facebook.php'; ! $facebook = new Facebook(array( ! 'appId' =>
'程式ID', 'secret' => '此程式所對應的編碼' ! )); ! $fbid = $facebook->getUser();// Get User ID ! if ($fbid) { //登入成功 ! try { ! //查看已登入FB用戶的個人資料 $user_profile = $facebook->api('/me'); ! } catch (FacebookApiException $e) { ! $fbid = null; ! } ! }else { ! //登入失敗 … ! }
演算法 Porter Stemming Algorithm
class PorterStemming{ ! private static $xxxxx = xxx; private static
$xxxxx = xxx; ! private static function step1($word){ … } private static function step2($word){ … } private static function step3($word){ … } } ! function ptr_s($word,…){ // 修正演算結果 $xxx = $database_pdo->original($word); if($xxx) return …; else if(strpos($word,'xxx')!==false) return substr(PorterStemming::xxx($word),0,-1). 'x'; else if(strpos($word,'xxx')===false&&strpos($word,'xx')===false) return $word ; else return PorterStemming::xxx($word); }
截取資料 get contents
$ch = curl_init(); ! $opt = array( CURLOPT_URL => '目標網址',
CURLOPT_HEADER => false, CURLOPT_RETURNTRANSFER => true, CURLOPT_USERAGENT => 'Google Bot', CURLOPT_FOLLOWLOCATION => true, CURLOPT_REFERER => ‘`http://xx.xx.xx/xx.php' ); ! curl_setopt_array($ch, $opt); ! $web_contents = curl_exec($ch); ! curl_close($ch); ! ! /* 串接平台 api 回傳 JSON 格式 true 為回傳 array 格式 , false 回傳 object 格式 */ echo json_decode(web_contents,true); !
隱藏版功能 wu la la
LIKE..
! ! ! ! ! ! ! ! ! $web
= file_get_contents(“http://xx.xx.xx”); ! ! ! 王⼦子的筆記 輸入網址,一鍵完成翻譯及單字筆記功能。
靠北 邊⾛走
None
! 解決方案 ! 自建專用主機 X ! 孤芳自賞自己用 … ! 建置網站APP
O
None
Q&A
結束~ 謝謝:)