<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Jean Carlo Zuniga</title>
    <description>The latest articles on DEV Community by Jean Carlo Zuniga (@jeancarlozuniga).</description>
    <link>https://dev.to/jeancarlozuniga</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F84090%2F58d6b787-fb3b-450f-9fbf-eebdeb90283f.jpg</url>
      <title>DEV Community: Jean Carlo Zuniga</title>
      <link>https://dev.to/jeancarlozuniga</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jeancarlozuniga"/>
    <language>en</language>
    <item>
      <title>Code project for mixing songs together, idea explanation</title>
      <dc:creator>Jean Carlo Zuniga</dc:creator>
      <pubDate>Mon, 19 Apr 2021 03:11:45 +0000</pubDate>
      <link>https://dev.to/jeancarlozuniga/code-project-for-mixing-songs-together-idea-explanation-321a</link>
      <guid>https://dev.to/jeancarlozuniga/code-project-for-mixing-songs-together-idea-explanation-321a</guid>
      <description>&lt;p&gt;This blog contains an idea that I have in mind which combines two of my biggest passions; listening to music and coding. The goal here is to explain the problem and the proposed solution to implement, and gather all the possible feedback I hopefully get here in order to transform the idea into something useful while learning a lot during the process.&lt;/p&gt;

&lt;h3&gt;
  
  
  Context
&lt;/h3&gt;

&lt;p&gt;I listen to lots of music daily, but I have noticed that given the few free time I have for discovering new songs, I often end up listening to mixes of the hottest music of the week or month to be up to date with trends. &lt;br&gt;
These mixes are a unique kind of art, just like drawings, singing, coding, painting, etc. because they have the essence of the disk jokey (DJ) impregnant all over the place. You can even detect a DJ just by listening to her/his work.&lt;br&gt;
The Djs, in order to have a mix that is enjoyable, work in several basic characteristics about it. I don't know much about musical theory, so I speak from an &lt;em&gt;aficionado&lt;/em&gt; point of view, but for example these mixes have to sound harmonic, the songs that compose them have to be smoothly synchronize so they enter in the right time to the loop, they have to show lots of sparks of the dj essence; like effects here and there (scratches, sound effects, etc.) among others.&lt;/p&gt;

&lt;h3&gt;
  
  
  The idea
&lt;/h3&gt;

&lt;p&gt;Given all these inputs, my idea is to code a solution for creating these mixes automatically and upload them to stream platforms to be listened by anyone.&lt;br&gt;
In order to achieve this; I will build a tool for analysing songs as data streams, and select the ones more likely to sound good after mix them together. This sentence took 3 or 4 seconds to be written, but right there are the biggest challenges of the project: &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;to select the songs from a given dataset that would create a mix that people can listen and enjoy.&lt;/li&gt;
&lt;li&gt;to actually mix songs together and give the "human" essence to the final result so no one can detect it was created by a machine.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;After all that is done, there will be trivial tasks like upload the mixes to music platforms. Don't will cover them in this blog.&lt;/p&gt;

&lt;h3&gt;
  
  
  How to get there?
&lt;/h3&gt;

&lt;p&gt;So as to achieve to select songs that have potential to sound good mixed together, I will be using Fourier transforms. There is a huge theoretical explanation on this amazing mathematical process, but summed up; the wave that represents a sound in a bidimensional space is the combination of several waves that, by sounding together; compounds that very first wave. By using Fourier; we become able to discompone a wave in the ones that conform it.&lt;br&gt;
When I start having songs in such a granular detail and I get to store them in data structures for working with them, the process of finding similarities will become more robust since there are lots of variables to consider to actually find positive matches, meaning songs that will sound good together.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0JVJ6bXP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/trv3l3jsm5ed6stz8c28.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0JVJ6bXP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/trv3l3jsm5ed6stz8c28.jpg"&gt;&lt;/a&gt;&lt;br&gt;Graphic: Christine Daniloff.
  &lt;/p&gt;

&lt;p&gt;The previous process is going to be executed in a huge amount of songs so I can have a big enough dataset to produce daily mixes with high quality (given the few aspects about a mix quality that we saw before, and more I will find out in the way). The idea is to have some sort of machine learning, with a clear training set of positive matches; that can grab this information and actually find coincidences.&lt;br&gt;
The expected inputs to have in order to create a mix are a set of songs, with the exact time where one can follow the other in order to create a smooth mix to listen. After I achieve this, I will focus in making it sound more "human" by coding the effects (in very general terms) that makes a mix have the essence of a DJ.&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;At last; we just did a walk through of an idea that is in the process of grab form. I wrote this with the humble goal of collect all feedback from you readers, so I can consider more details of the problem to solve, get to know already existing things that may help, validate if this is a valid approach for solving the problem, and so on. If you have any feedback please reach me out at: &lt;a href="mailto:jeanczm@gmail.com"&gt;jeanczm@gmail.com&lt;/a&gt; so we can catch up on whatever topic you want to related with this blog.&lt;/p&gt;

&lt;p&gt;Thanks for reading :).&lt;/p&gt;

</description>
      <category>programming</category>
      <category>discuss</category>
      <category>startup</category>
      <category>coding</category>
    </item>
    <item>
      <title>How to boost your strengths in a self awareness way</title>
      <dc:creator>Jean Carlo Zuniga</dc:creator>
      <pubDate>Sat, 13 Feb 2021 06:37:20 +0000</pubDate>
      <link>https://dev.to/jeancarlozuniga/how-to-boost-your-strengths-in-a-self-awareness-way-5g1o</link>
      <guid>https://dev.to/jeancarlozuniga/how-to-boost-your-strengths-in-a-self-awareness-way-5g1o</guid>
      <description>&lt;p&gt;As human beings, we all have a set of strengths to use in our daily interactions with other ones in our family, school or work. Get to know them, and having tools to remember them (especially in difficult moments) is really important to give the best of us in any circumstance that comes to our day. In this lecture you can find a set of techniques so you can apply your strengths in a self awareness way; wich means that you are completely aware of your best strengths and the one that better fits for confronting any situation.&lt;/p&gt;

&lt;h2&gt;
  
  
  Our set of strengths
&lt;/h2&gt;

&lt;p&gt;Based on &lt;a href="https://synchronicity.global/"&gt;Synchronicity&lt;/a&gt;, here's a list of the most important strengths we all have, please read them regardless of their position, in fact: they are ordered alphabetically, so you don't mind the order (we are going to see next that the order is actually an important thing in our set).&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Appreciation for beauty and excellence&lt;/li&gt;
&lt;li&gt;Courage&lt;/li&gt;
&lt;li&gt;Creativity&lt;/li&gt;
&lt;li&gt;Curiosity&lt;/li&gt;
&lt;li&gt;Enthusiasm&lt;/li&gt;
&lt;li&gt;Equanimity&lt;/li&gt;
&lt;li&gt;Forgiveness&lt;/li&gt;
&lt;li&gt;Gratitude&lt;/li&gt;
&lt;li&gt;Honesty&lt;/li&gt;
&lt;li&gt;Hope&lt;/li&gt;
&lt;li&gt;Humor&lt;/li&gt;
&lt;li&gt;Judgment&lt;/li&gt;
&lt;li&gt;kindness&lt;/li&gt;
&lt;li&gt;Leadership&lt;/li&gt;
&lt;li&gt;Love&lt;/li&gt;
&lt;li&gt;Love for Learning&lt;/li&gt;
&lt;li&gt;Modesty&lt;/li&gt;
&lt;li&gt;Perseverance&lt;/li&gt;
&lt;li&gt;Perspective&lt;/li&gt;
&lt;li&gt;Prudence&lt;/li&gt;
&lt;li&gt;Self-regulation&lt;/li&gt;
&lt;li&gt;Social Intelligence&lt;/li&gt;
&lt;li&gt;Spirituality&lt;/li&gt;
&lt;li&gt;Team work&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Self-awareness in the strengths usage
&lt;/h1&gt;

&lt;p&gt;First of all, you need to know your set of strengths. We all have the same items in that set, but in different order. So, you can try programs like the given from &lt;a href="https://synchronicity.global/"&gt;Synchronicity&lt;/a&gt; in order to know your top strengths. After knowing them, notice that the ones at the top are where you are particularly good at, so; start by using them to solve any issue that hits your life. Up next; we will see different ways to remember these strengths based on different parameters like emotions, and learning techniques.&lt;/p&gt;

&lt;h2&gt;
  
  
  Gathas
&lt;/h2&gt;

&lt;p&gt;A Gatha is a short verse that helps you in the goal of remembering something quickly. By creating a Gatha, you can remember key strengths for key situations. For example, imagine someone at work being rude with you, but you don't want to respond with the same low energy, that is an important time to remember a strength to help you move forward the awkward situation. For instance, imagine you are really good at Social Intelligence. You could have a Gatha like:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;...I'm the master of social intelligence, being part of an argument is nonsense...&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  Meditation
&lt;/h2&gt;

&lt;p&gt;Meditation is an excellent way of being present in the moment. You can use some time during the morning for meditation, and once you get that awesome energy that comes after a good meditation practice; is an excellent moment for analysing the stuff happening in your life and come with a plan of how you could use your strengths in order to pass through them, the energy and the mood you get after meditation will help you choose strengths wisely.&lt;br&gt;
This is a good opportunity to introduce a couple of well-known meditation techniques you could use to achieve the presented goal of becoming self-aware and pick strengths from your set, they are the following ones:&lt;/p&gt;

&lt;h3&gt;
  
  
  Belly breathing
&lt;/h3&gt;

&lt;p&gt;Belly breathing, also known as breathing focused on the heart; is a meditation technique that will calm you down when you feel anxious. It consists in taking your full concentration in the exercise of feeling how the air goes in when inhaling, and slowly exhale the air. This will provoke several relaxing feelings because of the movements of your muscles after reacting of this way of breathing.&lt;/p&gt;

&lt;h3&gt;
  
  
  Labeling feelings
&lt;/h3&gt;

&lt;p&gt;This is a technique where you need to label how you feel about a given situation. There is a list of feelings that you definitely need to know in order to achieve the best results of this meditation, you can find it by visiting the &lt;a href="http://atlasofemotions.org/"&gt;Atlas of emotions website&lt;/a&gt;. There's a performance rule that says: "you can't improve what you don't measure", that apply for this context as well, you need to know what you are feeling so you can look forward for picking a strength that could help you in the way of start feeling different. Remember there are no bad feelings, feeling sad or angry is equally valid as feeling happy or exited, we can't get rid of any feeling as they are normal and organic for us as human beings.&lt;/p&gt;

&lt;h3&gt;
  
  
  Labeling Thoughts
&lt;/h3&gt;

&lt;p&gt;With this technique you will let yourself just go and think whatever comes to your mind. Just be there, think and then label that thought in a given classification that works for you. For instance, you could use the useful/not useful classification, where you simply think in something and then label that something and continue with the next thing in the queue. By doing this, you could write down the things that result useful for you, and by having a list with only the important things, you can then start by matching the best strength that fits with the given thought in the list, so if that thing is an issue or something that provokes stress in your life, you can tackle it sooner and in a self-awareness way. &lt;/p&gt;

&lt;h2&gt;
  
  
  Befriending fear exercise
&lt;/h2&gt;

&lt;p&gt;This is a technique that appeals to your capacity of accepting a fear you have and try to calm down even thought the fear is there. This is really important in top situations where you really need to calm yourself down in order to make a decision that could severely change how things are looking in your life. By accepting your fear, you will be capable of put in practice your strengths in order to reduce that fear, or even completely eliminate it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Watch your own movie
&lt;/h2&gt;

&lt;p&gt;In this exercise you will picture yourself in a movie, and you will imagine yourself telling that movie to a friend. The goal is to describe your movie with so much level of detail that you will take yourself to the present moment, self-aware of what you're going thought. In that moment where you are no longer in automatic pilot, you will remember your top strengths and give a conclusion to the movie, which means; imagine that you solved your problem by using your top strengths. Ask yourself then, how did the guy in the movie get to solve the problems? How did she/he used the strengths? That could be the beginning of your answer.&lt;/p&gt;

&lt;h2&gt;
  
  
  Ask yourself frequently which strength could you, or others, use
&lt;/h2&gt;

&lt;p&gt;This is more like a general learning technique for remembering things that could be used in many contexts, but still is worth to mention here. When you ask yourself questions frequently, you will exercise that path in your brain that makes the answer come faster every time. Now, imagine you constantly use this technique in daily bases by asking yourself explicitly which strength can you use in a given moment of your day. That works for other ones as well, you could see how others act and without judging anyone without knowing all the information (which is actually a bad practice for becoming self-aware) you could ask yourself wich strengths would you use in that guy's position.&lt;/p&gt;

&lt;h2&gt;
  
  
  Motivation
&lt;/h2&gt;

&lt;p&gt;Don't stop recognizing yourself when you choose a good strength and use if for solving an issue. Can you remember how good it feels when you do great at some task at school or work and the team congratulates you for such an amazing job? Well, this is the same principle, but without the dependency of waiting for others to notice you and give you a high five. You need to be in a constant loop of self-awareness, and when you find yourself applying a strength, start being proud of yourself, that will propitiate more moments like that in your daily basis activities and you will be using your strength more often every time.&lt;/p&gt;

&lt;h2&gt;
  
  
  Ask for feedback
&lt;/h2&gt;

&lt;p&gt;Mental healthiness is a topic that gets stronger every day. They say it will become as normal as work out every morning and eating healthy, so; why don't you ask for feedback about how you use your strengths in the workplace, home or school? Not everybody is going to know the set of skills, and not everybody will give you any feedback, but just express to your close ones that you are making yourself stronger at X, Y or Z strength, maybe you could pick the ones you want to start growing faster, and ask them to give you feedback about them, either positive or negative, it doesn't matter because both will help you knowing that you are doing good and what you are doing bad, so you can improve!&lt;/p&gt;

&lt;h2&gt;
  
  
  The Feynman Technique
&lt;/h2&gt;

&lt;p&gt;In this technique you will understand the list of strengths first, and then; you will explain some of them to a friend that doesn't have the knowledge about this topic. In order to make her/him understand you, you would need to use words that don't confuse her/him, for example: probably you wouldn't use concepts like self-awareness, mindfulness, resilience and so on... The idea is to see if your friend understands what you are telling her/him, if there are any gaps in how your friend got your explanation; that are the gaps you need to study and understand better so you can master where and how apply your strengths, and if you are choosing the right ones for the situation you are confronting.&lt;/p&gt;

&lt;h2&gt;
  
  
  Just in time learning
&lt;/h2&gt;

&lt;p&gt;This means you will pay attention for the things you are experiencing at a given time. For example; if you choose to pick a strength and that didn't result as you expected, pay fully attention on why it didn't work and write that down. Later, you can organize those thoughts and complete them with more accurate information on why that didn't work. That way, you will do better next time, that's the importance of having a journal with this kind of stuff.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusions
&lt;/h2&gt;

&lt;p&gt;In this short lecture we saw different key concepts that will help you in your way of becoming self-aware of your actions and start removing the automatic pilot from your behavior. Also, we saw how we all have a set of strengths sorted in different order based on wich ones are the best developed in your actions.&lt;br&gt;
Given these concepts, we then presented you with a bunch of techniques you could use in order to first become self-aware of your reality, and then; choose the strength that better helps for attending any particular situation.&lt;br&gt;
We encourage you to master at least one of them, the one you feel more comfortable with, and try to apply your strengths every day for problem solving, intelligent conversations, negotiations and so on... The number of places where you could use those strengths has no end! &lt;/p&gt;

</description>
    </item>
    <item>
      <title>No hagamos sitios accesibles, hagamos que los browsers brinden accesibilidad.</title>
      <dc:creator>Jean Carlo Zuniga</dc:creator>
      <pubDate>Mon, 13 Aug 2018 00:03:38 +0000</pubDate>
      <link>https://dev.to/jeancarlozuniga/no-hagamos-sitios-accesibles-hagamos-que-los-browsers-brinden-accesibilidad-1p7</link>
      <guid>https://dev.to/jeancarlozuniga/no-hagamos-sitios-accesibles-hagamos-que-los-browsers-brinden-accesibilidad-1p7</guid>
      <description>&lt;p&gt;La accesibilidad es la oportunidad que tienen las personas de poder utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas, cognitivas o físicas.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fgm3q59fmaaw0v3ilhh3n.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fgm3q59fmaaw0v3ilhh3n.jpg" alt="Accesibilidad-teclado-motivación"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Este concepto también es aplicable en los sitios de Internet. Cuando un sitio que visitamos se acoge de ciertos estándares, brinda contenido HTML rico a sus diferentes etiquetas, proporciona métodos alternativos para el contenido no textual, entre otros; encontramos indicios de accesibilidad en él. &lt;br&gt;
Tristemente, muchos de los sitios en Internet no poseen una característica tan importante como la accesibilidad.&lt;/p&gt;

&lt;p&gt;Este &lt;em&gt;post&lt;/em&gt; busca validar una idea para brindar accesibilidad a un sector en particular que presenta esta problemática: los usuarios que poseen discapacidades en sus extremidades superiores y no pueden utilizar las herramientas clásicas para la navegación en Internet: un teclado y un &lt;em&gt;mouse&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;Es necesario brindar accesibilidad tomando en cuenta que existen millones de sitios en la web que no fueron construídos pensando en serlo, y que además no se van a cambiar para que empiecen a serlo ahora. Además, hay muchos más que están en camino y tampoco serán accesibles. ¡No podemos cambiar todos los sitios viejos y no podemos influír en el desarrollo de todos los nuevos!&lt;/p&gt;

&lt;p&gt;Ahora, si consideramos que todos los sitios que visitamos en Internet son alcanzables gracias a herramientas que permiten llegar a ellos; los &lt;em&gt;browsers&lt;/em&gt;, entonces, ¿no se debería centralizar esfuerzos en los &lt;em&gt;browsers&lt;/em&gt; para alcanzar la accesibilidad a los sitios?&lt;/p&gt;

&lt;p&gt;¡Hagamos Internet accesible tal y como está ahora mismo! Sin enfocarnos en alcanzar accesibilidad en sitios &lt;strong&gt;individuales&lt;/strong&gt;, sino más bien que sea la forma &lt;strong&gt;general&lt;/strong&gt; en la que los navegamos la que se convierta en accesible!&lt;/p&gt;

&lt;h2&gt;
  
  
  Idea general
&lt;/h2&gt;

&lt;p&gt;La idea para brindar accesibilidad está basada en la creación de &lt;strong&gt;áreas de concentración en la pantalla (SCA)&lt;/strong&gt; que permitan que las instrucciones brindadas al &lt;em&gt;browser&lt;/em&gt; sean más precisas. Esto, aunado a una navegación a través de la voz; hará que el público meta de este sistema pueda olvidarse de teclado y &lt;em&gt;mouse&lt;/em&gt; cuando naveguen en Internet.&lt;/p&gt;

&lt;p&gt;Las SCAs son delimitaciones de la pantalla del monitor del usuario. Estas se formarán a través de líneas que al juntarse generen regiones debidamente identificadas para que el usuario elija la región con la que necesita interactuar. Veamos un ejemplo:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fxr3emuy0cmssz0s2ibk5.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fxr3emuy0cmssz0s2ibk5.PNG" alt="Accesibilidad-youtube-Introduciendo"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A su vez, si el usuario requiere que la región elegida sea aún más granulada; podrá hacerlo tantas veces como sea posible en el monitor en uso. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F4cre62tku2k3dt0extwx.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F4cre62tku2k3dt0extwx.PNG" alt="Accesibilidad-youtube-Granularidad"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Note que este sistema evitará ambigüedad en comparación a métodos que solo permitan dirigir instrucciones de voz sin ningún otro apoyo visual al usuario. Por ejemplo: en la caja de comentarios de YouTube, imagine que su instrucción es dar &lt;em&gt;like&lt;/em&gt; a un comentario en específico. En la siguiente imagen, si la instrucción con la que se debe realizar la tarea es "&lt;em&gt;like&lt;/em&gt; the comment", ¿cuál usuario recibiría ese &lt;em&gt;like&lt;/em&gt;?.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Ftte2llwjjcbx57ntxy2p.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Ftte2llwjjcbx57ntxy2p.PNG" alt="Accesibilidad-youtube-ejemplo"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A falta de un procesamiento de lenguaje natural lo suficientemente sólido para dar una instrucción precisa sobre cuál comentario debe recibir el &lt;em&gt;like&lt;/em&gt;, la instrucción puede tornarse en ambigua, o inclusive desgastante, al entrar un proceso iterativo sobre los comentarios hasta dar con el deseado.&lt;/p&gt;

&lt;p&gt;Los comandos de voz para la navegación pueden ser tan extensos como se pueda imaginar. Pero los comandos para trabajar directamente con las SCAs serán como los siguientes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Init SCA: para iniciar el sistema de navegación accesible.&lt;/li&gt;
&lt;li&gt;Stop SCA: para salir del sistema de navegación accesible.&lt;/li&gt;
&lt;li&gt;Go to {id}: es el comando mediante el cuál el usuario se podrá movilizar hacia cualquier SCA de la pantalla.&lt;/li&gt;
&lt;li&gt;Do SCA: creará nuevas áreas de concentración dentro del área de concentración actual.&lt;/li&gt;
&lt;li&gt;Undo SCA: borrará las áreas de concentración actuales. Será como devolverse al área de concentración anterior.&lt;/li&gt;
&lt;li&gt;Click: emulará un click del &lt;em&gt;mouse&lt;/em&gt; en el elemento en donde esté el cursor.&lt;/li&gt;
&lt;li&gt;Find {nombre del elemento}: ubicará dentro del SCA el elemento que tenga relación con el comando dicho por el usuario. Si hay más de una posibilidad: el sistema resaltará los elementos uno a uno hasta que el usuario use la instrucción de voz Click, o bien; se acaben los candidatos.&lt;/li&gt;
&lt;li&gt;Stop dictation: para que un &lt;em&gt;input&lt;/em&gt; de tipo texto deje de recibir lo que el usuario le está dictando.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Caso de uso para los SCAs
&lt;/h2&gt;

&lt;p&gt;A continuación se presenta un ejemplo del uso de SCA en un sitio que la mayoría usamos: el correo electrónico. Veremos cómo sería para un usuario meta el realizar acciones básicas como redactar un nuevo correo y enviarlo a uno de sus contactos.&lt;/p&gt;

&lt;p&gt;1- Primero; el usuario activará el sistema de navegación.&lt;br&gt;
   &lt;em&gt;Instrucción&lt;/em&gt;: Init SCA&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fbt0gxt1cpcuo9l65go7b.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fbt0gxt1cpcuo9l65go7b.PNG" alt="Accesibilidad-Init-CasoUsoUno"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2- El usuario irá al SCA en donde está la opción de redactar un correo.&lt;br&gt;
   &lt;em&gt;Instrucción&lt;/em&gt;: Go to One&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F4rx2750kijv7p0u5g0w2.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F4rx2750kijv7p0u5g0w2.PNG" alt="Accesibilidad-Init-CasoUsoDos"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;3- El usuario dirá el elemento con el que quiere interactuar. Como el objetivo aquí es redactar un correo, dirá "redactar".&lt;br&gt;
    &lt;em&gt;Instrucción&lt;/em&gt;: Find Redactar&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F2d1ppol9un4mjohrbbg2.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F2d1ppol9un4mjohrbbg2.PNG" alt="Accesibilidad-Init-CasoUsoCuatro"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Como no hay ambigüedad; el sistema hará click inmediatemente en redactar.&lt;/p&gt;

&lt;p&gt;4- El usuario ahora debe posicionarse en el SCA adecuado para redactar el correo.&lt;br&gt;
    &lt;em&gt;Instrucción&lt;/em&gt;: Go to Two&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F2p2g3lc4pyy7sbut7l2h.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F2p2g3lc4pyy7sbut7l2h.PNG" alt="Accesibilidad-Init-CasoUsoCuatro"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;5- El usuario llenará el encabezado del correo. Primero llenará los destinatarios.&lt;br&gt;
    &lt;em&gt;Instrucción&lt;/em&gt;: Find Destinatarios&lt;/p&gt;

&lt;p&gt;6- Como no hay ambigüedad, el sistema encontrará el &lt;em&gt;input&lt;/em&gt; de destinatarios y hará click sobre él. Entonces; como es un &lt;em&gt;input&lt;/em&gt; de texto: el sistema se preparará para anotar los destinatarios del correo. Cuando el usuario haya dado sus destinatarios, dará la &lt;em&gt;Instrucción&lt;/em&gt;: Stop dictation para dejar de dictar al sistema.&lt;/p&gt;

&lt;p&gt;7- Para llenar el asunto del correo se hacen pasos análogos a 5 y 6.&lt;/p&gt;

&lt;p&gt;8- Ahora, lo siguiente a llenar es el cuerpo del correo. Notemos que para hacer esto el usuario no está posicionado en el SCA indicado. Entonces, el usuario debe ir al SCA que le permitirá empezar a redactar ese correo.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fq522h5l9sp6uecaqhcl4.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fq522h5l9sp6uecaqhcl4.PNG" alt="Accesibilidad-Init-CasoUsoCuatro"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;9- Para llenar el cuerpo del correo se hacen pasos análogos a 5 y 6.&lt;/p&gt;

&lt;p&gt;10- Finalmente; el usuario enviará el correo. Para hacer esto usará la &lt;em&gt;Instrucción&lt;/em&gt;: Find Enviar. Como solo hay un &lt;em&gt;input&lt;/em&gt; de enviar: se hará click de una vez al botón y se enviará el correo que redactamos.&lt;/p&gt;

&lt;p&gt;Casos de uso como este son los que permiten observar que aplicaciones que combinen tanto comandos de voz, como apoyo visual en pantalla; puedan ser una aproximación a que los &lt;em&gt;browsers&lt;/em&gt; logren que los sitios web sean accesibles. Los comandos para SCA son amigables y con pocas palabras en ellos, esto permitirá que los usuarios no tengan que esforzarse de más para poder navegar. Además; los SCA son flexibles de acuerdo al tamaño de las pantallas; lo que hace que se pueda extender su función a muchos dispositivos.&lt;/p&gt;

&lt;h2&gt;
  
  
  ¿Qué sigue?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Mejora continua de los comandos de voz: los comandos pueden seguir creciendo con nuevos &lt;em&gt;releases&lt;/em&gt;. Una primera fase puede dejar muchos vacíos sobre lo que el público meta aún necesita, así que futuras mejoras vendrían a cubrir esos vacíos.&lt;/li&gt;
&lt;li&gt;Áreas de concentración inteligentes: las SCA pueden hacer un pre-análisis de cada sitio para construirse solo en las zonas donde se presenten interacciones con el usuario. Veamos un ejemplo de este aprovechamiento de áreas:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fz45k8q9w80n7u42hs81v.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fz45k8q9w80n7u42hs81v.PNG" alt="Accesibilidad-Init-MejoraUno"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;También, si vemos el caso de uso analizado; el usuario pudo haber dado una instrucción que lo enfocara solamente en la pantalla de Redactar. Así, no hubiera sido necesario el paso 8, dado que las &lt;em&gt;Instrucciones&lt;/em&gt; Find posicionarían al usuario en el cuerpo del correo sin necesidad de cambiarse de SCA.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F5r2ntd7zw9dtqc3cw5yo.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F5r2ntd7zw9dtqc3cw5yo.PNG" alt="Accesibilidad-Init-MejoraDos"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Mapas de calor: SCA se puede integrar con Google Analitics para brindar reportes sobre las zonas más frecuentadas por los usuarios en los sitios web. Así; se puede sugerir al usuario las siguientes acciones a realizar a través de predicciones sobre el flujo que está llevando a cabo.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  ¿Cómo me puedes ayudar?
&lt;/h2&gt;

&lt;p&gt;Si tienes dudas, oportunidades de mejora, comentarios, o si conoces personas a quienes le podría ser útil esta idea, por favor contactarme al correo &lt;a href="mailto:jeanczm@gmail.com"&gt;jeanczm@gmail.com&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
