Transcript: The book instructs the teacher in every step of the lesson through explanation, suggestions of procedure and notes. All the exercises integrate at least two skills. There are some exercises that integrate the four skills at once. The book brings authentic material but not in every unit and the units are not based on those materials. Link to develop Experience with authentic material Self-evaluation Contextualization The teacher is free to do things beyond the instructions the book brings as suggestions. Form and Function Integrated Language use Instructional Scaffolding is a essential concept for the book's methodology, it is a learning process designed to promote a deeper level of learning. It consists in providing support so students can learn something new. Attractive Material design Authentic The book interlaces form and function on an inductive way and in some units there is a section of "Language awareness" where the focus is precisely on structure and grammar. Flexible Skills and Strategies Development The material is attractive, it brings fun activities and contextualized exercises. Appropriate Instructions Interaction Interaction is one of the goals of the book. Students are always interacting among themselves and with the teacher.
Transcript: In the real world things do not come out of nowhere and disappear to nowhere. Use realistic animations. This will help direct the users attention where you want it. Great Resources for material design. How hard is it to Apply animations? Material Design We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. Tactile Surface (Quantum paper) https://developer.android.com/training/material/animations.html Use the same good design princeples you would see in a magazine. https://www.sanwebe.com/2015/01/using-custom-animations-for-googles-material-design Print Design (digital Ink) material (paper) properties: https://material.google.com/what-is-material/material-properties.html The Idea Is to Use real world physical concepts in our design So that our UIs are more intuitive to users. the content of a material http://materialdesignblog.com/the-ultimate-guide-to-googles-material-design/ Material is the metaphor -bold colors http://www.vogella.com/tutorials/AndroidAnimation/article.html -consistent branding - use white space Meaningful animations https://material.google.com/components/bottom-navigation.html
Transcript: With several standards It grows from the point of Touch Radial Actions Motion in the world is not only beautiful, it build meaning about spatial relationships, functionality & intention of the system Carefully Choreographed motion design with the smooth flow Hence they introduced Floating Action Define a theme that inherits from an older theme (like Holo) in res/values/styles.xml. Define a theme with the same name that inherits from the material theme in res/values-v21/styles.xml. Set this theme as your app's theme in the manifest file. Note: If you do not provide an alternative theme in this manner, your app will not run on earlier versions of Android. Google is the boss Visual Continuity consistent choreography Hierarchical Timings Material Design Your notifications will bridge to Android Wear devices. Denotes what it actually means mean, specific , user centric Epicenter is the Touch Point Every action should mean a reaction The z axis Material Response Rationalized space & a system of motion. Bold, graphic, intentional Motion provides meaning Notifications Design concept is : Some new things Point of origin Epicenter is the TouchPoint Snackbars For Any Questions? Meaningful Transitions eventually you get the list of the same Compatibility
Transcript: Tomlinson (2014, 2003) argues that materials fall into four different categories: 1. INSTRUCTIONAL 2. EXPERIENTIAL 3. EXPLORATORY 4. ELICITATIVE MATERIAL DESIGN EFL METHODOLOGY - NOV 2016 INSTRUCTIONAL MATERIAL Most frequently used materials in EFL classrooms around the world They teach features of the language in explicit ways e.g. a worksheet on the rules of say, the past simple Have predefined objectives which the learner aims to achieve by the end
Transcript: Material Design Image by Tom Mooring Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. Principles: Material is the metaphor Bold, graphic, intentional Motion provides meaning What is material? Material Design?
Transcript: Nobody knows babies like we do! Quality products . Good Customer service. Every Kid really loves this store.. BABYLOU ABOUT US About Us BabyLou was established in 2004. It has been more than a decade since we started, where we have ensured to take care of every need and want of every child and infant under one roof, true to the caption “NO BODY KNOWS BABIES LIKE WE DO”. Our benchmark is to provide 100% customer service and satisfaction and continue to deliver the same with a wide range of toys, garments and Baby Products. Play and Create We Are Best 01 02 03 Block games Building Blocks help Kids to use their brain. PLAY TO LEARN in Crusing Adventures Our Discoveries Enjoy a sunny vacation aboard a luxury yacht with the LEGO® Creator 3in1 31083 Cruising Adventures set. This ship has all the comforts you need, including a well-equipped cabin and a toilet. Sail away to a sunny bay and take the cool water scooter to the beach. Build a sandcastle, enjoy a picnic, go surfing or check out the cute sea creatures before you head back to the yacht for a spot of fishing. Escape into the mountains Disney Little Princes in Also available for your Babies..... Also... Out of The World… Our reponsibility BABYLOU…. Our Responsibility All children have the right to fun, creative and engaging play experiences. Play is essential because when children play, they learn. As a provider of play experiences, we must ensure that our behaviour and actions are responsible towards all children and towards our stakeholders, society and the environment. We are committed to continue earning the trust our stakeholders place in us, and we are always inspired by children to be the best we can be. Innovate for children We aim to inspire children through our unique playful learning experiences and to play an active role in making a global difference on product safety while being dedicated promoters of responsibility towards children.
Transcript: Material Design https://material.io/ ABOUT MATERIAL DESIGN ABOUT MATERIAL DESIGN COLOR STYLE COLOR STYLE Color in material design is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights. https://material.io/guidelines/style/color.html This color scheme contains a primary color, plus darker and lighter versions of that color. Do Don't ICONS ICONS • Icon Product • Icon System Material icons use geometric shapes to visually represent core ideas, capabilities, or topics. System icons Do Don't Don't Do LAYOUT LAYOUT Structure Avoid slicing up the interface into too many regions which can cause L shapes. Instead, use whitespace to delineate secondary areas. Do Don't RESPONSIVE RESPONSIVE Responsive layouts in material design adapt to any possible screen size. This UI guidance includes a flexible grid that ensures consistency across layouts, breakpoint details about how content reflows on different screens, and a description of how an app can scale from small to extra-large screens. Breakpoints Breakpoints For optimal user experience, material design user interfaces should adapt layouts for the following breakpoint widths: 480, 600, 840, 960, 1280, 1440, and 1600dp. Example Example Transform Transform A UI element may transform from one format to another. A UI may reflow into available space. Reflow Do/Don't Do/Don't Font Font Do Don't UI GOOD DESIGN GOOD DESIGN BAD DESIGN Good Design Good Design Bad Design Bad Design
Transcript: Bottom sheets are especially suitable when three or more actions are displayed to the user and when the actions do not require descriptive explanation. If there are two or fewer actions or detailed description is required, consider using a menu or dialog instead. Perceiving an object's tangible form helps us understand how to manipulate it. Observing an object's motion tells us whether it is light or heavy, flexible or rigid, small or large. Motion in the world of material design is not only beautiful, it builds meaning about the spatial relationships, functionality, and intention of the system. THANK YOU ! Material is the metaphor The new CardView widget lets you display important pieces of information inside cards that have a consistent look and feel. Animation RecyclerView is a more advanced and flexible version of ListView. Bottom Sheets CardView extends the FrameLayout class and lets you show information inside cards that have a consistent look on any app. CardView widgets can have shadows and rounded corners. Responsive interaction builds trust with the user and engages them. When a user interacts with an app and beautiful yet perfectly logical things happen, the user feels satisfied—even delighted. It is thoughtful and purposeful, not random, and can be gently whimsical but never distracting. RecyclerView CardView Principles Typography Motion provides meaning Material Theme Structure New Widgets Material Design Imagery A system icon, or UI icon, symbolizes a command, file, device, or directory. System icons are also used to represent common actions like trash, print, and save. The design of system icons is simple, modern, friendly, and sometimes quirky. Buttons Color Metrics and Keylines To create apps with material design: Take a look at the material design specification. Apply the material theme to your app. Define additional styles to customize the material theme. Create your layouts following material design guidelines. Specify the elevation of your views to cast appropriate shadows. Use the new widgets for complex views, such as lists and cards. Use the new APIs to customize the animations in your app. A button consists of text and/or an image that clearly communicates what action will occur when the user touches it. Here's how to specify properties of CardView: To set the corner radius in your layouts, use the card_view:cardCornerRadius attribute. To set the corner radius in your code, use the CardView.setRadius method. To set the background color of a card, use the card_view:cardBackgroundColor attribute. Icons The new RecyclerView widget is a more advanced version of ListView that provides performance improvements for dynamic views and is easier to use. The material theme is defined as: @android:style/Theme.Material (dark version) @android:style/Theme.Material.Light (light version) @android:style/Theme.Material.Light.DarkActionBar Layout Mass and Weight MATERIAL DESIGN Responsive Interaction Meaningful Transitions The layout is designed to scale across different screen sizes and will help facilitate UI development and ultimately help you make scalable apps. The layout guidelines also encourage apps to have a consistent look and feel by using the same visual elements, structural grids, and general spacing rules across platforms and screen sizes. Structural and visual consistency creates an environment for the user that is recognizable across products, which facilitates usage by providing users with a high level of familiarity and comfort. In material design, imagery—whether illustration or photography—is constructed but never contrived, magical but never overproduced. The style is optimistic, delightful and honest. Materiality, texture, depth, unexpected use of color, and appreciation of context are emphasized. The principles of imagery support the goal of purposeful, thoughtful, beautiful UIs. Delightful Details Color is inspired by bold color statements juxtaposed with muted environments, taking cues from contemporary architecture, road signs, pavement marking tape, and sports courts. Emphasize bold shadows and highlights. The Android L Developer Preview includes support for material design apps. Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. The Android L Developer Preview provides the following elements for you to build material design apps: A new theme New widgets for complex views New APIs for custom shadows and animations Bold, Graphic, Intentional
Description: The sky’s the limit. Boost your new sales initiative into orbit with an engaging and compelling SKO presentation. This template features a effective sales kickoff theme that makes it easy to be engaging. Like all Prezi SKO templates, it’s fully customizable with your own information.
Description: Add some color to your quarterly business review with this vibrant business presentation template. The bold visuals in this business template will make your next QBR a memorable one.
Description: Storytelling is at the heart of great service. Use this stunning, customizable business presentation template to highlight employees who do exceptional work or position your customers as the heroes of your business.
Description: Catch the eye and engage the imagination with this cool-looking Prezi proposal template. The bold, bright design and highly dynamic theme all but guarantee success for your next sales or marketing proposal. All Prezi presentation templates are easily customized.
Now you can make any subject more engaging and memorable