Scribd
Cargar
12 vistas6 páginas

Proyecto HTML Funciones

Cargado por

goldblackoficial15
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
12 vistas6 páginas

Proyecto HTML Funciones

Cargado por

goldblackoficial15
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 6

Código de sección Pauta para nombre del archivo a enviar

Funciones y Geometría (MTFG01/V-N40-N2- Mtfg01_n40n2p4c1v_nombrelidergrupo.html


P4-C1/V Antofagasta N4) Mtfg01_n40n2p4c1v_nombrelidergrupo.pdf
Funciones y Números Complejos (MTFC01/D- Mtfc01_tein2p1c1d_ nombrelidergrupo.html
TEI-N2-P1-C1/D Antofagasta TEI) Mtfc01_tein2p1c1d_ nombrelidergrupo.pdf
Funciones y Números Complejos (MTFC01/D- Mtfc01_tern2p1c1d_ nombrelidergrupo.html
TER-N2-P1-C1/D Antofagasta TER) Mtfc01_tern2p1c1d_ nombrelidergrupo.pdf
Funciones y Números Complejos (MTFC01/V- Mtfc01_ieln2p2c1v_ nombrelidergrupo.html
IEL-N2-P2-C1/V Antofagasta IEL) Mtfc01_ieln2p2c1v_ nombrelidergrupo.pdf
Funciones y Números Complejos (MTFC01/V- Mtfc01_ieln2p2c2v_ nombrelidergrupo.html
IEL-N2-P2-C2/V Antofagasta IEL) Mtfc01_ieln2p2c2v_ nombrelidergrupo.pdf
Funciones y Números Complejos (MTFC01/V- Mtfc01_tein2p2c1v_ nombrelidergrupo.html
TEI-N2-P2-C1/V Antofagasta TEI) Mtfc01_tein2p2c1v_ nombrelidergrupo.pdf
Cálculo I (MTCD01/V-IEL-N6-P1-C1/V Mtcd01_ieln6p1c1v_ nombrelidergrupo.html
Antofagasta IEL) Mtcd01_ieln6p1c1v_ nombrelidergrupo.pdf
Cálculo II (MTCI01/V-IEL-N7-P1-C1/V Mtci01_ieln7p1c1v_ nombrelidergrupo.html
Antofagasta IEL) Mtci01_ieln7p1c1v_ nombrelidergrupo.pdf
Cálculo Integral (CBCI01/D-IRA-N6-P1-C1/D Cbci01_iran6p1c1d_ nombrelidergrupo.html
Antofagasta IR ) Cbci01_iran6p1c1d_ nombrelidergrupo.pdf
Cálculo Integral (CBCI01/V-IRA-N6-P1-C1/V Cbci01_iran6p1c1v_ nombrelidergrupo.html
Antofagasta IR ) Cbci01_iran6p1c1v_ nombrelidergrupo.pdf
Análisis Numérico (PAAN06/D-IRA-N6-P1-C1/D Paan06_iran6p1c1d_ nombrelidergrupo.html
Antofagasta IR ) Paan06_iran6p1c1d_ nombrelidergrupo.pdf
Análisis Numérico (PAAN06/V-IRA-N6-P1-C1/V Paan06_iran6p1c1v_ nombrelidergrupo.html
Antofagasta IR ) Paan06_iran6p1c1v_ nombrelidergrupo.pdf

Nota:
Reemplace la letra “ñ” por “n”.
No incluir tilde de acentuación.
No deje espacios en “nombrelidergrupo”
Ejemplo de CREACIÓN WEB UTILIZANDO IA

1) Utilizar recurso tecnológico IA disponible y gratuito, por ejemplo: Chat GPT

2) Generar la solicitud siguiendo un formato lógico, el cual incluya:


2.1) Rol que debe tener IA
2.2) Solicitud de la creación de forma clara y precisa
2.3) Solicitud de la forma que debe visualizar lo creado

Por ejemplo

Como experto en programación html, crea un código html para analizar una función
cuadrática cuyos valores se ingresen por teclado, donde se presente en pantalla las
coordenadas del máximo o mínimo, las raíces, la concavidad y la gráfica de la función

3) Obtener lo proporcionado por la IA según lo solicitado


<!DOCTYPE html> // Cálculos del vértice
<html lang="es"> let xV = -b / (2 * a); // Coordenada x del vértice
<head> let yV = (4 * a * c - b * b) / (4 * a); // Coordenada y del vértice
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> let vértice = `Vértice: (${xV.toFixed(2)}, ${yV.toFixed(2)})`;
<meta name="viewport" content="width=device-width, initial- // Cálculos de las raíces (si existen)
scale=1.0"> let discriminante = b * b - 4 * a * c; // Discriminante
<title>Analizar Función Cuadrática</title> let raíces;
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> if (discriminante > 0) {
<style> let x1 = (-b + Math.sqrt(discriminante)) / (2 * a);
input[type="number"] { let x2 = (-b - Math.sqrt(discriminante)) / (2 * a);
width: 100px; raíces = `Raíces: x₁ = ${x1.toFixed(2)}, x₂ = ${x2.toFixed(2)}`;
} } else if (discriminante === 0) {
label { let x = -b / (2 * a);
margin-right: 10px; raíces = `Raíz doble: x = ${x.toFixed(2)}`;
} } else {
.result { raíces = `No tiene raíces reales.`;
margin-top: 20px; }
} // Determinar la concavidad
</style> let concavidad = a > 0 ? "Concavidad hacia arriba" : "Concavidad
</head> hacia abajo";
<body> // Mostrar los resultados
<h2>Analizar Función Cuadrática</h2> document.getElementById('vértice').innerText = vértice;
<p>Ingrese los coeficientes de la función cuadrática: <b>f(x) = ax² + bx + document.getElementById('raíces').innerText = raíces;
c</b></p> document.getElementById('concavidad').innerText = concavidad;
<label for="a">a:</label> // Gráfica de la función
<input type="number" id="a" step="any" placeholder="a" required> let xValues = [];
<label for="b">b:</label> let yValues = [];
<input type="number" id="b" step="any" placeholder="b" required> for (let x = -10; x <= 10; x += 0.1) {
<label for="c">c:</label> xValues.push(x);
<input type="number" id="c" step="any" placeholder="c" required> yValues.push(a * x * x + b * x + c);
<button onclick="analizarFuncion()">Analizar</button> }
<div class="result"> let trace = {
<h3>Resultados:</h3> x: xValues,
<p id="vértice"></p> y: yValues,
<p id="raíces"></p> mode: 'lines',
<p id="concavidad"></p> type: 'scatter',
</div> name: 'f(x) = ax² + bx + c',
<div id="grafica" style="width: 80%; height: 400px; margin-top: line: {color: 'blue'}
30px;"></div> };
<script> let layout = {
function analizarFuncion() { title: `Gráfica de la función cuadrática`,
// Obtener los valores de los coeficientes xaxis: {title: 'x'},
let a = parseFloat(document.getElementById('a').value); yaxis: {title: 'f(x)'},
let b = parseFloat(document.getElementById('b').value); showlegend: false
let c = parseFloat(document.getElementById('c').value); };
Plotly.newPlot('grafica', [trace], layout);
}
</script>

</body>
</html>

4) Utilizar alguna herramienta en línea que permita la visualización de la creación IA del


código web HTML:

Existen diversas herramientas en línea que permiten crear sitios web utilizando código HTML.

Editor HTML Online: Este servicio web gratuito te permite editar y visualizar código HTML de
manera sencilla, facilitando la publicación de contenido y la conversión de texto a un formato
adecuado.

WordToHtml.net: Ofrece un editor visual WYSIWYG que permite convertir documentos de Word a
HTML, PDF a HTML y más. Proporciona control total sobre imágenes, CSS y otras funcionalidades
avanzadas.

W3Schools HTML Editor: Este editor en línea te permite editar código HTML, CSS y JavaScript,
mostrando el resultado en tiempo real en tu navegador.

Cubic Factory: Ofrece un editor en línea para probar y editar HTML, CSS y JavaScript, con vista previa
en vivo y resaltado de sintaxis.

W3docs HTML Editor: Este editor en línea facilita la edición de código fuente HTML, ideal para el
desarrollo web y la prueba de fragmentos de código.

LiveGap Editor: Proporciona un editor en línea gratuito para probar y editar HTML, JavaScript, CSS
y XML, con vista previa en vivo y funcionalidades como autocompletado y plegado de código.
HTML-Online.com: Ofrece un editor HTML en tiempo real con vista previa dinámica, editor
WYSIWYG en línea y funciones de limpieza de código.

GroupDocs Editor: Es un editor de código fuente en línea que permite ver, editar y guardar archivos
HTML, CSS y JavaScript con un IDE avanzado basado en la web.

Estas herramientas te permitirán crear y editar sitios web directamente desde tu navegador,
facilitando el desarrollo y la visualización de tus proyectos en HTML.

Por ejemplo: Editor HTML Online

Visualización de la creación IA del código web HTML:

También podría gustarte