RSS

Tag Archives: images

First Steps with the Arduino-UNO R3 | Maker, MakerED, Coding | 2.8″ TFT Touch Screen with SDCard

First Steps with the Arduino-UNO R3 | Maker, MakerED, Coding | 2.8″ TFT Touch Screen with SDCard

.

Curation2

.


.

Elegoo-2.8 TFTI was very happy when I got delivered that nice looking 2.8 inches TFT with incorporated SDCard. I ordered it on Amazon and it is from ELEGOO. It was delivered with a small CD where a lot of coding examples are integrated and a well done manual. SO, I started as soon as I unpacked it…

First step to do is opening the CD and reading the manual which is in PDF format… After that, chose the examples to see what is possible to do with TFT Display and the Arduino.

ALL the examples worked well…

.

.

.

.

.

.

 

Here, below what is on the CD…

.

Elegoo-EXAMPLES

.

To use the SDCard to create a Slide-Show, click on “Example05-ShowBMP“, the following window will open, see below…

.

Elegoo-EXAMPLES-2

.

Click the “ShowBMP“, the following window will open, see below…

.

Elegoo-EXAMPLES-3

.

The used TFT uses an ILI9341 controller and the code could get downloaded from the website of ELEGOO.

Double-click the “ShowBMP.ino” and the Arduino-IDE will open with the inserted code…

.

As I wanted to use the SDCard to create a Slide-Show, so I remixed a bit the code in the sketch and I uploaded different images to the SDCard. BUT, it didn’t work :(((

I checked the manual which says:

  • The SDCard MUST be formatted first (use a NEW one as everything will get erased!!!)
    • TIP: DON’T format on quick way, it DIDN’T work for me; use the full format way!!
  • Images MUST be in 320 x 240 pix
  • Images MUST be in Bitmap format
  • Images MUST be saved as 28-bit Bitmaps
  • Images name MUST be less than 20 characters

Check the above mentioned in the sketch below also, please.

.

 

.

SO, I tried out a lot of different online image converters, I was struggling around for nearly a week as I didn’t get it working, frustration… BUT as I NEVER give up before I am on the winning side, so I was looking much more around on the internet to find the perfect solution, and I found it.

And that program is actually present on my PC, it is “Paint“: it converts (nearly) any image to the desired format so also Bitmap and THIS ALSO in 28-bit Bitmaps!! Check he PIC below, please.

.

PAINT-24-bit Bitmap-2

Click image please to enlarge it

.

After saving my images with “Paint” into 28-bit Bitmaps everything worked perfect, actually with unexpected GREAT quality!

SO, for that YOU, dear readers, and Newbies on “Coding“, don’t have to struggle around like me, I created this tutorial.

.

For the assembling, wiring and explication of the code, I suggest to watch this video tutorial, check below, please.

.

.

Image for the slide showAs I wanted to use the TFT display as a digital badge with slide show, I created my own images by:

  • Creating a picture with exactly 320 x 240 pix and a black background
  • Using PhotoScape (image editor) to insert text and photos
  • Opening that created sample in Paint and saving it into 28-bit Bitmap
  • Saving that sample to the SDCard and inserting it into the SDCard reader of the TFT
  • Uploading the code to Arduino

BUT, surprise, it didn’t work!??? The photo was mirrored, funny isn’t it? OK, so back again to the Photo-Editor and “Flip Horizontal“, delete the image on the SDCard and upload the new one…

Now everything is working perfectly 😉 I learned a lot with this project, especially being patient and not giving up, as well as learning more about the “Paint” program!

.

Here below how it looks on the TFT:

.

Preview TFT

 

.

Let us repeat the steps:

  • First prepare the images (photos)
    • Images MUST be in 320 x 240 pix
    • Images MUST be in Bitmap format
    • Images MUST be saved as 28-bit Bitmaps
  • The SDCard MUST be formatted first (use a NEW one as everything will get erased!!!)
    • TIP: DON’T format on quick way, it DIDN’T work for me; use the full format way!!
    • Save the images (photos) to the SDCard
    • Images name MUST be less than 20 characters
  • Double-click the “ShowBMP.ino” from the demo examples and the Arduino-IDE will open with the inserted code…
    • Delete the images shown in the code and replace them by your own (must be the exactly name as the saved, check on the SDCard…)
  • Insert the SDCard to the TFT and upload the code.

The slideshow will run, have fun 😉

The next step will be to put everything into a housing, I ordered some stuff and after I get it delivered and finished it I will update this blog to show you the result, stay tuned 😉 BTW: I will use the shown example as an electronic BADGE


.

.

GUST-AVRIL2014-800px-2L’auteur Gust MEES est Formateur andragogique / pédagogique TIC, membre du “Comité Conseil” de “Luxembourg Safer Internet” (LuSI), appelé maintenant BEESECURE, partenaire officiel (consultant) du Ministère de l’éducation au Luxembourg du projet  ”MySecureIT“, partenaire officiel du Ministère du Commerce au Luxembourg du projet ”CASES” (Cyberworld Awareness and Security Enhancement Structure). L’auteur était aussi gagnant d’un concours en électronique en 1979 ( Pays germaniques ) et voyait son projet publié dans le magazine électronique “ELO”.


The author Gust MEES is ICT Course Instructor, ”Member of the Advisory Board” from “Luxembourg Safer Internet” (LuSI), BEESECURE, Official Partner (Consultant) from the Ministry of Education in Luxembourg, project “MySecureIT“, Official Partner from the Ministry of Commerce in Luxembourg, project “CASES” (Cyberworld Awareness and Security Enhancement Structure).

The author was also a winner of an electronics contest (Germanic countries) in 1979 and got his project published in the “Electronics Magazine ELO”.

.

Stay tuned for next blog post(s) 😉..
.

Keywords necessary for me to create this blog post: TFT Displays, video tutorials, Arduino UNO, Arduino Mega, Bitmaps, TFT size, Bitmaps size, 24-bit Bitmaps, Sketch, Coding, Slide-Show, SDCard, badge, Paint, image editor, photo editor,

.

.

 

 

 

 

Tags: , , , , , , , , , , , ,

HowTo: Find license free images with Google Search

License free images

Often people need license FREE images, especially for educational projects. But when searching on Google the results show ONLY ALL images! But there is a little trick to find the right stuff, which I will show you here…

First of all you need to bookmark this page from Google https://www.google.com/advanced_image_search? which shows you the following screen

.

Settings for Google Advanced Image Searchs

Click image to enlarge

.


At the end of that screen you will see following:

.

Settings for Google Advanced Image Searchs

Click image to enlarge

.

Adjust it to “free to use or share, even commercially” and you are on the safe site (copyright)…

.


Copyright Laws in different Countries

.

 Copyright: Good to know…
Flag Country Internet Address
united-kingdom
UK UK Copyright Law
united-states-of-america
US Copyright Law of the United States
canada
Canada Copyright Law Canada
australia
Australia Australian Copyright Council
france
France Droit du Net
france
France LégiFrance/Code de la propriété
luxembourg
Luxembourg Le monde numérique et les droits d’auteur
luxembourg
Luxembourg Photos sur l’internet
germany
Germany Online Recht

.

Useful links:

.


And WHAT about the TRUST of those images, are THEY infected!?

McAfee SiteAdvisor™ software

McAfee SiteAdvisor™, software is an award-winning, free browser plug-in that gives safety advice about Websites before you click on a risky site. These site ratings are based on tests conducted by McAfee using an army of computers that look for all kinds of threats (detailed below). The result is a guide to Web safety. The SiteAdvisor software is free, easy to install and even easier to use. And it doesn’t collect any personally identifiable information.

.

===> Check out here for downloadMcAfee SideAdvisor: http://home.mcafee.com/store/free-services <===

.

Let me show an practice example here with a request on a Search Engine (Google) with search word “serialz“, I choose this word to show you ALSO the danger of trying to use illegal software, as you will get a “special bonus“, an infection of your computer with a “Trojan“, “backdoor” and other “malware” while downloading them and/or by using these not serious and illegal services, but check yourself by “learning by doing“; search first without having installed McAfee SiteAdvisor (but without clicking the proposed links, otherwise your computer will be infected) and then install the FREE service from McAfee SiteAdvisor and make the same search, screenshot below shows you the results obtained with different protection software installed (WOT, McAfee SiteAdvisor)…

.

Google search result screenshot

.

First result found in Google shows a web site which is detected as malicious, so don’t use the web sites marked wit a red dot!

.

By moving the cursor over that “red dot” you will get more information about the state of security of that web site, so NEVER click on such links!!!

.

McAfee SiteAdvisor in practice

.


This works ALSO for photos, e.g. search for “justin bieber”, check out screenshot below please.

.

McAfee SiteAdvisor in practice

.

You will see again this “red dot” on right hand photo, NEVER click on such photos and don’t download them also!!!


ALSO available for Mac users now

.

McAfee SiteAdvisor for Mac

.

Other similar products:

Stay tuned for next 5 minutes tutorials 😉

.

 

Tags: , , , , , , , , , , , , , , , , , , , ,