Hola amigos a continuacion en esta entrada compartire un par de videos de Gestion de Riesgo , para que vayan comprendiendo mas .
EduPlanet
var simpleGallery_navpanel={
loadinggif: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiWPpFEC074jxvaPSGOsY3888wovridtoC02UTL6TdQJEqvS2KlzhfQEMedwGDAUQTy650rYZf_0U-2pNblO2MHgbGx1PTmCcJr2KSJVQRlL-diyJXze9MN3BvCROc36bz0ci-AMolQiw/s400/ajaxload.gif', //full path or URL to loading gif image
panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
images: [ 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil2d_rXqgayKcE25b289vJJKyOI4_fp0SCJ0Vzqqm2hB5iSASSmcvKDIJZFVjMDxHhvB5zDsjEVALhCSpVS7u-27YSY1ziwsJbs3B-u8cNkBHmuAGYaLJPOBrmqnXhtmdFPm3MY5oiMuU/s400/left.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg46FwDrV9Vp_kkwWZj_-Ck5eBvITv9rSh7NVXc9rYydAUeDXhbgOeCIpP34UXuGatjMAaki5rws0Y3qKyWEaJVngeb2Gr7U3QOAR72zK3E_spG7Qu82pn6hPOptjvd40yWeSMqKrWWPk/s400/play.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwH8u0unP98geNxqKQePwzwZ7ZKR5enDnh0H_IdCeS4u_7wZ3uPWZ77616o-LsJHT_i3HdT47-Rg9YUaZC_4MH2gf3rXjFFsfAqi17obA2x6no0eXNvUab2PPHzmxkvdTWpJnrGQ93haY/s400/right.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_uX8EuguGTFhDOOxhgOxDk1hxRKQz3hWztNxCI8TRKhOvXQHRKEptOqZb50e-hv1sojmwV-NV5sBF9XygOgydyOW17wkYGsUxISAieIwXbbVItD1SAAZAsnwWkLHvcLUUMcsc78fkftM/s400/pause.gif'], //nav panel images (in that order)
imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
slideduration: 500 //duration of slide up animation to reveal panel
}
function simpleGallery(settingarg){
this.setting=settingarg
settingarg=null
var setting=this.setting
setting.panelheight=(parseInt(setting.navpanelheight)>5)? parseInt(setting.navpanelheight) : parseInt(simpleGallery_navpanel.panel.height)
setting.fadeduration=parseInt(setting.fadeduration)
setting.curimage=(setting.persist)? simpleGallery.routines.getCookie("gallery-"+setting.wrapperid) : 0
setting.curimage=setting.curimage || 0 //account for curimage being null if cookie is empty
setting.preloadfirst=(!jQuery.Deferred)? false : (typeof setting.preloadfirst!="undefined")? setting.preloadfirst : true //Boolean on whether to preload all images before showing gallery
setting.ispaused=!setting.autoplay[0] //ispaused reflects current state of gallery, autoplay[0] indicates whether gallery is set to auto play
setting.currentstep=0 //keep track of # of slides slideshow has gone through
setting.totalsteps=setting.imagearray.length*setting.autoplay[2] //Total steps limit: # of images x # of user specified cycles
setting.fglayer=0, setting.bglayer=1 //index of active and background layer (switches after each change of slide)
setting.oninit=setting.oninit || function(){}
setting.onslide=setting.onslide || function(){}
var preloadimages=[], longestdesc=null, loadedimages=0
var dfd = (setting.preloadfirst)? jQuery.Deferred() : {resolve:function(){}, done:function(f){f()}} //create real deferred object unless preloadfirst setting is false or browser doesn't support it
setting.longestdesc="" //get longest description of all slides. If no desciptions defined, variable contains ""
setting.$loadinggif=(function(){ //preload and ref ajax loading gif
var loadgif=new Image()
loadgif.src=simpleGallery_navpanel.loadinggif
return jQuery(loadgif).css({verticalAlign:'middle'}).wrap('
').parent()
})()
for (var i=0; i
preloadimages[i]=new Image()
preloadimages[i].src=setting.imagearray[i][0]
if (setting.imagearray[i][3] && setting.imagearray[i][3].length>setting.longestdesc.length)
setting.longestdesc=setting.imagearray[i][3]
jQuery(preloadimages[i]).bind('load error', function(){
loadedimages++
if (loadedimages==setting.imagearray.length){
dfd.resolve() //indicate all images have been loaded
}
})
}
var slideshow=this
jQuery(document).ready(function($){
var setting=slideshow.setting
setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'black', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main gallery DIV
if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found
alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.")
return
}
setting.$gallerylayers=$('') //two stacked DIVs to display the actual slide
.css({position:'absolute', left:0, top:0})
.appendTo(setting.$wrapperdiv)
setting.$loadinggif.css({top:setting.dimensions[1]/2-30}).appendTo(setting.$wrapperdiv) //30 is assumed height of ajax loading gif
setting.gallerylayers=setting.$gallerylayers.get() //cache stacked DIVs as DOM objects
setting.navbuttons=simpleGallery.routines.addnavpanel(setting) //get 4 nav buttons DIVs as DOM objects
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
setting.descdiv=simpleGallery.routines.adddescpanel(setting)
$(setting.navbuttons).filter('img.navimages').css({opacity:0.8})
.bind('mouseover mouseout', function(e){
$(this).css({opacity:(e.type=="mouseover")? 1 : 0.8})
})
.bind('click', function(e){
var keyword=e.target.title.toLowerCase()
slideshow.navigate(keyword) //assign behavior to nav images
})
dfd.done(function(){ //execute when all images have loaded
setting.$loadinggif.remove()
setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidenavpanel('show')})
setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidenavpanel('hide')})
slideshow.showslide(setting.curimage) //show initial slide
setting.oninit.call(slideshow) //trigger oninit() event
$(window).bind('unload', function(){ //clean up and persist
$(slideshow.setting.navbuttons).unbind()
if (slideshow.setting.persist) //remember last shown image's index
simpleGallery.routines.setCookie("gallery-"+setting.wrapperid, setting.curimage)
jQuery.each(slideshow.setting, function(k){
if (slideshow.setting[k] instanceof Array){
for (var i=0; i
if (slideshow.setting[k][i].tagName=="DIV") //catches 2 gallerylayer divs, gallerystatus div
slideshow.setting[k][i].innerHTML=null
slideshow.setting[k][i]=null
}
}
if (slideshow.setting[k].innerHTML) //catch gallerydesctext div
slideshow.setting[k].innerHTML=null
slideshow.setting[k]=null
})
slideshow=slideshow.setting=null
})
}) //end deferred code
}) //end jQuery domload
}
simpleGallery.prototype={
navigate:function(keyword){
clearTimeout(this.setting.playtimer)
this.setting.totalsteps=100000 //if any of the nav buttons are clicked on, set totalsteps limit to an "unreachable" number
if (!isNaN(parseInt(keyword))){
this.showslide(parseInt(keyword))
}
else if (/(prev)|(next)/i.test(keyword)){
this.showslide(keyword.toLowerCase())
}
else{ //if play|pause button
var slideshow=this
var $playbutton=$(this.setting.navbuttons).eq(1)
if (!this.setting.ispaused){ //if pause Gallery
this.setting.autoplay[0]=false
$playbutton.attr({title:'Play', src:simpleGallery_navpanel.images[1]})
}
else if (this.setting.ispaused){ //if play Gallery
this.setting.autoplay[0]=true
this.setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, this.setting.autoplay[1])
$playbutton.attr({title:'Pause', src:simpleGallery_navpanel.images[3]})
}
slideshow.setting.ispaused=!slideshow.setting.ispaused
}
},
showslide:function(keyword){
var slideshow=this
var setting=slideshow.setting
var totalimages=setting.imagearray.length
var imgindex=(keyword=="next")? (setting.curimage
: (keyword=="prev")? (setting.curimage>0? setting.curimage-1 : totalimages-1)
: Math.min(keyword, totalimages-1)
setting.gallerylayers[setting.bglayer].innerHTML=simpleGallery.routines.getSlideHTML(setting.imagearray[imgindex])
setting.$gallerylayers.eq(setting.bglayer).css({zIndex:1000, opacity:0}) //background layer becomes foreground
.stop().css({opacity:0}).animate({opacity:1}, setting.fadeduration, function(){ //Callback function after fade animation is complete:
clearTimeout(setting.playtimer)
setting.gallerylayers[setting.bglayer].innerHTML=null //empty bglayer (previously fglayer before setting.fglayer=setting.bglayer was set below)
try{
setting.onslide.call(slideshow, setting.gallerylayers[setting.fglayer], setting.curimage)
}catch(e){
alert("Simple Controls Gallery: An error has occured somwhere in your code attached to the \"onslide\" event: "+e)
}
setting.currentstep+=1
if (setting.autoplay[0]){
if (setting.currentstep<=setting.totalsteps)
setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, setting.autoplay[1])
else
slideshow.navigate("play/pause")
}
}) //end callback function
setting.gallerylayers[setting.fglayer].style.zIndex=999 //foreground layer becomes background
setting.fglayer=setting.bglayer
setting.bglayer=(setting.bglayer==0)? 1 : 0
setting.curimage=imgindex
setting.navbuttons[3].innerHTML=(setting.curimage+1) + '/' + setting.imagearray.length
if (setting.imagearray[imgindex][3]){ //if this slide contains a description
setting.$descpanel.css({visibility:'visible'})
setting.descdiv.innerHTML=setting.imagearray[imgindex][3]
}
else if (setting.longestdesc!=""){ //if at least one slide contains a description (feature is enabled)
setting.descdiv.innerHTML=null
setting.$descpanel.css({visibility:'hidden'})
}
},
showhidenavpanel:function(state){
var setting=this.setting
var endpoint=(state=="show")? setting.dimensions[1]-setting.panelheight : this.setting.dimensions[1]
setting.$navpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
this.showhidedescpanel(state)
},
showhidedescpanel:function(state){
var setting=this.setting
var endpoint=(state=="show")? 0 : -setting.descpanelheight
setting.$descpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
}
}
simpleGallery.routines={
getSlideHTML:function(imgelement){
var layerHTML=(imgelement[1])? '\n' : '' //hyperlink slide?
layerHTML+='
'
layerHTML+=(imgelement[1])? '' : ''
return layerHTML //return HTML for this layer
},
addnavpanel:function(setting){
var interfaceHTML=''
for (var i=0; i<3;>
var imgstyle='position:relative; border:0; cursor:hand; cursor:pointer; top:'+simpleGallery_navpanel.imageSpacing.offsetTop[i]+'px; margin-right:'+(i!=2? simpleGallery_navpanel.imageSpacing.spacing+'px' : 0)
var title=(i==0? 'Prev' : (i==1)? (setting.ispaused? 'Play' : 'Pause') : 'Next')
var imagesrc=(i==1)? simpleGallery_navpanel.images[(setting.ispaused)? 1 : 3] : simpleGallery_navpanel.images[i]
interfaceHTML+='
'
}
interfaceHTML+='
' + (setting.curimage+1) + '/' + setting.imagearray.length + '
' setting.$navpanel=$('')
.css({position:'absolute', width:'100%', height:setting.panelheight, left:0, top:setting.dimensions[1], font:simpleGallery_navpanel.panel.fontStyle, zIndex:'1001'})
.appendTo(setting.$wrapperdiv)
$('') //create inner nav panel DIVs
.css({position:'absolute', left:0, top:0, width:'100%', height:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"navpanelbg" div
.eq(1).css({paddingTop:simpleGallery_navpanel.panel.paddingTop, textAlign:'center', color:'white'}).html(interfaceHTML).end() //"navpanelfg" div
.appendTo(setting.$navpanel)
return setting.$navpanel.find('img.navimages, div.gallerystatus').get() //return 4 nav related images and DIVs as DOM objects
},
adddescpanel:function(setting){
setting.$descpanel=$('')
.css({position:'absolute', width:'100%', left:0, top:-1000, zIndex:'1001'})
.find('div').css({position:'absolute', left:0, top:0, width:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"gallerydescbg" div
.eq(1).css({color:'white'}).end() //"gallerydescfg" div
.eq(2).html(setting.longestdesc).end().end()
.appendTo(setting.$wrapperdiv)
var $gallerydesctext=setting.$descpanel.find('div.gallerydesctext')
setting.descpanelheight=$gallerydesctext.outerHeight()
setting.$descpanel.css({top:-setting.descpanelheight, height:setting.descpanelheight}).find('div').css({height:'100%'})
return setting.$descpanel.find('div.gallerydesctext').get(0) //return gallery description DIV as a DOM object
},
getCookie:function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null
},
setCookie:function(name, value){
document.cookie = name+"=" + value + ";path=/"
}
}
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["PONER EL LINK DE LA IMAGEN 1", "#", "_new", "LA DESCRIPCION"],
["PONER EL LINK DE LA IMAGEN 2", "#", "_new", "LA DESCRIPCION "],
["PONER EL LINK DE LA IMAGEN 3","#", "_new", "LA DESCRIPCION "],
["PONER EL LINK DE LA IMAGEN 4", "#", "_new", "LA DESCRIPCION "],
["PONER EL LINK DE LA IMAGEN 5", "#", "_new", "LA DESCRIPCION "]
],
autoplay: [true, 2000, 20], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
var simpleGallery_navpanel={
loadinggif: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiWPpFEC074jxvaPSGOsY3888wovridtoC02UTL6TdQJEqvS2KlzhfQEMedwGDAUQTy650rYZf_0U-2pNblO2MHgbGx1PTmCcJr2KSJVQRlL-diyJXze9MN3BvCROc36bz0ci-AMolQiw/s400/ajaxload.gif', //full path or URL to loading gif image
panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
images: [ 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil2d_rXqgayKcE25b289vJJKyOI4_fp0SCJ0Vzqqm2hB5iSASSmcvKDIJZFVjMDxHhvB5zDsjEVALhCSpVS7u-27YSY1ziwsJbs3B-u8cNkBHmuAGYaLJPOBrmqnXhtmdFPm3MY5oiMuU/s400/left.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg46FwDrV9Vp_kkwWZj_-Ck5eBvITv9rSh7NVXc9rYydAUeDXhbgOeCIpP34UXuGatjMAaki5rws0Y3qKyWEaJVngeb2Gr7U3QOAR72zK3E_spG7Qu82pn6hPOptjvd40yWeSMqKrWWPk/s400/play.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwH8u0unP98geNxqKQePwzwZ7ZKR5enDnh0H_IdCeS4u_7wZ3uPWZ77616o-LsJHT_i3HdT47-Rg9YUaZC_4MH2gf3rXjFFsfAqi17obA2x6no0eXNvUab2PPHzmxkvdTWpJnrGQ93haY/s400/right.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_uX8EuguGTFhDOOxhgOxDk1hxRKQz3hWztNxCI8TRKhOvXQHRKEptOqZb50e-hv1sojmwV-NV5sBF9XygOgydyOW17wkYGsUxISAieIwXbbVItD1SAAZAsnwWkLHvcLUUMcsc78fkftM/s400/pause.gif'], //nav panel images (in that order)
imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
slideduration: 500 //duration of slide up animation to reveal panel
}
loadinggif: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiWPpFEC074jxvaPSGOsY3888wovridtoC02UTL6TdQJEqvS2KlzhfQEMedwGDAUQTy650rYZf_0U-2pNblO2MHgbGx1PTmCcJr2KSJVQRlL-diyJXze9MN3BvCROc36bz0ci-AMolQiw/s400/ajaxload.gif', //full path or URL to loading gif image
panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
images: [ 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil2d_rXqgayKcE25b289vJJKyOI4_fp0SCJ0Vzqqm2hB5iSASSmcvKDIJZFVjMDxHhvB5zDsjEVALhCSpVS7u-27YSY1ziwsJbs3B-u8cNkBHmuAGYaLJPOBrmqnXhtmdFPm3MY5oiMuU/s400/left.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg46FwDrV9Vp_kkwWZj_-Ck5eBvITv9rSh7NVXc9rYydAUeDXhbgOeCIpP34UXuGatjMAaki5rws0Y3qKyWEaJVngeb2Gr7U3QOAR72zK3E_spG7Qu82pn6hPOptjvd40yWeSMqKrWWPk/s400/play.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwH8u0unP98geNxqKQePwzwZ7ZKR5enDnh0H_IdCeS4u_7wZ3uPWZ77616o-LsJHT_i3HdT47-Rg9YUaZC_4MH2gf3rXjFFsfAqi17obA2x6no0eXNvUab2PPHzmxkvdTWpJnrGQ93haY/s400/right.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_uX8EuguGTFhDOOxhgOxDk1hxRKQz3hWztNxCI8TRKhOvXQHRKEptOqZb50e-hv1sojmwV-NV5sBF9XygOgydyOW17wkYGsUxISAieIwXbbVItD1SAAZAsnwWkLHvcLUUMcsc78fkftM/s400/pause.gif'], //nav panel images (in that order)
imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
slideduration: 500 //duration of slide up animation to reveal panel
}
function simpleGallery(settingarg){
this.setting=settingarg
settingarg=null
var setting=this.setting
setting.panelheight=(parseInt(setting.navpanelheight)>5)? parseInt(setting.navpanelheight) : parseInt(simpleGallery_navpanel.panel.height)
setting.fadeduration=parseInt(setting.fadeduration)
setting.curimage=(setting.persist)? simpleGallery.routines.getCookie("gallery-"+setting.wrapperid) : 0
setting.curimage=setting.curimage || 0 //account for curimage being null if cookie is empty
setting.preloadfirst=(!jQuery.Deferred)? false : (typeof setting.preloadfirst!="undefined")? setting.preloadfirst : true //Boolean on whether to preload all images before showing gallery
setting.ispaused=!setting.autoplay[0] //ispaused reflects current state of gallery, autoplay[0] indicates whether gallery is set to auto play
setting.currentstep=0 //keep track of # of slides slideshow has gone through
setting.totalsteps=setting.imagearray.length*setting.autoplay[2] //Total steps limit: # of images x # of user specified cycles
setting.fglayer=0, setting.bglayer=1 //index of active and background layer (switches after each change of slide)
setting.oninit=setting.oninit || function(){}
setting.onslide=setting.onslide || function(){}
var preloadimages=[], longestdesc=null, loadedimages=0
var dfd = (setting.preloadfirst)? jQuery.Deferred() : {resolve:function(){}, done:function(f){f()}} //create real deferred object unless preloadfirst setting is false or browser doesn't support it
setting.longestdesc="" //get longest description of all slides. If no desciptions defined, variable contains ""
setting.$loadinggif=(function(){ //preload and ref ajax loading gif
var loadgif=new Image()
loadgif.src=simpleGallery_navpanel.loadinggif
return jQuery(loadgif).css({verticalAlign:'middle'}).wrap('
["PONER EL LINK DE LA IMAGEN 3","#", "_new", "LA DESCRIPCION "],
["PONER EL LINK DE LA IMAGEN 4", "#", "_new", "LA DESCRIPCION "],
["PONER EL LINK DE LA IMAGEN 5", "#", "_new", "LA DESCRIPCION "]
this.setting=settingarg
settingarg=null
var setting=this.setting
setting.panelheight=(parseInt(setting.navpanelheight)>5)? parseInt(setting.navpanelheight) : parseInt(simpleGallery_navpanel.panel.height)
setting.fadeduration=parseInt(setting.fadeduration)
setting.curimage=(setting.persist)? simpleGallery.routines.getCookie("gallery-"+setting.wrapperid) : 0
setting.curimage=setting.curimage || 0 //account for curimage being null if cookie is empty
setting.preloadfirst=(!jQuery.Deferred)? false : (typeof setting.preloadfirst!="undefined")? setting.preloadfirst : true //Boolean on whether to preload all images before showing gallery
setting.ispaused=!setting.autoplay[0] //ispaused reflects current state of gallery, autoplay[0] indicates whether gallery is set to auto play
setting.currentstep=0 //keep track of # of slides slideshow has gone through
setting.totalsteps=setting.imagearray.length*setting.autoplay[2] //Total steps limit: # of images x # of user specified cycles
setting.fglayer=0, setting.bglayer=1 //index of active and background layer (switches after each change of slide)
setting.oninit=setting.oninit || function(){}
setting.onslide=setting.onslide || function(){}
var preloadimages=[], longestdesc=null, loadedimages=0
var dfd = (setting.preloadfirst)? jQuery.Deferred() : {resolve:function(){}, done:function(f){f()}} //create real deferred object unless preloadfirst setting is false or browser doesn't support it
setting.longestdesc="" //get longest description of all slides. If no desciptions defined, variable contains ""
setting.$loadinggif=(function(){ //preload and ref ajax loading gif
var loadgif=new Image()
loadgif.src=simpleGallery_navpanel.loadinggif
return jQuery(loadgif).css({verticalAlign:'middle'}).wrap('
').parent()
})()
for (var i=0; i preloadimages[i]=new Image()
preloadimages[i].src=setting.imagearray[i][0]
if (setting.imagearray[i][3] && setting.imagearray[i][3].length>setting.longestdesc.length)
setting.longestdesc=setting.imagearray[i][3]
jQuery(preloadimages[i]).bind('load error', function(){
loadedimages++
if (loadedimages==setting.imagearray.length){
dfd.resolve() //indicate all images have been loaded
}
})
}
var slideshow=this
jQuery(document).ready(function($){
var setting=slideshow.setting
setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'black', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main gallery DIV
if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found
alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.")
return
}
setting.$gallerylayers=$('') //two stacked DIVs to display the actual slide
.css({position:'absolute', left:0, top:0})
.appendTo(setting.$wrapperdiv)
setting.$loadinggif.css({top:setting.dimensions[1]/2-30}).appendTo(setting.$wrapperdiv) //30 is assumed height of ajax loading gif
setting.gallerylayers=setting.$gallerylayers.get() //cache stacked DIVs as DOM objects
setting.navbuttons=simpleGallery.routines.addnavpanel(setting) //get 4 nav buttons DIVs as DOM objects
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
setting.descdiv=simpleGallery.routines.adddescpanel(setting)
$(setting.navbuttons).filter('img.navimages').css({opacity:0.8})
.bind('mouseover mouseout', function(e){
$(this).css({opacity:(e.type=="mouseover")? 1 : 0.8})
})
.bind('click', function(e){
var keyword=e.target.title.toLowerCase()
slideshow.navigate(keyword) //assign behavior to nav images
})
dfd.done(function(){ //execute when all images have loaded
setting.$loadinggif.remove()
setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidenavpanel('show')})
setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidenavpanel('hide')})
slideshow.showslide(setting.curimage) //show initial slide
setting.oninit.call(slideshow) //trigger oninit() event
$(window).bind('unload', function(){ //clean up and persist
$(slideshow.setting.navbuttons).unbind()
if (slideshow.setting.persist) //remember last shown image's index
simpleGallery.routines.setCookie("gallery-"+setting.wrapperid, setting.curimage)
jQuery.each(slideshow.setting, function(k){
if (slideshow.setting[k] instanceof Array){
for (var i=0; i if (slideshow.setting[k][i].tagName=="DIV") //catches 2 gallerylayer divs, gallerystatus div
slideshow.setting[k][i].innerHTML=null
slideshow.setting[k][i]=null
}
}
if (slideshow.setting[k].innerHTML) //catch gallerydesctext div
slideshow.setting[k].innerHTML=null
slideshow.setting[k]=null
})
slideshow=slideshow.setting=null
})
}) //end deferred code
}) //end jQuery domload
}
})()
for (var i=0; i
preloadimages[i].src=setting.imagearray[i][0]
if (setting.imagearray[i][3] && setting.imagearray[i][3].length>setting.longestdesc.length)
setting.longestdesc=setting.imagearray[i][3]
jQuery(preloadimages[i]).bind('load error', function(){
loadedimages++
if (loadedimages==setting.imagearray.length){
dfd.resolve() //indicate all images have been loaded
}
})
}
var slideshow=this
jQuery(document).ready(function($){
var setting=slideshow.setting
setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'black', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main gallery DIV
if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found
alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.")
return
}
setting.$gallerylayers=$('') //two stacked DIVs to display the actual slide
.css({position:'absolute', left:0, top:0})
.appendTo(setting.$wrapperdiv)
setting.$loadinggif.css({top:setting.dimensions[1]/2-30}).appendTo(setting.$wrapperdiv) //30 is assumed height of ajax loading gif
setting.gallerylayers=setting.$gallerylayers.get() //cache stacked DIVs as DOM objects
setting.navbuttons=simpleGallery.routines.addnavpanel(setting) //get 4 nav buttons DIVs as DOM objects
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
setting.descdiv=simpleGallery.routines.adddescpanel(setting)
$(setting.navbuttons).filter('img.navimages').css({opacity:0.8})
.bind('mouseover mouseout', function(e){
$(this).css({opacity:(e.type=="mouseover")? 1 : 0.8})
})
.bind('click', function(e){
var keyword=e.target.title.toLowerCase()
slideshow.navigate(keyword) //assign behavior to nav images
})
dfd.done(function(){ //execute when all images have loaded
setting.$loadinggif.remove()
setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidenavpanel('show')})
setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidenavpanel('hide')})
slideshow.showslide(setting.curimage) //show initial slide
setting.oninit.call(slideshow) //trigger oninit() event
$(window).bind('unload', function(){ //clean up and persist
$(slideshow.setting.navbuttons).unbind()
if (slideshow.setting.persist) //remember last shown image's index
simpleGallery.routines.setCookie("gallery-"+setting.wrapperid, setting.curimage)
jQuery.each(slideshow.setting, function(k){
if (slideshow.setting[k] instanceof Array){
for (var i=0; i
slideshow.setting[k][i].innerHTML=null
slideshow.setting[k][i]=null
}
}
if (slideshow.setting[k].innerHTML) //catch gallerydesctext div
slideshow.setting[k].innerHTML=null
slideshow.setting[k]=null
})
slideshow=slideshow.setting=null
})
}) //end deferred code
}) //end jQuery domload
}
simpleGallery.prototype={
navigate:function(keyword){
clearTimeout(this.setting.playtimer)
this.setting.totalsteps=100000 //if any of the nav buttons are clicked on, set totalsteps limit to an "unreachable" number
if (!isNaN(parseInt(keyword))){
this.showslide(parseInt(keyword))
}
else if (/(prev)|(next)/i.test(keyword)){
this.showslide(keyword.toLowerCase())
}
else{ //if play|pause button
var slideshow=this
var $playbutton=$(this.setting.navbuttons).eq(1)
if (!this.setting.ispaused){ //if pause Gallery
this.setting.autoplay[0]=false
$playbutton.attr({title:'Play', src:simpleGallery_navpanel.images[1]})
}
else if (this.setting.ispaused){ //if play Gallery
this.setting.autoplay[0]=true
this.setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, this.setting.autoplay[1])
$playbutton.attr({title:'Pause', src:simpleGallery_navpanel.images[3]})
}
slideshow.setting.ispaused=!slideshow.setting.ispaused
}
},
clearTimeout(this.setting.playtimer)
this.setting.totalsteps=100000 //if any of the nav buttons are clicked on, set totalsteps limit to an "unreachable" number
if (!isNaN(parseInt(keyword))){
this.showslide(parseInt(keyword))
}
else if (/(prev)|(next)/i.test(keyword)){
this.showslide(keyword.toLowerCase())
}
else{ //if play|pause button
var slideshow=this
var $playbutton=$(this.setting.navbuttons).eq(1)
if (!this.setting.ispaused){ //if pause Gallery
this.setting.autoplay[0]=false
$playbutton.attr({title:'Play', src:simpleGallery_navpanel.images[1]})
}
else if (this.setting.ispaused){ //if play Gallery
this.setting.autoplay[0]=true
this.setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, this.setting.autoplay[1])
$playbutton.attr({title:'Pause', src:simpleGallery_navpanel.images[3]})
}
slideshow.setting.ispaused=!slideshow.setting.ispaused
}
},
showslide:function(keyword){
var slideshow=this
var setting=slideshow.setting
var totalimages=setting.imagearray.length
var imgindex=(keyword=="next")? (setting.curimage : (keyword=="prev")? (setting.curimage>0? setting.curimage-1 : totalimages-1)
: Math.min(keyword, totalimages-1)
setting.gallerylayers[setting.bglayer].innerHTML=simpleGallery.routines.getSlideHTML(setting.imagearray[imgindex])
setting.$gallerylayers.eq(setting.bglayer).css({zIndex:1000, opacity:0}) //background layer becomes foreground
.stop().css({opacity:0}).animate({opacity:1}, setting.fadeduration, function(){ //Callback function after fade animation is complete:
clearTimeout(setting.playtimer)
setting.gallerylayers[setting.bglayer].innerHTML=null //empty bglayer (previously fglayer before setting.fglayer=setting.bglayer was set below)
try{
setting.onslide.call(slideshow, setting.gallerylayers[setting.fglayer], setting.curimage)
}catch(e){
alert("Simple Controls Gallery: An error has occured somwhere in your code attached to the \"onslide\" event: "+e)
}
setting.currentstep+=1
if (setting.autoplay[0]){
if (setting.currentstep<=setting.totalsteps)
setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, setting.autoplay[1])
else
slideshow.navigate("play/pause")
}
}) //end callback function
setting.gallerylayers[setting.fglayer].style.zIndex=999 //foreground layer becomes background
setting.fglayer=setting.bglayer
setting.bglayer=(setting.bglayer==0)? 1 : 0
setting.curimage=imgindex
setting.navbuttons[3].innerHTML=(setting.curimage+1) + '/' + setting.imagearray.length
if (setting.imagearray[imgindex][3]){ //if this slide contains a description
setting.$descpanel.css({visibility:'visible'})
setting.descdiv.innerHTML=setting.imagearray[imgindex][3]
}
else if (setting.longestdesc!=""){ //if at least one slide contains a description (feature is enabled)
setting.descdiv.innerHTML=null
setting.$descpanel.css({visibility:'hidden'})
var slideshow=this
var setting=slideshow.setting
var totalimages=setting.imagearray.length
var imgindex=(keyword=="next")? (setting.curimage
: Math.min(keyword, totalimages-1)
setting.gallerylayers[setting.bglayer].innerHTML=simpleGallery.routines.getSlideHTML(setting.imagearray[imgindex])
setting.$gallerylayers.eq(setting.bglayer).css({zIndex:1000, opacity:0}) //background layer becomes foreground
.stop().css({opacity:0}).animate({opacity:1}, setting.fadeduration, function(){ //Callback function after fade animation is complete:
clearTimeout(setting.playtimer)
setting.gallerylayers[setting.bglayer].innerHTML=null //empty bglayer (previously fglayer before setting.fglayer=setting.bglayer was set below)
try{
setting.onslide.call(slideshow, setting.gallerylayers[setting.fglayer], setting.curimage)
}catch(e){
alert("Simple Controls Gallery: An error has occured somwhere in your code attached to the \"onslide\" event: "+e)
}
setting.currentstep+=1
if (setting.autoplay[0]){
if (setting.currentstep<=setting.totalsteps)
setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, setting.autoplay[1])
else
slideshow.navigate("play/pause")
}
}) //end callback function
setting.gallerylayers[setting.fglayer].style.zIndex=999 //foreground layer becomes background
setting.fglayer=setting.bglayer
setting.bglayer=(setting.bglayer==0)? 1 : 0
setting.curimage=imgindex
setting.navbuttons[3].innerHTML=(setting.curimage+1) + '/' + setting.imagearray.length
if (setting.imagearray[imgindex][3]){ //if this slide contains a description
setting.$descpanel.css({visibility:'visible'})
setting.descdiv.innerHTML=setting.imagearray[imgindex][3]
}
else if (setting.longestdesc!=""){ //if at least one slide contains a description (feature is enabled)
setting.descdiv.innerHTML=null
setting.$descpanel.css({visibility:'hidden'})
}
},
},
showhidenavpanel:function(state){
var setting=this.setting
var endpoint=(state=="show")? setting.dimensions[1]-setting.panelheight : this.setting.dimensions[1]
setting.$navpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
this.showhidedescpanel(state)
},
var setting=this.setting
var endpoint=(state=="show")? setting.dimensions[1]-setting.panelheight : this.setting.dimensions[1]
setting.$navpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
this.showhidedescpanel(state)
},
showhidedescpanel:function(state){
var setting=this.setting
var endpoint=(state=="show")? 0 : -setting.descpanelheight
setting.$descpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
}
}
var setting=this.setting
var endpoint=(state=="show")? 0 : -setting.descpanelheight
setting.$descpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
}
}
simpleGallery.routines={
getSlideHTML:function(imgelement){
var layerHTML=(imgelement[1])? '\n' : '' //hyperlink slide?
layerHTML+='
'
layerHTML+=(imgelement[1])? '' : ''
return layerHTML //return HTML for this layer
},
var layerHTML=(imgelement[1])? '\n' : '' //hyperlink slide?
layerHTML+='
layerHTML+=(imgelement[1])? '' : ''
return layerHTML //return HTML for this layer
},
addnavpanel:function(setting){
var interfaceHTML=''
for (var i=0; i<3;> var imgstyle='position:relative; border:0; cursor:hand; cursor:pointer; top:'+simpleGallery_navpanel.imageSpacing.offsetTop[i]+'px; margin-right:'+(i!=2? simpleGallery_navpanel.imageSpacing.spacing+'px' : 0)
var title=(i==0? 'Prev' : (i==1)? (setting.ispaused? 'Play' : 'Pause') : 'Next')
var imagesrc=(i==1)? simpleGallery_navpanel.images[(setting.ispaused)? 1 : 3] : simpleGallery_navpanel.images[i]
interfaceHTML+='
'
}
interfaceHTML+='
setting.$navpanel=$('')
.css({position:'absolute', width:'100%', height:setting.panelheight, left:0, top:setting.dimensions[1], font:simpleGallery_navpanel.panel.fontStyle, zIndex:'1001'})
.appendTo(setting.$wrapperdiv)
$('') //create inner nav panel DIVs
.css({position:'absolute', left:0, top:0, width:'100%', height:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"navpanelbg" div
.eq(1).css({paddingTop:simpleGallery_navpanel.panel.paddingTop, textAlign:'center', color:'white'}).html(interfaceHTML).end() //"navpanelfg" div
.appendTo(setting.$navpanel)
return setting.$navpanel.find('img.navimages, div.gallerystatus').get() //return 4 nav related images and DIVs as DOM objects
},
var interfaceHTML=''
for (var i=0; i<3;> var imgstyle='position:relative; border:0; cursor:hand; cursor:pointer; top:'+simpleGallery_navpanel.imageSpacing.offsetTop[i]+'px; margin-right:'+(i!=2? simpleGallery_navpanel.imageSpacing.spacing+'px' : 0)
var title=(i==0? 'Prev' : (i==1)? (setting.ispaused? 'Play' : 'Pause') : 'Next')
var imagesrc=(i==1)? simpleGallery_navpanel.images[(setting.ispaused)? 1 : 3] : simpleGallery_navpanel.images[i]
interfaceHTML+='
}
interfaceHTML+='
' + (setting.curimage+1) + '/' + setting.imagearray.length + '
' setting.$navpanel=$('')
.css({position:'absolute', width:'100%', height:setting.panelheight, left:0, top:setting.dimensions[1], font:simpleGallery_navpanel.panel.fontStyle, zIndex:'1001'})
.appendTo(setting.$wrapperdiv)
$('') //create inner nav panel DIVs
.css({position:'absolute', left:0, top:0, width:'100%', height:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"navpanelbg" div
.eq(1).css({paddingTop:simpleGallery_navpanel.panel.paddingTop, textAlign:'center', color:'white'}).html(interfaceHTML).end() //"navpanelfg" div
.appendTo(setting.$navpanel)
return setting.$navpanel.find('img.navimages, div.gallerystatus').get() //return 4 nav related images and DIVs as DOM objects
},
adddescpanel:function(setting){
setting.$descpanel=$('')
.css({position:'absolute', width:'100%', left:0, top:-1000, zIndex:'1001'})
.find('div').css({position:'absolute', left:0, top:0, width:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"gallerydescbg" div
.eq(1).css({color:'white'}).end() //"gallerydescfg" div
.eq(2).html(setting.longestdesc).end().end()
.appendTo(setting.$wrapperdiv)
var $gallerydesctext=setting.$descpanel.find('div.gallerydesctext')
setting.descpanelheight=$gallerydesctext.outerHeight()
setting.$descpanel.css({top:-setting.descpanelheight, height:setting.descpanelheight}).find('div').css({height:'100%'})
return setting.$descpanel.find('div.gallerydesctext').get(0) //return gallery description DIV as a DOM object
},
setting.$descpanel=$('
.css({position:'absolute', width:'100%', left:0, top:-1000, zIndex:'1001'})
.find('div').css({position:'absolute', left:0, top:0, width:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"gallerydescbg" div
.eq(1).css({color:'white'}).end() //"gallerydescfg" div
.eq(2).html(setting.longestdesc).end().end()
.appendTo(setting.$wrapperdiv)
var $gallerydesctext=setting.$descpanel.find('div.gallerydesctext')
setting.descpanelheight=$gallerydesctext.outerHeight()
setting.$descpanel.css({top:-setting.descpanelheight, height:setting.descpanelheight}).find('div').css({height:'100%'})
return setting.$descpanel.find('div.gallerydesctext').get(0) //return gallery description DIV as a DOM object
},
getCookie:function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null
},
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null
},
setCookie:function(name, value){
document.cookie = name+"=" + value + ";path=/"
}
}
document.cookie = name+"=" + value + ";path=/"
}
}
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["PONER EL LINK DE LA IMAGEN 1", "#", "_new", "LA DESCRIPCION"],
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["PONER EL LINK DE LA IMAGEN 1", "#", "_new", "LA DESCRIPCION"],
["PONER EL LINK DE LA IMAGEN 2", "#", "_new", "LA DESCRIPCION "],
["PONER EL LINK DE LA IMAGEN 3","#", "_new", "LA DESCRIPCION "],
["PONER EL LINK DE LA IMAGEN 4", "#", "_new", "LA DESCRIPCION "],
["PONER EL LINK DE LA IMAGEN 5", "#", "_new", "LA DESCRIPCION "]
],
autoplay: [true, 2000, 20], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
autoplay: [true, 2000, 20], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
martes, 12 de noviembre de 2013
Ciclo de Gestión de Riesgo
Ciclo de los eventos adversos
Se entiende por Gestión de Riesgo al proceso eficiente de planificación ,organización, dirección y control dirigido a la reducción de riesgos mediante intervención y manejo de desastres y recuperación de eventos ya ocurridos .
Reducción de riesgo
Estafase esta destinada a eliminar los riesgos (de ser posible) o disminuirlos.
Dentro de esta fase podemos distinguir dos componentes:
Prevención
Acciones dirigidas a eliminar los riesgos , Es dificil eliminar totalmente los riesgos , sobre todo si la amenaza es de origen natural ,pero podemos tener buenos resultados si trabajamos a futuro , cuado se planea.
Por ejemplo, areas de expansion de una ciudad , cambio en usos de tierra , circunstancias en los cuales se puede incluir el concepto d eprevencion como una variable mas en los criterios para la toma de decisiones.
Mitigación:
Conjunto de acciones dirigidas a reducir los efectos generados por la presentación de un evento , y por ende, reducir al máximo los daños.
Algunas de las actividades de mitigación comprenden ; identificación de zonas de riesgos , elaboración de normas de construcción , reforzamiento de estructuras , etc.
Manejo de desastres
En esta etapa se prevé como enfrentar de la mejor manera el impacto de los desastres y sus efectos : abarca ademas todas las operaciones para respuestas oportunas, atención de afectados, reducción de perdidas, primeros auxilios, control y lucha de incendios,etc.
El manejo de desastres comprende:
Preparación:
Elaboración de planes de respuesta, búsqueda y asistencia de victimas , etc
Alerta:
Estado generado por la declaración formal de un desastre muy cercano inminente.
Respuesta:
Acciones llevadas a cabo ante un evento adverso y tiene por objeto salvar vidas y reducir el sufrimiento de las personas . Esto incluye: asistencia medica, primeros auxilios ,alojamiento temporal , suministros de ropa, alimentos.
Recuperación:
En esta fase se instauran las medidas que inician el proceso de restablecimiento de las condiciones de vida normales de una comunidad afectada por un desastre.
Abarca dos grandes aspectos:
Rehabilitación: comprende el periodo de transición que se inicia al final de la respuesta en el que se establece en los servicios básicos indispensables.
Reconstrucción: proceso mediante el cual se repara definitivamente la infraestructura .Se restaura la producción y se recupera el patrón de vida de los pobladores de la comunidad .


contador visitas
Se entiende por Gestión de Riesgo al proceso eficiente de planificación ,organización, dirección y control dirigido a la reducción de riesgos mediante intervención y manejo de desastres y recuperación de eventos ya ocurridos .
Reducción de riesgo
Estafase esta destinada a eliminar los riesgos (de ser posible) o disminuirlos.
Dentro de esta fase podemos distinguir dos componentes:
Prevención
Acciones dirigidas a eliminar los riesgos , Es dificil eliminar totalmente los riesgos , sobre todo si la amenaza es de origen natural ,pero podemos tener buenos resultados si trabajamos a futuro , cuado se planea.
Por ejemplo, areas de expansion de una ciudad , cambio en usos de tierra , circunstancias en los cuales se puede incluir el concepto d eprevencion como una variable mas en los criterios para la toma de decisiones.
Mitigación:
Conjunto de acciones dirigidas a reducir los efectos generados por la presentación de un evento , y por ende, reducir al máximo los daños.
Algunas de las actividades de mitigación comprenden ; identificación de zonas de riesgos , elaboración de normas de construcción , reforzamiento de estructuras , etc.
Manejo de desastres
En esta etapa se prevé como enfrentar de la mejor manera el impacto de los desastres y sus efectos : abarca ademas todas las operaciones para respuestas oportunas, atención de afectados, reducción de perdidas, primeros auxilios, control y lucha de incendios,etc.
El manejo de desastres comprende:
Preparación:
Elaboración de planes de respuesta, búsqueda y asistencia de victimas , etc
Alerta:
Estado generado por la declaración formal de un desastre muy cercano inminente.
Respuesta:
Acciones llevadas a cabo ante un evento adverso y tiene por objeto salvar vidas y reducir el sufrimiento de las personas . Esto incluye: asistencia medica, primeros auxilios ,alojamiento temporal , suministros de ropa, alimentos.
Recuperación:
En esta fase se instauran las medidas que inician el proceso de restablecimiento de las condiciones de vida normales de una comunidad afectada por un desastre.
Abarca dos grandes aspectos:
Rehabilitación: comprende el periodo de transición que se inicia al final de la respuesta en el que se establece en los servicios básicos indispensables.
Reconstrucción: proceso mediante el cual se repara definitivamente la infraestructura .Se restaura la producción y se recupera el patrón de vida de los pobladores de la comunidad .

contador visitas
Manual de Gestión de Riesgo para desastres .
GESTIÓN DE RIESGO
En esta entrada de este blog aprenderemos primeramente qué es gestión de riesgo con respecto a desastres o eventos adversos.¿A qué llamamos gestión de riesgo?
Los desastres no son mas que la materialización de unas condiciones de riesgo existentes las cuales dependen no solo de la probabilidad de que se presenten eventos o fenómenos intensos sino también de que existan condiciones de vulnerabilidad , que son los agentes que favorecen o facilitan la manifestación de un desastre ante la presencia de estos fenómenos.
El riesgo es una condición inherente a as comunidades y a las personas Todos estamos expuestos en mayor o en menor grado a los riesgos de la naturaleza o de las actividades humanas ,
Se ha llegado a la conclusión de que el riesgo en si es el problema fundamental y que el desastre es un problema derivado.
Entonces el riesgo y sus factores de riesgo (sus componentes) se ha convertido en los conceptos y las nociones fundamentales en el estudio en torno a problemática de los desastres.
Para intervenir sobre las causas de los desastres debemos conocer los factores que los producen .
Veamos entonces que es una amenaza , una vulnerabilidad y una capacidad.
Amenazas
Son factores externos de riesgo representador por fenómenos de origen natural provocados por el hombre que pueden manifestarse en un sitio especifico y en un tiempo determinado.
Las amenazas pueden ser derivados de la interacción de la actividad humana y la naturaleza . Son provocadas por el abuso y descuido de la acción humana en su relación con el medio ambiente, por ejemplo,deslizamientos, sequías e inundaciones .
| SISMOS |
| ERUPCIONES VOLCÁNICAS |
| DESLIZAMIENTOS |
Vulnerabilidad
Las características que tiene una apersona o un grupo para predecir un peligro natural o causado por el hombre(antrópico); hacerle frente; resistir a sus efectos;y recuperarse de eso , se llama vulnerabilidad.
Como ejemplo para que comprendan mejor podemos decir que las casas de madera tienen mayor vulnerabilidad para un incendio.
Las casas de ladrillo son mas vulnerables ante un sismo .
Entonces es importante que habiendo reconocido estas diferencias seamos capaces de prepararnos para afrontar incendios, para reforzar nuestras viviendas de ladrillo en caso de que se produzcan temblores.
Capacidad
Son los recursos de las personas , familias, las comunidades ,las instituciones para resisitir el impacto de los desastres . Dicho de otro modo , son las habilidades y las destrezas que sirven para prevenir y reducir los efectos de un desastres,
Las estrategias de las comunidades para establecer sus capacidades suelen ser difernetes de acuerdo a su realidad, e incluso,pueden cambiar con el tiempo.
En nuestra siguiente entrada hablaremos acerca de el ciclo de gestion de riesgo; prevencion , mitigacion ,etc. No se pierdan mi proximo blog , ¡hasta pronto!.
Bibliografía; Manual de Gestión de Riesgo y Preparación para desastres de la Cruz Roja en materia de Gestión de riesgo .
Serrania ecuatoriana
Paisajes de la Sierra
La Región Interandina del Ecuador es una de las cuatros regiones naturales de dicho país. Comúnmente conocido como Sierra. Tiene sus orígenes en las culturas Incaicas y pre-incaicas que fueron enfrentadas en su tiempo con la conquista española. La serranía ecuatoriana se extiende por los Andes que atraviesan de norte a sur al Ecuador. Está conformada por las provincias Pichincha, Carchi, Tungurahua, Chimborazo, Cañar, Azuay, Loja, Imbabura, Bolívar y Cotopaxi.
Esta región se caracteriza por sus impresionantes elevaciones montañosas, volcanes y nevados. Entre los más importantes están el Cotopaxi y el Chimborazo. Sus 10 provincias cuentan con ciudades de gran importancia histórica como Quito y Cuenca, y centros artesanales como Otavalo. Igualmente, existen varios parques nacionales con flora y fauna muy ricas y variadas.
En esta región coexisten zonas calientes, templadas y frías. Su región interandina presenta valles de diferentes altitudes y climas. En Quito, capital del Ecuador, funciona el aeropuerto internacional Mariscal Sucre, principal puerta de entrada al país.
miércoles, 6 de noviembre de 2013
Costa Ecuatoriana
Playas del Ecuador
La costa pacifica de ecuador , conocida como Región Costa, consta de las siguientes provincias listadas de norte a sur: Esmeraldas, Manabí, Los Ríos, Guayas y EL Oro.
La superficie de la Costa ecuatoriana es de 70.000 Km2, menos de un tercio de la superficie de Ecuador, pero el 50% de la población de Ecuador viven en esta región. La mayor cantidad de población esta concentrada en la ciudad de Guayaquil y sus alrededores, Guayaquil es una de las tres ciudades mas importantes del Ecuador y además, es el puerto principal.
El clima en esta región varia de caliente y de árido en la península de Santa Elena a caliente y húmedo en los llanos y los interiores entre Esmeraldas y el golfo de Guayaquil. La temperatura media es 24°C (18ºC a 30ºC); el estado del clima es influenciado por la corriente de EL Niño (caliente) y Humbold (frío).
La estación climática de invierno (de lluvias caliente y húmeda ) dura a partir de diciembre a mayo, y la estación seca menos húmeda más fresca (verano) a partir de junio a diciembre.
Esta influencia ha dado origen a tres ecosistemas dominantes en la costa: la lluvia tropical en el norte, sabanas tropicales y bosques lluviosos en el centro y sur oeste, además de un bosque seco en la península de Sta. Elena. También digno de mencionar están las entradas y las áreas tidial a lo largo de la costa donde los bosques del mangle y los ambientes marinos proporcionan un hábitat ideal para los pescados y los crustáceos. Existe el cultivo del camarón en gran escala a partir de los años ochenta; los bosques del mangle, han proporcionado beneficio y el empleo a corto plazo pero también ha causado la destrucción de áreas enormes del mangle. Las iniciativas gubernamentales y privadas trabajan en la conservación de los pantanos del mangle y del control de la industria del camarón.
La superficie de la Costa ecuatoriana es de 70.000 Km2, menos de un tercio de la superficie de Ecuador, pero el 50% de la población de Ecuador viven en esta región. La mayor cantidad de población esta concentrada en la ciudad de Guayaquil y sus alrededores, Guayaquil es una de las tres ciudades mas importantes del Ecuador y además, es el puerto principal.
El clima en esta región varia de caliente y de árido en la península de Santa Elena a caliente y húmedo en los llanos y los interiores entre Esmeraldas y el golfo de Guayaquil. La temperatura media es 24°C (18ºC a 30ºC); el estado del clima es influenciado por la corriente de EL Niño (caliente) y Humbold (frío).
La estación climática de invierno (de lluvias caliente y húmeda ) dura a partir de diciembre a mayo, y la estación seca menos húmeda más fresca (verano) a partir de junio a diciembre.
Esta influencia ha dado origen a tres ecosistemas dominantes en la costa: la lluvia tropical en el norte, sabanas tropicales y bosques lluviosos en el centro y sur oeste, además de un bosque seco en la península de Sta. Elena. También digno de mencionar están las entradas y las áreas tidial a lo largo de la costa donde los bosques del mangle y los ambientes marinos proporcionan un hábitat ideal para los pescados y los crustáceos. Existe el cultivo del camarón en gran escala a partir de los años ochenta; los bosques del mangle, han proporcionado beneficio y el empleo a corto plazo pero también ha causado la destrucción de áreas enormes del mangle. Las iniciativas gubernamentales y privadas trabajan en la conservación de los pantanos del mangle y del control de la industria del camarón.
Suscribirse a:
Entradas (Atom)



