Resultados de la Colección

50 Aniversario
 Problemas y soluciones
 Pantalla completa
1 – iexplorer.exe –k (acceso directo)
2 – Plugin de Firefox (fullscreen)
3 – código javascript (pantalla
completa)

(A pesar de la utilización de la opción 1 y 3, surge la

dificultad de la barra de información)
(La opción 2 se rechazó por falta de plugin para mozilla)
 Problemas y soluciones
Barra de información de Internet Explorer
1- <!-- saved from url=(0013)about:internet -->
(copiar en todas las paginas web)
2- Escribir en el registro de window (regedit.exe)
(Algo nuevo para nosotros)
(Se encontraron varios lugares en el registro donde se podía
modificar el valor, pero no sabía lugar exacto, había que tener
privilegios)

(HKEY_CURRENT_USER
 Problemas y soluciones
 Al tener esta soluciones decidimos
utilizar como navegador el IE, pero
nos enfrentamos a otro problema:
- Diversidad de navegadores de los
posibles usuarios.
 Importancia de archivo
(Run50.exe)
 Objetivo: Restringir la ejecución del
producto en IE y eliminar la barra de
información desde el registro sin privilegios
de admin.

 Desarrollado en Delphi

Función: Enlazaría la Aplicación con el

Proyecto
Iniciaría el navegador + index.html del sitio.
appFirefox:= 'firefox\FirefoxPortable.exe ';
appIExplore:= 'C:\Archivos de programa\Internet Explorer\IEXPLORE.EXE -k ';

SetRegistryData(HKEY_CURRENT_USER, 'Software\Microsoft\Internet
Explorer\Main\FeatureControl\FEATURE_LOCALMACHINE_LOCKDOWN', 'iexplore.exe', rdInteger, 0);
SetRegistryData(HKEY_CURRENT_USER, 'Software\Microsoft\Internet
Explorer\Main\FeatureControl\FEATURE_LOCALMACHINE_LOCKDOWN\Settings',
'LOCALMACHINE_CD_UNLOCK', rdInteger, 1);

ProgressBar1.Max := 100;
repeat
ProgressBar1.Position := ProgressBar1.Position + 1;
Sleep (10);
until ProgressBar1.Position = ProgressBar1.Max;

if FileExists('firefox\FirefoxPortable.exe') Then
navegador:=appFirefox
else if (FileExists('C:\Program Files\Internet Explorer\IEXPLORE.EXE')) then
navegador:= 'C:\Program Files\Internet Explorer\IEXPLORE.EXE -k '
else
navegador:=appIExplore;

if FileExists(GetCurrentDir+'\index.html') Then
pagina:=GetCurrentDir+'\index.html'
else if FileExists(GetCurrentDir+'\inicio.html') Then
pagina:=GetCurrentDir+'\inicio.html'
else
pagina:='about:blank';
pagina:=StringReplace(pagina,':\\',':\', [rfReplaceAll]);

WinExec(pChar(navegador+(pagina)),SW_SHOWMAXIMIZED);
Application.Terminate;
 Problemas y soluciones
 Video de presentación (echo en
flash):
- no se pudo convertir a otro formato (avi,
mpg)
Esto generó un problema al visualizar el
video ya que se necesitaba el flash player
instalado:
- Detectar si estaba instalado, de lo
contrario instalarlo.
 Problemas y soluciones
 Detectar el Flash Player y visualizar el
video
(se utilizó la librería swfobject.js)

<script type="text/javascript">
var so = new SWFObject("video.swf", "warning",
"800", "600", "8", "#ffffff");
so.setAttribute('redirectUrl', 'flash-player.html');
so.write("flashcontent");
so.addParam("allowScriptAccess", "always");
</script>
 Problemas y soluciones
 Pantalla de instalación del Flash
Player
- permitía instalarlo o continuar
- Una vez instalado se visualizaría el video
(se utilizó la librería flash_detect.js para después
de instalado el Flash Player volviera a la pagina
inicial)
Problemas y soluciones
 Problemas y soluciones
 Centrado
- Solución CSS:
.centrar {
background-color:#4949B5;
color: #999988;
position: absolute;
height: 600px;
width: 800px;
margin-left: -400px;
margin-top: -300px;
left: 50%;
top: 50%;
}
 Problemas y soluciones
 Complejidad del contenido a presentar

1 - <iframe></iframe>
2 - <div style="overflow:auto; width:
100%; height: 100%; padding-right:
6px" class="capacontent">Contenido
</div>
3 - Se utilizó la librería Lightbox.js
(Se eligió esta por ser una potente librería para la
visualización de contenido (jpg,html,avi,swf, ect))
 Problemas y soluciones
 Soluciones alternativas para
diversificar el contenido.
1 – Herramienta para galería html
(Web Gallery Wizard PRO)

2 – Herramienta para crucigrama

(Install EclipseCrossword)
 Uniformidad del diseño
1 – Diseño gráfico
2 – Hoja de estilos (CSS)