1. I.E.D SAN JUAN BAUTISTA DE LA
SALLE
NIVEL DE PROGRAMACIÓN WEB INTORDUCCIÓN
Forero Castiblanco Deisy Yurani
1103

2. 2012: HACIA UNA CALIDAD EN LA EDUCACIÓN
DEMOCRÁTICA Y HUMANÍSTICA
• ¿ Programación?
EJEMPLO
Conjunto de técnicas, métodos y procedimientos
utilizados en la elaboración de programas.
Forero Castiblanco Deisy Yurani 1103

3. 2012: Hacia una calidad en la educación democrática y humanística
EJEMPLO
Existen muchos lenguajes de alto nivel, por citar
Es el lenguaje que permite al algunos:
programador escribir las
• ADA
instrucciones de un programa • BASIC
utilizando palabras o •
•
COBOL
FORTRAN
expresiones sintácticas muy • C
similares al inglés. if( numero > 0 ) printf( "El número es positivo" )
Forero Castiblanco Deisy Yurani 1103

4. 2012: Hacia una calidad en la educación democrática y humanística
EJEMPLO
El lenguaje máquina es el único
que entiende directamente la
computadora, utiliza el alfabeto
binario que consta de los dos
0000 0001 1010 0001 01 A1
únicos símbolos 0 y
1000 1001 1001 1010 89 9A
1, denominados bits (abreviatura 0011 1010 1001 1100 3A 9C
inglesa de dígitos binarios). 0111 0100 0111 0000 74 70
Forero Castiblanco Deisy Yurani 1103

5. 2012: Hacia una calidad en la educación democrática y humanística
se caracterizan por expresar los algoritmos de una manera
adecuada a la capacidad cognitiva humana, en lugar de a la
capacidad ejecutora de las máquinas.
• primera generación: el lenguaje máquina y el ensamblador.
• segunda generación : los primeros lenguajes de
programación de alto nivel imperativo . FROTRAN, COBOL
• tercera generación: son lenguajes de programación de alto
nivel imperativo pero mucho más utilizados y vigentes en la ALGOL
actualidad.
8, PL/I, PASCAL, MODULA
• cuarta generación: usados en aplicaciones de gestión y
manejo de bases de dados.
• quinta generación: creados para la inteligencia artificial y NATURAL, SQL
para el procesamiento de lenguajes naturales.
LISP, PROLOG
Forero Castiblanco Deisy Yurani 1103

6. 2012: Hacia una calidad en la educación democrática y humanística
Ejemplo
Es un lenguaje de programación de bajo para imprimir el mensaje Hola mundo!! en pantalla.
nivel para los
; HOLA.ASM
computadores, microprocesadores, micro ; Programa clásico de ejemplo. Despliega una leyenda en pantalla.
STACK SEGMENT STACK ; Segmento de pila
controladores, y otros circuitos integrados STACK ENDS
DW 64 DUP (?) ; Define espacio en la pila
programables; utilizado para escribir DATA SEGMENT ; Segmento de datos
SALUDO DB "Hola mundo!!",13,10,"$" ; Cadena
programas informáticos, y constituye la DATA ENDS
CODE SEGMENT ; Segmento de Código
representación más directa del código ASSUME CS:CODE, DS:DATA, SS:STACK
máquina específico para cada arquitectura INICIO:
MOV AX,DATA
; Punto de entrada al programa
; Pone dirección en AX
MOV DS,AX ; Pone la dirección en los registros
de computadoras legible por un MOV DX,OFFSET SALUDO
MOV AH,09H
; Obtiene dirección del mensaje
; Función: Visualizar cadena
programador. INT 21H
MOV AH,4CH
; Servicio: Funciones alto nivel DOS
; Función: Terminar
INT 21H
CODE ENDS
END INICIO ; Marca fin y define INICIO
Forero Castiblanco Deisy Yurani 1103

7. 2012: Hacia una calidad en la educación democrática y humanística
¿Programación orientada a objetos?
programación program personas;
type persona = record
Orientada a objetos nombre: string;
apellido: string;
(POO) es una forma end;
edad: integer
procedure inicializar(n, a: string; e: integer; var p: persona);
especial de begin
p.nombre := n;
programar, más p.apellido := a;
p.edad := e
end;
cercana a como function es_mayor(p: persona): boolean;
begin
expresaríamos las return p.edad >= 18
end;
function nombre_completo(p: persona): string;
cosas en la vida real begin
return p.nombre + " " + p.apellido;
que otros tipos de end;
var
p: persona;
programación. Con la begin
inicializar("Juan", "Perez", 25, p);
POO tenemos que write(nombre_completo(p));
if (es_mayor(p)) then
writeln (" es mayor de edad.")
aprender a pensar las else
writeln (" es menor de edad.")
cosas de una manera end.
distinta, para escribir
Forero Castiblanco Deisy Yurani 11x3
nuestros programas

8. 2012: Hacia una calidad en la educación democrática y humanística
¿Que significados tienen los controles del
ambiente Grafico?
Señala por medio de cuadros y gráficas el flujo de EJEMPLO
las operaciones a través de los puestos o lugares
donde se encuentran establecidas las medidas de
control para el ejercicio de las operaciones.
Este método permite detectar con mayor facilidad
los puntos o aspectos donde se encuentran
debilidades de control, aún cuando hay que
reconocer que se requiere de mayor inversión de
tiempo por parte del auditor en la elaboración de los
flujo gramas y habilidad para hacerlos.
Forero Castiblanco Deisy Yurani 1103

9. 2012: Hacia una calidad en la educación democrática y humanística
¿QUE SIGNIFICA ALGORITMO?
Ejemplo
function issue(op, dst, src1, src2)
wait until (!Busy[FU] AND !Result[dst]); // FU can be any functional unit that can
execute operation op
Busy[FU] ← Yes;
Op[FU] ← op;
En programación, los algoritmos se Fi[FU] ← dst;
Fj[FU] ← src1;
implementan en forma de sentencias Fk[FU] ← src2;
Qj[FU] ← Result[src1];
en algún lenguaje de programación. De Qk[FU] ← Result[src2];
Rj[FU] ← not Qj;
esta manera, la forma de escribir los Rk[FU] ← not Qk;
Result[dst] ← FU;
algoritmos depende del lenguaje de
function read_operands(FU)
programación, y del paradigma usado. wait until (Rj[FU] AND Rk[FU]);
Rj[FU] ← No;
Estos son los algoritmos que pueden Rk[FU] ← No;
ser interpretados por una function execute(FU)
// Execute whatever FU must do
computadora y así ser ejecutados.
function write_back(FU)
wait until (f {(Fj[f]≠Fi[FU] OR Rj[f]=No) AND (Fk[f]≠Fi[FU] OR Rk[f]=No)})
foreach f do
if Qj[f]=FU then Rj[f] ← Yes;
if Qk[f]=FU then Rk[f] ← Yes;
Result[Fi[FU] ] ← 0;
Busy[FU] ← No;
Forero Castiblanco Deisy Yurani 1103

10. 2012: Hacia una calidad en la educación democrática y humanística
¿Cuáles son las etapas de un algoritmo?
(Emisión): El sistema verifica aquellos registros que van a ser ejemplo
leídos o modificados por la instrucción.
(Lectura de operando): Una vez que se ha
emitido la instrucción y se ha comprobado que
todas las unidades funcionales necesarias están
libres, la instrucción espera a que los operando
estén disponibles.
(Ejecución): Cuando todos los operando han sido capturados, la
unidad funcional comienza la ejecución.
(Escritura de resultados): En esta etapa se intenta la escritura
del resultado en el correspondiente registro de destino.
Forero Castiblanco Deisy Yurani 1103

11. 2012: Hacia una calidad en la educación democrática y humanística
¿Diagramas de flujo y sus símbolos?
es una representación gráfica de un algoritmo o de ejemplo
una parte del mismo. Los diagramas de flujo ayudan
en la comprensión de la operación de las
estructuras de control.
Simbología y significado:
Óvalo o Elipse: Inicio y término (Abre y/o cierra el diagrama).
Rectángulo: Actividad (Representa la ejecución de una o más
actividades o procedimientos).
Rombo: Decisión (Formula una pregunta o cuestión).
Círculo: Conector (Representa el enlace de actividades con
otra dentro de un procedimiento).
Triángulo boca abajo: Archivo definitivo (Guarda un
documento en forma permanente).
Triángulo boca arriba: Archivo temporal (Proporciona un
tiempo para el almacenamiento del documento).
Forero Castiblanco Deisy Yurani 1103

12. 2012: Hacia una calidad en la educación democrática y humanística
Ejemplos de Declaración de variables:
Dim Edad 'Declara una variable tipo Object
Una variable es un símbolo que Dim Edad As Integer 'Declara variable tipo Integer
representa un elemento o cosa no Dim Edad As System.Int32 'Igual que el anterior. Int32 es la
especificada de un conjunto dado. referencia a Integer
Dicho conjunto es llamado conjunto Dim Edad As Integer = 50 'Declara la variable y le asigna
universal de la variable, universo o 50 como valor
variar de la variable, y cada elemento Dim Nombre, Apellido As String 'Declara 2 variables del
del conjunto es un valor de la mismo tipo
variable. Dim Nombre, Apellido As String, Edad As Integer 'Variables
de tipos diferentes en la misma línea
Forero Castiblanco Deisy Yurani 1103

13. 2012: Hacia una calidad en la educación democrática y humanística
ejemplo
const
Min = 0;
Una constante es un dato cuyo valor no Max = 100;
puede cambiar durante la ejecución del Sep = 10;
var
programa. Recibe un valor en el momento de i : integer;
la compilación y este permanece inalterado
begin
durante todo el programa. i := Min;
while i < Max do begin
writeln(i);
i := i + Sep
end
end.
Forero Castiblanco Deisy Yurani 1103

14. 2012: Hacia una calidad en la educación democrática y humanística
¿Cuales son los Operadores Aritméticos y su
jerarquización dentro de una operación matemática?
Los operadores aritméticos nos permiten, básicamente, hacer
cualquier operación aritmética, que necesitemos
Jerarquía de Operaciones:
()
signo
Potencia
Producto y división
Div
Mod
Suma y resta
Concatenación
Relacionales
Negación
And
Or
Forero Castiblanco Deisy Yurani 1103

15. 2012: Hacia una calidad en la educación democrática y humanística
Se utilizan para buscar en campos específicos del documento, previamente
definidos. Funcionan como un filtro, ya que seleccionan aquellos documentos
que contienen un valor específico en algún campo. Los campos definidos
actualmente son: título y URL.
Nombre del operador Descripción
CONTAINS Selecciona los documentos que contienen la palabra
especificada en un campo específico del documento.
ENDS Selecciona los documentos que acaban en la cadena de
caracteres especificada en un campo específico del documento.
STARTS Selecciona los documentos que contienen palabras que
empiezan por la cadena de caracteres especificada en un campo específico
del documento.
SUBSTRING
Selecciona los documentos que contienen palabras que contienen la cadena
de caracteres especificada en un campo específico del documento.
Forero Castiblanco Deisy Yurani 1103

16. 2012: Hacia una calidad en la educación democrática y humanística
AND realiza un Y lógico.
101 AND 110 = obtiene 100
OR realiza un O lógico.
101 OR 110 = obtiene 111
XOR realiza la operación lógica XOR (O exclusivo).
101 XOR 110 = obtiene 11
Forero Castiblanco Deisy Yurani 1103

17. 2012: Hacia una calidad en la educación democrática y humanística
ejemplo
es el lenguaje de marcado predominante para la
elaboració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. El
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.
Forero Castiblanco Deisy Yurani 1103

18. 2012: Hacia una calidad en la educación democrática y humanística
¿Cual es el significado y uso de las siguientes etiquetas?
<html> <body>
Esta marca el inicio y fin de Esta es la que define los atributos de la página.
un documento HTML En estos se incluye: el color del fondo
<head> <h1…h6>
<p aligan=“valor”>
Presenta el texto en forma
de encabezado.
<title> <center>
Esta se usa para identificar Centra un grupo
el nombre de la página. de texto y gráficos.
Forero Castiblanco Deisy Yurani 1103