Building Enterprise Apps with Sencha ExtJS/Touch & DeftJS

•

2 recomendaciones•2,258 vistas

Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca Learn how to build enterprise applications with Sencha & DeftJS. This session will discuss the build process and application architecture, as well as DeftJS integration — leave with all of the tools needed to begin writing scalable, maintainable and testable Sencha applications.

Educación Tecnología

Building Enterprise Apps with
Sencha & DeftJS
ryan canulla | @ryancanulla

Our Roadmap

•
•
•
•
•
•

Create workspace/apps
Conﬁgure deft and create login views
Add localization
Add viewController/businessService
Reorganize workspace & add unit
testing
ryancanulla.com | @ryancanulla

Add documentation

Sencha CMD

•
•
•

Cross-platform
Command line tool
Provides automated tasks around the full
life-cycle of your applications

ryancanulla.com | @ryancanulla

Sencha CMD

•
•
•

Code generators
Application management
Web server

ryancanulla.com | @ryancanulla

$ sencha generate [command]

•

workspace

•

app

ryancanulla.com | @ryancanulla

Workspace Overview

.sencha/
workspace/
sencha.cfg
plugin.xml
packages/
build/
web/
mobile/

# Sencha-specific files
# Workspace-specific content
# Workspace config file
# Workspace-level plugin
# Senchabuildpackagesis placed
# Where Cmd output
# Application
# Application

ryancanulla.com | @ryancanulla

App Overview

.sencha/
app/
sencha.cfg
build-impl.xml
plugin.xml
index.html
app.json
app.js
app/

# Sencha-specific files
# App-specific content
# App config file
# Standard app build script
# App-level plugin
# Entry point to your app
# App configuration
# Initialization logic
# MVC structure

ryancanulla.com | @ryancanulla

$ sencha app [command]

•

build

•

refresh

•

upgrade

- Executes the build process for an application
- Updates the application metadata ﬁle
-Upgrade the application SDK

ryancanulla.com | @ryancanulla

$ sencha web [options] [command]

•

--port, -p

•

start

•

stop

ryancanulla.com | @ryancanulla

Create workspace/apps with
Sencha CMD

ryancanulla.com | @ryancanulla

Integrating DeftJS

•

Add Deft to your app.json
"requires": [ "deft@0.9.0" ]

•

Refresh & build your app
$ sencha app refresh
$ sencha app build
ryancanulla.com | @ryancanulla

DeftJS Features

•
•
•

IoC Container
MVC with ViewControllers
Promises and Deferreds

ryancanulla.com | @ryancanulla

IoC Container

•
•
•
•

Eager and lazy instantiation
Injects dependencies before the class constructor is
executed
userService: ‘SampleApp.service.UserService’
inject[ ‘userService’ ]
ryancanulla.com | @ryancanulla

MVC with ViewControllers

•
•
•
•
•

Class annotation-driven
Supports multiple view instances
Integrates with destruction lifecycle
Automatically cleans up listeners
Control a view and delegate work to
injected business service

(service classes, Stores, etc.)

ryancanulla.com | @ryancanulla

Promises and Deferreds

•
•
•
•

Provides an elegant way to deal with async calls
Register success, failure, cancellation or
progress callbacks
Allows chaining
Implements the CommonJS Promises/A
speciﬁcation
ryancanulla.com | @ryancanulla

Conﬁgure DeftJS IOC Container
and create a login view

https://github.com/ryancanulla/sencha-deft-sample/tree/step-one

ryancanulla.com | @ryancanulla

Add localization

https://github.com/ryancanulla/sencha-deft-sample/tree/step-two

ryancanulla.com | @ryancanulla

Architecture Overview

ryancanulla.com | @ryancanulla

Modular Directory Structure

•
•
•

Organized by functionality
Essential for large applications

-

module.js

Conﬁgure IOC container
Deﬁne events
Deﬁne constants
ryancanulla.com | @ryancanulla

View Controllers

•
•

Conﬁgure view data

-

Listen for events

View: user interaction
Services, stores, models

(data changes)

ryancanulla.com | @ryancanulla

Business Services

•
•
•
•

Business speciﬁc logic
Build the data to power your view
Available for injection
Fire events
ryancanulla.com | @ryancanulla

Custom Proxy

ryancanulla.com | @ryancanulla

Add viewController/businessService

https://github.com/ryancanulla/sencha-deft-sample/tree/step-three

ryancanulla.com | @ryancanulla

Unit Testing

ryancanulla.com | @ryancanulla

Unit Testing

•
•

Jasmine
Karma Runner

ryancanulla.com | @ryancanulla

Reorganize workspace & add unit
testing

https://github.com/ryancanulla/sencha-deft-sample/tree/step-four

ryancanulla.com | @ryancanulla

JSDuck Documentation

$ [sudo] gem install jsduck
$ jsduck --config jsduck-conf.json

ryancanulla.com | @ryancanulla

Add documentation

https://github.com/ryancanulla/sencha-deft-sample/tree/step-ﬁve

ryancanulla.com | @ryancanulla

Más contenido relacionado

La actualidad más candente

For teams doing cloud-friendly SharePoint or Office 365 development, apps will be a key area of focus - be they SharePoint add-ins or the newer Office 365/Azure AD apps. ASP.NET (typically MVC) is a common platform here, and fortunately ALM and Continuous Integration become MUCH easier - finally, an end to "it’s harder because it's SharePoint!" We'll demonstrate how Visual Studio Online and Azure Web Apps are a winning combination for “continuous deployment”, and also how features such as "Deployment Slots" in Azure can help with dev and test environments, and also the upgrade/push-to-live process. Several demos will ensure you’re covered for developing both SharePoint add-ins and Office 365 apps.

Application Lifecycle Management for Office 365 development

Chris O'Brien

Dreamforce 2017 - Up close and personal with Lightning Experience as Platform

andyinthecloud

Deep dive into share point framework webparts

Prabhu Nehru

Serverless patterns v3 public

Yochay Kiriaty

Serverless patterns v2 public

Yochay Kiriaty

O365Con18 - SharePoint Framework for Administrators - Waldek Mastykarz

NCCOMMS

Salesforce winter 16 release

Jitendra Zaa

Play with azure functions

Baskar rao Dsn

Dreamforce 2018 Locker Service

Rahul Malhotra

Angular Meetup 1 - Angular Basics and Workshop

Nitin Bhojwani

API Proxy Auto Discovery

Vince Soliza

[Patel] SPFx: An ISV Insight into latest Microsoft's customization model

European Collaboration Summit

O365Con18 - Using ARM Templates to Deploy Solutions on Azure - Kevin Timmermann

NCCOMMS

BPM-4 Migration from jBPM to Activiti

Alfresco Software

Managing the deployment of code to multiple AWS Lambda functions and updating your API Gateway methods can be manual and time consuming. In this session, we will show you how to build a deployment pipeline to AWS Lambda using AWS CodePipeline, a continuous delivery service based on Amazon’s internal release automation tooling. We will discuss how to use versioning, which enables you to better manage the different variations of your Lambda functions and API Gateway methods in your development workflow (e.g., development, staging, and production). We will walk through how to automate the entire release process of your application from development, to staging, and finally to production; performing automated integration tests at each stage. AWS DevDay San Francisco, June 21, 2016. Presenter: Andrew Baird, Solutions Architecture

Managing the Continuous Delivery of Code to AWS Lambda

Amazon Web Services

Web presentation

Solaiman Hossain Tuhin

As Atlassian Connect is the way forward for building add-ons on Atlassian Cloud, Spring Boot is the way forward for building Spring web applications. Now you can combine the best of both worlds with the new open source library: Atlassian Connect Starter for Spring Boot. This will get you bootstrapped with an Atlassian Connect add-on in just a few minutes. In this talk you will learn: What is Spring Boot What is a Spring Boot Starter and how they benefit you How to use the Atlassian Connect Starter to easily build Atlassian Connect add-ons The Atlassian Connect architecture and how it interacts with your add-ons We will write a simple macro for Confluence and show how much time Spring Boot can save you.

Connecting Connect with Spring Boot

Vincent Kok

Chris OBrien - Pitfalls when developing with the SharePoint Framework (SPFx)

Chris O'Brien

[Elio Struyf] We all have these daily tasks that can be automated. Like checking if the backup job of your site completed, or looking how many times a file has been accessed, etc. These kinds of tasks are great to be automated by an Azure Functions. In this session, you will get an overview of what Azure Functions can do for you. With some demos, we go step by step through the creation, debugging and deployment process of these functions.

[Struyf] Automate Your Tasks With Azure Functions

European Collaboration Summit

DevJam 2019 - Building an ALEC Time Engine

Ronny Trommer

La actualidad más candente (20)

Application Lifecycle Management for Office 365 development

Dreamforce 2017 - Up close and personal with Lightning Experience as Platform

Deep dive into share point framework webparts

Serverless patterns v3 public

Serverless patterns v2 public

O365Con18 - SharePoint Framework for Administrators - Waldek Mastykarz

Salesforce winter 16 release

Play with azure functions

Dreamforce 2018 Locker Service

Angular Meetup 1 - Angular Basics and Workshop

API Proxy Auto Discovery

[Patel] SPFx: An ISV Insight into latest Microsoft's customization model

O365Con18 - Using ARM Templates to Deploy Solutions on Azure - Kevin Timmermann

BPM-4 Migration from jBPM to Activiti

Managing the Continuous Delivery of Code to AWS Lambda

Web presentation

Connecting Connect with Spring Boot

Chris OBrien - Pitfalls when developing with the SharePoint Framework (SPFx)

[Struyf] Automate Your Tasks With Azure Functions

DevJam 2019 - Building an ALEC Time Engine

Similar a Building Enterprise Apps with Sencha ExtJS/Touch & DeftJS

Building Enterprise Apps with Sencha & DeftJS

ryancanulla

Workflow manager was shipped together with Service Bus for Windows Server as part of the major SharePoint 2013 release. Microsoft workflow manager is built to host and manage workflows in a multi-tenant environment at a high scale, such as Windows Azure. In this session, Sam will give an architectural overview of Workflow Manager and position it in various scenarios. It will also be compared WCF Workflow Services. The concepts of custom activities, deployment, management and workflow hierarchy will be explained. A cloud-based workflow solution will be demonstrated, showing integration between Windows Azure Service Bus, Workflow Manager, Windows Azure BizTalk Services and on premises systems. After the session, attendees should be able to understand the capabilities of Workflow Manager and should have seen how to build distributed workflows in a scalable cloud environment.

Workflow Manager - a technical overview (Sam Vanhoutte)

Sam Vanhoutte

20140211 BTUG.be - Workflow Manager

BTUGbe

Zure Azure PaaS Zero to Hero - DevOps training day

Okko Oulasvirta

The future of web development write once, run everywhere with angular js an...

Mark Leusink

The future of web development write once, run everywhere with angular.js and ...

Mark Roden

Continuous Delivery: How RightScale Releases Weekly

RightScale

Details Alexandra Carter - Callcredit, Numero and Microsoft: Containerisation Hack of a Legacy Software Solution This is the story of how we took a legacy solution and pushed it into containers on windows in just three days. This was also a great chance to work with Microsoft at the cutting edge of their work on containerisation, VSTS and Azure. Moving on from our Hackathon, we have continued adding new components, experimenting with orchestration and showcasing our work. I’ll talk you through the prep work, the 3 day hack and the subsequent work; what it means for the product roadmap, the experimentation we have done and how stakeholders are responding. Finally, we’ll look ahead to next steps. Case study: https://microsoft.github.io/techcasestudies/devops/2017/06/16/Callcredit_DevOps.html Alex Carter "I have worked in IT, Marketing, Software Support and Software Delivery before moving into my current System Build (DevOps) role within Callcredit. I live and breathe DevOps and am currently focussing on anything around containerisation in Windows. A day without Metal and motor racing is a dull one." @smileandeliver (https://twitter.com/smileandeliver) From CodeMill digital skills meetup https://www.meetup.com/CodeMill-Digital-Skills/events/243110732/

Containerisation Hack of a Legacy Software Solution - Alex Carter - CodeMill ...

CodeMill digital skills

From SharePoint Saturday DC (Reston) Saturday 25th October, 2014 1:00pm to 2:15pm (EST) This session is targeted to the SharePoint .NET developer who has been clinging to sandbox/farm solutions and putting off jumping into the SharePoint App model. Get your head out of the clouds and head into the cloud! This introductory session will guide you through the steps to provision a scalable Provider-Hosted App in Azure.

Heading to the Cloud : Introduction to deploying a Provider-Hosted App in Azure

Xenox Garavito

Intro to ColdBox MVC at Japan CFUG

Ortus Solutions, Corp

Azure Functions Real World Examples

Yochay Kiriaty

Exploring pwa for shopware

Sander Mangel

Building Solution in Office 365 requires leveraging other cloud services, such as Azure Services. For those new to SharePoint and all SharePoint veterans, building cloud ready “Full Trust” solutions for Office 365 introduces a huge paradigm shift over the traditional on-premise full-trust development model. In this session, we will look at a couple common full trust solutions and move them to Office365 and Azure. We will leverage various Azure services such as Azure Functions, Event Grids and WebJobs. See demonstrations on how event receivers become Azure Function and Event Grids, and timer jobs become Azure WebJobs. Learn about other useful Azure services for replacing full trust functionality. Don’t pass up this opportunity to learn skills and knowledge you need to build Office 365 Solutions leveraging Cloud Services Attendee Takeaways: 1. Understand how to take Full Trust solutions from On-premise to the Office365. 2. Learn how to use Azure Functions, Event Grids, WebJobs and several other Azure Services. 3. See demonstrations of a couple common Full Trust Solutions converted to cloud solutions on Office365 and Azure.

Real World SharePoint Framework and Azure Services

Brian Culver

Did you know that just a handful of root causes cause the majority of application issues like crashes, slow performance or incorrect application behavior? Non-optimized database access, deployment mistakes, memory leaks, or inefficient coding are just some examples. Companies that think Continuous Delivery and DevOps will solve all their problems typically fail as they just run into these problems faster. In this session we take a closer look at the most common problems, how to detect them and how to incorporate performance into your DevOps culture by automatically detecting these top problems.

Industry Keynote at Large Scale Testing Workshop 2015

Wolfgang Gottesheim

SWE Interactive - Overview

Craig Le

This session will provide details on the usage of OSS tools to secure your dev and ops lifecycle. It covers tools used in application, host and network security assessments for both monolithic and Microservices based architectures. The session also covers usage of OSS tools for runtime application self-protection. Apart from tools in development phase, the session provides insights on building secure design into the product via threat modeling tool.

(SACON) Satish Sreenivasaiah - DevSecOps Tools and Beyond

Priyanka Aash

Aws User Group Singapore Presentation Oct-21-2020

Varun Manik

Apache CloudStack is open source software designed to deploy and manage large networks of virtual machines, as a highly available, highly scalable Infrastructure as a Service (IaaS) cloud computing platform. It is used by a number of service providers to offer public cloud services, and by many companies to provide an on-premises (private) cloud offering, or as part of a hybrid cloud solution. In this webinar, participants will learn: Completely new way to manage Apache CloudStack with service provider, reseller and customer views. Reliably collecting performance metrics from guests running inside Cloud stack How to render Cloud Stack Tenant UI with ActOnCloud User Interface Generate Detailed Billing Usage Reports for different cloudstack accounts How to manage multiple cloudstack instances How to perform capacity planning for Zones inside Cloud stack How to autoscale VMs in VPC without depending on Hardware based loadbalancers How to group VMs and apply policies and rules to govern and optimize them Managing hybrid cloud. Also if you are tired of seeing the old UI? You can find here the next generation mobile responsive interface to manage your cloud stack.

Secret Techniques to Manage Apache Cloudstack with ActOnCloud

Madan Ganesh Velayudham

Azure Functions in Action #CodePaLOUsa

Baskar rao Dsn

Durable functions are stateful functions and will make checkpoints and restart at a checkpoint if a process is recycled. Durable functions allow you to call other Azure Functions and obtain the returned data. This makes patters such as Function chaining and Fan-out/Fan-in much more easier. They also can provide you with an async status update of your running function from an HTTP endpoint. It's an exciting time to be a developer !!!

SharePoint Saturday Oslo - Introduction to Durable Functions in Azure

David Opdendries

Similar a Building Enterprise Apps with Sencha ExtJS/Touch & DeftJS (20)

Building Enterprise Apps with Sencha & DeftJS

Workflow Manager - a technical overview (Sam Vanhoutte)

20140211 BTUG.be - Workflow Manager

Zure Azure PaaS Zero to Hero - DevOps training day

The future of web development write once, run everywhere with angular js an...

The future of web development write once, run everywhere with angular.js and ...

Continuous Delivery: How RightScale Releases Weekly

Containerisation Hack of a Legacy Software Solution - Alex Carter - CodeMill ...

Heading to the Cloud : Introduction to deploying a Provider-Hosted App in Azure

Intro to ColdBox MVC at Japan CFUG

Azure Functions Real World Examples

Exploring pwa for shopware

Real World SharePoint Framework and Azure Services

Industry Keynote at Large Scale Testing Workshop 2015

SWE Interactive - Overview

(SACON) Satish Sreenivasaiah - DevSecOps Tools and Beyond

Aws User Group Singapore Presentation Oct-21-2020

Secret Techniques to Manage Apache Cloudstack with ActOnCloud

Azure Functions in Action #CodePaLOUsa

SharePoint Saturday Oslo - Introduction to Durable Functions in Azure

Más de FITC

Varun Vachhar rangle.io Overview JavaScript frameworks allow us to build innovative and delightful experiences for our users. A common approach adopted with these modern tools is to combine all required JavaScript into one large bundle. Therefore, causing the loading performance to suffer. Especially on older devices or devices with low memory and processing power. An alternative approach is to split your code into various smaller chunks which you can then be loaded on demand — allowing you to reduce the load time drastically. In this session, Varun will demonstrate how you can adopt the practice of code-splitting when building applications with frameworks such as React and Vue. Objective Learn how to use code-splitting to improve the loading performance of Javascript heavy applications. Target Audience Front-end developers who build JavaScript heavy applications Assumed Audience Knowledge Basic understanding of web development and some familiarity with frameworks such as React, Angular or Vue. Level Intermediate Five Things Audience Members Will Learn What is code-splitting? Different types of code-splitting How to split a React or Vue application How to “lazy-load” parts of the application Removing duplicate code from chunksa

Cut it up

FITC

Presented at Web Unleashed 2019 More info at www.fitc.ca/webu Andréa Crofts League Overview Examining our responsibility as creators to design for disconnection. The “restore connection” alert isn’t just for devices– it applies to people too. And it’s more important now than ever before. Digital creators, we need to talk. The rise in mental health as a result of situational stress is a prevailing theme in today’s society, and some of the products we’re building are the root cause. But we have the power to change this. As creators of digital products, how might we enable our users to be more present in their lives? How might we invest in features like Instagram’s activity timer, despite the fact that they’re fundamentally counterintuitive to the usage metrics most behemoth tech companies are driving towards? We have a responsibility as creators of digital products to enable others to disconnect …and re-connect with themselves, physically and mentally. This intersection is an emerging category Andrea likes to call digital health, and it’s something we can create together. Objective To share actionable strategies, principles and considerations for designing with digital health top of mind. Andrea will get into some #realtalk about how we can collectively create more balance and presence for the humans using our products. Target Audience Designers and digital creators of all kinds – especially those building digital products at scale! Level Open to audience members of any skill level (this is a more high-level talk) Five Things Audience Members Will Learn Tips and best-in-class examples of designing for digital health Design guidelines and principles for designing with digital health in mind Evidence-based practices to ground your future design decisions Strategies for re-framing the success metrics of digital products Design ethics resources

Designing for Digital Health

FITC

Presented at Web Unleashed 2019 More info at www.fitc.ca/webu Luke DeWitt REDspace Overview JavaScript’s popularity has exploded over the last decade, taking it from a laughable scripting language to one that powers much of the web today. Because it’s so flexible and so easy to learn, it’s extremely popular with new developers looking to cut their teeth in programming. However, these strengths are also weaknesses, as it’s incredibly easy to write bad JavaScript without even knowing it. A lot of these newer developers jump from “Hello, World!”, to TodoMVC in order to find the library that makes their life easier. By doing this, they skip over some of the important details of not only how JavaScript works, but also how to optimize its performance to ensure the best user experience. The Chrome profiler is a very handy tool that not a lot of developers have experience with. In this talk, we’ll take a beginner’s look at the profiler tool and examine how to use it to best improve your web application, and identify bottlenecks in your code without having to rely only on console.log statements. Objective To help developers understand how to better make use of the JavaScript profiler. Target Audience Any JavaScript developers Assumed Audience Knowledge Basic JavaScript Level Beginner / intermediate Five Things Audience Members Will Learn Javascript inner-workings Profiling concepts Identifying bottlenecks Profiling node applications Tooling

Profiling JavaScript Performance

FITC

presented at Web Unleashed 2019 For more info see https://fitc.ca/event/webu19/ Kevin Daly RBC Ventures Every developer has faced the difficult choice of deciding what tech stack they should use for a new project. Should you use the latest tech or something that everyone knows? Which framework is the best for your team? To survive your tech stack, developers must make trade-offs with developing on new tech stacks and the ability to maintain and scale their applications. In this presentation, you’ll learn how to evaluate your tech stack and understand the pros and cons of using bleeding edge technology. Using his past experiences, Kevin will also share his lessons learned and how his team tackles managing their tech stack today.

Surviving Your Tech Stack

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Bushra Mahmood Unity Technologies Overview In this talk, Bushra Mahmood will explain how to articulate and pitch augmented reality as a viable medium to help solve problems. Learn about what makes an AR application come together on both mobile devices and headsets. Uncover different tools and methodologies for problem-solving and making a compelling story. By properly understanding this technology and its parts, creatives can take an active role in shaping and defining this new space in computing. Objective Learn the tools and techniques required to pitch an augmented reality project. Target Audience Designers, product managers, product stakeholders. Assumed Audience Knowledge An understanding of product design and an awareness of AR Five Things Audience Members Will Learn The right language to use when explaining ‘spatial’ design The different requirements and considerations for scoping an AR project The tools that are currently available for AR authoring Insights into what the near and far future will hold for this medium. An example of an AR application pitch

How to Pitch Your First AR Project

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Karri Ojanen RBC Royal Bank of Canada Overview Over the past number of years companies have adopted the idea of customer-centricity. People across functions can fluently talk about the importance of paying special attention to end-user needs and overall customer experience. But innovation and forward-thinking ideas that connect both customer and business needs can’t simply be squeezed out of brainstorm sessions and sticky notes if the organization doesn’t learn how to effectively look outside of its own silos. In this session, Karri will show how to move from jumping to solutions to driving innovation by understanding the question first. Target Audience Designers, researchers, strategists, product managers, and technology leads Three Things Audience Members Will Learn Methodologies and tools to form insights out of a holistic understanding of customer challenges How to synthesize data to form a vision of the better future How to break the vision into manageable chunks that drive value for the business and the customer at every launch

Start by Understanding the Problem, Not by Delivering the Answer

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Alan Williams Imaginary Forces Overview During dailies as an intern at Imaginary Forces, Alan’s director, Karin Fong, would follow her animation feedback with one of the scariest and empowering questions of his career, “what do you think?” Over the last eight years, Alan’s transition from technician to creative director came from a dramatic shift in how he approached and answered that question. By examining larger conceptual principles to practical application in commercial and tv/film design, such as HBO’s Vinyl and Netflix’s Anne with an E, he will share hard-learned lessons that can empower you, whether in Photoshop, behind a camera, or pitching to clients, in developing and selling your creative voice. Target Audience Visual communicators eager to become more evocative storytellers Five Things Audience Members Will Learn ‘Method branding’ in a selfie culture O.C.D. (observe, collect, dissect) & the imagination The resuscitating power of rearrangement Pertinence vs pipeline: the crippling cage of routine Less pitching, more poetry

Cocaine to Carrots: The Art of Telling Someone Else’s Story

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Carl Sziebert Google Overview Innovation is defined as the process of making an idea into a good or service that creates value by meeting a need or solving a problem at scale. This talk explores ways to find inspiration from everyday sources, invest in skills that foster collaboration, and identify opportunities for impact. While leveraging the core principles of and learnings from designing products for real people, Carl will examine a number methods for building creativity and innovation into our everyday work. Target Audience For individual contributors looking to cultivate opportunities for impact and find the right time, space, and tools to innovate in our everyday work. Five Things Audience Members Will Learn A bottom-up approach to framing innovation within your daily work Identify and validate opportunities that make an impact Prioritize, prototype, and build understanding of the problems you are solving Collaborate locally and globally Seek, give, and apply feedback often

Everyday Innovation

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Chris Zacharias imgix Overview The average website loads over 1.5MBs of content per page, making over 75 requests. Many popular websites are serving over 5MBs just to load their homepages. And these numbers represent measurements taken AFTER compression is applied. The full weight of many popular websites is pushing 20+ MBs these days. In an era where performance truly matters to the end user experience, web developers need techniques to help curtail this bloat in data down the wire. No matter how well you optimize, there is no better way to than to delete things you do not need. How does one determine what is essential to the user experience and what is not? One answer Chris posits is to develop a hyper-lightweight version of your website which will provide critical insights into your specific performance priorities. This is a process that he has leveraged on many projects, in particular at YouTube to reduce the size of the video watch page from 1.5MBs to 100KBs. In this talk, Chris will take real-world web pages and show techniques for dramatically reducing their page weight and for identifying areas to optimize, while outlining the key steps to doing this well. Objective Learn a process for building a hyper-lightweight version of your website for establishing reasonable performance budgets, grounded in reality, to work from. Target Audience Web developers Assumed Audience Knowledge HTML, CSS, Javascript, some server-side awareness. Level Intermediate Five Things Audience Members Will Learn How to analyze a web page for performance issues A holistic approach to deconstructing an existing website A clear process for building a hyper-lightweight version of your website Translating your findings into real performance priorities Establishing a realistic performance budget

HyperLight Websites

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Michael Fullman VT Pro Design Overview An exploration of the process of creation. We live in a time where technology and inspiration are more readily available and accessible than ever before. That being said we also live in a time that mostly highlights the successes of projects and process. In this particular talk Michael wants to touch on the process of creation with technology at VT Pro, to further explore a full circle approach to inspiration and creation where often times our next project is inspired by something learned in the process of creating something else. By exploring what went wrong and what went right in a number of different projects he’s created, Michael will touch on points where inspiration can be found in this world of seemingly endless technology; the importance of collaboration; what can be learned from the moments that don’t necessarily go as planned; and how often projects come close to failure than the audience ever knows. Lastly he wants to touch on the process of finding personal inspiration to inspire an audience, and the momentum to push further that comes from their energy. Objective Things often don’t go as planned, but often that’s the fun part. Target Audience Creative technologists and experience designers Five Things Audience Members Will Learn Collaborative process Giving personality to a piece of technology How to learn from the unexpected We all start somewhere (the journey is just as important as the destination) Everything is possible now

Everything is Terrifying

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Sands Fish MIT Media Lab Overview Today, the environments that humans occupy in space are designed for survival. Humans are carefully shuttled to and from space, and during their relatively short stays, they are provided with minimum supplies to remain alive and able to perform experiments. As we begin to plan less for short visits and more for life in space (such as a six to eight month trip to Mars and beyond) the question becomes: What does human culture look like in space? This talk will explore how human culture, design, and creativity might evolve as we begin to live in space, and the unique environmental conditions that might guide us in certain directions, just as the environment on Earth has. It will discuss space tourism, living in zero gravity, and some experiments in art and design that hint at future aesthetics. Objective Convey what opportunities exist at the outset of a more democratized New Space age, and call out the aesthetics, ethics, and cultural frontiers we find ourselves faced with at the end of the second decade of this century. Target Audience Those interested in the future of human life in space Five Things Audience Members Will Learn The history of human culture in space Unique design constraints and considerations when designing for zero gravity The experience of flying in a zero-g flight The aesthetics at play in human spacefaring — (what has been) New forms, new materials, new ideas — (what might be)

Post-Earth Visions: Designing for Space and the Future Human

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Lindsay Munro Adobe XD Overview Your social network could be more valuable than the work you’re doing today, because it could (and should) lead to the opportunities you get tomorrow. Your next post could result in your next recommendation, job, collaboration, exhibit, and next level experience. In this session, you’ll learn how to hone and build your online social media presence to attract brands and engage in the modern-day endorsement deal. Get a behind-the-scenes perspective on the things brands look for in creative profiles and the rules of engagement. Objective Teach the ins and outs of what it means to be a creative social influencer. Target Audience Creatives looking to up level their social media presence and strike brand partnerships. Things Audience Members Will Learn How to set yourself up for “success” on social media The importance of working with the right brands Figuring out compensation and negotiating contracts The ins and outs of disclosure and liability How to not mess it up

The Rise of the Creative Social Influencer (and How to Become One)

FITC

Presented at FITC Toronto 2019 More info at www.fitc.ca/toronto Amelie Rosser Jam3 Overview For the past two years Jam3 worked alongside Joy Kogawa and the NFB to create East of the Rockies, an augmented reality storytelling experience. East of the Rockies is the first interactive AR game of its kind. The story takes users through a piece of Canadian history where Japanese Canadians were forced to leave their homes and live at internment camps during WWII. This talk will cover the creation of the game: from concept and storyboarding, to the development process in Unity and various challenges and questions to consider from a creator’s perspective. Objective To let the audience in on the behind the scenes of developing an AR experience like East of the Rockies. Target Audience For those interested in Augmented Reality storytelling and game development. Five Things Audience Members Will Learn AR techniques using Unity Storytelling in AR Prototyping interactions in AR Game state management using Unidux Game optimization techniques in Unity

East of the Rockies: Developing an AR Game

FITC

The Knowledge Society: Three Talks About the Future Futurism Innovation Science Isabella Grandic The Knowledge Society Overview Join three incredible, young, and brilliant minds as they present their findings on topics that we’ll all have to deal with in the not so distant future. This series of talks will explore how exponential technologies like synthetic farming, nanotechnology, and quantum computing can be used to solve some of the world’s most difficult problems. The speakers are all students of The Knowledge Society (TKS), a human accelerator for high school students designed to help them impact billions. TKS encourages students to take risks and think big. Ayaan Esmail‘s talk will cover creating a proactive healthcare system

Creating a Proactive Healthcare System

FITC

R.C. Woodmass Crescendo Overview The reports are in: how we relate to technology directly affects how we relate to other humans, to our environments, and to ourselves. Are we headed for a technological dystopia, where robots are in charge and empathy is just a word for the history books? Not necessarily! Learn how the interfaces we interact with can teach us how to be better communicators, increase our understanding of each other, and how product design might be the key to building a positive future for all. Objective Directly address fear and skepticism about technology, inspiring all who design and build tech to think more empathetically when building UX and UI. Target Audience Product designers, HR specialists, and anyone skeptical about technology Three Things Audience Members Will Learn How to create user interfaces that are flexible enough to include everyone, even if they can’t keep up with all the different identities and new labels that people are using What is conversation design, and how it has the power to teach people how to communicate How AI has the potential to be more inclusive than previous data analysis systems, if we leverage its weaknesses to the human advantage

World Transformation: The Secret Agenda of Product Design

FITC

Matt Swoboda Notch Overview The adoption of real-time technologies and workflows for content creation is a seismic shift in the world of video/graphics. It has a fundamental effect on not just on render times but on the entire creative process. In this session hear from someone who has been using realtime graphics for creative work for almost 20 years, and his experiences in applying it to productions such as the Ed Sheeran world tour and Cirque du Soleil. Objective Give the audience an overview of what really is capable in a real-time workflow today, and where things are headed. Target Audience Anyone who wants to take confident steps in the direction of real-time motion graphics, especially within the live, installation and AR fields. Five Things Audience Members Will Learn How does real-time change the creative and production process Limitations – where does it work, where doesn’t it make sense What real-time graphics are capable of today What happens on a rock’n’roll tour bus What DOESN’T happen on a rock’n’roll tour bus

The Power of Now

FITC

Hasan Ahmad Aquent DEV6 Overview PWAs are a newly emerging delivery format for web, desktop apps. The fact that they can be installed on a client device and behave like natively installed apps means that special care should be taken when designing and building these types of apps, above and beyond a typical browser-only web application. One of the most important (potential) differentiators in the user experience of a PWA app vs a traditional web app is the ability to provide a high-performance UI because of their ability to do things like cache resources offline, including entire pieces of Web UI code, and the use of background services. In this talk we are going to do an exhaustive overview of the entire landscape of building PWAs from a performance-first perspective. Target Audience Web development teams Assumed Audience Knowledge Web Development fundamentals Objective Large enterprise applications Five Things Audience Members Will Learn Why PWA’s require performance engineering What tools are available to measure performance metrics Offline caching strategies Host device considerations: desktop and mobile Taking advantage of background code: Service Workers

High Performance PWAs

FITC

Bhavana Srinivas Netlify Overview A new web stack has emerged. A stack powered by modern browsers, API economy and Git based workflows. A stack that is not tied to specific technologies. A stack that takes into account both developer experience while building the application, and user experience when interacting with the application. A stack that delivers better performance, higher security, and lower cost of scaling for web applications. In this talk, Bhavana will dive more into the architecture and best practices for building performant web applications using the JAMstack Objective Educate the audience about the JAMstack and why it powers performant sites Target Audience Web stakeholders who want fast, secure and performant websites Assumed Audience Knowledge Built a website/interacted with sites Five Things Audience Members Will Learn What is the JAMstack The ecosystem around the JAMstack How to improve the performance of your site built on the JAMstack Example sites built on this architecture Resources and best practices

Rise of the JAMstack

FITC

Midge “Mantissa” Sinnaeve Mantissa Overview Midge will be speaking about his experience of switching to open source applications for his freelance work. From ditching expensive software subscriptions to going down the linux rabbit hole, he’ll take you along for the ride and show you some cool stuff along the way. It’s an in-depth look at what happens when your digital tools become an extension of yourself and how that can in turn inspire you to get better as an artist and find your style. Objective Taking a critical look at how you work and why. Target Audience (Motion) designers, 3D & VFX artists Four Things Audience Members Will Learn Open Source Design Tools Self-criticism Inspiration Letting go

From Closed to Open: A Journey of Self Discovery

FITC

Studio Macouno has been realizing post industrial projects for two decades. Though they’re very busy doing things like creating generative shavers for Philips and designing life size 3D printed petition elephants, those are but a fraction of what they would like to do. In this talk Dolf will explore the projects they just don’t have time for. The things the studio would love to do but can’t do on it’s own. The things that are way out there… Those that don’t seem possible, or are just too much work. The dreams that they think are a bit too much, but they just might do anyway. Objective Finding, funding and founding cooperatives for creative futurist projects. Target Audience People interested in making things today that seem ideas for tomorrow. Five Things Audience Members Will Learn Some about generative design 3d printing Art Running projects And making things happen

Projects Ain’t Nobody Got Time For

FITC

Más de FITC (20)

Cut it up

Designing for Digital Health

Profiling JavaScript Performance

Surviving Your Tech Stack

How to Pitch Your First AR Project

Start by Understanding the Problem, Not by Delivering the Answer

Cocaine to Carrots: The Art of Telling Someone Else’s Story

Everyday Innovation

HyperLight Websites

Everything is Terrifying

Post-Earth Visions: Designing for Space and the Future Human

The Rise of the Creative Social Influencer (and How to Become One)

East of the Rockies: Developing an AR Game

Creating a Proactive Healthcare System

World Transformation: The Secret Agenda of Product Design

The Power of Now

High Performance PWAs

Rise of the JAMstack

From Closed to Open: A Journey of Self Discovery

Projects Ain’t Nobody Got Time For

Último

How to Give a Domain for a Field in Odoo 17

Celine George

SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...

KokoStevan

SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx

iammrhaywood

APM Welcome Tuesday 30 April 2024 APM North West Network Conference, Synergies Across Sectors Presented by: Professor Adam Boddison OBE, Chief Executive Officer, APM Conference overview: https://www.apm.org.uk/community/apm-north-west-branch-conference/ Content description: APM welcome from CEO The main conference objective was to promote the Project Management profession with interaction between project practitioners, APM Corporate members, current project management students, academia and all who have an interest in projects.

APM Welcome, APM North West Network Conference, Synergies Across Sectors

Association for Project Management

Grant Readiness 101 TechSoup and Remy Consulting

TechSoup

Unit-IV; Professional Sales Representative (PSR).pptx

VishalSingh1417

Key note speaker Neum_Admir Softic_ENG.pdf

Admir Softic

Mehran University Newsletter Vol-X, Issue-I, 2024

Mehran University of Engineering & Technology, Jamshoro

1029-Danh muc Sach Giao Khoa khoi 6.pdf

QucHHunhnh

This PowerPoint helps students to consider the concept of infinity.

christianmathematics

microwave assisted reaction. General introduction

Maksud Ahmed

Measures of Dispersion and Variability: Range, QD, AD and SD

Thiyagu K

The global implications of DORA and NIS 2 Directive are significant, extending beyond the European Union. Amongst others, the webinar covers: • DORA and its Implications • Nis 2 Directive and its Implications • How to leverage directive and regulation as a marketing tool and competitive advantage • How to use new compliance framework to request additional budget Presenters: Christophe Mazzola - Senior Cyber Governance Consultant Armed with endless Excel files, a meme catalog worthy of the best X'os (formerly twittos), and a risk register to make your favorite risk manager jealous, I swapped my computer scientist cape a few years ago for that of a (cyber) threat hunter with the honorary title of CISO. Ah, and I am also a quadruple senior certified ISO27001/2/5, Pas mal non ? C'est francais. Malcolm Xavier Malcolm Xavier has been working in the Digital Industry for over 18 Years now. He has worked with Global Clients in South Africa, United States and United Kingdom. He has achieved Many Professional Certifications Like CISSP, Google Cloud Practitioner, TOGAF, Azure Cloud, ITIL v3 etc. His core competencies include IT strategy, cybersecurity, IT infrastructure management, data center migration and consolidation, data protection and compliance, risk management and governance, and IS program development and management. Date: April 25, 2024 Tags: Information Security, Digital Operational Resilience Act (DORA) ------------------------------------------------------------------------------- Find out more about ISO training and certification services Training: Digital Operational Resilience Act (DORA) - EN | PECB NIS 2 Directive - EN | PECB Webinars: https://pecb.com/webinars Article: https://pecb.com/article Whitepaper: https://pecb.com/whitepaper ------------------------------------------------------------------------------- For more information about PECB: Website: https://pecb.com/ LinkedIn: https://www.linkedin.com/company/pecb/ Facebook: https://www.facebook.com/PECBInternational/ Slideshare: http://www.slideshare.net/PECBCERTIFICATION

Beyond the EU: DORA and NIS 2 Directive's Global Impact

PECB

Class 11th Physics NEET formula sheet pdf

AyushMahapatra5

Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes

Celine George

Measures of Central Tendency: Mean, Median and Mode

Thiyagu K

PROCESS RECORDING FORMAT.docx

PoojaSen20

Z Score,T Score, Percential Rank and Box Plot Graph

Thiyagu K

Seal of Good Local Governance (SGLG) 2024Final.pptx

negromaestrong

Basic Civil Engineering notes first year Notes Building notes Selection of site for Building Layout of a Building What is Burjis, Mutam Building Bye laws Basic Concept of sunlight ventilation in building National Building Code of India Set back or building line Types of Buildings Floor Space Index (F.S.I) Institutional Vs Educational Building Components & function Sills, Lintels, Cantilever Doors, Windows and Ventilators Types of Foundation AND THEIR USES Plinth Area Shallow and Deep Foundation Super Built-up & carpet area Floor Area Ratio (F.A.R) RCC Reinforced Cement Concrete RCC VS PCC

Basic Civil Engineering first year Notes- Chapter 4 Building.pptx

Denish Jangid

Building Enterprise Apps with Sencha ExtJS/Touch & DeftJS

1. Building Enterprise Apps with Sencha & DeftJS ryan canulla | @ryancanulla

2. Our Roadmap • • • • • • Create workspace/apps Conﬁgure deft and create login views Add localization Add viewController/businessService Reorganize workspace & add unit testing ryancanulla.com | @ryancanulla Add documentation

3. Sencha CMD • • • Cross-platform Command line tool Provides automated tasks around the full life-cycle of your applications ryancanulla.com | @ryancanulla

4. Sencha CMD • • • Code generators Application management Web server ryancanulla.com | @ryancanulla

5. $ sencha generate [command] • workspace • app ryancanulla.com | @ryancanulla

6. Workspace Overview .sencha/ workspace/ sencha.cfg plugin.xml packages/ build/ web/ mobile/ # Sencha-specific files # Workspace-specific content # Workspace config file # Workspace-level plugin # Senchabuildpackagesis placed # Where Cmd output # Application # Application ryancanulla.com | @ryancanulla

7. App Overview .sencha/ app/ sencha.cfg build-impl.xml plugin.xml index.html app.json app.js app/ # Sencha-specific files # App-specific content # App config file # Standard app build script # App-level plugin # Entry point to your app # App configuration # Initialization logic # MVC structure ryancanulla.com | @ryancanulla

8. $ sencha app [command] • build • refresh • upgrade - Executes the build process for an application - Updates the application metadata ﬁle -Upgrade the application SDK ryancanulla.com | @ryancanulla

9. $ sencha web [options] [command] • --port, -p • start • stop ryancanulla.com | @ryancanulla

10. Create workspace/apps with Sencha CMD ryancanulla.com | @ryancanulla

11. Integrating DeftJS • Add Deft to your app.json "requires": [ "deft@0.9.0" ] • Refresh & build your app $ sencha app refresh $ sencha app build ryancanulla.com | @ryancanulla

12. DeftJS Features • • • IoC Container MVC with ViewControllers Promises and Deferreds ryancanulla.com | @ryancanulla

13. IoC Container • • • • Eager and lazy instantiation Injects dependencies before the class constructor is executed userService: ‘SampleApp.service.UserService’ inject[ ‘userService’ ] ryancanulla.com | @ryancanulla

14. MVC with ViewControllers • • • • • Class annotation-driven Supports multiple view instances Integrates with destruction lifecycle Automatically cleans up listeners Control a view and delegate work to injected business service (service classes, Stores, etc.) ryancanulla.com | @ryancanulla

15. Promises and Deferreds • • • • Provides an elegant way to deal with async calls Register success, failure, cancellation or progress callbacks Allows chaining Implements the CommonJS Promises/A speciﬁcation ryancanulla.com | @ryancanulla

16. Conﬁgure DeftJS IOC Container and create a login view https://github.com/ryancanulla/sencha-deft-sample/tree/step-one ryancanulla.com | @ryancanulla

17. Add localization https://github.com/ryancanulla/sencha-deft-sample/tree/step-two ryancanulla.com | @ryancanulla

18. Architecture Overview ryancanulla.com | @ryancanulla

19. Modular Directory Structure • • • Organized by functionality Essential for large applications - module.js Configure IOC container Define events Define constants ryancanulla.com | @ryancanulla

20. View Controllers • • Conﬁgure view data - Listen for events View: user interaction Services, stores, models (data changes) ryancanulla.com | @ryancanulla

21. Business Services • • • • Business speciﬁc logic Build the data to power your view Available for injection Fire events ryancanulla.com | @ryancanulla

22. Custom Proxy ryancanulla.com | @ryancanulla

23. Add viewController/businessService https://github.com/ryancanulla/sencha-deft-sample/tree/step-three ryancanulla.com | @ryancanulla

24. Unit Testing ryancanulla.com | @ryancanulla

25. Unit Testing • • Jasmine Karma Runner ryancanulla.com | @ryancanulla

26. Reorganize workspace & add unit testing https://github.com/ryancanulla/sencha-deft-sample/tree/step-four ryancanulla.com | @ryancanulla

27. JSDuck Documentation $ [sudo] gem install jsduck $ jsduck --config jsduck-conf.json ryancanulla.com | @ryancanulla

28. Add documentation https://github.com/ryancanulla/sencha-deft-sample/tree/step-ﬁve ryancanulla.com | @ryancanulla