Presentation is loading. Please wait.

Presentation is loading. Please wait.

ICT in Education Program

Similar presentations


Presentation on theme: "ICT in Education Program"— Presentation transcript:

1 ICT in Education Program
ICTs-ENHANCED 21ST CENTURY LEARNING Part I: E-Textbooks G. Hernández Paramaribo, Suriname, 2017

2 Outline How are the Information and Communication Technologies (ICT) enhancing learning in the 21st century? E-Textbooks Webpages and HTML Slide shows Infographics and graphic organizers Audios and podcasts Cartoons Sketches WordPress

3 1. How are the Information and Communication Technologies (ICT) enhancing learning in the 21st century

4 Supporting teachers in the development of innovative teaching practices and high quality learning materials. Fostering the sharing and collaboration among teachers, students and even autodidact learners. Allowing teachers students and autodidact learners wide access (WWW) to innovative teaching practices, high quality learning materials, learning analytics tools developed around the world. Encouraging the languages learning and intercultural understanding. Eliminating access barriers to foster social and business innovation and entrepreneurship with greater equity. Encouraging the development of computational thinking and programming skills. Encouraging the collaborative development of free open source software and open collaborative research.

5 iTEC: DESIGNING THE FUTURE CLASSROOM

6

7 NMC Horizon Report 2015 K-12 Edition

8 NMC/CoSN Horizon Report 2016 K-12 Edition

9

10

11 NMC/CoSN Horizon Report 2016 K-12 Edition
2016 Report Video Summary

12

13 2. E-Textbooks

14 E-textbooks offer the opportunity to enhance written text with hyperlinks (webpages, HTML) to additional resources, including: Other textbooks or webpages News Infographics Cartoons Animations Podcasts Audio Video Data sets Simulations The goal of e-textbooks is to create a truly dynamic, interactive learning experience, in which students and teachers can simultaneously immerse themselves in the learning experience.

15 Ahalt, S. & Fecho, K. (2015): Ten Emerging Technologies for Higher Education. RENCI, University of North Carolina at Chapel Hill.

16 a. Webpages

17 Definitions WWW: World Wide Web. HTML: HyperText Markup Language
HTML is a text formatting language. URL: Uniform Resource Locator The way in which Web Pages and other resources are located in the World Wide Web. Browser: A software program which is used to show (render) web pages.

18

19

20 HTML is the Language of the Web Pages on the World Wide Web.
Markup: Embedded codes in documents Codes are called `tags’ Codes Describe the structure documents Include instructions for processing Markup language: Computer language for describing syntax of tags May be used with other tools to specify rendering

21 Logical Markup Logical markup: Examples: Describes parts of document
Does not specify how to render Examples: This is <strong>very</strong> important This is very important

22 XHTML Document Structure

23 XHTML Document Structure

24 Logical Markup Heading 1 Heading 2 Heading 3 Heading 4 <HTML>
<TITLE> Example Page</TITLE> </HEAD> <BODY> <H1> Heading 1 </H1> <H2> Heading 2 </H2> <H3> Heading 3 </H3> <H4> Heading 4 </H4> <H5> Heading 5 </H5> <H6> Heading 6 </H6> </BODY> </HTML> Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6

25 Adding links and images in HTML
<a href=" our HTML tutorial</a> Visit our HTML tutorial <img src="dog.jpg" alt="A black, brown, and white dog wearing a kerchief">

26 Adding audio in HTML <audio controls>   <source src="horse.ogg" type="audio/ogg">   <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>

27 Adding video in HTML <video width="320" height="240" controls>   <source src="movie.mp4" type="video/mp4">   Your browser does not support the video tag. </video>

28 Adding applets in HTML <applet code="Bubbles.class" width="350" height="350"> Java applet that draws animated bubbles. </applet>

29 b. Slide shows

30

31 CV professional social networking
CV professional social networking LinkedIn Tutorial for Beginners - LinkedIn Profile Tips

32

33 Google Slides Cloud based Collaboration

34

35 c. Infographics and graphic organizers (conceptual maps, mind maps, outlines, etc)

36 https://storybird.com/educators/

37 Easel.y Crash Course in Infographics e-book
How to Make an Infographic with easel.ly Easel.y Crash Course in Infographics e-book 

38 https://itiasite. files. wordpress

39 d. Audios and podcasts

40

41 e. Cartoons

42 Toondo http://www.toondoo.com/
Padmanabhan Seshaiyer Toondo Free online tool to make cartoons to excite kids, to make comic strips, to inject humor, to visualize Creating a Cartoon Strip in ToonDoo

43 Padmanabhan Seshaiyer

44 Padmanabhan Seshaiyer

45 f. Sketches

46 Google Sketch-up http://www.sketchup.com/
Padmanabhan Seshaiyer Google Sketch-up The easiest way to draw in 3D

47 Energy Efficient House
Padmanabhan Seshaiyer Energy Efficient House

48 Padmanabhan Seshaiyer
Exploring Seasons

49 Padmanabhan Seshaiyer
Your Dream Room

50 Understanding Water Cycle
Padmanabhan Seshaiyer Understanding Water Cycle

51 Explore with Google Sketchup
Padmanabhan Seshaiyer Explore with Google Sketchup Times of day Suburban vs urban areas Climate zones Solar system Concepts in physics Environmental habitats Movie Set Amusement Park Concert Stage

52 g. Wordpress

53 WordPress Explained In Less Than 2 Minutes
WordPress Explained In Less Than 2 Minutes

54 Creating your Digital Portfolio webpage in WordPress


Download ppt "ICT in Education Program"

Similar presentations


Ads by Google