PROGRAMACIÓN PARA INGENIEROS 2

Presentación del tema: "PROGRAMACIÓN PARA INGENIEROS 2"— Transcripción de la presentación:

1 PROGRAMACIÓN PARA INGENIEROS 2
UNIVERSIDAD DE SONORA CABORCA PROGRAMACIÓN PARA INGENIEROS 2 CREACIÓN Y HOSPEDAJE DE PÁGINAS WEB MTRO. JESÚS CAMACHO

2 TERMINOS USADOS EN EL TEMA
Protocolo IP TCP/IP HTTP HTML Javascript CSS Hipertexto Algoritmo Diagrama de flujo URL WWW WEB Sintaxis

3 Capacidad de Almacenamiento Velocidad de Proceso
a) Discos Duros. b) Memoria RAM a) Interno Capacidad de Almacenamiento a) Disco Duro Externo b) DVD´s c) CD´s d) USB´s e) Memorias Externas. f) Floppys. Bytes GB TB PB b) Externo Características de una computadora Velocidad de Proceso a) Intel. b) AMD. Procesador Hertz (GHz) Tarjeta: Gráfica/vídeo, De Red(Ethernet/WiFi), Bluetooth. Sistema Operativo (Windows, Mac, Ubuntu, etc.) Puertos: PS2, USB, HDMI, Lectora Múltiple de Tarjetas. Multimedia: Unidad Drive COMBO.

4 Computadora Programas (redes) NTIC´s a) DESKTOP b) LAPTOP c) TABLETS
d) SMART PHONES NTIC´s a) Lenguajes de Programación (Java) b) Sistema Operativo (Windows) c) Aplicaciones (Office) a) Sitios web Programas a) HTML b) Navegadores d) Internet (redes) b) JAVASCRIPT c) Buscadores c) CSS d) Redes sociales

5 ORIGEN DE LA INTERNET (1957) Estados Unidos creó el proyecto ARPA (Advanced Research Projects Agency) en el Departamento de Defensa. (1960) Se modifica el proyecto ARPA por el de ARPANET. (1970) Se amplió el proyecto ARPANET a todo Estados Unidos. (1973) Se amplió ARPANET para conectar al resto del mundo. (1974) Nace el INTERNET desplazando a ARPANET con la implementación del protocolo de conexión TCP/IP. (1989) Surge la apertura comercial global mediante proveedores servicios internet llamados PSI. (1989) La INTERNET ingresa a México. (1990) Primeras instituciones que se conectan son; UNAM e ITESM.

6 Origen de la web (WWW) En 1989, Tim Berners-Lee, basándose en el protocolo TCP/IP ya existente, inventó el lenguaje HTML para crear páginas web y el protocolo HTTP usado para unir y comunicar las páginas web existentes en Internet, lo cual dio origen a la WWW. También creó el sistema de localización de sitios o páginas web llamado URL (Uniform Resources Locator/Localizador de recursos uniforme).

7 PROTOCOLO DE COMUNICACIONES (TCP/IP)
(Transmission Control Protocol / Internet Protocol) (Protocolo de control de transmisión / Protocolo de Internet) Todo proceso de comunicación requiere de reglas y normas claras para que dicha comunicación se pueda dar y en el caso de las computadoras conectadas en red no es la excepción. Las reglas usadas en la comunicación entre dos computadoras se le conoce como protocolo de comunicación TCP/IP, siendo este un conjunto de códigos e instrucciones que emplean los equipos de cómputo para poder conectarse entre si y permitir al usuario el comunicarse o intercambiar información.

8 PROTOCOLO DE COMUNICACIONES (TCP/IP)
(Transmission Control Protocol / Internet Protocol) (Protocolo de control de transmisión / Protocolo de Internet) Cuando dos computadoras conectadas en una red intercambian información, el protocolo TCP de la PC emisora se encarga de procesar dicha información dividiéndola en paquetes independientes y ordenados, los cuales son enviados a la otra PC receptora que tenga el protocolo de dirección IP de destino (cada PC tiene una IP diferente). Al enviarse dicho paquete de datos a una dirección IP de destino, el TCP de la PC receptora recibe los paquetes desordenados y al llegar el total de paquetes enviados los ordena y los procesa para ser presentados al usuario de la misma PC.

9 ¿Que es una red de computadoras?
Es un sistema de comunicación constituido por la conexión de dos o más computadoras con el fin de compartir los recursos y permite el intercambio de información y de servicios ya sea de forma alámbrica o inalámbrica (WiFi).

10 Partes básicas de una red:
SERVIDOR. Computadora que provee servicios a otras computadoras denominadas clientes. NODOS/CLIENTES. Cada una de las máquinas que forman parte de la red. HUB/CONCENTRADOR. Dispositivo que brinda una ubicación central de donde todos los cables en una red se enlazan. TARJETA INTERFAZ DE LA RED. Permite a una computadora conectarse a una red CABLES. Alambres que conectan las computadoras y el equipo en una red (Ethernet / FDDI).

11 INTERNET (Red de Redes)
Es la red de redes más grande del mundo, en ella se puede encontrar una inmensa cantidad de información. World Wide Web WWW Telaraña mundial La WEB Autopista Supercarretera de la información

12 NAVEGADOR (BROWSER) Es una aplicación que permite entrar, movernos o navegar por internet, visualizar y acceder al contenido de las páginas web, blogs, foros, galerías fotográficas, etc., existentes en la Internet. El Navegador se comunica con el servidor a través del protocolo HTTP y le pide el archivo solicitado en código HTML, después lo interpreta y lo muestra en pantalla. Los más populares son Internet Explorer, Mozilla Firefox, Safari, Opera, Google Chrome y el Edge.

13 PARTES DE LA VENTANA DE UN NAVEGADOR

14 BUSCADOR (MOTOR DE BÚSQUEDA)
Es una aplicación que se encuentra hospedada en un sitio web de Internet y que permite localizar o encontrar los recursos digitales (textos, noticias, imágenes, vídeos, archivos, etc.), que están contenidos en otras páginas web y relacionados con el término o frase textual que se haya escrito en la búsqueda. Algunos ejemplos de estos sitios web ofrecen solo este servicio como principal característica, siendo algunos ejemplos; Google, Yahoo, Bing, Altavista y Ask entre los más comunes.

15 PARTES DE UNA DIRECCIÓN DE INTERNET (página web) O URL (localizador uniforme de recursos)
2 4 1 3 5 1.- Protocolo de transferencia de hipertexto. 2.- World Wide Web (telaraña a lo ancho del mundo). 3.- Nombre de la institución, empresa, persona o servidor al que pertenece la página o sitio web. 4.- Es el tipo de dominio según la actividad a la que se dedica el contenido de la página.(ejemplos: .COM , .EDU, .ORG, .NET, .GOB). 5.- Es el tipo de dominio geográfico según el país en el que esta asignada la URL. (ejemplos: .MX, .ES, .US, .UK, .AR, .FR)

16 PARTES DE UNA DIRECCIÓN DE E-MAIL (correo electrónico)
2 4 1 3 1.- Nombre de la institución, empresa, persona o usuario al que pertenece la cuenta del buzón de correo electrónico. 2.- Nombre de la servidor, institución o empresa que te proporciona la cuenta de correo electrónico. 3.- Es el tipo de dominio según la actividad a la que se dedica el contenido de la página.(ejemplos: .COM , .EDU, .ORG, .NET, .GOB). 4.- Es el tipo de dominio geográfico según el país en el que esta asignada la URL. (ejemplos: .MX, .ES, .US, .UK, .AR, .FR)

17 Tamaño de las Redes Se mide por el área que abarcan las distancias entre nodos y los servidores. Redes de área personal (PAN) Redes de área local (LAN) Redes de área metropolitana (MAN) Redes de área amplia (WAN)

18 Topología de red Es la distribución geométrica de las computadoras conectadas a una red, es decir, la forma en que están físicamente conectadas entre si las computadoras en la red. Tiene como fin reducir los costos de las conexiones, aumentar la velocidad de transferencia de datos y evitar la saturación de trafico entre las computadoras conectadas. 1.- ESTRELLA. 2.- ANILLO. 3.- BUS LINEAL. 4.- ÁRBOL. 5.- MALLA. Tipos:

19 ¿QUÉ ES UNA PÁGINA WEB? Es un documento electrónico que puede tener texto, sonido, vídeo, animaciones, imágenes, programas y otras cosas adaptadas para que forme parte de la WEB y que generalmente se construye con códigos de etiquetas en lenguaje HTML (Hypertext Markup Language o Lenguaje Creador de Hipertexto). Este documento puede contener enlaces (vínculos/hipervínculos/links) que nos direccionen a otras páginas web.

20 PÁGINA WEB Para visualizar una página web es necesario tener un browser que nos permita entrar al servidor web o computadora cliente donde esté hospedada la página, este servidor atiende las peticiones de páginas web utilizando el protocolo HTTP (Hyper Text Transfer Protocol o protocolo de transferencia de hipertexto). Cada página web es identificada con una dirección o URL, que puede ser escrita de manera textual o numérica (IP). ping ( Ipconfig obtienes el IP de tu PC

21 HTML – JAVASCRIPT - CSS HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por etiquetas que el navegador interpreta y da forma en la pantalla. Html tiene etiquetas para imágenes, text, imágenes, hipervínculos, tablas, saltos de línea, listas, etc.. JAVASCRIPT es un lenguaje que se emplea dentro del HTML para darle dinamismo a los contenidos de un sitio web. CSS es un lenguaje que se emplea dentro del HTML para darle presentación y estilo a los contenidos de un sitio web.

22

23 Archivos y Carpetas/Directorios
El nombre de un archivo y/o carpeta puede tener hasta 260 caracteres incluyendo la ubicación completa del nombre del archivo. Los nombres de los archivos ubicados en el directorio raíz no pueden llegar a los 260 caracteres debido a que el directorio raíz del disco es definido como “C:\”. Por tanto, el largo máximo de dicho nombre en Windows es de 257 caracteres. Nota: Todo archivo posee normalmente una extensión compuesta por 3 o 4 caracteres. Nota: Los siguientes caracteres no pueden usar en un nombre de archivo: \ / ? : * " > < |

24 <!DOCTYPE> <html> <head> </head> <body>
Etiquetas básicas: <!DOCTYPE> <html> <head> </head> <body> </body> </html>

25 Etiquetas básicas: <!DOCTYPE> <html> <head> </head> <body> <h1>texto, texto…</h1> <p> </p> <img src=“archivo”> <a href=“página.html”>ejemplo</a> <br> </body> </html>

26 Ejemplo básico: <!doctype> <html> <head>
<title>Mi primera página Web</title> </head> <body> <h1>PÁGINA DE PRUEBA</h1> <p>Hola a todos.</p> <br> <img src="foto.JPG" height="200px" width="200px"/> <img src="pc.JPG" height="200px" width="200px"/> <a href=" </body> </html>

27 Ver el vídeo……

28 1.- Mex.tl 2.- Wix 3.- Google Sites 4.- ActiveWeb 5.- Weebly
Sitios para crear y hospedar páginas web gratis 1.- Mex.tl 2.- Wix 3.- Google Sites 4.- ActiveWeb 5.- Weebly 6.- Webnode 7.- Jimdo 8.- Webs 9.- Neositios 10.- GoDaddy 11.- Web.com

29 Gracias por su atención…..

30 a) Hardware b) Software (Programas) Sistema de Cómputo
Teclado Mouse Micrófono Camara. a) Dispositivos de Entrada I N F O R M Á T C A a) U.A. y Lógica. b) U. de Control. c) U. de Memoria. (RAM/ROM/CACHE) b) Dispositivo de Proceso a) Hardware P.C. C. P. U. a) Monitor b) Impresora c) Scanner d) Bocinas. c) Dispositivo de Salida Sistema de Cómputo a) Operativo (POST/BIOS) Windows en sus diferentes versiones y otros. a) Procesadores de Textos(Word) b) Hojas de Cálculo(Excel) c) Bases de Datos(Access) d) Varios(Power Point, Navegadores, Acrobat, Buscadores, etc.) b) Software (Programas) b) De Aplicación c) De Programación (Lenguajes) a) Basic, Fortrán, Cobol, Pascal, C++, Java etc.