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

2. Outline
Introduction
System Architecture
Implementation

3. 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.

4. System Architecture

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

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

7. Implementation

8. 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

9. Welcome_Activity

11. 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

12. 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).

13. 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.

14. 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.

15. Exports Images

16. Imports Images

17. 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;

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

19. Thanks!
Any questions?

20. Credits https://www.youtube.com/watch?v=CYTmHwNLb9I

21. Presentation design
This presentation uses the following typographies and colors:
Titles: Playfair Display
Body copy: Lora
You can download the fonts on this page:
Click on the “arrow button” that appears on the top right
Black #000000
Dark Red #cc0000