viernes, 25 de octubre de 2024

5. LOS LENGUAJES DE PROGRAMACIÓN

Hasta ahora hemos visto como crear algoritmos con frases en nuestro lenguaje; sin embargo, el lenguaje que entienden los ordenadores no es el mismo que el nuestro.

El lenguaje que utilizan los equipos para comunicarse entre sí se denomina LENGUAJE MÁQUINA . Este lenguaje da lugar al CÓDIGO OBJETO, que consiste en una serie de ceros y unos (datos binarios) que no es comprensible para las personas. Es lo que se denomina LENGUAJE DE BAJO NIVEL.

Cuando una persona escribe un programa, lo hace en un LENGUAJE DE ALTO NIVEL, que es comprensible para la misma, pero que tiene que ser transformado en código objeto para que el ordenador pueda interpretarlo.

El COMPILADOR o INTÉRPRETE es el encargado de traducir a código máquina las órdenes que escriben las personas.


En el siguiente video tienes más información:






1. LENGUAJES DE ALTO NIVEL.

Dentro de los lenguajes de alto nivel también podemos establecer dos categorías:
Lenguajes visuales
Los lenguajes de programación visuales disponen de un conjunto de bloques gráficos de programación que tienen funciones específicas y se ensamblan siguiendo una secuencia de acciones para crear programas.


Estos lenguajes utilizan elementos gráficos con colores y formas, en lugar de texto, y por ello se usan en los entornos educativos para aprender a programar. Uno de los más utilizados es Scratch.

Lenguajes textuales
Un lenguaje de programación textual es un conjunto de símbolos y palabras (instrucciones y sentencias) que el usuario tiene a su disposición para elaborar un programa. Algunos ejemplos son Java, Python y C++.






2. LENGUAJES DE BAJO NIVEL.
Un lenguaje de programación de bajo nivel, es aquel en el que sus instrucciones ejercen un control directo sobre el hardware y por lo tanto están condicionados por la estructura física de las computadoras que lo soportan.

El lenguaje de bajo nivel más famoso es el CÓDIGO BINARIO, que es el más básico y forma parte de todos los equipos informáticos. Este lenguaje utiliza los símbolos 0 y 1, denominados bits, los cuales se suelen agrupar en conjuntos de 8 bits a los que denominamos bytes.

Los procesadores que utilizan los ordenadores transmiten la información en forma de impulsos eléctricos actuando como pequeños interruptores que dejan pasar la corriente eléctrica o bien impiden su paso. Cuando en el circuito existe corriente, se codifica con valor 1; si no la hay, se codifica con valor 0.

Dado que en nuestra vida diaria usamos el sistema decimal para expresar cantidades (usamos 10 dígitos, del 0 al 9), debemos conocer la equivalencia entre éste y el sistema binario.

En los siguientes ejemplos se muestra como se puede pasar de un sistema a otro:







Además de los números, también podemos codificar en lenguaje binario los caracteres del texto escrito. Para poder escribir todas las letras del alfabeto utilizamos combinaciones de grupos de ocho ceros y unos. De esta manera podemos codificar un total de 256 (28) caracteres diferentes, entre los que se incluyen letras mayúsculas, minúsculas, caracteres especiales (como los signos de puntuación, los de acentuación, los símbolos propios [por ejemplo, la virgulilla de la ñ]...) y otros signos.

Para manejar de forma más eficiente grupos tan elevados de ceros y unos, se creó el código ASCII. Este código permite asignar a cada carácter codificado en binario su equivalente numérico en sistema decimal.

La tabla de caracteres ASCII recoge la codificación de cada uno de los caracteres de texto en sistema decimal.

Los llamados “caracteres imprimibles” van desde el número 33 hasta el 126. Otras letras y signos que utilizamos (como la ñ, la ç o las vocales con tilde o diéresis) se encuentran en el grupo llamado “ASCII extendido”.


Así por ejemplo, cuando el ordenador lee el número 100001 binario, que equivale al número 33 en sistema decimal, imprime el signo !.


ACTIVIDADES

1. ¿Puede un lenguaje de alto nivel ser interpretado directamente por el ordenador? Razona tu respuesta.

2. ¿Qué tipo de programación de alto nivel es la más cercana a la realidad laboral?

3. Pon un ejemplo de programa de alto nivel de tipo visual.

4. ¿El 01100111 es un bit o un byte? 

5. Transforma el número 67 a código binario.

6. Transforma el 00110010 a código decimal.

7. ¿Qué número binario representa la letra L?


lunes, 7 de octubre de 2024

2. Hosting de una página web - TICII


 Las páginas web (archivos html) que hemos realizado en las prácticas anteriores sólo podemos visualizarlas en el sitio local. Una vez que tenemos nuestra web completa en el sitio local funcionando correctamente, podemos alojarla en un servidor, si deseamos que puedan verla otros usuarios a través de internet. Para ello, vamos a obtener una cuenta en uno de los servidores gratuitos que existen.

Estos servidores requieren que nos registremos y nos ofrecen espacios gratuitos del orden de 1 GB.

Hosting gratuito:

https://007sites.com/

awardspace.com

webs.com

Mi web en el hosting:       http://practicashtmlsonia.atwebpages.com/




Crea una nueva página que llames index.html que será la página principal desde donde se podrá acceder a todas las prácticas. Repasa los enlaces relativos que utilizaste en la práctica 5. 

Completa tu página index.html con una imagen creada con inteligencia artificial en la que aparezca un estudiante que se parezca a ti trabajando con html y css en un ordenador.


Además, escribe una introducción sobre todo lo que has aprendido hasta ahora, explicando algunas de las principales ETIQUETAS HTML y los TIPOS DE SELECTORES CSS.

Para que yo pueda ver vuestra hoja de estilos, al final de la página principal, inserta un enlace a tu archivo .css


ACTUALIZA TODO EN TU HOSTING 
Y ASEGÚRATE QUE TIENES BIEN EL ENLACE EN TU BLOG!!

domingo, 22 de septiembre de 2024

1. Proyectos de innovación y desarrollo - TIG 1

 1. >> Productos tecnológicos

Bienes, servicios y procesos

Productos de Consumo (conveniencia, especiales y no buscados) y productos Industriales.

2. >> I+D+i 






Actividad: Busca en la web del CDTI la siguiente información:

1- Las cuatro funciones principales de este organismo

2- Las principales potencias del sector aeroespacial con las que tiene convenio el CDTI


3. >> Estrategias de gestión y desarrollo de proyectos

Técnicas de ideación y trabajo en equipo >> Brainstorming, mind maps, atributos, mundos relacionados ... SCAMPER


Design Thinking

1-Empatizar

2-Definir

3-Idear

4-Prototipar

5-Probar

Vídeo: Cómo Airbnb aplicó el Design Thinking para salvar su negocio

>> Planificación y organización: metodologías agile -- SCRUM

Las metodologías ágiles buscan la inmediatez y flexibilidad dividiendo el proyecto en distintas partes  que se resolverán de forma más rápida a través de un trabajo colaborativo. Empresas como Zara, Apple, Facebook, Paypal, etc. utilizan esta metodología en sus procesos de desarrollo.

>>Diagramas PERT y Gantt

* Los diagramas PERT se centran en las dependencias entre tareas sin tiempos.

* Los diagramas Gantt  gestionan y planifican proyectos administrando los tiempos de cada una de las tareas.


Prueba la versión de prueba online de Gantter >  START YOUR FREE TRIAL > GANTTER CLOUD > START FREE TRIAL

También puedes instalar gratuitamente Gantt Project



Tutorial en español del canal Ingeniería Online


4.>>Productos: planificación y desarrollo, desde el diseño hasta la comercialización

DISEÑO >> PRODUCCIÓN >> COMERCIALIZACIÓN

Actividad (fotocopia): Identificación de tareas en un proceso de planificación y desarrollo

5.>> Diseño de productos

Análisis de necesidades

Concepción de ideas

Viabilidad

Desarrollo de prototipos

6.>> Producción

Estrategias de mejora continua -  Ciclo de Deming

Modelos de excelencia y gestión de calidad

Normalización y metrología 

UNE - - ISO 9000

Control de calidad

7. >> Comercialización

Leyes básicas del mercado: ley de la oferta y la demanda

Proyectos de comercialización

Logística: transporte y distribución

Ciclo de vida de los productos

8. >> Expresión gráfica para la planificación y el desarrollo de proyectos

Esquemas, diagramas o mapas conceptuales, croquis... aplicaciones CAD.

PRÁCTICAS Y PROYECTOS

martes, 17 de septiembre de 2024

1. Diseño y edición de páginas web (TICII)

 Lenguaje HTML

El uso de gestores de contenido facilita la creación de páginas web para un usuario poco experto. Sin embargo, los diseñadores de páginas web se centran en la creación de páginas a partir del lenguaje en que están escritas: el lenguaje HTML (HyperText Markup Language).

Práctica 1: Empezar a programar en HTML con el bloc de notas. (Seguir instrucciones de la práctica 6 del libro)

Práctica 2: Dar formato a un texto (descarga aquí el texto) (Seguir instrucciones de la práctica 7 del libro)

>> Aplica a la etiqueta <font> con los atributos de tamaño (size) y tipo de letra (face) a los distintos párrafos.

Ejemplo: <font size="3" face="arial">El diseño y...Java Script</font>

>> Inserta la siguiente imagen centrada después del primer párrafo (descarga la imagen y guárdala en la misma carpeta que tienes tu archivo html)** y añade el siguiente código:



<div align="center">

<img src="imgdisenoweb.jpg" width="250" height="150" border="4"/>

</div>

>>  Para finalizar esta práctica, vamos a añadir un enlace o vínculo a una página externa, a tu blog por ejemplo. Añade una frase al final que ponga Para más información pincha aquí y convierte la palabra aquí en un enlace a tu blog. Para ello utiliza la siguiente etiqueta:

Para más información pincha <a href="https://soniatecnoinfo.blogspot.com/p/inicio.html">aquí</a>

Y por último averigua cómo puedes hacer para que se abra en una pestaña nueva!!!


Práctica 3: Crear una página web con texto, imagen y vínculos:

Para saber más acerca de las propiedades de la etiqueta imagen puedes ver este video:


Añade a tu práctica "P3_AntonioMachado_nombre" imágenes insertadas de las siguientes formas:
Caso A. Mismo directorio
 Ejemplo: <img src="img_girl.jpg" alt="Girl in a jacket">
Caso B. Imagen en  distinto directorio 
Ejemplo:   <img src="/images/html5.jpg" alt="HTML5 Icon" style="width:128px;height:128px;">
Caso C. Imagen en otro servidor utilizando una web sin derechos de autor.
Ejemplo: <img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com">    
  • 3: Vínculos absolutos, relativos e internos. Añade este (Enlace  Machado) al final de la P3.
Vídeo tutorial sobre tipo de vínculos:


  • 4: Otras etiquetas.

EL RESULTADO DEBERÍA SER EL SIGUIENTE: Práctica Antonio Machado








Práctica 4: Tipos de listas y líneas  (descarga aquí los pasos)





Práctica 5: Enlaces y formatos de caracteres (fotocopia para reproducir)

En esta práctica primero repasaras las etiquetas <b>,<i>,<u>,<s>,<sub>,<sup> para poner palabras en negrita, cursiva, subrayado, tachado, subíndice y superíndice respectivamente.

También utilizarás la etiqueta <dd> para hacer una sangría de un párrafo.

Y después aprenderás que hay 3 tipos de enlaces que se configurarán respectivamente con la siguiente estructura:

ABSOLUTOS <a href="https://soniatecnoinfo.blogspot.com/" target=_blank>Enlace a mi blog</a>

RELATIVOS <a href="P2_formato_alumno.html" target=_blank>Enlace a la práctica 1</a>

INTERNOS <a href="#inicio">Ir al inicio de la página</a>  

                      - poner la referencia donde se quiere ir  con <a name="..">

**Prueba a poner algunos títulos y negritas en colores (recuerda la etiqueta 

<font color="...">aplicando el código hexadecimal. Visita la web https://htmlcolorcodes.com/ **



Práctica 6: Tablas

Dentro del lenguaje de diseño web, las tablas HTML se crean usando las etiquetas <table> y </table>. En ella se incluyen dos etiquetas importantes: <tr>, que es para crear filas de tablas (table raw) y <td>, para crear celdas de datos (table data). Todo lo que esté dentro de ambas etiquetas es el contenido de la celda de la tabla. 


Otras etiquetas utilizadas al momento de trabajar con tablas HTML son: <th>, para agregar encabezados (table header), <caption>, para insertar el título de la tabla.

Algunos atributos que puedes aplicar a la tabla y a las celdas son:

<border="...">, para indicar el grosor del borde

<width="...">, para el ancho total de la tabla

<cellpadding="...">, para indicar la distancia entre el texto y la celda

<cellspacing="...">, para indicar la distancia entre los bordes de la celda

<align=center, right, left...>

<align=top, bottom, middle...>

<colspan>, <rawspan>, para combinar celdas

<font color>, <bgcolor>, para cambiar el color del texto y del fondo

etc...

Aplica estos atributos para conseguir este resultado:

Vídeo: Cómo hacer tablas en HTML

Después de practicar con las etiquetas básicas para realizar una tabla con el ejemplo (guárdalo como P6_tablas_nombre, realiza una tabla con tu horario y guárdalo como P6_horario_nombre. 

Inserta también el logo del centro en alguna de las celdas (con la etiqueta <img src="...">, y crea un enlace que al hacer clic sobre esta imagen  nos lleve a la página web del centro.  

<a href="URL-de-la-página-web">

  <img src="URL-de-la-imagen" alt="Texto alternativo de la imagen">

</a>


:: Práctica7:_E1 Multimedia (imágenes, audios y vídeos) - (fotocopia para reproducir P7_E1)



En esta práctica, además de repasar algunos de los elementos vistos en las prácticas anteriores (imágenes, encabezados, tablas, saltos de línea, etc) vamos a aprender a insertar audios y vídeos en nuestra página web.

Recuerda que para insertar imágenes utilizábamos la etiqueta <img src="..."> incluyendo en los puntos la ruta del archivo de imagen (jpg generalmente). Pues en los audios y vídeos es muy parecido, pero cambiando img por audio y video.. Además, para que salgan los iconos de reproducción, deberemos añadir el atributo controls.

Ejemplos:




P7_E2_Multimedia y CSS

Tipos de bordes para imágenes:


Detalle para la práctica utilizando estilos de borde para las distintas imágenes.
Utiliza un selector de clase para cada imagen! Hay que crear una hoja de estilos, y poner el link a la misma en el encabezado del archivo html con el mismo nombre. Ejemplo:


Código archivo html:




Código archivo css:








Tutorial Visual Studio Code:












domingo, 15 de septiembre de 2024

0. Evaluación inicial- GoogleSites

Crea un post en tu nuevo blog TIC II - Introducción .

La evaluación inicial va a constar de dos tareas, contestar las preguntas de un formulario y diseñar una página web con GoogleSites.

1. Completa el siguiente formulario sobre los conocimientos que tengas de TIC en general:

https://forms.gle/oKy4pHE5U9A8K3qWA

2. Sigue las instrucciones del siguiente archivo para crear contenido web utilizando GoogleSites.

l finalizar, publica una entrada en la cual tienes que compartir los links de los cuatro ejercicios.






Cuando termines explica brevemente qué programas informáticos conoces y utilizas más a menudo, qué te gustaría aprender este curso, y por qué has elegido la materia de TICII.