Download - Web Applications
![Page 1: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/1.jpg)
Emerging Trends on the Internet
S.KrishnamorthyEx. Senior EDP Manager,Southern Railway, India
Web Consultanthttp://www.cyberbrahma.com/
![Page 2: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/2.jpg)
page 204/10/23 Presented by S.K (Cyber Brahma)
The Evolution• Plain HTML web
page
• Add dynamic elements
Marquee
Applet
Javascript
Embed Audio
Flash Object
Plain text
An Image
![Page 3: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/3.jpg)
page 304/10/23 Presented by S.K (Cyber Brahma)
Web Page Anatomy
• <HTML>
• <style type=“text/css”>
• <?php ?>
• Content pulled from database(dynamic database-driven web
sites)
![Page 4: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/4.jpg)
page 404/10/23 Presented by S.K (Cyber Brahma)
Are you satisfied?
![Page 5: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/5.jpg)
page 504/10/23 Presented by S.K (Cyber Brahma)
Web 2.0
• Enhance creativity
• Information sharing
• Collaboration among users
• Internet as a platform
![Page 6: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/6.jpg)
page 604/10/23 Presented by S.K (Cyber Brahma)
Web 2.0
![Page 7: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/7.jpg)
page 704/10/23 Presented by S.K (Cyber Brahma)
![Page 8: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/8.jpg)
page 804/10/23 Presented by S.K (Cyber Brahma)
Web 2.0 deciphered!
Web 1.0 Web 2.0DoubleClick --> Google AdSense Ofoto --> FlickrAkamai --> BitTorrentmp3.com --> iTunesBritannica Online --> Wikipediapersonal websites --> bloggingdomain speculation --> SEOpage views --> cost per clickscreen scraping --> web servicespublishing --> participationCMS --> wikisdirectories (taxonomy)--> tagging ("folksonomy")stickiness --> syndication
![Page 9: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/9.jpg)
page 904/10/23 Presented by S.K (Cyber Brahma)
Thus came XML
![Page 10: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/10.jpg)
page 10
04/10/23 Presented by S.K (Cyber Brahma)
The Paradigm shift
•Beyond the Browser
•Invisible Browser
•Web Desktop
• Desktop widgets – Function-based
![Page 11: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/11.jpg)
page 11
04/10/23 Presented by S.K (Cyber Brahma)
• Adobe Integrated Runtime
•Flash
•FlexFlex is a highly productive, free
opensource framework for building and maintaining expressive web applications that deploy consistently on all browsers, desktops and operating systems.
Adobe Suite
![Page 12: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/12.jpg)
page 12
04/10/23 Presented by S.K (Cyber Brahma)
AIR Toolkit• Builds desktop applications
• Persistence and rich functionality
• Rich Internet Applications
• OS – independent
• Data-driven dashboardsNASDAQ, eBay, AOL, Yahoo!
![Page 13: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/13.jpg)
page 13
04/10/23 Presented by S.K (Cyber Brahma)
The Big Brother!
![Page 14: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/14.jpg)
page 14
04/10/23 Presented by S.K (Cyber Brahma)
Google Apps
• Docs• Spreadsheets• Presentations• Sites• Calendar• Maps•Gmail
![Page 15: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/15.jpg)
page 15
04/10/23 Presented by S.K (Cyber Brahma)
And then comes Ajax!
Asynchoronous Javascript and XML Communicates with the server in the background Without interfering with the current state of the
web page Uses XHTML and CSS for presentation DOM for dynamic display of and interaction with
data XML and XSLT for the interchange and
manipulation of data XMLHttpRequest object for asynchronous
communication Javascript for combine these technologies
![Page 16: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/16.jpg)
page 16
04/10/23 Presented by S.K (Cyber Brahma)
Gmail
![Page 17: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/17.jpg)
page 17
04/10/23 Presented by S.K (Cyber Brahma)
XML Custom markup language – human
legible
User-defined elements
Structured data sharing
Portable across systems
Well-formed
Valid
Semantic
![Page 18: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/18.jpg)
page 18
04/10/23 Presented by S.K (Cyber Brahma)
R S S Rich Site Summary
(RSS 0.91)
RDF Site Summary (RSS 1.0)
Really Simple Syndication (RSS 2.0)
Resource Description Framework
![Page 19: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/19.jpg)
page 19
04/10/23 Presented by S.K (Cyber Brahma)
![Page 20: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/20.jpg)
page 20
04/10/23 Presented by S.K (Cyber Brahma)
![Page 21: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/21.jpg)
page 21
04/10/23 Presented by S.K (Cyber Brahma)
Ubiquitous RSS RSS Feed Readers – Desktop & On Line
Aggregators & Syndication
News
Images
Podcasting
Video
![Page 22: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/22.jpg)
page 22
04/10/23 Presented by S.K (Cyber Brahma)
RSS Aggregators Google Reader
Bloglines
Rojo
My MSN
Pluck
![Page 23: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/23.jpg)
page 23
04/10/23 Presented by S.K (Cyber Brahma)
RSS Aggegator with Google API
![Page 24: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/24.jpg)
page 24
04/10/23 Presented by S.K (Cyber Brahma)
RSS Mashup Google Mashup Editor
Yahoo! Pipes
PageFlakes
Netvibes
iGoogle
![Page 25: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/25.jpg)
page 25
04/10/23 Presented by S.K (Cyber Brahma)
Web Graphics
JPEG, GIF & PNG Positioning by CSS Wrap around text Image Galleries IrfanView Copying Images Image Manipulation
![Page 26: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/26.jpg)
page 26
04/10/23 Presented by S.K (Cyber Brahma)
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
![Page 27: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/27.jpg)
page 27
04/10/23 Presented by S.K (Cyber Brahma)
Image Markup
<img class=“alignleft” src=“/images/sk.jpg” alt=“I am The Greatest” />
<img style=“float: left;” padding: 3px;” …/>
![Page 28: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/28.jpg)
page 28
04/10/23 Presented by S.K (Cyber Brahma)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Image Markup Tutorial</title> <meta name="generator" content="Cyber Brahma" /> <meta name="author" content="S.K" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head>
<body><p><img style="float: left; padding: 3px;" src="/images/sk.jpg" width="80" height="80" alt="I am The Greatest" />Lorem ipsum dolor sit amet, blah…blah…. </p><p> </p> <p><img style="float: right; padding: 3px;" src="/images/sk.jpg" width="80" height="80" alt="I am The Greatest" />Lorem ipsum dolor sit amet, blah… blah…. </p><p><br /></p> <p><img style="display: block; margin-left: auto; margin-right: auto; padding: 3px;" src="/images/sk.jpg" width="80" height="80" alt="I am The Greatest" />Lorem ipsum dolor sit amet, blah… blah… </p>
</body></html>
![Page 29: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/29.jpg)
page 29
04/10/23 Presented by S.K (Cyber Brahma)
Result of Markup
![Page 30: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/30.jpg)
page 30
04/10/23 Presented by S.K (Cyber Brahma)
Image Gallery Flickr and Picasaweb Image data through RSS API for manipulation Pull from the repository PHP + MySql + ImageMagick/NetPBM
Organize, annotate, tag and discuss Lightbox, Highslide Javascript
![Page 31: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/31.jpg)
page 31
04/10/23 Presented by S.K (Cyber Brahma)
![Page 32: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/32.jpg)
page 32
04/10/23 Presented by S.K (Cyber Brahma)
Irfan View
![Page 33: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/33.jpg)
page 33
04/10/23 Presented by S.K (Cyber Brahma)
Copying images from the Web
•Right click method•Print Screen method•Cache copy method•Look for Licence• EXIF data• Beware of IPR• Re-save without data• Photoshop enhancement
![Page 34: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/34.jpg)
page 34
04/10/23 Presented by S.K (Cyber Brahma)
Image manipulation on the Web
• <?php // Load image$image = open_image('flower.jpg');if ($image === false) { die ('Unable to open image'); }
• // Get original width and height$width = imagesx($image);$height = imagesy($image);
• // New width and height$new_width = 150;$new_height = 100;
• // Resample$image_resized = imagecreatetruecolor($new_width, $new_height);imagecopyresampled($image_resized, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height);
• // Display resized imageheader('Content-type: image/jpeg');imagejpeg($image_resized);die();
• ?>
![Page 35: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/35.jpg)
page 35
04/10/23 Presented by S.K (Cyber Brahma)
On the Fly with PHP
Dynamic resizing
Watermarking
Thumbnail creation
Rotating
Reducing file size
![Page 36: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/36.jpg)
page 36
04/10/23 Presented by S.K (Cyber Brahma)
Working with images..
• Adobe Photoshop
• GIMP
• Stegenography
![Page 37: Web Applications](https://reader034.vdocument.in/reader034/viewer/2022051314/54c823074a7959fe6d8b45a2/html5/thumbnails/37.jpg)
page 37
04/10/23 Presented by S.K (Cyber Brahma)
Thank You
S.K is only an email away at
Any time for any info on the New Net!