community code: scircles

COMMUNITY CODES-CIRCLES

AGENDA

· THE TEAM

· WHAT IS S-CIRCLES?

· THE PERSPECTIVE

· CODING SESSION

· LIVE DEMO

· QUESTIONS

THE TEAM

MAX WIDDRA· Occupation: Art Director at WINCOMMUNICATION (http://www.wincommunication.de)

·Specialized in: Web, interface and editorial-design, User Experience

· Tools: Photoshop, Illustrator, Indesign, mindmaps

· Online projects since 2001

THE TEAM

BASTIAN HAUSTEIN· CEO of source lounge(http://www.source-lounge.de)

· Works mainly as consultant

· Uses PHP, MySQL, HTML and JavaScript but isspecialized in HTML5 and software architecture

· Loves to be a „front end freak“, giving modern apps the feeling of being native, but even cooler ;-)

THE TEAM

TOBIAS UHLIG· Woking fulltime with the Sencha Frameworks since May 2007

· User Interface engineer at Refined Labs for the last 1.5 years (http://www.refinedlabs.com/en/)

· Extthemes.com

· fieldmanager

WHAT IS S-CIRCLES

WELCOME TO OUR SOCIALMEDIA EXPERIMENT· S-Circles is a prototype of a brand new community platform

· The idea of the name: custom subdomains like Tobias-Uhlig.sCircles.net→

· Users shall use it everywhere with native support for their environment ( Ext JS 4 + Sencha Touch Version)

· S-Circles communities can exist in the open space but we will focus usage on company intranets

· Development still in progress (beta is scheduled for the end of 2011)

·Long TODO List including connecting to other neworks that offer API access, webinars (Video Chat), an own API, ST 2 version + Phonegap to upload fotos, ...

THE PERSPECTIVE

CODING SESSION

SO, LET'S BUILD A CIRCLE· To keep it simple, we are not using the Ext JS MVC Pattern

· The first structure:

CODING SESSION

SO, LET'S BUILD A CIRCLE· We start with an Ext Window

CODING SESSION

SO, LET'S BUILD A CIRCLE· The Custom Component

CODING SESSION

SO, LET'S BUILD A CIRCLE· The Custom Component

CODING SESSION

SO, LET'S BUILD A CIRCLE

CODING SESSION

SO, LET'S BUILD A CIRCLE· Contact Icons

CODING SESSION

SO, LET'S BUILD A CIRCLE· Custom Positions

CODING SESSION

SO, LET'S BUILD A CIRCLE· Contact Icons mouseenter, mouseleave→

CODING SESSION

SO, LET'S BUILD A CIRCLE· Drag & Drop

CODING SESSION

LIVE DEMO

· Ext JS Version: http://circles.source-lounge.de (Webkit only!)

· Sencha Touch Version: http://circles.source-lounge.de

· Sencha Touch Version for non mobile device: http://circles.source-lounge.de/mobile/SCirclesMobile/app/frame_debug.html

· Coding Session: http://circles.source-lounge.de/SenchaCon/Circles/

QUESTIONS?

uhlig@extthemes.com

Sencha Forum Topic: http://www.sencha.com/forum/showthread.php?152143

Via S-Circles soon!

community code: scircles

Technology

creating a salesforce community: code vs configuration

community code: clicktime

community code: jarvus innovations

community radio broadcasting-code of practice 2008

sustainable community development code reform …

community health worker code of ethics...

[srijan wednesday webinars] cracking the community code

project proposal - nui group community code

prince george county community development & code compliance

new jersey administrative code title 5. community … ·...

the community enthusiast: source code revealed

american community survey and puerto rico … community...

community code: pega mobile

multi-touch technologies - nui group community code

knoxville community zip code area -...

community support and testing of the hurricane wrf model...

community storm shelters and safe rooms – code changes

code of community standards 2015-16

code enforcement officer training/certification program ......

exploration code of practice community consultation...