Category: Programming Blocks

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.

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