DOCSLIB.ORG

Capítulo I Lenguajes Para Aplicaciones Web

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Capítulo I Lenguajes Para Aplicaciones Web Capítulo I Lenguajes para aplicaciones web Capítulo I Lenguajes para aplicaciones web. Tecnologías Web 1 Capítulo I Lenguajes para aplicaciones web Capítulo I: Lenguajes para aplicaciones Web 1.1 HTML 1.1.1 Definición HTML, (HyperText Markup Language, Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. 1.1.2 Estructura Estructura Básica Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (en- tre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento , delimita- do por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuer- po , delimitado por <body> y </body>, donde reside la información del documento. La utilidad del encabezamiento es la directiva <title>, que permite especificar el título de un documento HTML. Este título no forma parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se presenta con un programa adecuado, sino que suele servir como título de la ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento de este manual se ha especificado: <title>Manual práctico de HTML</title> El cuerpo de un documento HTML contiene el texto que, con la presentación y los efectos que se decidan. Dichos efectos se especifican exclusivamente a través de directivas. Esto quiere decir que los espacios, tabulaciones y retornos de carro que se introduzcan en el fichero fuente no tienen ningún efecto a la hora de la presentación final del documento. La figura 1.1 muestra el resultado que genera la estructura básica de html, muestra el titulo de la página y un texto en el cuerpo del documento. La estructura básica de un documento HTML queda de la forma siguiente: <html> <head> <title>”Título en la Pagina” Lenguajes Web ITM</title> </head> <body> Texto del documento, menciones a gráficos, enlaces, etc. </body> </html> Figura 1.1. Estructura básica Html. Tecnologías Web 2 Capítulo I Lenguajes para aplicaciones web <html>: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. <head>: Define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar lo siguiente: <title>: Define el título de la página. El título aparece en la barra de título encima de la ventana. <link>: Para vincular el sitio a hojas de estilo o iconos Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">. <style>: Para colocar el estilo interno de la página, ya sea usando CSS, JavaScript u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>. <body>: Define el contenido principal o cuerpo del documento. Esta es la parte del documento HTML que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo: <h1>, <h2>,… <h6>: Encabezados o títulos del documento con diferente relevancia. <table>: Define una tabla. <tr>: Fila de una tabla. <td>: Celda de datos de una tabla. <a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href . Por ejemplo: <a href="http://www.itsch.edu.mx">itsch</a> se representa como itsch). <img>: imagen. Requiere del atributo src , que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="imagenes/mifoto.jpg" />. <b>: Texto en negrita ( Etiqueta descartada. Se recomienda usar la etiqueta <strong> ) <i>: Texto en cursiva. <u>: Texto subrayado. A continuación se muestra un ejemplo, que para las etiquetas antes mencionadas, deberán cerrar el inicio de la etiqueta, de la forma siguiente: </html>: Finaliza el fin del documento HTML </body>: Finaliza el fin del contenido o cuerpo del documento HTML Ejemplo: <html> <head> <title>Ejemplo</title> </head> <body> <p>ejemplo</p> </body> </html> 1.1.3 Características 1. Este lenguaje se puede integrar con todas las diferentes tecnologías de desarrollo web tales como: ASP, PHP, JSP, etc. 2. Es interpretado por el navegador web de los usuarios. 3. Es soportado por todos los servidores. Formato de las etiquetas Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin con el siguiente formato: <etiqueta> bloque de texto </etiqueta>. Estos elementos se denominan contenedores, porque contienen un bloque de texto entre las etiquetas de comienzo y fin. Tecnologías Web 3 Capítulo I Lenguajes para aplicaciones web Comentarios Los comentarios se escriben en HTML empezando con <!-- y terminando con -- > como se ve a continuación: <!-- Ejemplo de comentario -- > Estructuración HTML tiene unas reglas estructurales que indican dónde pueden y no pueden ir los elementos. Tenemos el ejemplo de los titulares, que son independientes entre ellos, no pudiendo contenerse unos a otros. • El siguiente código sería incorrecto: <h1><h2> Contenido</h2></h1> Las etiquetas tienen que seguir un orden primordial, las primeras que se abren son las últimas que se cierran: <h1><h2><h3><h4><h5>Contenido</h5></h4></h3></h2></h1> 1.1.4 Servidores Web El lenguaje HTML tiene que ser incluido en todos los lenguajes de programación de páginas web con la finalidad de presentar la información de una forma amigable, por lo que se puede montar en cualquier servidor existente, tales como: • Apache: Es un servidor web HTTP de código abierto para plataformas Unix (BSD, GNU/Linux, etc.), Microsoft Windows, Macintosh y otras, que implementa el protocolo HTTP. • Apache Tomcat: Es un servidor web con soporte a JSP. Tomcat. Incluye el compilador Jasper, que compila JSP convirtiéndolos en servlets. El motor de servlets de Tomcat a menudo se presenta en combinación con el servidor web Apache. • IIS: Este servicio convierte a un ordenador en un servidor de Internet o Intranet es decir que en las computadoras que tienen este servicio instalado se pueden publicar páginas web tanto local como remotamente (servidor web). • Glassfish: Es un servidor de aplicaciones desarrollado por Sun Microsystems que implementa las tecnologías definidas en la plataforma Java EE y permite ejecutar aplicaciones que siguen esta especificación. • Lighttpd: Es un servidor web diseñado para ser rápido, seguro, flexible, y fiel a los estándares. Está optimizado para entornos donde la velocidad es muy importante, y por eso consume menos recursos que otros servidores. • Thttpd: Es un servidor web de código libre disponible para la mayoría de las variantes de Unix. Se caracteriza por ser simple, pequeño, portátil, rápido, y seguro, ya que utiliza los requerimientos mínimos de un servidor HTTP. Esto lo hace ideal para servir grandes volúmenes de información. 1.2. Cgi´s Cuando el World Wide Web inició su funcionamiento como lo conocemos, empezando a tomar popularidad aproximadamente en 1993, solo se podía apreciar texto, imágenes y enlaces. La introducción de plugins en los navegadores permitió mayor interactividad entre el usuario y el cliente, aunque estaba limitado por la velocidad y la necesidad de tener que bajar e instalar cada plugin que se necesitara. 1.2.1 Definición (Common Gateway Interface, Interfaz de entrada común) es una importante tecnología de la World Wide Web que permite a un cliente (explorador Web) solicitar datos de un programa ejecutado en un servidor Web. CGI especifica un estándar para transferir datos entre el cliente y el programa. Es un mecanismo de comunicación entre el servidor Web y una aplicación externa cuyo resultado final de la ejecución son objetos MIME. Las aplicaciones que se ejecutan en el servidor reciben el nombre de CGI’s [1]. Tecnologías Web 4 Capítulo I Lenguajes para aplicaciones web MIME (Multipurpose Internet Mail Extensions, Extensiones de Correo de Internet Multipropósito), son una serie de convenciones o especificaciones dirigidas a que se puedan intercambiar a través de Internet todo tipo de archivos (texto, audio, vídeo, etc.) de forma transparente para el usuario. Una parte importante del MIME está dedicada a mejorar las posibilidades de transferencia de texto en distintos idiomas y alfabetos [2]. 1.2.2 Estructura Un programa CGI puede ser escrito en cualquier lenguaje de programación que produzca un fichero ejecutable. Entre los lenguajes más habituales se encuentran: C, C++, Perl, Java, Visual Basic. No obstante, debido a que el CGI recibe los parámetros en forma de texto será útil un lenguaje que permita realizar manipulaciones de las cadenas de caracteres de una forma sencilla, como por ejemplo “Perl”. Perl es un lenguaje interpretado que permite manipulaciones sencillas de ficheros y textos, así como la extracción y manipulación de cadenas de caracteres, unidas a unas búsquedas rápidas y fáciles. La estructura básica de un script CGI es muy sencilla: inicialización, procesamiento y finalización. Durante el proceso de inicialización, dentro de un script CGI se realizan las siguientes tareas: • Determinar cómo ha sido invocado el script: esto implica consultar la variable de entorno RE- QUEST_METHOD, para averiguar si la información al script CGI se le ha pasado con el método GET o POST.
Load more

Recommended publications
  • Motorola-A780-Manual.Pdf
    CG.GSM.A780.book Page 1 Thursday, November 11, 2004 4:05 PM Welcome Welcome to the world of Motorola digital wireless communications! We are pleased that you have chosen the Motorola A780 GSM wireless phone. Earpiece Camera TransFlash™ Memory Card Port (on back) Loudspeaker & Earpiece Rocker Camera Switch Key End Key LCD Send Key Touch Screen Keypad Voice Clear/ Recognition Cancel Key Key Battery Door Latch Power On/Off Key Home Key Audio Jack & USB Port 5-Way Navigation Key Note: Your phone may not appear exactly as shown above. All features and functions remain the same regardless of your phone’s appearance. 1 CG.GSM.A780.book Page 2 Thursday, November 11, 2004 4:05 PM Check It Out! Mirror Stylus (for use with the touch screen) Camera Lens Battery Door Feature Description Take Photo Open the flip to see the on-screen view finder. Press the camera key to activate the camera, point lens at subject, then press the camera key to take a photo. Record Video Press the camera key to activate the camera. Tap , then tap Record Video. Tap Record to start video recording. Tap Done to stop video recording. TransFlash™ Used to store downloaded files Memory Card 2 CG.GSM.A780.book Page 3 Thursday, November 11, 2004 4:05 PM Feature Description Send Send a multimedia message Multimedia with pictures, animations, 032380o Message sounds, and videos: Read Read a missed multimedia Multimedia message that you have 032380o Message received: Tap , tap Download, tap to play. Play Music or Play a song or watch a video clip Video Clip stored on your phone: Tap Media, tap , then tap Open.
    [Show full text]
  • Open Mohamedhassan-Thesis.Pdf
    The Pennsylvania State University The Graduate School SECURITY ENFORCEMENT IN MOBILE TELEPHONY SERVER A Thesis in Computer Science and Engineering by Mohamed N Hassan °c 2008 Mohamed N Hassan Submitted in Partial Ful¯llment of the Requirements for the Degree of Master of Science August 2008 The thesis of Mohamed N Hassan was reviewed and approved¤ by the following: Trent Jaeger Associate Professor of Computer Science and Engineering Thesis Advisor Thomas LaPorta Professor of Computer Science and Engineering Mahmut Kandemir Director of Graduate A®airs and Associate Professor of Computer Science and Engineering ¤Signatures are on ¯le in the Graduate School. Abstract The increasing market share of Linux based mobile phones has motivated developers to make use of the Linux flexible environment to write applications that provide ser- vices for mobile users. These services vary from short messaging, calendar, phonebook management, internet browser, mobile games and email clients. These applications re- quire cellular connectivity which is provided via the telephony server API. The telephony server, a part of the phone software architecture, converts these API calls to attention commands (AT) that are sent to the modem. AT commands pose a threat on user data, SIM data and the core cellular network. The current Linux security modules like SELinux enforce access control at the granularity of applications access to the telephony server. Therefore, we intend to design a reference monitor module inside the telephony server that enforces policy over AT+ commands sent to the phone modem. We introduce user level LSM that can decide which classes of application can access which telephony services.
    [Show full text]
  • Author Guidelines for 8
    Appeared: In’tl Symposium on Wearable Computers, Montreux, Switzerland Oct. 11-15, 2006 VibeFones: Socially Aware Mobile Phones Anmol Madan, Alex “Sandy” Pentland MIT Media Lab {anmol,pentland}@media.mit.edu Abstract Today's mobile phones are essentially off-the-shelf, Feature ETH QBIC MIT MiThril VibeFone (2003-06) (2003-05) Motorola Phone mass-market wearable computers. In this paper, we Processor 230-400 Mhz 230 Mhz 312 Mhz XScale describe mobile social software that uses location, and OS XScale, Linux StrongARM Zaurus, mobile phone, Linux proximity and tone of voice to create a sophisticated Linux Connectivity Wifi, optional wifi, optional Cellular, optional wifi understanding of people's social lives, by mining their cellular cellular face-to-face and phone interactions. We describe Peripheral wired and wired and Bluetooth Supports Bluetooth several applications of our system – automatic Sensors Bluetooth sensors sensors characterization of social and workplace interactions, sensors Location GPS, bluetooth IR tags, Bluetooth Cell ID, bluetooth, a courtesy reminder for phone conversations, and a and optional GPS personal trainer for dating encounters. Proximity Data storage SD card > 4 GB SD card > 4 GB SD card > 4 GB Video External External webcam Integrated 1.2 Mpx Capture 1. Introduction Table 1. Comparison of mobile phones with wearable The mobile phone will soon be the most popular computing platforms consumer device on the planet. About half of the 800 million phones sold last year had significant We propose that mobile applications can become processing power (more than a Pentium I), broadband socially aware by measuring non-linguistic speech data connectivity, external storage, integrated cameras attributes (e.g., tone of voice, social signals) and and multimedia playback [12].
    [Show full text]
  • Vysok´E Uˇcení Technick´E V Brnˇe T-Mobile Mda Ii V Linuxu
    VYSOKEU´ CENˇ ´I TECHNICKE´ V BRNEˇ BRNO UNIVERSITY OF TECHNOLOGY FAKULTA INFORMACNˇ ´ICH TECHNOLOGI´I USTAV´ INFORMACNˇ ´ICH SYSTEM´ U˚ FACULTY OF INFORMATION TECHNOLOGY DEPARTMENT OF INFORMATION SYSTEMS T-MOBILE MDA II V LINUXU T-MOBILE MDA II IN LINUX DIPLOMOVA´ PRACE´ MASTER’S THESIS AUTOR PRACE´ Bc. ZBYNEKˇ MICHL AUTHOR VEDOUC´I PRACE´ Ing. TOMA´ Sˇ KASPˇ AREK´ SUPERVISOR BRNO 2009 Abstrakt Diplomov´apr´acese zab´yv´amobiln´ımdigit´aln´ımasistentem T-Mobile MDA II v operaˇcn´ım syst´emu Linux. Prvn´ıˇc´astpr´aceje zamˇeˇrenana identifikaci zaˇr´ızen´ıa specifikaci parametr˚u MDA II. Druh´aˇc´astpopisuje v´ybˇerGNU distribuce s Linuxov´ymzavadˇeˇcema porovn´av´a souˇcasn´ystav podpory MDA II v r˚uzn´ych verz´ıch Linuxov´ehoj´adra.Posledn´ıˇc´astpr´acese vˇenuje implementaci k´odunˇekter´ych komponent a jeho zaˇclenˇen´ıdo Linuxov´ehoj´adra. Kl´ıˇcov´aslova Angstr¨om,ARM,˚ ASIC3, bootldr, distribuce, Familiar, GPIO, Handhelds, HaRET, Hi- malaya, HTC, j´adro,LinExec, Linux, MDA, mobiln´ı,modul, ovladaˇc,Pocket PC, PXA263, T-Mobile, vanilla, Xanadux, zaˇr´ızen´ı,zavadˇeˇc Abstract MSc. thesis deals with mobile digital assistant T-Mobile MDA II running Linux operating system. The first part presents device identification and parameters' specification of the MDA II. The second part focuses on selection of GNU distribution with Linux bootloader and Linux kernel support comparison. The subject of the last part is MDA II component code implementation and its merging into Linux kernel. Keywords Angstr¨om,ARM,˚ ASIC3, bootldr, bootloader, device, distribution, driver, Familiar, GPIO, Handhelds, HaRET, Himalaya, HTC, kernel, LinExec, Linux, MDA, mobile, module, Pocket PC, PXA263, T-Mobile, vanilla, Xanadux Citace ZbynˇekMichl: T-Mobile MDA II in Linux, diplomov´apr´ace,Brno, FIT VUT v Brnˇe,2009 T-Mobile MDA II in Linux Prohl´aˇsen´ı Prohlaˇsuji,ˇzejsem tuto diplomovou pr´aci vypracoval samostatnˇepod veden´ımIng.
    [Show full text]
  • Open Anuj-Dissertation.Pdf
    The Pennsylvania State University The Graduate School PROVIDING VERIFIABLE INTEGRITY ON MOBILE PLATFORMS A Thesis in Electrical Engineering by Anuj Sawani c 2008 Anuj Sawani Submitted in Partial Fulfillment of the Requirements for the Degree of Master of Science August 2008 The thesis of Anuj Sawani was reviewed and approved∗ by the following: Trent Ray Jaeger Associate Professor of Computer Science and Engineering Thesis Co-Adviser George Kesidis Professor of Electrical Engineering and Computer Science and Engineering Thesis Co-Adviser Ken Jenkins Professor and Head of the Department of Electrical Engineering ∗Signatures are on file in the Graduate School. Abstract Mobile phone systems are becoming as advanced and powerful as desktop comput- ers. They now provide services beyond telephony, such as browsing the internet, personal information management or even playing games. However, third-party ap- plications, such as mobile games, could execute malware on the phone and threaten to affect the integrity of trusted software like mobile banking clients. The goal is to prevent trusted data or code from being affected by untrusted software with mini- mum overhead. The phone has limited processing power and we aim to show that an optimized security framework running on the phone does not affect the performance significantly. We use the Security Enhanced Linux (SELinux) framework combined with Policy Reduced Integirty Measurement Architecture (PRIMA) to provide in- tegrity guarantees to remote parties. Each of these components have been ported to work with an ARM-based platform. Further, the SELinux policy loaded at boot time also ensures that the trusted software is not compromised at any time.
    [Show full text]