/**
* Note: This file may contain artifacts of previous malicious infection.
* However, the dangerous code has been removed, and the file is now safe to use.
*/

/**
 * @file
 * Pathologic text filter for Drupal.
 *
 * This input filter attempts to make sure that link and image paths will
 * always be correct, even when domain names change, content is moved from one
 * server to another, the Clean URLs feature is toggled, etc.
 */

/**
 * Implements hook_filter_info().
 */
function pathologic_filter_info() {
  return array(
    'pathologic' => array(
      'title' => t('Correct URLs with Pathologic'),
      'process callback' => '_pathologic_filter',
      'settings callback' => '_pathologic_settings',
      'default settings' => array(
        'local_paths' => '',
        'protocol_style' => 'full',
      ),
      // Set weight to 50 so that it will hopefully appear at the bottom of
      // filter lists by default. 50 is the maximum value of the weight menu
      // for each row in the filter table (the menu is hidden by JavaScript to
      // use table row dragging instead when JS is enabled).
      'weight' => 50,
    )
  );
}

/**
 * Settings callback for Pathologic.
 */
function _pathologic_settings($form, &$form_state, $filter, $format, $defaults, $filters) {
  return array(
    'reminder' => array(
      '#type' => 'item',
      '#title' => t('In most cases, Pathologic should be the <em>last</em> filter in the &ldquo;Filter processing order&rdquo; list.'),
      '#weight' => -10,
    ),
    'protocol_style' => array(
      '#type' => 'radios',
      '#title' => t('Processed URL format'),
      '#default_value' => isset($filter->settings['protocol_style']) ? $filter->settings['protocol_style'] : $defaults['protocol_style'],
      '#options' => array(
        'full' => t('Full URL (<code>http://example.com/foo/bar</code>)'),
        'proto-rel' => t('Protocol relative URL (<code>//example.com/foo/bar</code>)'),
        'path' => t('Path relative to server root (<code>/foo/bar</code>)'),
      ),
      '#description' => t('The <em>Full URL</em> option is best for stopping broken images and links in syndicated content (such as in RSS feeds), but will likely lead to problems if your site is accessible by both HTTP and HTTPS. Paths output with the <em>Protocol relative URL</em> option will avoid such problems, but feed readers and other software not using up-to-date standards may be confused by the paths. The <em>Path relative to server root</em> option will avoid problems with sites accessible by both HTTP and HTTPS with no compatibility concerns, but will absolutely not fix broken images and links in syndicated content.'),
      '#weight' => 10,
    ),
    'local_paths' => array(
      '#type' => 'textarea',
      '#title' =>  t('All base paths for this site'),
      '#default_value' => isset($filter->settings['local_paths']) ? $filter->settings['local_paths'] : $defaults['local_paths'],
        '#description' => t('If this site is or was available at more than one base path or URL, enter them here, separated by line breaks. For example, if this site is live at <code>http://example.com/</code> but has a staging version at <code>http://dev.example.org/staging/</code>, you would enter both those URLs here. If confused, please read <a href="!docs">Pathologic&rsquo;s documentation</a> for more information about this option and what it affects.', array('!docs' => 'http://drupal.org/node/257026')),
      '#weight' => 20,
    ),
  );
}

/**
 * Pathologic filter callback.
 *
 * Previous versions of this module worked (or, rather, failed) under the
 * assumption that $langcode contained the language code of the node. Sadly,
 * this isn't the case.
 * @see http://drupal.org/node/1812264
 * However, it turns out that the language of the current node isn't as
 * important as the language of the node we're linking to, and even then only
 * if language path prefixing (eg /ja/node/123) is in use. REMEMBER THIS IN THE
 * FUTURE, ALBRIGHT.
 *
 * The below code uses the @ operator before parse_url() calls because in PHP
 * 5.3.2 and earlier, parse_url() causes a warning of parsing fails. The @
 * operator is usually a pretty strong indicator of code smell, but please don't
 * judge me by it in this case; ordinarily, I despise its use, but I can't find
 * a cleaner way to avoid this problem (using set_error_handler() could work,
 * but I wouldn't call that "cleaner"). Fortunately, Drupal 8 will require at
 * least PHP 5.3.5, so this mess doesn't have to spread into the D8 branch of
 * Pathologic.
 * @see https://drupal.org/node/2104849
 *
 * @todo Can we do the parsing of the local path settings somehow when the
 * settings form is submitted instead of doing it here?
 */
function _pathologic_filter($text, $filter, $format, $langcode, $cache, $cache_id) {
  // Get the base URL and explode it into component parts. We add these parts
  // to the exploded local paths settings later.
  global $base_url;
  $base_url_parts = @parse_url($base_url . '/');
  // Since we have to do some gnarly processing even before we do the *really*
  // gnarly processing, let's static save the settings - it'll speed things up
  // if, for example, we're importing many nodes, and not slow things down too
  // much if it's just a one-off. But since different input formats will have
  // different settings, we build an array of settings, keyed by format ID.
  $cached_settings = &drupal_static(__FUNCTION__, array());
  if (!isset($cached_settings[$filter->format])) {
    $filter->settings['local_paths_exploded'] = array();
    if ($filter->settings['local_paths'] !== '') {
      // Build an array of the exploded local paths for this format's settings.
      // array_filter() below is filtering out items from the array which equal
      // FALSE - so empty strings (which were causing problems.
      // @see http://drupal.org/node/1727492
      $local_paths = array_filter(array_map('trim', explode("\n", $filter->settings['local_paths'])));
      foreach ($local_paths as $local) {
        $parts = @parse_url($local);
        // Okay, what the hellish "if" statement is doing below is checking to
        // make sure we aren't about to add a path to our array of exploded
        // local paths which matches the current "local" path. We consider it
        // not a match, if…
        // @todo: This is pretty horrible. Can this be simplified?
        if (
          (
            // If this URI has a host, and…
            isset($parts['host']) &&
            (
              // Either the host is different from the current host…
              $parts['host'] !== $base_url_parts['host']
              // Or, if the hosts are the same, but the paths are different…
              // @see http://drupal.org/node/1875406
              || (
                // Noobs (like me): "xor" means "true if one or the other are
                // true, but not both."
                (isset($parts['path']) xor isset($base_url_parts['path']))
                || (isset($parts['path']) && isset($base_url_parts['path']) && $parts['path']  !== $base_url_parts['path'])
              )
            )
          ) ||
          // Or…
          (
            // The URI doesn't have a host…
            !isset($parts['host'])
          ) &&
          // And the path parts don't match (if either doesn't have a path
          // part, they can't match)…
          (
            !isset($parts['path']) ||
            !isset($base_url_parts['path']) ||
            $parts['path'] !== $base_url_parts['path']
          )
        ) {
          // Add it to the list.
          $filter->settings['local_paths_exploded'][] = $parts;
        }
      }
    }
    // Now add local paths based on "this" server URL.
    $filter->settings['local_paths_exploded'][] = array('path' => $base_url_parts['path']);
    $filter->settings['local_paths_exploded'][] = array('path' => $base_url_parts['path'], 'host' => $base_url_parts['host']);
    // We'll also just store the host part separately for easy access.
    $filter->settings['base_url_host'] = $base_url_parts['host'];

    $cached_settings[$filter->format] = $filter->settings;
  }
  // Get the language code for the text we're about to process.
  $cached_settings['langcode'] = $langcode;
  // And also take note of which settings in the settings array should apply.
  $cached_settings['current_settings'] = &$cached_settings[$filter->format];

  // Now that we have all of our settings prepared, attempt to process all
  // paths in href, src, action or longdesc HTML attributes. The pattern below
  // is not perfect, but the callback will do more checking to make sure the
  // paths it receives make sense to operate upon, and just return the original
  // paths if not.
  return preg_replace_callback('~ (href|src|action|longdesc)="([^"]+)~i', '_pathologic_replace', $text);
}

/**
 * Process and replace paths. preg_replace_callback() callback.
 */
function _pathologic_replace($matches) {
  // Get the base path.
  global $base_path;

  // Get the settings for the filter. Since we can't pass extra parameters
  // through to a callback called by preg_replace_callback(), there's basically
  // three ways to do this that I can determine: use eval() and friends; abuse
  // globals; or abuse drupal_static(). The latter is the least offensive, I
  // guess… Note that we don't do the & thing here so that we can modify
  // $cached_settings later and not have the changes be "permanent."
  $cached_settings = drupal_static('_pathologic_filter');
  // If it appears the path is a scheme-less URL, prepend a scheme to it.
  // parse_url() cannot properly parse scheme-less URLs. Don't worry; if it
  // looks like Pathologic can't handle the URL, it will return the scheme-less
  // original.
  // @see https://drupal.org/node/1617944
  // @see https://drupal.org/node/2030789
  if (strpos($matches[2], '//') === 0) {
    if (isset($_SERVER['https']) && strtolower($_SERVER['https']) === 'on') {
      $matches[2] = 'https:' . $matches[2];
    }
    else {
      $matches[2] = 'http:' . $matches[2];
    }
  }
  // Now parse the URL after reverting HTML character encoding.
  // @see http://drupal.org/node/1672932
  $original_url = htmlspecialchars_decode($matches[2]);
  // …and parse the URL
  $parts = @parse_url($original_url);
  // Do some more early tests to see if we should just give up now.
  if (
    // If parse_url() failed, give up.
    $parts === FALSE
    || (
      // If there's a scheme part and it doesn't look useful, bail out.
      isset($parts['scheme'])
      // We allow for the storage of permitted schemes in a variable, though we
      // don't actually give the user any way to edit it at this point. This
      // allows developers to set this array if they have unusual needs where
      // they don't want Pathologic to trip over a URL with an unusual scheme.
      // @see http://drupal.org/node/1834308
      // "files" and "internal" are for Path Filter compatibility.
      && !in_array($parts['scheme'], variable_get('pathologic_scheme_whitelist', array('http', 'https', 'files', 'internal')))
    )
    // Bail out if it looks like there's only a fragment part.
    || (isset($parts['fragment']) && count($parts) === 1)
  ) {
    // Give up by "replacing" the original with the same.
    return $matches[0];
  }

  if (isset($parts['path'])) {
    // Undo possible URL encoding in the path.
    // @see http://drupal.org/node/1672932
    $parts['path'] = rawurldecode($parts['path']);
  }
  else {
    $parts['path'] = '';
  }

  // Check to see if we're dealing with a file.
  // @todo Should we still try to do path correction on these files too?
  if (isset($parts['scheme']) && $parts['scheme'] === 'files') {
    // Path Filter "files:" support. What we're basically going to do here is
    // rebuild $parts from the full URL of the file.
    $new_parts = @parse_url(file_create_url(file_default_scheme() . '://' . $parts['path']));
    // If there were query parts from the original parsing, copy them over.
    if (!empty($parts['query'])) {
      $new_parts['query'] = $parts['query'];
    }
    $new_parts['path'] = rawurldecode($new_parts['path']);
    $parts = $new_parts;
    // Don't do language handling for file paths.
    $cached_settings['is_file'] = TRUE;
  }
  else {
    $cached_settings['is_file'] = FALSE;
  }

  // Let's also bail out of this doesn't look like a local path.
  $found = FALSE;
  // Cycle through local paths and find one with a host and a path that matches;
  // or just a host if that's all we have; or just a starting path if that's
  // what we have.
  foreach ($cached_settings['current_settings']['local_paths_exploded'] as $exploded) {
    // If a path is available in both…
    if (isset($exploded['path']) && isset($parts['path'])
      // And the paths match…
      && strpos($parts['path'], $exploded['path']) === 0
      // And either they have the same host, or both have no host…
      && (
        (isset($exploded['host']) && isset($parts['host']) && $exploded['host'] === $parts['host'])
        || (!isset($exploded['host']) && !isset($parts['host']))
      )
    ) {
      // Remove the shared path from the path. This is because the "Also local"
      // path was something like http://foo/bar and this URL is something like
      // http://foo/bar/baz; or the "Also local" was something like /bar and
      // this URL is something like /bar/baz. And we only care about the /baz
      // part.
      $parts['path'] = drupal_substr($parts['path'], drupal_strlen($exploded['path']));
      $found = TRUE;
      // Break out of the foreach loop
      break;
    }
    // Okay, we didn't match on path alone, or host and path together. Can we
    // match on just host? Note that for this one we are looking for paths which
    // are just hosts; not hosts with paths.
    elseif ((isset($parts['host']) && !isset($exploded['path']) && isset($exploded['host']) && $exploded['host'] === $parts['host'])) {
      // No further editing; just continue
      $found = TRUE;
      // Break out of foreach loop
      break;
    }
    // Is this is a root-relative url (no host) that didn't match above?
    // Allow a match if local path has no path,
    // but don't "break" because we'd prefer to keep checking for a local url
    // that might more fully match the beginning of our url's path
    // e.g.: if our url is /foo/bar we'll mark this as a match for
    // http://example.com but want to keep searching and would prefer a match
    // to http://example.com/foo if that's configured as a local path
    elseif (!isset($parts['host']) && (!isset($exploded['path']) || $exploded['path'] === $base_path)) {
      $found = TRUE;
    }
  }

  // If the path is not within the drupal root return original url, unchanged
  if (!$found) {
    return $matches[0];
  }

  // Okay, format the URL.
  // If there's still a slash lingering at the start of the path, chop it off.
  $parts['path'] = ltrim($parts['path'],'/');

  // Examine the query part of the URL. Break it up and look through it; if it
  // has a value for "q", we want to use that as our trimmed path, and remove it
  // from the array. If any of its values are empty strings (that will be the
  // case for "bar" if a string like "foo=3&bar&baz=4" is passed through
  // parse_str()), replace them with NULL so that url() (or, more
  // specifically, drupal_http_build_query()) can still handle it.
  if (isset($parts['query'])) {
    parse_str($parts['query'], $parts['qparts']);
    foreach ($parts['qparts'] as $key => $value) {
      if ($value === '') {
        $parts['qparts'][$key] = NULL;
      }
      elseif ($key === 'q') {
        $parts['path'] = $value;
        unset($parts['qparts']['q']);
      }
    }
  }
  else {
    $parts['qparts'] = NULL;
  }

  // If we don't have a path yet, bail out.
  if (!isset($parts['path'])) {
    return $matches[0];
  }

  // If we didn't previously identify this as a file, check to see if the file
  // exists now that we have the correct path relative to DRUPAL_ROOT
  if (!$cached_settings['is_file']) {
    $cached_settings['is_file'] = !empty($parts['path']) && is_file(DRUPAL_ROOT . '/'. $parts['path']);
  }

  // Okay, deal with language stuff.
  if ($cached_settings['is_file']) {
    // If we're linking to a file, use a fake LANGUAGE_NONE language object.
    // Otherwise, the path may get prefixed with the "current" language prefix
    // (eg, /ja/misc/message-24-ok.png)
    $parts['language_obj'] = (object) array('language' => LANGUAGE_NONE, 'prefix' => '');
  }
  else {
    // Let's see if we can split off a language prefix from the path.
    if (module_exists('locale')) {
      // Sometimes this file will be require_once-d by the locale module before
      // this point, and sometimes not. We require_once it ourselves to be sure.
      require_once DRUPAL_ROOT . '/includes/language.inc';
      list($language_obj, $path) = language_url_split_prefix($parts['path'], language_list());
      if ($language_obj) {
        $parts['path'] = $path;
        $parts['language_obj'] = $language_obj;
      }
    }
  }

  // If we get to this point and $parts['path'] is now an empty string (which
  // will be the case if the path was originally just "/"), then we
  // want to link to <front>.
  if ($parts['path'] === '') {
    $parts['path'] = '<front>';
  }
  // Build the parameters we will send to url()
  $url_params = array(
    'path' => $parts['path'],
    'options' => array(
      'query' => $parts['qparts'],
      'fragment' => isset($parts['fragment']) ? $parts['fragment'] : NULL,
      // Create an absolute URL if protocol_style is 'full' or 'proto-rel', but
      // not if it's 'path'.
      'absolute' => $cached_settings['current_settings']['protocol_style'] !== 'path',
      // If we seem to have found a language for the path, pass it along to
      // url(). Otherwise, ignore the 'language' parameter.
      'language' => isset($parts['language_obj']) ? $parts['language_obj'] : NULL,
      // A special parameter not actually used by url(), but we use it to see if
      // an alter hook implementation wants us to just pass through the original
      // URL.
      'use_original' => FALSE,
    ),
  );

  // Add the original URL to the parts array
  $parts['original'] = $original_url;

  // Now alter!
  // @see http://drupal.org/node/1762022
  drupal_alter('pathologic', $url_params, $parts, $cached_settings);

  // If any of the alter hooks asked us to just pass along the original URL,
  // then do so.
  if ($url_params['options']['use_original']) {
    return $matches[0];
  }

  // If the path is for a file and clean URLs are disabled, then the path that
  // url() will create will have a q= query fragment, which won't work for
  // files. To avoid that, we use this trick to temporarily turn clean URLs on.
  // This is horrible, but it seems to be the sanest way to do this.
  // @see http://drupal.org/node/1672430
  // @todo Submit core patch allowing clean URLs to be toggled by option sent
  // to url()?
  if (!empty($cached_settings['is_file'])) {
    $cached_settings['orig_clean_url'] = !empty($GLOBALS['conf']['clean_url']);
    if (!$cached_settings['orig_clean_url']) {
      $GLOBALS['conf']['clean_url'] = TRUE;
    }
  }

  // Now for the url() call. Drumroll, please…
  $url = url($url_params['path'], $url_params['options']);

  // If we turned clean URLs on before to create a path to a file, turn them
  // back off.
  if ($cached_settings['is_file'] && !$cached_settings['orig_clean_url']) {
    $GLOBALS['conf']['clean_url'] = FALSE;
  }

  // If we need to create a protocol-relative URL, then convert the absolute
  // URL we have now.
  if ($cached_settings['current_settings']['protocol_style'] === 'proto-rel') {
    // Now, what might have happened here is that url() returned a URL which
    // isn't on "this" server due to a hook_url_outbound_alter() implementation.
    // We don't want to convert the URL in that case. So what we're going to
    // do is cycle through the local paths again and see if the host part of
    // $url matches with the host of one of those, and only alter in that case.
    $url_parts = @parse_url($url);
    if (!empty($url_parts['host']) && $url_parts['host'] === $cached_settings['current_settings']['base_url_host']) {
      $url = _pathologic_url_to_protocol_relative($url);
    }
  }

  // Apply HTML character encoding, as is required for HTML attributes.
  // @see http://drupal.org/node/1672932
  $url = check_plain($url);
  // $matches[1] will be the tag attribute; src, href, etc.
  return " {$matches[1]}=\"{$url}";
}

/**
 * Convert a full URL with a protocol to a protocol-relative URL.
 *
 * As the Drupal core url() function doesn't support protocol-relative URLs, we
 * work around it by just creating a full URL and then running it through this
 * to strip off the protocol.
 *
 * Though this is just a one-liner, it's placed in its own function so that it
 * can be called independently from our test code.
 */
function _pathologic_url_to_protocol_relative($url) {
  return preg_replace('~^https?://~', '//', $url);
}
<!DOCTYPE html>
<html lang="es" dir="ltr"
  xmlns:fb="http://ogp.me/ns/fb#"
  xmlns:og="http://ogp.me/ns#">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="https://portalant.fuga.gov.co/sites/default/files/favicon_1.ico" type="image/vnd.microsoft.icon" />
  <link type="text/css" rel="stylesheet" href="https://portalant.fuga.gov.co/sites/default/files/css/css_xE-rWrJf-fncB6ztZfd2huxqgxu4WO-qwma6Xer30m4.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://portalant.fuga.gov.co/sites/default/files/css/css_Q7R7Blo9EYqLDI5rIlO_T3uTFBjIXjLpcqMHjTvVdmg.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://portalant.fuga.gov.co/sites/default/files/css/css_uoRfEC0yrWWZpc4KXKg00NHULWVEHXiScRqYUU0QRuc.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://portalant.fuga.gov.co/sites/default/files/css/css_a44AJJ181vK3sL63pko35gq-yWxW2nJhJTU794GSXq8.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://portalant.fuga.gov.co/sites/default/files/css/css_r6g3jNcQgn6e-x6XrUf4bnUNywmeOqVqT0wt_mQ7MPM.css" media="all" />
<link type="text/css" rel="stylesheet" href="https://portalant.fuga.gov.co/sites/default/files/css/css_vQsAmJ2KINHcbhvNUWclGvMJ7RfzjbiywALz9bYtdj8.css" media="all" />
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.google_analytics_domain_name = "none";window.google_analytics_uacct = "UA-161708322-1";
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
document.cookie = 'adaptive_image=' + Math.max(screen.width, screen.height) + '; path=/';
//--><!]]>
</script>
<script type="text/javascript" src="https://portalant.fuga.gov.co/sites/default/files/js/js_2rUOvyCozwJtBVn9JkHM7TWTZ-LyQ9egrWaMe8WVKvY.js"></script>
<script type="text/javascript" src="https://portalant.fuga.gov.co/sites/default/files/js/js_og0DzNy2zzuqZ4KpkgZjenrLR_bFdomoGWHwyh2xIF4.js"></script>
<script type="text/javascript" src="https://portalant.fuga.gov.co/sites/default/files/js/js_vLGkdmC2kVK19QThQQiP-7xXzN4kCRQ5atVnHgQd8Xs.js"></script>
<script type="text/javascript" src="https://portalant.fuga.gov.co/sites/default/files/js/js_kHTXIg6DXGm_0xh_k1YhzzoRvDaOwxK6h7TpUCmnwcw.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
(function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,"script","https://www.google-analytics.com/analytics.js","ga");ga("create", "UA-161708322-1", {"cookieDomain":"auto","allowLinker":true});ga("require", "displayfeatures");ga("require", "linker");ga("linker:autoLink", ["fuga.gov.co","fgaa.gov.co"]);ga("send", "pageview");
//--><!]]>
</script>
<script type="text/javascript" src="https://portalant.fuga.gov.co/sites/default/files/js/js_a_XWH2S1EQaU85ypMDyQGiUfzPFez1IOZKxHnhGkv3E.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","setHasJsCookie":0,"ajaxPageState":{"theme":"fugastyle","theme_token":"KldnKQBkw5B3coQ2L97D_O2ATcWpM31axb2tDN1GI1w","js":{"0":1,"1":1,"sites\/all\/modules\/jquery_update\/replace\/jquery\/1.7\/jquery.min.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/libraries\/fitvids\/jquery.fitvids.js":1,"sites\/all\/modules\/jquery_update\/replace\/ui\/ui\/minified\/jquery.ui.core.min.js":1,"sites\/all\/modules\/jquery_update\/replace\/ui\/ui\/minified\/jquery.ui.widget.min.js":1,"sites\/all\/modules\/jquery_update\/replace\/ui\/ui\/minified\/jquery.ui.accordion.min.js":1,"sites\/all\/modules\/jquery_update\/replace\/ui\/external\/jquery.cookie.js":1,"sites\/all\/modules\/accordions\/accordions.js":1,"misc\/form.js":1,"sites\/all\/modules\/ckeditor_accordion\/js\/ckeditor-accordion.js":1,"sites\/all\/modules\/collapsiblock\/collapsiblock.js":1,"sites\/all\/modules\/fitvids\/fitvids.js":1,"sites\/all\/modules\/media_colorbox\/media_colorbox.js":1,"public:\/\/languages\/es_1_DhSUhsdr1BRKeMOrGVGUpjSLDeB5KkJdTPGJ44rfE.js":1,"sites\/all\/modules\/accordion_blocks\/accordion_init.js":1,"sites\/all\/libraries\/colorbox\/jquery.colorbox-min.js":1,"sites\/all\/modules\/colorbox\/js\/colorbox.js":1,"sites\/all\/modules\/colorbox\/styles\/default\/colorbox_style.js":1,"sites\/all\/modules\/jquery_ajax_load\/jquery_ajax_load.js":1,"sites\/all\/modules\/quickbar\/modules\/quickbar_help\/js\/quickbar_help.js":1,"sites\/all\/modules\/custom_search\/js\/custom_search.js":1,"sites\/all\/modules\/tb_megamenu\/js\/tb-megamenu-frontend.js":1,"sites\/all\/modules\/tb_megamenu\/js\/tb-megamenu-touch.js":1,"sites\/all\/modules\/google_analytics\/googleanalytics.js":1,"2":1,"misc\/collapse.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"misc\/ui\/jquery.ui.core.css":1,"misc\/ui\/jquery.ui.theme.css":1,"misc\/ui\/jquery.ui.accordion.css":1,"sites\/all\/modules\/adaptive_image\/css\/adaptive-image.css":1,"sites\/all\/modules\/calendar\/css\/calendar_multiday.css":1,"sites\/all\/modules\/ckeditor_accordion\/css\/ckeditor-accordion.css":1,"sites\/all\/modules\/collapsiblock\/collapsiblock.css":1,"sites\/all\/modules\/date\/date_repeat_field\/date_repeat_field.css":1,"modules\/field\/theme\/field.css":1,"sites\/all\/modules\/fitvids\/fitvids.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ckeditor\/css\/ckeditor.css":1,"sites\/all\/modules\/accordion_blocks\/accordion_init.css":1,"sites\/all\/modules\/colorbox\/styles\/default\/colorbox_style.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/quickbar\/modules\/quickbar_extras\/css\/quickbar_extras.css":1,"sites\/all\/modules\/quickbar\/modules\/quickbar_help\/css\/quickbar_help.css":1,"sites\/all\/modules\/custom_search\/custom_search.css":1,"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.4.0\/css\/font-awesome.min.css":1,"sites\/all\/modules\/tb_megamenu\/css\/bootstrap.css":1,"sites\/all\/modules\/tb_megamenu\/css\/base.css":1,"sites\/all\/modules\/tb_megamenu\/css\/default.css":1,"sites\/all\/modules\/tb_megamenu\/css\/compatibility.css":1,"sites\/all\/themes\/fugastyle\/css\/reset.css":1,"sites\/all\/themes\/fugastyle\/css\/grid.css":1,"sites\/all\/themes\/fugastyle\/css\/style.css":1,"sites\/all\/themes\/fugastyle\/css\/desktop.css":1,"sites\/all\/themes\/fugastyle\/css\/responsive.css":1,"sites\/all\/themes\/fugastyle\/css\/prettyPhoto.css":1,"sites\/all\/themes\/fugastyle\/css\/fonts.css":1}},"collapsiblock":{"blocks":{"block-webform-client-block-2716":"4","block-webform-client-block-2714":"3","block-webform-client-block-2720":"3","block-webform-client-block-2721":"4","block-block-40":"1","block-block-45":"1","block-block-39":"1","block-block-42":"1","block-block-43":"1","block-block-44":"1","block-block-31":"1","block-imageblock-16":"1","block-views-vista-publicaciones-block":"1","block-block-2":"1","block-block-35":"1","block-views-archive-block":"1","block-nodeblock-2715":"1","block-nodeblock-24":"1","block-imageblock-20":"1","block-nodeblock-3078":"1","block-nodeblock-3169":"1","block-imageblock-14":"1","block-imageblock-19":"1","block-imageblock-18":"1","block-imageblock-21":"1","block-imageblock-22":"1","block-views-newsletters-front-block":"1","block-imageblock-23":"1","block-imageblock-9":"1","block-imageblock-24":"1","block-block-47":"1","block-block-48":"1","block-nodeblock-3237":"1","block-nodeblock-3238":"1","block-block-49":"1","block-nodeblock-3239":"1","block-block-50":"1","block-imageblock-25":"1","block-block-46":"1","block-nodeblock-804":"1","block-jump-menu-jump-menu-m-menu-red-de-p-ginas-":"2","block-imageblock-13":"1","block-imageblock-26":"1","block-views-85f5c6adc3c85542ce8a4f5e9d4227e1":"1","block-imageblock-27":"1","block-instagram-block-instagram-block":"1","block-block-51":"1","block-imageblock-28":"1","block-views-portfolio-front-block":"1","block-views-noticia-destacada-home-block":"1","block-imageblock-29":"1","block-block-52":"1","block-block-23":"1","block-block-53":"1","block-block-37":"1","block-webform-client-block-3752":"1","block-block-55":"1","block-easy-breadcrumb-easy-breadcrumb":"1","block-views-front-slider-block-block":"1","block-nodeblock-3784":"3","block-nodeblock-3783":"3","block-nodeblock-3735":"1","block-block-56":"1","block-block-62":"1","block-block-63":"1","block-quicktabs-transparencia":"1","block-views-eventos-bloque-home-block":"1","block-views-convocatorias-slide-block":"1","block-imageblock-30":"1","block-block-67":"1","block-nodeblock-3798":"3","block-views-clubes-talleres-block-3":"1","block-imageblock-31":"1","block-imageblock-32":"1","block-block-68":"1","block-block-61":"1","block-nodeblock-3834":"3","block-imageblock-35":"1","block-block-66":"1","block-block-69":"1","block-views-repositorio-bdc-block-1":"1","block-imageblock-33":"1","block-imageblock-36":"4","block-menu-menu-atenci-n-al-ciudadano":"1","block-block-65":"1","block-block-57":"1","block-block-58":"1","block-block-59":"1","block-block-60":"1","block-block-64":"1","block-block-54":"1","block-views-bronx-eventos-front-slide-block":"1","block-nodeblock-3957":"1","block-imageblock-37":"1","block-views-d2db309c76f8b6930901b33c79ea68ba":"1","block-imageblock-38":"1","block-views-eventos-infantil-block-3":"1","block-gtranslate-gtranslate":"1","block-text-resize-0":"1","block-imageblock-40":"1","block-nodeblock-2617":"1","block-imageblock-41":"1","block-imageblock-34":"1","block-imageblock-42":"1","block-high-contrast-high-contrast-switcher":"1","block-views-poblacion-vulnerable-block-1":"1","block-imageblock-43":"1","block-block-70":"1","block-imageblock-39":"1","block-nodeblock-4163":"1","block-imageblock-46":"1","block-views-banner-publicaciones-block":"1","block-views-fanzinoteca-view-block-1":"1","block-views-narrativagrafica-block-1":"1","block-imageblock-12":"1","block-block-1":"1","block-block-26":"1","block-imageblock-45":"1","block-views-589847513b01d04fed8b7c3ec9b75967":"3"},"default_state":1,"slide_type":1,"slide_speed":200,"block_title":":header:first","block":"div.block","block_content":"div.content"},"colorbox":{"opacity":"0.85","current":"{current} of {total}","previous":"\u00ab Prev","next":"Next \u00bb","close":"Cerrar","maxWidth":"98%","maxHeight":"98%","fixed":true,"mobiledetect":true,"mobiledevicewidth":"480px","specificPagesDefaultValue":"admin*\nimagebrowser*\nimg_assist*\nimce*\nnode\/add\/*\nnode\/*\/edit\nprint\/*\nprintpdf\/*\nsystem\/ajax\nsystem\/ajax\/*"},"jquery_ajax_load":{"trigger":".jquery_ajax_load","target":"#jquery_ajax_load_target","toggle":true,"animation":true,"base_path":"\/","module_path":"sites\/all\/modules\/jquery_ajax_load","site_name":"FUGA - Fundaci\u00f3n Gilberto Alzate Avenda\u00f1o"},"custom_search":{"form_target":"_self","solr":0},"better_exposed_filters":{"views":{"programacion":{"displays":{"block_1":{"filters":[]}}},"vista_documentos":{"displays":{"block":{"filters":[]}}}}},"fitvids":{"custom_domains":[],"selectors":["body"],"simplifymarkup":true},"googleanalytics":{"trackOutbound":1,"trackMailto":1,"trackDownload":1,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackColorbox":1,"trackDomainMode":2,"trackCrossDomains":["fuga.gov.co","fgaa.gov.co"]},"urlIsAjaxTrusted":{"\/taller-documental-interactivo-webdoc":true}});
//--><!]]>
</script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
  <title>Taller documental interactivo - WebDoc | FUGA - Fundación Gilberto Alzate Avendaño</title>
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
</head>
<script data-account="jbYsHfaALm" src="https://cdn.userway.org/widget.js"></script>
<body class="html not-front not-logged-in one-sidebar sidebar-second page-node page-node- page-node-1392 node-type-programacion"><div class="barra_gov"><div class="logo-gov container"><a href="https://www.gov.co/home/" target="_blank"><img alt="Logo Gov.co" src="/sites/default/files/pictures/header_govco.png"></a></div></div>    <div id="header-top" class="wrapper">
<div class="clear"></div>
</div>
<div id="header" class="">

    <!-- BEGIN: #logo-->

       <div class="region region-header">
    <div id="block-logo-block-logo" class="block block-logo-block">

    
  <div class="content">
    <a href="https://portalant.fuga.gov.co/" title="FUGA - Fundación Gilberto Alzate Avendaño"><img src="https://portalant.fuga.gov.co/sites/default/files/logo-fuga-bogota.gif" alt="FUGA - Fundación Gilberto Alzate Avendaño" title="FUGA - Fundación Gilberto Alzate Avendaño" /></a>  </div>
</div>
  </div>
     

        <div class="region region-social">
    <div id="block-block-34" class="block block-block social-media-fuga">

    
  <div class="content">
    <p><a alt="Instagram LaFUGA" class="fuga-instagram" href="https://instagram.com/fundaciongilbertoalzate" target="_blank" title="Síguenos en Instagram LaFUGA"></a><a alt="Youtube LaFUGA" class="fuga-youtube" href="https://www.youtube.com/user/FundAlzate" target="_blank" title="Síguenos en Youtube LaFUGA"></a><a alt="Twitter LaFUGA" class="fuga-twitter" href="https://twitter.com/FGAA" target="_blank" title="Síguenos en Twitter LaFUGA"></a><a alt="Facebook LaFUGA" class="fuga-facebook" href="https://www.facebook.com/FundacionGilbertoAlzate" target="_blank " title="Síguenos en Facebook LaFUGA"></a> </p>
  </div>
</div>
<div id="block-custom-search-blocks-1" class="block block-custom-search-blocks">

    
  <div class="content">
    <form class="search-form" role="search" action="/taller-documental-interactivo-webdoc" method="post" id="custom-search-blocks-form-1" accept-charset="UTF-8"><div><div class="form-item form-type-textfield form-item-custom-search-blocks-form-1">
  <input title="Buscar" class="custom-search-box form-text" placeholder="Buscar" type="text" id="edit-custom-search-blocks-form-1--2" name="custom_search_blocks_form_1" value="" size="15" maxlength="128" />
</div>
<input type="hidden" name="delta" value="1" />
<input type="hidden" name="form_build_id" value="form-N7T_81CCRJHRdfndYyBEeUjFshb8Ar24HJZ_KcqCYpM" />
<input type="hidden" name="form_id" value="custom_search_blocks_form_1" />
<div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Buscar" class="form-submit" /></div></div></form>  </div>
</div>
<div id="block-gtranslate-gtranslate" class="block block-gtranslate margin-left hidden-sm-down">

    
  <div class="content">
    <script type="text/javascript">
/* <![CDATA[ */
eval(unescape("eval%28function%28p%2Ca%2Cc%2Ck%2Ce%2Cr%29%7Be%3Dfunction%28c%29%7Breturn%28c%3Ca%3F%27%27%3Ae%28parseInt%28c/a%29%29%29+%28%28c%3Dc%25a%29%3E35%3FString.fromCharCode%28c+29%29%3Ac.toString%2836%29%29%7D%3Bif%28%21%27%27.replace%28/%5E/%2CString%29%29%7Bwhile%28c--%29r%5Be%28c%29%5D%3Dk%5Bc%5D%7C%7Ce%28c%29%3Bk%3D%5Bfunction%28e%29%7Breturn%20r%5Be%5D%7D%5D%3Be%3Dfunction%28%29%7Breturn%27%5C%5Cw+%27%7D%3Bc%3D1%7D%3Bwhile%28c--%29if%28k%5Bc%5D%29p%3Dp.replace%28new%20RegExp%28%27%5C%5Cb%27+e%28c%29+%27%5C%5Cb%27%2C%27g%27%29%2Ck%5Bc%5D%29%3Breturn%20p%7D%28%276%207%28a%2Cb%29%7Bn%7B4%282.9%29%7B3%20c%3D2.9%28%22o%22%29%3Bc.p%28b%2Cf%2Cf%29%3Ba.q%28c%29%7Dg%7B3%20c%3D2.r%28%29%3Ba.s%28%5C%27t%5C%27+b%2Cc%29%7D%7Du%28e%29%7B%7D%7D6%20h%28a%29%7B4%28a.8%29a%3Da.8%3B4%28a%3D%3D%5C%27%5C%27%29v%3B3%20b%3Da.w%28%5C%27%7C%5C%27%29%5B1%5D%3B3%20c%3B3%20d%3D2.x%28%5C%27y%5C%27%29%3Bz%283%20i%3D0%3Bi%3Cd.5%3Bi++%294%28d%5Bi%5D.A%3D%3D%5C%27B-C-D%5C%27%29c%3Dd%5Bi%5D%3B4%282.j%28%5C%27k%5C%27%29%3D%3DE%7C%7C2.j%28%5C%27k%5C%27%29.l.5%3D%3D0%7C%7Cc.5%3D%3D0%7C%7Cc.l.5%3D%3D0%29%7BF%286%28%29%7Bh%28a%29%7D%2CG%29%7Dg%7Bc.8%3Db%3B7%28c%2C%5C%27m%5C%27%29%3B7%28c%2C%5C%27m%5C%27%29%7D%7D%27%2C43%2C43%2C%27%7C%7Cdocument%7Cvar%7Cif%7Clength%7Cfunction%7CGTranslateFireEvent%7Cvalue%7CcreateEvent%7C%7C%7C%7C%7C%7Ctrue%7Celse%7CdoGTranslate%7C%7CgetElementById%7Cgoogle_translate_element2%7CinnerHTML%7Cchange%7Ctry%7CHTMLEvents%7CinitEvent%7CdispatchEvent%7CcreateEventObject%7CfireEvent%7Con%7Ccatch%7Creturn%7Csplit%7CgetElementsByTagName%7Cselect%7Cfor%7CclassName%7Cgoog%7Cte%7Ccombo%7Cnull%7CsetTimeout%7C500%27.split%28%27%7C%27%29%2C0%2C%7B%7D%29%29"))
/* ]]> */
</script><style type="text/css">
<!--
#goog-gt-tt {display:none !important;}

.goog-te-banner-frame {display:none !important;}

.goog-te-menu-value:hover {text-decoration:none !important;}

body {top:0 !important;}

#google_translate_element2 {display:none!important;}
-->
</style><div id="google_translate_element2"></div>
<script type="text/javascript">function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'es', autoDisplay: false}, 'google_translate_element2');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script><style type="text/css">
<!--
a.gtflag {background-image:url('/sites/all/modules/gtranslate/gtranslate-files/24a.png');}
a.gtflag:hover {background-image:url('/sites/all/modules/gtranslate/gtranslate-files/24.png');}
-->
</style><a href="javascript:doGTranslate('es|es')" title="Spanish" class="gtflag" style="font-size:24px;padding:1px 0;background-repeat:no-repeat;background-position:-600px -200px;"><img src="/sites/all/modules/gtranslate/gtranslate-files/blank.png" height="24" width="24" style="border:0;vertical-align:top;" alt="Spanish" /></a> <a href="javascript:doGTranslate('es|en')" title="English" class="gtflag" style="font-size:24px;padding:1px 0;background-repeat:no-repeat;background-position:-0px -0px;"><img src="/sites/all/modules/gtranslate/gtranslate-files/blank.png" height="24" width="24" style="border:0;vertical-align:top;" alt="English" /></a>   </div>
</div>
  </div>


  

 

    <!-- END: #logo -->


















</div>
<!--END: #header -->

   <!-- BEGIN: #menu -->



 
            <!-- MAIN NAV -->

            <div id="menu-bar-wrapper" class="clearfix">



                  <div class="region region-menu-bar">
    <div id="block-tb-megamenu-main-menu" class="block block-tb-megamenu">

    
  <div class="content">
    <div  class="tb-megamenu tb-megamenu-main-menu" role="navigation" aria-label="Main navigation">
      <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar tb-megamenu-button" type="button">
      <i class="fa fa-reorder"></i>
    </button>
    <div class="nav-collapse  always-show">
    <ul  class="tb-megamenu-nav nav level-0 items-8">
    <li  data-id="2652" data-level="1" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-1 mega dropdown">
            <a href="/transparencia/acerca-de-la-fundacion"  class="dropdown-toggle" title="La Fundación">
                    La entidad                        <span class="caret"></span>
                            </a>
        <div  data-class="" data-width="" class="tb-megamenu-submenu dropdown-menu mega-dropdown-menu nav-child">
  <div class="mega-dropdown-inner">
    <div  class="tb-megamenu-row row-fluid">
  <div  data-class="" data-width="12" data-hidewcol="0" id="tb-megamenu-column-3" class="tb-megamenu-column span12  mega-col-nav">
  <div class="tb-megamenu-column-inner mega-inner clearfix">
        <ul  class="tb-megamenu-subnav mega-nav level-1 items-6">
    <li  data-id="2655" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="/transparencia/acerca-de-la-fundacion"  title="La Fuga">
                    La Fundación                            </a>
          </li>

  <li  data-id="2978" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega dropdown-submenu">
            <a href="/node/3583/"  class="dropdown-toggle" title="Gestión del Centro de Bogotá">
                    Subdirección Gestión del Centro de Bogotá                        <span class="caret"></span>
                            </a>
        <div  data-class="" data-width="" class="tb-megamenu-submenu dropdown-menu mega-dropdown-menu nav-child">
  <div class="mega-dropdown-inner">
    <div  class="tb-megamenu-row row-fluid">
  <div  data-class="" data-width="12" data-hidewcol="0" id="tb-megamenu-column-1" class="tb-megamenu-column span12  mega-col-nav">
  <div class="tb-megamenu-column-inner mega-inner clearfix">
        <ul  class="tb-megamenu-subnav mega-nav level-2 items-5">
    <li  data-id="3527" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="https://bronxdistritocreativo.gov.co/" >
                    Bronx Distrito Creativo                            </a>
          </li>

  <li  data-id="2656" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/centrico"  title="Periodico de Céntrico">
                    Periodico de Céntrico                            </a>
          </li>

  <li  data-id="6692" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/noticias/diez-artistas-y-gestores-culturales-del-centro-finalizaron-formacion" >
                    Conectando al Centro                            </a>
          </li>

  <li  data-id="6693" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/noticias/la-fuga-inicia-red-de-formacion-para-mujeres-en-toda-su-diversidad-que-habitan-el-centro-de" >
                    Género Centro                            </a>
          </li>

  <li  data-id="5997" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/catedras-fuga" >
                    Cátedras FUGA                            </a>
          </li>
</ul>
  </div>
</div>
</div>
  </div>
</div>
  </li>

  <li  data-id="2010" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega dropdown-submenu">
            <a href="/subdireccion-artistica-y-cultural"  class="dropdown-toggle" title="Subdirección Artística y Cultural">
                    Subdirección Artística y Cultural                        <span class="caret"></span>
                            </a>
        <div  data-class="" data-width="" class="tb-megamenu-submenu dropdown-menu mega-dropdown-menu nav-child">
  <div class="mega-dropdown-inner">
    <div  class="tb-megamenu-row row-fluid">
  <div  data-class="" data-width="12" data-hidewcol="0" id="tb-megamenu-column-2" class="tb-megamenu-column span12  mega-col-nav">
  <div class="tb-megamenu-column-inner mega-inner clearfix">
        <ul  class="tb-megamenu-subnav mega-nav level-2 items-8">
    <li  data-id="10229" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/procesos-de-formacion" >
                    Formación                            </a>
          </li>

  <li  data-id="3947" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/franja-escolar"  title="Franja Infantil">
                    Franja Infantil                            </a>
          </li>

  <li  data-id="3948" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/coleccion-fuga" >
                    Colección FUGA                            </a>
          </li>

  <li  data-id="3392" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/visitas-guiadas" >
                    Visitas guiadas                            </a>
          </li>

  <li  data-id="5996" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/festival-centro" >
                    Festival Centro                            </a>
          </li>

  <li  data-id="6502" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/noticias/el-talento-del-centro-de-bogota-un-solo-clic" >
                    Fúgate Al Centro                            </a>
          </li>

  <li  data-id="5869" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="/es-tiempo-de-crear" >
                    Es Tiempo de Crear                            </a>
          </li>

  <li  data-id="7009" data-level="3" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-3 mega">
            <a href="https://fuga.gov.co/seminario/"  title="Seminario FUGA 50 Años" target="_blank">
                    Seminario FUGA 50 Años                            </a>
          </li>
</ul>
  </div>
</div>
</div>
  </div>
</div>
  </li>

  <li  data-id="1073" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="/subdireccion-gestion-corporativa"  title="Subdirección Gestión Corporativa">
                    Subdirección Gestión Corporativa                            </a>
          </li>

  <li  data-id="1407" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="/biblioteca" >
                    Biblioteca                            </a>
          </li>

  <li  data-id="2653" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="https://intranet.fuga.gov.co/"  title="Ir a la Intranet" target="_blank">
                    Intranet                            </a>
          </li>
</ul>
  </div>
</div>
</div>
  </div>
</div>
  </li>

  <li  data-id="2654" data-level="1" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-1 mega">
            <a href="/transparencia"  title="Transparencia y acceso a la información pública">
                    Transparencia                            </a>
          </li>

  <li  data-id="8523" data-level="1" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-1 mega">
            <a href="/transparencia/atencion-defensor-ciudadano"  title="Atención y Servicios a la Ciudadanía" name="Atención y Servicios a la Ciudadanía">
                    ATENCIÓN CIUDADANÍA                            </a>
          </li>

  <li  data-id="8524" data-level="1" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-1 mega dropdown">
            <a href="/transparencia/participacion-en-la-formulacion-de-politicas"  class="dropdown-toggle">
                    Participa                        <span class="caret"></span>
                            </a>
        <div  data-class="" data-width="" class="tb-megamenu-submenu dropdown-menu mega-dropdown-menu nav-child">
  <div class="mega-dropdown-inner">
    <div  class="tb-megamenu-row row-fluid">
  <div  data-class="" data-width="12" data-hidewcol="0" id="tb-megamenu-column-4" class="tb-megamenu-column span12  mega-col-nav">
  <div class="tb-megamenu-column-inner mega-inner clearfix">
        <ul  class="tb-megamenu-subnav mega-nav level-1 items-6">
    <li  data-id="10483" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="/transparencia/participacion-en-la-formulacion-de-politicas" >
                    Participación Ciudadana                             </a>
          </li>

  <li  data-id="10482" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="/participacion-para-el-diagnostico-de-necesidades-e-identificacion-de-problemas" >
                    Participación Diagnostica                            </a>
          </li>

  <li  data-id="10484" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="/planeacion-y-presupuesto-participativo" >
                    Planeación y presupuesto participativo                            </a>
          </li>

  <li  data-id="10485" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="/consulta-ciudadana" >
                    Consulta ciudadana                            </a>
          </li>

  <li  data-id="10486" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="/colaboracion-e-innovacion-abierta" >
                    Colaboración e Innovación abierta                            </a>
          </li>

  <li  data-id="10487" data-level="2" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-2 mega">
            <a href="/transparencia/rendicion-cuentas" >
                    Rendición de cuentas y control ciudadano                            </a>
          </li>
</ul>
  </div>
</div>
</div>
  </div>
</div>
  </li>

  <li  data-id="373" data-level="1" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-1 mega">
            <a href="/noticias"  title="Ver todas las Noticias">
                    Noticias                            </a>
          </li>

  <li  data-id="1149" data-level="1" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-1 mega">
            <a href="/convocatorias"  title="Convocatorias">
                    Convocatorias                            </a>
          </li>

  <li  data-id="2785" data-level="1" data-type="menu_item" data-class="" data-xicon="calendar-alt" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-1 mega">
            <a href="/agenda-cultural"  title="Programación FUGA">
                        <i class="calendar-alt"></i>
                    Agenda cultural                            </a>
          </li>
</ul>
      </div>
  </div>
  </div>
</div>
  </div>



            </div>

 
  <!-- END: #menu -->
<div class="slideregion">
</div>

<!--BEGIN: breadcrumbs -->

<!--END: breadcrumbs -->


<!--BEGIN: content-->

<div id="content" class="wrapper">


    <!--BEGIN: right content-->

    <div id="page" class="alignright">



     
          <div class="region region-help">
    <div id="block-easy-breadcrumb-easy-breadcrumb" class="block block-easy-breadcrumb hidden-sm-down">

    
  <div class="content">
      <div itemscope class="easy-breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb">
          <span itemprop="title"><a href="/" class="easy-breadcrumb_segment easy-breadcrumb_segment-front">Inicio</a></span>               <span class="easy-breadcrumb_segment-separator">&gt;</span>
                <span class="easy-breadcrumb_segment easy-breadcrumb_segment-title" itemprop="title">Taller documental...</span>            </div>
  </div>
</div>
  </div>

  
        <div class="title-box"><h1 class="title" id="page-title">Taller documental interactivo - WebDoc</h1></div>

        
        <div class="tabs"></div>
        
          <div class="region region-content">
    <div id="block-system-main" class="block block-system">

    
  <div class="content">
    <div id="node-1392" class="node node-programacion clearfix">

  
      
      <div class="submitted">
      Publicado por <span class="username">Anónimo (no verificado)</span> en 2014-09-23 18:34:37    </div>
  
  <div class="content">
    <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><strong>Fechas y hora: </strong>Del 17 al 20 de octubre de 2014. 4 días en total: 2 días de charlas abiertas al público (aforo limitado) y 2 días para el workshop de proyectos seleccionados (máximo 20 participantes). De 9:00 a.m. a 6:00 p.m.</p>
<p><strong>Lugar: <a href="http://www.plataformabogota.org" target="_blank">Plataforma Bogotá</a> </strong>(calle 10 # 4 - 28)</p>
<p>Taller gratuito con inscripción previa en: <a href="http://bit.ly/1rwBrtu" target="_blank"><strong>http://bit.ly/1rwBrtu</strong></a>. Se otorgará certificación a quien asista mínimo al 70% de los contenidos.</p>
<p> </p>
<p>Durante 4 días un grupo de talleristas nacionales e internacionales, expertos en documental interactivo y docujuegos, introducirán a los participantes en el mundo de la expansión narrativa de la no-ficción.</p>
<p>Con el auge de las nuevas tecnologías, el documental está experimentando una expansión basada en la inmersión y la interactividad. En ese nuevo contexto las narraciones se articulan de manera no lineal y la forma de comunicarse no necesita ahora de participación física. Estando así ante nuevos retos que rompen el paradigma de la producción, la barrera divisoria entre el mundo del autor y el espectador- interactor se desvanece.</p>
<p>En este ámbito de escrituras interactivas, los videojuegos pueden ser una gran ayuda. Durante más de 50 años, los diseñadores de videojuegos han experimentado con estructuras narrativas y la construcción de objetos multimedia. Hasta hace poco, los videojuegos se habían utilizado principalmente para el entretenimiento, pero ahora su influencia se extiende ahora a temas como los relatos de no-ficción.</p>
<p><strong>A quién va dirigido el taller</strong></p>
<p>- Cineastas con interés en los límites narrativos y tecnológicos de la cinematografía de la no-ficción.</p>
<p>- Programadores y diseñadores con interés en la narración.</p>
<p>- Estudiantes y profesores de medios audiovisuales, comunicación audiovisual, cine, antropología, sociología o humanidades en general.</p>
<p>-Productores de contenidos interesados en la convergencia de medios y las posibilidades interactivas de los medios audiovisuales.</p>
<h4>
	<strong>¿Cómo participar?</strong></h4>
<p>Llenar el formato de inscripción que se encuentra en el siguiente enlace: <a href="http://bit.ly/1rwBrtu" target="_blank"><strong>http://bit.ly/1rwBrtu</strong></a>.</p>
<h4>
	<strong>Cierre de inscripciones</strong></h4>
<p>6 de octubre de 2014</p>
<h4>
	<strong>Publicación de seleccionados</strong></h4>
<p>El 12 de octubre de 2014 en las páginas de MIDBO <strong><a href="http://www.muestradoc.com" target="_blank">www.muestradoc.com</a> </strong>y de la FUGA <a href="http://www.fgaa.gov.co"><strong>www.fgaa.gov.co</strong></a></p>
<p>La selección de los participantes la realizará Jorge caballero y Taller Estampa, y quedará consignada en un acta debidamente firmada.</p>
<h3>
	 </h3>
<h3>
	<b>Programación</b></h3>
<h4>
	<strong>1er día - </strong><strong>17 de octubre del 2014 / </strong><strong>SESIÓN ABIERTA AL PÚBLICO</strong></h4>
<p><strong>- 9:00 a 10:30 a.m.</strong></p>
<p>Bienvenida y acreditación</p>
<p><strong>- 10:30 a.m. a 1:00 p.m.</strong></p>
<p>Introducción y cuestiones preliminares. ¿Qué es el documental interactivo?, historia reciente, aproximación a una definición y diferencias con el documental lineal tradicional. Panorama actual de la producción de documental interactivo, los nuevos modelos de negocio y las perspectivas de futuro. Estudios de caso y experiencias de documental interactivo y documentales transmediáticos.</p>
<p>Si cuenta con computador portátil y dispositivos de captura audiovisual y fotográfica, se recomienda traerlos a las sesiones.</p>
<p><em>A cargo de<strong> Jorge Caballero</strong></em></p>
<p><strong>- 2:00 a.m. a 6:00 p.m.</strong></p>
<p>El link entre el documental y los video juegos, cómo cambia la posición del espectador en la narrativa interactiva. Aproximación al concepto de narrativa interactiva y clasificación útil para abordar los proyectos, cómo escribir un guión interactivo de no-ficción. Estudios de caso.</p>
<p><em>A cargo de<strong> Florent Maurin</strong></em></p>
<h4>
	<strong>2do día - 18 de octubre / SESIÓN ABIERTA AL PÚBLICO</strong></h4>
<p><strong>- 9:00 a.m. a 1:00 p.m.</strong></p>
<p>Diseño y programación de webdocs. Conceptos iniciales de un equipo multidisciplinar. Lógica de lo interactivo desde la usabilidad. Preliminares de programación (HTML5 y sus competidores). Cuándo el guión también es diseño y programación.</p>
<p><em>A cargo de<strong> Taller Estampa</strong></em></p>
<p><strong>- 2:00 a.m. a 6:00 p.m.</strong></p>
<p>Herramientas <em>codefree </em>para diseñar narrativas multimedia interactivas. Panorama de las herramientas sin código para crear videos interactivos y para diseñar narrativas web multimedia y interactivas. Hoy, cada vez más cineastas, productoras, periodistas quieren expresarse en la web. Se encuentran cada vez mas herramientas sin código para que estos creadores de contenidos puedan producir obras interactivas de manera autónoma (Do It Yourself! #DIY). Esta charla técnica y práctica presentará las distintas aplicaciones disponibles hoy, comparando sus características y precios.</p>
<p><em>A cargo de<strong> Simon Duflo</strong></em></p>
<h4>
	<strong>3er día - 19 de octubre / WORKSHOP CON LOS 20 PROYECTOS SELECCIONADOS</strong></h4>
<p><strong>- 9:00 a 11:00 a.m.</strong></p>
<p>Presentación de los proyectos y análisis inicial.</p>
<p><strong>- 11:00 a.m. a 6:00 p.m.</strong></p>
<p>Los participantes se reunirán en grupos de 5 personas e irán alternando entre los diferentes talleristas, para trabajar en las distintas áreas de guión, narración interactiva, diseño y programación.</p>
<h4>
	<strong>4</strong><strong>º </strong><strong>día - 20 de octubre / WORKSHOP CON LOS 20 PROYECTOS SELECCIONADOS</strong></h4>
<p><strong>- 9:00 a.m. a 1:00 p.m.</strong></p>
<p>Los participantes se reunirán en grupos de 5 personas e irán alternando entre los diferentes talleristas, para trabajar en las distintas áreas de guión, narración interactiva, diseño y programación.</p>
<p><strong>- 2:00 a.m. a 5:00 p.m.</strong></p>
<p>Los participantes se reunirán en grupos de 5 personas e irán alternando entre los diferentes talleristas, para trabajar en las distintas áreas de guión, narración interactiva, diseño y programación.</p>
<p><strong>- 5:00 a 6:00 p.m.</strong></p>
<p>Conclusiones.</p>
<p> </p>
<h3>
	<b>Talleristas</b></h3>
<h4>
	<strong>Jorge Caballero (Colombia)</strong></h4>
<p>Coordinador de documental interactivo y de posproducción del Master de Documental Creativo de la Universidad Autónoma de Barcelona. Productor y realizador de la empresa Gusano Films con la que ha desarrollado varias películas como <em>Bagatela</em>, <em>Nacer</em>, <em>Mapa mudo</em> y <em>Paciente</em>, consiguiendo reconocimientos en prestigiosos festivales como BAFICI (Buenos Aires), FICG (Guadalajara), Alternativa (Barcelona), Tribeca (Nueva York), entre otros. Ganador del premio Nacional de Documental en dos ocasiones. Profesor invitado de varias universidades y festivales iberoamericanos.</p>
<h4>
	<strong>Taller Estampa (España)</strong></h4>
<p>Estudio conformado por Roc Albalat, grafista, Pau Artigas, ingeniero informático, y Marcel Pié, realizador y profesor de la Facultad de Bellas Artes de la Universidad de Barcelona. Estudio Estampa se centra en el desarrollo de proyectos web, documental interactivo, animación, cine experimental, motion graphics, diseño editorial y diseño gráfico. Pioneros en el desarrollo de documentales interactivos en Iberoamérica con proyectos como: VOSE, SOLOS, Sombras del progreso del Máster de documental creativo de la UAB, Las SinSombrero de la productora IntropiaFilms o Las Fronteras de GusanoFilms, proyecto ganador de la Beca de arte para la mejora social de la Fundacio LaCaixa. Sus proyectos se han exhibido en diferentes espacios como: Anthology Film Archive (Nueva York), Centro de Arte Reina Sofía (Madrid), Modern Tate Gallery (Londres) o Jeu de Paume (París). Han trabajado con artistas como Gabriel Pericàs, Daniel Jacoby, Anjopa Seitpa, Maria Ruido, Marcel·lí Antúnez, Àngels Margarit entre otros. Se han desempeñado como talleristas de web documental y cine de animación infantil en varios centros y universidades de España.</p>
<h4>
	<strong>Florent Maurin (Francia)</strong></h4>
<p>Graduado de la Escuela de Periodismo de Lille en 2002. Trabajó para Bayard durante diez años –su última posición fue la de director editorial de Bayamón–, oferta online para niños. Director y fundador de la productora de contenidos interactivos THE PIXEL HUNT <strong><a href="http://www.thepixelhunt.com." target="_blank">www.thepixelhunt.com.</a></strong> Diseña news games (videojuegos con un enfoque en el mundo real) para clientes como Lemonde.fr (primer sitio web de noticias de Francia), Radio France (National Public Radio), France Télévisions (TV pública nacional). Ha construido estructuras narrativas para documentales interactivos e imparte cursos sobre diseño interactivo. En el verano de 2012, Florent fue columnista de France Inter con un enfoque en IT, #Antibuzz. Es co-fundador del Storycode Francia (serie de conferencias sobre narrativa transmedia). Entre sus últimos proyectos se destacan: “Juego de influencias” <a href="http://jeu-d-influences.france5.fr" target="_blank"><strong>http://jeu-d-influences.france5.fr</strong>,</a> un juego interactivo sobre la crisis de los especialistas en comunicación y “Rebuilding Haití” <strong><a href="http://apps.rue89.com/haiti/" target="_blank">http://apps.rue89.com/haiti/</a></strong>, un reportaje / ficción el sobre proceso de reconstrucción de Haití.</p>
<h4>
	<strong>Simon Duflo </strong><strong>(Francia)</strong></h4>
<p>Cineasta. Empezó como documentalista (<em>Médecine Tropicale</em>, Mali, 2006), ha trabajado como camarógrafo, reportero y en la formación cinematográfica. Desde el 2010 se dedica al documental interactivo y las nuevas narraciones, para él la web es un nuevo campo de creación fílmica. Trabaja actualmente para Klynt, herramienta interactiva diseñada por Honkytonk Films (productora parisina pionera en el webdocumental), como formador y consultor.</p>
</div></div></div><div class="field field-name-field-lugar-fundacion field-type-taxonomy-term-reference field-label-above"><div class="field-label">Lugar:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="/lugares-de-la-fundaci%C3%B3n/plataforma-bogot%C3%A1">Plataforma Bogotá</a></div></div></div><div class="field field-name-field-imagen-programaci-n field-type-image field-label-above"><div class="field-label">Imagen Programación:&nbsp;</div><div class="field-items"><div class="field-item even"><img src="https://portalant.fuga.gov.co/sites/default/files/IMAGEN%20NOTICIA_55.PNG" width="673" height="439" alt="" /></div></div></div>  </div>

  
  
</div>
  </div>
</div>
<div id="block-views-programacion-block-1" class="block block-views">

    
  <div class="content">
    <div class="view view-programacion view-id-programacion view-display-id-block_1 view-dom-id-8f1da482aa98545d1019287b278ae421">
        
  
  
      <div class="view-content">
        <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
      
  <div class="views-field views-field-field-imagen-programaci-n">        <div class="field-content"><img src="https://portalant.fuga.gov.co/sites/default/files/IMAGEN%20NOTICIA_55.PNG" width="673" height="439" alt="" /></div>  </div>  
  <div class="views-field views-field-field-lugar-fundacion">        <div class="field-content"><a href="/lugares-de-la-fundaci%C3%B3n/plataforma-bogot%C3%A1">Plataforma Bogotá</a></div>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"><p><strong>Fechas y hora: </strong>Del 17 al 20 de octubre de 2014. 4 días en total: 2 días de charlas abiertas al público (aforo limitado) y 2 días para el workshop de proyectos seleccionados (máximo 20 participantes). De 9:00 a.m. a 6:00 p.m.</p>
<p><strong>Lugar: <a href="http://www.plataformabogota.org" target="_blank">Plataforma Bogotá</a> </strong>(calle 10 # 4 - 28)</p>
<p>Taller gratuito con inscripción previa en: <a href="http://bit.ly/1rwBrtu" target="_blank"><strong>http://bit.ly/1rwBrtu</strong></a>. Se otorgará certificación a quien asista mínimo al 70% de los contenidos.</p>
<p> </p>
<p>Durante 4 días un grupo de talleristas nacionales e internacionales, expertos en documental interactivo y docujuegos, introducirán a los participantes en el mundo de la expansión narrativa de la no-ficción.</p>
<p>Con el auge de las nuevas tecnologías, el documental está experimentando una expansión basada en la inmersión y la interactividad. En ese nuevo contexto las narraciones se articulan de manera no lineal y la forma de comunicarse no necesita ahora de participación física. Estando así ante nuevos retos que rompen el paradigma de la producción, la barrera divisoria entre el mundo del autor y el espectador- interactor se desvanece.</p>
<p>En este ámbito de escrituras interactivas, los videojuegos pueden ser una gran ayuda. Durante más de 50 años, los diseñadores de videojuegos han experimentado con estructuras narrativas y la construcción de objetos multimedia. Hasta hace poco, los videojuegos se habían utilizado principalmente para el entretenimiento, pero ahora su influencia se extiende ahora a temas como los relatos de no-ficción.</p>
<p><strong>A quién va dirigido el taller</strong></p>
<p>- Cineastas con interés en los límites narrativos y tecnológicos de la cinematografía de la no-ficción.</p>
<p>- Programadores y diseñadores con interés en la narración.</p>
<p>- Estudiantes y profesores de medios audiovisuales, comunicación audiovisual, cine, antropología, sociología o humanidades en general.</p>
<p>-Productores de contenidos interesados en la convergencia de medios y las posibilidades interactivas de los medios audiovisuales.</p>
<h4>
	<strong>¿Cómo participar?</strong></h4>
<p>Llenar el formato de inscripción que se encuentra en el siguiente enlace: <a href="http://bit.ly/1rwBrtu" target="_blank"><strong>http://bit.ly/1rwBrtu</strong></a>.</p>
<h4>
	<strong>Cierre de inscripciones</strong></h4>
<p>6 de octubre de 2014</p>
<h4>
	<strong>Publicación de seleccionados</strong></h4>
<p>El 12 de octubre de 2014 en las páginas de MIDBO <strong><a href="http://www.muestradoc.com" target="_blank">www.muestradoc.com</a> </strong>y de la FUGA <a href="http://www.fgaa.gov.co"><strong>www.fgaa.gov.co</strong></a></p>
<p>La selección de los participantes la realizará Jorge caballero y Taller Estampa, y quedará consignada en un acta debidamente firmada.</p>
<h3>
	 </h3>
<h3>
	<b>Programación</b></h3>
<h4>
	<strong>1er día - </strong><strong>17 de octubre del 2014 / </strong><strong>SESIÓN ABIERTA AL PÚBLICO</strong></h4>
<p><strong>- 9:00 a 10:30 a.m.</strong></p>
<p>Bienvenida y acreditación</p>
<p><strong>- 10:30 a.m. a 1:00 p.m.</strong></p>
<p>Introducción y cuestiones preliminares. ¿Qué es el documental interactivo?, historia reciente, aproximación a una definición y diferencias con el documental lineal tradicional. Panorama actual de la producción de documental interactivo, los nuevos modelos de negocio y las perspectivas de futuro. Estudios de caso y experiencias de documental interactivo y documentales transmediáticos.</p>
<p>Si cuenta con computador portátil y dispositivos de captura audiovisual y fotográfica, se recomienda traerlos a las sesiones.</p>
<p><em>A cargo de<strong> Jorge Caballero</strong></em></p>
<p><strong>- 2:00 a.m. a 6:00 p.m.</strong></p>
<p>El link entre el documental y los video juegos, cómo cambia la posición del espectador en la narrativa interactiva. Aproximación al concepto de narrativa interactiva y clasificación útil para abordar los proyectos, cómo escribir un guión interactivo de no-ficción. Estudios de caso.</p>
<p><em>A cargo de<strong> Florent Maurin</strong></em></p>
<h4>
	<strong>2do día - 18 de octubre / SESIÓN ABIERTA AL PÚBLICO</strong></h4>
<p><strong>- 9:00 a.m. a 1:00 p.m.</strong></p>
<p>Diseño y programación de webdocs. Conceptos iniciales de un equipo multidisciplinar. Lógica de lo interactivo desde la usabilidad. Preliminares de programación (HTML5 y sus competidores). Cuándo el guión también es diseño y programación.</p>
<p><em>A cargo de<strong> Taller Estampa</strong></em></p>
<p><strong>- 2:00 a.m. a 6:00 p.m.</strong></p>
<p>Herramientas <em>codefree </em>para diseñar narrativas multimedia interactivas. Panorama de las herramientas sin código para crear videos interactivos y para diseñar narrativas web multimedia y interactivas. Hoy, cada vez más cineastas, productoras, periodistas quieren expresarse en la web. Se encuentran cada vez mas herramientas sin código para que estos creadores de contenidos puedan producir obras interactivas de manera autónoma (Do It Yourself! #DIY). Esta charla técnica y práctica presentará las distintas aplicaciones disponibles hoy, comparando sus características y precios.</p>
<p><em>A cargo de<strong> Simon Duflo</strong></em></p>
<h4>
	<strong>3er día - 19 de octubre / WORKSHOP CON LOS 20 PROYECTOS SELECCIONADOS</strong></h4>
<p><strong>- 9:00 a 11:00 a.m.</strong></p>
<p>Presentación de los proyectos y análisis inicial.</p>
<p><strong>- 11:00 a.m. a 6:00 p.m.</strong></p>
<p>Los participantes se reunirán en grupos de 5 personas e irán alternando entre los diferentes talleristas, para trabajar en las distintas áreas de guión, narración interactiva, diseño y programación.</p>
<h4>
	<strong>4</strong><strong>º </strong><strong>día - 20 de octubre / WORKSHOP CON LOS 20 PROYECTOS SELECCIONADOS</strong></h4>
<p><strong>- 9:00 a.m. a 1:00 p.m.</strong></p>
<p>Los participantes se reunirán en grupos de 5 personas e irán alternando entre los diferentes talleristas, para trabajar en las distintas áreas de guión, narración interactiva, diseño y programación.</p>
<p><strong>- 2:00 a.m. a 5:00 p.m.</strong></p>
<p>Los participantes se reunirán en grupos de 5 personas e irán alternando entre los diferentes talleristas, para trabajar en las distintas áreas de guión, narración interactiva, diseño y programación.</p>
<p><strong>- 5:00 a 6:00 p.m.</strong></p>
<p>Conclusiones.</p>
<p> </p>
<h3>
	<b>Talleristas</b></h3>
<h4>
	<strong>Jorge Caballero (Colombia)</strong></h4>
<p>Coordinador de documental interactivo y de posproducción del Master de Documental Creativo de la Universidad Autónoma de Barcelona. Productor y realizador de la empresa Gusano Films con la que ha desarrollado varias películas como <em>Bagatela</em>, <em>Nacer</em>, <em>Mapa mudo</em> y <em>Paciente</em>, consiguiendo reconocimientos en prestigiosos festivales como BAFICI (Buenos Aires), FICG (Guadalajara), Alternativa (Barcelona), Tribeca (Nueva York), entre otros. Ganador del premio Nacional de Documental en dos ocasiones. Profesor invitado de varias universidades y festivales iberoamericanos.</p>
<h4>
	<strong>Taller Estampa (España)</strong></h4>
<p>Estudio conformado por Roc Albalat, grafista, Pau Artigas, ingeniero informático, y Marcel Pié, realizador y profesor de la Facultad de Bellas Artes de la Universidad de Barcelona. Estudio Estampa se centra en el desarrollo de proyectos web, documental interactivo, animación, cine experimental, motion graphics, diseño editorial y diseño gráfico. Pioneros en el desarrollo de documentales interactivos en Iberoamérica con proyectos como: VOSE, SOLOS, Sombras del progreso del Máster de documental creativo de la UAB, Las SinSombrero de la productora IntropiaFilms o Las Fronteras de GusanoFilms, proyecto ganador de la Beca de arte para la mejora social de la Fundacio LaCaixa. Sus proyectos se han exhibido en diferentes espacios como: Anthology Film Archive (Nueva York), Centro de Arte Reina Sofía (Madrid), Modern Tate Gallery (Londres) o Jeu de Paume (París). Han trabajado con artistas como Gabriel Pericàs, Daniel Jacoby, Anjopa Seitpa, Maria Ruido, Marcel·lí Antúnez, Àngels Margarit entre otros. Se han desempeñado como talleristas de web documental y cine de animación infantil en varios centros y universidades de España.</p>
<h4>
	<strong>Florent Maurin (Francia)</strong></h4>
<p>Graduado de la Escuela de Periodismo de Lille en 2002. Trabajó para Bayard durante diez años –su última posición fue la de director editorial de Bayamón–, oferta online para niños. Director y fundador de la productora de contenidos interactivos THE PIXEL HUNT <strong><a href="http://www.thepixelhunt.com." target="_blank">www.thepixelhunt.com.</a></strong> Diseña news games (videojuegos con un enfoque en el mundo real) para clientes como Lemonde.fr (primer sitio web de noticias de Francia), Radio France (National Public Radio), France Télévisions (TV pública nacional). Ha construido estructuras narrativas para documentales interactivos e imparte cursos sobre diseño interactivo. En el verano de 2012, Florent fue columnista de France Inter con un enfoque en IT, #Antibuzz. Es co-fundador del Storycode Francia (serie de conferencias sobre narrativa transmedia). Entre sus últimos proyectos se destacan: “Juego de influencias” <a href="http://jeu-d-influences.france5.fr" target="_blank"><strong>http://jeu-d-influences.france5.fr</strong>,</a> un juego interactivo sobre la crisis de los especialistas en comunicación y “Rebuilding Haití” <strong><a href="http://apps.rue89.com/haiti/" target="_blank">http://apps.rue89.com/haiti/</a></strong>, un reportaje / ficción el sobre proceso de reconstrucción de Haití.</p>
<h4>
	<strong>Simon Duflo </strong><strong>(Francia)</strong></h4>
<p>Cineasta. Empezó como documentalista (<em>Médecine Tropicale</em>, Mali, 2006), ha trabajado como camarógrafo, reportero y en la formación cinematográfica. Desde el 2010 se dedica al documental interactivo y las nuevas narraciones, para él la web es un nuevo campo de creación fílmica. Trabaja actualmente para Klynt, herramienta interactiva diseñada por Honkytonk Films (productora parisina pionera en el webdocumental), como formador y consultor.</p>
</div>  </div>  </div>
    </div>
  
  
  
  
  
  
</div>  </div>
</div>
  </div>

        




    </div><!--END: right content-->



    <!-- BEGIN: sidebar -->

     
       <div id="sidebar" class="alignleft">

            <div class="region region-sidebar-second">
    <div id="block-block-23" class="block block-block">

    
  <div class="content">
    <p><a href="/agenda-cultural" target="_self" title="Calendario eventos LaFUGA"><img src="/sites/default/files/bannerEventos.jpg" /></a></p>
  </div>
</div>
  </div>

       </div><!--END: sidebar -->

      




    <div class="clear"></div>










        




    <div class="post-content"></div>

 




     




     



  </div><!--END: #content-->







   

  <!--BEGIN: #footer-->

  <div id="footer" class="">









      
  <div class="one-four">

    <div class="region region-footer-firstcolumn">
    <div id="block-block-2" class="block block-block">

    
  <div class="content">
    <h3>
	Fundación Gilberto Alzate Avendaño<strong style="font-size: 12px;">, sede principal</strong></h3>
<p><strong>Dirección: </strong>Cra 3 # 10 - 27 Bogotá, D.C.<br />
	<strong>Teléfono: </strong>+60(1) 4 32 04 10<br />
	<strong>Cód. Postal</strong> 111711<br />
	<a href="mailto:atencionalciudadano@fuga.gov.co">atencionalciudadano@fuga.gov.co</a><br />
	<a href="mailto:notificacionesjudiciales@fuga.gov.co">notificacionesjudiciales@fuga.gov.co</a><br />
	<strong>Horarios:</strong><br />
	  Lunes a viernes de 8:00am a 5:30pm<br />
	 * Sábados: 10:00 am a 6:00pm<br />
	 * Domingo: 12:00 am a 5:00 pm<br />
	 <strong>* </strong>Programación artístico y cultural</p>
<h3>
	Fundación Gilberto Alzate Avendaño<strong>, sede casa amarilla</strong></h3>
<p><strong>Dirección:</strong> Cll 10 # 2 - 54 Bogotá, D.C.<br />
	<strong>Teléfono: </strong>+60(1) 4 32 04 10<br />
	<a href="mailto:atencionalciudadano@fuga.gov.co">atencionalciudadano@fuga.gov.co</a><br />
	<strong>Horario:</strong><br />
	Lunes a viernes de 8:00am a 5:30pm</p>
<h3>
	<strong>F</strong>undación Gilberto Alzate Avendaño<strong style="font-size: 12px;">, sede casa grifos</strong></h3>
<p><strong>Dirección: </strong>Cll 10 # 2 - 91 Bogotá, D.C.<br />
	<strong>Teléfono: </strong>+60(1) 4 32 04 10<br />
	<a href="mailto:atencionalciudadano@fuga.gov.co">atencionalciudadano@fuga.gov.co</a><br />
	<strong>Horario:</strong><br />
	Lunes a viernes de 8:00am a 5:30pm</p>
<p><strong>Festivos no hay atención al público</strong></p>
<h3>
	<strong>Siguenos en Redes Sociales</strong></h3>
<p><strong><a href="https://www.instagram.com/fundaciongilbertoalzate/" target="_blank"><img alt="" src="/sites/default/files/pictures/instagram_1.png" style="width: 32px; height: 32px; margin-left: 6px; margin-right: 6px;" /></a><a href="https://www.youtube.com/channel/UCqLf5kKUwyBl0AEbCl2rhbA" target="_blank"><img alt="" src="/sites/default/files/pictures/youtube_1.png" style="width: 32px; height: 32px; margin-left: 6px; margin-right: 6px;" /></a><a href="https://twitter.com/FUGABogota" target="_blank"><img alt="" src="/sites/default/files/pictures/twitter_1.png" style="width: 32px; height: 32px; margin-left: 6px; margin-right: 6px;" /></a><a href="https://www.facebook.com/FundacionGilbertoAlzate" target="_blank"><img alt="" src="/sites/default/files/pictures/facebook-circular-logo.png" style="width: 32px; height: 32px; margin-left: 6px; margin-right: 6px;" /></a></strong></p>
<p><span style="color:#ffffff;">© 2021 Todos los derechos reservados FUGA.</span></p>
  </div>
</div>
  </div>

  </div>

   










      
  <div class="one-four">

    <div class="region region-footer-secondcolumn">
    <div id="block-menu-menu-atenci-n-al-ciudadano" class="block block-menu">

    <h2 class="block-title" >Atención al Ciudadano</h2>
  
  <div class="content">
    <ul class="menu"><li class="first leaf"><a href="mailto:notificacionesjudiciales@fuga.gov.co" title="Atención al ciudadano">notificacionesjudiciales@fuga.gov.co</a></li>
<li class="leaf"><a href="/transparencia/atencion-defensor-ciudadano" title="Punto de Atención al Ciudadano">Punto de Atención y Defensor del Ciudadano</a></li>
<li class="leaf"><a href="https://www.bogota.gov.co/sdqs" title="SDQS">Sistema Distrital de Quejas y Soluciones - SDQS</a></li>
<li class="leaf"><a href="https://portel.bogota.gov.co/portel/libreria/php/03..html" title="Guía de Tramites y Servicios">Guía de Tramites y Servicios</a></li>
<li class="leaf"><a href="https://portel.bogota.gov.co/mad/buscador.php" title="Mapa Callejero">Mapa Callejero</a></li>
<li class="leaf"><a href="/transparencia-2020" title="Transparencia ">Transparencia y acceso a información pública </a></li>
<li class="leaf"><a href="/transparencia/formulario-de-contacto" title="Enlace de Contacto de la Entidad">Formulario de Contacto</a></li>
<li class="leaf"><a href="/transparencia/politicas-seguridad" title="Políticas de seguridad de la información del sitio web y protección de datos personales">Políticas de seguridad de la información</a></li>
<li class="leaf"><a href="https://www.datos.gov.co" target="_blank">Datos abiertos</a></li>
<li class="last leaf"><a href="https://fuga.gov.co/sitemap">Mapa de Sitio web</a></li>
</ul>  </div>
</div>
  </div>

  </div>

   








       
  <div class="one-four">

    <div class="region region-footer-thirdcolumn">
    <div id="block-block-39" class="block block-block hidden-sm-down">

    <h2 class="block-title" >RED DE PAGINAS DEL SECTOR</h2>
  
  <div class="content">
    <ul class="menu">
<li class="leaf">
		<a href="https://www.culturarecreacionydeporte.gov.co/" target="_blank">Secretaría de Cultura, Recreación y Deporte</a></li>
<li class="leaf">
		<a href="https://www.idrd.gov.co/" target="_blank" title="Instituto Distrital de Recreación y Deporte ">Instituto Distrital de Recreación y Deporte</a></li>
<li class="leaf">
		<a href="https://www.idartes.gov.co/" target="_blank" title="Instituto Distrital de las Artes">Instituto Distrital de las Artes</a></li>
<li class="leaf">
		<a href="https://www.filarmonicabogota.gov.co/" target="_blank">Orquesta Filarmónica de Bogotá</a></li>
<li class="leaf">
		<a href="https://www.patrimoniocultural.gov.co/" target="_blank" title="Instituto Distrital de Patrimonio Cultural">Instituto Distrital de Patrimonio Cultural</a></li>
<li class="leaf">
		<a href="https://www.canalcapital.gov.co/" target="_blank">Canal Capital</a></li>
<li class="leaf">
		<a href="https://www.biblored.gov.co/" target="_blank">Red Distrital de Bibliotecas Públicas - Biblored</a></li>
<li class="leaf">
		<a href="https://www.gov.co" target="_blank">Gov.co</a></li>
</ul>
<p class="leaf"> </p>
<p><a href="/" title="FUNDACIÓN GILBERTO ALZATE AVENDAÑO"><img alt="FUGA - Fundación Gilberto Alzate Avendaño" src="https://portalant.fuga.gov.co/sites/default/files/logo-fuga_footer_.svg" style="max-width:300px" title="FUGA - Fundación Gilberto Alzate Avendaño" /></a></p>
<p>                                     <a href="https://www.colombia.co/" target="_blank"><img alt="" height="30" src="/sites/default/files/pictures/co.png" width="31" /></a></p>
<p>                     <a href="https://www.gov.co/" target="_blank"><img alt="" height="30" src="/sites/default/files/pictures/gov.png" width="130" /></a></p>
<p> </p>
  </div>
</div>
  </div>

    </div>

   








      













      <div class="clear"></div>





  </div><!--END: #footer-->

  <div id="footer" class="wrapper footer-a">

        </div>
        </div>
        </div>
        </div>



  </div>
  <div id="footer" class="wrapper footer-b">

          </div>



  </div>
    <script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5c957fddfb6af900122ecbd4&product=inline-share-buttons' async='async'></script>
</body>
</html>