http://inarocket.com
Learn BEM fundamentals as fast as possible. What is BEM (Block, element, modifier), BEM syntax, how it works with a real example, etc.
Content personalisation is becoming more prevalent. A site, it's content and/or it's products, change dynamically according to the specific needs of the user. SEO needs to ensure we do not fall behind of this trend.
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
How can we take UX and Data Storytelling out of the tech context and use them to change the way government behaves?
Showcasing the truth is the highest goal of data storytelling. Because the design of a chart can affect the interpretation of data in a major way, one must wield visual tools with care and deliberation. Using quantitative facts to evoke an emotional response is best achieved with the combination of UX and data storytelling.
http://inarocket.com
Learn BEM fundamentals as fast as possible. What is BEM (Block, element, modifier), BEM syntax, how it works with a real example, etc.
Content personalisation is becoming more prevalent. A site, it's content and/or it's products, change dynamically according to the specific needs of the user. SEO needs to ensure we do not fall behind of this trend.
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
How can we take UX and Data Storytelling out of the tech context and use them to change the way government behaves?
Showcasing the truth is the highest goal of data storytelling. Because the design of a chart can affect the interpretation of data in a major way, one must wield visual tools with care and deliberation. Using quantitative facts to evoke an emotional response is best achieved with the combination of UX and data storytelling.
Presentation done at MUPPLE-09, 2nd Workshop on Mash-UP Personal Learning Environments (MUPPLE-09), Interoperable Widgets, Services, and Microformats to facilitate Competence Development, held at the 4th European Conference on Technology Enhanced Learning (EC-TEL09), Nice, France, September 29 - October 2, 2009.
Proceedings online at: http://CEUR-WS.org/Vol-506/
This article: http://CEUR-WS.org/Vol-506/sire.pdf
The XPages Mobile Controls: What's New in Notes 9.0.1Teamstudio
There are new XPages mobile controls available to us as developers in Notes 9.0.1, and they make it even easier to add a mobile layer to your Notes and Domino applications.
This session will present those new controls and how to use them with an existing traditional Domino application. We will show you how to take an app that was built with Notes 6.x and add a mobile interface. In addition to the XPages mobile controls, we will show the same application built using the free mobile tools available from OpenNTF. You will leave the session with practical examples of how to take the first step to putting a fresh mobile face on your applications and everything that goes with it.
General introduction to the Darwino platform, and how to enhance your existing IBM Domino/Notes applications, providing a mobile UI, deploying to the cloud, and leveraging IBM Watson services
Demystifying Decoupled Drupal for Developers & Content AuthorsRachel Wandishin
Today, with the diversity of customer experiences, developers require a WCM that provides flexibility and creativity in display output, and the ability to build innovative experiences that take advantage of diverse front-ends (i.e. JavaScript frameworks and libraries).
Join our session to learn how Acquia’s WCM, Drupal, delivers universal content flexibility — providing the greatest creative flexibility to front-end developers and content authors to build content-rich experiences for any channel, device or mode of interaction.
We’ll cover how the Acquia platform supports decoupled Drupal architectures and how you might use Drupal in three different modes that cover the “best of all worlds” - traditional, decoupled, and progressively decoupled WCM. As a result, developers have full flexibility and creativity, and content creators have full content management control - only Drupal provides this flexibility to all stakeholders.
During this webinar, we will investigate the following topics:
- An intro to decoupled Drupal concepts, options & supported features
- Decoupled Drupal best practices and trade offs
- Acquia customer case studies using decoupled Drupal
- Decoupled Drupal improvements and upcoming releases
A general overview of HTML5, CSS 3, CSS Meedia Queries, mobile, DAP.
You might find the organically-grown hand-selected list-of-links-o-rama™ at http://my.opera.com/ODIN/blog/over-the-air-2010-bruce-lawsons-web-developments-2-0-talk to be useful.
IBM Connect 2014 - AD205: Creating State-of-the-Art Web Applications with Dom...Dave Delay
By clearly separating IBM Domino data from the web page, Domino REST services can open the door to a new world of interactive web applications. Learn about emerging web standards, including Web Components, that reflect new paradigms and help you create more interactive web applications. Find out what's new in Domino REST services and see examples of state-of-the-art applications that combine emerging web standards and REST.
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...darwinodb
This is the presentation that John Tripp & Phil Riand made at IBMConnectED introducing Darwino, a new full-stack enterprise development platform for social and mobile cloud enabled applications that work natively on mobile devices - even offline.
Presentation done at MUPPLE-09, 2nd Workshop on Mash-UP Personal Learning Environments (MUPPLE-09), Interoperable Widgets, Services, and Microformats to facilitate Competence Development, held at the 4th European Conference on Technology Enhanced Learning (EC-TEL09), Nice, France, September 29 - October 2, 2009.
Proceedings online at: http://CEUR-WS.org/Vol-506/
This article: http://CEUR-WS.org/Vol-506/sire.pdf
The XPages Mobile Controls: What's New in Notes 9.0.1Teamstudio
There are new XPages mobile controls available to us as developers in Notes 9.0.1, and they make it even easier to add a mobile layer to your Notes and Domino applications.
This session will present those new controls and how to use them with an existing traditional Domino application. We will show you how to take an app that was built with Notes 6.x and add a mobile interface. In addition to the XPages mobile controls, we will show the same application built using the free mobile tools available from OpenNTF. You will leave the session with practical examples of how to take the first step to putting a fresh mobile face on your applications and everything that goes with it.
General introduction to the Darwino platform, and how to enhance your existing IBM Domino/Notes applications, providing a mobile UI, deploying to the cloud, and leveraging IBM Watson services
Demystifying Decoupled Drupal for Developers & Content AuthorsRachel Wandishin
Today, with the diversity of customer experiences, developers require a WCM that provides flexibility and creativity in display output, and the ability to build innovative experiences that take advantage of diverse front-ends (i.e. JavaScript frameworks and libraries).
Join our session to learn how Acquia’s WCM, Drupal, delivers universal content flexibility — providing the greatest creative flexibility to front-end developers and content authors to build content-rich experiences for any channel, device or mode of interaction.
We’ll cover how the Acquia platform supports decoupled Drupal architectures and how you might use Drupal in three different modes that cover the “best of all worlds” - traditional, decoupled, and progressively decoupled WCM. As a result, developers have full flexibility and creativity, and content creators have full content management control - only Drupal provides this flexibility to all stakeholders.
During this webinar, we will investigate the following topics:
- An intro to decoupled Drupal concepts, options & supported features
- Decoupled Drupal best practices and trade offs
- Acquia customer case studies using decoupled Drupal
- Decoupled Drupal improvements and upcoming releases
A general overview of HTML5, CSS 3, CSS Meedia Queries, mobile, DAP.
You might find the organically-grown hand-selected list-of-links-o-rama™ at http://my.opera.com/ODIN/blog/over-the-air-2010-bruce-lawsons-web-developments-2-0-talk to be useful.
IBM Connect 2014 - AD205: Creating State-of-the-Art Web Applications with Dom...Dave Delay
By clearly separating IBM Domino data from the web page, Domino REST services can open the door to a new world of interactive web applications. Learn about emerging web standards, including Web Components, that reflect new paradigms and help you create more interactive web applications. Find out what's new in Domino REST services and see examples of state-of-the-art applications that combine emerging web standards and REST.
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...darwinodb
This is the presentation that John Tripp & Phil Riand made at IBMConnectED introducing Darwino, a new full-stack enterprise development platform for social and mobile cloud enabled applications that work natively on mobile devices - even offline.
Similar to Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09 (20)
Mobile Strategies for Drupal (NY DrupalCamp6)Tom Deryckere
These slides have been presented at DrupalCamp NY (28 februari 2009) and contain some scenarios for going mobile with Drupal. A range of modules are being described that will be release in the coming weeks. For more information go to http://www.mobiledrupal.com
In the Adani-Hindenburg case, what is SEBI investigating.pptxAdani case
Adani SEBI investigation revealed that the latter had sought information from five foreign jurisdictions concerning the holdings of the firm’s foreign portfolio investors (FPIs) in relation to the alleged violations of the MPS Regulations. Nevertheless, the economic interest of the twelve FPIs based in tax haven jurisdictions still needs to be determined. The Adani Group firms classed these FPIs as public shareholders. According to Hindenburg, FPIs were used to get around regulatory standards.
Building Your Employer Brand with Social MediaLuanWise
Presented at The Global HR Summit, 6th June 2024
In this keynote, Luan Wise will provide invaluable insights to elevate your employer brand on social media platforms including LinkedIn, Facebook, Instagram, X (formerly Twitter) and TikTok. You'll learn how compelling content can authentically showcase your company culture, values, and employee experiences to support your talent acquisition and retention objectives. Additionally, you'll understand the power of employee advocacy to amplify reach and engagement – helping to position your organization as an employer of choice in today's competitive talent landscape.
3.0 Project 2_ Developing My Brand Identity Kit.pptxtanyjahb
A personal brand exploration presentation summarizes an individual's unique qualities and goals, covering strengths, values, passions, and target audience. It helps individuals understand what makes them stand out, their desired image, and how they aim to achieve it.
Discover the innovative and creative projects that highlight my journey throu...dylandmeas
Discover the innovative and creative projects that highlight my journey through Full Sail University. Below, you’ll find a collection of my work showcasing my skills and expertise in digital marketing, event planning, and media production.
Recruiting in the Digital Age: A Social Media MasterclassLuanWise
In this masterclass, presented at the Global HR Summit on 5th June 2024, Luan Wise explored the essential features of social media platforms that support talent acquisition, including LinkedIn, Facebook, Instagram, X (formerly Twitter) and TikTok.
Putting the SPARK into Virtual Training.pptxCynthia Clay
This 60-minute webinar, sponsored by Adobe, was delivered for the Training Mag Network. It explored the five elements of SPARK: Storytelling, Purpose, Action, Relationships, and Kudos. Knowing how to tell a well-structured story is key to building long-term memory. Stating a clear purpose that doesn't take away from the discovery learning process is critical. Ensuring that people move from theory to practical application is imperative. Creating strong social learning is the key to commitment and engagement. Validating and affirming participants' comments is the way to create a positive learning environment.
LA HUG - Video Testimonials with Chynna Morgan - June 2024Lital Barkan
Have you ever heard that user-generated content or video testimonials can take your brand to the next level? We will explore how you can effectively use video testimonials to leverage and boost your sales, content strategy, and increase your CRM data.🤯
We will dig deeper into:
1. How to capture video testimonials that convert from your audience 🎥
2. How to leverage your testimonials to boost your sales 💲
3. How you can capture more CRM data to understand your audience better through video testimonials. 📊
Personal Brand Statement:
As an Army veteran dedicated to lifelong learning, I bring a disciplined, strategic mindset to my pursuits. I am constantly expanding my knowledge to innovate and lead effectively. My journey is driven by a commitment to excellence, and to make a meaningful impact in the world.
Premium MEAN Stack Development Solutions for Modern BusinessesSynapseIndia
Stay ahead of the curve with our premium MEAN Stack Development Solutions. Our expert developers utilize MongoDB, Express.js, AngularJS, and Node.js to create modern and responsive web applications. Trust us for cutting-edge solutions that drive your business growth and success.
Know more: https://www.synapseindia.com/technology/mean-stack-development-company.html
11. Complexity
Device fragmentation:
− Millions of devices
− Different Operating systems
− Different capabilities
• Ex: screen sizes, javascript support, CSS / xHTML support, video support
− ...
Usability: make a fun and easy experience
− Content has to be easy to find
− Reduce scrolling (no horizontal scrolling)
− Make links clickable (not too small)
− Easy navigation structure that is easy to find
− ...
11
12. On fragmentation
Convergence is coming
Javascript becomes more and more the standard
Desktop html works on mobile devices
12
13. More interesting data
United States Handset Data - April 2009 India Handset Data - April 2009
Requests: 3,538,714,000 Requests: 447,079,855
480x320 px
176x220 px
240x320 px
320 x 240 px
480x320 px
Palm pre: 480 x 320
13
Source: AdMob
14. Complexity
Optmization of download size
− Network connections are not always optimal (between 50kb/s –
1,8Mbit/s
− Don’t let the user wait, don’t let him download content that he will
not use
Bring relevant content to the mobile user
− Understand what he will look for (think and plan well!!)
− Is not easy (especially for the customer)
14
17. General Login or Register
Form a multi-column based site going towards a 1
column site
We are talking about generic designs
Second navigation
New forum posts
17 New Comments
Sponsors etc ...
18. Design
Rules of thumb
− No fixed margins
− No floats
− No big fixed fonts
− Reduce the usage of tables (or reduce the number of columns)
− Make a block with links to views like
• Most recent comments
• Most recent forum topics
− Remove node content from frontpage
− Replace the user login block by a link
− Navigation in a dropdown list works well
− No who is online, who is new kind of blogs (not relevant)
− You can make things sexy for iphone, android, ...
18
25. Mobile modules for Drupal
Many attempts in the comunity
Focus on
− Providing mobile themes (e.g. iUI, mobile theme)
− Theme switching
− Mobile payments
Not a lot of demos
General no proven long term strategy
An overview on
http://mobiledrupal.com/content/overview-mobile-modules-drupal
25
26. Some Drupal modules
Under my maintenance – Co-maintainers welcome!
http://drupal.org/project/mobile_tools
(release 6.x-1.7)
http://drupal.org/project/siruna
(release 6.x-1.0-beta)
http://drupal.org/project/wurfl
(release 6.x-dev)
Planned:
− Image resizing module
− Video transcoding solution (based on Media Mover)
− Providing some more mobile themes
26
27. First define the flow (4 steps)
Device Detection
(Mobile device, desktop, PSP, ...)
Switching
(Make sure the user gets access to the best site)
Functionality + content
(What functionality and content is relevant for the device)
Theming
(Layout, image resizing, navigation, table linearization)
27
28. User notification / redirection
Device detection
− Notify mobile users for the existence of a mobile site
− Automatically redirect mobile users to the mobile site
− Provide custom configurable message: e.g.: “View mobile |
classic”
− Support for Browscap, Wurfl and other third party device detection
modules
28
29. Mobile permissions
Mobile context in the permission system
− Roles of the mobile visitor gets replaced by a mobile variant of his
normal roles
− Administrator can use role permissions to toggle functionality
• Node Acces, Menu per role, etc ... Can help
− = Mobile context for permissions
− Very powerfull tool to toggle functionality on your mobile site!
29
30. Theme switching
Theme switching (based on device group if needed)
Based on domain name or device detection
Switching per device group (Android, iPhone, etc ...)
30
32. Creating the mobile look
Two main solutions
Create you own themes (see rules of thumb)
− No fixed margins Currently high risk and
− No floats complexity, but allows more
− No big fixed fonts
− Reduce the usage of tables (or reduce the number of columns) creativity!
− Make a block with links to views like
• Most recent comments
• Most recent forum topics
− Remove node content from frontpage
− Replace the user login block by a link
− Navigation in a dropdown list works well
− No who is online, who is new kind of blogs (not relevant)
− You can make things sexy for iphone, android, ...
Use an adaptation service (like Siruna ;))
− Does most of the work for you (image transcoding, device
detection, adaptation for difference devices)
− Build in functionality to help creating different versions
− Fast prototyping
− High Quality
33. Adaptation engine =
proxy to the mobile user
Mobile URL Desktop URL
DNS
Adaptation
engine
Website / XML stream
35. How does it work?
Automatic
Content
Device Content Adaptation
Detection Adaptation
Engine
Select
Content Menu
Fetcher
Select mobile
content
Adapt Style
35
36. Content adaptation engine
Siruna Composer
Previewing XML based rules
(http://open.siruna.org/documentation/sitemap-api)
36
37. XML scripting language:
syntax
<map:transform />
means you want to define a transformation on the content.
<map:transform type=“sirunaElementTransformer” />
means you want to use an “Element Transformer”
(http://open.siruna.org/documentation/sitemap-api for more
transformers.
<map:transform type=“sirunaElementTransformer>
<map:parameter name="task0"
value="remove(//p:form[@id='comment-form']//p:fieldset)" />
</map:transform>
=> Means you want to remove the fieldset of the form
41. Siruna module
Tight integration between Siruna and Drupal
Flexible definition of filters for content types, menu
pages, views and individual pages
Duplication of theme enabling a “mobile configuration”
for the mobile users
Possibility to apply predefined adaptations
Previewing of the mobile site from within Drupal
41
42. Predefined adaptations
Module allows creating adaptation for your own
themes
Creation of a repository of mobile adaptations
42
43. Define your filters
Filter is a adaptation pipeline for group of pages
− E.g. Specific pages or nodetypes can have a different filter!
Powerfull concept to make complex sites mobile!
43