UBC Wiki - User contributions [en]

Sandbox:Video Interviews with the iPad

2016-07-13T03:32:08Z

Riacale: /* Examples */

This page documents the process for using the iPad kit for video recording.

==Examples==
CTLT's interview with Dr. Steven Barnes - Psychology - about his DIY Media project in epigenetics.

{{#widget:YouTube|id=WcZCplZi6o8|400|}}

CTLT's interview with Dr. Judy Chan - Land and Food Systems - about her [Course:FNH200 wiki-based course] in Land & Food Systems.

{{#widget:YouTube|id=Ge2THXkhwhs|400|}}

==Equipment==
{{Documentation:IPad_Kit/Equipment_List}}

==Pre-production and Setup==

===Pre-Production===
* interview questions were prepared in advance and discussed with the interviewees.
* in the Steve Barnes video - we also wanted to capture his DIY studio set up so some footage was captured during the initial tour - before we sat down to interview.
* ensure that the iPad set up is tested for sound/recording and that the iPad is fully charged.

===Room Setup===

*Lighting. In the Judy Chan video, there was a large window facing the interviewee allowing for natural light. The ceilings were high allowing the overhead lights to be a lot softer on the subject. In the Steve Barnes video, he had a [http://wistia.com/blog/your-first-lighting-kit 3 point lighting] set up for his purposes, so we used that.
*the iPad can be mounted with the C-Clamp mount to a table (as in the Chan video) or a tripod (as in the Barnes example).

===iPad Setup===

#Mount the iPad on a table or tripod using the C-Clamp Mount.
#Connect the rode mic to the iPad.
#Attach the mic to the interviewee (using the extension if necessary).

[[Category:DIY Media]]

Documentation:CTLT Resources/Selected TL Topics ePortfolios

2014-02-05T20:19:59Z

Riacale: /* How can I get started? */

==e-Portfolios==
===What is an e-Portfolio?===

This can be a source of confusion. Is an e-Portfolio just a resume on steroids? Or is it a conceptual understanding, what is often referred to as “Folio Thinking”? We define e-Portfolios as personalized, web-based collections of work, responses to work and reflections that are used to demonstrate key skills and accomplishments for a variety of contexts and time periods.

Strictly speaking, an e-Portfolio isn’t an e-Portfolio if it doesn’t contain reflections and isn’t shared. But as with most things, when we speak too strictly, we are quickly handed an exception. Indeed, some people have a very-unreflective CV online and they still call it an e-Portfolio. So, what is an e-Portfolio?

The term ‘e-portfolio’ can be used to refer to any of these things (and more):

*a website that features your teaching philosophy and CV, or
*a collection of your work and reflections on that work that you keep on your computer at home, or
*a site, like iWebFolio, that allows you to share feedback and e-Portfolios with a network of people.

Your e-Portfolio could be a showcase or a private area of reflection. But e-Portfolios can be much more than just 21st century resumes; they’re opportunities to build community, and improve and reflect on your practice.

===What is a teaching e-Portfolio?===

A teaching e-Portfolio is a collection of your best work as an instructor, and will often include items like:

*Your teaching philosophy
*A list of courses taught, with numbers of students, etc.
*Lesson plans
*Awards you’ve received

In other words, it has some similarities with UBC CV, in that it does showcase your training, accomplishments and skills, but is more personal, more professional- and personal-growth oriented. Again examples are worth a thousand words. You may also find Teaching Portfolio Preparation Guide useful.

===Who would use one?===

Anyone who is interested in reflecting on their teaching with the aim of becoming a better teacher. It may also be useful for those seeking promotion or tenure; it is always important to show what you are doing to improve your teaching.

===How can I get started?===

Send a message to Lucas Wright at [mailto:lucas.wright@ubc.ca lucas.wright@ubc.ca] and he can discuss with you possible approaches and tool options. You can also attend an e-Portfolio seminar regularly offered by CTLT for an idea of the scope of an e-Portfolio, and some suggestions about how to start collecting and sorting your artifacts.

===What are the advantages/disadvantages of an e-Portfolio compared to a paper-based portfolio?===

The advantages of an e-Portfolio are generally considered to be:

*portability – you can access it from anywhere, unlike an often-sizeable paper copy
*media-richness – the ability to easily include graphics, audio, video and so on
*ease of repurposing – you can easily create several versions of your e-Portfolio for several different audiences
*control of access – you control who sees it, and for how long
*organizational ability – e-Portfolios are great for organizing a large amount of information, and keeping it all in one place

The disadvantage of a some ‘template-based’ systems (such as iWebFolio 2.0) is:

*lack of customizability – the style can be rigid and difficult to customize

The disadvantages of a teaching e-Portfolios in general are:

*possible lack of acceptance as promotional tool – your department may not know much about or accept a teaching e-Portfolio as part of a tenure/promotion process, although this is changing as more people learn about e-portfolios
*lack of printability – yes, you can print from most applications , and it looks acceptable, but it isn’t as easy as it should be, and MS Word still does it better

We’re not suggesting that you should or should not create a teaching e-portfolio. That’s up to you. Yes, it’s a commitment, but the reward is, we believe, a tool for improving your teaching. If you’re curious, send a message to [mailto:lucas.wright@ubc.ca lucas.wright@ubc.ca].

===Can someone steal my work?===

In a word, yes. But that is true of almost all web-based material. Someone can steal Microsoft’s work, too. So, as with anything on the web, if you’re especially concerned about copyright or malicious manipulation, you can either a) stick to Canada Post and carrier pigeons, b) learn some JavaScript, or c) do the following:

*if you’re using [http://blogs.ubc.ca WordPress], you can set the access permissions for the people you share your e-Portfolio with, and
*make sure you share your e-Portfolio with people you can trust.

We haven’t heard of any examples of malicious use of e-Portfolios so far, so it’s likely you’ll be okay.

Documentation:CTLT Resources/Selected TL Topics ePortfolios

2014-02-05T20:12:12Z

Riacale: /* Can someone steal my work? */

==e-Portfolios==
===What is an e-Portfolio?===

This can be a source of confusion. Is an e-Portfolio just a resume on steroids? Or is it a conceptual understanding, what is often referred to as “Folio Thinking”? We define e-Portfolios as personalized, web-based collections of work, responses to work and reflections that are used to demonstrate key skills and accomplishments for a variety of contexts and time periods.

Strictly speaking, an e-Portfolio isn’t an e-Portfolio if it doesn’t contain reflections and isn’t shared. But as with most things, when we speak too strictly, we are quickly handed an exception. Indeed, some people have a very-unreflective CV online and they still call it an e-Portfolio. So, what is an e-Portfolio?

The term ‘e-portfolio’ can be used to refer to any of these things (and more):

*a website that features your teaching philosophy and CV, or
*a collection of your work and reflections on that work that you keep on your computer at home, or
*a site, like iWebFolio, that allows you to share feedback and e-Portfolios with a network of people.

Your e-Portfolio could be a showcase or a private area of reflection. But e-Portfolios can be much more than just 21st century resumes; they’re opportunities to build community, and improve and reflect on your practice.

===What is a teaching e-Portfolio?===

A teaching e-Portfolio is a collection of your best work as an instructor, and will often include items like:

*Your teaching philosophy
*A list of courses taught, with numbers of students, etc.
*Lesson plans
*Awards you’ve received

In other words, it has some similarities with UBC CV, in that it does showcase your training, accomplishments and skills, but is more personal, more professional- and personal-growth oriented. Again examples are worth a thousand words. You may also find Teaching Portfolio Preparation Guide useful.

===Who would use one?===

Anyone who is interested in reflecting on their teaching with the aim of becoming a better teacher. It may also be useful for those seeking promotion or tenure; it is always important to show what you are doing to improve your teaching.

===How can I get started?===

Send a message to Lucas Wright at [mailto:lucas.wright@ubc.ca lucas.wright@ubc.ca] and he discuss with you possible approaches and tool options. You can also attend an e-Portfolio seminar regularly offered by CTLT for an idea of the scope of an e-Portfolio, and some suggestions about how to start collecting and sorting your artifacts.

===What are the advantages/disadvantages of an e-Portfolio compared to a paper-based portfolio?===

The advantages of an e-Portfolio are generally considered to be:

*portability – you can access it from anywhere, unlike an often-sizeable paper copy
*media-richness – the ability to easily include graphics, audio, video and so on
*ease of repurposing – you can easily create several versions of your e-Portfolio for several different audiences
*control of access – you control who sees it, and for how long
*organizational ability – e-Portfolios are great for organizing a large amount of information, and keeping it all in one place

The disadvantage of a some ‘template-based’ systems (such as iWebFolio 2.0) is:

*lack of customizability – the style can be rigid and difficult to customize

The disadvantages of a teaching e-Portfolios in general are:

*possible lack of acceptance as promotional tool – your department may not know much about or accept a teaching e-Portfolio as part of a tenure/promotion process, although this is changing as more people learn about e-portfolios
*lack of printability – yes, you can print from most applications , and it looks acceptable, but it isn’t as easy as it should be, and MS Word still does it better

We’re not suggesting that you should or should not create a teaching e-portfolio. That’s up to you. Yes, it’s a commitment, but the reward is, we believe, a tool for improving your teaching. If you’re curious, send a message to [mailto:lucas.wright@ubc.ca lucas.wright@ubc.ca].

===Can someone steal my work?===

In a word, yes. But that is true of almost all web-based material. Someone can steal Microsoft’s work, too. So, as with anything on the web, if you’re especially concerned about copyright or malicious manipulation, you can either a) stick to Canada Post and carrier pigeons, b) learn some JavaScript, or c) do the following:

*if you’re using [http://blogs.ubc.ca WordPress], you can set the access permissions for the people you share your e-Portfolio with, and
*make sure you share your e-Portfolio with people you can trust.

We haven’t heard of any examples of malicious use of e-Portfolios so far, so it’s likely you’ll be okay.

Template:Course Index

2014-02-05T19:16:52Z

Riacale:

__NOEDITSECTION__
{{Course Search}}
===ANTH===

'''Anthropology'''

<dpl>
namespace=Course
category=ANTH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===APBI===

'''Applied Biology'''

<dpl>
namespace=Course
category=APBI
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===APSC===
'''Applied Science'''

<dpl>
namespace=Course
category=APSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ASIA===
'''Asian Studies'''

<dpl>
namespace=Course
category=ASIA
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===BIOL===
'''Biology'''

<dpl>
namespace=Course
category=BIOL
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CHEM===
'''Chemistry'''

<dpl>
namespace=Course
category=CHEM
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CICS===
'''Computing Information and Cognitive Systems'''

<dpl>
namespace=Course
category=CICS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===COGS===
'''Cognitive Systems'''

<dpl>
namespace=Course
category=COGS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===COMM===
'''Commerce'''

<dpl>
namespace=Course
category=COMM
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===COSC===
'''Computer Science, Okanagan'''

<dpl>
namespace=Course
category=COSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CPSC===
'''Computer Science'''

<dpl>
namespace=Course
category=CPSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CSED===
'''Computing Studies Education'''

<dpl>
namespace=Course
category=CSED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===DHYG===
'''Dental Hygiene'''

<dpl>
namespace=Course
category=DHYG
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ECON===
'''Economics'''

<dpl>
namespace=Course
category=ECON
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EDCP===
'''Curriculum and Pedagogy'''

<dpl>
namespace=Course
category=EDCP
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EDST===
'''Educational Studies'''

<dpl>
namespace=Course
category=EDST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EDUC===
'''Education'''

<dpl>
namespace=Course
category=EDUC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EECE===
'''Electrical and Computer Engineering'''

<dpl>
namespace=Course
category=EECE
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ENVR===
'''Environmental Sciences'''

<dpl>
namespace=Course
category=ENVR
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EOSC===
'''Earth and Ocean Sciences'''

<dpl>
namespace=Course
category=EOSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ETEC===
'''Educational Technology'''

<dpl>
namespace=Course
category=ETEC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===FNH===
'''Food, Nutrition, and Health'''

<dpl>
namespace=Course
category=FNH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===FRST===
'''Forestry'''

<dpl>
namespace=Course
category=FRST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===GEOB===
'''Geoglogy'''

<dpl>
namespace=Course
category=GEOB
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===GEOG===
'''Geography'''

<dpl>
namespace=Course
category=GEOG
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===HIST===
'''History'''

<dpl>
namespace=Course
category=HIST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===INDE===
'''Interdepartmental Medicine'''

<dpl>
namespace=Course
category=INDE
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===JAPN===
'''Japanese'''

<dpl>
namespace=Course
category=JAPN
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===KIN===

'''Kinesiology'''

<dpl>
namespace=Course
category=KIN
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===LIBR===
'''Library and Information Studies'''

<dpl>
namespace=Course
category=LIBR
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===LLED===
'''Language and Literacy Education'''

<dpl>
namespace=Course
category=LLED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===MATH===
'''Mathematics'''

<dpl>
namespace=Course
category=MATH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===MIDW===
'''Midwifery'''

<dpl>
namespace=Course
category=MIDW
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===MTRL===
'''Materials Engineering'''

<dpl>
namespace=Course
category=MTRL
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===NURS===
'''Nursing'''

<dpl>
namespace=Course
category=NURS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===PHIL===

'''Philosophy'''

<dpl>
namespace=Course
category=PHIL
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===POLI===
'''Political Science'''

<dpl>
namespace=Course
category=POLI
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===PSYC===
'''Psychology'''

<dpl>
namespace=Course
category=PSYC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===RSOT===
'''Occupational Therapy'''

<dpl>
namespace=Course
category=RSOT
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===RUSS===

'''Russian'''

<dpl>
namespace=Course
category=RUSS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SCIE===
'''Science'''

<dpl>
namespace=Course
category=SCIE
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SDS===
'''Student Directed Seminars'''

<dpl>
namespace=Course
category=SDS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SOIL===
'''Soil Science'''

<dpl>
namespace=Course
category=SOIL
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SPPH===

'''School of Population and Public Health'''

<dpl>
namespace=Course
category=SPPH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SSED===
'''Social Studies Education'''

<dpl>
namespace=Course
category=SSED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===TSED===
'''Technology Studies in Education'''

<dpl>
namespace=Course
category=TSED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===WMST===

'''Women's Studies'''

<dpl>
namespace=Course
category=WMST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

<noinclude>
[[Category:Index Templates]]
</noinclude>

Template:Course Index

2014-02-05T19:15:23Z

Riacale:

__NOEDITSECTION__
{{Course Search}}
===ANTH===

'''Anthropology'''

<dpl>
namespace=Course
category=ANTH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===APBI===

'''Applied Biology'''

<dpl>
namespace=Course
category=APBI
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===APSC===
'''Applied Science'''

<dpl>
namespace=Course
category=APSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ASIA===
'''Asian Studies'''

<dpl>
namespace=Course
category=ASIA
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===BIOL===
'''Biology'''

<dpl>
namespace=Course
category=BIOL
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CHEM===
'''Chemistry'''

<dpl>
namespace=Course
category=CHEM
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CICS===
'''Computing Information and Cognitive Systems'''

<dpl>
namespace=Course
category=CICS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===COGS===
'''Cognitive Systems'''

<dpl>
namespace=Course
category=COGS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===COMM===
'''Commerce'''

<dpl>
namespace=Course
category=COMM
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===COSC===
'''Computer Science, Okanagan'''

<dpl>
namespace=Course
category=COSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CPSC===
'''Computer Science'''

<dpl>
namespace=Course
category=CPSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CSED===
'''Computing Studies Education'''

<dpl>
namespace=Course
category=CSED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===DHYG===
'''Dental Hygiene'''

<dpl>
namespace=Course
category=DHYG
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ECON===
'''Economics'''

<dpl>
namespace=Course
category=ECON
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EDCP===
'''Curriculum and Pedagogy'''

<dpl>
namespace=Course
category=EDCP
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EDST===
'''Educational Studies'''

<dpl>
namespace=Course
category=EDST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EDUC===
'''Education'''

<dpl>
namespace=Course
category=EDUC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EECE===
'''Electrical and Computer Engineering'''

<dpl>
namespace=Course
category=EECE
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ENVR===
'''Environmental Sciences'''

<dpl>
namespace=Course
category=ENVR
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EOSC===
'''Earth and Ocean Sciences'''

<dpl>
namespace=Course
category=EOSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ETEC===
'''Educational Technology'''

<dpl>
namespace=Course
category=ETEC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===FNH===
'''Food, Nutrition, and Health'''

<dpl>
namespace=Course
category=FNH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===FRST===
'''Forestry'''

<dpl>
namespace=Course
category=FRST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===GEOB===
'''Geoglogy'''

<dpl>
namespace=Course
category=GEOB
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===GEOG===
'''Geography'''

<dpl>
namespace=Course
category=GEOG
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===HIST===
'''History'''

<dpl>
namespace=Course
category=HIST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===INDE===
'''Interdepartmental Medicine'''

<dpl>
namespace=Course
category=INDE
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===JAPN===
'''Japanese'''

<dpl>
namespace=Course
category=JAPN
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===KIN===

'''Kinesiology'''

<dpl>
namespace=Course
category=KIN
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===LIBR===
'''Library and Information Studies'''

<dpl>
namespace=Course
category=LIBR
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===LLED===
'''Language and Literacy Education'''

<dpl>
namespace=Course
category=LLED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===MATH===
'''Mathematics'''

<dpl>
namespace=Course
category=MATH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===MIDW===
'''Midwifery'''

<dpl>
namespace=Course
category=MIDW
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===MTRL===
'''Materials Engineering'''

<dpl>
namespace=Course
category=MTRL
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===NURS===
'''Nursing'''

<dpl>
namespace=Course
category=NURS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===PHIL===

'''Philosophy'''

<dpl>
namespace=Course
category=PHIL
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===PHYS===
'''Physics'''

<dpl>
namespace=Course
category=PHYS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===POLI===
'''Political Science'''

<dpl>
namespace=Course
category=POLI
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===PSYC===
'''Psychology'''

<dpl>
namespace=Course
category=PSYC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===RSOT===
'''Occupational Therapy'''

<dpl>
namespace=Course
category=RSOT
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===RUSS===

'''Russian'''

<dpl>
namespace=Course
category=RUSS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SCIE===
'''Science'''

<dpl>
namespace=Course
category=SCIE
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SDS===
'''Student Directed Seminars'''

<dpl>
namespace=Course
category=SDS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SOIL===
'''Soil Science'''

<dpl>
namespace=Course
category=SOIL
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SPPH===

'''School of Population and Public Health'''

<dpl>
namespace=Course
category=SPPH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SSED===
'''Social Studies Education'''

<dpl>
namespace=Course
category=SSED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===TSED===
'''Technology Studies in Education'''

<dpl>
namespace=Course
category=TSED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===WMST===

'''Women's Studies'''

<dpl>
namespace=Course
category=WMST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

<noinclude>
[[Category:Index Templates]]
</noinclude>

User talk:HelenaBezerra

2014-02-05T19:15:08Z

Riacale: Talk page autocreated when first thread was posted

Thread:User talk:HelenaBezerra/Deleting 307

2014-02-05T19:15:08Z

Riacale: New thread: Deleting 307

Hi Helena,

I'm one of the administrators of the UBC Wiki and I'm just organizing the Course name space. I've noticed that you made [[Course:307]]. I assume that's an older version of [[Course:WMST307]]. If so, is it okay to delete [[Course:307]]?

Let me know! Thanks!

Template:Course Index

2014-02-05T19:00:18Z

Riacale:

__NOEDITSECTION__
{{Course Search}}
===ANTH===

'''Anthropology'''

<dpl>
namespace=Course
category=ANTH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===APSC===
'''Applied Science'''

<dpl>
namespace=Course
category=APSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ASIA===
'''Asian Studies'''

<dpl>
namespace=Course
category=ASIA
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CHEM===
'''Chemistry'''

<dpl>
namespace=Course
category=CHEM
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CICS===
'''Computing Information and Cognitive Systems'''

<dpl>
namespace=Course
category=CICS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===COGS===
'''Cognitive Systems'''

<dpl>
namespace=Course
category=COGS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===COMM===
'''Commerce'''

<dpl>
namespace=Course
category=COMM
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===COSC===
'''Computer Science, Okanagan'''

<dpl>
namespace=Course
category=COSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CPSC===
'''Computer Science'''

<dpl>
namespace=Course
category=CPSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===CSED===
'''Computing Studies Education'''

<dpl>
namespace=Course
category=CSED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===DHYG===
'''Dental Hygiene'''

<dpl>
namespace=Course
category=DHYG
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ECON===
'''Economics'''

<dpl>
namespace=Course
category=ECON
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EDCP===
'''Curriculum and Pedagogy'''

<dpl>
namespace=Course
category=EDCP
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EDST===
'''Educational Studies'''

<dpl>
namespace=Course
category=EDST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EDUC===
'''Education'''

<dpl>
namespace=Course
category=EDUC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EECE===
'''Electrical and Computer Engineering'''

<dpl>
namespace=Course
category=EECE
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ENVR===
'''Environmental Sciences'''

<dpl>
namespace=Course
category=ENVR
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===EOSC===
'''Earth and Ocean Sciences'''

<dpl>
namespace=Course
category=EOSC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===ETEC===
'''Educational Technology'''

<dpl>
namespace=Course
category=ETEC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===FNH===
'''Food, Nutrition, and Health'''

<dpl>
namespace=Course
category=FNH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===FRST===
'''Forestry'''

<dpl>
namespace=Course
category=FRST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===GEOB===
'''Geoglogy'''

<dpl>
namespace=Course
category=GEOB
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===GEOG===
'''Geography'''

<dpl>
namespace=Course
category=GEOG
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===HIST===
'''History'''

<dpl>
namespace=Course
category=HIST
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===INDE===
'''Interdepartmental Medicine'''

<dpl>
namespace=Course
category=INDE
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===JAPN===
'''Japanese'''

<dpl>
namespace=Course
category=JAPN
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===LIBR===
'''Library and Information Studies'''

<dpl>
namespace=Course
category=LIBR
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===LLED===
'''Language and Literacy Education'''

<dpl>
namespace=Course
category=LLED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===MATH===
'''Mathematics'''

<dpl>
namespace=Course
category=MATH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===MIDW===
'''Midwifery'''

<dpl>
namespace=Course
category=MIDW
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===MTRL===
'''Materials Engineering'''

<dpl>
namespace=Course
category=MTRL
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===NURS===
'''Nursing'''

<dpl>
namespace=Course
category=NURS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===PHYS===
'''Physics'''

<dpl>
namespace=Course
category=PHYS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===POLI===
'''Political Science'''

<dpl>
namespace=Course
category=POLI
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===PSYC===
'''Psychology'''

<dpl>
namespace=Course
category=PSYC
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===RSOT===
'''Occupational Therapy'''

<dpl>
namespace=Course
category=RSOT
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SCIE===
'''Science'''

<dpl>
namespace=Course
category=SCIE
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SDS===
'''Student Directed Seminars'''

<dpl>
namespace=Course
category=SDS
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SPPH===
'''Population & Public Health'''

<dpl>
namespace=Course
category=SPPH
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===SSED===
'''Social Studies Education'''

<dpl>
namespace=Course
category=SSED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

===TSED===
'''Technology Studies in Education'''

<dpl>
namespace=Course
category=TSED
shownamespace=false
includesubpages=true
mode=inline
inlinetext= • 
</dpl>

<noinclude>
[[Category:Index Templates]]
</noinclude>

Documentation:Learning Principles & Strategies

2014-01-30T18:53:31Z

Riacale: Riacale moved page Documentation:Learning Principles & Strategies to Documentation:Learning Principles and Strategies

#REDIRECT [[Documentation:Learning Principles and Strategies]]

Documentation:Learning Principles and Strategies

2014-01-30T18:53:31Z

Riacale: Riacale moved page Documentation:Learning Principles & Strategies to Documentation:Learning Principles and Strategies

This page assembles documentation related to research-based learning principles and strategies that support them. How Learning Works: 7 Research Based Principles for Smart Teaching is a central reference.

<dpl>
titlematch=Learning Principles & Strategies/%
namespace=Documentation
shownamespace=false
</dpl>

The following are the Case Study Templates:

<categorytree mode=pages hideroot=on>Case Study Templates</categorytree>

[[Category:How Learning Works]]
[[Category:Teaching Strategies]]

Documentation:Learning Principles & Strategies/Case Study/FNH Student Video Projects

2014-01-30T18:50:19Z

Riacale:

<div class="responsive-media">{{#widget:YouTube|id=Ge2THXkhwhs|width=560}}</div>

<hr>

{{Documentation:Learning_Principles_&_Strategies/Case_Study/FNH_Student_Video_Projects/Course_Summary}}
{{Documentation:Learning_Principles_&_Strategies/Case_Study/FNH_Student_Video_Projects/Course_Details}}

==Attribution==

Icons used in the feature image and the video are from the [http://thenounproject Noun Project]:

*[http://thenounproject.com/term/photographer/17351/ Photographer designed by Eric Milet]
*[http://thenounproject.com/term/ice-cream/18016/ Ice Cream designed by Matt Brooks]

[http://www.jamendo.com/en/list/a125536/memory-replaced-single "Memory Replaced" (Instrumental Version) by Josh Woodward] from [http://www.jamendo.com Jamendo.com].

==License==

{{cc-by-3.0}}

Sandbox:CSS Basics

2014-01-29T21:19:46Z

Riacale:

=Introduction=
This wiki page will introduce you to the basics of CSS. CSS is a language that can control the appearance of the site. Using CSS, you can:
* change the layout, padding, color,fonts of your site.
* add animations, rounded corners, text-shadows (only in CSS3)

In order to be a master at CSS, you do not have to memorize all of the CSS code or be talented at coding.
You only need to know the basics of how CSS works and know the useful tutorials, cheat sheet and generators that you can find online.

==What can I use CSS for? How do I add CSS to it? ==
You can use CSS for almost anything. Such as:

===Wordpress(UBC CMS and UBC Blogs)===
*Wordpress websites, including websites that uses [http://support.cms.ubc.ca/ UBC CMS] and [http://blogs.ubc.ca/ UBC Blogs] allows you to add CSS.
*In order to add CSS to your wordpress website, follow the instruction on [http://support.cms.ubc.ca/cms-manual/adding-functionality/custom-coding/css/ CSS by CMS Support.]
*If you are using new UBC CLF theme, there are base CSS styles included in the theme already. See [http://clf.ubc.ca/design-specifications/base-css.html Base CSS by CMS Support] for more information.

===LMS (Connect)===
*You can embed CSS to Connect.
*In order to add CSS to your Connect course, see instruction on [[Documentation:Connect/Embed_Stylesheets_into_Course_Content_(How_to)|Embed Stylesheets into Course Content (How to)]]

===Drupal===
*Similar to Wordpress, Drupal allows you to add CSS to your website.
* See [http://drupal.it.ubc.ca/ Drupal Showcase] to learn more about Drupal.

=Before learning about CSS....What is a HTML to begin with?=
In order to understand how CSS works, it is essential to know what a HTML is. HTML stands for HyperText Markup Language,
Using HTML, you can add tables, lists, headings and etc. Basically you can do anything that Microsoft Word does.

==HTML Tags==
[[File:Htmldiagram.png|Htmldiagram.png]]

HTML is composed of '''HTML tags''' ,which is a tag that can define the structure and layout of your website. The HTML tags are surrounded by the angel brackets (like, <nowiki><b> </nowiki>) and they usually come in pairs like, <nowiki><strong>and </strong></nowiki>. Some HTML tags do not need to come in pairs, such as <nowiki></br> and <img></nowiki>.

The diagram below is an illustration on what HTML tags can do.

[[File:What HTML Can do.png|500|This is what HTML can do ]]

==HTML Tags Cheat sheet==
Below are the list of the HTML tags that are commonly used. If you want to know the complete list of HTML tags, see [http://www.w3schools.com/tags/default.asp HTML Reference ].
{| class="wikitable"
|-
!HTML tag !! Explanation
|-
| <nowiki><strong>add your text here</strong></nowiki> || It bolds the text. It is used to define important text
|-
| <nowiki><h1>Add your headings here</h1> ~ <h6>Add your headings here</h6></nowiki> || It generates a heading to your text. the bigger the number of h is, the smaller the heading will become.
|-
| <nowiki><img src="add URL of the image that you want to display here"></img></nowiki> || It is used to add an image.
|-
| <nowiki><a href="add URL of the page that you want to link to here"></a></nowiki> || It is used to add a hyperlink
|-
| <nowiki><ul>,<ol>,<li></nowiki> || It adds a list. See [http://www.w3schools.com/tags/tag_li.asp W3school's HTML li Tag] for more information.
|-
| <nowiki><table></table></nowiki> || It adds a table. See [http://www.w3schools.com/tags/tag_table.asp W3schools's HTML Table Tag ] for more information
|-
| <nowiki><dIv></div></nowiki> || It defines a division or section in an HTML document. It is typically used for page layouts including navigation bar, footer and header.
|-
| <nowiki><br></nowiki> || It adds a line break.

|}

==Add names to your HTML tags using Class and ID ==
You can add names to your HTML tags. This will become very useful later on, when you use CSS to control your HTML tags.
There are two ways of adding a name to your HTML tags, which are:
* '''ID''' = it adds a name to your HTML tag. However, you can '''only use one ID per page'''. Typically, it is used for making a layout.
* '''Class''' = it adds a name to your HTML tag. Unlike ID, you can use multiple Class in one page.

===Tips===
*When you are adding a name to your HTML tag, avoid using spaces.
*Give a good name to your HTML tag. For example "LandingPageButton" or "EventsFeed" . Avoid making it too descriptive like "RedButtonLocatedOnTheLeftMenu" .
'''For example:'''
You can add a name to your Div
<pre>
<div class="HighlightText ">
Later on, we will use CSS to stylize this div class.
</div>
</pre>

or you can even add a name to your List:
<pre>
<ul class="FlexibleLearning">
<li>Flipped Classroom</li>
<li>DIY Media</li>
</ul>
</pre>

=What is a CSS?=
CSS (Cascading Style Sheet) is a file that can control how HTML will look.
In short, CSS does all the magic to make your website look nicer. Using CSS, you can change the color and fonts, adjust the spacing, and even adding an animation to your website.

As you can see in the diagram below, HTML and CSS work together to make changes to your website
[[File:How_CSS_works.png]]

==What does CSS look like? ==
[[File:CSS anatomy.png]]

CSS is composed of '''selector''' and '''properties''':
In the above example, it means "Hey '''h1'''(Headings) ,can you change your '''color''' to red, '''font-size''' to 50px, and also '''decorate''' your '''text''' with an underline? "

==What is a CSS Selector?==
* '''Selector''' - is an instruction that tells the browser which HTML to '''select''' for styling.
[[File:CSS---Selectorcheatsheet.png|CSS---Selectorcheatsheet.png]]

The '''.''' means '''Class''', and '''#''' means '''ID'''.

===Tips on CSS selector ===
Sometimes you want more control to your CSS. For example, you may want to change color of the link when it is hovered. Or, you may change the color of the headings when it is inside the table.

Let's learn using examples:

Below is a decision tree for the CSS Selector. For example, you want to change the color of the h1 tag to red. Do you want ALL of the h1 tags to turn into red, or do you want it to change it on a certain section? Follow this decision tree:
[[File:Diagramtreecss.png|Diagramtreecss.png]]

{| class="wikitable"
|-
! Selector !! What will happen
|-
|.flexiblelearning{color:red; } || All of the color within the class flexiblelearning will turn to red.
|-
|#flexiblemenu{color:red;} || All of the color within the ID flexiblemenu will turn to red.
|-
| h1{color:red;}|| all of the h1 (headings) will turn to red
|-
| table h1 {color:red;} || all of the h1 within the table will turn to red.
|-
|table, h1{color:red} || all of the table AND h1 will turn to red.
|-
| a:hover{color:red} || Only applicable to a tags(Links ) links will turn red when the link is hovered.
|}

See [http://www.w3schools.com/cssref/css_selectors.asp CSS Selectors Reference] by W3schools to learn other CSS Selectors.

==What are CSS Properties?==
* '''Properties''' -tell what CSS selectors to do.It defines how the style should look on the webpage. Each property ends with a ''';''' sign, just like you add a full stop in the end of every sentences.

===CSS Properties Cheat Sheet===
Below are some of the CSS properties that are commonly used. If you want to know the complete list of CSS Properties, see [http://www.w3schools.com/cssref/default.asp here]

{| class="wikitable"
|-
! Properties !! Description !! Example
|-
| color || changes color of the text. CSS can recognize basic colors such as red, blue and green. You can also specify better colors using [http://www.w3schools.com/cssref/css_colors.asp HEX Values], such as #FA8072, which will be a salmon pink color. || color: #FA8072;
|-
| background-color || changes the background-color of the text. You can also specify better colors using [http://www.w3schools.com/cssref/css_colors.asp HEX Values], such as #FA8072, which will be a salmon pink color. || background-color:red;
|-
|border || it adds a border. You can specify thickness, type and color of the border. || border: 1px, solid, red;
|-
|padding || It adds a padding to any of the HTML elements. See [http://www.w3schools.com/css/css_padding.asp here] for further explanation || padding: 25px 20px 30px 20px;
|-
| width || It will set the width of the elements || width: 200px;
|-
| height || It will set the height of the elements || height:200px;
|-
|font-family|| Change the font to a nicer font. You can even use [https://www.google.com/fonts Google Fonts] || font-family:"Helvetica";
|-
| list-style || You can change your bullet point to something fancier, like circle, square or none. || list-style:none;

|}

==CSS Best Practices==
===Adding Comments to your CSS===
When you are adding CSS to your website, make sure to add '''comments''' on the CSS using /* and */. For example:

<pre>
/*Styling for the homepage menu */
.ubc-menu{
background-color:yellow;
width:100%;
height:auto;
}

/*Styling for the homepage menu - Links*/
.ubc-menu a{
color:white;
}
/*End of Styling for the homepage menu*/

/*Styling for the homepage Sliders*/
.ubc-sliders a{
color:red;
opacity:0.2;
}

/*End of Styling for the Sliders*/

</pre>

This will keep the site clean and sustainable in the long run.

===Keep the CSS Well- Structured===

Try to keep your CSS well-structured to in order make the CSS easily findable.
For example:
<pre>

/*Styling that applies to all pages */

/*Homepage - Menu*/

/*Homepage- Thumbnails*/

/*Homepage - Footer*/

/* Widgets*/

/*Landing Pages*/

/*Child Pages*/

</pre>

In the example on top, the CSS are divided by Homepage, Widgets, Landing Pages and Child Pages. This will be easier for other people and you to edit the CSS in the future.

=Application1: Using Inspect Elements =

In most cases, you will be '''customizing''' the CSS of your sites instead of making the entire CSS from scratch.
Google Chrome has a feature called I'''nspect Elements''' (equivalent to [https://addons.mozilla.org/en-US/firefox/addon/firebug/ Firebug] in Firefox)
This feature will allow you to easily find out which CSS will make changes to your site.

==How to Inspect Elements==
#Open Google Chrome
#Go to the website that you want to know the CSS.
#[[File:Using Inspect Elements.png]] Click right click on the object that you want to know the CSS, then click on '''Inspect Elements'''.
#[[File:Inspect Elements 2.png]] On the bottom-right of your browser, you can see the CSS selectors and properties of the object. In the example, the CSS selector is .button (class button ), and if I change the background color of the button to green, the CSS will be .button{background-color:green;}.
#[[File:Inspect elements turn green.png]] You can also type in directly to the CSS selectors and properties, and you can see the changes that you made in CSS in real-time. Note: Once you refresh the browser, the changes that you made in Inspect Elements would be reseted.

=Application 2: Using Online Generator Tools=
There're many useful online generators online that make your work a lot easier.

==Color picker/ Color theme generator ==

[http://www.colorpicker.com/ Color Picker] - This will allow to find out the Hex Values of the color using the color picker tool.

[http://colorschemedesigner.com/ Color Scheme Designer] - If you have hard time finding out a good color scheme for your website, you can try using this generator.

==CSS3 generator==
Using CSS3, you can do a lot of stuff. You can add text shadows, rounded corners, animation and etc.
Please note that CSS3 does not work on IE 8 and earlier version.

[http://css3gen.com/ CSS3 Generator ] -This will allow you to easily create rounded boxes with shadows. If you want to make your text stand out without using images, this will be a good solution.

[http://www.css3maker.com/css3-animation.html CSS3 Maker] - This will allow you to easily create a CSS3 animation.

[http://border-image.com/ border-image-generator] - This will allow you to create borders using images.

==Font==

[https://www.google.com/fonts Google fonts] - This is a bit different from online generator, but it allows you to add more creative fonts to your website. Fonts can change your look of your website dramatically.

=Application 3: Try out online tutorials =
One of the best way to learn CSS is to learn from the tutorials. Some websites will give you free tutorials online.

==CSS tricks==
[http://lynda.ubc.ca/ Lynda.com] UBC is available at no charges to all ubc staffs and faculty until March 31,2014. You can take a look at online

[http://tympanus.net/codrops/category/tutorials/ Codrops tutorials] - Many of the tutorials here are very creative.

==Responsive Web Design==

[http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design Beginner’s Guide to Responsive Web Design ] - Some of the Wordpress site, including the [http://clf.ubc.ca/design-specifications/ new UBC CLF theme] uses responsive web design. Sometimes you may need to consider whether your CSS is mobile friendly or not. (Such as, do you use % instead of pixel? Have you checked your website on mobile? )

=Activities=
==Exercise 1: Use Inspect Elements to change your background of your website ==
Change the text color of your website to blue.

* '''Hint:''' If you do not know how to make changes to the CSS of your website, check the instruction on here: [[Sandbox:CSS_Basics#What_can_I_use_CSS_for.3F_How_to_add_CSS_to_it.3F]]
* '''Hint 2''': Review [[Sandbox:CSS_Basics#CSS_Properties_Cheat_Sheet]] if you are unsure of the CSS properties to change the text color.

==Exercise2: Make a button ==

Make a button that links to http://www.ubc.ca on your website. You may also use Online Generator Tools to help with creating a button.

*'''Hint''': You can try using one of the CSS3 generators tool.
*'''Hint 2''': Remember Hover: CSS.

=Other Resources=
[http://www.webopedia.com/TERM/C/CSS.html Definition of CSS on Webopedia]

[http://www.w3schools.com/html/html_intro.asp Introduction on HTML on W3Schools]

[[Category:Tech Express Session Resources]]

Sandbox:Image Mash-ups Made Easy

2014-01-27T21:08:37Z

Riacale:

'''Title:''' Gif or Gif? Image Mash-ups Made Easy

'''Time & Date:''' 12:00PM - 1:00PM, January 23, 2014

'''Location:''' Irving K. Barber Learning Centre - Lillooet Room, 301

'''Description:''' Do you know what a gif is? What about memes? You've probably seen it spread through email chains, videos, and blogs but they're quite straightforward to make. We'll go through some of the free tools available and you will get to create your own gifs or memes.

==Learning Objectives==

After this session, you'll be able to:

*Define what are gifs, and image mashup
*List both online and offline tools you can use to create image mashups
*Create at least one image mashup (e.g. gif)

==What is a mashup?==

A mashup is a work created by combining two or more pieces of already existing media and transforming them into something different work. There are many forms of mashups from:

*'''music'''
*:{{#widget:YouTube|id=cAShaI2vgV8|height=360|width=480}}

*'''video'''
*:{{#widget:Vimeo|id=19469447|width=500}}

*'''text'''
*:[http://en.wikipedia.org/wiki/Pride_and_Prejudice_and_Zombies http://upload.wikimedia.org/wikipedia/en/f/f0/PrideandPrejudiceandZombiesCover.jpg]

*'''images'''
*:[http://mckaylaisnotimpressed.tumblr.com/post/31452196773/mckayla-is-not-impressed-with-the-new-brady http://24.media.tumblr.com/tumblr_ma3emorDaU1rdpa5go1_500.jpg]

==What is a gif?==

Graphics Interchange Format (.gif) files are low-resolution image files that support animation. More info on [http://http://en.wikipedia.org/wiki/Gif Wikipedia].

They can be used in many different ways:

*Teaching and Learning
*:[http://en.wikipedia.org/wiki/File:4StrokeEngine_Ortho_3D_Small.gif http://upload.wikimedia.org/wikipedia/commons/d/dc/4StrokeEngine_Ortho_3D_Small.gif]

*Demonstrate an idea
*:[http://www.wired.com/design/2014/01/use-hand-gestures-look-like-real-intellectual/ http://www.wired.com/images_blogs/design/2014/01/the_dialectic.gif]

*Humour
*:[http://whatweshouldcallubc.tumblr.com/post/74105952999/bombing-your-presentation https://31.media.tumblr.com/99080ad71cfea0242eea122903dfabf7/tumblr_inline_mzlxdv8MIZ1ry6dwj.gif]

==Offline Tools==

*[http://www.gimp.org/ GIMP]
*[http://www.wikihow.com/Create-Animated-GIFs-Using-Photoshop Photoshop]

==Online Tools==

*[http://gifmaker.me/ GIF Maker]
*[http://makeagif.com/ Make a GIF]
*[http://www.memecenter.com/gifmaker MemeCenter - GIF Maker]

==Resources==

For assignment ideas, visit the [http://assignments.ds106.us/types/animatedgifassignments/ DS106 Assignment Bank]

{{:Presentation_Skills/Copyright and Privacy}}

[[Category:Tech Express Session Resources]]

Sandbox:Image Mash-ups Made Easy

2014-01-27T21:07:56Z

Riacale:

'''Title:''' Gif or Gif? Image Mash-ups Made Easy

'''Time & Date:''' 12:00PM - 1:00PM, January 23, 2014

'''Location:''' Irving K. Barber Learning Centre - Lillooet Room, 301

'''Description:''' Do you know what a gif is? What about memes? You've probably seen it spread through email chains, videos, and blogs but they're quite straightforward to make. We'll go through some of the free tools available and you will get to create your own gifs or memes.

==Learning Objectives==

After this session, you'll be able to:

*Define what are gifs, and image mashup
*List both online and offline tools you can use to create image mashups
*Create at least one image mashup (e.g. gif)

==What is a mashup?==

A mashup is a work created by combining two or more pieces of already existing media and transforming them into something different work. There are many forms of mashups from:

*'''music'''
*:{{#widget:YouTube|id=cAShaI2vgV8|height=360|width=480}}

*'''video'''
*:{{#widget:Vimeo|id=19469447|width=500}}

*'''text'''
*:[http://en.wikipedia.org/wiki/Pride_and_Prejudice_and_Zombies http://upload.wikimedia.org/wikipedia/en/f/f0/PrideandPrejudiceandZombiesCover.jpg]

*'''images'''
*:[http://mckaylaisnotimpressed.tumblr.com/post/31452196773/mckayla-is-not-impressed-with-the-new-brady http://24.media.tumblr.com/tumblr_ma3emorDaU1rdpa5go1_500.jpg]

==What is a gif?==

Graphics Interchange Format (.gif) files are low-resolution image files that support animation. More info on [http://http://en.wikipedia.org/wiki/Gif Wikipedia].

They can be used in many different ways:

*Teaching and Learning
*:[http://en.wikipedia.org/wiki/File:4StrokeEngine_Ortho_3D_Small.gif http://upload.wikimedia.org/wikipedia/commons/d/dc/4StrokeEngine_Ortho_3D_Small.gif]

*Demonstrate an idea
*:[http://www.wired.com/design/2014/01/use-hand-gestures-look-like-real-intellectual/ http://www.wired.com/images_blogs/design/2014/01/the_dialectic.gif]

*Humour
*:[http://whatweshouldcallubc.tumblr.com/post/74105952999/bombing-your-presentation https://31.media.tumblr.com/99080ad71cfea0242eea122903dfabf7/tumblr_inline_mzlxdv8MIZ1ry6dwj.gif]

==Offline Tools==

*[http://www.gimp.org/ GIMP]
*[http://www.wikihow.com/Create-Animated-GIFs-Using-Photoshop Photoshop]

==Online Tools==

*[http://gifmaker.me/ GIF Maker]
*[http://makeagif.com/ Make a GIF]
*[http://www.memecenter.com/gifmaker MemeCenter - GIF Maker]

{{:Presentation_Skills/Copyright and Privacy}}

==Resources==

For assignment ideas, visit the [http://assignments.ds106.us/types/animatedgifassignments/ DS106 Assignment Bank]

[[Category:Tech Express Session Resources]]

Sandbox:Image Mash-ups Made Easy

2014-01-23T21:33:51Z

Riacale:

'''Title:''' Gif or Gif? Image Mash-ups Made Easy

'''Time & Date:''' 12:00PM - 1:00PM, January 23, 2014

'''Location:''' Irving K. Barber Learning Centre - Lillooet Room, 301

'''Description:'''

Do you know what a gif is? What about memes? You've probably seen it spread through email chains, videos, and blogs but they're quite straightforward to make. We'll go through some of the free tools available and you will get to create your own gifs or memes.

==Learning Objectives==

After this session, you'll be able to:

*Define what are gifs, and image mashup
*List both online and offline tools you can use to create image mashups
*Create at least one image mashup (e.g. gif)

==What is a mashup?==

A mashup is a work created by combining two or more pieces of already existing media and transforming them into something different work. There are many forms of mashups from:

*'''music'''
*:{{#widget:YouTube|id=cAShaI2vgV8|height=360|width=480}}

*'''video'''
*:{{#widget:Vimeo|id=19469447|width=500}}

*'''text'''
*:[http://en.wikipedia.org/wiki/Pride_and_Prejudice_and_Zombies http://upload.wikimedia.org/wikipedia/en/f/f0/PrideandPrejudiceandZombiesCover.jpg]

*'''images'''
*:[http://mckaylaisnotimpressed.tumblr.com/post/31452196773/mckayla-is-not-impressed-with-the-new-brady http://24.media.tumblr.com/tumblr_ma3emorDaU1rdpa5go1_500.jpg]

==What is a gif?==

Graphics Interchange Format (.gif) files are low-resolution image files that support animation. More info on [http://http://en.wikipedia.org/wiki/Gif Wikipedia].

They can be used in many different ways:

*Teaching and Learning
*:[http://en.wikipedia.org/wiki/File:4StrokeEngine_Ortho_3D_Small.gif http://upload.wikimedia.org/wikipedia/commons/d/dc/4StrokeEngine_Ortho_3D_Small.gif]

*Demonstrate an idea
*:[http://www.wired.com/design/2014/01/use-hand-gestures-look-like-real-intellectual/ http://www.wired.com/images_blogs/design/2014/01/the_dialectic.gif]

*Humour
*:[http://whatweshouldcallubc.tumblr.com/post/74105952999/bombing-your-presentation https://31.media.tumblr.com/99080ad71cfea0242eea122903dfabf7/tumblr_inline_mzlxdv8MIZ1ry6dwj.gif]

==Offline Tools==

*[http://www.gimp.org/ GIMP]
*[http://www.wikihow.com/Create-Animated-GIFs-Using-Photoshop Photoshop]

==Online Tools==

*[http://gifmaker.me/ GIF Maker]
*[http://makeagif.com/ Make a GIF]
*[http://www.memecenter.com/gifmaker MemeCenter - GIF Maker]

[[Category:Tech Express Session Resources]]

Sandbox:Image Mash-ups Made Easy

2014-01-23T21:33:21Z

Riacale:

'''Title:''' Gif or Gif? Image Mash-ups Made Easy

'''Time & Date:''' 12:00PM - 1:00PM, January 23, 2014

'''Location:''' Irving K. Barber Learning Centre - Lillooet Room, 301

'''Description:'''

Do you know what a gif is? What about memes? You've probably seen it spread through email chains, videos, and blogs but they're quite straightforward to make. We'll go through some of the free tools available and you will get to create your own gifs or memes.

==Learning Objectives==

After this session, you'll be able to:

*Define what memes, gifs, and image mashups are
*List both online and offline tools you can use to create image mashups
*Create at least one image mashup (e.g. gif)

==What is a mashup?==

A mashup is a work created by combining two or more pieces of already existing media and transforming them into something different work. There are many forms of mashups from:

*'''music'''
*:{{#widget:YouTube|id=cAShaI2vgV8|height=360|width=480}}

*'''video'''
*:{{#widget:Vimeo|id=19469447|width=500}}

*'''text'''
*:[http://en.wikipedia.org/wiki/Pride_and_Prejudice_and_Zombies http://upload.wikimedia.org/wikipedia/en/f/f0/PrideandPrejudiceandZombiesCover.jpg]

*'''images'''
*:[http://mckaylaisnotimpressed.tumblr.com/post/31452196773/mckayla-is-not-impressed-with-the-new-brady http://24.media.tumblr.com/tumblr_ma3emorDaU1rdpa5go1_500.jpg]

==What is a gif?==

Graphics Interchange Format (.gif) files are low-resolution image files that support animation. More info on [http://http://en.wikipedia.org/wiki/Gif Wikipedia].

They can be used in many different ways:

*Teaching and Learning
*:[http://en.wikipedia.org/wiki/File:4StrokeEngine_Ortho_3D_Small.gif http://upload.wikimedia.org/wikipedia/commons/d/dc/4StrokeEngine_Ortho_3D_Small.gif]

*Demonstrate an idea
*:[http://www.wired.com/design/2014/01/use-hand-gestures-look-like-real-intellectual/ http://www.wired.com/images_blogs/design/2014/01/the_dialectic.gif]

*Humour
*:[http://whatweshouldcallubc.tumblr.com/post/74105952999/bombing-your-presentation https://31.media.tumblr.com/99080ad71cfea0242eea122903dfabf7/tumblr_inline_mzlxdv8MIZ1ry6dwj.gif]

==Offline Tools==

*[http://www.gimp.org/ GIMP]
*[http://www.wikihow.com/Create-Animated-GIFs-Using-Photoshop Photoshop]

==Online Tools==

*[http://gifmaker.me/ GIF Maker]
*[http://makeagif.com/ Make a GIF]
*[http://www.memecenter.com/gifmaker MemeCenter - GIF Maker]

[[Category:Tech Express Session Resources]]

Sandbox:Image Mash-ups Made Easy

2014-01-23T19:40:40Z

Riacale: /* What is a gif? */

'''Title:''' Gif or Gif? Image Mash-ups Made Easy

'''Time & Date:''' 12:00PM - 1:00PM, January 23, 2014

'''Location:''' Irving K. Barber Learning Centre - Lillooet Room, 301

'''Description:'''

Do you know what a gif is? What about memes? You've probably seen it spread through email chains, videos, and blogs but they're quite straightforward to make. We'll go through some of the free tools available and you will get to create your own gifs or memes.

==Learning Objectives==

After this session, you'll be able to:

*Define what memes, gifs, and image mashups are
*List both online and offline tools you can use to create image mashups
*Create at least one image mashup (e.g. gif)

==What is a mashup?==

A mashup is a work created by combining two or more pieces of already existing media and transforming them into something different work. There are many forms of mashups from:

*'''music'''
*:{{#widget:YouTube|id=cAShaI2vgV8|height=360|width=480}}

*'''video'''
*:{{#widget:Vimeo|id=19469447|width=500}}

*'''text'''
*:[http://en.wikipedia.org/wiki/Pride_and_Prejudice_and_Zombies http://upload.wikimedia.org/wikipedia/en/f/f0/PrideandPrejudiceandZombiesCover.jpg]

*'''images'''
*:[http://mckaylaisnotimpressed.tumblr.com/post/31452196773/mckayla-is-not-impressed-with-the-new-brady http://24.media.tumblr.com/tumblr_ma3emorDaU1rdpa5go1_500.jpg]

==What is a gif?==

Graphics Interchange Format (.gif) files are low-resolution image files that support animation. More info on [http://http://en.wikipedia.org/wiki/Gif Wikipedia].

They can be used in many different ways:

*Teaching and Learning
*:[http://en.wikipedia.org/wiki/File:4StrokeEngine_Ortho_3D_Small.gif http://upload.wikimedia.org/wikipedia/commons/d/dc/4StrokeEngine_Ortho_3D_Small.gif]

*Demonstrate an idea
*:[http://www.wired.com/design/2014/01/use-hand-gestures-look-like-real-intellectual/ http://www.wired.com/images_blogs/design/2014/01/the_dialectic.gif]

*Humour
*:[http://whatweshouldcallubc.tumblr.com/post/74105952999/bombing-your-presentation https://31.media.tumblr.com/99080ad71cfea0242eea122903dfabf7/tumblr_inline_mzlxdv8MIZ1ry6dwj.gif]

==Offline Tools==

*[http://www.gimp.org/ GIMP]
*[http://www.wikihow.com/Create-Animated-GIFs-Using-Photoshop Photoshop]

==Online Tools==

*[http://gifmaker.me/ GIF Maker]
*[http://makeagif.com/ Make a GIF]
*[http://www.memecenter.com/gifmaker GIF Maker]

[[Category:Tech Express Session Resources]]

Sandbox:Image Mash-ups Made Easy

2014-01-23T19:38:17Z

Riacale: /* What is a gif? */

'''Title:''' Gif or Gif? Image Mash-ups Made Easy

'''Time & Date:''' 12:00PM - 1:00PM, January 23, 2014

'''Location:''' Irving K. Barber Learning Centre - Lillooet Room, 301

'''Description:'''

Do you know what a gif is? What about memes? You've probably seen it spread through email chains, videos, and blogs but they're quite straightforward to make. We'll go through some of the free tools available and you will get to create your own gifs or memes.

==Learning Objectives==

After this session, you'll be able to:

*Define what memes, gifs, and image mashups are
*List both online and offline tools you can use to create image mashups
*Create at least one image mashup (e.g. gif)

==What is a mashup?==

A mashup is a work created by combining two or more pieces of already existing media and transforming them into something different work. There are many forms of mashups from:

*'''music'''
*:{{#widget:YouTube|id=cAShaI2vgV8|height=360|width=480}}

*'''video'''
*:{{#widget:Vimeo|id=19469447|width=500}}

*'''text'''
*:[http://en.wikipedia.org/wiki/Pride_and_Prejudice_and_Zombies http://upload.wikimedia.org/wikipedia/en/f/f0/PrideandPrejudiceandZombiesCover.jpg]

*'''images'''
*:[http://mckaylaisnotimpressed.tumblr.com/post/31452196773/mckayla-is-not-impressed-with-the-new-brady http://24.media.tumblr.com/tumblr_ma3emorDaU1rdpa5go1_500.jpg]

==What is a gif?==

Graphics Interchange Format (.gif) files are low-resolution image files that support animation. More info on [http://http://en.wikipedia.org/wiki/Gif Wikipedia].

They can be used in many different ways:

*Teaching and Learning
*:[http://en.wikipedia.org/wiki/File:4StrokeEngine_Ortho_3D_Small.gif http://upload.wikimedia.org/wikipedia/commons/d/dc/4StrokeEngine_Ortho_3D_Small.gif]

*Demonstrate an idea
*:[http://www.wired.com/design/2014/01/use-hand-gestures-look-like-real-intellectual/ http://www.wired.com/images_blogs/design/2014/01/the_dialectic.gif]

==Offline Tools==

*[http://www.gimp.org/ GIMP]
*[http://www.wikihow.com/Create-Animated-GIFs-Using-Photoshop Photoshop]

==Online Tools==

*[http://gifmaker.me/ GIF Maker]
*[http://makeagif.com/ Make a GIF]
*[http://www.memecenter.com/gifmaker GIF Maker]

[[Category:Tech Express Session Resources]]

Sandbox:Image Mash-ups Made Easy

2014-01-22T23:57:14Z

Riacale:

Sandbox:Image Mash-ups Made Easy

2014-01-22T23:44:46Z

Riacale:

Tech Express

2014-01-22T23:22:05Z

Riacale:

The [http://www.events.ctlt.ubc.ca/series/viewHistory/131 Tech Express] is a series of lunchtime, informal sessions on learning technologies at UBC and the projects they support. Faculty, staff and students are invited to these introductory sessions. This ongoing series is BYOLL: Bring your own lunch and your laptop. The Tech Express series is organized and hosted by the [[Centre for Teaching, Learning and Technology]].

==See Also==
*[http://www.events.ctlt.ubc.ca/series/viewHistory/131 Official Website] with a list of upcoming sessions.

==Planning Pages==
<categorytree mode=pages>Tech Express Planning</categorytree>

==Session Resources==

<categorytree mode=pages>Tech Express Session Resources</categorytree>
[[Category:CTLT]][[Category:Presentations]][[Category:Tech Express]]

Category:Tech Express Planning

2014-01-22T23:21:42Z

Riacale: Created page with "Category:Tech Express"

[[Category:Tech Express]]

Tech Express

2014-01-22T23:21:26Z

Riacale: /* Planning Pages */

Sandbox:Tech Express 2014

2014-01-22T23:21:04Z

Riacale:

[[File:TechExpressImage2.jpg]]<br>

This page is for planning related to the [http://www.events.ctlt.ubc.ca/series/view/131 Tech Express Series].

All sessions will be held in the Lillooet Room in the Learning Commons: Barber Learning Centre. Thursdays 12-1. For details, check the schedule at: [http://www.events.ctlt.ubc.ca/series/view/131 CTLT Events - Tech Express Series]

'''Facilitators''': Think about a session that you could facilitate and prepare a brief description. Student facilitators are welcome - just be sure to add an email address! Add your session to a time slot for the month you are available. Please don't forget this step - It's the only way to firm up this schedule before the end of term! Questions about preparations to the CTLT Events team : [mailto:sukhi.ghuman@ubc.ca| Sukhi] or [mailto:anne.fong@ubc.ca| Anne]

'''Participants''': Sign up for a session at [http://www.events.ctlt.ubc.ca/series/view/131 CTLT Events - Tech Express Series] or just drop in!

==January==

===9th===

'''Facilitators:''' Zack Lee

'''Title:''' Video Remix: Hack Together Your Own Videos!

'''Brief Description:''' Mozilla Popcorn Maker is a browser-based tool that let's you add context, images, maps and other media onto an already existing video online. This can help provide more context and information about a video and helps add another layer of storytelling.

We'll do a quick overview about what Mozilla Popcorn Maker is and will get to experiments with its features. At the end of the session, you will have remixed a video with other media. Remember to bring your own computer.

===16th===
*Session will be in the Dodson Room
'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===23rd===

'''Facilitators:''' Zack Lee

'''Title:''' Gif or Gif? Image Mash-ups Made Easy

'''Brief Description:''' Do you know what a gif is? What about memes? You've probably seen it spread through email chains, videos, and blogs but they're quite straightforward to make. We'll go through some of the free tools available and you will get to create your own gifs or memes.

What do you need to bring? Your computer, creativity and humour.

===30th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==February==

===6th===

'''Facilitators:''' Devin Soper

'''Title:''' Navigating Copyright in the Digital Environment

'''Brief Description:''' Curious about what you can post on a UBC departmental website, personal blog, shared wiki space, or social media platform? This workshop will cover what to keep in mind when using other people's copyrighted work on publicly available websites.

===13th===

'''Facilitators:''' Shawnna Parlongo | Jon Strang

'''Title:''' Presentation Software for Flexible Learning: The best of the cheap and free!

'''Brief Description:''' Want to learn about alternatives to PowerPoint? This workshop will demonstrate some of the best budget alternatives and why you may want to use them for your flexible learning projects.

===20th===
*Session will be in the Dodson Room

'''Facilitators:''' Will & Novak

'''Title:''' Using UBC Blogs, UBC CMS and the UBC Wiki to Support the Student as Producer Model

'''Brief Description:'''

This session will explore how to support learners’ in their role as producers of meaning online content and learning materials. It will explore case studies from courses at UBC that asked learners to not only be students but also creators, authors, researchers, performers, scholars, designers, authors, and problem solvers. It will also provide an in-depth discussion on the how choices of technologies can impact student abilities to fully participate as equals.

===27th===

'''Facilitators:'''Rie Namba

'''Title:'''CSS101 + drop-in clinic.

'''Brief Description:''' Do you want to make your site look nicer ? CSS will do the magic for you!
This workshop will briefly introduce you to the basics of CSS for the first 30 min, and the 2nd half of the session will be a drop-in.

==March==

===6th===

'''Facilitators:''' Will Engle & Devin Soper

'''Title:''' Can I Use This? Finding, Using, and Reusing Open Education Resources

'''Brief Description:'''

If you are preparing any kind of multimedia, chances are you want to incorporate images, video or other media from another source. This session will focus on the pragmatic elements of reuse, the essentials of copyright, and the basics of working with Creative Commons and openly licensed materials.

===13th===
*Session will be in the Dodson Room

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===20th===

'''Facilitators:''' The Digital Tattoo Project

'''Title:''' Online Professional Etiquette

'''Brief Description:''' More and more we create and grow professional relationships in a digital space. This happens every day as email and text messages take the place of phone calls, and Google Hangout becomes our global conference room. But have you ever thought about how you come across in your online interactions? This session will provide participants with strategies to ensure that their online persona reflects their offline personalities, including tips for personal branding, online maintenance, and professional social media usage.

==April==

===3rd===

'''Facilitators:''' Devin Soper

'''Title:''' Navigating Copyright in the Digital Environment

'''Brief Description:''' Curious about what you can post on a UBC departmental website, personal blog, shared wiki space, or social media platform? This workshop will cover what to keep in mind when using other people's copyrighted work on publicly available websites.

===10th===

'''Facilitators:''' Shawnna Parlongo | Jon Strang

'''Title:''' Screencasting for Flexible Learning: The Good, the Bad and the Practical

'''Brief Description:''' Want to add some video to your flexible learning project? This workshop will demonstrate cheap and affordable screencasting applications to help you flip your classroom and add original video content to your class.

===17th===

'''Facilitators:''' The Digital Tattoo Project

'''Title:''' Debunking Digital Myths: Online Tracking

'''Brief Description:''' Have you ever noticed advertisements being tailored to your previous searches? Well, this is no coincidence. This interactive session outlines the issues of website tracking and online privacy, and how these concepts continue to evolve with the advent of new technology and applications. Participants are provided with basic information on how cookies work, why their online activity may be being tracked and by whom, as well as strategies for maintaining privacy online.

===24th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

[[Category:Tech Express Planning]]

Sandbox:Tech Express 2013

2014-01-22T23:20:50Z

Riacale:

[[File:TechExpressImage2.jpg]]<br>

This page is for planning related to the [http://www.events.ctlt.ubc.ca/series/view/131 Tech Express Series].

All sessions will be held in the Lillooet Room in the Learning Commons: Barber Learning Centre. Thursdays 12-1. For details, check the schedule at: [http://www.events.ctlt.ubc.ca/series/view/131 CTLT Events - Tech Express Series]

'''Facilitators''': Think about a session that you could facilitate and prepare a brief description. Student facilitators are welcome - just be sure to add an email address! Add your session to a time slot for the month you are available. Please don't forget this step - It's the only way to firm up this schedule before the end of term! Questions about preparations to the CTLT Events team : [mailto:sukhi.ghuman@ubc.ca| Sukhi] or [mailto:anne.fong@ubc.ca| Anne]

'''Participants''': Sign up for a session at [http://www.events.ctlt.ubc.ca/series/view/131 CTLT Events - Tech Express Series] or just drop in!

==January==

===10th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===17th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===24th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===31st===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==February==

===7th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===14th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===21st===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==March==

===7th===

'''Facilitators:''' Zack Lee and Lucas Wright

'''Title:''' UBC CLF on CMS @ UBC

'''Brief Description:'''

Come for a quick overview of the common look and feel theme CMS @ UBC as powered by WordPress. We'll go over the different theme options to help you decide on how to best customize your own site. The 2nd part of the session will be all about any burning questions you might have. Feel free to bring your own computers and work on your own sites.

Please take note that this session is intended for those who have attended a WordPress Basics session or are already have a CMS @ UBC site.

===22nd===

'''Facilitators:''' Marga Heras, Kathleen Kalk, and Paul Chiang

'''Title:''' The Digital Tattoo Project: Think Before You Ink

'''Brief Description:''' Come for a brief introduction on UBC's "Digital Tattoo Project," where we discuss how to effectively manage your online presence and identity through a variety of channels including Facebook, Vista, Twitter, and more. We will highlight new trends and features in social media and networking, and navigate through a variety of resources offered by the Digital Tattoo Project. Feel free to bring your laptop and follow along!

''Please note that this event will take place on '''FRIDAY, March 22nd''', and not during the regularly scheduled Thursday time slot.''

===28th===

'''Facilitators:''' Zack Lee & Lucas Wright

'''Title:''' UBC CLF on CMS @ UBC

'''Brief Description:'''

Come for a quick overview of the common look and feel theme CMS @ UBC as powered by WordPress. We'll go over the different theme options to help you decide on how to best customize your own site. The 2nd part of the session will be all about any burning questions you might have. Feel free to bring your own computers and work on your own sites.

Please take note that this session is intended for those who have attended a WordPress Basics session or are already have a CMS @ UBC site.

==April==

===11th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===18th===

'''Facilitators:''' Zack Lee & Lucas Wright

'''Title:''' UBC CLF on CMS @ UBC

'''Brief Description:'''

Come for a quick overview of the common look and feel theme CMS @ UBC as powered by WordPress. We'll go over the different theme options to help you decide on how to best customize your own site. The 2nd part of the session will be all about any burning questions you might have. Feel free to bring your own computers and work on your own sites.

Please take note that this session is intended for those who have attended a WordPress Basics session or are already have a CMS @ UBC site.

===25th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==May==

===2nd===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===9th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===16th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===23rd===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===30th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==June==

===6th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===13th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===20th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===27th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==July==

===4th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===11th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===18th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===25th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==August==

===1st===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===8th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===15th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===22nd===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==September==

===5th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===12th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===19th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==October==

===10th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===17th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===24th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===31st===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==November==

===7th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===14th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===21st===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===28th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

==December==

===5th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===12th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===19th===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

[[Category:Tech Express Planning]]

Sandbox:Tech Express 2012

2014-01-22T23:20:37Z

Riacale:

Sandbox:Tech Express 2011

2014-01-22T23:20:22Z

Riacale:

[[File:TechExpressImage2.jpg]]<br>

This page is for planning related to the [http://www.events.ctlt.ubc.ca/series/view/131 Tech Express Series].

All sessions will be held in the Lillooet Room in the Learning Commons: Barber Learning Centre. Thursdays 12-1. For details, check the schedule at: [http://www.events.ctlt.ubc.ca/series/view/131 CTLT Events - Tech Express Series]

'''Facilitators''': Think about a session that you could facilitate and prepare a brief description. Student facilitators are welcome - just be sure to add an email address! Add your session to a time slot for the month you are available. Please don't forget this step - It's the only way to firm up this schedule before the end of term! Questions about preparations to the CTLT Events team : [mailto:sukhi.ghuman@ubc.ca| Sukhi] or [mailto:kent.farago@ubc.ca| Kent]

'''Participants''': Sign up for a session at [http://www.events.ctlt.ubc.ca/series/view/131 CTLT Events - Tech Express Series] or just drop in!

==August==

===25th===

*Note* in the Dodson room

'''Facilitators:''' Zack Lee, Will Engle

'''Title:''' Let's Talk About...WIKIS!

'''Brief Description:''' You've probably heard about wikis before. You're going to say it has something to do with Wikipedia. Yes, that's true but they're more than that. Wikis are a collaborative platform where a diverse range of individuals and groups have used it to run courses, write documentation, create websites or simply plan a vacation. Did you know that UBC has it's own wiki platform on wiki.ubc.ca?

In this discussion-style session, we'll explore what wikis are, what can you do with them and how to start using the UBC wiki. Bring your lunch, bring your questions and let's talk about WIKIS.

==September==

===1st===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===8th===
*note* held in the Dodson Room

'''Facilitators:'''

'''Title:'''

'''Brief description:'''

===15th===

'''Facilitators:''' Brian Lamb

'''Title:''' "Can I Use This?" Using and Reusing Media

'''Brief Description:''' If you are preparing any kind of multimedia, chances are you want to incorporate images, video or other media from another source. This session will focus on the pragmatic elements of reuse, the essentials of copyright, and the basics of working with Creative Commons and openly licensed materials.

===22nd===

'''Facilitators:'''

'''Title:'''

'''Brief description:'''

===29th===
*Note* Held in the Dodson Room

'''Facilitators:'''

'''Title:'''

'''Brief description:'''

==October==

===6th===

'''Facilitators:'''
Lucas Wright

'''Title:'''The one-hour ePortfolio

'''Brief Description:'''
After a brief overview of ePortfolios, spend the next hour set up your ePortfolio using the UBC Blogs/WordPress platform.

===13th===

'''Facilitators:''' Brian Lamb

'''Title:''' Exploring the parallels between open and sustainability education.

'''Brief description:''' This discussion will explore the thematic and practical parallels between "open education" and "sustainability education". Concepts such as "the commons", "non-rivalrous resources", "reuse", "inputs and outputs" will be explored from both perspectives. More concrete questions such as the positive and negative environmental effects of online learning, and the implications on human work will also be considered. Can these movements support a more permeable university that engages the wider community? Several projects will be discussed, not the least an open-source, small-pieces-loosely-joined, bottom-up, radical-reuse open content management framework that has enjoyed massive growth at UBC over the past year.

===20th===

'''Facilitators:''' Trish Rosseel & Cindy Underhill

'''Title:''' What's Your Digital Tattoo? Issues of Identity, Privacy and Promotion

'''Brief Description:''' This workshop will explore issues of digital identity in light of the heightened use of social networking and Web 2.0 tools to create, share and distribute content online. What does your digital tattoo say about you? How much of it do you actively manage? How can you ensure that it accurately reflects you and the work that you do? Come to this session to discuss these questions and explore online tools and resources to help you ink your own tattoo.

===27th===
*Note* Held in the Dodson Room

'''Facilitators:''' Zack Lee

'''Title:''' Curate & Aggregate: Collecting the Treasures on UBC Wiki

'''Brief description:''' There are almost 3,000 pages on the UBC Wiki with almost 300 categories. The wealth of information is vast and keeps on growing. How do you help your students or colleagues find the right information they need?

In this session, we will discuss the different ways you can curate and aggregate information on the wiki. We will talk about techniques such as trancluding other pages so you don't need to recreate information, creating templates to make information creation easier, and using dynamic page lists to automatically list pages under a certain topic. If you have an idea for a course or a project you want to work on, feel free to bring them up for discussion.

==November==

===3rd===

'''Facilitators:'''

'''Title:'''

'''Brief Description:'''

===10th===

'''Facilitators:'''

'''Title:'''

'''Brief description:'''

===17th===

'''Facilitators:''' Zack Lee

'''Title:''' Power up with Markup: The Basics of HTML

'''Brief Description:''' On your UBC Blog, do you ever wonder what happens if you go to the HTML View? Have you ever checked that box on WebCT Vista that says "Enable HTML"? Have you tried viewing the source code for any website? What exactly is HTML?

Wonder no more and empower yourself with what you can do using HTML or '''H'''yper'''T'''ext '''M'''arkup '''L'''anguage. In this session, you will learn what HTML is and techniques on how to learn more. We'll discuss basic elements and attributes you can use on your blogs and Vista courses. It's time to break free and have more control on your site. Share your questions and issues you encounter, and as a group, we'll find the appropriate solutions using what we learned.

===24th===

'''Facilitators:'''
Jamil Rhajiak

'''Title:'''
Basics of Video Production

'''Brief description: '''
Video production, or videography, is the art and service of videotaping, editing, and distributing a finished video product. This can include television production, commercial video production, and corporate and event videos.

Video is becoming a demanded communications medium - everyone wants to see their project, idea, or program on YouTube and watch the view count rise. We'll look at some of the basics you need to consider when looking to produce great video content.

*This session will focus on the planning/considerations side of video production and less on technical aspects of production.

==December==

===1st===

'''Facilitators:''' Cindy Underhill

'''Title:'''Comments from the Edge

'''Brief Description:''' What is The Edge: http://www.edge.org/? Some might say a “superhero clubhouse for computer scientists and physicists and neurologists and genomists and philosophers and plenty of other people who are actively thinking about the shape of our future (or just plain shaping it)”. Those involved with it call it an online conversation inspired by an annual question. This year it was: ''What scientific concept would improve  everybody’s cognitive toolkit?'' This is an opportunity to explore snippets from the online responses to this question and the implications for our technology infused lives.

You don't need to be a scientist to participate -just curious with a willingness to share your thoughts and experiences.

===8th===

'''Facilitators:''' Lucas Wright, Brian Wilson, Kyle Gailling, Saeed Dyanatkar, Joe Zerdin

'''Title:''' Touch, Play, Learn: Hands-on with Mobile Devices

'''Brief description:'''

With a swipe of your fingers, you can turn rotate a planet on its axis. With a simple pinch, you can move the contents of a book. With a blink of your eye, you can see the past around you. Where can you get such power to make things possible?

Join us for an informal discussion on mobile devices in teaching and learning. You can get a chance to learn and play with augmented reality, ebooks and epubs, QR codes and mirroring your iPad to a larger screen. Let us know how you are thinking or planning on using mobile devices in your teaching and learning. If you are already using them, share with us your practice.

The possibilities can be endless!

===15th===

'''Facilitators:'''

'''Title:'''

'''Brief description:'''

===22nd===

'''Facilitators:'''

'''Title:'''

'''Brief description:'''

[[Category:Tech Express Planning]]

Sandbox:Tech Express 2010

2014-01-22T23:20:08Z

Riacale:

This page is for planning related to the [http://www.events.ctlt.ubc.ca/series/viewHistory/131 Tech Express Series]. '''We are asking you to look at the list of ideas so far and the time slots below and populate one (or more) of the time slots with a session that you could facilitate. Please don't forget this step - It's the only way to firm up this schedule before the end of summer!'''

Description: The Tech Express is a series of lunchtime, '''informal''' sessions on learning technologies at UBC and the projects they support. Faculty, staff and students are invited to these introductory sessions. BYOLL: Bring your own lunch and your laptop. Come and learn something new! Bring your questions!

This year, we have booked '''Thursdays 12-1:30 in the Lillooet Room''' for these sessions ('''starting Sept. 9th''').

Ideas for regular monthly sessions:

* thesis prep in WORD (Library/Learning Commons)
* Digital Tattoo (DT Project student staff: Darren/Jen)
* screencasting 101 (Will-CTLT?)
* Zotero/Refworks (Julie, Ellen and Teresa)
* drop in clinics for blogs, wikis, sites (Cindy/ Emily/Tech team?)
* 5 things to do with google docs (maybe more, maybe less)
* embedding stuff (Zack)
* RSS (Zack)
* 5 ways to share (creative commons, etc): Brian?
* Wimba tools (Emily)
* Growing your PLE (Cindy/Andre)
* The best laid plans...(or SECTIONS) - Cindy/Jan?/Desi?
* Buddypress 101/Intro to New UBC Blogs (Tech Team?)
* Digital Photography Basics (Zack)
* Presentation Tools (Powerpoint, Prezi, Slideshare)
* Your brilliant idea [here]

Here are the dates for the Fall term. Please add your item to a date along with description and facilitator (as you can see in the first event below):

==September==

'''9th'''

'''Facilitators''': Joe Zerdin/Alison Wong

'''Title:''' Falling in Love with your Mac

'''Brief Description:'''

So you have a Mac, and things are still kind of awkward. You know the basics, you know simple things, things so obvious that Windows users even know them. But you're lucky, you're together now, and you've got a chance to make it work. Don't be nervous! I know you fell in love at first sight, but true love takes more time. Not necessarily, a long time, but just more time, maybe even just one special lunch hour together. Just one, this Thursday, September 9th 12:00-13:00 in the Lillooet Room, that will likely ensure you and your Mac will be in love forever.

During this session you will be:
* meeting your Mac's input devices
* pushing all the right buttons
* exploring your Mac's modifier keys' darkest secrets
* getting funky with some Mac hacks

'''16th'''

'''Facilitator(s):'''Darren Fleet, Jennifer Goerzen

'''Title:'''Digital Tattoo: What's Yours?

'''Brief Description:'''Are you actively, safely managing your online presence? If someone searches for you what will they find? Can you translate your social media skills beyond your personal life to an academic or professional setting? Are you concerned about your privacy and the way your online activity is monitored? Find out more ways to manage your digital rights and responsibilities at this one hour workshop.

'''23rd'''

''Facilitator(s):''' Cindy Underhill (Will and other friends? )

'''Title:'''Working Your Wiki: an intro to UBCWiki

'''Brief Description:'''Come and explore UBC's wiki platform! If you are a newbie, learn the basics to get started. If you are a relatively new user, come with your questions! An informal and exploratory session.

During this session you will be:
* exploring wikispaces
* creating your wiki page (or playing in the Sandbox)
* getting creative with some media embeds
* finding help at your fingertips.

'''30th'''

''Facilitator(s):'''CTLT team

'''Title:'''Your eLearning Resources

'''Brief Description:'''Are you ever frustrated that you can't find the resources you need in one place? That will be a challenge (adventure?) as long as there is an internet. We've attempted to gather some of the resources from our collective experience on a single site called www.elearning.ubc.ca. Come and explore our toolkit where you can get a bird's eye view of wikis, blogs, and some of the other tools our colleagues across campus are experimenting with.

==October==

'''7th'''

''Facilitator(s):'''Darren Fleet, Jennifer Goerzen

'''Title:'''Digital Tattoo: Digital Information Ethics

'''Brief Description:'''Copyright, Creative Commons, democratizing the web and digital rights management... Confused? 'Throttled'? Want to know more about finding and using credible online information. Learn more about intellectual property and the ways that you can use and cite works created by others, or explore the options for sharing and protecting your own original works.

'''14th'''

'''Facilitator(s):''' Brian Lamb

'''Title: ''' Taking free stuff. Sharing nicely.

'''Brief Description: ''' An overview of finding, using, publishing free learning materials. The selfish and selfless motivations for sharing. Discussion of the open educational movement, practical tips. Disruptive participants especially welcome.

'''21st'''

''Facilitator(s):''' Julie Mitchell, Ellen George, Teresa Lee

'''Title:'''Zotero

'''Brief Description:'''Tired of spending time creating bibliographies for your papers? Try Zotero! Zotero is a free, easy-to-use Firefox extension that helps you collect, manage, cite, and share your research sources. Join us for this hands-on workshop where you learn how to build and organize your personal library of citations, and then learn techniques for citing and creating bibliographies quickly.

==November==

'''4th'''

''Facilitator(s):'''Darren Fleet, Jennifer Goerzen

'''Title:'''Digital Tattoo: So you want to get published...

'''Brief Description:'''Come find out about the publishing options available to you personally, academically and as you pursue your future career. Learn whether cIRcle, an Open Access or Open Source option, blogging, twitter or a traditional publishing model is the right avenue for making your work available. Sound like a foreign language? Come learn more at this one hour workshop.

'''18th'''

''Facilitator(s):'''Cindy Underhill and Andre Malan

'''Title:'''Growing Your Personal Learning Environment - Part 1

'''Brief Description:''' What your vision for your future? What resources do you have (or need to develop) to support your journey? This two-part session will offer you time and space to imagine and define your own pathway to your goals. You’ll learn what you need to develop the personal resources, networks and web-based tools that can help your learning environment grow and bloom.

Please note: These sessions are particularly geared for students.

Session 1: will focus on visioning and goal setting
Session 2: will focus on the tools

'''25th'''

''Facilitator(s):''' Zack

'''Title:''' Digital Photography Basics: Moving Past the Automatic Settings

'''Brief Description:''' Digital cameras today can be easily placed on automatic; taking photographs has never been easier than ever. It's a bit dark? The flash will go off for you. Before you can even say, "did somebody blink?" the camera will ask you. Eventually, you ask yourself, "these pictures LOOK the same." You yearn to break out from the monotony and imagine what's outside the box. Time to break yourself free from the shackles of those Automatic settings and get creative with your photos! It all starts with just an hour from Noon - 1PM on Thursday, November 25th in the Lillooet Room of the Irving K. Barber Learning Centre. Explore the possibilities and see what YOU can do with your camera.

During the session, we'll talk about:

*The balance between aperture and shutter speed
*The rule of thirds
*Eyes and compositions
*Where you can share your photos

== December ==

'''2nd'''

''Facilitator(s):'''Cindy Underhill and Andre Malan

'''Title:'''Growing Your Personal Learning Environment - Part 2

'''Brief Description:''' In this session, you will learn about some of the tools and practices that can support your learning goals. These may include organizing tools (like Netvibes or iGoogle), collaboration tools (like Google docs and wikis), reflection tools (like blogs) or networking tools (like Twitter, Facebook and Linked In). You need to have attended the first session to get the most out of this one.

'''9th'''

''Facilitator(s):'''

'''Title:'''

'''Brief Description:'''

[[Category:Tech Express Planning]]

User:Riacale/Moving Past the Automatic Setting

2014-01-22T23:18:18Z

Riacale:

[http://www.flickr.com/photos/aquamizuko/5021959826/ http://farm5.static.flickr.com/4126/5021959826_c008742bf3.jpg]

=It's all about the light=
Even with advances in camera technology, when in comes to taking pictures it's all about '''LIGHT'''.

The magic question is ''how much light do I expose the camera to?''

The Automatic Setting tries to answer the question for you based on predetermined variables in the software.

It's like trying to fit everything in a box:

[http://www.flickr.com/photos/brungrrl/2529177313/ http://farm3.static.flickr.com/2328/2529177313_899168e4fc_z.jpg]

=Go Wild!=

Sometimes though, it's good exercise your creative muscles and this requires you to move away from the automatic setting on your camera.

Don't be afraid, we won't go fully manual yet. Baby steps for now.

==A for Aperture==
[http://www.flickr.com/photos/zzathras777/2206783729/ http://farm3.static.flickr.com/2341/2206783729_0ba19b6b32_m.jpg]
The [http://en.wikipedia.org/wiki/Aperture aperture] is the opening on your camera's lens and it controls how much light the sensor (film) will receive.

It's that '''f''' that you see on your camera lens. Now is where it gets tricky:

*The smaller the number the wider (more open) the aperture
*The bigger the number the narrower (more closed) the aperture

Why does it matter if the aperture is wide or narrow?

'''DEPTH OF FIELD''' or the blurry background.

Think of it as a big eye..SQUINTING TIME!

[http://www.flickr.com/photos/mikebaird/3866120631/in/set-72157622048560037/ http://farm3.static.flickr.com/2554/3866120631_7652ce2a0c_z.jpg]

Wide apertures:

*the blurry background
*focus on one subject
*Good for portraits

[http://www.flickr.com/photos/mikebaird/3866904626/in/set-72157622048560037/ http://farm3.static.flickr.com/2622/3866904626_9a835ab894.jpg]

Narrow apertures:

*lots of detail
*good for landscape photography

===Examples===

Wide:

[http://www.flickr.com/photos/cmogle/3256242222/ http://farm4.static.flickr.com/3381/3256242222_78fd69fa85_t.jpg] [http://www.flickr.com/photos/ecstaticist/3337601394/ http://farm2.static.flickr.com/1081/3337601394_131c216318_t.jpg] [http://www.flickr.com/photos/jkunz/3224449962/ http://farm4.static.flickr.com/3416/3224449962_791503d460_t.jpg]

Narrow:

[http://www.flickr.com/photos/monkeyc/200815386/ http://farm1.static.flickr.com/68/200815386_8c7d28a29c_t.jpg] [http://www.flickr.com/photos/astragony/4852775794/ http://farm5.static.flickr.com/4118/4852775794_c671f133d0_t.jpg] [http://www.flickr.com/photos/riacale/1754412401/ http://farm3.static.flickr.com/2233/1754412401_ed075362f6_m.jpg]

==S for Shutter Speed==

The shutter speed is how long the sensor (film) to light.

Why is shutter speed important?

*Too little light => underexposed, dark, lose detail
*Too much light => overexposed, bright, lose detail

[http://www.flickr.com/photos/sporkwrapper/294703484/ http://farm1.static.flickr.com/103/294703484_cb262042b4.jpg] [http://www.flickr.com/photos/sporkwrapper/294779852/ http://farm1.static.flickr.com/112/294779852_b5f24a6fd5.jpg]

Fast Shutters:

*Less light
*Pauses/captures actions
*Good for sports photography and fast objects (e.g. cars, birds)

Slow Shutters:

*More light
*Shows movement
*Excellent for light graffiti, fireworks, dances

===Examples===
Find the right balance and you can get amazing photos:

Fast:

[http://www.flickr.com/photos/mohamedahsan/2165326017/ http://farm3.static.flickr.com/2382/2165326017_b1068edc58_t.jpg] [http://www.flickr.com/photos/nathij/2983707616/ http://farm4.static.flickr.com/3144/2983707616_8a33e6f20d_t.jpg] [http://www.flickr.com/photos/peasap/2045555079/ http://farm3.static.flickr.com/2318/2045555079_4ef632644a_t.jpg]

Slow:

[http://www.flickr.com/photos/dharmasphere/212056753/ http://farm1.static.flickr.com/69/212056753_ac1956e57e_t.jpg] [http://www.flickr.com/photos/dexxus/4137841698/ http://farm3.static.flickr.com/2791/4137841698_44ee6db32c_t.jpg] [http://www.flickr.com/photos/riacale/4423463673/ http://farm5.static.flickr.com/4017/4423463673_4b501fc0de_t.jpg]

==Flash==

When your camera doesn't have enough light, the flash goes off to compensate. It's such a strong harsh light and if used wantonly can result in:

*flat colours
*loss of atmosphere such as shadows and highlights
*subjects looking greasy or oily <ref>http://www.101cookbooks.com/archives/001451.html</ref>

Using flash is situational and depends on what effect you want to achieve. Below are some examples:

'''Silhouettes (NO FLASH)'''

[http://www.flickr.com/photos/riacale/2742716718/ http://farm4.static.flickr.com/3185/2742716718_6f88548012.jpg] [http://www.flickr.com/photos/riacale/2503114641/ http://farm3.static.flickr.com/2139/2503114641_7968b84de9.jpg]

'''Movement (NO FLASH)'''

[http://www.flickr.com/photos/markybon/139451722/ http://farm1.static.flickr.com/51/139451722_e66a7dd27d.jpg] [http://www.flickr.com/photos/tomvu/723251706/ http://farm2.static.flickr.com/1438/723251706_7e02c1f448.jpg]

'''Capture Detail (FLASH)'''

[http://www.flickr.com/photos/eyermonkey/2740359075/ http://farm4.static.flickr.com/3033/2740359075_e30f81fc1e.jpg] [http://www.flickr.com/photos/japokskee/4391428993/ http://farm5.static.flickr.com/4019/4391428993_cbd79ffb4c.jpg]

Things you can do to avoid using flash:

*Use a tripod
*Rest the camera on flat surface
*Increase the ISO or the sensor's light sensitivity
*Slower shutter speeds

=Composition=

==The Rule of Thirds==

[[File:Rule_of_Thirds_Horizontal.png]][[File:Rule-of-Thirds-Vertical.png]]

It's not necessarily a steadfast unbroken rule but more of a guide. Imagine your picture is divided 4 lines into 9 sections and the rule suggests that the important elements of your photo should be placed on the lines themselves or where the lines intersect.

Why?

*[http://en.wikipedia.org/wiki/Golden_ratio#Aesthetics Golden Ration]
*It's where our eyes natural go to. <ref>http://www.photographyicon.com/ruleofthirds/index.html</ref>

'''Portraits'''

[http://www.flickr.com/photos/bdebaca/458957022/ http://farm1.static.flickr.com/250/458957022_f7952e4808.jpg] [[File:Portrait-Rule-of-Thirds.png]]

'''Landscapes'''

[http://www.flickr.com/photos/stuckincustoms/3410783929/ http://farm4.static.flickr.com/3408/3410783929_051d93bc86.jpg] [[File:Landscape-Rule-of-Thirds.png]]

=Store it, Save it=

Developments in social web tools have given us a variety of opportunities to share our photos. Some are free, while some are not. Just be aware though that there are limits or restrictions to free accounts such as monthly or storage limits.

'''Photo Sharing Services'''

*[http://flickr.com Flickr]
*[http://www.deviantart.com/ Deviant Art]
*[http://photobucket.com/ Photobucket]
*[http://picasa.google.com/ Picasa]

'''Social Web Tools'''

*[http://wordpress.com Blogs] or [http://blogs.ubc.ca/dp/ UBC Blogs]
*Light Blogging: [http://jmkisray.tumblr.com/ Tumblr] or [http://markromanek.posterous.com/ Posterous]

=Resources=

*[http://photo.tutsplus.com/ Phototuts]
*[http://www.dpreview.com dpReview]
*[http://www.flickr.com/search/groups/?w=all&q=amateur+photography Various Flickr Groups]

=References=
{{Reflist}}

[[Category:Tech Express Session Resources]]

Sandbox:Powerup with Markup

2014-01-22T23:17:23Z

Riacale:

==What is HTML?==

HTML stands for '''H'''yper '''T'''ext '''M'''arkup '''L'''anguage

Basically your browser needs instructions to show you text, images, video, and designs in the way you want them to show up. Instead of just having:

The quick brown fox jumps over the lazy dog.

You can have:

[[File:4106525108_fa57d868b7.jpg|thumb|center|250px|This image of the quick brown fox jumping over the lazy dog, exemplifies the use of '''Typography''' in combination with ''images and textures'' historically found in Victorian Britain. [http://en.wikipedia.org/wiki/The_quick_brown_fox_jumps_over_the_lazy_dog source] <br> The original image is by: [http://www.flickr.com/photos/27798069@N07/4106525108/ pkwahme]]]

==What does this mean?==
[[File:HTML5_Logo_512.png|thumb|right|250px|link=http://www.w3.org/html/logo|The logo for HTML5, the new standard currently under development.]]
The web is a series of files that are interconnected by series of instructions. When you create an HTML file, you will be telling the browser not just how particular media will be presented but also how certain files are interconnected.

During the early 90's, each browser had different versions of HTML that some sites worked on others while some didn't. The web community got together to form groups such as the [http://www.w3.org/ World Wide Web Consortium] (W3C) that helped create a common version that everybody used. Like any other language in the world, HTML now has a standard that we can learn and for the most part, not worry if it will work or not.

Currently, there are new HTML standards currently being developed called HTML5. Read more about it at http://www.w3.org/html/logo/#the-technology

==How does HTML work?==

HTML works in pairs. One starts an instruction and indicates where those instructions will end.

These instructions are called '''tags'''. For example:

{| class="wikitable"
|-
! HTML !! Output
|-
| <nowiki><strong>Bold</strong></nowiki> || '''Bold'''
|-
| <nowiki><em>Italicize</em></nowiki> || ''Italicize''
|-
| <a href="http://ubc.ca">Link</a> || [http://ubc.ca Link]
|}

Some tags don't need to come in pairs, such as:

*<nowiki><br></nowiki>
*<nowiki><img></nowiki>

==Where can I use HTML at UBC?==

*[http://blogs.ubc.ca UBC Blogs] & [http://cms.ubc.ca CMS at UBC]
*:If you're using the WordPress platform on either UBC Blogs or CMS at UBC, your content will be using HTML.
*[http://vista.ubc.ca WebCT Vista]
*:Vista and our new learning management system also uses HTML to create content.
*Your own website
*:If you're thinking about having your own website, eportfolio or something online, you will invariably be using HTML

Learning the basics of HTML can enable to control of how your content is published as well as fix something if they don't look right.

==How can I Learn HTML?==

'''Tools:'''

*Browser (Chrome, Firefox, Internet Explorer)
*Text Editor (TextEdit, Notebook, [http://www.sublimetext.com/2 Sublime Text])

'''Commands'''

*View Page Source (cmd/ctrl + u)
*Inspect Element (right-click on object & choose ''Inspect Element'')
*Find (cmd/ctrl + f)

'''Resources'''

*W3C Schools: http://www.w3schools.com/
*Learn HTML & CSS in 30 Days: http://learncss.tutsplus.com/
*For those interested in what the future of HTML is: [http://wiki.ubc.ca/images/0/0e/Dive%2Binto%2BHTML5.pdf Dive Into HTML5]
*Peer 2 Peer University: [http://p2pu.org/en/groups/html-introduction/ Introduction to HTML 5 Course]

'''Attitude'''

*Inquisitive
*Patient
*Experimental

[http://www.flickr.com/photos/jfreire/3030021505/ http://farm4.static.flickr.com/3201/3030021505_e5a4ee86c2.jpg]

The power of the open web is that:

#you can see what other people are doing
#learn from other people
#create new uses
#help others learn

==Best Practices==

HTML is powerful and you can definitely go crazy with what you can create. Just keep in mind the following best practices in order to keep your content workable.

*Be consistent
*Keep it simple

HTML is just one tool you can use. It has its limitations. Maybe next time we can talk about its friend: Cascading Style Sheets (CSS)

[[Category:Tech Express Session Resources]]

Sandbox:Let's Talk about WIKIS

2014-01-22T23:16:35Z

Riacale:

==Check in==
*Introductions
*What do you want to use a wiki for?
*What are your experiences with Wikis
*Is there anything specific you want us to cover?

==Why Wikis==
*History of wikis
*Why to use wikis
*Why not to use wikis
*Copyright

==UBC Wiki==
*Navigation
*Organization
*Watchlists
*Page History
*User Preferences

==Use Cases==

*[[Documentation:UBC_Content_Management_System/Pages_and_Posts|Documentation]]
*[[Teaching_and_Learning_Resources_Portal|Resource Portal]]
*[[Elasticity|Tutoring Resources]] => [[ChemHelp|Chemistry]] / [[EconHelp|Economics]] / [[MathHelp|Math]]
*[[Library:SciEng_Branch_Widget|Content Management System]] => [http://scieng.library.ubc.ca/ Science & Engineering Library Hours]
*[[Course|Courses]] => [[Course:MATH110/003|Full Course Example]] / [[Course_talk:POLI380JAN2011Owen/Survey/Immigration--Issue_of_Admission|Discussion Example]] / [[Course:EOSC_475/ResearchProject/CoralAssociatedBacteria| Assignment Example]]
*[[Adventures_In_Wikipedia|Presentations]]
*[[Sandbox:Organizational_Change_and_Teamwork/Outline|Planning and Organization]]
*[[Documentation:Guide_to_Teaching_for_New_Faculty_at_UBC|Book]] => [[Help:Books|How to Create a Book]]
*[[Matcha_Yogurt|Recipes]]
*[[UBC Twitter Accounts|Information Lists]]
*[[User_talk:WikiAdministrator|Messaging]]

==Basic Editing==
*Create an account if you haven't already.
*Edit your user page (Group walkthrough)

== Resources ==
*[[Help:Contents]] - The help guide for using the UBC Wiki
*[[Help:Editing]] - Tips for basic editing. This link is at the bottom of your editing screen - near the '''Save page''' button.
*[[Help:Formatting]] - Tips for advanced formatting including table creation, using formulas, etc.
*[[Wiki Help: Adding Media]] - Tips for adding media: images, video and flash files

[[Category:Tech Express Session Resources]]

Sandbox:Collecting the Treasures on UBC Wiki (Presentation)

2014-01-22T22:54:58Z

Riacale:

This is a presentation for the Tech Express Series on Thursday, October 27, 2011 from 12:00PM - 1:00PM in the Dodson Room, IKBLC

The session focuses on aggregating and curating content already within or shared on UBC Wiki.

<googlemap lat="49.267423" lon="-123.252944" width="250" height="250" zoom="16" type="map" align="right">
49.267423, -123.252944, Dodson Room, IKBLC
</googlemap>

=Curate & Aggregate:Collecting the Treasures on UBC Wiki=

[[File:Book_Treasure_Box.jpg|thumb|250px|right|Image by: onecog2many/Michael Hiemstra<br>http://www.flickr.com/photos/onecog2many/5549326452/]]

Some [[Special:Statistics|stats]] about the UBC Wiki as of Friday, Oct. 21, 2011:
*Content pages: 3,241
*Pages (All pages in the wiki, including talk pages, redirects, etc.): 16,521
*Uploaded files: 5,091

Different Uses<ref>http://wiki.ubc.ca/Sandbox:Let%27s_Talk_about_WIKIS#Use_Cases</ref>:

*[[Documentation:UBC_Content_Management_System/Pages_and_Posts|Documentation]]
*[[Teaching_and_Learning_Resources_Portal|Resource Portal]]
*[[Elasticity|Tutoring Resources]] => [[ChemHelp|Chemistry]] / [[EconHelp|Economics]] / [[MathHelp|Math]]
*[[Library:SciEng_Branch_Widget|Content Management System]] => [http://scieng.library.ubc.ca/ Science & Engineering Library Hours]
*[[Course|Courses]] => [[Course:MATH110/003|Full Course Example]] / [[Course_talk:POLI380JAN2011Owen/Survey/Immigration--Issue_of_Admission|Discussion Example]] / [[Course:EOSC_475/ResearchProject/CoralAssociatedBacteria| Assignment Example]]
*[[Adventures_In_Wikipedia|Presentations]]
*[[Sandbox:Organizational_Change_and_Teamwork/Outline|Planning and Organization]]
*[[Documentation:Guide_to_Teaching_for_New_Faculty_at_UBC|Book]] => [[Help:Books|How to Create a Book]]
*[[Matcha_Yogurt|Recipes]]
*[[UBC Twitter Accounts|Information Lists]]
*[[User_talk:WikiAdministrator|Messaging]]

==Why Aggregate/Curate==
[[File:Share_Reuse_Remix.jpg|thumb|right|250px|Image by: Paulo Paujo/The PageMan<br>http://www.flickr.com/photos/the_pageman/3254372661/]]

*No need to recreate resources
*Keeps resources alive
*Enriching content with new uses and new contexts
*Recognize content creators
*One-stop shop updating
*Republish everywhere and anywhere

If anything, aggregation and curation give you your own '''PERSONALIZED''' structure to a very flat environment.

Everybody can do it.

==Transclusion==

Transclusion allows you to embed another wiki page as part of your own page without copying every single line of text.

What do you need to do?

#Find the URL of the wiki page you want to transclude
#: Example:
#: http://wiki.ubc.ca/Elearning:Technology_Support_Contacts
#Copy everything after wiki.ubc.ca
#: Example:
#: <nowiki>http://wiki.ubc.ca/</nowiki>''Elearning:Technology_Support_Contacts''
#Go back to your own wiki page
#Click '''Edit'''
#Paste what you copied in between double brackts '''{{<nowiki>url here</nowiki>}}'''
#: Example:
#: <nowiki>{{Elearning:Technology_Support_Contacts}}</nowiki>
#Click '''Save Page'''

{| class="wikitable"
|-
! '''Input''' !! '''Output'''
|-
| '''<pre>{{Elearning:Technology_Support_Contacts}}</pre> || {{Elearning:Technology_Support_Contacts}}
|}

===Use Case===

*UBC eLearning Toolkits (e.g. [[Documentation:WordPress_Basics/Elearning|Blogs]], [[Documentation:Podcasting_Basics/Elearning|Podcasting]])

==Templates==

Similar to transclusion, templates are wiki pages that you can include into your own page that performs specific functions such as warnings, licensing information, and reference lists to name a few.

You can learn more on how to create your own templates at [[Help:Templates]].

For a list of templates already available on the UBC wiki, visit [[UBC_Wiki:Templates]]

What you need to do?

#Choose a template you want to use
#Copy the part of the url after wiki.ubc.ca/
#: Example:
#: <nowiki>http://wiki.ubc.ca/</nowiki>''Template:Update''
#Go to your own wiki page and click '''Edit'''
#Paste the partial URL within double brackets '''<nowiki>{{partial url here}}</nowiki>'''
#: Example:
#: <nowiki>{{Template:Update}}</nowiki>
#Click '''Save'''

{| class="wikitable"
|-
! '''Input''' !! '''Output'''
|-
| <pre>{{Template:Update}}</pre> || {{Template:Update}}
|-
| <pre>{{Template:Cc-by-sa-all}}</pre> || {{Template:Cc-by-sa-all}}
|-
| <pre>{{Template:UBC eLink|link=http://library.ubc.ca}}</pre> || {{Template:UBC eLink|link=http://library.ubc.ca}}
|}

===Use Cases===

*[[Template:Infobox_Course|Courses Info Templates]]
*[http://wiki.ubc.ca/Category:Projectbox_Templates Project banners]

==Dynamic Page Lists (DPL)==

Dynamic Page Lists is a tool that automatically creates lists based on certain criteriums such as subpages of a wiki page or articles in the same category. It's very helpful in collecting related pages in one space.

To learn how to create dynamic page lists, see [[Help:Dynamic_Page_Lists]].

For even more information, visit the [http://www.mediawiki.org/wiki/Extension:DynamicPageList_(Wikimedia) DPL page] from the Wikimedia Foundation.

What do you need to do?

{| class="wikitable"
|-
! '''Input''' !! '''Output'''
|-
| <pre><dpl>
category = Food_Recipes
</dpl></pre> || <dpl>
category = Food_Recipes
</dpl>
|-
| <pre><dpl>
titlematch=FNH200/%
namespace=Course
shownamespace=false
</dpl></pre> || <dpl>
titlematch=FNH200/%
namespace=Course
shownamespace=false
</dpl>
|}

===Use Cases===

*[[Teaching_and_Learning_Resources_Portal|Resource Portals]]
*[[Course:FNH200|Courses]]

==Wiki Books==

Wiki Books is a tool that allows you to combine separate and independent wiki pages into a single PDF or book.

For a step-by-step guide on how to use Wiki Books, see [[Help:Books]]

===Use Cases===

{{UBC Wiki:Books}}

==Copyright & Sharing==
[[File:Share_Conference_Artwork.jpg|thumb|right|400px|link=|Image by SHARE Conference<br>http://www.flickr.com/photos/shareconference/5422273956/]]
The UBC Wiki is intended to promote the sharing of resources and information to the wider community. Many pages are original works by faculty, staff and students at UBC, while others are works openly shared by others. It is helpful to be aware of copyright, especially at a time when there are changes happening here at UBC.

Some things to think about when creating your own wiki pages:

*Be aware of namespaces (e.g. [[Main_Space]], [[Course|Courses]], [[Documentation]], [[Sandbox]])
*UBC wiki is publicly viewable, while editable only to the UBC community
*Only upload or use your own material or resources you have permission to share
*Try to be explicit about how you want your page to be used (see [[UBC_Wiki:Creative_Commons_Licenses]])

Some things to think about when using other people's wiki pages:

*If you transclude something, the source page's content can be changed and reflected on yours
*Check the wiki page you want to use if there is anything that needs to be attributed
*If you're unsure, feel free to message the page creator using the [[Help:Talk_pages#User_talk_pages|user talk]] page.

For more information, please visit: http://copyright.ubc.ca

[[Category:Presentations]][[Category:Wiki]][[Category:Tech Express Session Resources]]

Tech Express

2014-01-22T22:54:13Z

Riacale:

The [http://www.events.ctlt.ubc.ca/series/viewHistory/131 Tech Express] is a series of lunchtime, informal sessions on learning technologies at UBC and the projects they support. Faculty, staff and students are invited to these introductory sessions. This ongoing series is BYOLL: Bring your own lunch and your laptop. The Tech Express series is organized and hosted by the [[Centre for Teaching, Learning and Technology]].

==See Also==
*[http://www.events.ctlt.ubc.ca/series/viewHistory/131 Official Website] with a list of upcoming sessions.

==Planning Pages==
<categorytree mode=pages>Tech Express</categorytree>

==Session Resources==

<categorytree mode=pages>Tech Express Session Resources</categorytree>
[[Category:CTLT]][[Category:Presentations]]

Category:Tech Express Session Resources

2014-01-22T22:53:48Z

Riacale: Created page with "Category:Tech Express"

[[Category:Tech Express]]

Sandbox:Image Mash-ups Made Easy

2014-01-22T22:48:46Z

Riacale:

Sandbox:Image Mash-ups Made Easy

2014-01-22T22:35:13Z

Riacale: Created page with "'''Title:''' Gif or Gif? Image Mash-ups Made Easy '''Time & Date:''' 12:00PM - 1:00PM, January 23, 2014 '''Location:''' Irving K. Barber Learning Centre - Lillooet Room, 301..."

Sandbox:Tech Express 2014

2014-01-22T22:09:17Z

Riacale: /* 24th */

Sandbox:Video Interviews with the iPad

2014-01-22T20:38:55Z

Riacale:

This page documents the process in using the iPad for video interviews. You can an example below:

{{#widget:YouTube|id=Ge2THXkhwhs|height=360|width=480}}

==Pre-production and Setup==

===Hardware===

*External Mic (e.g. lavalier, lapel)
*iPad
*'''(Optional)''' [http://www.thejoyfactory.com/product/mnu103 Tablet C-Clamp Mount]

===Software===

*iPad Camera app
*[http://www.techsmith.com/camtasia.html Camtasia]

===Room Setup===

*The room setup is quite simple. There was a large window facing the interviewee allowing for natural light. The ceilings were high allowing the overhead lights to be a lot softer on the subject.
*A medium-sized round table was between the interviewer and the interviewee where the iPad was mounted.

===iPad Setup===

#Mount the iPad on the table using the C-Clamp Mount.
#Connect the external mic received to the iPad.
#Attach the mic to the interviewee.

==Post-Production==

===Video Segmentation===

#Transfer the footage from the iPad to your computer.
#Import the footage into Camtasia.
#Watch all the footage and look for common threads and memorable quotes.
#Cut the footage into different segments based on a category of your choosing, e.g. by questions, by topic.

===Editing===

#Arrange the clips in the Camtasia timeline based on your desired story and flow.
#Cut or exclude unnecessary footage or repetitive questions and responses.
#''(Optional)'' Add transitions between scenes and footage.

===Mixing===

Mixing in other media to the video is not necessary but it also adds a bit more flair and style to the video itself. Each additional element is another layer on the timeline in Camtasia.

'''Music'''

*Add background music to invoke a particular mood. The music from the video was from http://jamendo.com.
*Strike a good balance between the volume of the background music and how audible the interviewee is.
*It's okay to not have music while the interviewee is speaking.

'''Text and Graphics'''

*Add some text to explicitly present particular details in the video such as additional information or the start of a new segment.
*The icon used in the opening credits of the video is from http://thenounproject.
*Choose your typography, colours, placement based on legibility. Not everybody will be able to watch your video in High Definition.
*Use backgrounds for text to increase contrast and legibility.

===Export===

*Save and export the video for YouTube High Definition.

[[Category:DIY Media]]

Sandbox:Video Interviews with the iPad

2014-01-22T01:07:48Z

Riacale: Created page with "==Hardware== *External Mic (e.g. lavalier, lapel) *iPad *'''(Optional)''' [http://www.thejoyfactory.com/product/mnu103 Tablet C-Clamp Mount]"

==Hardware==

*External Mic (e.g. lavalier, lapel)
*iPad
*'''(Optional)''' [http://www.thejoyfactory.com/product/mnu103 Tablet C-Clamp Mount]

Elearning:Training and Support/UBC Resources

2014-01-21T23:43:29Z

Riacale:

=='''''Connect''''' Student Orientation Course==

If you have a course in '''''Connect''''', you will be automatically enrolled in the Student Orientation course. This orientation course will help you gain the skills necessary to learn well in this environment. The course will introduce you to the essential tools necessary to access course materials, communicate with classmates and your instructor, submit homework, take tests, and check your grades. Take some time in the beginning of term to familiarize yourself with '''''Connect''''' or revisit it every now and then when you need help.

==Teaching and Learning Resources Portal==

A collection of resources on teaching and learning, ranging from topics such as Presentation Skills, to Clickers, to Portfolios. Everyone is encouraged to review and contribute their own knowledge and resources to each topic by simply editing each wiki page.

Explore the portal at http://wiki.ubc.ca/Teaching_and_Learning_Resources Portal/

==UBC Learning Commons ==
UBC's Learning Commons is a “portal like” site for peer-based, student academic support. The new design is a work in progress and features student toolkits and multiple ways for students to connect with peers and share ideas through both comments and social media. Visit us at http://learningcommons.ubc.ca

== Digital Tattoo ==
Today’s students are enthusiastic consumers and creators of digital information, and the Internet infuses almost every aspect of their lives. Just like a tattoo, a student’s online reputation is highly visible and hard to remove. The Digital Tattoo project is a unique initiative which aims to educate and empower students about taking control of their digital identities. The interactive online tutorial allows students to move through topics of interest at their own pace. The project also provides workshops and presentations for faculty and staff to provide in-person sessions about the topic. Check out our slideshows or contact us for more information:

* Visit us at [http://digitaltattoo.ubc.ca http://digitaltattoo.ubc.ca]
* Check out our slide shows [http://www.slideshare.net/digitaltattoo www.slideshare.net/digitaltattoo] for more information
* Contact us at [mailto:digital.tattoo@ubc.ca digital.tattoo@ubc.ca]

==Institute for the Scholarship of Teaching and Learning==
UBC’s Institute for the Scholarship of Teaching and Learning provides infrastructural support and vision for research and reflection on our practice as educators. The Institute has two principal functions: it supports vital research into effective teaching and learning strategies and practices in higher education, and it shares the findings of this research in ways that improve practice at UBC and beyond. The Institute promotes research on teaching practice and is closely related to CTLT, which promotes the enhancement of teaching practice.

* For more information, please visit: http://ctlt.ubc.ca/about-isotl/

==UBC Okanagan Centre for Teaching and Learning (CTL)==
UBC Okanagan’s Centre for Teaching and Learning promotes and supports excellence in teaching and learning. The Centre provides campus-wide support for all models of teaching and learning, including online learning. UBC Okanagan faculty are provided with a variety of academic growth opportunities including peer mentoring programs, seminar series, training workshops, learning technology support and resources on teaching practices. In addition, the Centre provides graduate students and teaching assistants with professional development opportunities.

* For more information, please visit: http://www.ubc.ca/okanagan/ctl

==Academic Continuity Toolkit (ACT)==
ACT provides UBC instructors with a very brief introduction to various tools and techniques that can be used to extend the classroom in face-to-face education and synchronous/asynchronous distance education. The toolkit will provide you with detailed information including:
* How to get started
* Where to learn more
* How to get help
* What you need to know about a selection of UBC supported tools

This toolkit contains a series of recommendations to help instructors prepare for a possible disruption to campus operations (for example, a pandemic or extended severe weather). UBC supports a number of learning technology tools to that can help make this process simple and straightforward.

* For more information, please visit: http://act.elearning.ubc.ca/

==Arts ISIT Learning Tools==

Arts ISIT strives to create new and improved technology-based learning opportunities for students and educators alike, by experimenting with new media and creating innovative online-based applications to facilitate teaching and learning. They have developed tools to support students in language pronunciation when studying foreign languages or an interactive video and transcript viewer in the preservation of oral narratives. You are invited to explore these exciting new learning tools, and make free use of the learning objects they generate for educational or research purposes.

* For more information, please visit: http://learningtools.arts.ubc.ca

Elearning:Training and Support/UBC Resources

2014-01-21T23:41:22Z

Riacale:

=='''''Connect''''' Student Orientation Course==

If you have a course in '''''Connect''''', you will be automatically enrolled in the Student Orientation course. This orientation course will help you gain the skills necessary to learn well in this environment. The course will introduce you to the essential tools necessary to access course materials, communicate with classmates and your instructor, submit homework, take tests, and check your grades. Take some time in the beginning of term to familiarize yourself with '''''Connect''''' or revisit it every now and then when you need help.

==Orientation to Learning Online==
Many students are tech-savvy online communicators, but are they prepared for the learning environments we expect them to participate in? For the curious, the timid or the high-achiever who wants to get the most out of the online learning experience, the Orientation to Learning Online (OLO) can be a valuable resource! Our Creative Commons license and content sharing strategies allow a great deal of flexibility to modifying this resource to meet your specific needs.

* [https://www.ctc2.elearning.ubc.ca/VistaSelfEnroll/CourseList Click here] to self-enrol in the Orientation to Learning Online. '''Type''' ''Orientation to Learning Online - May 2010'' in the search box.

==Teaching and Learning Resources Portal==

A collection of resources on teaching and learning, ranging from topics such as Presentation Skills, to Clickers, to Portfolios. Everyone is encouraged to review and contribute their own knowledge and resources to each topic by simply editing each wiki page.

Explore the portal at http://wiki.ubc.ca/Teaching_and_Learning_Resources Portal/

==UBC Learning Commons ==
UBC's Learning Commons is a “portal like” site for peer-based, student academic support. The new design is a work in progress and features student toolkits and multiple ways for students to connect with peers and share ideas through both comments and social media. Visit us at http://learningcommons.ubc.ca

== Digital Tattoo ==
Today’s students are enthusiastic consumers and creators of digital information, and the Internet infuses almost every aspect of their lives. Just like a tattoo, a student’s online reputation is highly visible and hard to remove. The Digital Tattoo project is a unique initiative which aims to educate and empower students about taking control of their digital identities. The interactive online tutorial allows students to move through topics of interest at their own pace. The project also provides workshops and presentations for faculty and staff to provide in-person sessions about the topic. Check out our slideshows or contact us for more information:

* Visit us at [http://digitaltattoo.ubc.ca http://digitaltattoo.ubc.ca]
* Check out our slide shows [http://www.slideshare.net/digitaltattoo www.slideshare.net/digitaltattoo] for more information
* Contact us at [mailto:digital.tattoo@ubc.ca digital.tattoo@ubc.ca]

==Institute for the Scholarship of Teaching and Learning==
UBC’s Institute for the Scholarship of Teaching and Learning provides infrastructural support and vision for research and reflection on our practice as educators. The Institute has two principal functions: it supports vital research into effective teaching and learning strategies and practices in higher education, and it shares the findings of this research in ways that improve practice at UBC and beyond. The Institute promotes research on teaching practice and is closely related to CTLT, which promotes the enhancement of teaching practice.

* For more information, please visit: http://ctlt.ubc.ca/about-isotl/

==UBC Okanagan Centre for Teaching and Learning (CTL)==
UBC Okanagan’s Centre for Teaching and Learning promotes and supports excellence in teaching and learning. The Centre provides campus-wide support for all models of teaching and learning, including online learning. UBC Okanagan faculty are provided with a variety of academic growth opportunities including peer mentoring programs, seminar series, training workshops, learning technology support and resources on teaching practices. In addition, the Centre provides graduate students and teaching assistants with professional development opportunities.

* For more information, please visit: http://www.ubc.ca/okanagan/ctl

==Academic Continuity Toolkit (ACT)==
ACT provides UBC instructors with a very brief introduction to various tools and techniques that can be used to extend the classroom in face-to-face education and synchronous/asynchronous distance education. The toolkit will provide you with detailed information including:
* How to get started
* Where to learn more
* How to get help
* What you need to know about a selection of UBC supported tools

This toolkit contains a series of recommendations to help instructors prepare for a possible disruption to campus operations (for example, a pandemic or extended severe weather). UBC supports a number of learning technology tools to that can help make this process simple and straightforward.

* For more information, please visit: http://act.elearning.ubc.ca/

==Arts ISIT Learning Tools==

Arts ISIT strives to create new and improved technology-based learning opportunities for students and educators alike, by experimenting with new media and creating innovative online-based applications to facilitate teaching and learning. They have developed tools to support students in language pronunciation when studying foreign languages or an interactive video and transcript viewer in the preservation of oral narratives. You are invited to explore these exciting new learning tools, and make free use of the learning objects they generate for educational or research purposes.

* For more information, please visit: http://learningtools.arts.ubc.ca

Main Page

2014-01-21T18:51:57Z

Riacale:

<div id="hs"> 
<div id="hs-banner">

[[File:Nitobe_Gardens_Bamboo_Fence-01.png]]

<div id="hs-banner-intro">
<h1>Welcome to the [[UBC Wiki:About|UBC Wiki]]</h1>
<p>a shared space for UBC students, staff, and faculty created by UBC students, staff and faculty.</p>
</div>
<div id="hs-search">
<div id="hs-search-back"></div>
{{Main Page Search}}
</div>

</div>
<span >
[[UBC Wiki:About|Overview]] '''·''' [[Help:Contents|Help]] '''·''' [[Help:Formatting|Formatting]] '''·''' [[UBC Wiki:FAQs|Questions]] '''·''' [[UBC Wiki:Explore|Explore]]
</span>
<span style="text-align:right;" class="right">
There are currently [[Special:Statistics|{{NUMBEROFPAGES}} articles]] in [[Special:Categories|{{PAGESINNS:14}} categories]]. </span>

<div class="column third first">

<h2>How to use this Wiki</h2>
Pages on the UBC wiki are [[Help:Namespaces#Examples_of_What_Type_of_Content_Goes_Where|grouped]] into different [[Help:Namespaces|collections]] to accommodate different needs:

<h3>[[Main Space|Main]]</h3>
<p style="border-left:5px solid #CEDFF2; padding-left:15px;">The [[Main Space|root of the wiki]] is open space reserved for articles relating to UBC. It is primarily a community area for knowledge sharing about all aspects of the University.</p>
<h3>[[Course]]</h3>
<p style="border-left:5px solid #F2E0CE; padding-left:15px;">Course-based content or activities should go into the [[Course]] space. See [[help:Using the UBC Wiki for Course Work|Using the UBC Wiki for Course Work]] for more information on how to add pages to this space.</p>
<h3>[[Documentation]]</h3>
<p style="border-left:5px solid #DDCEF2; padding-left:15px;">The [[Documentation| Documentation space]] is provided for documentation, support guides, technical manuals, and other similar content. Here is an [[Documentation:Faculty_Resource_Guide|example]] of how it can be used.</p>
<h3>[[Sandbox]]</h3>
<p style="border-left:5px solid #FAECC8; padding-left:15px;">The [[Sandbox| Sandbox]] is your notebook; it's a place to work, do projects, collaborate, experiment, or just play with the Wiki.</p>
</div>
<div class="column third ">
<h2>Teaching and Learning</h2>
* [[UBC Wiki:About|Take the Tour]]
* [[Help:Tutorial|Get Started]]
* [[UBC_Wiki:Create_a_New_Page|Create a Page]]
* [[Help:Using_the_UBC_Wiki_for_Course_Work|Use the UBC Wiki for Course Work]]
* [[Help:Namespaces|UBC Wiki Organization]]
* [[Help:Contributing|Contribute]]
* [[UBC Wiki:Explore|Explore]]
* [[Help:Contents#Support|Contact Support]]
* [[UBC Wiki:FAQs|FAQs]]
* [[Help:Contents#General_Help|Help]]

<h2>Recently Added</h2>
<rss number=10 desc=off title=off>http://wiki.ubc.ca/Special:NewPages?feed=rss&namespace=0</rss>
</div>
<div class="column third last">
<h2>Featured Article</h2>
{{UBC Wiki:Featured article/Current}}
</div>
</div>
__NOTOC____NOEDITSECTION__

File:Nitobe Gardens Bamboo Fence-01.png

2014-01-21T18:51:31Z

Riacale: Riacale uploaded a new version of "File:Nitobe Gardens Bamboo Fence-01.png": Reverted to version as of 18:46, 21 January 2014

=={{int:filedesc}}==
{{Information
|description={{en|1=From: http://www.flickr.com/photos/riacale/6290738852/in/photolist-azTFuG-azTFkL-aC7EQ4/}}
|date=2014-01-21
|source={{own}}
|author=[[User:Riacale|Riacale]]
|permission=
|other_versions=
|other_fields=
}}

=={{int:license-header}}==
{{self|cc-by-2.5-ca}}

File:Nitobe Gardens Bamboo Fence-01.png

2014-01-21T18:48:17Z

Riacale: Riacale uploaded a new version of "File:Nitobe Gardens Bamboo Fence-01.png"

File:Nitobe Gardens Bamboo Fence-01.png

2014-01-21T18:46:47Z

Riacale: Riacale uploaded a new version of "File:Nitobe Gardens Bamboo Fence-01.png"

File:Nitobe Gardens Bamboo Fence-01.png

2014-01-21T18:44:30Z

Riacale: Riacale uploaded a new version of "File:Nitobe Gardens Bamboo Fence-01.png"

File:Nitobe Gardens Bamboo Fence-01.png

2014-01-21T18:37:50Z

Riacale:

File:Nitobe Gardens Bamboo Fence.jpg

2014-01-21T18:31:38Z

Riacale:

=={{int:filedesc}}==
{{Information
|description={{en|1=From http://www.flickr.com/photos/riacale/6290738852/in/photolist-azTFuG-azTFkL-aC7EQ4/}}
|date=2007-10-04
|source={{own}}
|author=[[User:Riacale|Riacale]]
|permission=
|other_versions=
|other_fields=
}}

=={{int:license-header}}==
{{self|cc-by-2.5-ca}}

Elearning:Support Contacts

2014-01-17T00:42:36Z

Riacale:

==Online eLearning Help for Students==

{{Elearning:Support_Contacts/Online_eLearning_Help_for_Students}}

<HR WIDTH="50%" SIZE="3" NOSHADE><BR>

==Online eLearning Help for Faculty==

{{Elearning:Support_Contacts/Online_eLearning_Help_for_Faculty}}

<HR WIDTH="50%" SIZE="3" NOSHADE><BR>

==UBC IT==

{{Elearning:Support_Contacts/UBC_IT}}

[[Category:Vista]][[Category:E-Learning]][[Category:Connect]]

Elearning:Support Contacts/UBC IT

2014-01-17T00:42:22Z

Riacale: Created page with "===General Student/User Support=== *Visit http://it.ubc.ca/contact/helpdesk *For UBC Okanagan, please call 250.807.9611 <HR WIDTH="50%" SIZE="3" NOSHADE> === e-Learning Te..."

===General Student/User Support===

*Visit http://it.ubc.ca/contact/helpdesk

*For UBC Okanagan, please call 250.807.9611

<HR WIDTH="50%" SIZE="3" NOSHADE>

=== e-Learning Technical Support===
*'''Contact IT ''Connect'' Support'''
*:[mailto:connect-admin@it.ubc.ca connect-admin@it.ubc.ca]
*'''Contact IT Vista Support'''
*:[mailto:vista-admin@it.ubc.ca vista-admin@it.ubc.ca]

<HR WIDTH="50%" SIZE="3" NOSHADE>

===Information Technology Learning Applications===
*'''Jeff Longland'''
*:Manager, Learning Applications
*:Phone: 604.827.4967
*:[mailto:jeff.longland@ubc.ca jeff.longland@ubc.ca]

<HR WIDTH="50%" SIZE="3" NOSHADE>

==='''''Connect''''' Implementation Project===

*'''Lynda Cooper'''
*:Project Manager, '''''Connect''''' Implementation Project
*:Phone: 604.827.4453
*:[mailto:lynda.cooper@ubc.ca lynda.cooper@ubc.ca]

===Other Problems or Feedback===
*Please email: [mailto:vista-admin@it.ubc.ca vista-admin@it.ubc.ca] When reporting problems, please include the original error message in your email.

[[Category:Vista]][[Category:E-Learning]][[Category:Connect]]