自造者教學網: 10月 2017

2017年10月31日星期二

影音文章選

A.依照班級編號把心得儲存成文字文件寄給老師。
01
不常給樹澆水的理由
02
路的旁邊還是路
03
厚道
04
眼見一定是事實嗎？
05
真善無敵
06
真正的富有
07

笨鳥慢慢飛

人生只是過客

B. 閱讀文章後，登入Gmail，在留言區直接發表心得

簡單是一種境界留言

幽默是慈悲的表現留言

生氣時少做決定留言

女子當柔留言

貴人在哪裡留言

快樂的心情由自己決定留言

打破「盲從」的迷失留言

乞丐轉運成富豪留言

2017年10月14日星期六

遊戲部分列表
G01 猜數字，需要MCI32.OCX
G02 比大小
G03 骰子猜謎
G04 顏色猜謎
G05 萬徑人蹤
G06 挑戰記憶
G07 打字遊戲
G08 反轉方塊
G09 數字拼盤
G10 旋轉方塊
G11 旋轉蜂窩
G12 撿石頭
G13 縱橫計數
G14 井字棋
G15 反圈叉棋
G16 豆腐棋
G17 五角棋
G18 孔明棋
G19 三子棋
G20 四子棋
G21 五子棋
G22 伏羲神算需要Music目錄
G23 孫武練兵需要Music目錄
G24 陶侃搬磚
G25 華容道
G26 六角棋
G27 獨人跳棋，需要Msvbvm50.dll

VB五子棋設計回顧

現存原始檔是1998年，2001年時修改的
就是單純採用VB5設計的，原本以為有HiPoint設計，結果發現有原始函數庫，可是主程式並沒有呼叫它。

HiPoint 在筆記本裡是這樣描述的

IF 存在HiPoint THEN
score = 計算每一個HiPoint的值，選出最高分的
ELSE
掃描所有存在的空點，如果加入之後會造成4子連線，或者兩個(以上)的三子連線就加入 HiPoint

ENDIF

2017年10月13日星期五

單位表

我們目前所用的K、M、G、T等都是英文表示方法，分別是Kilo（10³）、Mega（10⁶）、Giga（10⁹）、Tera（10¹²）的簡寫，更大的還有Peta（10¹⁵）、Exa（10¹⁸）、Bronto（10²¹）等。底下是維基百科中的列表

Prefix		Base 1000	Base 10	Base 2	English word		Adoption
Name	Symbol	Base 1000	Base 10	Base 2	Short scale	Long scale	Adoption
yotta	Y	1000⁸	10²⁴	2⁸⁰	septillion	quadrillion	1991
zetta	Z	1000⁷	10²¹	2⁷⁰	sextillion	trilliard	1991
exa	E	1000⁶	10¹⁸	2⁶⁰	quintillion	trillion	1975
peta	P	1000⁵	10¹⁵	2⁵⁰	quadrillion	billiard	1975
tera	T	1000⁴	10¹²	2⁴⁰	trillion	billion	1960
giga	G	1000³	10⁹	2³⁰	billion	milliard	1960
mega	M	1000²	10⁶	2²⁰	million		1873
kilo	K	1000¹	10³	2¹⁰	thousand		1795

		1000⁰	10⁰	1	one		–

milli	m	1000⁻¹	10⁻³	2^-10	thousandth		1795
micro	µ	1000⁻²	10⁻⁶	2^-20	millionth		1873
nano	n	1000⁻³	10⁻⁹	2^-30	billionth	milliardth	1960
pico	p	1000⁻⁴	10⁻¹²	2^-40	trillionth	billionth	1960
femto	f	1000⁻⁵	10⁻¹⁵	2^-50	quadrillionth	billiardth	1964
atto	a	1000⁻⁶	10⁻¹⁸	2^-60	quintillionth	trillionth	1964
zepto	z	1000⁻⁷	10⁻²¹	2^-70	sextillionth	trilliardth	1991
yocto	y	1000⁻⁸	10⁻²⁴	2^-80	septillionth	quadrillionth	1991

Rich Edit 問答

基礎
來源：MS Rich Textbox Control 5.0
屬性
Appearence 0-rtfFlat 1-rtfThreaD
AutoVerbMenu True False
BackColor
BorderStyle 0-rtfNoBorder 1-rtfFixedSingle
BulletIndent
DataBindings
DataField
DataSource
DisableNoScorll True False

Greasemonkey範例

新增Greasemonkey套件
新使用者腳本
名稱　edit
命名空間 http://wusi.asuscomm.com/news5/
使用 http://wusi.asuscomm.com/*

將底下複製到使用者程式碼區

// ==UserScript==
// @name edit
// @namespace http://wusi.asuscomm.com/news5/
// @include http://wusi.asuscomm.com/news5/
// @version 1
// @grant none
// ==/UserScript==

function openInNewTab(url) {
var win = window.open(url, '_blank');
win.focus();
}
var x = document.getElementsByClassName('logo');
var btn = document.createElement('BUTTON');
var t = document.createTextNode('EDIT');
btn.appendChild(t);
x[0].appendChild(btn);
btn.onclick = function () {
a = location.href.split('/');
l = a.length;
//alert(a[l-1]);
b = a[l - 1].split('-');
c = b[0].match(/\d+/g);
url = 'http://wusi.asuscomm.com/news5/administrator/index.php?option=com_content&task=article.edit&id=' + c;
openInNewTab(url);
}

2017年10月12日星期四

數位閱讀三字經影片

依據座號觀看三字經影片，
觀看後寫出
1. 該影片中三字經的文章
2. 該影片中的故事題目和摘要
3. 影片心得

資訊課程數位閱讀選文

選擇一篇文章
用表格方式整理出
標題
作者
圖片
故事
佳句
心得
建議

文章選：

自省 (教師示範)

如果你覺得文章很好可以按

2017年10月10日星期二

免費圖庫

https://www.flickr.com/groups/publicdomain/pool/

https://www.flickr.com/photos/britishlibrary/

http://www.publicdomainpictures.net/browse-category.php?c=seasons&s=17

(注意：這個網站的Professional Stock Photos from $1下方圖片是要收費的)

http://www.public-domain-image.com/

(分類在左邊，中間會有廣告)

http://cc0.wfublog.com/ (搜尋用)

http://librestock.com/

https://openclipart.org/

https://visualhunt.com/

http://www.peakpx.com/

https://pixabay.com/

http://www.toicon.com/

https://www.svgimages.com/

https://stocksnap.io/

https://undraw.co/ (SVG手繪)

X學務系統自訂輸出(使用tinyD或區塊)

用tinyD去建立有學校的轉入轉出，底下是轉出的範例

//取得目前的學年學期

$d = explode('-',date('Y-m-d'));

if ($d[1]>=8) {

$curr_year=$d[0]-1911;

$curr_seme=1;

} elseif ($d[1]==1) {

$curr_year=$d[0]-1912;

$curr_seme=1;

}else{

$curr_year=$d[0]-1912;

$curr_seme=2;

}

$curr_link=$_SERVER['PHP_SELF']. '?id='.$_GET['id'].'&gc_year='. $curr_year.'&gc_seme='.$curr_seme;

//取得參數的學年學期

if ($_GET['gc_year'] && $_GET['gc_seme']) {

$gc_year = $_GET['gc_year'];

$gc_seme=$_GET['gc_seme'];

} else {

$gc_year = $curr_year;

$gc_seme=$curr_seme;

}

if ($gc_seme==2) {

$last_year = $gc_year;

$last_seme=1;

} else {

$last_year=$gc_year-1;

$last_seme=2;

}

$last_link= $_SERVER['PHP_SELF']. '?id='.$_GET['id'].'&gc_year='. $last_year.'&gc_seme='.$last_seme;

echo '';

if ($gc_year==$curr_year && $gc_seme==$curr_seme) {

// skip

} else {

echo '<a href='.$curr_link.'>本學期</a> ';

}

echo $gc_year.'學年第'.$gc_seme.'學期轉出一覽表 <a href='.$last_link.'>前一學期</a> ';

/**** 建立XOOPS資料庫物件 ****/

$xoopsDB =& Database::getInstance();

/**** 輸出表格開頭 ****/

echo "<table cellSpacing=1 cellPadding=1 align=center bgColor=#ccccff border=1>

<TR>

</TR>";

$order="order by smb_grad,ABS(smb_class),smb_seat";

$cond="and (stud_study_cond='轉出' or stud_study_cond='出國') ";

$ta = $xoopsDB->prefix("sxs_stud_base");

$tb = $xoopsDB->prefix("sxs_stud_seme_base");

$sql="SELECT smb_sn,smb_grad,smb_class,smb_seat,stud_id,stud_name,stud_birth,stud_person_id from $ta a,$tb b where a.stud_sn=b.stud_sn and smb_year='$gc_year' and smb_seme='$gc_seme' $cond $order";

/**** 執行 SQL語法 ****/

$result = $xoopsDB->query($sql) ;

$sn=0;

while(list($smb_sn,$smb_grad,$smb_class,$smb_seat,$stud_id,$stud_name,$stud_birth,$stud_person_id)=$xoopsDB->fetchRow($result)){

$sql2="select move_y,move_m,move_d,move_school_name from ". $xoopsDB->prefix("sxs_stud_move")." where smb_sn='$smb_sn' order by move_sn desc";

$rs2=$xoopsDB->query($sql2) ;

list($y,$m,$d,$move_school_name)=$xoopsDB->fetchRow($rs2);

$sn++;

echo "<tr bgcolor=white>

<td>{$smb_class}</td>

<td>{$stud_birth}</td>

<td>{$stud_person_id}</td>

<td>{$move_school_name}</td>

</tr>";

}

echo "</table>";

2017年10月8日星期日

ITYCX 定位

本來已經不想處理學務系統了

但是有鑑於私立學校還有部分學校要使用，決定再出新版X學務系統的計畫

1. 相容於原來的資料庫，唯一要處理的是Xoop本身

系統需求
Xoops 2.5.8
Mysql 5.0 以上使用 Mysqli
使用 bootstrap相容樣板
PHP 5.5以上建議PHP5.6
centOS安裝參考
https://webtatic.com/packages/php56/
https://www.cadch.com/modules/news/article.php?storyid=227

2. 建立一個專用樣板

3. 改善學生資料結構

4. 改用Mysqli

5. 盡量用ajax取代全螢幕的變化

2017年10月7日星期六

字串轉數值、數值轉字串

字串轉數值

方法一: Number constructor function

var e = '123';
e = Number(e);   // 123

方法二: parseInt() 或 parseFloat()

var e = '123.45abc';
var e1 = parseInt(e, 10);  // 123
var e2 = parseFloat(e);    // 123.45

若無法轉換成數值時，會回傳 NaN (Not A Number)。

var f = 'abc123';
var f1 = Number(f);         // NaN
var f2 = parseInt(f, 10);  // NaN
var f3 = parseFloat(f);    // NaN


數值轉字串

var a=10;
a = String(a);
alert(typeof a);


var a=10;
a = a.toString();
alert (typeof a);

Javascript 參考文

先連結別人的網誌、以後再做自己的

1. 初體驗
2. 變數與常數
3. 基礎資料型態
4. Null undefined
5. parseInt()、parseFloat() 與 Number()
6. 基礎型態轉換
7. 簡單敘述與運算子、運算子 (Operator)
8. 邏輯運算子2 、邏輯運算子1
9. 關係運算子
10. 位元運算子
11. 字串與數字的相乘與相加
12. 字串轉數值、數值轉字串
13. Math ，數學物件，數學 (Math)
14. Random
15. 函數 (Function)
16. 事件 (Event)
17. 流程控制 (Flow Control)
18. DOM BOM
19. 視窗 (Window)
20.
21.
22.

範例
1. 利用setTimeout(setInterval)做簡易倒數計時器
2. 手工萬年曆
3. 倒字 flip text
4.
5.
6.
7.
8.
9.
10.

jQuery的載入事件先後

在jQuery中，要做到"等網頁載入後再執行"，我們有兩種選擇:

$(document).ready(fn)與$(window).load(fn)

二者的差別在於$(document).ready(fn)發生在"網頁本身的HTML"載入後就觸發，而$(window).load(fn)則會等到"網頁HTML標籤中引用的圖檔、內嵌物件(如Flash)、IFrame"等拉哩拉雜的東西都載入後才會觸發。

來源： http://blog.darkthread.net/post-2009-06-05-jquery-ready-vs-load.aspx

瀏覽器物件(5)Location

Location Object Properties

Property Description

hash Sets or returns the anchor part (#) of a URL

host Sets or returns the hostname and port number of a URL

hostname Sets or returns the hostname of a URL

href Sets or returns the entire URL

origin Returns the protocol, hostname and port number of a URL

pathname Sets or returns the path name of a URL

port Sets or returns the port number of a URL

protocol Sets or returns the protocol of a URL

search Sets or returns the querystring part of a URL

Property	Description
hash	Sets or returns the anchor part (#) of a URL
host	Sets or returns the hostname and port number of a URL
hostname	Sets or returns the hostname of a URL
href	Sets or returns the entire URL
origin	Returns the protocol, hostname and port number of a URL
pathname	Sets or returns the path name of a URL
port	Sets or returns the port number of a URL
protocol	Sets or returns the protocol of a URL
search	Sets or returns the querystring part of a URL

Location Object Methods

Method	Description
assign()	Loads a new document
reload()	Reloads the current document
replace()	Replaces the current document with a new one

瀏覽器物件(4)History

History Object Properties

Property Description

length Returns the number of URLs in the history list

Property	Description
length	Returns the number of URLs in the history list

History Object Methods

Method	Description
back()	Loads the previous URL in the history list
forward()	Loads the next URL in the history list
go()	Loads a specific URL from the history list

瀏覽器物件(3)Screen

Screen Object Properties

Property	Description
availHeight	Returns the height of the screen (excluding the Windows Taskbar)
availWidth	Returns the width of the screen (excluding the Windows Taskbar)
colorDepth	Returns the bit depth of the color palette for displaying images
height	Returns the total height of the screen
pixelDepth	Returns the color resolution (in bits per pixel) of the screen
width	Returns the total width of the screen

2017年10月6日星期五

瀏覽器物件(2)Navigator

Navigator Object Properties

Property	Description
appCodeName	Returns the code name of the browser
appName	Returns the name of the browser
appVersion	Returns the version information of the browser
cookieEnabled	Determines whether cookies are enabled in the browser
geolocation	Returns a Geolocation object that can be used to locate the user's position
language	Returns the language of the browser
onLine	Determines whether the browser is online
platform	Returns for which platform the browser is compiled
product	Returns the engine name of the browser
userAgent	Returns the user-agent header sent by the browser to the server

瀏覽器物件(1) Window

Window Object Properties

Property	Description
closed	Returns a Boolean value indicating whether a window has been closed or not
defaultStatus	Sets or returns the default text in the statusbar of a window
document	Returns the Document object for the window (See Document object)
frameElement	Returns the <iframe> element in which the current window is inserted
frames	Returns all <iframe> elements in the current window
history	Returns the History object for the window (See History object)
innerHeight	Returns the inner height of a window's content area
innerWidth	Returns the inner width of a window's content area
length	Returns the number of <iframe> elements in the current window
localStorage	Allows to save key/value pairs in a web browser. Stores the data with no expiration date
location	Returns the Location object for the window (See Location object)
name	Sets or returns the name of a window
navigator	Returns the Navigator object for the window (See Navigator object)
opener	Returns a reference to the window that created the window
outerHeight	Returns the outer height of a window, including toolbars/scrollbars
outerWidth	Returns the outer width of a window, including toolbars/scrollbars
pageXOffset	Returns the pixels the current document has been scrolled (horizontally) from the upper left corner of the window
pageYOffset	Returns the pixels the current document has been scrolled (vertically) from the upper left corner of the window
parent	Returns the parent window of the current window
screen	Returns the Screen object for the window (See Screen object)
screenLeft	Returns the horizontal coordinate of the window relative to the screen
screenTop	Returns the vertical coordinate of the window relative to the screen
screenX	Returns the horizontal coordinate of the window relative to the screen
screenY	Returns the vertical coordinate of the window relative to the screen
sessionStorage	Allows to save key/value pairs in a web browser. Stores the data for one session
scrollX	An alias of pageXOffset
scrollY	An alias of pageYOffset
self	Returns the current window
status	Sets or returns the text in the statusbar of a window
top	Returns the topmost browser window

Window Method

Method	Description
alert()	Displays an alert box with a message and an OK button
atob()	Decodes a base-64 encoded string
blur()	Removes focus from the current window
btoa()	Encodes a string in base-64
clearInterval()	Clears a timer set with setInterval()
clearTimeout()	Clears a timer set with setTimeout()
close()	Closes the current window
confirm()	Displays a dialog box with a message and an OK and a Cancel button
focus()	Sets focus to the current window
getComputedStyle()	Gets the current computed CSS styles applied to an element
getSelection()	Returns a Selection object representing the range of text selected by the user
matchMedia()	Returns a MediaQueryList object representing the specified CSS media query string
moveBy()	Moves a window relative to its current position
moveTo()	Moves a window to the specified position
open()	Opens a new browser window
print()	Prints the content of the current window
prompt()	Displays a dialog box that prompts the visitor for input
resizeBy()	Resizes the window by the specified pixels
resizeTo()	Resizes the window to the specified width and height
scroll()	Deprecated. This method has been replaced by the scrollTo() method.
scrollBy()	Scrolls the document by the specified number of pixels
scrollTo()	Scrolls the document to the specified coordinates
setInterval()	Calls a function or evaluates an expression at specified intervals (in milliseconds)
setTimeout()	Calls a function or evaluates an expression after a specified number of milliseconds
stop()	Stops the window from loading

訂閱：文章 (Atom)

2017年10月31日 星期二

2017年10月14日 星期六

2017年10月13日 星期五

2017年10月12日 星期四

2017年10月10日 星期二

2017年10月8日 星期日

2017年10月7日 星期六

字串轉數值

數值轉字串

Location Object Properties

Location Object Methods

History Object Properties

PropertyDescription lengthReturns the number of URLs in the history list

History Object Methods

Screen Object Properties

2017年10月6日 星期五

Navigator Object Properties

Window Object Properties

2017年10月31日星期二

2017年10月14日星期六

2017年10月13日星期五

2017年10月12日星期四

2017年10月10日星期二

2017年10月8日星期日

2017年10月7日星期六

Property Description

length Returns the number of URLs in the history list

2017年10月6日星期五