EventNinja, Dojo and mobile

•

2 gostaram•924 visualizações

These are the slides of the EventList talk I gave at IBM Research Labs during the dojo.workshop. The talk was covering possible architectures for cross device mobile solutions.

Tecnologia Negócios

EventNinja
Dojo and Mobile
Building mobile applications with the Dojo Toolkit

Nikolai Onken - @uxebu, @nonken

What are we going to do next?

• Mobile and Dojo? Where do we stand?
• Lets dive in - EventNinja
• Questions?

Nikolai Onken - @uxebu, @nonken

Are we ready yet?

YES :)
NO =/

Nikolai Onken - @uxebu, @nonken

Why choose Dojo?

performance benchmarks
(even though they don’t count)

http://blog.stefankolb.de/2009/05/13/javascript-
frameworks-within-mobile-widgets/

Nikolai Onken - @uxebu, @nonken

Very flexible build system:
e.g. webkit mobile
http://alex.dojotoolkit.org/2009/01/webkit-mobile/

Nikolai Onken - @uxebu, @nonken

Custom build

Nikolai Onken - @uxebu, @nonken

What are we going to do next?

• Dojo introduction
• Mobile and Dojo? Where do we stand?
• Lets dive in - EventNinja

Nikolai Onken - @uxebu, @nonken

EventNinja

Nikolai Onken - @uxebu, @nonken

The idea

• upcoming, eventbrite, ...
• finding all web dev events on one page?
• YES: HTML, CSS, JS
• NO: Objective C, Java, other proprietary stuff
• AND: we are lazy ... fastest way from idea to
result? mobile devices and normal websites???

Nikolai Onken - @uxebu, @nonken

Use the cloud when possible

Nikolai Onken - @uxebu, @nonken

for your DATA

Nikolai Onken - @uxebu, @nonken

Use the cloud - again

Nikolai Onken - @uxebu, @nonken

for your JS/CSS/Images (CDN)

Be careful though - mobile apps need custom builds for deploy

Nikolai Onken - @uxebu, @nonken

What could be a good architecture?

• Something similar to the MVC pattern
• Tiny base (especially for mobile)
• Extra functionality through plugins
• Styling via CSS
• Platform specific design via templates (DTL)
=

Multiple Platforms

Nikolai Onken - @uxebu, @nonken

See it in action

Nikolai Onken - @uxebu, @nonken

The source

Nikolai Onken - @uxebu, @nonken

Templating

Nikolai Onken - @uxebu, @nonken

Templating - source

Nikolai Onken - @uxebu, @nonken

Plugins

Nikolai Onken - @uxebu, @nonken

Plugin - Structure

Nikolai Onken - @uxebu, @nonken

Mobile Version, the goal

• W3C Widgets
• Nokia S60 (W3C)
• Palm Pre (NEW)
• iPhone (Phonegap)
• Android (Phonegap)
• Blackberry (Phonegap)

Nikolai Onken - @uxebu, @nonken

See it in action - more details

Nikolai Onken - @uxebu, @nonken

Mobile development tips

Nikolai Onken - @uxebu, @nonken

Build platform/device specific

• CSS Transitions (Webkit)
• Device API support (geolocation, etc.)
• Custom builds (Deliver in chunks, small initial
hit)

Nikolai Onken - @uxebu, @nonken

An example: iPhone

Nikolai Onken - @uxebu, @nonken

Extending objects / CSS transitions

Nikolai Onken - @uxebu, @nonken

Device API support

OUPS, not there yet :(

Nikolai Onken - @uxebu, @nonken

Custom builds

Nikolai Onken - @uxebu, @nonken

Automate

Set up deployment processes for all platforms you
want to support (sh is your friend)

Nikolai Onken - @uxebu, @nonken

How do I test?

• Debugging tools on mobile devices suck (most)
• http://www.opera.com/dragonfly
• Uhh, the screen is so tiny (firebug lite?)
• phone specific deploy process takes ages (e.g.
iPhone)

Nikolai Onken - @uxebu, @nonken

Some tips

• Always test your app before you build the JS
• Always test the built JS in a normal browser
• e.g. iPhone: test in Webkit
• e.g. iPhone, test on the iPhone browser before you
compile your native app

• e.g. S60: test in Opera
• Always do this
• Really!
Nikolai Onken - @uxebu, @nonken

Simulators are not devices,
unfortunately

Do you have a phone for me?
....Start collecting phones,
optimize for the lowest common denominator

Nikolai Onken - @uxebu, @nonken

And once you have found the solution

Share your knowledge

Nikolai Onken - @uxebu, @nonken

Questions?

Nikolai Onken - @uxebu, @nonken

thx

http://blog.uxebu.com
Nikolai Onken, uxebu
nikolai@uxebu.com

@uxebu, @nonken

Nikolai Onken - @uxebu, @nonken

Mais conteúdo relacionado

Mais de Nikolai Onken

Running a cloud-based developer platform

Nikolai Onken

The Art Of Practicing - WebSummit 2014

Nikolai Onken

Embedjs

Nikolai Onken

Human APIs - expanding the mobile web or are robots coming to JavaScript?

Nikolai Onken

Robotic JavaScript

Nikolai Onken

Mobile Cross Platform

Nikolai Onken

Human APIs, the future of mobile

Nikolai Onken

Mobile JavaScript Development - QCon 2010

Nikolai Onken

Dojo, from scratch to result

Nikolai Onken

Dojo and Adobe AIR

Nikolai Onken

RIA/UI development with Dojo

Nikolai Onken

Mais de Nikolai Onken (11)

Running a cloud-based developer platform

The Art Of Practicing - WebSummit 2014

Embedjs

Human APIs - expanding the mobile web or are robots coming to JavaScript?

Robotic JavaScript

Mobile Cross Platform

Human APIs, the future of mobile

Mobile JavaScript Development - QCon 2010

Dojo, from scratch to result

Dojo and Adobe AIR

RIA/UI development with Dojo

Último

MS Copilot expands with MS Graph connectors

Nanddeep Nachan

[BuildWithAI] Introduction to Gemini.pdf

Sandro Moreira

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 deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Orbitshub

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Architecting Cloud Native Applications

WSO2

MINDCTI Revenue Release Quarter One 2024

MIND CTI

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Tracing the root cause of a performance issue requires a lot of patience, experience, and focus. It’s so hard that we sometimes attempt to guess by trying out tentative fixes, but that usually results in frustration, messy code, and a considerable waste of time and money. This talk explains how to correctly zoom in on a performance bottleneck using three levels of profiling: distributed tracing, metrics, and method profiling. After we learn to read the JVM profiler output as a flame graph, we explore a series of bottlenecks typical for backend systems, like connection/thread pool starvation, invisible aspects, blocking code, hot CPU methods, lock contention, and Virtual Thread pinning, and we learn to trace them even if they occur in library code you are not familiar with. Attend this talk and prepare for the performance issues that will eventually hit any successful system. About authorWith two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Victor Rentea

Six Myths about Ontologies: The Basics of Formal Ontology

johnbeverley2021

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

Exploring Multimodal Embeddings with Milvus

Zilliz

EventNinja, Dojo and mobile

1. EventNinja Dojo and Mobile Building mobile applications with the Dojo Toolkit Nikolai Onken - @uxebu, @nonken

2. What are we going to do next? • Mobile and Dojo? Where do we stand? • Lets dive in - EventNinja • Questions? Nikolai Onken - @uxebu, @nonken

3. What are we going to do next? • Mobile and Dojo? Where do we stand? • Lets dive in - EventNinja • Questions? Nikolai Onken - @uxebu, @nonken

4. Are we ready yet? YES :) NO =/ Nikolai Onken - @uxebu, @nonken

5. Why choose Dojo? performance benchmarks (even though they don’t count) http://blog.stefankolb.de/2009/05/13/javascript- frameworks-within-mobile-widgets/ Nikolai Onken - @uxebu, @nonken

6. Very flexible build system: e.g. webkit mobile http://alex.dojotoolkit.org/2009/01/webkit-mobile/ Nikolai Onken - @uxebu, @nonken

7. Custom build Nikolai Onken - @uxebu, @nonken

8. Custom build Nikolai Onken - @uxebu, @nonken

9. What are we going to do next? • Dojo introduction • Mobile and Dojo? Where do we stand? • Lets dive in - EventNinja Nikolai Onken - @uxebu, @nonken

10. EventNinja Nikolai Onken - @uxebu, @nonken

11. The idea • upcoming, eventbrite, ... • finding all web dev events on one page? • YES: HTML, CSS, JS • NO: Objective C, Java, other proprietary stuff • AND: we are lazy ... fastest way from idea to result? mobile devices and normal websites??? Nikolai Onken - @uxebu, @nonken

12. Nikolai Onken - @uxebu, @nonken

13. Use the cloud when possible Nikolai Onken - @uxebu, @nonken

14. for your DATA Nikolai Onken - @uxebu, @nonken

15. Nikolai Onken - @uxebu, @nonken

16. Nikolai Onken - @uxebu, @nonken

17. Nikolai Onken - @uxebu, @nonken

18. Use the cloud - again Nikolai Onken - @uxebu, @nonken

19. for your JS/CSS/Images (CDN) Be careful though - mobile apps need custom builds for deploy Nikolai Onken - @uxebu, @nonken

20. What could be a good architecture? • Something similar to the MVC pattern • Tiny base (especially for mobile) • Extra functionality through plugins • Styling via CSS • Platform specific design via templates (DTL) = Multiple Platforms Nikolai Onken - @uxebu, @nonken

21. Nikolai Onken - @uxebu, @nonken

22. See it in action Nikolai Onken - @uxebu, @nonken

23. The source Nikolai Onken - @uxebu, @nonken

24. Templating Nikolai Onken - @uxebu, @nonken

25. Templating - source Nikolai Onken - @uxebu, @nonken

26. Plugins Nikolai Onken - @uxebu, @nonken

27. Plugin - Structure Nikolai Onken - @uxebu, @nonken

28. Mobile Version, the goal • W3C Widgets • Nokia S60 (W3C) • Palm Pre (NEW) • iPhone (Phonegap) • Android (Phonegap) • Blackberry (Phonegap) Nikolai Onken - @uxebu, @nonken

29. See it in action - more details Nikolai Onken - @uxebu, @nonken

30. Mobile development tips Nikolai Onken - @uxebu, @nonken

31. Build platform/device specific • CSS Transitions (Webkit) • Device API support (geolocation, etc.) • Custom builds (Deliver in chunks, small initial hit) Nikolai Onken - @uxebu, @nonken

32. An example: iPhone Nikolai Onken - @uxebu, @nonken

33. Extending objects / CSS transitions Nikolai Onken - @uxebu, @nonken

34. Device API support OUPS, not there yet :( Nikolai Onken - @uxebu, @nonken

35. Custom builds Nikolai Onken - @uxebu, @nonken

36. Automate Set up deployment processes for all platforms you want to support (sh is your friend) Nikolai Onken - @uxebu, @nonken

37. How do I test? • Debugging tools on mobile devices suck (most) • http://www.opera.com/dragonfly • Uhh, the screen is so tiny (firebug lite?) • phone specific deploy process takes ages (e.g. iPhone) Nikolai Onken - @uxebu, @nonken

38. Some tips • Always test your app before you build the JS • Always test the built JS in a normal browser • e.g. iPhone: test in Webkit • e.g. iPhone, test on the iPhone browser before you compile your native app • e.g. S60: test in Opera • Always do this • Really! Nikolai Onken - @uxebu, @nonken

39. Simulators are not devices, unfortunately Do you have a phone for me? ....Start collecting phones, optimize for the lowest common denominator Nikolai Onken - @uxebu, @nonken

40. And once you have found the solution Share your knowledge Nikolai Onken - @uxebu, @nonken

41. Questions? Nikolai Onken - @uxebu, @nonken

42. thx http://blog.uxebu.com Nikolai Onken, uxebu nikolai@uxebu.com @uxebu, @nonken Nikolai Onken - @uxebu, @nonken

EventNinja, Dojo and mobile

Recomendados

Recomendados

Mais conteúdo relacionado

Mais de Nikolai Onken

Mais de Nikolai Onken (11)

Último

Último (20)

EventNinja, Dojo and mobile