Actividad 1 Configurando El Entorno de Trabajo

1

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA – UNADEscuela de Ciencias Básicas Tecnología e Ingeniería

Ingeniería de SistemasDiseños de Sitios Web

ACTIVIDAD 1

CONFIGURANDO EL ENTORNO DE TRABAJO

Presentado Por:

Juan Pablo Riveros Conde

Código: 14106046

Grupo 301122_19

Presentado a:

Ing. Mauricio Perdomo Vargas

UNIVERSIDAD ABIERTA Y A DISTANCIA (UNAD)

CEAD IBAGUE/TOLIMA

FEBRERO DE 2015

2



INTRODUCCION

El desarrollo del presente trabajo tiene como finalidad la gestión del entorno de

trabajo para el diseño y construcción de páginas, mediante herramientas de

software como son: editores de texto, servidores web y clientes ftp entre otras.

3



OBJETIVOS

El entendimiento y apropiación de conceptos y teoría relacionada con principios y

fundamentos de un entorno de trabajo para un proyecto de Diseño Web.

La configuración de un computador personal de una manera práctica un entorno

de trabajo para un proyecto de Diseño Web.

4



ACTIVIDAD No. 1 CONFIGURANDO EL ENTORNO DE TRABAJO.

Aplicaciones a instalar:

Editor de texto SublimeText2.

Servidor Web Xampp

Cliente de FTP Filezilla

Editor De Texto Sublime Text2. Es un editor de código multiplataforma,

muy liviano, con una interfaz mus sencilla ligero, fue creado por Jon Skinner y está

programado en C++ y Python, esta gran herramienta utiliza Plugins, Snippets y se

pueden importar varios módulos también se basa en un sistema de construcción

de código Build System. Y está disponible para los sistemas operativos Windows,

Linux y OS X.

Su funcionalidad es muy amplia ya que soporta variedad de lenguajes algunos de

ellos son: HTML, JavaScript, Groovy, HTML5, Java, Matlab, XML, Haskell,

Markdown, PHP, OCaml, Python , Perl, Lisp, Ruby entre otros.

Instalación de Sublime Text 2. Primero debemos descargar la aplicación en el

siguiente Url: http://www.sublimetext.com/2. Como podemos observar la aplicación

puede ser instalada en 3 diferentes sistemas operativos.

http://www.sublimetext.com/2

5



Después de descargar la herramienta Sublime Tex 2 en su versión actual 2.0.2

iniciamos su instalación.

Chequeamos Add o explorer context menú, opción que nos añadirá un menú

contextual al explorador.

6



Esperamos que el instalador desempaquete todos los archivos en el directorio

Raíz C:\Program Files\Sublime Text 2

7



Instalamos y activamos el Packege Control mediante la consola utilizando el

menú View > Show Console, seguidamente pegamos en la caja de texto el

siguiente código:

import urllib2,os; pf='Package Control.sublime-package';

ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp)

else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler()));

open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.re

place(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

Oprimimos Enter, seguidamente Sublime Text 2 nos pedira reiniciar el programa.

Con esto se crea el elemento en Preference > Package Control.

8



Ahora instalamos el Plugin de Zend Coding Emmet presionando la combinación

Shift + Ctrl + P activando de esta manera un menú oculto de Sublime Text 2,

escribimos Install Package en la caja que se activa y luego Enter.

Seguidamente digitamos Emmet y Enter de esta manera quedan activos el

Package Control, y el Plugin de Zend Coding Emmet

Servidor WEB XAMPP. Xampp es un servidor web distribución de apache

y está compuesto por MySQL, PHP y Perl, además en compatible con los

principales sistemas operativos Windows, Linux y OS X, fue creado o

desarrollado por el grupo apache Friends, esta gran herramienta nos permite

probar nuestros proyectos web en nuestro computador sin preocuparnos por

estar conectados a internet

9



Xampp fue descargado de la siguiente URL:

https://www.apachefriends.org/es/download.html

INSTALACIÓN DE XAMPP

Se debe suspender la protección del antivirus para que no bloque algunos

componentes del servidor


10



Luego es lanzada una ventanas que nos informa que se debe desactivar el

control de cuentas de usuario, pues restringe algunos permisos de escritura

en el directorio donde se instala por defecto el Servidor Xampp C:\xampp

11



Elegimos la instalación por defecto

Seleccionamos donde instalaremos el servidor

12



El instalador desempaqueta todos los archivos en el directorio C:\xampp

Oprimimos Finish para terminar la instalación y lanzar el panel de control de

Xampp

13



En el panel de control podemos poner en marcha o detener cualquiera de

los módulos

A continuación lanzamos el servidor web apache para probar la instalación

del Xampp.

14



A continuación probamos el funcionamiento del servidor apache digitando

en nuestro navegador http://localhost o 127.0.0.1 donde podemos elegir el

idioma para su presentación.

La siguiente pantalla nos indica que el Servidor Xampp se instaló bien.

15



Instalando El Cliente De Ftp Filezilla

Descargamos el cliente Ftp del siguiente Url:

https://filezilla-project.org/download.php?type=client. Damos clic en Show

additional download options, para que nos muestre las opciones adicionales de

descarga.

Ahora podemos elegir el instalador apropiado dependiendo de la plataforma que

tenemos y el sistema operativo.

https://filezilla-project.org/download.php?type=client

16



Se inicia la instalación desempaquetando los archivos necesarios en el directorio

específico.

17



Ahora damos clic en Finish para inicial el cliente FTP

Ahora vemos el pantallazo de inicio de Filezilla, como podemos observar el cliente

FTP debe tener una configuración especifica como la dirección de un servidor,

usuario y contraseña los cuales utilizaremos en las próximas actividades

18


Ingeniería de SistemasDiseños de Sitios WebCONCLUSIONES

Con el desarrollo de las actividades se analizó y se puso en práctica los conceptos

y teoría relacionada con Principios y fundamentos de un entorno de trabajo para

un proyecto de Diseño Web, además de la instalación y configuración de un

computador personal para la realización adecuada del proyecto Web.

19


Ingeniería de SistemasDiseños de Sitios WebBIBLIOGRAFIA


http://www.vidaamarilla.com/2012/07/tutorial-para-sublime-text-2.html

http://es.wikipdia.org/wiki/Sublime_Text


http://www.elwebmaster.com/articulos/xampp-servidor-web-facil-de-instalar

http://es.wikipedia.org/wiki/XAMPP

http://roble.pntic.mec.es/aunturbe/facil/xampp.html

http://es.slideshare.net/kissees/xampp-25917007?next_slideshow=1



http://es.slideshare.net/kissees/xampp-25917007?next_slideshow=1

http://roble.pntic.mec.es/aunturbe/facil/xampp.html

http://es.wikipedia.org/wiki/XAMPP

http://www.elwebmaster.com/articulos/xampp-servidor-web-facil-de-instalar


http://es.wikipdia.org/wiki/Sublime_Text

http://www.vidaamarilla.com/2012/07/tutorial-para-sublime-text-2.html


Documents

Actividad 1 Configurando El Entorno de Trabajo