My talk at Mobile 2.0 Europe, on Mobile User Experience: or more specifically, how we work UX into our product development at Future Platforms, and some lessons we've learned doing this.
Slides for a presentation I gave around bringing design and development together in an Agile/UCD environment. Ran out of time to gather stock photography, so substituted kitten hpotos.
Slides from the Agile/UX workshop I ran at Over The Air 2009, to help participants explore and experience an iterative design process and examine the impact of change on said process
Slides for a presentation I gave around bringing design and development together in an Agile/UCD environment. Ran out of time to gather stock photography, so substituted kitten hpotos.
Slides from the Agile/UX workshop I ran at Over The Air 2009, to help participants explore and experience an iterative design process and examine the impact of change on said process
Welcome To
Responsive web design basics | SEO Expate BD Ltm.
how to design websites that adapt to the requirements and capabilities of the device being used to view them. Web browsing on mobile devices is expanding at an astounding rate, yet these devices frequently have limited display space and necessitate a different approach to information organization. accompanies consumers' needs and those of the gadgets they utilize. Depending on the size and capabilities of the gadget, the layout alters. On a phone, for instance, consumers might see content presented in a single column perspective; on a tablet, the same content might be presented in two columns.
Screen sizes for phones, "phablets," tablets, workstations, game consoles, TVs, and even wearables range widely. Your site must be able to adapt to any screen size, whether they exist now or in the future, as screen sizes are constantly changing. Devices also come with a variety of features that let us engage with them. For instance, some of your guests will use touchscreen technology. All of these factors are taken into account in contemporary responsive design to enhance the user experience.
the viewport setting
A meta viewport tag needs to be placed in the document's head for pages that are responsive to different screen sizes. A meta viewport tag instructs the browser how to adjust the page's size and scaling. The meta viewport value width=device-width informs the page to resize its width in device-independent pixels to match the width of the screen. A device (or density) independent pixel is a representation of a single pixel that, on a screen with high pixel density, may include numerous actual pixels. This enables the page's content to reflow to fit various screen sizes, whether it is displayed on a tiny mobile phone or a huge desktop monitor.
Adapt content size to viewport
Users are accustomed to browsing websites vertically on desktop computers and mobile devices, but not horizontally. Forcing the user to zoom out or scroll horizontally in order to view the entire page leads to a poor user experience.
It's simple to inadvertently produce page content that doesn't exactly fit into the designated viewport when designing a mobile site with a meta viewport tag. The viewport may scroll horizontally, for instance, if an image is displayed at a width that is greater than the viewport. To avoid forcing the user to scroll horizontally, you should resize this content to fill the viewport's width. The content is not properly scaled for the viewport. You can automate the process of finding overflowing content with the use of Lighthouse audit.
Images
A scrollbar will appear if an image's fixed dimensions are larger than the viewport. The solution to this issue is to set the maximum width for all pictures to 100%. If the viewport size is smaller than the picture, the image will be shrunk to fit the available space. The image won't expand any larger than its actual size because the max-width, not th
Great typography brings forth great delight. And just the way lousy typography ruins a good-looking website, often poor/limited fonts ruins clean-cut electronic displays. As an electronic display manufacturer or an embedded hobbyist, if you’ve been looking for awesome / customized fonts for electronics displays, the dfontographer might just be the software you’d been waiting for!
The dfontographer is an intuitive GUI that lets display manufacturers / designers / hobbyists generate fonts in binary format. Whether you want to create your personalized fonts, or generate (display) fonts in your vernacular language, the dfontographer would do it for you. What’s more, along with text, you can also load images, which can be used (when converted to binary) for creating various designs specific to electronic displays.
AutoCAD is a general computer-aided design and drafting software used to create 2D and 3D drawings, and Revit is software for BIM (building information modeling) with tools to create intelligent 3D models of buildings, which can then be used to produce construction documentation.
If you are a AutoCAD’s user and you want to know where is the similar setting such as Vports, XRefs, Sheet Sets, Layers, Tool Palettes, Blocks, Line Styles, Schedules, Templates, Revisions, Annotations, etc in REVIT, maybe this PowerPoint give you in a glimpse a general idea. I hope it would be useful.
In general, the app bar is a highly used component in many applications. An app bar can be effectively helpful to house the search field, simply the page title or buttons to navigate around pages. It is a commonly used component, and Flutter app development services offer the dedicated widget for the functionality known as AppBar.
Welcome To
Responsive web design basics | SEO Expate BD Ltm.
how to design websites that adapt to the requirements and capabilities of the device being used to view them. Web browsing on mobile devices is expanding at an astounding rate, yet these devices frequently have limited display space and necessitate a different approach to information organization. accompanies consumers' needs and those of the gadgets they utilize. Depending on the size and capabilities of the gadget, the layout alters. On a phone, for instance, consumers might see content presented in a single column perspective; on a tablet, the same content might be presented in two columns.
Screen sizes for phones, "phablets," tablets, workstations, game consoles, TVs, and even wearables range widely. Your site must be able to adapt to any screen size, whether they exist now or in the future, as screen sizes are constantly changing. Devices also come with a variety of features that let us engage with them. For instance, some of your guests will use touchscreen technology. All of these factors are taken into account in contemporary responsive design to enhance the user experience.
the viewport setting
A meta viewport tag needs to be placed in the document's head for pages that are responsive to different screen sizes. A meta viewport tag instructs the browser how to adjust the page's size and scaling. The meta viewport value width=device-width informs the page to resize its width in device-independent pixels to match the width of the screen. A device (or density) independent pixel is a representation of a single pixel that, on a screen with high pixel density, may include numerous actual pixels. This enables the page's content to reflow to fit various screen sizes, whether it is displayed on a tiny mobile phone or a huge desktop monitor.
Adapt content size to viewport
Users are accustomed to browsing websites vertically on desktop computers and mobile devices, but not horizontally. Forcing the user to zoom out or scroll horizontally in order to view the entire page leads to a poor user experience.
It's simple to inadvertently produce page content that doesn't exactly fit into the designated viewport when designing a mobile site with a meta viewport tag. The viewport may scroll horizontally, for instance, if an image is displayed at a width that is greater than the viewport. To avoid forcing the user to scroll horizontally, you should resize this content to fill the viewport's width. The content is not properly scaled for the viewport. You can automate the process of finding overflowing content with the use of Lighthouse audit.
Images
A scrollbar will appear if an image's fixed dimensions are larger than the viewport. The solution to this issue is to set the maximum width for all pictures to 100%. If the viewport size is smaller than the picture, the image will be shrunk to fit the available space. The image won't expand any larger than its actual size because the max-width, not th
Great typography brings forth great delight. And just the way lousy typography ruins a good-looking website, often poor/limited fonts ruins clean-cut electronic displays. As an electronic display manufacturer or an embedded hobbyist, if you’ve been looking for awesome / customized fonts for electronics displays, the dfontographer might just be the software you’d been waiting for!
The dfontographer is an intuitive GUI that lets display manufacturers / designers / hobbyists generate fonts in binary format. Whether you want to create your personalized fonts, or generate (display) fonts in your vernacular language, the dfontographer would do it for you. What’s more, along with text, you can also load images, which can be used (when converted to binary) for creating various designs specific to electronic displays.
AutoCAD is a general computer-aided design and drafting software used to create 2D and 3D drawings, and Revit is software for BIM (building information modeling) with tools to create intelligent 3D models of buildings, which can then be used to produce construction documentation.
If you are a AutoCAD’s user and you want to know where is the similar setting such as Vports, XRefs, Sheet Sets, Layers, Tool Palettes, Blocks, Line Styles, Schedules, Templates, Revisions, Annotations, etc in REVIT, maybe this PowerPoint give you in a glimpse a general idea. I hope it would be useful.
In general, the app bar is a highly used component in many applications. An app bar can be effectively helpful to house the search field, simply the page title or buttons to navigate around pages. It is a commonly used component, and Flutter app development services offer the dedicated widget for the functionality known as AppBar.
A presentation outlining our experiences a year after adopting Scrum at Future Platforms, a software company based in Brighton, UK.
Presented by Tom Hume and Joh Hunt at The Werks, Brighton, on 15th October 2008
My presentation at dConstruct 2005 in Brighton. Not exactly a masterpiece of Keynote - this was pre-Rieger - but it was fun to berate a room full of savvy web-heads for missing mobile...
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
GridMate - End to end testing is a critical piece to ensure quality and avoid...ThomasParaiso2
End to end testing is a critical piece to ensure quality and avoid regressions. In this session, we share our journey building an E2E testing pipeline for GridMate components (LWC and Aura) using Cypress, JSForce, FakerJS…
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Communications Mining Series - Zero to Hero - Session 1DianaGray10
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
8. Component Detailed Specification Component Name Title Bar
Specification Specification Reference CanvasTitleBar
Client Client Summary
BBC BBC A general title bar to name the canvas currently active.This bar may include pagination to the right hand side when neede
may also include prompts for the user, such as arrows to indicate next/previous canvas.
Project Project Usage
BBC Bitesize BBC Bitesize This is used throughout the application on all screen sizes. It will not be used on the splash screen.
States
It may display a pagination state depending on where it is in the application.
Design Specification
Below is an example of the CanvasTitleBar at 240x320.
Background blue has a 4px curvature. The width of the menu should be 100% width on the actual screen area (defined in
BaseScreenDescription of this document). If possible, the menu items/options should have a padding 2px smaller than the
very outermost edge.
Inactive Menu Items Ideally the text (CanvasTitleBar_text) should have equal margins at the top, bottom, left. The text should also be aligned
Background and highlights, as detailed above. They have an outline color of (#D7F2FF). The two blue colours should be of centrally along the vertical axis . The color of the text is #333333, the weight of the text is bold. It may be necessary to tru
equal height. Font colour is #05303E. this text on smaller screens, or define text on a per screen basis. Refer to screen documents for language assets. On som
screens, where additional assets are displayed on the right hand side, it will be necessary to limit the width of
Active Menu Items CanvasTitleBar_text.
Background and highlights, as detailed above. They have an outline color of (#FFFFFF). The two orange colours should be of
equal height.Font colour is #FFFFFF.
Selection of options
Items can be selected via up or down on the D-PAD. There are no transitions when selecting menu items.
The menu items have 2px padding between each other vertically
Component Name Soft Keys Bar Component Name Base Screen Description
Specification Reference CanvasSoftKeysBar Specification Reference BaseScreenDescription
Client Summary Client Summary
BBC The softkey menu bar, to be displayed at the bottom of the canvas. This will display labels associated with the left soft key BBC The base screen used throughout the application. This includes all components and their positioning on screen.
(LSK) and the right soft key (RSK). Directional prompts in the form of arrows may also be displayed in the center of this bar by
Usage
Project means of graphical assets, although dynamically drawn arrows may be an option. Project This is used throughout the application - there are different descriptions for 176px wide screens and 240px and above
BBC Bitesize BBC Bitesize
Usage screens.
This is used throughout the application on all screen sizes. It will not be used on the splash screen.
Design Example
States Examples of 240x320 screen, and 176x200 screen.
This component has active and inactive states. Active states may include menus and feedback in the form of modal popups.
Active states are described in detail in SoftKeyMenu component and ModalFeedback component.This component is
activated via LSK, RSK, FIRE, and D-PAD.
Design Specification
Below are examples of the CanvasSoftKeysBar.
The text for the LSK (CanvasSoftkeysBar_LSK_text) should be left aligned with the CanvasTitleBar_text item for consistency.
It should have equal margins at the top, bottom, left. The text for the RSK (CanvasSoftkeysBar_LSK_text) should have equal
margins at the top, bottom, right.
Left and right margins should be the same for both LSK and RSK text items.
Document pragmatically.
The color of the text of both soft key labels is #FFFFFF, the weight of the text is normal.
Refer to screen documents for language assets.