Dan Hermes, author of Xamarin Mobile Application Development, talks about how to give your users what they need to get around your Xamarin app quickly, moving from screen to screen with confidence and ease. Menus, tappable icons, buttons, tabs, and lists all offer ways to navigate your app. Dan will discuss industry-standard approaches for tying an app’s screens together in elegant and usable ways called navigation design patterns, based upon the concepts in his new book. Here are the most common mobile UI navigation patterns used in Xamarin development:
• Hierarchical
• Modal
• Drill-down list
• Navigation drawer
• Tabs
• Springboard
• Carousel
Learn how to use these navigation patterns in Xamarin.Forms and how to approach them in Xamarin.Android and Xamarin.iOS. Moving between screens also requires passing data between them. Dan will talk about different ways to maintain state during navigation.
You will learn about how to:
• Create navigation to get your user from screen-to-screen
• Create many kinds of menus
• Manage state and passing data between pages
• Combine navigation patterns to form a complete app
Apresentação do curso sobre Gerenciamento de Fábrica de Software. Nesta apresentação é feita uma introdução ao conceito de Fábrica de Software e detalhado o programa do curso.
Minicurso apresentado na Jornada de Atualização em Computação, Elétrica e Eletrônica (JACEE) da Universidade Federal do Espírito Santo (UFES). São apresentados o mercado para Android, o histórico da plataforma, a sua arquitetura, as diferenças do processo de desenvolvimento Java e Android e os componentes básicos de aplicação. Também são descritos os passos para criação de dois aplicativos do início ao fim.
Apresentação do curso sobre Gerenciamento de Fábrica de Software. Nesta apresentação é feita uma introdução ao conceito de Fábrica de Software e detalhado o programa do curso.
Minicurso apresentado na Jornada de Atualização em Computação, Elétrica e Eletrônica (JACEE) da Universidade Federal do Espírito Santo (UFES). São apresentados o mercado para Android, o histórico da plataforma, a sua arquitetura, as diferenças do processo de desenvolvimento Java e Android e os componentes básicos de aplicação. Também são descritos os passos para criação de dois aplicativos do início ao fim.
CCOE el cuento de las tres adopciones de nubes y la Transformación Digital fe...Luciano Moreira da Cruz
La pandemia en curso y el aumento de los servicios digitales están haciendo de la nube la pieza central de las nuevas experiencias digitales, segun Gartner y a medida que cambia el modelo operativo, la organizaciónes cambiarán a un modelo operativo orientado al producto en el que todo el flujo de valor del negocio y de TI tendrá que alinearse por productos.
Para garantizar el éxito de la adopción de la nube, las organizaciones deben contar con las habilidades y la estructura adecuadas. La forma óptima de lograr esto es mediante la creación de un centro de excelencia en la nube centralizado (CCOE). Un CCOE es clave para impulsar la transformación de TI habilitada para la nube.
En este cuento veremos:
¿Qué es el CCoE (Cloud Center of Excellence)?
¿Por qué es importante un centro de excelencia en la Nube?
Trampas, errores
Recomendaciones y mejores practicas y mas
Qlik Sense の認定試験のひとつ、ビジネスアナリスト認定が日本語で受験いただけるようになりました。これは、Qlik Sense の使用における基礎的な知識や技術の習得を確認するもので、要件の特定、アプリケーションの設計、データの準備とロード、アプリケーション開発の能力を評価します。ユーザー様、パートナー様には是非取得していただきたい認定となっています。
今回は、受験方法や試験概要、合格のためのお勧めコンテンツとともに、公開されている練習問題をもとに、回答のための考え方や落とし穴も解説したいと思います。一緒に勉強しましょう!
CCOE el cuento de las tres adopciones de nubes y la Transformación Digital fe...Luciano Moreira da Cruz
La pandemia en curso y el aumento de los servicios digitales están haciendo de la nube la pieza central de las nuevas experiencias digitales, segun Gartner y a medida que cambia el modelo operativo, la organizaciónes cambiarán a un modelo operativo orientado al producto en el que todo el flujo de valor del negocio y de TI tendrá que alinearse por productos.
Para garantizar el éxito de la adopción de la nube, las organizaciones deben contar con las habilidades y la estructura adecuadas. La forma óptima de lograr esto es mediante la creación de un centro de excelencia en la nube centralizado (CCOE). Un CCOE es clave para impulsar la transformación de TI habilitada para la nube.
En este cuento veremos:
¿Qué es el CCoE (Cloud Center of Excellence)?
¿Por qué es importante un centro de excelencia en la Nube?
Trampas, errores
Recomendaciones y mejores practicas y mas
Qlik Sense の認定試験のひとつ、ビジネスアナリスト認定が日本語で受験いただけるようになりました。これは、Qlik Sense の使用における基礎的な知識や技術の習得を確認するもので、要件の特定、アプリケーションの設計、データの準備とロード、アプリケーション開発の能力を評価します。ユーザー様、パートナー様には是非取得していただきたい認定となっています。
今回は、受験方法や試験概要、合格のためのお勧めコンテンツとともに、公開されている練習問題をもとに、回答のための考え方や落とし穴も解説したいと思います。一緒に勉強しましょう!
Hybrid Smart phone application development analysisSandeep Krishna
Describes how to analyze requirement and choose the application development platform for smart phones apps. Suggests approach and platform on prior implementation experience. An Analysis initiated by UST global Malaysia Microsoft Excellence Team.
Pieter De Baets - An introduction to React Nativetlv-ios-dev
Presented on the TLV iOS Developers Meetup - 02/08/2015.
Slides Credit: @nicklockwood
Facebook introduced React Native in the beginning of this year, bringing the popular React.js framework to native applications. Pieter will explain how JavaScript might be the future of native development and why React's functional UI pattern matters as much in native as on the web.
Integrating Mobile Technology in the Construction IndustryAppear
Mobile technology has tremendous potential to transform the way civil engineering and construction is delivered – throughout the lifecycle from planning through execution to decommissioning. This webinar illustrates how the EU MobiCloud project is helping to deliver on this potential using a novel IT infrastructure for developing and managing construction orientated mobile applications
Navigation Patterns for iOS, Android and MoreTheresa Neil
Designing a mobile application? Look at these design patterns for primary and secondary navigation. All the images from the book are included plus dozens of new examples.
http://www.mobiledesignpatterngallery.com
Intro To React Native
with Varun Vachhar
OVERVIEW
React Native introduces a new way to write native mobile apps. You can take everything that you know and love about React and apply it to native apps. Unlike hybrid apps, it gives you access to both native APIs and UI components. The application logic uses JavaScript whereas, the UI is fully native! It also brings the best of the web to native, things like – flexbox layout model, XMLHttpRequest, requestAnimationFrame, etc.
OBJECTIVE
To introduce the audience to React Native. Show how they can leverage their knowledge of web development to build native apps.
TARGET AUDIENCE
Developers familiar with React who are interested in building native mobile apps.
ASSUMED AUDIENCE KNOWLEDGE
Basic knowledge of React, ES6 and CSS.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
What is React Native
How it is an extension of hybrid
How to use polyfills to leverage the best of the web while getting native performance
How to debug React Native apps
How to use Flexbox and CSS for styling a React Native app
Creating Modern UI PowerBuilder Framework using native objectszulmach .
Tells you about how native object like datawindow could give your application a modern look, with simple approach like using True Type Font and other method, hope you find it usefull and made your way to alternatif more modern UI rather than traditional Powerbuilder UI creation
Sets helps users be more productive by helping them to focus better and to pick up where they left off. Learn how Windows automatically integrates your apps with Sets to help users be more productive, and learn about opportunities to enrich your Windows applications to provide even more engaging experiences through User Activities, branded tab visuals, and new windowing features. Make your applications amazing in Sets!
Nate Rickard takes you on a deep dive into Xamarin.Forms, providing a brief overview, a practical application analysis of this took, and how to extend Xamarin.Forms.
You will be able to answer the following questions:
1. What are some considerations when deciding whether to use Xamarin.Forms?
2. When does it make sense to use Xamarin.Forms?
3. How can I use built in features/tactics to improve development on Xamarin.Forms?
4. How can I supplement Xamarin.Forms with additional (or changed) functionality?
WordPress Navigation in Responsive Designopenchamp
I gave this presentation at WordCamp Atlanta 2013. It covers one of the biggest challenges in responsive design - navigation. Specifically, it covers a few tips on how to leverage your WordPress theme's navigation to make it more responsive. I also cover some popular patterns in navigation that are best formatted for responsive designs - specifically mobile viewports.
Learn about the basics of web accessibility: what it is, who it affects, why it matters, and some of the fundamental things you ought to be doing in your pages to make them more accessible.
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012Suzanne Dergacheva
Everyone is going mobile these days and Drupal is no exception. There are lots of techniques for building mobile-friendly websites with Drupal from full-blown mobile applications to using a mobile-specific theme. Responsive design is a simpler way of designing for mobile. The goal of responsive design is to design a site so that the layout adapts to the width of the user's screen, making websites usable on all kinds of devices from mobile phones to large monitors.
This session will discuss how you can apply responsive design techniques to your Drupal website and how to make design choices that work within a responsive framework. Topics will include:
Steps to building a responsive Drupal 7 theme
Challenges when designing a responsive layout
Drupal elements that are particularly challenging to adapt
CSS techniques for responsive design
Responsive Drupal base themes
Everyone is going mobile these days and Drupal is no exception. There are lots of techniques for building mobile-friendly websites with Drupal from full-blown mobile applications to using a mobile-specific theme. Responsive design is a simpler way of designing for mobile. The goal of responsive design is to design a site so that the layout adapts to the width of the user's screen, making websites usable on all kinds of devices from mobile phones to large monitors.
This webinar will discuss how you can apply responsive design techniques to a Drupal website and will include the following topics:
* Steps to building a responsive Drupal 7 theme
* Challenges when designing a responsive layout
* Drupal elements that are particularly challenging to adapt
* CSS techniques for responsive design
* Responsive Drupal base themes
Developing Cross-platform Native Apps with Xamarindanhermes
Have you wanted to build a mobile app that works on every popular OS, but haven't had the time to learn each language for each platform? Or maybe, you've heard success and/or horror stories about developing cross platform apps one time with one set of languages? Well join Xamarin MVP and .NET consultant, Dan Hermes, as he dispels some of the rumors and introduces Xamarin, the fully native cross platform mobile app development platform.
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.
How App Usability, Functionality, and Analysis are Changing with Mobiledanhermes
Now we’re building apps for Android, iOS, Windows phone, and mobile web but is requirements gathering really any different? This talk will cover mobile mock-ups, usability, and important differences between PC web browser and mobile application analysis. Many of the fundamental concepts remain the same, so how do we leverage what we know? Wireframing certainly won’t go away but mobile UI patterns change our approach. A touchscreen isn’t a mouse at all. Instead of drag and click we have tap, swipe, pinch, press, and rotate. What about offline use? With mobile it’s standard practice. Learn how apps should work even when the connection is down. Desktop PCs don’t move around like mobile phones do – so location services are a key difference: GPS, cell triangulation, to the newest location technique: iBeacons. Enterprise apps are now a family of apps: web, mobile web, and mobile native, for as many as 4+ platforms! Some are HTML5 and some are native. What are the differences and how do we approach these differently from an analysis standpoint? Lastly, what technologies are available to develop all these apps and when should we use what?
The is from the book Agile Development in .NET by Dan Hermes. Most Agile methodologies used in .NET shops nationwide are variations of Scrum and Extreme Programming(XP). This booklet covers these tools and techniques: Test-driven Development (TDD), Behavior-driven Development (BDD), Continuous Integration (CI), and Refactoring to Patterns. The QuickNotes series covers relevant topics in software development to provide the reader with a swift overview of important trends, terms, and concepts. This book is available at Amazon.com.
1. Xamarin Navigation Patterns
Dan Hermes
developer, author, consultant,
founder of Lexicon Systems
dan@lexiconsystemsinc.com
www.mobilecsharpcafe.com
@danhermes
2. About me
• Software consultant since 1999
• Code, write, and lead teams
• Minecraft, tiki cocktails, my parrot, and digital art
• I love Xamarin
3. Xamarin Book
Now Available on Amazon
“This weighty book gives clear guidance that will help you
build quality apps, starting with architectural considerations,
and then jumping into practical code strategies.”
- Bryan Costanich, Vice President, Xamarin
“Dan Hermes’ extraordinary book is the most intelligent work
on cross-platform mobile development I’ve seen.”
– Jesse Liberty, Director of New Technology Development, Falafel Software,
Xamarin Certified Developer / Xamarin MVP
4. • Founded in 1999
• Develop web and mobile
apps
• Microsoft technology stack
We build apps for business
9. What is Navigation?
• Gives users what they need to get around
an app quickly, moving from screen to
screen with confidence and ease
• This may include menus, tappable icons,
buttons, tabs, and list items, as well as
many types of gesture-sensitive screens to
display data, information, and options to
the user
19. Hierarchical
• stack-based pattern
• allows users to move down into a stack of screens
• pop back out again, one screen at a time
• drill-down or breadcrumb
21. Hierarchical Navigation
using NavigationPage
• Instantiate a NavigationPage and pass in a ContentPage
• In the child page:
• Set Title and Icon Properties
• Navigation.PushAsync (new MyPage)
• Navigation.PopAsync();
27. Modal Types
1. Box: floats on top of the main page and is usually an alert, dialog
box, or menu that the user can respond to or cancel
2. Screen: replaces the main page entirely, interrupting the
hierarchical navigation stack
28. Modals in Xamarin.Forms
• NavigationPage for full-page modals
• Alerts for user notifications
• Action sheets for pop-up menus
29. Full Screen Modal
using Push and Pop
• Navigation.PushModalAsync( new nextPage());
• Navigation.PopModalAsync();
35. State Management
• Maintain the illusion of continuity during navigation
• Sharing of data between screens
• Pass variables directly into an instantiated ContentPage
36. Passing Data
• Pass data values directly into a page’s constructor
• Static Properties dictionary on the Application object to persist key/
value pairs to disk
• Static data instance (global) available to all pages
• Static properties on the Application object
39. Drill-down Lists
• by Item – use a ListView
• by Page – use a ListView
• Grouped – use a TableView
Use PushAsync when user clicks a row
40. Drill-down Lists:
NavigationPage
• Wrap list page in a NavigationPage
public class App : Application
{
public App()
{
MainPage = new NavigationPage(new DrilldownListViewByItem
());
}
}
46. Xamarin.Android
Navigation
• Hierarchical navigation using Toolbar or ActionBar
• Modal using DialogFragment, AlertDialog, and PopupMenu
• Drill-down list using ListView
• Navigation drawer using DrawerLayout
• Tabs using ActionBar
47. Xamarin.iOS
Navigation
• Hierarchical navigation using UINavigationController, the push segue,
or the PushViewController
• Modal using the modal segue, the PresentViewController, and
UIAlertAcontroller
• Drill-down list using UINavigationController
• Navigation drawer using components
• Tabs using UITabBarController
48. Android
State Management
Android uses a class called Bundle, which is a
dictionary that contains passed values,
housed inside a class called Intent, which we
use to call new activities
49. iOS
State Management
iOS developers favor public properties on the
destination view controller, but iOS supports
passing parameters into the destination
page’s constructor
50. Xamarin.Forms Navigation
Navigation Pattern Xamarin.Forms Class
Hierarchical NavigationPage
Modal NavigationPage, alerts, and ActionSheets
Drill-down lists NavigationPage, ListView, and TableView
Navigation drawer MasterDetailPage
Tabs TabbedPage
Springboard images with gesture recognizers
Carousel CarouselPage
51. It’s all on GitHub
https://github.com/danhermes/xamarin-book-examples
52. Need Something Xamarin-flavored?
• I do Xamarin consultations
• I do Xamarin training
• My firm does Xamarin development
• We help make Xamarin projects work
53. Xamarin Navigation
Patterns
Dan Hermes
developer, author, consultant,
founder of Lexicon Systems
dan@lexiconsystemsinc.com
Available on
Amazon
My blog: www.mobilecsharpcafe.com
Twitter: @danhermes
Editor's Notes
Why all the funny names? CROSS PLATFORM terms
Inspired in part by by Adam Kemp’s blog post, Navigation in Xamarin.Forms
and Mobile Design Pattern Gallery by Theresa Neil
@TheRealAdamKemp
Why all the funny names? CROSS PLATFORM terms
Inspired in part by by Adam Kemp’s blog post, Navigation in Xamarin.Forms
and Mobile Design Pattern Gallery by Theresa Neil
@TheRealAdamKemp
Why all the funny names? CROSS PLATFORM terms
Inspired in part by by Adam Kemp’s blog post, Navigation in Xamarin.Forms
and Mobile Design Pattern Gallery by Theresa Neil
@TheRealAdamKemp
Carousel – we’ll get to it. – Doesn’t show well in a static image
images
Drill-down (push onto stack), pop back up
images
Dropdown menu - ToolBarItems
Single, interruptive pop-up or screen
can usually be dismissed with a Cancel button
Both the global and Application object techniques use the singleton pattern, and are useful for app-wide classes such as data access or business objects.
Activity and fragment properties are available but not recommended (rotation, low mem, etc.)