Master of Canvas

•

5 likes•14,298 views

Mima Yuki

DroidKaigi2016 RoomB https://github.com/amyu/DroidKaigiMasterOfCanvas

Technology

Master of Canvas
Droid Kaigi 2016 RoomB
Yuki Mima (@amyu_san)

About me
▸ Name : Yuki Mima
▸ Twitter : @amyu_san
▸ Github : amyu
▸ Work : University Student

I want to give the user
the aha experience!

Agenda
▸ WaveSwipeRefreshLayout
▸ Path#cubicTo
▸ TypeEvaluator
▸ Interpolator
▸ BeerSwipeRefreshLayout
▸ Path#op
▸ ColoringLoading, TextMorphingView
▸ To extract the path from Illustrator

WaveSwipeRefreshLayout
‣ Path#cubicTo
‣ TypeEvaluator
‣ Interpolator

WaveSwipeRefreshLayout
Path#cubicTo
▸ public void cubicTo (ﬂoat x1, ﬂoat y1, ﬂoat x2, ﬂoat y2,
ﬂoat x3, ﬂoat y3)
Add a cubic bezier from the last point, approaching
control points (x1,y1) and (x2,y2), and ending at (x3,y3). If
no moveTo() call has been made for this contour, the ﬁrst
point is automatically set to (0,0).

$WaveSwipeRefreshLayout TypeEvaluator ▸ This function returns the result of linearly interpolating the start and end values, with fraction representing the proportion between the start and end values. ▸ Property values can get by ValueAnimator#getAnimatedValue () ▸ ValueAnimator.ofObject(…)$

WaveSwipeRefreshLayout
TypeEvaluator
▸ ArgbEvaluator
▸ This evaluator can be used to perform type interpolation
between integer values that represent ARGB colors.
▸ RectEvaluator
▸ This evaluator can be used to perform type interpolation
between Rect values.
▸ PointFEvaluator
▸ …

WaveSwipeRefreshLayout
Interpolator
▸ An interpolator deﬁnes the rate of change of an animation.
This allows the basic animation effects (alpha, scale,
translate, rotate) to be accelerated, decelerated, repeated,
etc.

WaveSwipeRefreshLayout
Interpolator
http://www.adakoda.com/adakoda/2011/08/android-38.html

WaveSwipeRefreshLayout
Interpolator
http://cogitolearning.co.uk/?p=1078

WaveSwipeRefreshLayout
Interpolator
Reversal

WaveSwipeRefreshLayout
Interpolator
Grapher

WaveSwipeRefreshLayout
Interpolator
▸ To implement the Interpolator of vertical and horizontal.

BeerSwipeRefreshLayout
Path#op
▸ Added in API level 19
▸ Set this path to the result of applying the Op to this path
and the speciﬁed path. The resulting path will be
constructed from non-overlapping contours.

BeerSwipeRefreshLayout
Path#op
Path to be Op
Path to Op

BeerSwipeRefreshLayout
Path#op DIFFERENCE

BeerSwipeRefreshLayout
Path#op REVERCE_DIFFERENCE

BeerSwipeRefreshLayout
Path#op INTERESECT

ColoringLoading
TextMorphingView
‣ To extract the path
from Illustrator

ColoringLoading, TextMorphingView
To extract the path from Illustrator
▸ ExtendScript Toolkit
▸ development and debugging tool for JavaScript scripts
included with Adobe Creative Suide 4 and applications
such as Bridge, Photoshop, Illustrator, InDesign, and
After Effects.

Text
▸ WaveSwipeRefreshLayout
▸ https://github.com/recruit-lifestyle/WaveSwipeRefreshLayout
▸ BeerSwipeRefreshLayout
▸ https://github.com/recruit-lifestyle/BeerSwipeRefresh
▸ ColoringLoading
▸ https://github.com/recruit-lifestyle/ColoringLoading
▸ Pikasan
▸ https://github.com/amyu/Pikasan

Similar to Master of Canvas

In order to reduce the inevitable end user disruption and cognitive perturbation induced by adapting a graphical user interface, the results of the adaptation could be conveyed to the end user by animating a transition scenario showing the evolution from the user interface before adaptation to the user interface after adaptation. A transition scenario consists of a sequence of adaptation operations (e.g., set/change a property of a widget, replace a widget by another, resize a widget) belonging to a catalogue of operations defined as an Extended Backus-Naur Form grammar. Each transition operation has a range from a single widget (e.g., this “Ok” button) to a selection of widgets based on a selector mechanism (e.g., all validation widgets of this family of interfaces). A transition scenario is built either automatically by any adaptation algorithm or interactively by a specific editor for designers. An animator then executes the animation scenario by parsing each adaptation operation one by one or in a grouped mode and by rendering them by an animated transition on a user interface model. The type (e.g., wipe, box in, box out) and parameters (e.g., animation speed, pace, direction) of each animated transition have been selected based on usability guidelines for animation. A user study suggests that a transition scenario reinforces understandability and trust, while still suffering from lag.

Showing User Interface Adaptivity by Animated Transitions

Jean Vanderdonckt

Enhancing UI/UX using Java animations

Naman Dwivedi

함태윤(erkas.c) / DAUM WEBTOON COMPANY 동영상이 포함된 pdf를 아래 링크에서 다운받아서, adobe reader에서 확인가능합니다. https://mk.kakaocdn.net/dn/if-kakao/conf2018/Daum_Webtoons_UX.pdf --- 다음웹툰 안드로이드 앱에 적용된 UX(Animation, Transition, Custom View) 에 대한 소개와 단순히 현재 개발된 모습만이 아니라 그 과정을 같이 소개합니다. 부드럽고 자연스러우며 의미있는 그러면서 과하지 않은 UX를 고민하였고, 그에 따른 결과물로 다음웹툰 2.0 이 출시되었고, 출시 후 Transition, Animation 에 대한 좋은 피드백을 받았었습니다. 그래서 사용자 UX 적으로 어떤 고민들을 하였고, 어떻게 적용, 발전시켜 왔는지에 대해서 공유하도록 하겠습니다. 1. 디자인 시안 분석에서 시작되는 UX 구성 과정 2. 프로토타이핑 및 UX 구현, 튜닝 과정 3. 다음웹툰의 향후 UX 개발과정 공개

다음웹툰의 UX(Animation, Transition, Custom View)

if kakao

Mapping the world with Twitter

carlo zapponi

CSS/SVG Matrix Transforms

Marc Grabanski

Linear regression with gradient descent

Suraj Parmar

CocoaHeads Toulouse - Guillaume Cerquant - UIView

CocoaHeads France

A talk given at the Tokyo iOS Meetup on November 18th, 2017. It explains why, after about two years of being a strong Auto Layout advocate, I am drifting back to manual layout. This progression happened because, after finding a layout that was difficult to achieve with Auto Layout and resorting to manual layout in one specific case, I found that, by writing some very simple functions, I could achieve many of the same layouts as Auto Layout with a similar code size.

Manual Layout Revisited

gillygize

This is the slide of the conference gave at the DroidCon London 2015 by Mathias Seguy. The pitch: Animation is a key point when building your application…. But, “Animation is complicated with Android”, is your feeling. Well, in fact, it’s not. I will show you how simples they are, how magic they could be and how fun your application can become. I will explains which animation to use for which version of the system, what are your choices and what is your strategy. We will have a complete overview on the Android Animation framework. So I hope to see you in the room for this conference, because at the end, your application will be enhanced :)

Animate Me! if you don't do it for me, do it for Chet - DroidconLondon2015

Mathias Seguy

Behavioral Design Patterns

Lidan Hifi

This is the slide of the conference gave at the DroidCon Paris 2015 by Mathias Seguy. The pitch: Animation is a key point when building your application…. But, “Animation is complicated with Android”, is your feeling. Well, in fact, it’s not. I will show you how simples they are, how magic they could be and how fun your application can become. I will explains which animation to use for which version of the system, what are your choices and what is your strategy. We will have a complete overview on the Android Animation framework. So I hope to see you in the room for this conference, because at the end, your application will be enhanced :)

Animate Me, if you don't do it for me do it for chet (DroidCon Paris)

Mathias Seguy

Crafting interactions with Core Animations, David Ortinau

Xamarin

CVPR2016 Fitting Surface Models to Data 抜粋

sumisumith

A review of animation techniques for user interface design

Jean Vanderdonckt

05 Jo P May 07

Ganesh Samarthyam

Project Prague e’ un SDK disponibile tra i progetti di Cognitive Services Labs di Microsoft che consente agli sviluppatori e ai progettisti di UX di incorporare controlli basati sui gesti nelle proprie app. Permette di definire gesture in maniera dichiarativa impostando dei vincoli in un linguaggio semplice e consentendo, grazie anche alle camere RealSense, di creare un’esperienza utente più naturale. Sessione tenuta durante IoTDay Catania del 11/12/2017

Project Prague & RealSense: il potere nelle mani!!

Massimo Bonanni

Project Gesture & RealSense: gestures in a simple way!!

Massimo Bonanni

Vamo a curvarno

Felipe Hernández Rivas

ASE02.ppt

Ptidej Team

Neural networks for word embeddings have received a lot of attention since some Googlers published word2vec in 2013. They showed that the internal state (embeddings) that the neural network learned by "reading" a large corpus of text preserved semantic relations between words. As a result, this type of embedding started being studied in more detail and applied to more serious Natural Language Processing + NLP and IR tasks such as summarization, query expansion, etc... In this talk we will cover the intuitions and algorithms underlying word2vec family of algorithms. On the second half of the presentation we will quickly review than basics of tensorflow and analyze in detail the tensorflow reference implementation of word2vec

Word2vec in Theory Practice with TensorFlow

Bruno Gonçalves

Similar to Master of Canvas (20)

Showing User Interface Adaptivity by Animated Transitions

Enhancing UI/UX using Java animations

다음웹툰의 UX(Animation, Transition, Custom View)

Mapping the world with Twitter

CSS/SVG Matrix Transforms

Linear regression with gradient descent

CocoaHeads Toulouse - Guillaume Cerquant - UIView

Manual Layout Revisited

Animate Me! if you don't do it for me, do it for Chet - DroidconLondon2015

Behavioral Design Patterns

Animate Me, if you don't do it for me do it for chet (DroidCon Paris)

Crafting interactions with Core Animations, David Ortinau

CVPR2016 Fitting Surface Models to Data 抜粋

A review of animation techniques for user interface design

05 Jo P May 07

Project Prague & RealSense: il potere nelle mani!!

Project Gesture & RealSense: gestures in a simple way!!

Vamo a curvarno

ASE02.ppt

Word2vec in Theory Practice with TensorFlow

Recently uploaded

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

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

DBX First Quarter 2024 Investor Presentation

Dropbox

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Introduction to use of FHIR Documents in ABDM

Kumar Satyam

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

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With 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.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

The presentation was made in “Web3 Fusion: Embracing AI and Beyond” is more than a conference; it's a journey into the heart of digital transformation. The conference a provided a platform where the future of technology meets practical application. This three-day hybrid event, set in the heart of innovation, served as a gateway to the latest trends and transformative discussions in AI, Blockchain, IoT, AR/VR, and their collective impact on the information space.

AI in Action: Real World Use Cases by Anitaraj

AnitaRaj43

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults 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 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

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

💥 You’re lucky! We’ve found two different (lead) developers that are willing to share their valuable lessons learned about using UiPath Document Understanding! Based on recent implementations in appealing use cases at Partou and SPIE. Don’t expect fancy videos or slide decks, but real and practical experiences that will help you with your own implementations. 📕 Topics that will be addressed: • Training the ML-model by humans: do or don't? • Rule-based versus AI extractors • Tips for finding use cases • How to start 👨‍🏫👨‍💻 Speakers: o Dion Morskieft, RPA Product Owner @Partou o Jack Klein-Schiphorst, Automation Developer @Tacstone Technology

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

UiPathCommunity

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico 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 - Passkeys: Developing APIs to enable passwordless auth...

apidays

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

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

Recently uploaded (20)