Category: Education

El Club deportivo y cultural “Las Amapolas”, Bonao, Republica Dominicana.

Ahora, podemos agregar otra actividad que estoy desarrollando con la ayuda de los directivos de nuestra casa club y junta de vecinos de nuestra comunidad Las Amapolas. Esta actividad es  Aprenda a codificar / programar ; este programa estará capacitando a nuestros vecinos, familias de nuestra comunidad y demas comunidades de nuestro pueblo a certificarce en codificacion de computadoras, celulares, tablets.

Los participantes podrán crear video juegos, cuentos interactivos, aplicaciones de todo tipo en plataformas como Windows x.x, IOS, Android, MAC.

Si eres participante en este programa y aun no has visitado nuestro grupo en Facebook  haz click Club Las Amapolas , Bonao, Rep. Dom. mundo tecnologico.

Email:  este es el correo electronico del grupo . Los mensages, correos electronicos enviados por este medio aparecerán como mensages de boletin o posteo.




Links in an HTML document

There are different hyperlinks that can be used in any given html document, like in this post.

One of the most common things students get confused about is linking to other pages and sites, especially when absolute and relative paths come into play. But do not let your several failed attempts of creating hyperlinks within your html document deter your willingness to learn and progress in html programming / coding. Creating links — relative and absolute alike — is actually fairly easy. Read on, and by the end of this article, you’ll know the difference between these two types of links, as well as when and how to use them.
Of course, it’s still important to understand how relative and absolute links work, so let’s see…..
First off, as you know and have notes of my class, you would use the following code to create a link in HTML:

If  you were going to link to ets.html, <a href=”ets.html”>Enfermedades de transmision sexual</a>; ok, now, looking at the hyperlink, ets.html is the webpage you want to link to, and Enfermedates de transmision sexual would be the blue, underlined link that the page displays. In the example above, we used a relative path. You can tell if a link is relative if the path isn’t a full website address. (A full website address includes <a href=””&gt;link me</a> <a href=””&gt;NTC</a> )

This link points to a filename, with no path provided. This means that ets.html is located in the same folder as the page where this link appears. If both files were located in the root directory of the Website , the actual website address the user would be taken to is

In your web folder that we created at the beginning of this course, 2nd semester 2015-2016 ending in May, 2016;  you have the following:

4to A Media and/or 4to B Media (It depends on which of the classroom you are in then  your main web folder or root directory will be 12th A or B)

  • introduction.html   (These three html pages are in the same location)
  • Listofcontents.html
  • directorylist.html
  1. images ( sub-directory)
  2. html reference (sub-directory)
Examples: working with the structure of a this webfolder 4to A Media, we will see a few relative links examples…
  1. <a href=”listofcontents.html”>Listado de contenido</a>
  2. <img  src=”/images/png/myschool.png” width=”90″   height=”90″  alt=”vista frontal de mi escuela”>

Relative Paths

  • index.html (this is your home page)
  • /graphics/image.png (This is within the same web directory of your index.html page)
  • /help/articles/visual_programming.html ( This is within the same web directory of your index.html page)
  • /team/developres/games/dionismazer.html

Now, what if we wanted to use a relative link to show a page in another folder? If you want to link to a file in a subfolder of the current folder, provide the file path to that file, like so: <a href=”/help/articles/scratch/visual_programming.html”>Help visual programming with scratch</a>

In this example above, you’re telling the browser to look in the current folder /help for a subfolder or subdirectory /articles ( /help/articles/ ) followed by /scratch  subdirectory o subfolder ( that contains the file you want the user taken to  visual_programming.html ). You can link to as many subfolders as you need using this method. What if you want to link to a file in a folder above the current folder? You have to tell the browser to move up one folder in your relative link by putting two periods and a slash (../) in front of the filename or path: <a href=”../4tomedia.html>Promoción 2015-2016.</a>

** When the browser sees ../ in front of the filename, it looks in the folder above the current folder. You can use this as many times as you need to. You can also tell the browser to look in a subfolder of the directory above the current one. Using the same example website from above, let’s say we wanted to create a link that would take the user to a page called promocionespasadas.html located in another folder called 4tomedia history. This folder is located in the root directory, one folder up from the current folder, Here’s how a relative link to this file would look: <a href=”../4tomedia history/promocionespasadas.html”>Promociones pasadas </a>


Absolute Links / Paths

  1.  ( This is a web link outside this site. It is said “it’s over the web / Internet” …..)
  2. <a href=;>Visit our HTML tutorial</a>  (Notice this is a hyperlink which shows the clickable part “Visit our HTML tutorial“) this hyperlink will take you to  web site and then into its sub web folder /html .
  3. Let’s say , I have another web site or storage in a given cloud and I want that from here you will be able to click on a link to that cloud and you will see a list of video games in BETA stages that you can download and test them of course and give me feed back in my video games , programming posts in here….

Para agregar timer en un juego, debemos seguir varios pasos. Este ejemplo presentado aqui es uno de los tantos que existen que demuestran diferentes maneras de como aplicar “tiempo o cronometro” en un juego.
A) Debes crear las variables : Timer , Reset Timer, Replay
B) En mi caso yo siempre tengo un objeto llamado “Variables” y es transparente asi evito que aparesca en pantalla en cualquier momento.
C) En este objeto = variables colocaremos los siguientes bloques de programacion:
1- Al recibir START GAME
fijar timer a (60)
Esperar (1) segundos
Fijar Reset Timer a Timer
|========== Por Siempre
|——Si Timer > (0)
|Esperar 1 segundos
|Cambiar Timer por (-1)
|—–Si timer = a (0)
| Enviar a todos Times up
|Fijar Timer a Reset Timer

BETA stage, classic game crossing road. I have programmed three levels to test how it might work.

It is very intersting. my 8th grade students are working with this game as a classroom’s project but individuallly they are learning and practicing the different aspects of coding / programming this nice little game. We are projecting 5 to levels game pack with action…

Check out the Demo[/contact-form]

Your comment is very important, it will help greatly the students in developing far better their projects, thank you.

Protected: ESL_Intro Audio

This content is password protected. To view it please enter your password below:

by : Teacher Dionis Navarro

Hi, this is another project in BETA stage and please do not post complains about “this game is not finish…”, “this game has bugs..”, etc… that’s why we call it a BETA, it has a lot of bugs. It’s far from finish, it’s just an idea. It’s not intended to be a fully , developed, finished game!!.. You download this BETA and you are committing to give me feed back, share your thoughts about it; and as we work around fixing errors “bugs”, adding new items “objects”, as we are programming, developing the game and you are at the other end testing each BETA release, we all as a team are going to be able to come up with a finished , 99.5% to 100 % bugs free  product.

For all the classrooms involved in projects like this, download the pong beta game to test it out, writing what you find, what can you do to fix bugs found in this BETA? ; What would you like to do to improve the BETA game?.
Dionis Pong BETA

Pong FireBonus head to the download :

Video Games

This type of Post is one of the common approaches we all use to comment , share, help others in developing his / her individual, by group’s project in the visual programming by blocks courses.

I will personally post and upload video games in beta stages intended , targeted mainly to my students and colleagues at work; but also, if you aren’t part of my students or colleagues and want to join in, you are more than welcome to do so. Please comment if you are going to test any of the beta stage of any project or video game published in here.

The video game in BETA stage  ==>  ” MAZER 2016 ”  : Mazer 2016
Commando Z or Math vs. Zombie 12/19/2017
by Dionis Navarro A.

Please leave your  comments.

In a very short time, I mean this second semester, students are going to learn how to move Sprites such as ( People, animals, objects, etc) in their programs, how to add sounds, how to change colors to an object.

In this first course, students are going to create their own mini Mario game(s) or any other game they like.

Bonao, Dominican Republic  please families, citizens of this town and the rest of the country let’s get started in Coding. Contact me :  and


Este programa “software” es la herramienta de extremada importancia y utilidad en las escuelas prividas y publicas. Esta aplicacion nos ayuda a manejar, archivar y mantener a nuestros profesores, directores de nuestros centros educativos; Ya que por medio a este, el personal docente puede mantener sus asignaciones y sus relaciones de grupo estudiantil en cada tanda, periodo, las materias impartidas, grados / evaluaciones de cada estudiante.

El sistema “software” nos ayuda a mantener a los estudiantes facilmente. Los records de notas de cada estudiante se actualizan rapidamente tan pronto como los profesores digitan las notas, puntuaciones adquiridas por los estudiantes. Los examenes de seleccion multiple, de desarrollo, son faciles de tomar ya que cada estudiante se le asigna x examen con su fecha a tomar.

La parte contable del software SEA mantiene los cobros y pagos por estudiantes; ayuda a mantener los archivos de  gastos del plantel ó centro escular.

Esta aplicacion ó “software” tiene una utilidad importante que es Control Bibliotecario, esta utilidad es muy importante para esos centros educativos que prestan material de apoyo tanto a los maestros como a los alumnos. El Control Bibliotecario ayuda grandemente en el catalogo de los libros, videos, audio-teca, los buscamos por sus codigos asignados, mantiene record de prestamos, fecha de entrega y fecha de vencimiento de dicho prestamo.

Estas utilidades y todo lo que un buen administrador, director de escuela desea tener a mano para un mejor manejo, administracion lo puede encontrar con nuestro software  SEA(si ‘pronunciado en Ingles’) Sistema Escolar Administrativo.   Para mas informacion contactenos via E-mail:


Invito a todos mis amigos y a toda la comunidad a que se integren en el desarollo de un juego basado en texto. Los personajes, objetos son interactivos con los personajes que ustedes se registren. El mundo donde se desarrollara sera la creacion por las aportaciones de ideas, scripts que ustedes con su gran imaginacion aportaran. Es la historia antes y despues del descubrimiento del nuevo mundo, este proyecto involucra al caribe como centro y el resto de Latino America.

hay cientos de miles de servidores dedicados a estos tipos de juegos. En Facebook tenemos muchos de estos tipos de juegos basados totalmente en texto.  Les invito desde ahora aportar sus ideas, comentarios sobre este interesante proyecto.  Si tiene preguntas envielos por este medio, Facebook ó envieme un mensaje / e-mail a :     Games :