How to Fritzing -Part 5

In the fourth part of this blog series you have an SVG, Scalable Vsector Graphic, which means scalable vector graphics in German, for the sensor BME/BMP280 created. With the fifth part of this blog series, this vector graphics will be added as Fritzing-Part in Fritzing. Not only should the graphics be provided in the Fritzing editor, but important basic data should also be added, of course in English. Last but not least, it shows how you can export this Fritzing part so that you can make it available to others.

Adjustment Marking of Fritzing Parts

In the fourth section of this series, we have added the label on the built-in function "Text". Unfortunately, during the creation of the fifth blog section, a bug became visible that the (new) Fritzing editor is no longer able to correctly represent this text. Therefore, the text has to be converted into a path. This is not difficult, but is shown here on the basis of the part produced in the fourth part.

Open the SVG file with Inkscape and mark a text. Then convert the text via the menu bar Path -> "Convert Object to Path", see Figure 1, or by the key combination Switch + Ctrl + C to a Path.

Convert text to path

Figure 1: Convert text to path

You will not see a change at first, precisely because the text is still displayed as a group. Only the information in the status line indicates that a group with multiple paths is selected. Then save the SVG file again and you can proceed with integration after Fritzing.

Requirement for this blog section

In order to work on this blog section, you must have completed Part 4 first, or visit my github-Repository with all blog posts and download the corresponding files.

To remember, Figure 2 shows the finished SVG file of the BMP/BME280 from the fourth blog post.

Completed BME/BMP280 Scheme

Figure 2: Completed BME/BMP280 Scheme

In addition, of course, you also need Fritzing.so that you can use the (new) Fritzing component editor.

The component editor of Fritzing

Before we get to Fritzing's (new) component editor, you must first open Fritzing and make sure that the component window on the right is active, see Figure 3.

Open Fritzing and component windows

Figure 3: Open Fritzing and component windows open

If this is not open for you, you can activate the component window via the menu bar Window -> Parts, see Figure 4.

Enable component window

Figure 4: Enable component windows

Before you try to search in the menu bar for a component editor option, I would like to anticipate that it needs to be opened a bit complicated. To do this, select a component from the component window, here the resistance, and press the right mouse button. The first option "Edit component (new component editor)..." see Figure 5.

Open component editor

Figure 5: Open component editor

If you have selected this option, you may receive a warning message, see Figure 6. You can confirm this with a simple "OK".

Fritzing warning

Figure 6: Fritzing warning message

After that, Fritzing's (new) component editor, which is based on the basic view of Fritzing, opens, see Figure 7.

Open component editor

Figure 7: Open component editor

From the basic principle, under the menu bar, you have again the tab for the individual views of Fritzing. In addition, the riders are:

  • Symbol referring to the small symbol in the Fritzing component window
  • Metadata where to store all relevant information about the component
  • Connectors indicating which pin is intended for which connection

What it has to do with the right side, we will explain in more detail in this blog at the appropriate time.

Create the new Fritzing Part

Before we get to the integration of the SVG file, you first need to configure the metadata and the connectors correctly. Admittedly, this information is supposed to be the last step, but it makes the subsequent import of the SVG file and the necessary processing steps much easier.

First, open the Connector tab in Fritzing's (new) component editor. Here you will see the current connection points for the resistance, see Figure 8.

Reiter Connector with Resistance Data

Figure 8: Rider Connector with Resistance Data

This data can no longer be used for the BME/BMP280 and must therefore be deleted via the "x". A simple extension via the upper field "Number of connectors" can later lead to errors and is a known bug. Therefore, use the "x" to delete the entries "Pin 0" and "Pin 1", see Figure 9.

Connector removed from resistance

Figure 9: Connector removed from resistance

The next step specifies that all soldering surfaces are male and specifies the number of connectors, in this case 4. After confirming the number with the Enter key, you should see 4 pins listed, see Figure 10.

New connectors for BME/BMP280

Figure 10: New connectors for BME/BMP280

In order to find the pins directly later, the name and description of the 4-pins should be correctly specified. Since we want to export the component later, the description will also be English. The names and descriptions are as follows:

  • Pin 1: VIN and description 3,3V power supply
  • Pin 2: Name GND and description GND
  • Pin 3: Description SCL and description Connection SCL
  • Pin 4: SDA description and SDA connection

After the adjustment the rider connector should look like in Figure 11.

Customized name and description of the connectors

Figure 11: Adjusted name and description of the connectors

With this, you have made all necessary preparations for connecting the contact points for the PCB view, circuit board view and theoretical PCB view. Now the metadata for the sensor is stored. To do this, switch to the corresponding tab and delete the previous data from the corresponding input fields as well as the properties and keywords medium of the "x" on the right side. From the results, it should be consistent with Figure 12.

Metadata completely cleared

Figure 12: Metadata completely cleared

If you get an error message while deleting some fields, do not worry. The corresponding fields will be filled directly with information in the next step, so you can ignore the message first.

Once all data has been removed from the resistance, the data for the BME/BMP280 will now be entered, see Figure 13.

Enter metadata for BME/BMP280

Figure 13: Enter metadata for BME/BMP280

So that you do not have to type everything manually, copy the data from Table 1.

Metadata

Content

Name

BME/BMP280

Creator

"Here her name"

Description

Digital humidity temperature atmospheric pressure sensor

URL

https://www.az-delivery.de/products/gy-bme280?_pos=1&_sid=89b7cd2fd&_ss=r

Family

Sensor

Variant

Variant 1

Features

Communication

I2c

Pins.

4

Power supply

3,3V

Layer

 

Part number

 

Keywords

1

Az-delivery

2

Humidity

3

Pressure

4

Sensor

5

Temperature

Table 1: Metadata for BME/BMP280

This means that the user of your Fritzing Parts will later have all the relevant information he needs to use this component correctly.

Next we load the SVG file. To do this, switch to the Clipboard tab and load the File-> "Load Image to View" menu bar, see Figure 14, or the Ctrl+ O key combination.

Menu "Download Image to View..."

Figure 14: Menu "Load Image to View..."

In the following dialog, select the SVG file for the clipboard view and confirm with "Open". After that, the clipboard view is updated with the current SVG file, see Figure 15.

Steering board view with current SVG file

Figure 15: Board view with current SVG file

In order for the contacts to be selected in the dashboard view, the connectors must be assigned to the graphics. To do this, select the "Select Graphics" button from the "VIN" connector on the right and then select the corresponding VIN position in the graphics overview, see Figure 16.

Assign Graphics Connector

Figure 16: Assign connectors to the graphics

Repeat this procedure for GND, SCL and SDA until all connectors have a hook on the left side of the name, see Figure 17. Since the virtual BME/BMP280 already has the appropriate marking at the soldering points, the assignment is therefore easy.

All connectors assigned to the switchboard overview

Figure 17: All connectors assigned to the schematic overview

Next we will edit the icon tab, as the symbol in Fritzing's component group window will also resemble the BME/BMP280. Before you use the same SVG file again for the BME/BMP280, use File -> "Recycle Plugin Image" in the menu bar, see Figure 18.

Restore Plugin Image

Figure 18: Recycle Plugin Image

Immediately thereafter, the SVG file is already used as a symbol by the dashboard, see Figure 19.

Restore Plugin View for Symbol

Figure 19: Recycle Plugin View for Symbol

Now switch to the Schedule tab so that you have the SVG file created for the Schedule as well. As with the dashboard view, they load the image file via the menu bar -> "Load Image to View..." or via the Ctrl+ O key combination. In the following dialog, select your schematic image file and confirm it with "Open". After that, the view should look like in Figure 20.

Schedule view with loaded image

Figure 20: Schedule view with loaded image

The connectors are positioned in the same way as with the panel view. To do this, select VIN, GND, SCL and SDA on the right, select "Graphics" and assign it to the corresponding pin, see Figure 21.

Finished connections at the switchboard

Figure 21: Finished connections on the switchboard

The basic principle is to assign the connectors, but here we use a useful function of Fritzing, which was not needed for the dashboard rider. The term is "terminal point", see Figure 22.

Terminal point for connectors

Figure 22: Terminal point for connectors

With the terminal point we can manipulate the fixing point for the wiring. By default this is set to mean, but it can be set in all four directions, see Figure 23.

Terminal point resources

Figure 23a: Terminal point Average

Terminal point shifted from Middle East

Figure 23b: Terminal point moved from Middle East

This fine tuning will now also be done for the connections. Set the terminal points as follows:

  • VIN -> "N"
  • SDA -> "O"
  • GND -> "S"
  • SCL -> "W"

If you are finished with this modification, the switchboard should now look like in Figure 24.

Schedule with custom terminal points

 

Figure 24: Schedule with custom terminal points

For the Reiter PCB you have not created a graphic, so you are ready at this point. Save the result by selecting File -> Save or Ctrl + S from the menu bar and assign a meaningful name. The name of the component, such as BME-BMP280, is best suited. When closing, see Figure 25, you can first confirm the message with "OK". If you want to fix this, read the article from the following link https://fritzing.org/learning/tutorials/creating-custom-parts/providing-part-graphics/

Error message when closing component editor

 

Figure 25: Error message when closing component editor

This message only indicates that there is still an error in the tab PCB, as you did not exchange and assign a new view. This should not prevent you from working with this component. You will then see your BME/BMP280 in the component window in the category "MINE", see Figure 26.

New component in the group "MINE"

Figure 26: New component in the group "MINE"

Offer the new Fritzing Part as an export

Now you may want to. still provide its new component to a wide mass. To do this, select the new BME/BMP280 and press the right mouse button. In the following menu you select the entry "Export component"... Figure 27.

Export BME/BMP280

Figure 27: Export BME/BMP280

Enter a suitable name for the Fritzing part in the following dialog, or take over the existing one and assign the correct location. The Fritzing Part is exported with confirmation by "OK", see Figure 28.

BME/BMP280 as exported fzpz file

Figure 28: BME/BMP280 as exported fzpz file

Now you have an exported, self-created Fritzing Part that you can make available to others.

As you can see, it's a long way to go to a finished Fritzing part. Not only do you need to create several SVG files, they are also useful to insert with the (new) Fritzing editor. As already mentioned in this blog, the Path tab has not been changed, as the work here becomes even more complex. According to Fritzing, one of the next versions of Fritzing also minimizes the effort. If you want to know more about creating track views, the link https://fritzing.org/learning/tutorials/creating-custom-parts/providing-part-graphics/ Help them.

Further projects for AZ-Delivery from me, please visit https://github.com/M3taKn1ght/Blog-Repo.

Basics software

5 comments

Jörn Weise

Jörn Weise

Hallo Herr Brill, Fritzing ist gerade am Anfang recht schwierig und das Autorouting ist mehr als fehleranfällig. Ich nutze tatsächlich Fritzing aber sehr gerne, da ich so den Leser(-innen) deutlicher den Anschluss präsentieren kann und Tabellen teilweise auch mal unverständlich sein können. Jeder muss am Ende für sich entscheiden, ob er diesen Aufwand betreiben möchte oder nicht, für mich ist es aber einfach ein Teil meiner Dokumentation.

Ernst Brill

Ernst Brill

Zunächst hielt ich Fritzing auch für eine tolle Möglichkeit um meine eigenen Projekte für mich zu dokumentieren. Nach den ersten Bloggbeiträgen habe ich mich darin versucht und habe dann frustriert aufgegeben weil das Routing der Leiterbahnen bei mir nie funktionierte. Habe ich das korrigiert, dann funktioniert wieder die bildliche Darstellung nicht!
Die Zeit, die ich hier unnütz verbraten habe war enorm, der Nutzen nicht erkennbar.
So mache ich mir nach wie vor eine kleine Tabelle mit den Anschlussverbindungen. Geht schnell und ist klar und eindeutig.

Jörn Weise

Jörn Weise

Hallo Heinrich,

Fritzing ist in vielen Punkt relativ einfach um eine kleine Steckbrettansicht zu generieren. Klar sollte aber jedem sein, dass es ein einabrbeiten in das Thema Elektronik nicht ersetzt! Gerade bei AZ-Delivery nutzen wir unter anderem Fritzing, damit interessierte Nutzer die Schaltung einfach nachbauen können, eine Handzeichnung ist da manchmal schwieriger zu lesen und führt zu Fehler und Frust. Man muss an dieser Stelle klar unterscheiden, an wen sich Fritzing wendet, nämlich an Anfänger bzw. Leute, die einfache Steckbrettansichten anderen zur Verfügung stellen wollen.

@Herr Großmann,
Da Fritzing aus dem amerikanischen Raum kommt, ist klar, dass hier auch die amerikanische Norm genutzt wird. Das verwirrt ein bisschen, aber wenn man es weiß, kann man trotzdem damit arbeiten. Ich gebe aber auch zu, dass die Suche nach Bauteilen teilweise echt mühselig ist und viele Dinge im Standard angeboten werden, die viele Wahrscheinlich nicht brauchen. Gut dass wir hier die Blogserie machen, damit man sich selber helfen kann.

Gruß und schönen Woche

Jörn Weise
für AZ-Delivery

Bernd-Steffen Großmann

Bernd-Steffen Großmann

@Heinrich: Na so rigide würde ich über Fritzing nicht ins Gericht gehen! Es ist durchaus ein akzeptables Werkzeug zum Zeichnen von Schaltplänen. (Mich stört nur, dass Widerstände im amerikanischen (?) Stil, nach deutschen Standard als Luft-Spule dargestellt wird) Sicher gibt es bessere Programme wie KiCad, aber für nicht zu komplizierte und wenig komplexe Schaltungen ist Fritzing ganz gut geeignet. Es gibt zwar manchmal Fehler beim Routing, aber das ist rel. selten. Ob man auf die Steckbrett-Darstellung verzichten kann, muss jeder selbst entscheiden- ich brauche sie auch nicht, da ich als Elektronik-Ingenieur mit Schaltzeichen und Plänen „aufgewachsen“ bin. Mir sagt ein Schaltplan 1000 mal mehr. Aber für die Erstellung von einfachen (Prototypen) Leiterplatten ist das Programm auch recht gut geeignet. Nach meiner Erfahrung muss man die durch Autorouting erzeugten Leiterbahnen zwar noch manuell nachbearbeiten, aber es ist einfacher, als wenn man alles manuell erzeugt.
Für mich sind die Beiträge hier wertvolle Inputs , die immer neue Erkenntnisse vermitteln, egal wie lange ich mich mit einem Thema befasst habe. Hier war es vor allem die Generierung eigener Bauelemente, da das m. E. ein echter Nachteil von Fritzing ist: ein nicht ganz so gebräuchliches Bauelement im Vorrat zu finden. Das ist m. E. ein Trauerspiel. Da hilft oft nur, in diversen Foren zu suchen und die gefundenen Teile in Fritzing zu importieren. Vielen Dank an den Autor für die nützlichen Infos!
Viele Grüße von Bernd-Steffen

Heinrich

Heinrich

Ich verstehe den Hype um Fritzing nicht. Schaltpläne kann man entweder mit der Hand zeichen, oder mit geeigneter Software erstellen. Für PCB Layouts gibt es detto viele verschiedene Programme. Fritzing ist dafür nicht geeignet. Eine Fritzing Zeichnung eines Steckbretts ist verzichtbar, die Essenz einer Schaltung kann man viel verständlicher mit einer einfachen Handzeichnung darstellen. Die Leute werden damit nie Elektronik lernen und verstehen können. Bei einem einfachen Schaltplan steigen die schon aus. Schade um die Zeit die hiermit vergeudet wird.
mfg
Heinrich

Leave a comment

All comments are moderated before being published

Recommended blog posts

  1. Install ESP32 now from the board manager
  2. Lüftersteuerung Raspberry Pi
  3. Arduino IDE - Programmieren für Einsteiger - Teil 1
  4. ESP32 - das Multitalent
  5. OTA - Over the Air - ESP programming via WLAN