Examples and Tutorials - Revision history

MartinW: /* M5Stack Dial workshops with Espressif */

2024-12-20T13:21:42Z

M5Stack Dial workshops with Espressif

← Older revision		Revision as of 13:21, 20 December 2024
Line 314:		Line 314:

	{{Zip\|M5Stack Lock Test Purple.zip\|Image for M5stack_Dial_Workshops}}		{{Zip\|M5Stack Lock Test Purple.zip\|Image for M5stack_Dial_Workshops}}

			{{Zip\|Image_for_Full_project_and_Connecting_to_the_Web_embedded.zip\|Image for_Full project and Connecting to_the Web -
			embedded}}

	Place the bitmap file in the same folder as the project file for the simulation and embedded download to work.		Place the bitmap file in the same folder as the project file for the simulation and embedded download to work.

BenR: /* M5Stack Dial workshops with Espressif */

2024-12-18T11:35:37Z

M5Stack Dial workshops with Espressif

← Older revision		Revision as of 11:35, 18 December 2024
Line 310:		Line 310:

	{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}		{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}



			{{Zip\|M5Stack Lock Test Purple.zip\|Image for M5stack_Dial_Workshops}}

			Place the bitmap file in the same folder as the project file for the simulation and embedded download to work.

	==App Developer==		==App Developer==

BenR: /* M5Stack Dial workshops with Espressif */

2024-12-18T10:57:51Z

M5Stack Dial workshops with Espressif

← Older revision		Revision as of 10:57, 18 December 2024
Line 303:		Line 303:
	{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}		{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}

	{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}} \|		{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}}

	{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}		{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}

	{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}} \|		{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}}

	{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}		{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}

BenR: /* M5Stack Dial workshops with Espressif */

2024-12-18T10:57:35Z

M5Stack Dial workshops with Espressif

← Older revision		Revision as of 10:57, 18 December 2024
Line 303:		Line 303:
	{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}		{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}

	{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}}		{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}} \|

	{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}		{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}

	{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}}		{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}} \|

	{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}		{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}

BenR: /* M5Stack Dial workshops with Espressif */

2024-12-18T10:57:11Z

M5Stack Dial workshops with Espressif

← Older revision		Revision as of 10:57, 18 December 2024
Line 303:		Line 303:
	{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}		{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}

	{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (FE)}}		{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}}

	{{Fcfile\|7 - Connecting to web FWD.~~fcfx~~\|Example 7 - Connecting to web (~~FWD~~)}}		{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}

	{{Fcfile\|Full project - FE.fcfx\|Full project (FE)}}		{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}}

	{{Fcfile\|Full project - FWD.~~fcfx~~\|Full project (~~FWD~~)}}		{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}

	==App Developer==		==App Developer==

BenR: /* M5Stack Dial workshops with Espressif */

2024-12-18T10:52:20Z

M5Stack Dial workshops with Espressif

← Older revision		Revision as of 10:52, 18 December 2024
Line 307:		Line 307:
	{{Fcfile\|7 - Connecting to web FWD.fcfx\|Example 7 - Connecting to web (FWD)}}		{{Fcfile\|7 - Connecting to web FWD.fcfx\|Example 7 - Connecting to web (FWD)}}

	{{~~FcfileFull~~ project - FE.fcfx\|Full project (FE)}}		{{Fcfile\|Full project - FE.fcfx\|Full project (FE)}}

	{{Fcfile\|Full project - FWD.fcfx\|Full project (FWD)}}		{{Fcfile\|Full project - FWD.fcfx\|Full project (FWD)}}

BenR: /* M5Stack Dial workshops with Espressif */

2024-12-18T10:52:13Z

M5Stack Dial workshops with Espressif

← Older revision		Revision as of 10:52, 18 December 2024
Line 301:		Line 301:
	{{Fcfile\|5 - Expanding with I2C.fcfx\|Example 5 - Expanding with I2C}}		{{Fcfile\|5 - Expanding with I2C.fcfx\|Example 5 - Expanding with I2C}}

	{{~~Fcfile6~~ - Driving a menu.fcfx\|Example 6 - Driving a menu}}		{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}

	{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (FE)}}		{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (FE)}}

BenR: /* Embedded */

2024-12-18T10:51:56Z

Embedded

← Older revision		Revision as of 10:51, 18 December 2024
Line 275:		Line 275:
	Place the bitmap files in the same folder as the project file for the simulation to work.		Place the bitmap files in the same folder as the project file for the simulation to work.

	===M5stack ~~dial~~===
			===M5stack Dial===

	{{Fcfile\|M5stack_Dial_Simple.fcfx\|M5stack demo shows you how you can develop a simple test card for the M5 stack dial using Flowcode}}		{{Fcfile\|M5stack_Dial_Simple.fcfx\|M5stack demo shows you how you can develop a simple test card for the M5 stack dial using Flowcode}}
Line 285:		Line 286:
	{{Zip\|M5stack_Dial_Safe_Demo_Image.zip\|Image for M5stack_Dial_Safe}}		{{Zip\|M5stack_Dial_Safe_Demo_Image.zip\|Image for M5stack_Dial_Safe}}

			Place the bitmap file in the same folder as the project file for the simulation to work.


			===M5Stack Dial workshops with Espressif===

			[https://developer.espressif.com/workshops/ Link to the full article on Espressif].

			{{Fcfile\|2 - Using the display.fcfx\|Example 2 - Using the display}}

			{{Fcfile\|3 - Using the IO.fcfx\|Example 3 - Using the I/O}}

			{{Fcfile\|4 - Using the encoder.fcfx\|Example 4 - Using the encoder}}

			{{Fcfile\|5 - Expanding with I2C.fcfx\|Example 5 - Expanding with I2C}}

			{{Fcfile6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}

			{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (FE)}}

			{{Fcfile\|7 - Connecting to web FWD.fcfx\|Example 7 - Connecting to web (FWD)}}

	~~Place the bitmap file in the same folder as the~~ project ~~file for the simulation to work~~.		{{FcfileFull project - FE.fcfx\|Full project (FE)}}

			{{Fcfile\|Full project - FWD.fcfx\|Full project (FWD)}}

	==App Developer==		==App Developer==

HamedA: /* Introduction to Microcontrollers Course */

2024-10-11T20:04:56Z

Introduction to Microcontrollers Course

← Older revision		Revision as of 20:04, 11 October 2024
Line 124:		Line 124:
	==Introduction to Microcontrollers Course==		==Introduction to Microcontrollers Course==

	We recommend going through the Flowcode section of the https://www.flowcode.co.uk/resources/datasheets/Microcontroller%20compete%20course.pdf ~~course~~.		We recommend going through the Flowcode section (section 3 page 28-38) of the [https://www.flowcode.co.uk/resources/datasheets/Microcontroller%20compete%20course.pdf Free Introduction to Microcontroller Programming Course].

			This section of the course teaches the following basic concepts about Flowcode:

			* '''How to Design a Flowchart:''' Learn how to create flowcharts by dragging and dropping icons, which represent commands and functions, to develop microcontroller applications.
			*
			* '''How to Add and Configure Components:''' Understand how to include and manage external devices, such as LEDs, switches, and displays, by using Flowcode’s extensive component libraries. You will also learn to configure the properties and connections of these components to the microcontroller.
			*
			* '''How to Simulate Programs:''' Explore how to run simulations of your flowchart, allowing you to check the behavior of your application before transferring it to the microcontroller. Flowcode offers real-time variable and macro tracking during simulations.
			*
			* '''How to Compile and Transfer Flowcharts:''' Once your flowchart is complete, you will learn how to compile it into C code and transfer it to the microcontroller for real-world testing and implementation.
			*
			* '''How to Use the Flowcode Interface:''' Gain familiarity with the key panels and toolbars in Flowcode, such as the main workspace for building flowcharts, the 2D Dashboard and 3D System panels for managing components, and the Project Explorer for organizing variables, macros, and components.

			By the end of this section of the course, you will have learned how to use Flowcode to create and simulate embedded applications, manage microcontroller interactions, and troubleshoot your programs effectively.

	==Embedded Getting Started Guide==		==Embedded Getting Started Guide==

HamedA at 11:15, 9 October 2024

2024-10-09T11:15:13Z

← Older revision		Revision as of 11:15, 9 October 2024
Line 5:		Line 5:
	These examples make it easy for beginners to explore Flowcode's capabilities while also providing the flexibility for advanced users to delve into specific hardware and software integrations. Real-world scenarios such as traffic light control, CNC machines, and MQTT communication further illustrate Flowcode’s application in practical projects.		These examples make it easy for beginners to explore Flowcode's capabilities while also providing the flexibility for advanced users to delve into specific hardware and software integrations. Real-world scenarios such as traffic light control, CNC machines, and MQTT communication further illustrate Flowcode’s application in practical projects.

	Flowcode’s platform-agnostic approach ensures users can seamlessly work across ~~ESP32~~, ~~PIC16F18877~~, and Arduino ~~Uno~~, with support for Matrix's EBlocks programmers for each platform.		Flowcode’s platform-agnostic approach ensures users can seamlessly work across ESP, PIC16, and Arduino, with support for Matrix's EBlocks programmers for each platform.

	=Beginner Examples=		=Beginner Examples=

← Older revision		Revision as of 10:57, 18 December 2024
Line 303:		Line 303:
	{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}		{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}

	{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}} \|		{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}}

	{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}		{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}

	{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}} \|		{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}}

	{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}		{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}

← Older revision		Revision as of 10:57, 18 December 2024
Line 303:		Line 303:
	{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}		{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}

	{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}}		{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}} \|

	{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}		{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}

	{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}}		{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}} \|

	{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}		{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}

← Older revision		Revision as of 10:57, 18 December 2024
Line 303:		Line 303:
	{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}		{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}

	{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (FE)}}		{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (Embedded)}}

	{{Fcfile\|7 - Connecting to web FWD.~~fcfx~~\|Example 7 - Connecting to web (~~FWD~~)}}		{{Fcfile\|7 - Connecting to web FWD.fcsx\|Example 7 - Connecting to web (Web Developer)}}

	{{Fcfile\|Full project - FE.fcfx\|Full project (FE)}}		{{Fcfile\|Full project - FE.fcfx\|Full project (Embedded)}}

	{{Fcfile\|Full project - FWD.~~fcfx~~\|Full project (~~FWD~~)}}		{{Fcfile\|Full project - FWD.fcsx\|Full project (Web Developer)}}

	==App Developer==		==App Developer==

← Older revision		Revision as of 10:52, 18 December 2024
Line 307:		Line 307:
	{{Fcfile\|7 - Connecting to web FWD.fcfx\|Example 7 - Connecting to web (FWD)}}		{{Fcfile\|7 - Connecting to web FWD.fcfx\|Example 7 - Connecting to web (FWD)}}

	{{~~FcfileFull~~ project - FE.fcfx\|Full project (FE)}}		{{Fcfile\|Full project - FE.fcfx\|Full project (FE)}}

	{{Fcfile\|Full project - FWD.fcfx\|Full project (FWD)}}		{{Fcfile\|Full project - FWD.fcfx\|Full project (FWD)}}

← Older revision		Revision as of 10:52, 18 December 2024
Line 301:		Line 301:
	{{Fcfile\|5 - Expanding with I2C.fcfx\|Example 5 - Expanding with I2C}}		{{Fcfile\|5 - Expanding with I2C.fcfx\|Example 5 - Expanding with I2C}}

	{{~~Fcfile6~~ - Driving a menu.fcfx\|Example 6 - Driving a menu}}		{{Fcfile\|6 - Driving a menu.fcfx\|Example 6 - Driving a menu}}

	{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (FE)}}		{{Fcfile\|7 - Connecting to web FE.fcfx\|Example 7 - Connecting to web (FE)}}