Sesión 02:

Ing. Edgar A. Cruz Huaman

INSTITUTO SUPERIOR TECNOLÓGICO INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”PRIVADO “SAN PEDRO”

Tecnologías y Herramientas de Desarrollo Web.

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

I. TECNOLOGÍAS WEB.

• Arquitectura

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Protocolos Implicados

• HTTP sobre TCP/IP (puerto 80).• HTTPS sobre TCP/IP con SSL o TLS

(puerto 443).

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Tecnologías Cliente

• Navegadores Web

• Tecnologías de Programación– HTML– JavaScript / Jscript– VBScript– Applets Java– Componentes ActiveX en Visual C++, Visual Basic o .NET

•Netscape Navigator •Opera •Safari •Seamonkey •Shiira •Maik Navigator •Flock

•Amaya •Epiphany •Galeon •Internet Explorer •Konqueror•Lynx •Mozilla Firefox

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Tecnologías Servidor

• Servidor Web– Servidor HTTP Apache– Servidor HTTP Cherokee – IIS – Resin – Tomcat– Geronimo – JBoss – JOnAS – Lighttpd

• Tecnologías de Programación– PHP– ASP– JSP– Servlets– CGIs (Common Gateway Interface)

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

II. HERRAMIENTAS WEB

• Editores Web.– DREAMWEAVER

URL de descarga: http://www.adobe.com/es/products/dreamweaver/WYSIWYG: Ambos (Código y Visual)Da color al código: SiTipo de Licencia: De pagoLenguajes admitidos: HTML, JAVASCRIPT, PHP, ASPSe puede añadir o modificar "Etiquetas": Si Idioma del editor: Depende de la instalación.

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Editores Web (II)

– WeaverSlaveURL de descarga: http://www.weaverslave.ws/weaverslave.5.htmlWYSIWYG: CódigoDa color al código: SiTipo de Licencia: FreewareLenguajes admitidos: HTML, JAVASCRIPT, PHP, ASPSe puede añadir o modificar "Etiquetas": Si Idioma del editor: MultiIdioma

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Editores Web (III)

– FrontPageURL de descarga: http://www.microsoft.com/spain/offic...e/default.mspxWYSIWYG: Ambos (Código y Visual)Da color al código: SiTipo de Licencia: De pago (Como parte del paquete office o por separado)Lenguajes admitidos: HTML, JAVASCRIPTSe puede añadir o modificar "Etiquetas": NoIdioma del editor: Depende de la instalación

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Editores Web (IV)

– Adobe GoLiveURL de descarga: http://www.adobe.com/es/products/golive/WYSIWYG: Ambos (Código y Visual)Da color al código: SiTipo de Licencia: De pago Lenguajes admitidos: HTML, XHTML, WML, JAVASCRIPT, PHP, ASPSe puede añadir o modificar "Etiquetas": NoIdioma del editor: Depende de la instalación

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Editores Web (V)

– NVUURL de descarga: http://www.nvu.com/download.phpWYSIWYG: Ambos (Código y Visual)Da color al código: SiTipo de Licencia: Freeware (Open Source)Lenguajes admitidos: HTML, XHTMLIdioma del editor: Multi-idioma

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Editores Web (VI)

• IDM Computer Solutions, Inc. Pago• Cool Page. (Shareware)• WebScope (Freeware)• Notepad++ (Freeware)• Editplus (Shareware)• TopStyle (Lite & Pro) (Shareware)• First Page (Pago)• Web Page Maker V2 (Shareware)• WYSIWYG Web Builder

(Shareware)• KompoZer (Freeware)• TOWeb 2.0 (Freeware)• Visual Web Developer Express

Edition 2005. (Freeware)

• Izispot (Freeware)• HTML Portable Editor (Freeware)• PHP Expert Editor (Shareware)• ZEND STUDIO (Shareware)• EmEditor Professional (Shareware)• Quanta Plus (GPL - free software) • Coda (Pago - Mac Os )• HTMLPad 2007 (Pago)• Namo Webeditor Professional (Pago)• phpDesigner2007 (Pago)• PHPEdit (Freeware)• microsoft expression web (pago)• Context (Freeware), Etc.

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Herramientas Web 2.0 (I)

• SISTEMAS OPERATIVOS ONLINE – Eyeos.info – DeskTopTwo – YouOs – Craythur

• SUITES OFIMÁTICAS ONLINE – ThinkFree: – Google Docs & Spreadsheets– Zoho Writer: – Empressr:

• IMAGENES – Cellsea Free Web Photo Editor: – Fauxto– Ajax Image Map Creator – ImageTool– Image Optimization – DoSize & Online Image Resize. – Velocity Webshots Sandbox

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

Herramientas Web 2.0 (II)

• DISEÑO Y APLICACIONES WEB.– Weebly– JotForm: – Adobe PDF Conversion

• EDICION DE VIDEO ONLINE– iBlocks

• EDICION MUSICA ONLINE – Ringtone Maker:

• CONVERSION DE ARCHIVOS– Zamzar – FLV Online Converter

INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman