programacion web introduccion

30

Upload: natisrincon

Post on 22-Jul-2015

136 views

Category:

Documents


1 download

TRANSCRIPT

RespuestaEjemplo

La programación es elproceso de diseñar,codificar, depurar ymantener el códigofuente de programascomputacionales.

¿Qué número de pantalones y chaquetas debe suministrar el fabricante a los almacenes para que éstos consigan una venta máxima?

1Elección de las incógnitas.

x = número de pantalones

y = número de chaquetas

2Función objetivo

f(x , y)= 50x + 40y

RepuestaEjemplo

Un lenguaje deprogramación de altonivel de abstracción secaracteriza por expresarlos algoritmos de unamanera más cercana a lacapacidad cognitivahumana, en lugar de a lacapacidad ejecutora delas máquinas.

Un lenguaje de alto nivel permite alprogramador escribir las instruccionesde un programa utilizando palabras oexpresiones sintácticas muy similares alinglés. Por ejemplo, en C se pueden usarpalabras tales como: case, if, for, while,etc. para construir con ellasinstrucciones como:

if( numero > 0 ) printf( "El número espositivo" )

que traducido al castellano viene a decirque: si numero es mayor que cero,entonces, escribir por pantalla elmensaje: "El número es positivo".

Respuesta

Ejemplo

Es un idioma artificial diseñadoparaexpresar computaciones quepueden ser llevadas a cabo pormáquinas como lascomputadoras. Pueden usarsepara crear programas quecontrolen el comportamientofísico y lógico de una máquina,para expresar algoritmos conprecisión, o como modo decomunicación humana.

Expresión ::= átomo | lista

átomo ::= número | símbolo

número ::= [+-]?['0'-'9']+ símbolo ::= ['A'-'Z'<nowiki>'</nowiki>a'-'z'].*

lista ::= '(' expresión* ')'

RESPUESTA

EJEMPLO

se caracteriza porexpresar los algoritmos deuna manera más cercana ala capacidad cognitivahumana, en lugar de a lacapacidad ejecutora de lasmáquinas.

En los primeros lenguajesde alto nivel, la limitaciónera que se orientaban a unárea específica y susinstrucciones requerían deuna sintaxis predefinida.

Algorítmico, Imperativo o Por

procedimientos. El más común y

está representado, por ejemplo, por

C o por

BASIC.

Describe la programación en

términos del estado del programa y

sentencias que cambian dicho estado

RESPUESTA

EJEMPLO

Es un lenguaje de programaciónde bajo nivel para los computadores,microprocesadores , microcontroladores, y otros circuitosintegrados programables.Implementa una representaciónsimbólica de los códigos demáquina binarios y otras constantesnecesarias para programaruna arquitectura dada de CPU yconstituye la representación másdirecta del códigomáquina específico para cadaarquitectura legible por unprogramador.

Ejemplo para el microchip PIC

ORG 0 Inicio bsf STATUS,RP0 clrf PORTB movlw 0xFF movwf PORTA bcf STATUS,RP0 Principal movf PORTA,W movwf Contador movf Contador,F btfsc STATUS,Z gotoPuntoDecimal sublw d'9' btfss STATUS,C END

RESPUESTA

EJEMPLO

es un paradigma deprogramación queusa objetos y susinteracciones, para diseñaraplicaciones yprogramas informáticos. Estábasado en varias técnicas,incluyendo herencia, abstracción, polimorfismo y encapsulamiento. Su uso se popularizó aprincipios de la década de losaños 1990.

El siguiente método ordena una lista de números decimales por el método de la burbuja:

static void ordenar (double lista[]) { 1for (int i = 0; i < lista.length; i++) 2for (int j = lista.length-1; j > i; j--) 3if (lista[j] < lista[j-1]) intercambiar

(lista, j, j-1);

RESPUESTA

EJEMPLO

Es un paradigma deprogramación en elque tanto laestructura como laejecución de losprogramas vandeterminados por lossucesos que ocurranen el sistema,definidos por elusuario o que ellosmismos provoquen.

While (true){ Switch

(event){ case

mousse_button_down

: case mouse_click:

case keypressed: case

Else: } }

RESPUESTA

EJEMPLO

Es todo el conjunto de imágenes e iconos que aparece al iniciar sesión

Tipo de Control Prefijo Ejemplo

3D Panel pnl Pnl_Group

ADO Data ado Ado_Biblio

Animated button ani Ani_MailBox

Check box chk Chk_ReadOnly

Combo box, drop-down list box

cbo Cbo_English

Command button cmd Cmd_Exit

Common dialog dlg Dlg_FileOpen

Communications com Com_Fax

Data dat Dat_Biblio

Data-bound combo dbcbo Dbcbo_Language

RESPUESTAEJEMPLO

es un conjunto prescritode instrucciones o reglasbien definidas, ordenadasy finitas que permiterealizar una actividadmediante pasos sucesivosque no generen dudas aquien deba realizar dichaactividad.

RESPUESTA

EJEMPLO

Análisis del programa

diseño del algoritmo

Codificación

Compilación

Verificación

Depuración

Documentación

Inicio

Leer los datos(a,b,c)

Se calcula (a,b,c)

Escribir resultado

(perímetro)

fin

RESPUESTA

EJEMPLO

Es la representacióngráfica del algoritmoo proceso. Se utilizaen disc12iplinas comola programación, laeconomía, losprocesos industrialesy la psicologíacognitiva.

Repuesta

Ejemplo

Nuestra memoria RAMque queda reservado en elmomento se crea lavariable, e identificadotemporalmente con elnombre de esta. Cada vezque asignamos un valor ala variable el programa loúnico que hace esdepositar ese valor en ladirección reservada

Si en un script para MIRC hemos creado una variable llamada %num, a la que hemos asignado el numero 3,1415podemos tener una instrucción como la siguiente:

echo-a el valor asignado es : %num

esta orden presentara en la ventana activa un mensaje que diga:“el valor asignado es:3,1415”

Repuesta

Ejemplo

Variable para un algoritmoes como un recipiente en elque podemos depositar unvalor cualquiera, paradespués hacer uso de eldentro de una instrucción,de esta forma no seránecesario tocar lainstrucción cada vez quequeramos alterar el valor amanejar.

Cuando se dice en el algoritmo: leer a,b,c AB y C funcionan como variables de números etc.

Repuesta Ejemplo

Son elementos que serelacionan de formadiferente, los valores deuna o mas variables o unaconstante. Es decir, losoperadores nos permitenmanipular valores.

operadores aritméticos

(+) suma

(-) resta

(*) multiplicación

(/) división

Exponenciacion (**o¨)

Repuesta

Ejemplo

Operador Condición

= (igualdad) Es igual el valor de la

primera expresión que

el de la segunda

<>(desigualdad) Es distinto el valor de

la primera expresión

del valor de la segunda

<(menor que) Es el valor de la

primera expresión

menor que el valor de

la segunda

>(mayor que) Es el valor de la

primera expresión

mayor que el valor de

la segunda

<= (menor o igual

que)

Es el valor de la

primera expresión

menor o igual que el

valor de la segunda

>=( mayor o igual

que)

Es el valor de la

primera expresión

mayor o igual que el

valor de la segunda

23=33°false

23=33°true

23=12°false

23<>33°false

23<>33°true

23<>12°false

23<33°false

23<33°true

23<12°false

23>33°false

23>33°true

23>12°false

23<=33°false

23<=33°true

23<=12°false

23>=33°false

23>=33°true

23>=12°false

Repuesta

Tabla de verdad puerta OR

Entrada Entrada Salida

0 0 0

0 1 1

1 0 1

1 1 1

Tabla de verdad puerta XOR

Entrada Entrada Salida

0 0 0

0 1 1

1 0 1

1 1 0

Repuesta Ejemplo

HTML no es mas que unaaplicación del SGML unsistema para definirtipos de documentosestructurados ylenguajes de marcas pararepresentar esos mismosdocumentos

Procesador de texto,como el que ofrecenlos sistemasoperativos Wind ows,UNIX o el queofrece MS office

(Word)

Repuesta

Ejemplo

Para alinear un párrafo se

utiliza el comando

<ALING> y </ALING>,

utilizado dentro de la

etiqueta <P>. Se puede

alinear de tres formas

diferentes:

* <p align="left">

Párrafo... </p> Alinea a la

izquierda.

* <p align="center">

Párrafo... </p> Realiza un

centrado.

* <p align="right">

Párrafo... </p> Alinea a la

derecha.

<FONT COLOR="WHITE">Blanco</FONT> Blanco #FFFFF

F

<FONT COLOR="BLACK">Negro</FONT> Negro #00000

0

<FONT COLOR="RED">Rojo</FONT> Rojo #FF000

0

<FONT COLOR="GREEN">Verde</FONT> Verde #00FF0

0

<FONT COLOR="BLUE">Azul</FONT> Azul #0000F

F

<FONT COLOR="YELLOW">Amarillo</FONT> Amarillo #FFFF0

0

<FONT COLOR="CYAN">Cyan</FONT> Cyan #00FFF

F

<FONT COLOR="MAGENTA">Magenta</FONT> Magenta #FF00F

F

REPUESTA

Fue creado en 1986 porel físico nuclear TimBerners-Lee; el cual tomodos herramientas prexistentes: El concepto deHipertexto (Conocidotambién como link oancla) el cual permiteconectar dos elementosentre si y el SGML(Lenguaje Estándar deMarcación General) elcual sirve para colocaretiquetas o marcas en untexto que indique comodebe verse.

EJEMPLO

<HEAD>

<title> tutorial HTML

<meta name=“language” >

CONTENT=“manual y codigo de HTML

RESPUESTA

La cabecera (también llamada HEAD) contiene todo el código entre la etiquetas <HEAD> y </HEAD>,solo el titulo es visible el resto de código esta oculto al usuario.

EJEMPLO

Lista con cuadrados:<ul>

<li type=square> Manzana<li type=square> Zanahoria<li type=square> Lechuga<li type=square> Tomate</ul>ManzanaZanahoriaLechugaTomate

RESPUESTA

Vamos a ponerle a la pagina un titulo y pondremos en la cabecera de la pagina, el titulo sirve entre otras cosas para ilustrar al visitarme.

EJEMPLO

<html><head><title> aprendiendo HTML </title>

<head>

<body>

</body>

</html>

RESPUESTA EJEMPLO

El cuerpo en otrasque llamaremos body;nuestro esqueleto vaa quedar así.

<head>

</head>

<body>

</body>

</html>

RESPUESTA

EJEMPLO

Ahora vamos a poner un poco de contenido en el cuerpo de la pagina, un titulo de nivel 1(H1)y un párrafo (p), abrimos y cerramos los contenedores exactamente igual.

<html><head><title> aprendiendo HTML </title><head> <body>

RESPUESTA

EJEMPLO

Sintaxis <center R>texto centrado

Resultado texto o centrado

Para centrar texto se utiliza el elemento CENTER

RESPUESTA

EJEMPLO

<p>texto del parrafoalineado a la izquierda </p>

ALIGIN =“Valor”>texto del parrafo alineado ala derecha </p>

La marca P indica un comienza de parrafo