This is a Powerpoint presentation that I have created for Collins Catering & Events on the subject or mobile and tablet design. It is an attempt to convince them of the necessity of thinking about re-design for the mobile and tablet platforms.
Designing Websites With a Mobile First ApproachDan Moriarty
Learn about designing and building your website to be mobile first, meaning you begin at the smallest screen size available. Make your design, content, and planning decisions here, and then enhance and expand to the desktop
Why and How to Build a Mobile First Web StrategyTechBlocks
With the rise in mobile web browsing, there has been a shift in website design philosophies from responsive to mobile first. We'll tell you what this means for your business, what the benefits are and how you can implement your own mobile first web strategy.
A discussion about the benefits of a mobile-first responsive approach to web development, why it is as important for desktop environments as it is for mobile devices and why it is the future of web development.
Along the way we'll dispell some of the myths you have heard about responsive web development, leaving you no excuses to not start your next project thinking mobile-first.
Coming soon to a device near you.
This presentation was first shown at the international Joomla conference, J and Beyond 2012, by Seth Warburton of Internet Inspired.
These are my slides for an April 13 presentation for the American Society of News Editors. Related blog posts: http://bit.ly/9nGFPV and http://bit.ly/6WnABX
Why "mobile first" isn't enough - Developing a better user experienceKevin Powell
"Mobile first," is a concept that serves us well as a design tool, putting constraints on our messaging, layout, etc. But to use "mobile first" as a complete mobile strategy can lead to some dangerous lines of thought.
There's a bigger picture that needs to be seen, and it's what we've always done when developing experiences for the web. We need to put the "Experience First." Then we can think about "mobile", "desktop", "lean-back", and whatever other technologies are released in the next several years. It's not about devices, it's about users and experiences.
Presentation first given at BarCamp Nashville in October of 2011.
Designing Websites With a Mobile First ApproachDan Moriarty
Learn about designing and building your website to be mobile first, meaning you begin at the smallest screen size available. Make your design, content, and planning decisions here, and then enhance and expand to the desktop
Why and How to Build a Mobile First Web StrategyTechBlocks
With the rise in mobile web browsing, there has been a shift in website design philosophies from responsive to mobile first. We'll tell you what this means for your business, what the benefits are and how you can implement your own mobile first web strategy.
A discussion about the benefits of a mobile-first responsive approach to web development, why it is as important for desktop environments as it is for mobile devices and why it is the future of web development.
Along the way we'll dispell some of the myths you have heard about responsive web development, leaving you no excuses to not start your next project thinking mobile-first.
Coming soon to a device near you.
This presentation was first shown at the international Joomla conference, J and Beyond 2012, by Seth Warburton of Internet Inspired.
These are my slides for an April 13 presentation for the American Society of News Editors. Related blog posts: http://bit.ly/9nGFPV and http://bit.ly/6WnABX
Why "mobile first" isn't enough - Developing a better user experienceKevin Powell
"Mobile first," is a concept that serves us well as a design tool, putting constraints on our messaging, layout, etc. But to use "mobile first" as a complete mobile strategy can lead to some dangerous lines of thought.
There's a bigger picture that needs to be seen, and it's what we've always done when developing experiences for the web. We need to put the "Experience First." Then we can think about "mobile", "desktop", "lean-back", and whatever other technologies are released in the next several years. It's not about devices, it's about users and experiences.
Presentation first given at BarCamp Nashville in October of 2011.
Mobile website traffic is on the increase but still often overlooked. This presentation gives an overview of why you should always keep mobile in mind when building websites.
Smartphone and tablet rates are rocketing – almost half of the UK population owns one of these devices. By 2016, three out of four adults will own a smartphone and mobile search will overtake PC searches.
Businesses are now responding by creating mobile-friendly sites and adapting the way they work to capitalise on the shift from desktop to handheld devices. Marketing strategies must change to integrate mobile habits, search and advertising.
Our presentation looks at how you can adapt your site and marketing strategy to be mobile-ready. We discuss:
- Responsive design v mobile-specific design
- Pros and cons of developing an app
- Mobile search and advertising
- Integrating mobile with existing activities and plans
Mobile has become one of the most prominent platforms that every business should consider having a mobile strategy to best reach or engage their audience.
Mobile is for business. Every firm with a web app must now consider the visibility and sales they are losing by not having a mobile version. Every new business or software product is faced with this same concern. Responsive design only gets us so far before it’s time to build a native app for several platforms. How do we build business apps for Android, iOS, and Windows phones and tablets? Learn about the key considerations when scaling up your company’s mobile presence.
Besides a quick explanation of what responsive email design is; I take a look at what’s possible, going through some of the responsive layout patterns we’ve deployed. I’ve also got a section on tablets, touch, performance and techniques for dealing with clients that don’t support media queries. I finish up by looking at testing…hope you find it useful. You can watch the video that goes with deck here: http://www.youtube.com/watch?v=T6GajEVabP4
Look at the issue of Modernizing IBM Notes applications? What have we done in the past? What does it actually mean when we are asked to Modernize an application?
Mobile website traffic is on the increase but still often overlooked. This presentation gives an overview of why you should always keep mobile in mind when building websites.
Smartphone and tablet rates are rocketing – almost half of the UK population owns one of these devices. By 2016, three out of four adults will own a smartphone and mobile search will overtake PC searches.
Businesses are now responding by creating mobile-friendly sites and adapting the way they work to capitalise on the shift from desktop to handheld devices. Marketing strategies must change to integrate mobile habits, search and advertising.
Our presentation looks at how you can adapt your site and marketing strategy to be mobile-ready. We discuss:
- Responsive design v mobile-specific design
- Pros and cons of developing an app
- Mobile search and advertising
- Integrating mobile with existing activities and plans
Mobile has become one of the most prominent platforms that every business should consider having a mobile strategy to best reach or engage their audience.
Mobile is for business. Every firm with a web app must now consider the visibility and sales they are losing by not having a mobile version. Every new business or software product is faced with this same concern. Responsive design only gets us so far before it’s time to build a native app for several platforms. How do we build business apps for Android, iOS, and Windows phones and tablets? Learn about the key considerations when scaling up your company’s mobile presence.
Besides a quick explanation of what responsive email design is; I take a look at what’s possible, going through some of the responsive layout patterns we’ve deployed. I’ve also got a section on tablets, touch, performance and techniques for dealing with clients that don’t support media queries. I finish up by looking at testing…hope you find it useful. You can watch the video that goes with deck here: http://www.youtube.com/watch?v=T6GajEVabP4
Look at the issue of Modernizing IBM Notes applications? What have we done in the past? What does it actually mean when we are asked to Modernize an application?
Atelier pédagogie et numérique - Français - Communication - ExpressionFrmfr Basse-Normandie
Support de présentation réalisé par Eloïse Osmond de la MFR de Condé sur Vire pour l'atelier pédagogie et numérique du 2 avril 2015 sur les outils et ressources numériques pour le français, la communication et l'expression.
This article details some of the basic techniques involved in creating and marketing a mobile website.
Mobile web marketing is projected to rise exponentially as more and more users acquire high-end mobiles allowing them to access websites on-the-go. More than half a billion people across the globe use their mobile phones to access the web. And with mobile devices quickly gaining popularity over traditionally PC’s, user counts are expected to increase dramatically.
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxkubalesniak93
Welcome to the era where screens are shrinking, attention spans are fleeting, and the mobile revolution is in full swing. In this friendly and conversational guide, we'll embark on a journey together, unraveling the intricacies of optimizing landing pages for the small screen. Whether you're a seasoned designer or a curious entrepreneur, get ready to dive into the mobile imperative and emerge with the skills to master the art of mobile design.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
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.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Project 4: Mobile and Tablet Design for Collins Catering & Events
1. Mobile and Tablet Design for
Collins Catering & Events
Presented by: Chelsi Francis
2. Why Mobile First?
-Every company wants more business.
- Therefore, they want more money.
- Mobile is not something that can be ignored.
You might ask “why?”
3. Reasons for Mobile First
-Mobile development can no longer be ignored.
- It‟s no longer down to chance whether you succeed or fail without it.
- Mobile and tablet use is mainstream.
-Can open up more opportunities to grow your business.
- Can lead to a better overall user experience with a focused
approach.
- Morgan Stanley Research‟s Mobile Internet report
states that smartphones are expected to
out-ship the global PC market in 2012.
That‟s this year!
5. Where Did Usage Start?
Smartphones and tablets used to just be for the business professional.
6. How Much Has Usage Changed?
Smartphone users are starting younger!
7. How Much Has Usage Grown?
Smartphones& tablets are used by the young, fit, and fun!
Basically, they‟re used by everybody.
8. How Has Mobile & Tablet Usage Affected
Web Design?
-Web design is “flipping”.
- Everything used to be desktop
first.
-After a long fight battle, web
design is switching to a mobile first
mentality.
- This is logical. Resistance is futile.
- With this change to „mobile first‟ there is the good and the bad as
designers switch and start a new learning curve.
- There is no going back with smartphones predicted to out-ship PC‟s
this year.
9. Current Accessibility Technologies!
- Beware the claims of a cure-all and do your own research!
- Responsive web design (more concept than technology)
-HTML5 is known as HTML
- It is the complete version.
- Makes things much more
consistent and clear.
- More evolved mobile web
browsers.
10. Bad Mobile Website
- Nicely designed.
- Clear and concise.
- Keeps prompting to download the app
over top of what you‟re trying to see.
- Mobile and apps are DIFFERENT.
- Mobile is for task oriented, quick
information.
- Apps are if you really like a product.
11. Good Mobile Website!
- Simple
- Has all the necessary information
- Sleek, clear, high-contrast menus
- Current specials right at the top
- Color scheme easy enough on the eyes
12. Recommendations
- Gallery absolutely MUST be changed so that
it doesn‟t use Flash.
- Contact Us on mobile site could be
simplified and use less fields.
- Menu page for mobile should give a sample
item from each menu.
- Venues would need to be simplified to text
links with capacity and city.
- Community Involvement and the Testimonials
page could be combined.
This is my presentation for Mobile and Tablet Design for Collins Catering & Events. This is for my Fundamentals of Web Design class with Theresa Weber. It is the final week of the class.
So I’ll start out with explaining why you should think of mobile first. Of course, every company wants more business. More business means more money, and money is the lifeblood of commerce.Mobile isn’t something that can be ignored.You might ask why this is. It’s a reasonable question, and I’ll explain what I can.
So I’m going to explain the finer details of mobile first here. It can’t be ignored, it’s no longer down to chance whether you succeed or fail without taking mobile development into consideration. You WILL fail if you don’t. Mobile and tablet use is mainstream, and with the advent of tablets like the Kindle Fire (and their affordability) they are becoming an even more delectable option for the budget conscious consumer.Mobile development can open up more opportunities for your business, especially among the younger generation and professionals who are the biggest users of smartphones and tablets. It can also lead to a better overall user experience, as you are forced to use a very focused approach.The Morgan Stanley Research’s Mobile Internet report states that smartphones are expected to out-ship the global PC market in 2012. Yes, this means that in this year we will see this landmark reached. That is not something that can be ignored without dire consequences such as loss of revenue.
I have decided to provide you with some flashy statistics to convince you of the seriousness of the situation.Heavy mobile data users will grow to one billion by 2013. That’s astonishing! And by heavy data, that means things like streaming radio, Youtube, basketball games….Mixi, which is Japan’s leading social network, is 85% mobile. An astonishing number!A grand total of 425 million of 845 million Facebook users are primarily interacting with the site through mobile means, and these mobile users are twice as active.And lastly, 55% of Twitter users are primarily mobile.
Now I want to take us through a very brief history. Smartphones started out primarily among professionals. This made sense. Constantly on the go it was impractical to have your laptop out as you went from meeting to meeting.
Smartphones have now changed. Everyone uses them, including little children who just want to play Angry Birds!
They continue to be used and have expanded to the young, fit, and fun crowd. More concerned with social interaction, and with the advent of Facebook and Twitter, the younger crowd sat up and took notice of these phones. It is an excellent way to share your evening out with your friends if you post it to Facebook. Or have a negative review about a restaurant? Tweet it, and meet an instant audience!
Web design has started to flip. In the past, sites were always designed for the PC first, and then cut down to fit mobile browsers. Often this process wasn’t thought about very much, and resulted in a very cluttered and chaotic feel to mobile sites, or ones that were incomplete. Now however the mobile first mentality is taking root, and it’s a good thing too. This is logical. Resistance is futile when to resist is to miss out on a major market segment. No one wants to lose money, whether they be consumer or business. With this change to mobile first designers encounter a learning curve where they have to test out ways of doing things. This means you see some very good mobile sites but also some very bad ones. And really, there is no going back with smartphones predicted to out-ship PC’s this year.
Current technologies that help mobile usage along are as follows.Responsive web design (which is more a concept than a technology). The focus is on content when it comes to RWD, and the content of any given website is what’s important. The meat-and-two-veg needs to be legible, accessible, and clear on any device. There are grids within the responsive web design community that make it much easier to make designs for any size browser. Easy makes you more likely to take this on board… right?HTML is also a help. Technically it is HTML5, however since it is the finished version it is simply being called HTML. And thank goodness for this actually stopping! So many different versions made coding awfully more complex than it needed to be! HTML makes things much more consistent and clear.More evolved and capable mobile web browsers have also helped along this mobile revolution. This means more people are using them, which means… you guessed it, to ignore it is to ignore potential customers!
Now here is an example of a bad mobile website. Dell has a habit of using pop ups like they’re a skeezy used car salesman, and their mobile site is no different. The little gem you see on the screen here is what pops up over top of the content you’re actually trying to look at. If you’re at a store, and looking for more detailed specs, you don’t want to be told to download an app. You want those specifications. So that brings me to the point that mobile browsing and apps serve entirely different functions. Mobile browsing is task-oriented, for quick information. Apps are generally for if you really like a product and possible already have one and access everything on the site quite often.
An example of a good website is Taco Bell’s mobile site. It is very simple and has all the necessary information one might want. And what they got very, very right for a mobile website was having their store locator at the very top. That IS what someone is most likely going to be looking for if they search Taco Bell on their phone. The site is sleek, clear, and has high contrast menus that are easy to read. Current specials are right at the top. Even the color scheme is easy on the eyes. I don’t know about anyone else but I think nacho cheese sauce when I see it. Who doesn’t love nacho cheese on a chilly night?
Now, for some recommendations. The Gallery page absolutely must be changed to something that does not use Flash. iPhones are a big segment of the smart phone market, and they do not handle Flash due to a decision by Steve Jobs many years back. The Contact Us on the mobile site could be simplified to have less fields. If you label the comments box as details instead and simply as for approximate dates, that would be perfect I think. The Menu page for the mobile site should give a sample item from each menu so people have an idea of the content before they download the PDF to get a better look.Venues would need to be simplified to a list of text links that simply mention the capacity of each venue and the town or city they are in. There are too many pictures, and they aren’t consistently applied anyway, so might as well make them all text. Then each link could be linked to a separate page with more details. But the two mentioned (capacity and location) will be what people are thinking first considering mobile users are generally task rather than aesthetically-oriented.The Community Involvement and Testimonials could probably be one page without issue.
Now, I thank you for your attention during this presentation, and if you are curious about any of my sources they are listed here, and I would be more than happy to pass them on. I do hope that this has convinced you of the seriousness of mobile development, as well as the fact that it’s very possible, and not as complex as one might think.
