Browser Plugin Selection

Objective:

The Objective of this plugin is to launch the bride from browser and to stop when not in use. There are few options to develop this plugin this document will explain the thought process that went through in selecting the plugin.

Options:

1. Natively Craft

Approach:

• Create plugin using NSAPI plugin
• This approach is very cumbersome
• discounting this approach

2. Juice Framework

JUCE (Jules' Utility Class Extensions) is an all-encompassing C++ class library for developing cross-platform software.

Comments:

1. Seems to be designed for cross platform UI development like QT framework and not specifically for plugin development
2. http://en.wikipedia.org/wiki/Juce

3. http://www.firebreath.org/

Comments:

• It’s a template engine which generates the necessary boilerplate code for all browser and platforms
• I have tried the simple plugin and it seems to work fine  on ie,firefox and chrome
• Seems well supported by the community
• love this framework !!!!

4. http://code.google.com/p/nixysa/
• not yet
5. PPAPI -> Extension to NPAPI by google

Getting Started with Firebreath

• Development environment : windows 8 , visual studio 2012
• General instructions
• Install mysysgit for windows : http://code.google.com/p/msysgit/downloads/detail?name=Git-1.8.0-preview20121022.exe&can=2&q=
• Install cmake : CMake version 2.8.7
• Install python : Python 2.7.3 Windows X86-64 Installer
• git clone https://github.com/sree6644/FireBreath.git firebreath
• cd firebreath
• git submodule update --init --recursive
• C:\Users\salagappa\Projects\plugin\firebreath-dev> C:\Python27\python.exe .\fbgen.py [ Name the project]
• move .\projects ..
• .\firebreath-dev\prep2012.cmd projects build
• FireBreath\prep2012.cmd -DWITH_SYSTEM_BOOST=1" "-DBOOST_ROOT=C:\boost_1_52_0” projects build2
• Open the visual studio solution and buid the project
• regsvr32 xx.dll
• run the test page

Links

http://lists.boost.org/Archives/boost/2010/08/169915.php

http://stackoverflow.com/questions/1683665/where-is-boost-process

http://www.highscore.de/boost/process/process/tutorials.html#process.tutorials.start_child

http://varuagdiary.blogspot.com/2012/11/browser-plugin-development-using.html

does not work

Working on this now:

C:\Users\salagappa\Downloads\process -google\boost\process

added  WIN32_LEAN_AND_MEAN in cricut precompile

http://boost.2283326.n4.nabble.com/quot-WinSock-h-has-already-been-included-quot-problem-with-asio-and-VC-2010-td3574900.html#a3575268

Errors:

• I did face _USRDLL not defined error while building the DLL Solution : define this in Projects

Demo:

TODO:

• Need certificate to sign the browser plugin
• User Experience : some users may be turned off with plugins because of security considerations
• Single Installer package for better user experience
• Develop installer for windows and Mac
• How does reload and install experience look like
• Licensing

Reference:

http://news.ycombinator.com/item?id=1375432

http://stackoverflow.com/questions/2649056/how-to-write-a-browser-plugin?rq=1

http://wix.codeplex.com/

http://www.boost.org/

UI architecture

URLs

http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

https://github.com/ifandelse/Knockout.js-External-Template-Engine

UI Framework

http://jqueryui.com/
http://twitter.github.com/bootstrap/
http://www.kendoui.com/
http://isotope.metafizzy.co/
http://masonry.desandro.com/index.html
https://github.com/neteye/jquery-plugins/tree/master/touch-gallery		pacifier

Identity Server

http://thinktecture.github.com/Thinktecture.IdentityServer.v2/

https://github.com/thinktecture/Thinktecture.IdentityServer.v2/wiki/Resources

ISOTOPE

http://www.designlunatic.com/2011/08/isotope-tutorial/

RequireJS

http://verekia.com/requirejs/build-simple-client-side-mvc-app-require-js

KnockoutJS

http://www.knockmeout.net/2011/06/10-things-to-know-about-knockoutjs-on.html

http://jsfiddle.net/evanlarsen/C5y6G/

http://jsfiddle.net/sree6644/C5y6G/

http://jsfiddle.net/rniemeyer/JQFsb/

JQUERY:

http://appendto.com/community/jquery-vsdoc/

Watercolor

https://github.com/rainagency

OAUTH

http://stackoverflow.com/questions/3631167/what-is-the-best-oauth2-c-sharp-library

https://github.com/ghorsey/SharpOAuth2

https://github.com/bnoguchi/everyauth  [Nodejs]

http://www.twitterizer.net/tutorials/getting-started-with-oauth/

windows Identity Server : http://msdn.microsoft.com/en-us/security/aa570351

Think IdentityServer

http://vimeo.com/51666379

identityModel

pcbase

Windows Identity Foundation

https://github.com/DavidChristiansen/DotNetOpenAuth.WebAPI.40

http://zamd.net/2012/05/04/claim-based-security-for-asp-net-web-apis-using-dotnetopenauth/

Microsoft Identity Management

oauth-2-0-in-web-api

http://livz.org/post/2012/06/29/Web-API-with-Basic-Authentication-for-an-HTML5-client.aspx

http://sorgalla.com/jcarousel/

http://codebetter.com/johnvpetersen/2012/04/02/making-your-asp-net-web-apis-secure/

http://leastprivilege.com/2012/10/26/using-claims-based-authorization-in-mvc-and-web-api/

http://codebetter.com/johnvpetersen/2012/04/02/making-your-asp-net-web-apis-secure/

http://leastprivilege.com/2012/03/13/asp-net-webapi-security-3-extensible-authentication-framework/

TODO:

http://www.asp.net/web-api

CSS:

Tutorial:

http://www.subcide.com/articles/creating-a-css-layout-from-scratch/

• border,margin,padding
• how to change the <li> horizontally , instead of vertically
• block level elements vs inline
• http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

Javascript:

• defered

http://www.red-gate.com/products/sql-development/sql-toolbelt/

Flex + Air,

1. Robolegs

Flex:

http://blog.another-d-mention.ro/programming/flashbuilder-network-issue/

http://kosiara87.blogspot.com/2011/03/flexflashbuilder-security-error.html

Finalizing architecture for 1.0

1.we will going with Single App Page (SPA application based on KnockoutJS)
2. A complete rewrite
3. HTML5 + flex
4. NPAPI plugin
5. Daunting task on both front end and backend
6. Backend fully .NET Stack, Web api, SQL server, IIS

Single Page Apps Design

Library Name	Purpose
http://lesscss.org/	for easy CSS
http://modernizr.com/	detect browser feature,version and type
http://html5boilerplate.com/	To kick start our html5 development
http://www.w3.org/TR/css3-mediaqueries/	for targeting multiple screens
http://jquery.com/
http://knockoutjs.com/	MVVM Pattern for client side Java Script
http://amplifyjs.com/	webstorage
http://sammyjs.org/	Nav/History
http://requirejs.org/	Dependency Resolution
http://underscorejs.org/	Javascript Helper Library
http://momentjs.com/	Javascript easy Date Parsing
http://qunitjs.com/	Qunit

Responsive Testing Tools

http://www.electricplum.com/	test various screen and devices
http://www.brianapps.net/sizer/	Resize window to exact size
http://www.responsinator.com/	To check how the site behaves under various resolution and devices
http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/	To check how the site behaves under various resolution and devices

SQL Server Local  VS express VS compact vs Server

http://blogs.msdn.com/b/jerrynixon/archive/2012/02/26/sql-express-v-localdb-v-sql-compact-edition.aspx

Tools

GIT : http://msysgit.github.com/

ORM Framework Selection

Framework		Notes
Dapper (MicroORM)	http://stackoverflow.com/tags/dapper/info	Good Performance and supported by community
LinqSQL
EntityFramework		10x Slow compared to Hand Coding and memory intensive

C#

http://pluralsight.com/training/Courses/Find?highlight=true&searchTerm=c%23

http://www.dnrtv.com/archives.aspx

http://stackoverflow.com/questions/100772/c-sharp-training-videos

ServerSide Libraries:

NInject
Dapper
WebApi

http://css-tricks.com/anythingslider-jquery-plugin/

https://github.com/Comcast/Xooie