# User:Dragonsinger57/My sandbox

Jump to: navigation, search
dragonsinger menu
SchooleFellowshipWorkshops

## A place for me to play!

### embeds

#### youtube

/*<![CDATA[*/
$(function() { function getFileThumbnail(filename, h, w,$this) {
// canonicalize filename
filename = 'File:' + filename.replace(/^((file)|(image)|(media)):/i, '');
$.ajax({ url: window.wgServer + '/api.php', type: 'POST', data: { action: 'query', format: 'json', titles: filename, prop: 'imageinfo', iiprop: 'url|size', iiurlheight: h, iiurlwidth: w }, success: function(d) { var page, ii; if (d.query && d.query.pages) { for (page in d.query.pages) { if (d.query.pages[page].imageinfo && d.query.pages[page].imageinfo.length >= 1) { ii = d.query.pages[page].imageinfo[0];$this.find('img:first')
.attr('src', ii.thumburl)
.attr('width', ii.thumbwidth)
.attr('height', ii.thumbheight)
.css('left', (w-ii.thumbwidth)/2 + 'px')
.css('top', (h-ii.thumbheight)/2 + 'px');
}
}
}
}
})
}
function getYouTubeInfo(id, filename, h, w, $this) {$.ajax({
url: 'https://www.googleapis.com/youtube/v3/videos?id=' + id + '&key=AIzaSyAQtYcfsqifV0XF_tLADxUeyUdlgqY65Tg&part=snippet,status,contentDetails,player,statistics'
}).done(function(d) {
var $did, iw, ih, img, thumbnails = []; if (d && d.items && d.items.length === 1 && d.items[0].status) { if (d.items[0].status.license === 'creativeCommon') { // find appropriate thumbnail if (d.items[0].snippet && d.items[0].snippet.thumbnails) {$.each(d.items[0].snippet.thumbnails, function(i, v) {
thumbnails.push([v.width, v.height, v.url]);
});
thumbnails.sort(function(a, b) {
return b[0] - a[0];  // reverse sort
});
// find the smallest thumbnail that would completely cover us
iw = thumbnails[0][0]; ih = thumbnails[0][1]; img = thumbnails[0][2];
// see if we can use something smaller
for (i = 0; i < thumbnails.length; i++) {
if ((thumbnails[i][0] >= w) && (thumbnails[i][1] >= h)) {
iw = thumbnails[i][0]; ih = thumbnails[i][1]; img = thumbnails[i][2];
} else {
break;
}
}
$did =$('div[data-ytid="' + d.items[0].id + '"]');
if (!filename) {
$did.find('img:first').attr('src', img); } if (($did.find('.weYouTubeTitle').text().replace(/\s*/g, '') === '') && d.items[0].snippet.title) {
$did.find('.weYouTubeTitle').text(d.items[0].snippet.title); } } } } }); }$('.weYouTube').each(function() {
var h, w, t, l,
id = $.trim($(this).data('ytid')),
isURL = /^https?:/i.test(id),
img = $(this).data('img'), title =$(this).find('.weYouTubeTitle').text(),
filename = $(this).data('thumbnail'), target =$(this).data('target');
h = $(this).css('height').replace('px', ''); w =$(this).css('width').replace('px', '');
if (!isURL && !img) {
$(this).data('img', '#'); // mark as in flight // if we need title or YouTube thumbnail, hit GoogleAPI if (!filename || !title) { getYouTubeInfo(id, filename, h, w,$(this));
}
}
if (filename) {
getFileThumbnail(filename, h, w, $(this)); } // optionally cause clicking to open in a new window if (target !== '') {$(this).parent().attr('target', '_blank');
}
if (isURL) {
$(this).parent().attr('href', id);$(this).find('.weYouTubePlay img').attr('src', '/extensions/WE/images/start_play.png');
l = Math.round(w/2) - 20;
} else {
l = Math.round(w/2) - 70;
}
// adjust position of start icon
t = Math.round(h/2) - 30;
\$(this).find('.weYouTubePlay').css('top', t + 'px').css('left', l + 'px');

});
});
/*]]>*/


#### twitter

Error in widget Twitter

#### slideshare

Error in widget SlideShare

[slideshare id=1923429&doc=nzeiwdcnzctu-090829060506-phpapp02]

what does this do? - ok - i want to box something like this but be able to format too ... hmmm

ok how about this

### boxes

//this is a test of this//

Using pre

this is formatted using the <pre> code

using a space

This is preformatted using a space at the beginning of the line


using code from wikispaces

this has some html code within a div - this example doesn't have a heading

This one has some bullet points
1. one
2. two
3. three

• # this header 1

• ## this is header 2

1. ### this is header 3

2. =this is header 1 using wikitext=
3. ==this is header 2 using wikitext==
4. ===this is header 3 using wikitext===
• this is bold using html
• this is italic using html

learning, unlearning, relearning

This will display the link with the slash ("/") like this: /Tiger, which may be a bit confusing to some readers.

There are two ways you can fix this. Either

1. Add an extra slash: [[/Tiger/]] at the end of your link (which "tells" the wiki software not to display the preceding slash) or
2. create a piped link, for example: [[/Tiger|Tiger]]. This is useful when the page link contains a number of slash arguments, or you want to display a more descriptive title to the user. Both of these methods will result in a link like this:
Tiger


This is actually a subpage of the current page.

• Insert an image already on wikieducator & resize
• Upload and insert an image & resize
• Create a gallery

## Playing with eXe templates

Objectives
 The objectives of this course are: for me to gain more skills in using a wiki for me to develop content for others to use for me to use Open Source software whenever I can and for me to encourage others to use open source as well

I seem to have had some problems formatting when i had the images separated with "" and "" around them

# Assignment

 Answer the following questions after reading through the assigned text

# Question

 Question 1. How many?

# Question

 Question 2. Who?

# Questions

 when? hour? day? month? which? why?

Activity
 Enter your text here

# Portfolio Activity

 Enter your text here

# Media

 JMF Wiki intro.mp3

# Thoughts for the discussion groups

### OER Resources

• What I call sharing my students call pinching/stealing.
• Primary schools are probably most open about OER because we're already practising OER within our school environments
Think about it - sitting in the staff room chatting about what you've done in the classroom - someone says "Why don't you try doing ...?" and you've got another idea or activity to add to what you've already planned.
Or someone is having a hard time coming up with how to teach something and you offer them copies of all your work.
• It's OER in practise.
• We also don't do a lot of work from text books.
• We create and recreate and adapt resources all the time.

# Bits'n'Pieces

Table for writing instructions

Criteria for writing instructions

a) Purpose The title shows which crystals will be grown.

b) Equipment All the equipment needed to play the game.

c) Steps All the things that have to be done are recorded and each step is written on a new line.

e) Logical sequence The steps are in the same order of how the game is played.

f) Verbs Each step begins with the action word that tells the reader what to do.

g) Present tense All instructions are written in the present tense.

h) Illustrations Instructions can have pictures. The pictures add understanding to the instructions.