Welcome to In the Studio. Today's theme is equity in education, and I'm Tom Adams, a member of the Davis School Board. Equity in education is the challenge for all schools and classrooms throughout the state and Yolo County, and Yolo County is no exception. The forthcoming dashboard, the new accountability tool, will show many districts, even the most successful ones, will need to improve efforts in addressing the needs of English learners, fostering homeless youth, students with disabilities, and students of poverty. With me today to discuss this issue in education is Garth Lewis, assistant superintendent and incoming superintendent of Yolo County Office of Education, Jackie Wong, school board member in Washington Unified, Kevin Williams, classroom teacher at Davis Senior High School and creator of the Race and Social Justice curriculum. So with this theme, what I want our panelists to think about is what do you see as the immediate need to address in Yolo County, specifically in terms of either the classroom as a school board member or in terms of the Yolo County Office of Education? I would say the first thing that I, as a classroom teacher that needs to be addressed is just awareness among our student population, especially I teach at Davis Senior High School and while our student community is very diverse, I think the vast majority of students don't think it is diverse or they don't see that diversity. And the biggest challenge for me as a teacher is getting them to be aware that these issues that you mentioned in the opening exist not only on our campus but within our classroom, within their peer groups. It can be delicate in how to do that, but with the Race and Social Justice curriculum, it's built in and it is kind of part of what we do during the year. As a matter of fact, that's part of what we're tackling right now in classes, beginning to think about these issues that you brought up and how do we investigate the extent to which they exist on our campus and in our community. So you find your students are pretty welcoming once they're faced with the challenge and willing to delve into these issues. Absolutely. They're very welcoming but as with adults and students, it's a matter of education. It's a matter of the very first thing you need to do is make them aware that it's there and then you have to begin teaching. So the making them aware is probably the easiest part. It's how you get them to deal with meaningful change or what they can do on campus as students but also encouraging adults on campus, teachers and administrators to take on and do the heavy lifting to help these underrepresented groups. That's great. So Jackie, you're on a school board. So taking a broader view in terms of working at the district level and being a board member, what do you see from your perspective? So stepping back a little bit, I think that it does start in the classroom but I actually ran off of fulfilling the promise of the local control funding formula which is actually California's major education reform system so that we would focus on the population that you had outlined in the opening statement. Washington Unified has the benefit of being selected as one of the California School Board Association equity network partners and kind of diving deep at that school board level, how do we as leadership and governing board fulfill this promise and understand the data and how do we actually authentically engage community partners with kind of the diverse backgrounds that they have including students and tell the story of the data in a way where people don't feel left behind. Diversity is the beginning. What we're learning about from each other in the SESB equity network is that the root cause is racism, right? The institutional racism that has been created long before we were on boards or in the classroom, right? How do we unpack that in a way and tell the story of what we see today in terms of educational inequities that exist within the system, academic or otherwise or social emotional are rooted in that and begin to use the data to unpack that to invest in a way, strategically invest in a way that will actually produce the changes that we want as intended by the local control funding formula. So for me is I think that a lot of times at the school board level what I'm seeing is that folks are so used to the NCLB punishment model of using the data in the way where you would reconstitute classrooms and you would close down school districts and historically I have worked in one of those school districts and that's just not very uplifting at all. When you actually think about the opportunity at LCFF is that it should be community-centered, student-centered practice but using the data in a way so that we as school board members invest in a way that builds upon the strengths of our classrooms, our communities and our teachers, right? And so using that as a continuous cycle of improvement, understanding what equity means, why are some of our students of certain demographics being suspended and pushed out more than other students even though we may have diverse cultures on campus, talking about it is the beginning but then we have the responsibility as a governing board to unpack that data in a way that makes it very transparent to the public and actually engaging the public and bringing them into our school district and our LCAP planning so local control accountability plan efforts so that we make the right investments that's community-driven to change that for our students. So that's from my lens the opportunity before us. So when the dashboard comes out in December do you think there'll be any surprises or are you pretty much anticipating results that you've seen in your assessment data? So we there aren't from my lens there aren't a lot of surprises and I think that the having seen some of the kind of what might be coming out that it makes it a little bit more transparent for the public. So the question for us as a school board is how do you take that and maybe actually bring it to the community forums that we are having coming up to explain it to the community, the students and others about what this really means right and this is actually a look back so remember the data is based on past performance right so the incoming cohort of students isn't necessarily that that isn't the data of the students that you're teaching right now. So again how do we use it and reiterate the fact that it's a planning tool right to fully engage and be transparent with where we are in terms of educational progress for all of our students because we want all of our students to succeed right but if we own if we don't unpack the data we will continue to perpetuate the systemic kind of inequities that have existed again as I've mentioned before us. So for me the dashboard I think I'm hopeful but it takes really kind of what you were saying is like we need to kind of go to the core of why we're doing this and have a really deep understanding of LCFF and equity from our personal kind of where we are rooted and then that translates to our staff and and and so on and so forth yeah so Garth what do you have you're now at the county level so you know what how would what would you add to this in terms of county role. So one thing is that I think about this work with sort of two things in mind one is a quote from Edward Deming who stated that every system is designed to get it to get the exact results that is that it's getting right so that's that's one issue and then the other is the definition of equity that I'm borrowing from Dr. Jeff Andrade which paraphrasing essentially is calling us to give people what they need when they need it right so there's a timeliness that's that's associated with this work and so as I think about the the first quote as it relates to the system I am not going to be surprised about the results that we're getting because they historically we've seen the same student groups in as we as it relates to outcomes educational outcomes whether it's on the top end of the spectrum related to graduation rates or college and career readiness or the idea of who's at the top as relates to reading and math scores and those who are in in the most need historically that that particular demographic those demographic outcomes have not shifted significantly as a as a system and so for for us from a county perspective the big question is how do we support system leaders in really in interrogating their system practices the leadership practices and what the data are telling us that we need to to shift in those practices in order to get a different result right and so the and in addition to the accountability measures that have been identified by the state and that will be shared in this this upcoming release what are the other data that we need to take a look at that should also inform our practice primarily I think about this in terms of qualitative data as well and so taking a look at how are we engaging with those that we intend to serve the youth the families and taking into account those lived experiences in how our systems adjust the the methodology that we utilize at the classroom level and the leadership decision-making level and one of the one of the structures that we are using at the County Office of Education to engage in this work is the professional learning network right PLN where we engage with district superintendents and their executive leadership in really again interrogating best practices looking for root causes and being vulnerable and explicit about the work that we need to do in order to reach those those populations that historically we haven't done a great job with in public education right so I mean this is real interesting for me in terms of we've talked about interrogating practices meaning you know really kind of mapping out what what you are doing are you getting the intended results we've talked about root cause analysis and so and then we talk about supporting the teachers ourselves and so I'm just wondering in terms of what do you all of you see as kind of the new initiatives are new practices we should actually start doing based upon the data that we have now and will be coming out I mean how will it how will it change your practice well I'll say one of the areas that we are looking to do a better job in is really looking for impact so as a County Office of Education one of the things that we do consistently is offer professional learning opportunities as well as convenings of various stakeholders related to specific themes so for example on October 30th we partnered to host the building of resilient YOLO Summit engaging stakeholders from various youth and family-serving agencies and entities where we need to really improve our practice is looking for impact on their practice right so as a consequence of participating in a professional learning experience how do we tie that learning experience from the professional to what actually has happening in the classroom we know from research that the that the the largest effect size largest predictor for student outcomes and and increase student academic achievement is the efficacy of that classroom teacher right and so one of the areas that we will be exploring and for our own accountability as a County Office of Education is how do we ensure that the methodology we're using for professional learning actually supports improvement of practice okay at the classroom level so Jacqueline real quickly what do you think Washington Unified will do to address this we actually echo that sentiment we actually made a major investment these past couple years on professional development ensuring that our classroom teachers get the time that actually a lot of students are requesting with one another to learn best practices and to look at the data and to share kind of what they know to be you know to be to support improvement for their students so that I really do echo that really yeah that I think that's that's key right we we need to support our both are actually classified and certificated right we need to hear from them we needed they are the leaders in those classrooms they know what those students need and so creating kind of set time every single Wednesday for us we've made that investment in our teachers in in addition to that we've actually also when we've looked at the data we've looked we we understand that we needed to improve in our special education subgroup as well as their English language learner subgroup so we've actually restructured that to make sure that it's aligned with the best practices both both in special education and English language learners we've made a significant investments monetarily in our LCAP and we design both programs because a couple years ago we looked at the data we knew that we needed to do something different so Kevin how do we help you best well it's been really interesting to listen to both of you Garth and Jackie because what I think hearing what you're saying is what we should be asking our students to do your very reflective people your jobs ask you to reflect on data and trends try new things that aren't working that have tried new things because things haven't been working in the past and I don't think as classroom teachers we do that enough I'm not even talking about reflecting on on my what I do as a teacher but asking students to it should be built into a social studies classroom that there's an applied nature to it you're learning all this for reasons because so you can solve problems and I think in the especially in in the climate that we live in the political climate of the 21st century that we need to engage active learners and take something like the dashboard that you've been talking about I don't know what that is and I think it sounds like it's got some great data in it that students might especially in the RSA classroom be able to look at and see trends that could click on to their brain into their brains and go that's something I'm seeing on campus and we've got this we you know because in RSA they go out and they do surveys they they they investigate the nature of problems they create date they get databases that you almost have like an army of survey writer or data collectors on campus and they care so much about it and I think what we need I would like to see us do is marry make it more visible to to teachers and students what you do and maybe make that connection so that we're not I think we might be doing the same things but not knowing that we're doing the same things I mean you're doing them in a much deeper way than I'm doing it but one one other thing I think of asking students to do some of that investigation is it empowers them to see themselves as changers of the community and the environments that they live in and as a teacher there I always say it's the most proud moment every year when they present their data because you see that they've owned something that they've created that they've had a part of which is a lot deeper learning than I can regurgitate information from a textbook or a lecture so unfortunately we're running out of time but if I could just kind of summarize for all of us I think we're realizing that none of these problems can be resolved by any one entity or one person it takes really a community effort is what I've heard whether it be educational leadership at the county level the important role of trustees and explaining these issues to the public and bringing parents along and then the important role of the teacher inspiring students to address these so thank you all of you Garth and Jackie and Kevin this has been a very nice forum and definitely stimulating we could have gone on longer but if you have any questions feel free to write me and I'll be happy to forward them to our guests and get your questions answered that in terms of the this issue of equity and education definitely we'll be there with Yolo County Washington Unified Davis Joint Unified and all other schools in Yolo County addressing the great needs of it resolving inequities in our system and making sure that we have a fair and free education for all our students so thank you and thank you for tuning in to in the studio


This is indeed a very special event, and I must say that is always a thing of joy and pride when foreigners settle in your country, feel at home, thrive, and feel so connected to the land that they choose to become one of you, as indeed an honor and one that we do not take lightly. So I welcome you all to the Nigerian family with great pride. Irrespective of your country of descent or origin or of your mother tongue, Nigeria is now your country, our history and traditions are now yours. Nigeria is a nation brimming with cultural diversity. We have a rich and varied diversity. Indeed, our history of immigration from all over Africa and beyond. The greatness of our nation can be partly attributed to this diversity. Numerous contributions have been made by immigrants to the Nigerian society throughout our history. A lot of our current traditions, our music, our food and our art have been richly influenced by people and cultures beyond our borders. We are diverse, but we remain bound and united by shared history, underguarded by constitutional guarantees of liberty and equality. We celebrate our diversities believing from knowledge, history and experience that we are strengthened by these very differences. What does it mean then to be a Nigerian? We are a hardworking and innovative people, a people of never ending optimism and abundant capacity for hope. A warm and generous people connected by a vast social network of family and friends, many friends even closer than family. We love our festivals and our family celebrations who can beat the Nigerian wedding. Our music and films are everywhere in the world, doctors, engineers, scientists, sports and literary figures are excelling daily everywhere. We're resilient and peace-loving people. So much has happened in the country that would have torn other nations apart, yet we're and thriving. But let us be clear, we cannot and do not ignore or downplay our challenges and there are many. And we have said many times that in order to forge ahead and succeed as a nation, we must constantly reinvigorate our social contract and deepen the meaning of our Nigerian citizenship. Nation building is not a walk in the park. Neither is it a day's work. Yet, while we fully appreciate our challenges, we must not underestimate how far we have come in just six decades of nationhood. Nations centuries older than us are still grappling with identity politics, with nationalism, with social equality, with internal and external security concerns, and the assurance of decent lives and livelihoods for their citizens. Nigeria also plays, as you know, a strategic role in the Committee of Nations, especially within Africa. We have always shown ourselves to be our brother's keepers, leading peacekeeping forces in several troubled parts of our sub-region and the continent. Our young men and women and their armed forces have laid down their lives and their well-being in the defense of peace and security in the neighboring countries to us. We have, through ECOWAS and the AU, been at the forefront of regional economic integration and the promotion of the well-being of the African people. A Nigerian citizen is indeed an African citizen. Let me therefore charge you today as the newest citizens of Nigeria to go beyond your pledge of loyalty to the flag and our laws, as well as the ideals of the anthem and the national pledge to do what you have pledged in your daily lives and in all situations. By earning an honest living, paying taxes and dues, volunteering for national and local causes, making positive and useful contributions to the advancement, progress and well-being of the communities in which you reside, and then you can live up to the words of our anthem to serve our Fatherland with love, strength, and faith. I thank the Minister of the Interior and his team for seeing us through this process, through which you are presented to us today 385 new citizens. I also commend the honorable Minister for the very far-reaching innovations that you have announced today, all of which have the full and enthusiastic approval of the President. Today's occasion marks another opportunity for the application of Chapter 3, Sections 26 and 27 of the Constitution of the Federal Republic of Nigeria, 1999 as amended. To all of you who have satisfied the requirements of those provisions, consequently, I hereby confer upon you Nigerian citizenship in the categories of registration and naturalization, as the case may be. I further direct that the Nigerian Immigration Service should expedite the process of visions of Nigerian passports to our fellow Nigerian citizens. On behalf of your brothers and sisters, the people of Nigeria, I welcome you all as our newest citizens. God bless the Federal Republic of Nigeria.


Hello, everyone, and thank you for joining our on-demand webinar today. My name is Harrison Donahue, and I am a business development manager for the Qt Company. Today, we're going to be talking to you about the STM32 accelerating the HMI of things with Qt and Touch GFX. Let's get into it. To start, I want to talk about what exactly we mean when we say the HMI of things. So human machine interface, or HMI, is the technology that facilitates the control and display of information between human and machine. As the number of connected devices grows, so does the information collected by these devices. We need a way to display that data and interact with these machines, turn them off, turn them on, see their state, and automate their functions. Many years ago, we had to physically move from place to place to collect this data or control these devices manually. Now, through a centralized HMI, we can monitor and control many things in a more convenient, efficient, and safer way. As technology advances, so does the HMI. What used to be physical buttons and indicator lights move to segmented displays, color displays with consoles and keyboards, and then on to touch screens, and now entering the world of touchless gestures, VR, and voice. We've gone from the device to the cloud, and now have returned back to the edge. The transmission and computation of data is faster than ever. Along with this growth in data are the user expectations. With a smartphone in every hand, our users are expecting and pushing HMI in the direction of that smartphone look and feel. They want full color touch screens that provide a user interface consisting of modern design elements, and one that is feature rich and responsive. As technology updates, they want this experience to evolve over time with it. Everything is connected after all, so why not be updatable? So how can you as a developer, designer, or a team of both achieve these expectations while managing these three critical components you see here on the screen, cost, time to market, and scalability? And what exactly do we mean when we're talking about these three components? When we talk about cost, of course, we're talking about cost resources, and maybe the tools you use. It may be your actual team members, your human resources, the cost of them, the bill of materials, so the cost of your product. When we're talking about time, again, cost, time is money. Every time, rather every minute you're working on your UI is time spent not working on other projects or components. When we talk about time to market, in some industries, this means the difference between having a successful business or none at all. And again, when we talk about scalability, this is the ability to have your application and look and feel of your application, not only the same across different levels of hardware, but also providers. Say you're looking to move a product line off various chipsets and consolidate onto a single family of ST micros or NTUs. It's easier to maintain, easier to work on the same platform. It's ideal to save time through the reuse of application components. Additionally, as you grow your offering in either direction, that is moving from NTUs to MPUs or the other direction, you don't want to have to redo your UI work from scratch or lose performance. You need the right tools for the job in order to accomplish this. Enter Qt and touch GFX. Before I get into the benefits of Qt and who we are, I want to quickly pass this off to Mike Hartman with product marketing at SD Microelectronics. Hello, thanks for having me and thanks for listening. As an introduction, I'm Mike Hartman, product marketing for microcontrollers and microprocessors in ST's America's region. As technology evolves, a critical design challenge that must always be addressed is how humans interface with that technology. At ST, we call this the HMI of things, HMI standing for human machine interface. Graphics displays are all around us. We see them every day and there's probably one sitting next to you right now. As embedded intelligence continues to grow, there are smarter and connected devices everywhere, addressing all markets from consumer goods and appliances to wearables, medical and industrial. In the past, microcontrollers might have been limited to simple buttons for control and a segment LCD for display. Now we can offer feature-rich touch interfaces with color LCDs and animations with smartphone-like control. The STM32 product portfolio and ecosystem possesses the technology needed for today's advanced graphics applications. Thanks for listening to the ST portion of today's presentation. I'll hand it back over for the remainder of the session. Alright, thank you, Mike. So coming back to this, I want to talk about exactly what Qt is. Qt is a cross-platform framework with libraries and tools for designing, developing and deploying software. We have a cross-platform IDE with a large variety of tools and extensions to aid in your productivity. It includes visual 2D and 3D UI editors with ready-made components and third-party graphical design tools. As well as a complete set of libraries for UI development, backend application logic, and modules for connectivity. Our IDE is called Qt Creator. It's a full-featured IDE that is cross-platform and includes integrated version control. It has an integrated designer with drag-and-drop UI components for a very what-you-see-is-what-you-get design interface. You can build and run for all of your supported targets as well as automate many of the processes from project creation to deploying to your final hardware. Additionally, we have our QML language. QML is a declarative, high-level markup language that's easy to read with a JSON-like syntax. You can define your UI in easy to reuse dynamically-connectable components. And alongside that, we have the Qt Quick Library, which consists of many of the standard QML types, including customizable UI components, layouts, and application connectors. And there's a compiler included with that to bring your QML code down to bytecode for the highest level of performance. Additionally, for your design team, we have the Design Studio. Design Studio separates your design from the target-specific implementation. You can build out your UI without worrying about the backend and all of the other components specific to your hardware. You can reuse components and customize them from across different projects or different platforms, and we provide a really great feature called the Animation Timeline, which allows you to seamlessly create animation on properties around your UI components such as color changes, positioning, scale, and rotation while working with keyframes. It's similar to many other components' design tools that you may be familiar with, like After Effects. Additionally, we have desktop simulation and live preview so you can see your design without needing to build the entire application. Additionally, we offer third-party tools to make your design process a little bit more seamless. This includes our Photoshop Bridge and Sketch Plugin. You can export designs from their native environment direct from your designer's desk to meet their vision. You can use artboards and layers to group and translate directly to QML components. Components import is a collection of QML standard types, and child components come in as flattened PNGs, which can be very efficient for the lower-level hardware. This all helps to aid in closing the gap between your designer and your developer. You can reduce the number of iterations, test in real-time, and it facilitates rapid prototyping. Next, I want to get into best practices and optimizing your design. Let's start by talking about the typical workflow and pitfalls. I think we're all familiar with having these segmented development cycles between our design team and our development team. The typical designer workflow includes early sketches, an interactive design, and building out the visuals through tools like Adobe's Creative Suite Illustrator and Photoshop, or possibly Sketch. The specs are updated slowly over time as they pull in feedback, and then the collaboration begins. This is really where the gap begins to grow, and the process becomes pretty inefficient in some cases. The developer takes the UI according to the specs. They implement the back-end logic, deploy to the device, and begin to test. As they start to collaborate and exchange the work between the development team and the designers, oftentimes there's a significant amount of back and forth.  This is where Qt's tools really come into shine. As far as optimization goes, you can start with your designer. Using the Photoshop and Sketch third-party tools, bridges, and plugins, you can modularize your design through the use of artboards. You can export assets appropriately, either as components or children, which will allow you to bring in reusable chunks or fully flattened images for efficiency. If you provide QML-specific types during the export process of your assets, you'll suddenly have access to all of those native properties of the QML component when you bring it into Design Studio. Additionally, we recommend using the QML IDs and standardizing on a clear naming convention so that when you do get down to the code, you know what you're working with, and it's easy to move back and forth between the form editor and text editor. We recommend applying your gradients and clipping effects early in your design files, especially if you're looking to scale between MCU and MTU as doing these types of effects on the device tend to be pretty expensive. When you do bring it over to the Design Studio and ultimately Qt Creator, you want to focus on making it responsive. Design Studio and the integrated editor and Qt Creator allow you to easily make use of anchors, which allow you to keep your UI components margined away from each other. When you do bring your design into Design Studio and ultimately Qt Creator, you want to make it responsive and make it dynamic. You can use Design Studio to build out your UI separate from your hardware and backend. This will help your design scale across different screen sizes, especially if you make use of our anchors. Anchors allow you to keep your elements positioned off of the edges of your screen, as well as with respect to other elements on your artboard. You can leverage property bindings to automatically update elements throughout your UI based on a single property change. And then, of course, make use of the timeline animations to easily manipulate properties over a set duration, whether it's color, size, rotation, or other properties. I'm now going to pass it off to Corey for a quick demonstration. Thanks a lot, Harrison. I appreciate it. So, yeah, today we're going to take a look at the Design Studio and how you can employ some of these techniques to create responsive user interfaces. What we're looking at here is a boilerplate entry point for a new application in Design Studio, a sort of Hello World application. And so I'm going to start by bringing in a couple of basic types that we support in QML called a rectangle. I brought a dial in. Let's also bring the rectangle in. A rectangle has a height, width, and some color values. So I'm going to go ahead and make this one a red and resize it down. We'll go ahead and keep the dial here, maybe size it down a bit. And I'm going to bring a couple more rectangles in. Position this one on the side. We'll give it a blue tint and one more here. This one's going to get nice, cute green. You can see the designer gives us cues like alignment positions. And I'm also going to bring in an image. And we're going to drop that here inside this second rectangle. Now, this image I want, I don't want it to be hanging outside of that rectangle. So what I want to use is the anchors that Harrison just mentioned to position it internally. I'm going to keep it to preserving the aspect ratio. But over here in our layout tab, we have a few options for anchors where you can position all four sides individually or all at once, as well as the center lines, horizontal and vertical center lines. In my case, I want this image to fill the green rectangle. So I'm going to choose this. And by default, it's set to fill the parent. And so as you can see, it positions it directly inside of that rectangle. Over here in my navigator, you can see the IDs for the QML objects that I've been creating. And I'm going to give it something a little more meaningful so that I can keep track of these. Rectangle one is now my rectangle blue. And rectangle is now my rectangle red. Dial is a fine name. And as you can see, what we've been doing as I drag and drop is actually creating QML code. As Harrison said, the QML code is a declarative. It's a JavaScript JSON notation where you have properties and values. And you instantiate objects just simply by declaring them in line. And you composite parent and child objects by declaring one inside of the other.  So in my form editor now, we can see that these objects are all positioned. And I have a dial here, which gives me some options as far as values that I can assign. It can range and give it a from or a to value and a current value right now it's zero. So what I'd like to do is create a UI that responds to the value that I assign with this dial. So what I'm going to do is do what we call a property binding. And to do that, we can in design studio, we can click on this little nut icon next to any property. And it gives us a pop up menu where we can reset to a default value, or we can set a binding. Editor. What I get is I have a static value or I can set this value based on another value. In my case, I want to set my blue value based on a property out of rectangle green. So I'll choose rectangle green and I will choose the property X. So now the X value of my blue rectangle will be bound to the X value of my green rectangle. If I stop here, we wouldn't see anything because the blue rectangle would be hidden behind the green, as you can see. If I give it a little more height, we can see it peek out from underneath the green. But I want to edit that binding and give it a little more information. So let's go ahead and add rectangle green again. And add the width property. I mean, change that. I'm just going to type it in. So we'll add rectangle green as I start to type it a lot of complete dot width. And this way, the blue rectangle will be positioned to the side of the green rectangle. And if I change the position of the green rectangle, you can see that the position for the blue rectangle remains consistent. That's the image I dragged instead of the green. If I drag the green rectangle, the blue rectangle will move to follow it because it's bound to the width and the height, the width and the X position of the green. Now there's a more efficient way to do this within QML, and that's the anchoring system that I mentioned. So in addition to anchoring to a parent, you can anchor to sibling objects within the scene. So if I've selected my blue rectangle and I want to anchor the left side of it, I can click this icon and I can say my target is the rectangle green. And I can anchor it to the left, middle or right of rectangle green. In this case, the right is what I have. That's what I wanted. And this is a much more efficient design because it doesn't involve the need to do the addition to add the width to the X value. So anchoring is an efficient way to create a UI that is aware of other objects within it. I can also do things such as binding the value of the dial property of the dial object to one of our properties. So if I choose my green rectangle and say, I'm going to set my X value, and let's multiply this 166 X value by the value of the dial dial dot value and hit OK. So now when the value is zero, the green rectangle will be positioned at an X value of zero. And if I go change my dial value to let's say 0.5, now it's positioned halfway to the point where I want it. Here at this point I wanted to show the live preview feature. So if I click this play button in the top of the object, what I get is a live preview of the UI. And so as I make changes to the dial, you can see how it animates and follows the dial value up to the maximum that we specified. But beyond that, as I make changes to the actual code, so say I change this rectangle to be a little bit more blue. My live editor updates dynamically as I make those changes. Maybe now I like the blue, we'll stick with the blue. And so this is a great way to see your changes run and still be able to do your interactions in the UI, and it's a lot faster than having to compile and load every single time you want to see a change. Now, this is all great when we have a single resolution, but a responsive UI needs to be able to adapt multiple resolutions. So what I've done is I've created a binding in my QML code to a value that is defined in a singleton file, a constants file.  So I change it to a 720p size and we'll go back and take another look at this. All of a sudden my UI doesn't look so great as I wanted to scale this up to a higher resolution device. And so this is where I really engage with anchors again to try to create a UI that looks nice on different sizes of displays. So the first thing I want to do is put my dial in a consistent position. So for me what I'd like to do is anchor this horizontally within the parent. So there it's anchored horizontally. And then I want to position it vertically. So I want to anchor it near the bottom. And so I position it and then I click the anchors button and it automatically fills in my margin, which is great. It's right where I put it, but it's also not very responsive. If I change my resolution, 98 pixels of margin off the bottom might put my dial right on top or off the top of my view. So instead I really want this margin to be, I'm going to reset my horizontal margin. I really want this to be a binding as well. And so what I'll do is I'll bind it to my root component, bind it to the height. And I'm going to make it, let's say 15% of the height is how much margin I'll add. That's a little bit too much. Let's adjust that binding. Let's make it just 10%. Okay, so 72 pixels is 10% of my 720p height. Makes sense. And if I change the resolution again, it'll remain 10% off the bottom. Okay, so how about this blue rectangle? So it was anchored to my green. I want these to be positioned so that my green rectangle positions right in the center of my view. So if I can get a hold of it, get a hold of the right object here. I'm just going to reset my binding and do it by hand. There we go. Now I can do this. So if I position it here, and I can do that with anchors again so that it's horizontally centered. And I want my top to be anchored so my top will always be anchored to the parent with zero margin. Let's make the blue top anchored to the green rectangles vertical center. And we'll reset the margin. So now the top of the blue is anchored to the middle of the green rectangle. And then as I move my green rectangle here, I want my margin to be based on my slider value. So if I say this is the halfway point, let's anchor my, that's my top, I need to anchor my horizontal center margin to the dial dot value so that when it is one, it will position exactly at zero. And when it is a value of zero, it would position off to the side. So what I want to do is change my margin. And I want my value on my dial to go from, since these are pixels, I'm going to set it to a maximum of 500 pixels. So from zero to 500. And that will allow me to adjust the margin of my green rectangle from zero when the dial is down up to 500. We'll just take a look at that. And because I'm previewing the component, it doesn't have a default size, which is why I have to reset, resize it here. What you can already see is that as I dragged the size of this window out, my dial remains centered and it remained anchored near the bottom. My green rectangle remained centered in the middle and the blue is again still anchored vertically to the center of the green. And so this kind of gives you a taste of how you can use anchors to position your UI in a dynamic and responsive way as the resolutions may change. And if I go ahead and close my preview, and I go over to and change my size for my constants back to my 480 by 272. I can build and run this. And you can see my dial is still centered properly. Now my pixels are static at 500. So as I go up to 500, the green and the blue go off the screen. But that's what I designed in this use case. The final thing I wanted to highlight was the timeline animation because it's such a powerful tool that Qt has added into our design tooling. And it works across the board for MCUs and in MPUs. So if I add a new timeline in here, I'm able to specify the number of frames that I want to manipulate. I'm able to specify the duration for the animation and then change it to three seconds. I'm going to give it a ping pong effect to go back and forth. So you can use these to create transitions that are smooth. You can create custom easing curves. It's just a super powerful tool. So what I'm going to do is I'm going to animate the value of the dial instead of having to manipulate it by hand. So I'm going to click the auto key record button. And at the zero frame, I want the value of the dial to be zero. So I'll scroll down to zero. And you'll see it added the dial. And here at this key frame, the value is zero. Now, if I go to the end of the timeline, frame 1000, I'll change the value to, oh, let's just make it 250. We'll keep it on screen, maybe a little more than that. Right, 300. We can play with it, get it right where we want it. 400. Actually, 500 is close on here. 450. We'll say 450. It takes us out to the edge. All right. So at 1000 frames, we'll hit the 450 value. At zero frames, we're at the zero value. So let's run this and we'll see what happens. So because I still have my small resolution set in the constants, we are using the small window here. But you can see it automatically animated the dial value, which then updated the position of the green and blue rectangle. We can go ahead and change our constants back and see that run on the full screen. 720p. Over three seconds, we go out and back again. And so it's a super powerful tool to create UIs that are responsive, that are dynamic with animations that are smooth. And we found that with cute for MCUs, we can often get up to 60 frames per second on some of these more powerful SD micro MCUs. And certainly 60 frames is our target on all of the microprocessors that we support. So it's a fantastic way to build out a UI that's responsive that can scale well for microcontrollers up to microprocessors and beyond. And with that, I'll hand it back to Harrison for his last thoughts. Great demo Corey. Thank you very much for sharing the use of all those optimizations. You know, in real time for everybody to see. Thank you for everybody who participated and watched our webinar today and thank you again to Mike Hartman from SD micro electronics for his portion on on touch gfx and their offering. If you guys are looking for additional information on cute, you can go to our contact us page at cute.io slash contact dash us or send an email to info at cute.io. Thank you again.


He will say, free Iran Khan, the first democratically elected prime minister of Pakistan. He will say Pakistan. Yes, one concern about theocracy in Pakistan, that's why we want a free Iran Khan. So we were just inside the hearing where the State Department's head, Don Liu, of dealing with Pakistan was in there telling lies about how the U.S. doesn't interfere in the internal affairs of Pakistan. And a lot of people in the audience were speaking out and saying lies, lies.  And as we were leaving, we talked about how we, if we care about democracy in Pakistan, we have to free Iran Khan. He will back. He will back. InshaAllah. InshaAllah. Finally, they got a great leader like Iran Khan, and they put him in a death cell. We say, get Iran Khan out of his death cell now.