Guided By: Dr. Mingon Kang

Slides:



Advertisements
Similar presentations
Project 1 ACSM PowerPoint.
Advertisements

Android Application Development A Tutorial Driven Course.
GIMP Tutorial v2.0 Boo Virk
How to prepare a PowerPoint presentation
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Microsoft Office Illustrated Inserting Illustrations, Objects, and Media Clips.
POWERPOINT TRAINING Introduction to Effective Image Usage in Powerpoint. Eileen Fry Indiana University Sept
Lecture 6 Desktop Publishing III – Presentation Software Introduction to Information Technology With thanks to Dr. A. Zhang, Dr. Haipeng Guo, and Dr. David.
Lesson 6: Working with Layout and Graphics
 Insert a picture from a file  Move and delete images  Use the Picture Tools tab  Add styles, effects, and captions to images  Resize photos  Use.
About me Yichuan Wang Android Basics Credit goes to Google and UMBC.
 Understanding an activity  Starting an activity  Passing information between activities  Understanding intents  Understanding the activity lifecycle.
Pasewark & Pasewark Microsoft Office 2003: Introductory 1 INTRODUCTORY MICROSOFT POWERPOINT Lesson 2 – Creating and Enhancing PowerPoint Presentations.
Lesson 11: Creating a Newsletter. Learning Objectives After studying this lesson, you will be able to:  Insert section breaks in documents  Use WordArt.
Creating a PowerPoint Presentation
HOW TO BUILD YOUR CULINARY ARTS PORTFOLIO. Adding a New Slide/ Duplicating a Slide Go to the slide menu on the left side of the screen Right click to.
CIS 205—Web Design & Development Fireworks Chapter 1.
How to Make a PowerPoint Yes you can do it too! How to (legally) Download PowerPoint aspx?family=officehomestudent&culture=en.
CS378 - Mobile Computing Intents. Allow us to use applications and components that are part of Android System – start activities – start services – deliver.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved. 1 3 Welcome Application Introduction to Visual Programming.
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
The first thing you need to do is log in. This is what the “Log In Screen” looks like. Remember to get teacher permission and login information prior.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
PowerPoint 2012 Tips for Creating a Presentation.
Introduction to PowerPoint 2003 Professional Development Training for Classroom Teachers.
Microsoft PowerPoint 2010 Lesson 6: Working with Layout and Graphics Created by Felicia Hudson, Riverside High School--Durham Public Schools.
CS371m - Mobile Computing Intents 1. Allow us to use applications and components that are already part of Android System – start activities – start services.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
V2.2 Boo Virk GIMP Tutorial v2.2 Boo Virk
Dive Into® Visual Basic 2010 Express
Quiet on the Set: Movie Projects with Your iPad
Multimedia Design.
Introduction to Microsoft publisher
CUS POWERPOINT PRESENTATION
Getting Started with Adobe Photoshop CS6
Microsoft PowerPoint Objectives
Instructor: Mazhar Hussain
Mobile Application Development BSCS-7 Lecture # 6
Introduction to Microsoft publisher
Mobile Applications (Android Programming)
MAD.
Activities and Intents
Microsoft® PowerPoint® 2016
Mobile Application Development Chapter 4 [Android Navigation and Interface Design] IT448-Fall 2017 IT448- Fall2017.
INX Incontrol mobile v5 Incontrol mobile user guide
Cartography and Labeling
Inserting Graphics, Media, and Objects
The Basics of Microsoft Word 2007 Excel
place logo in this space
Lesson 6: Working with Layout and Graphics
Communication Disability
Application Development A Tutorial Driven Course
Create and edit web pages 2
Instructions for using this template
Embedding Graphics in Web Pages
Lesson 6: Working with Layout and Graphics
Lesson 6: Working with Layout and Graphics
Lesson 6: Working with Layout and Graphics
Working with Symbols and Interactivity
The Basics of Microsoft Word 2007 Excel
Polishing and Running a Presentation
Learning How to Create an Online Interactive Poster using
Mobile Programming Dr. Mohsin Ali Memon.
Exploring Microsoft® Office 2016 Series Editor Mary Anne Poatsy
Web4Labels 3.1 Colour and logo definition features
Professor John Canny Spring 2003 March 12
Microsoft Office Illustrated Fundamentals
CA203 Presentation Application
Presentation transcript:

Guided By: Dr. Mingon Kang Picture Editing -Nidhi Patel Guided By: Dr. Mingon Kang

Outline Introduction System Architecture Implementation

Introduction > Capturing a best picture without any hurdles is quite difficult. Sometimes excessive sunlight make the picture too bright or we capture picture in moist atmosphere that makes the picture blurry. Also, picture taken with flash light gives the yellowish look to picture. Hence, we need to edit picture to enhance light and color , to fix the sharpness and brightness, to crop the unnecessary part also to have fun by adding stickers or frames. > Considering this reason as a motivation, I created an android mobile application that enhances the quality of the captured picture. My application is consisting of the following image editing features: Image cropping Image filtering Adjusting brightness, exposure, clarity and contrast Adding text, stickers, frames Adjusting focus >In addition to that, my application captures picture with front and rear camera. We can also import picture from internal memory and we can export edited picture to the external memory of phone via application.

System Architecture

1. MAIN ACTIVITY Capture Image Save Image Edit Image Import Image Discard Crop Filter Adjust Text Sticker Focus Brush

Application Information Developer Information 2. Welcome_Activity Greeting Page Application Information Developer Information Skip Next Skip Next Got It

Implementation

Welcome Activity Function of Welcome Activity: 3 slide windows 3 dotes Skip , Next , Got it Text MAIN CONCEPT: ViewPager Life-Cycle of Activity Resources Layout Welcome Activity

Welcome_Activity

Main Activity Main Activity Function of Main Activity: Camera Export Images Camera Swap Flash MAIN CONCEPT: ViewPager Fragment Intent SVG File Life-cycle of Activity Main Activity

Fragments A Fragment represents a behavior or a portion of user interface in an Activity. You can combine multiple fragments in a single activity to build a multi-pane UI and reuse a fragment in multiple activities. You can think of a fragment as a modular section of an activity, which has its own lifecycle, receives its own input events, and which you can add or remove while the activity is running (sort of like a "sub activity" that you can reuse in different activities).

SVG Files Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. SVG describes how the image should appear. An SVG file can be scaled to different sizes without losing quality - in other words, the format is resolution independent. SVG images and their behaviors are defined in XML text files.

Intent An Intent is a messaging object you can use to request an action from another app component. Intents communicates between components in several ways, I have used “on start activity” Communication medium. There are two types of intents: Explicit intents specify the component to start by name (the fully-qualified class name). You'll typically use an explicit intent to start a component in your own app, because you know the class name of the activity or service you want to start. For example, you can start a new activity in response to a user action or start a service to download a file in the background. Implicit intents do not name a specific component, but instead declare a general action to perform, which allows a component from another app to handle it. For example, if you want to show the user a location on a map, you can use an implicit intent to request that another capable app show a specified location on a map.

Exports Images

Imports Images

Let’s review some concepts Cropping Cropping of image is done by line clipping algoritham Filters All Filters and effects work due to RGB color Model Text,Stickers,Frame By using Fragments we can reuse and create the Text, Stickers and Frame AnimatorSet animatorSet = new AnimatorSet(); animatorSet.playTogether(new Animator[]{ObjectAnimator.ofFloat(panelView, "alpha", new float[]{1.0F, 0.0F}), ObjectAnimator.ofFloat(panelView, "translationY", new float[]{0.0F, (float)this.listView.getHeight()})}); animatorSet.addListener(new SetHardwareAnimatedViews(panelView, new View[0])); animatorSet.setDuration(300L); return animatorSet;

Too much of theory Time For Live Demo !!!!

Thanks! Any questions?

Credits https://www.youtube.com/watch?v=CYTmHwNLb9I https://developer.android.com/guide/components/intents-filters.html https://developer.android.com/reference/android/support/v4/view/ViewPager.html https://developer.android.com/guide/components/fragments.html https://www.lifewire.com/svg-file-4120603. https://developer.android.com/reference/android/graphics/Color.html https://developer.android.com/reference/android/graphics/ColorSpace.Rgb.html https://developer.android.com/training/basics/firstapp/creating-project.html https://github.com

Presentation design This presentation uses the following typographies and colors: Titles: Playfair Display Body copy: Lora You can download the fonts on this page: https://www.google.com/fonts#UsePlace:use/Collection:Playfair+Display:400,400italic,700,700italic|Lora:400,400italic,700,700italic Click on the “arrow button” that appears on the top right Black #000000 Dark Red #cc0000