Фокус: 5 кадам

2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:36

Көрсөткүчтөр веб -сайтка ылайыкташтырылганда, веб -сайтка ылайыкташтырылган жана уюштурулган программалар (помодордун жардамы менен) жана эскупарды жок кылуу керек.

PhD Juan Vicente Pradilla Cerón программасы боюнча программалардын жардамы менен программалардын жардамы менен системанын мультимедиялык программалары Инвестициялардын мультимедиасы университеттин Автономиясында да болот.

Төмөнкүлөрдү караңыз:

1. Объективо директору

2. Obundivos Secundarios

3. Actividades

4. Кронограма

5. Definición de usuarios

6. Trabajos relacionados

7. Requerimientos funcionales

8. Requerimientos no funcionales

9. Телекоммуникациялар

10. Аппараттык

11. Программалык камсыздоо

1 -кадам: Recursos

Төмөнкү колдонмолор веб -сайтты калыбына келтирүү үчүн:

• Un Computador
• Sonidos CC0
• Visual Studio коду
• Сценарийлер.js

Los sonidos ambientales que se utilizarán son:

• Lluvia
• Olas
• Viento
• Rayos
• Fuego
• Pajaros

2 -кадам: Visual Studio коду

Visual Studio Code колдонмолору жана колдонмолору JavaScriptти жүктөөчү файлдарды жүктөө үчүн колдонмону иштетет.

3 -кадам: De Medios импорттоо

Сүрөттөмө кайра англисче (Кошмо Штаттар) тилине которулсун Которуу CC0 (Creative Commons Zero) Visual Studio Code'дун медиа версиясы боюнча алдын ала көрсөтүлгөн:

1. VS кодун изилдөө, "Жаңы папка" баскычын чыкылдатып, 2 килем: бул аудиолордун жана аудиолордун үнүн басуу.
2. Ar килемдер los audios y fotos en sus respivivas carpetas

4 -кадам: Панталла директору

Помодордун негизги тапшырмасын аткаруу үчүн, биз бул функцияларга жооп беребиз.

Колдонуу шарттары:

ASM

Фокус

Temporizador

Técnica Pomodoro de Francesco Cirillo убакыттын өтүшү менен колдонулат. 25 мүнөткө чейин активдештирүү, 5 мүнөткө чейин бөлүштүрүү

15 -мүнөткө чейин 15 -мүнөткө чейин.

25:00

Iniciar

Estudio

Sonidos

Lluvia

50

Pajaros

CSS

HTML CS el escargado de la estructura estética del código HTML, ачык түстөрдүн фонунда, тамано -де -летрада, фондо -фондо, жана башкаларда. Колдонуу шарттары бузулбоо архиви CSS, кийинки бөлүмдөр:

h1 {түс: #F45B69; }.logo-img {бийиктиги: 35px; }.main {padding-top: 20px; }.tempo {бийиктиги: авто; туурасы: авто; чек ара радиусу: 25px; текстти тегиздөө: борбор; фон-түс: #F45B69; }.tempo h2 {font-size: 60px; толтуруу: 30px; Ак түс; }.tempo баскычы {margin-bottom: 30px; } #est {түс: ак; маржа-түбү: 30px; background-color: #df4e5a; чек ара радиусу: 10px; } #үндөр {бийиктиги: 400px; туурасы: 100%; фон-сүрөт: url ("https://i.ibb.co/997L37C/bg.jpg"); фон-кайталоо: кайталабоо; фон-позиция: сол; маржа-жогорку: 20px; маржа-түбү: 20px; чек ара радиусу: 50px; толтуруу: 20px; } h3 {түс: ак; }.rn {туурасы: 100%; }.sld_val {түс: ак; } #aud_lluvia {туурасы: 100%; }

5 -кадам: Убактылуу

Жөнөкөй программалар жана программалар, бул жерде скрипт.js жокко эсе чоң көлөмдөгү көзөмөл орнотулат. Колдонуу шарттары:

var counterMinutos = 25; var counterSegundos = 0; var descanso = true; var descansos = 1; 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 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") стили. 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 output = document.getElementById ("демо"); var aud_lluvia = document.getElementById ("aud_lluvia"); aud_lluvia.onplay (); output.innerHTML = slider.value; // Демейки сыдырма маанисин көрсөтүү // Учурдагы сыдырма маанисин жаңыртуу (жылдыргыч туткасын сүйрөгөн сайын) slider.oninput = function () {output.innerHTML = this.value; aud_lluvia.volume (this.value / 100); }