O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
W O R K S H O P
W E D N E S D A Y , 2 3 O C T O B E R , 2 0 1 3
Introduction to Web Technologies
and Educational Applicati...
Plan for the Day
2
 Session 1:
 0815 - 0900: Educational Applications of Web 2.0
 0915 - 1000: Exercise - Reference Man...
Session 1
Objectives
1. To understand the concepts of ‘learning activities’ in relation
to ‘web 2.0 tools’
2. To integrate...
Mapping Web 2.0 and Learning Activities
4
 The trend of e- learning research and development has shifted
from ‘learning o...
Task Taxonomy
5
 Environment: ‘web-based’
 pedagogical approaches: ‘cognitive problem-based’ and
‘situative project base...
Type
(What)
Technique
(How)
Personally subscribed or used web 2.0
tools
University administrated or
subscribed web tools
A...
Features of Web 2.0 Tools Vs. Learning Activities
7
 Each web 2.0 tool has many features
 Each of the tool’s feature’s ‘...
Information Handling
8
 Concept Mapping, Brain Storming & Mind Mapping:
 MindMeister, WiseMapping, Padlet, Linoit
 Sear...
Communicative:
Discussing, Presenting, Debating, Critiquing
9
 Discussing/Presenting
 Google Hangout
 Skype
 Slideshar...
Productive: Creating, Producing, Writing, Drawing,
Composing, Synthesizing, Re-mixing
10
 Creating/Producing/Writing/Comp...
Session 2
Objectives
1. To know about the architecture of world wide web
2. To know about client-server architecture of we...
Architecture of WWW and Client-Server
Architecture
12
 ” The World Wide Web (WWW, or simply Web) is an
information space ...
Client-Server Architecture
13
Source: http://contentdeliverance.com/2011/client-server-architecture/
Three-Tier Architecture
14
Three-tier
architecture is
a client–server
architecture
Source:
http://en.wikipedia.o
rg/wiki/M...
Software Technology Platforms of Web App
15
 Popular platforms are:
 J2EE with PostgreSQL
 PHP with MySQL
 Ruby on Rai...
Web-Server development environment
16
PHP-MySQL Services and Apache Server
 http://www.apachefriends.org/en/xampp.html
 ...
Próximos SlideShares
Carregando em…5
×

Workshop introduction to web 2.0 technologies and educational application of web 2.0 applications

384 visualizações

Publicada em

Introduction to web 2.0 technologies and educational application of web 2.0 applications

Publicada em: Educação
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui

Workshop introduction to web 2.0 technologies and educational application of web 2.0 applications

  1. 1. W O R K S H O P W E D N E S D A Y , 2 3 O C T O B E R , 2 0 1 3 Introduction to Web Technologies and Educational Applications of Web 2.0 M D . S A I F U D D I N K H A L I D E m a i l : k h a l i d @ l e a r n i n g . a a u . d k p r o f e s s o r k h a l i d @ g m a i l . c o m
  2. 2. Plan for the Day 2  Session 1:  0815 - 0900: Educational Applications of Web 2.0  0915 - 1000: Exercise - Reference Management  1000- 1100: Exercise - Portfolio  1100-1200: PBL, by Thomas Ryberg, Professor MSO.  1200-1230: Lunch break  Session 2:
  3. 3. Session 1 Objectives 1. To understand the concepts of ‘learning activities’ in relation to ‘web 2.0 tools’ 2. To integrate and adopt web 2.0 in relation to learning activities
  4. 4. Mapping Web 2.0 and Learning Activities 4  The trend of e- learning research and development has shifted from ‘learning object’ to ‘learning design’, while passing though four levels of increasing complexity.  Digital assets – typically referred to a single file (e.g. an audio clip, image or a video), in some cases called a ‘raw media asset’;  Information objects – are structured collection of digital assets, which are designed particularly to present information for pedagogical or academic administration purposes;  Learning activities – include the tasks performed by learning to achieve learning outcomes in a learning environment while interacting with people or resources.  Learning design – are structured and interdependent sequences of information and activities to promote learning Source: http://www.academia.edu/1495767/Facilitating_Adoption_of_Web_Tools_for_Problem_and_Project_Based_Learning_Activiti es
  5. 5. Task Taxonomy 5  Environment: ‘web-based’  pedagogical approaches: ‘cognitive problem-based’ and ‘situative project based learning’  interaction (who): ‘group-based’  role (which): ‘group participant’ Source: http://www.academia.edu/1495767/Facilitating_Adoption_of_Web_Tools_for_Problem_and_Project_Based_Learni ng_Activities
  6. 6. Type (What) Technique (How) Personally subscribed or used web 2.0 tools University administrated or subscribed web tools Assimilative: Reading, Viewing, Listening Reading, Viewing, Listening All - by all we refer to the tools mentioned in this table All - by all we refer to the tools mentioned in this table Information Handling: Gathering, Ordering, Classifying, Selecting, Analysing, Manipulating Concept mapping, Brainstorming, Buzz words, Crosswords, Defining, Mind mapping, Searching MindMeister, Mindmap, Wiggio, Diigo, Etherpad, Doodle, Facebook, Box.net, Basecamp, Delicious, Digg, Lectio, Zotero, Twitter, Google Translator, Google Docs Mahara, Moodle, Quickr, Adobe Connect, First class, AUB digital library, VBN (vbn.aau.dk), Projecter (Projektbiblioteket) Adaptive: Modelling, Simulation Modelling, Simulation Dabbleboard SecondLife Communicative: Discussing, Presenting, Debating, Critiquing Articulate reasoning, Arguing, Coaching, Debate, Discussion, Fishbowl, Ice breaker, Interview, Negotiation, On the spot questioning, Pair dialogues, Panel discussion, Peer exchange, Performance, Question and answer, Rounds, Scaffolding, Socratic instruction, Short answer, Snowball, Structured debate Google Groups, Google docs, Skype, SignApp Now, Messenger (MSN, Google & Yahoo), Facebook, LinkedIn, Twitter, Prezi, iGroups.dk, Wiggio, Google calendar, MindMap, MindMiester, Blogger, Wordpress, Lectio.dk, Mail (Gmail, yahoo, MSN etc.), TeamViewer, LogMeIn AAU mail, Mahara, Moodle, Quickr, Adobe Connect, First class Productive: Creating, Producing, Writing, Drawing, Composing, Synthesizing, Re-mixing Artifact, Assignment, Book report, Dissertation/thesis, Drill and practice, Essay, Exercise, Journaling, Presentation, Literature review, MCQ, Puzzles, Portfolio, Product, Report/paper, Test, Voting Dropbox, Evernote, Slideshare, Google Docs, One Note, Box.net, Dabbleboard, Wordpress, Blogger.com, Etherpad, LinkedIn, Prezi, Pageflakes, Blogger, Zotero Mahara, Moodle, Quickr, Adobe Connect, First class, VBN (vbn.aau.dk), Projecter (Projektbiblioteket) Experiential: Practicing, Applying, Mimicking, Experiencing, Exploring, Investigating, Performing Case study, Experimental, Field trip, Game, Role play, Scavenger hunt, Simulation SecondLife SecondLife 6 Source: http://www.academia.edu/1495767/Facilitating_Adoption_of_Web_Tools_for_Problem_and_Project_Based_Learning_Activities
  7. 7. Features of Web 2.0 Tools Vs. Learning Activities 7  Each web 2.0 tool has many features  Each of the tool’s feature’s ‘integration’ in ‘learning activities’ depend on both the ‘type (what)’ and ‘technique (how)’ of the activities.  From Software Engineering viewpoint use
  8. 8. Information Handling 8  Concept Mapping, Brain Storming & Mind Mapping:  MindMeister, WiseMapping, Padlet, Linoit  Searching:  Google Scholar  Reference Management  Zotero  Social Bookmarking:  Delicious, Diigo  Analysing, Manipulating  Word clouds: Wordle, tagxedo
  9. 9. Communicative: Discussing, Presenting, Debating, Critiquing 9  Discussing/Presenting  Google Hangout  Skype  Slideshare  Groupware  Facebook  Wiggio
  10. 10. Productive: Creating, Producing, Writing, Drawing, Composing, Synthesizing, Re-mixing 10  Creating/Producing/Writing/Composing  Google Docs, Crocodoc  Dropbox  Titanpad  Drawing  Gliffy  Diagramly/Draw.io  Padlet  Synthesizing/Re-mixing  Presentation: Prezi,  Portfolio: Academia, Researchgate, Linkedin  MCQ/Voting: Doodle, Google Docs
  11. 11. Session 2 Objectives 1. To know about the architecture of world wide web 2. To know about client-server architecture of web applications 3. To know about typical scripting languages and database platforms to develop web application 4. To explore PHP-MySQL application development environment
  12. 12. Architecture of WWW and Client-Server Architecture 12  ” The World Wide Web (WWW, or simply Web) is an information space in which the items of interest, referred to as resources, are identified by global identifiers called Uniform Resource Identifiers (URI).  Examples such as the following travel scenario are used throughout this document to illustrate typical behavior of Web agents—people or software acting on this information space. A user agent acts on behalf of a user. Software agents include servers, proxies, spiders, browsers, and multimedia players.” Source: http://www.w3.org/TR/webarch/
  13. 13. Client-Server Architecture 13 Source: http://contentdeliverance.com/2011/client-server-architecture/
  14. 14. Three-Tier Architecture 14 Three-tier architecture is a client–server architecture Source: http://en.wikipedia.o rg/wiki/Multitier_arc hitecture
  15. 15. Software Technology Platforms of Web App 15  Popular platforms are:  J2EE with PostgreSQL  PHP with MySQL  Ruby on Rails and MySQL  PHP with Amazon AWS and SimpleDB  Microsoft .Net platform  Open Source Software Sources  http://sourceforge.net/  Moodle LMS: http://bitnami.com/stack/moodle
  16. 16. Web-Server development environment 16 PHP-MySQL Services and Apache Server  http://www.apachefriends.org/en/xampp.html  http://www.mamp.info/en/index.html  http://www.wampserver.com/en/ HTML Website  http://www.htmltemplates.net/  http://freehtml5templates.com/  http://html5up.net/  http://html5templates.com/  http://www.html5mania.com/category/free-html5- templates/

×