By Lavanya Lakshman Balachandar Sankar 7/24/2010 YAP – Yahoo Application Platform.

Slides:



Advertisements
Similar presentations
Pulan Yu School of Informatics Indiana University Bloomington Web service based Varuna.Net.
Advertisements

Introduction to HTML, XHTML, and CSS
Introduction to the Windows Runtime (WinRT) Ben Dewey Tallan, Inc.
OpenSocial CS : Survey of Contemporary Technologies.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
OULU ADVANCED RESEARCH ON SOFTWARE AND INFORMATION SYSTEMS Teppo Räisänen | Oulu University of Applied Sciences Facebook programming Teppo Räisänen
Project 1 Introduction to HTML.
Eric Meeks (UCSF) Leslie Yuan (UCSF) OpenSocial Gadget Update from UCSF June 17, 2011 – Harvard Profiles User Group Meeting.
A problem in IMS Learning Design To promote interoperability, few services Local tool frameworks like LAMS have much richer tool environment –Easy provisioning.
It’s always better live. MSDN Events Developing ASP.NET AJAX Controls with Silverlight.
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Development of mobile applications using PhoneGap and HTML 5
Happy Hacking HTML5! Group members: Dongyang Zhang Wei Liu Weizhou He Yutong Wei Yuxin Zhu.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Presented by…. Group 2 1. Programming language 2Introduction.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
BUILD CROSS-PLATFORM NATIVE MOBILE APP FOR DNN DNN Mobi.
Chapter 1 Introduction to HTML, XHTML, and CSS
Rayzit EPL 371 Aζίζ Φίλιππος Παπαϊωάννου Βαρνάβας Πασχαλίδης Δημήτρης Χαραλάμπους Θεόδωρος.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
May 16 – 18, 2007 Copyright 2007, Data Access Worldwide May 16 – 18, 2007 Copyright 2007, Data Access Worldwide Build Great Web Application 'Fast and Easy'
Yahoo! User Interface (YUI) Library Natly Mekdara.
Introduction to ArcGIS API for JavaScript
WEB-ENHANCED INFORMATION MANAGEMENT (COMS E6125) SPRING 2008 (CVN) NAVID AZIMI (NA2258) Web Platforms, or: How I Learned To Stop Worrying And Love Facebook.
Apps where your users are Sign into SharePoint and launch apps Modern experiences on breadth of devices Central app management Central user.
NetTech Solutions Working with Web Elements Lesson 6.
1 Producing Rich Internet Applications with an Open Source Platform Martin Cadirola Ecotronics.
JavaScript Programming B.Ramamurthy 6/113/2014B. Ramamurthy CSE6511.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Instructor, Dr. Khalili Bahram Jeevan Kumar Gogineni.
Pi In The Sky (Web Interface) Gaston Seneza Philander Smith College, Little Rock, AR SIParCS Intern Mentors: Dr. Richard Loft & Dr. Raghu Raj Kumar 1.
Leveraging ArcGIS Online Elevation and Hydrology Services
Cross Site Integration “mashups” cross site scripting.
1 My Yahoo! Personalising the Web Nick Cox – Product Manager May 2007.
0 Y! Mail Application Development Platform Open Hack day 14 th Feb 2009.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.
1 Alternative view on Internet Computing Web 1.0 –Web 1.0 is first generation, Web Information based. Driven by Information provider. Web 2.0 Ajax enabled.
Walkthrough example including SAS output How to create a mobile WebApp? PhUSE / 12. October 2015 / Katja Glaß BHC 4:3 Template 2010 June 2014Page 1.
Libraries and APIs CMPT 281. Overview Basics of libraries and APIs Rich internet applications Examples – Scriptaculous – JQuery.
Powered by Microsoft Azure, PointMatter Is a Flexible Solution to Move and Share Data between Business Groups and IT MICROSOFT AZURE ISV PROFILE: LOGICMATTER.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Website Design Best Practices. Topics  Navigation  Readability  Portability  Frameworks for Web Design  Model View Architecture MVC  SEO  Performance.
Leveraging Web Content Management in SharePoint 2013 Christina Wheeler.
DEV103 – Web Part Transformers – More than meets the eye By: D’arce Hess.
Kindergarten Math Learning (KML) Application Presented by :  Ajit Pariyar  Prashantreddy Keshireddy  Ariel Nounawon APA Programmers.
Mobilizing Your SAS® Business Analytic Reports Falko Schulz Sr. Systems Engineer SAS Australia & New Zealand.
Bucharest, 23 February 2005 CHM PTK technologies Adriana Baciu Finsiel Romania.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
PSU Web Conference '12 Erica Hollis The Future is mobile Responsive Web Design Mobile Planning JQuery in World Campus Usability Testing Gamification Making.
Technologies For Creating Rich Internet Applications Presenter's name
1 ODF and Web Mashups Basic techniques Rob Weir, IBM :15.
JQuery Fundamentals Introduction Tutorial Videos
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Pentaho and Yahoo User Interface (YUI)
AMP.
SPA Revolution with WebAssembly and Blazor Rainer Stropek | software
Mozafar Bag-Mohammadi
And I have to create mobile apps too?
Leveraging ArcGIS Online Elevation and Hydrology Services
Presentation transcript:

By Lavanya Lakshman Balachandar Sankar 7/24/2010 YAP – Yahoo Application Platform

Agenda Introduction Gadget XML Supporting Views YML Caja/YUI OpenSocial Walkthrough of Sample Gadget XML App Creation Steps Joyent Web Hosting DEMO Questions

Yahoo!’s Footprint 700M people use Y! Worldwide 200M people visit every day, 365 days a year Yahoo!’s social graph is growing rapidly

Introduction: YAP [Yahoo Application Platform] YAP, is a platform that allows developers to build web applications that would be accessible across different yahoo networks Apps are easier to create Open application could leverage Yahoo!’s enormous social graph. Open applications has various access points – Yahoo! Frontpage – MyYahoo! – Yahoo! Toolbar – Yahoo! Pulse – Yahoo! Games (Coming soon…) – Yahoo! Messenger Plugin (Coming soon…)

MyYahoo!

Yahoo Frontpage

Yahoo! Pulse

Yahoo! Toolbar

Yahoo! Games (Mock up)

Yahoo! Messenger Plugin (Mock up)

Getting Started App is defined by a Gadget XML Gadget XML conforms to OpenSocial gadgets API specification.

Getting Started.. contd

Yahoo Small View No Javascript. Faster HTML or YML Lite (Subset of YML). Two States – Default – Personalized

Yahoo Small View

Yahoo Full View Supports HTML, CSS, YML, YUI and Caja friendly JS Richer Interface Opensocial v0.8/0.9 compatible

Yahoo Full View

Preview View Content is shown to users who are – Not signed in – Haven’t installed / authorized to view application Try to have some interesting preview content, so that users are motivated to install the app. yml:customize tag is used for installing an app

YML – Yahoo Markup Language Similar in format to XML, Yahoo! Markup Language (YML) provides functionality to Open Applications in a safe and standardized fashion Adds functionality to Open Application. yml:a yml:ad yml:audio yml:customize yml:form yml:friend-selector yml:if-env yml:include yml:message yml:name yml:profile-pic yml:pronoun yml:share yml:swf yml:user-badge

YML – Yahoo Markup Language Hello Open Hack Day

YAP with Caja/YUI Caja is a system that transforms ordinary HTML and JavaScript into a secured form of HTML/JS Caja is an Opensource project sponsored by Google. Caja prevents insecure JS YUI is a library of JavaScript utilities and controls for building richly interactive web applications using techniques such as DOM Scripting. Supports subset of YUI libraries and utilities

Opensocial and its compatibility OpenSocial is a collection of common application programming interfaces (APIs) for web-based social network applications Supports OpenSocial 0.9 JavaScript APIs and OpenSocial RESTful API OSML and Opensocial templates are in beta phase.

Sample Gadget XML To test YAP functionality /2009_One_Industries_HH_Lifestyle_Graphic_Kit.jpg steph, 喜, 中國 ……….

Sample Gadget XML.. contd …….. ]]> <!-- ]]> This is a sample Small View 

Open App Creation [YDN Dashboard]

YDN Devtool Page Import Gadget Live App. Share with friends. Live App. Share with friends. Reviewed before publishing

App Analytics

Hosting solution JOYENT developer-program/

DEMO Gadget xml template Xml_Template.xml

Thank You