Zaměření: 5 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:18

Doporučujeme, abyste si vybrali a přizpůsobili webovou aplikaci, která vám umožní organizovat různé časové intervaly (více než jednou týdně), abyste získali mezidílnou atmosféru.

Všechny typy operací, které mohou mít za následek problémy s podporou doktorského studia, Juan Vicente Pradilla Cerón para la asignatura Arquitectura de Sistemas Multimedia del programa académico Ingeniería Multimedia de la Universidad Autónoma de Occidente.

Uplatnění této zásady:

1. Princip Objetivo

2. Objetivos Secundarios

3. Actividades

4. Cronograma

5. Definición de usuarios

6. Trabajos relacionados

7. Requerimientos funcionales

8. Requerimientos no funcionales

9. Telecomunicaciones

10. Hardware

11. Software

Krok 1: Rekurz

Para realizar la aplicación web se hará uso de los siguientes recursos:

• Un Computador
• Sonidos CC0
• Kód Visual Studio
• Skripty.js

Los sonidos ambientales que se utilizarán syn:

• Lluvia
• Olas
• Viento
• Rayos
• Fuego
• Pájaros

Krok 2: Kód Visual Studio

Nejčastěji se používají aplikace Visual Studio Code, spouštěče běžného použití naší knihovny a zavádění JavaScriptu.

Krok 3: Importación De Medios

Stahování a stahování obrázků a licencí s licencí CC0 (Creative Commons Zero) obsahuje následující možnosti importu a importu z prostředí Visual Studio:

1. Prozkoumejte VS kód, klikněte na hlavní nabídku a klikněte na „Nová složka“a vytvořte 2 koberce: žádné para audio a další para las.
2. Všechny zvukové a fotografické materiály jsou k dispozici na kobercích

Krok 4: Pantalla Principal

Hlavním principem je, že se rozhoduje o dočasném využití funkce Pomodoro, což znamená, že není možné popsat její funkci.

El código para su desarrollo es el siguiente:

ASM

Soustředit se

Temporizador

Časově omezené využití Tecnica Pomodoro de Francesco Cirillo. Časové rozlišení je 25 minut od aktuálního přehrávání, od 5 minut

descanso, y cada cuatro pomodoros 15 minut od descanso en lugar de 5.

25:00

Iniciar

Estudio

Sonidos

Lluvia

50

Pajaros

CSS

El CSS obsahuje základní strukturu HTML, základní barvy, tamaño de letra, tamaño de fondo a další. Přední strana definuje vlastní CSS, jako je knihovna a utilita

h1 {barva: #F45B69; }.logo-img {výška: 35px; }.main {padding-top: 20px; }.tempo {výška: auto; šířka: auto; poloměr ohraničení: 25px; zarovnání textu: střed; barva pozadí: #F45B69; }.tempo h2 {velikost písma: 60px; čalounění: 30px; barva bílá; } tlačítko.tempo {margin-bottom: 30px; } #est {barva: bílá; okrajové dno: 30 pixelů; barva pozadí: #df4e5a; poloměr ohraničení: 10px; } #sounds {výška: 400px; šířka: 100%; obrázek na pozadí: url ("https://i.ibb.co/997L37C/bg.jpg"); opakování pozadí: neopakování; pozice pozadí: vlevo; margin-top: 20px; okrajové dno: 20 pixelů; poloměr ohraničení: 50px; čalounění: 20px; } h3 {barva: bílá; }.rn {šířka: 100%; }.sld_val {barva: bílá; } #aud_lluvia {šířka: 100%; }

Krok 5: Temporizador

Některé funkce mohou být dočasně přidány do aplikace, protože mohou ovládat všechny objemy zvuku a používat skript.js. Důležité informace:

var counterMinutos = 25; var counterSegundos = 0; var descanso = true; var descansos = 1; funkce iniciarContador () {setInterval (function () {// Mostrar texto document.getElementById ("est"). style.display = "block"; // Iniciar Contador if (counterSegundos == 0 && counterMinutos> 0) {counterSegundos = 60; counterMinutos--;} // Descansos if (counterSegundos == 0 && counterMinutos == 0) {if (descansos! = 4) {if (descanso) {document.getElementById ("temp-bg"). Style.backgroundColor = "#2bb91e"; document.getElementById ("est"). Style.backgroundColor = "#239419"; document.getElementById ("est"). InnerHTML = "Descanso"; counterMinutos = 5; descanso =! Descanso; console. log (descansos);} else {document.getElementById ("temp-bg"). style.backgroundColor = "#F45B69"; document.getElementById ("est"). style.backgroundColor = "#df4e5a"; counterMinutos = 25; document.getElementById ("est"). innerHTML = "Estudio"; descanso =! descanso; descansos ++; console.log (descansos);}} else {counterMinutos = 15; document.getElementById ("temp-bg"). style. backgroundColor = "#2bb91e"; document.getElementById ("est ").style.backgroundColor ="#239419 "; document.getElementById ("est"). innerHTML = "Descanso Largo"; descanso = false; descansos = 0; }} else {counterSegundos--; } // Cambiar texto if (counterSegundos> 9) {id = document.getElementById ("count"); id.innerHTML = counterMinutos + ":" + counterSegundos; } if (counterSegundos <= 9) {id = document.getElementById ("count"); id.innerHTML = counterMinutos + ": 0" + counterSegundos; }}, 1); } // Slider - Audio var slider = document.getElementById ("myRange"); var výstup = document.getElementById ("demo"); var aud_lluvia = document.getElementById ("aud_lluvia"); aud_lluvia.onplay (); output.innerHTML = slider.value; // Zobrazit výchozí hodnotu posuvníku // Aktualizovat aktuální hodnotu posuvníku (pokaždé, když přetáhnete úchyt posuvníku) slider.oninput = function () {output.innerHTML = this.value; aud_lluvia.volume (this.value / 100); }