Blog de Joe Freeman

We're modifying the sample Flutter application to demonstrate bi-directional messaging between the HTML/Javascript and the Flutter code. The sample Flutter counter app is embedded in a web page. It communicates with Javascript via browser window messages. Demonstrates messaging Flutter to the web app via window messages whenever the counter increments. Demonstrates messaging from the web app to Flutter whenever a button is pressed on the HTML page. An "increment" message is passed to Flutter via the browser window messaging which causes the Flutter app to increment its counter. Show me the code Extracted snippets can be seen by scrolling down on this page. https://github.com/freemansoft/flutter-embedded https://github.com/freemansoft/flutter-embedded/tree/main/v1 Video on Joe's YouTube channel The videos are always more expressive than anything I would write here. Demonstration and overview Demonstration and code Flutter Initiated message flow Diagram used in the vid

A title acts as a credibility and conversation gate for enterprise communication and decision-making. Senior management expects to participate in meetings and make decisions with people at their level or, one below. Meaningful two-way skip-level communication is often rare. Feedback and input are filtered by the title and role of the person making the request relative to the person receiving the request. This applies across organizations as well.  "The business" often engages their counterparts at the same level effectively cutting off senior contributors.  I'm talking about the title itself, not the job level which drives pay and rating bands. The " Director " level is the first real breakpoint for this.  Inter-org networking happens at a job title level where people attend the same events or training.  Companies often create decision-making groups, hold off-sites, and do major planning at the Director level, title, and above. This is especially impactful when

The flutter world is pretty straightforward if you are building new multi-channel applications. You can probably leverage 90% of the same Flutter/Dart code across your Native mobile and web applications. Flutter's out-of-the-box project organization may work with little modification. Enterprises get a different experience when they already have iOS, Android, and web applications on different tech stacks with overlapping functionality.  Enterprises change their tech stack by incrementally replacing native or javascript functionality with Flutter modules.  The Flutter default project structure must be recast in this situation. Organizing Flutter for Standalone and Embedded applications on YouTube The rest of this article is converted in greater depth in the video.  The content exists here for search optimization and will be updated over time. Default "greenfield" organization This is the project structure for a new standalone application that can be deployed as web, Android

Flutter makes it easy to create code that can be deployed on web, mobile, or PC-type native applications.  The Flutter templates are the perfect starting place in a greenfield scenario where you don't intend to embed Flutter in another application.  The default templates don't work as well when you want to drop your Flutter code into existing applications written with other tools while at the same time supporting standalone development apps or test jigs. Here is my opinionated view on organizing code if you are building a simple application that works across channels and that may be embedded in existing applications on some platforms. Video Breaking down the Flutter project structure on YouTube The Various Flutter Directories Flutter maintains or creates various directories based on your target environments. Flutter supports having multiple target environments in the same project.  It has an opinionated file structure that prescribes where platform-specific / non-flutter pieces

Microsoft's Windows Subsystem for Android is dead but you can still run Android applications on Windows 11 with the Bluestacks Android emulator. Demonstration Here I use the Wyze Android application to watch a 3D print in progress. Software and Hardware used in this video Site:  https://www.bluestacks.com/download.html Version: Bluestacks 5 Emulator Variant: Android 11 Windows 11 Ryzen 7 5700G Note: Bluestacks does have an advertiser pane to the left of the emulator that is not shown in the video Revision History Created 2024 05