1 touchscreen edited

  • 2,512 views
Uploaded on

Overview Of Touch Screen …

Overview Of Touch Screen
S.AMRISH
Suguna Polytechnic College
Coimbatore
E-mail : amrish.91@gmail.com
Mobile:+919791277737

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,512
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
332
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Animated picture buttons grow and turn on path(Advanced)To reproduce the curved shape on this slide, do the following:On the Home tab, in the Slides group, click Layout, and then click Blank.On the Home tab, in the Drawing group, click Shapes, and then under Basic Shapes click Right Triangle (first row, fourth option from the left).On the slide, draw a triangle. Under Drawing Tools, on the Format tab, in the Size group, enter 7.5” into the Height box and enter 4.75” into the Width box.On the Home tab, in the Drawing group, click Arrange, point to Align, and then do the following:Click Align Middle. Click Align Left.On the slide, select the triangle. Under Drawing Tools, on the Format tab, in the Insert Shapes group, click Edit Shape, and then click Edit Points. Right-click the diagonal side of the triangle, and then click Curved Segment. Click the bottom right corner of the triangle and then move the curve adjustment handle to create a consistent curve.Also on the Format tab, in the Shape Styles group, click Shape Fill, and then under Theme Colors click White, Background 1 (first row, first option from the left).Also on the Format tab, in the Shape Styles group, click Shape Outline, and then click No Outline.To reproduce the background effects on this slide, do the following:On the Design tab, in the Background group, click Background Styles, and then click Format Background. In the Format Background dialog box, click Fill in the left pane, select Gradient fill in the Fill pane, and then do the following:In the Type list, select Linear.In the Angle box, enter 225.Under Gradient stops, click Add gradient stops or Remove gradient stops until two stops appear in the slider.Also under Gradient stops, customize the gradient stops as follows:Select the first stop in the slider, and then do the following: In the Position box, enter 0%.Click the button next to Color, and then under Theme Colors click White, Background 1 (first row, first option from the left).In the Transparency box, enter 0%. Select the first stop in the slider, and then do the following: In the Position box, enter 100%.Click the button next to Color, click More Colors, and then in the Colors dialog box, on the Custom tab, enter values for Red: 230, Green: 230, Blue: 230.To reproduce the picture and text effects on this slide, do the following:On the Insert tab, in the Images group, click Picture. In the Insert Picture dialog box, select a picture, and then click Insert.On the slide, select the picture. Under Picture Tools, on the Format tab, in the Size group, click the arrow under Crop, click Crop to Shape, and then under Basic Shapes click Oval (first option from the left).With the picture still selected, under PictureTools, on the Format tab, in the Size group, click the Size and Position dialog box launcher. In the Format Picture dialog box, resize or crop the image so that the height is set to 1.2” and the widthis set to 1.2”. To crop the picture, click Crop in the left pane, and in the right pane, under Crop position, enter values into the Height, Width, Left, and Top boxes. To resize the picture, click Size in the left pane, and in the right pane, under Size and rotate, enter values into the Height and Width boxes.Also in the Format Picture dialog box, click 3-D Format in the left pane, and then, in the 3-D Format pane, do the following:Under Bevel, click the button next to Top and click Circle (first row, first option from the left).Under Surface, click the button next to Material, and then under Standard click Metal (fourth option from the left). Click the button next to Lighting, and then under Neutral click Contrasting (second row, second option from the left). In the Angle box, enter 25°.Also in the Format Picture dialog box, click Shadow in the left pane. In the Shadow pane, click the button next to Presets, under Outer click Offset Diagonal Bottom Left (first row, third option from the left), and then do the following:In the Transparency box, enter 77%.In the Size box, enter 100%.In the Blur box, enter 10 pt.In the Angle box, enter 141°.In the Distance box, enter 10 pt.On the slide, drag the picture onto the curve, near the top. On the Insert tab, in the Text group, click Text Box. On the slide, drag to draw the text box.Enter text in the text box and select it. On the Home tab, in the Font group, do the following:In the Font list, select Corbel.In the Font Size box, enter 22.Click the arrow next to Font Color,and then under Theme Colors click White, Background 1, Darker 50% (sixth row, first option from the left).On the Home tab, in the Paragraph group, click Align Text Left to align the text left in the text box.On the slide, drag the text box to the right of the picture. To reproduce the animation effects on this slide, do the following:It will help to zoom out in order to view the area off the slide. On the View tab, in the Zoom group, click Zoom. In the Zoom dialog box, select 65%.On the Animations tab, in the AdvancedAnimation group, click AddAnimation, and then click More Entrance Effects. In the Add Entrance Effect dialog box, under Moderate, click Grow & Turn, and then click OK.On the Animations tab, in the Timing group, in the Start list, select WithPrevious.On the Animations tab, in the Timing group, in the Duration box, enter 1. On the Animations tab, in the AdvancedAnimation group, click AddAnimation, and then under Motion Paths click Arcs.On the Animations tab, in the Timing group, in the Start list, select WithPrevious.On the Animations tab, in the Timing group, in the Duration box, enter 1. On the Animations tab, in the Animation group, click EffectOptions, and then click Right.On the Animations tab, in the Animation group, click EffectOptions, and then click Reverse Path Direction.On the slide, select the arc effect path, and then drag the bottom sizing handle below the bottom of the slide. Drag the right side sizing handle to the left until the path curve approximately matches the curve of the modified triangle. Drag the green rotation handle to the left to rotate the arc path to match the curve of the modified triangle. Drag the arc path so that the red arrow is in the center of the picture. You may need to make further adjustments to the length, width, and angle of the arc path to match the curve of the modified triangle.On the slide, select the text box. On the Animations tab, in the AdvancedAnimation group, click AddAnimation, and then under Entrance click Fade.On the Animations tab, in the Timing group, in the Start list, select After Previous.On the Animations tab, in the Timing group, in the Duration box, enter 1. To reproduce the other animated pictures and text boxes on this slide, do the following:On the Animations tab, in the Advanced Animation group, click Animation Pane. On the slide, press and hold CTRL and then select the picture and the text box. On the Home tab, in the Clipboard group, click the arrow next to Copy, and then click Duplicate.On the slide, drag the duplicate picture and text onto the curve below the first group. On the slide, select the duplicate picture. Under Picture Tools, on the Format tab, in the Adjust group, click ChangePicture. In the Insert Picture dialog box, select a picture, and then click Insert. Under PictureTools, on the Format tab, in the Size group, click the Size and Position dialog box launcher. In the Format Picture dialog box, resize or crop the image so that the height is set to 1.2” and the widthis set to 1.2”. To crop the picture, click Crop in the left pane, and in the right pane, under Crop position, enter values into the Height, Width, Left, and Top boxes. To resize the picture, click Size in the left pane, and in the right pane, under Size and rotate, enter values into the Height and Width boxes.In the AnimationPane, click the Arc animation effect for the new picture. Drag the green rotation handle to the right to rotate the arc path to match the curve of the modified triangle. Drag the arc path so that the red arrow is in the center of the picture.Click in the duplicate text box and edit the text.Repeat steps 2-7 two more times to reproduce the third and fourth pictures and text boxes with animation effects.
  • Silhouetteandquotationtextwithperspective(Advanced)To reproduce the effects on this slide, do the following:On the Home tab, in theSlides group, click Layout, and then click Blank.On the Insert tab, in the Text group, click Text Box, and then on the slide, drag to draw the text box.Enter text in the text box, select the text, and then on the Home tab, in the Font group, select Candarafrom the Font list, select 44 from the Font Size list, click Italic, click the arrow next to Font Color, and then under Theme Colors click Dark Blue, Text 2, Lighter 80% (second row, fourth option from the left).On the Home tab, in the Paragraph group, click AlignTextLeft to align the text left in the text box.Select the text box. Under Drawing Tools, on the Format tab, in the WordArt Styles group, click Text Effects, point to 3-D Rotation, and then under Perspective click Perspective Left (first row, second option from the left). Also under Drawing Tools, on the Format tab, in the WordArt Styles group, click Text Effects, point to 3-D Rotation, and then click 3-DRotationOptions. In theFormat Text Effects dialog box, click 3-D Rotation in the left pane, and then in the right pane, under Rotation, do the following:In the X box, enter 40°.In the Perspective box, enter 60°.On the Insert tab, in the Illustrations group, click Shapes, and then under Rectangles click Rectangle (first option from the left). On the slide, drag to draw a rectangle. Select the rectangle. Under Drawing Tools, on the Format tab, in the Size group, do the following:In the Shape Height box, enter 2.5”.In the Shape Width box, enter 2”.Under Drawing Tools, on the Format tab, in the ShapeStyles group, click ShapeFill, point to Gradient, and then click MoreGradients. In the Format Shape dialog box click Fill in the left pane, select Gradient fill in the Fill pane, and then do the following:In the Type list, select Linear. In the Angle box, enter 90.Under Gradient stops, click Add gradient stops or Remove gradient stops until three stops appear in the slider.Also under Gradient stops, customize the gradient stops as follows:Select the first stop in the slider, and then do the following: In the Position box, enter 0%.Click the button next to Color, and then under Theme Colors click DarkBlue, Text2 (first row, fourth option from the left).In the Transparency box, enter 0%. Select the second stop in the slider, and then do the following: In the Position box, enter 50%.Click the button next to Color, click More Colors, and then in the Colors dialog box, on the Custom tab, enter values for Red: 58, Green: 107, Blue: 165.In the Transparency box, enter 0%. Select the third stop in the slider, and then do the following: In the Position box, enter 100%.Click the button next to Color, and then under Theme Colors click Dark Blue, Text 2, Darker 25% (fifth row, fourth option from the left).In the Transparency box, enter 0%. Also in the Format Shape dialog box, click Line Color in the left pane, and then select No line in the Line Color pane. Also in the Format Shape dialog box, click Shadow in the left pane, and then do the following in the Shadow pane:Click the button next to Presets, and then under Perspective click PerspectiveDiagonalUpperLeft (first row, first option from the left). In the Transparency box, enter 80%.In the Blur box, enter 6 pt.Also in the Format Shape dialog box, click 3-DFormat in the left pane, and then do the following in the 3-DFormatpane:Under Bevel, click the button next to Top, and then under Bevel click Relaxed Inset (first row, second option from the left). Next to Top, in the Width box, enter 6 pt, and in the Height box, enter 6 pt. Under Surface, click the button next to Material, and then under Standard click Warm Matte (second option from the left). Click the button next to Lighting, and then under Neutral click ThreePoint (first row, first option from the left).On the Insert tab, in the Images group, click Clip Art. In the Clip Art pane, in the Search for box, enter00058924.wmf, select Include Office.com content, and then click Go. Select the clip art file and drag it onto the slide. (Note: If you choose another clip art file, the clip art must be in the Windows Metafile format [.wmf].)On the slide, select the clip art. On the Home tab, in the Drawing group, click Arrange, and then click Ungroup. In the Microsoft Office PowerPoint dialog box, click Yes. On the slide, select the converted clip art. On the Home tab, in the Editing group, click Select, and then click Selection Pane. In the Selection and Visibility pane, select the top-level group. On the Home tab, in the Drawing group, click Arrange, and then click Ungroup. Also in the Selection and Visibility pane, select the Autoshape object, and then press DELETE. Also in the Selection and Visibility pane, select each object and drag it to one side of the slide, until the orange silhouette freeform shape is visible. (Note: The silhouette shape is directly on top of the dark brown rectangle in the back.) Delete all of the other freeform shapes except for the silhouette by selecting them in the Selection and Visibility pane and then pressing DELETE. On the slide, select the silhouette shape. Under Drawing Tools, on the Format tab, in the Size group, do the following:In the Shape Width box, enter 1.8”.On the Home tab, in the bottom right corner of the Drawing group, click the Format Shape dialog box launcher. In the Format Shape dialog box, click Fill in the left pane, select Solid fill in the right pane, and then do the following:Click the button next to Color, and then under Theme Colors click Black, Text 1 (first row, second option from the left).In the Transparency box, enter 40%.On the slide, drag the silhouette on top of the blue rectangle. Select the silhouette shape. Press the UP ARROW and DOWN ARROW keys to position the silhouette so that the bottom edge is just above the rectangle bevel edge. Press and hold SHIFT and select the silhouette shape and the rectangle. On the Home tab, in the Drawing group, click Arrange, and then do the following:Point to Align, and then click Align Selected Objects. Point to Align, and then click Align Center.Click Group.Select the group. On the Home tab, in the Drawing group, click Shape Effects, point to 3-D Rotation, and then under Perspective click Perspective Right (first row, third option from the left). Drag the group and text box to position on the slide as needed.  To reproduce the background on this slide, do the following: Right-click the slide background area, and then click Format Background. In the Format Background dialog box, click Fill in the left pane, select Gradient fill in the right pane, and then do the following:In the Type list, select Linear.Click the button next to Direction, and then click Linear Diagonal (first row, firstoption from the left).In the Angle box, enter 225°.Under Gradient stops, click Add gradient stops or Remove gradient stops until two stops appear in the drop-down list.Also under Gradient stops, customize the gradient stops that you added as follows:Select the first stop in the slider, and then do the following:In the Position box, enter 48%.Click the button next to Color, and then underThemeColors click Black, Text 1, Lighter 5% (sixth row, second option from the left). Select the last stop in the slider, and then do the following:In the Position box, enter 94%.Click the button next to Color, and then underThemeColors click DarkBlue, Text 2, Lighter 40% (fourth row, fourth option from the left).  
  • Silhouetteandquotationtextwithperspective(Advanced)To reproduce the effects on this slide, do the following:On the Home tab, in theSlides group, click Layout, and then click Blank.On the Insert tab, in the Text group, click Text Box, and then on the slide, drag to draw the text box.Enter text in the text box, select the text, and then on the Home tab, in the Font group, select Candarafrom the Font list, select 44 from the Font Size list, click Italic, click the arrow next to Font Color, and then under Theme Colors click Dark Blue, Text 2, Lighter 80% (second row, fourth option from the left).On the Home tab, in the Paragraph group, click AlignTextLeft to align the text left in the text box.Select the text box. Under Drawing Tools, on the Format tab, in the WordArt Styles group, click Text Effects, point to 3-D Rotation, and then under Perspective click Perspective Left (first row, second option from the left). Also under Drawing Tools, on the Format tab, in the WordArt Styles group, click Text Effects, point to 3-D Rotation, and then click 3-DRotationOptions. In theFormat Text Effects dialog box, click 3-D Rotation in the left pane, and then in the right pane, under Rotation, do the following:In the X box, enter 40°.In the Perspective box, enter 60°.On the Insert tab, in the Illustrations group, click Shapes, and then under Rectangles click Rectangle (first option from the left). On the slide, drag to draw a rectangle. Select the rectangle. Under Drawing Tools, on the Format tab, in the Size group, do the following:In the Shape Height box, enter 2.5”.In the Shape Width box, enter 2”.Under Drawing Tools, on the Format tab, in the ShapeStyles group, click ShapeFill, point to Gradient, and then click MoreGradients. In the Format Shape dialog box click Fill in the left pane, select Gradient fill in the Fill pane, and then do the following:In the Type list, select Linear. In the Angle box, enter 90.Under Gradient stops, click Add gradient stops or Remove gradient stops until three stops appear in the slider.Also under Gradient stops, customize the gradient stops as follows:Select the first stop in the slider, and then do the following: In the Position box, enter 0%.Click the button next to Color, and then under Theme Colors click DarkBlue, Text2 (first row, fourth option from the left).In the Transparency box, enter 0%. Select the second stop in the slider, and then do the following: In the Position box, enter 50%.Click the button next to Color, click More Colors, and then in the Colors dialog box, on the Custom tab, enter values for Red: 58, Green: 107, Blue: 165.In the Transparency box, enter 0%. Select the third stop in the slider, and then do the following: In the Position box, enter 100%.Click the button next to Color, and then under Theme Colors click Dark Blue, Text 2, Darker 25% (fifth row, fourth option from the left).In the Transparency box, enter 0%. Also in the Format Shape dialog box, click Line Color in the left pane, and then select No line in the Line Color pane. Also in the Format Shape dialog box, click Shadow in the left pane, and then do the following in the Shadow pane:Click the button next to Presets, and then under Perspective click PerspectiveDiagonalUpperLeft (first row, first option from the left). In the Transparency box, enter 80%.In the Blur box, enter 6 pt.Also in the Format Shape dialog box, click 3-DFormat in the left pane, and then do the following in the 3-DFormatpane:Under Bevel, click the button next to Top, and then under Bevel click Relaxed Inset (first row, second option from the left). Next to Top, in the Width box, enter 6 pt, and in the Height box, enter 6 pt. Under Surface, click the button next to Material, and then under Standard click Warm Matte (second option from the left). Click the button next to Lighting, and then under Neutral click ThreePoint (first row, first option from the left).On the Insert tab, in the Images group, click Clip Art. In the Clip Art pane, in the Search for box, enter00058924.wmf, select Include Office.com content, and then click Go. Select the clip art file and drag it onto the slide. (Note: If you choose another clip art file, the clip art must be in the Windows Metafile format [.wmf].)On the slide, select the clip art. On the Home tab, in the Drawing group, click Arrange, and then click Ungroup. In the Microsoft Office PowerPoint dialog box, click Yes. On the slide, select the converted clip art. On the Home tab, in the Editing group, click Select, and then click Selection Pane. In the Selection and Visibility pane, select the top-level group. On the Home tab, in the Drawing group, click Arrange, and then click Ungroup. Also in the Selection and Visibility pane, select the Autoshape object, and then press DELETE. Also in the Selection and Visibility pane, select each object and drag it to one side of the slide, until the orange silhouette freeform shape is visible. (Note: The silhouette shape is directly on top of the dark brown rectangle in the back.) Delete all of the other freeform shapes except for the silhouette by selecting them in the Selection and Visibility pane and then pressing DELETE. On the slide, select the silhouette shape. Under Drawing Tools, on the Format tab, in the Size group, do the following:In the Shape Width box, enter 1.8”.On the Home tab, in the bottom right corner of the Drawing group, click the Format Shape dialog box launcher. In the Format Shape dialog box, click Fill in the left pane, select Solid fill in the right pane, and then do the following:Click the button next to Color, and then under Theme Colors click Black, Text 1 (first row, second option from the left).In the Transparency box, enter 40%.On the slide, drag the silhouette on top of the blue rectangle. Select the silhouette shape. Press the UP ARROW and DOWN ARROW keys to position the silhouette so that the bottom edge is just above the rectangle bevel edge. Press and hold SHIFT and select the silhouette shape and the rectangle. On the Home tab, in the Drawing group, click Arrange, and then do the following:Point to Align, and then click Align Selected Objects. Point to Align, and then click Align Center.Click Group.Select the group. On the Home tab, in the Drawing group, click Shape Effects, point to 3-D Rotation, and then under Perspective click Perspective Right (first row, third option from the left). Drag the group and text box to position on the slide as needed.  To reproduce the background on this slide, do the following: Right-click the slide background area, and then click Format Background. In the Format Background dialog box, click Fill in the left pane, select Gradient fill in the right pane, and then do the following:In the Type list, select Linear.Click the button next to Direction, and then click Linear Diagonal (first row, firstoption from the left).In the Angle box, enter 225°.Under Gradient stops, click Add gradient stops or Remove gradient stops until two stops appear in the drop-down list.Also under Gradient stops, customize the gradient stops that you added as follows:Select the first stop in the slider, and then do the following:In the Position box, enter 48%.Click the button next to Color, and then underThemeColors click Black, Text 1, Lighter 5% (sixth row, second option from the left). Select the last stop in the slider, and then do the following:In the Position box, enter 94%.Click the button next to Color, and then underThemeColors click DarkBlue, Text 2, Lighter 40% (fourth row, fourth option from the left).  

Transcript

  • 1. Introduction Evolution Of Touch Screen Types Of Touch Screen IPOD Touch Screen
  • 2. A Touchscreen is an electronic visual display that candetect the presence and location of a touch within thedisplay areaIt is an Input device that allows users to operate a PC bysimply touching the display screenA touch screen is based on CRT (Cathode Ray Tube)technology, SAW (Surface Acoustic Wave) technology,that accepts direct onscreen input.The ability for direct onscreen input is facilitated by anexternal (light pen) or an internal device (touch overlay andcontroller) .
  • 3. How Does a Touchscreen Work?A basic touchscreen has three main components: Touch Sensor, Controller Software Driver.The touchscreen is an input device, so it needs to becombined with a display and a PC or other device toMake a complete touch input system.
  • 4. A touch screen sensor is a clear glass panelwith a touch responsive surface.The sensor generally has an electrical currentor signal going through it and touching thescreen causes a voltage or signal change.This voltage change is used to determine thelocation of the touch to the screen.
  • 5. The controller is a small PC card thatconnects between the touch sensorand the PC. It takes information fromthe touch sensor and translates it intoinformation that PC can understand.The controller determines what type ofinterface/connection you will need onthe PC.Controllers are available that canconnect to a Serial/COM port (PC) orto a USB port (PC or Macintosh).Specialized controllers are alsoavailable that work with DVD playersand other devices.
  • 6. The driver is a software that allows the touchscreen and computer to work together. It tellsthe operating system how to interpret thetouch event information that is sent from thecontroller.Most touch screen drivers today are a mouse-emulation type driver. This makes touching thescreen the same as clicking your mouse at thesame location on the screen.This allows the touchscreen to work withexisting software and screen driver.
  • 7. Resistive Touch screenSurface wave Touch screenCapacitive Touch screen Surface capacitive Projected capacitiveNear Field Imaging TouchscreenInfrared Touch screen
  • 8. Resistive touch screen monitors are usuallymade up of a flexible top layer and a rigidbottom layer.The resistive touch screen monitors are verydurable and are not easily contaminated withitems that may interfere with the acousticwaves. Bottom Resistive Layer .Insulating Dots .Glass Substrate
  • 9. A capacitive touchscreen panel is coatedwith a material, typicallyindium tin oxide thatconducts a continuouselectrical current acrossthe sensor. The sensor thereforeexhibits a preciselycontrolled field ofstored electrons in boththe horizontal andvertical axes - itachieves capacitance.
  • 10. Surface acoustic wave(SAW) technology usesultrasonic waves that passover the touch screenpanel.When the panel is touched,a portion of the wave isabsorbed. This change inthe ultrasonic wavesregisters the position of thetouch event and sends thisinformation to the controllerfor processing.
  • 11. An infrared (IR) touch screen panel employs one of two verydifferent methods. One method uses thermal induced changes of the surfaceresistance. This method is sometimes slow and requires warmhands.Another method is an array of vertical and horizontal IRsensors that detect the interruption of a modulated light beamnear the surface of the screen.IR touch screens have the most durable surfaces and are usedin many military applications that require a touch panel display.
  • 12. iPod touch apart from other iPod models -- other than the latest nano -- is its touch-screen interface. When you touch the screen, the iPods circuitry detects the presenceof your finger. It keeps track of how many fingers you have on the screen and whereyou move them.
  • 13. Top polyester coated with a transparentmetallic conductive coating on the bottomAdhesive layer on the backside of the glassfor mounting.Glass layer coated with a transparentmetallic conductive coating on the topAdhesive spacer
  • 14. Key BoardMouseKey PadTracer
  • 15. A Kiosk ( Pronounced Key-osk) is a computer based terminal ordisplay that is used to provide information or services typically inpublic place kiosk systems
  • 16. Tourism displays, Trade show displayStores, Restaurants, ATMs, Airline ticket terminals