sesion nº2 tecnologias y herramientas de desarrollo web
DESCRIPTION
Topicos Especiales - Sesion Nº 02TRANSCRIPT
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