Hack IBM Connections - Advance Use - Iframes & more...

@kom_256

Advance IBM

Connections

1

Iframes!

https://twitter.com/kom_256


http://www.ulisesgascon.com/

@kom_256

2

About Me

I have worked in the world of web and computing for many years.

I am currently working for IBM as Executive Social Business Coach.

2

More info…

Advance IBM Connections - IFRAMES!




http://es.linkedin.com/in/ulisesgascon/


@kom_256

3

Agenda

• In scope… ?

• The magic world of Iframes- External content

- Flash

• How can I hack Connections ?- Advance Iframes (anatomy, scenarios…)

- Good and bad Practices

• Adavance Tricks for Community Managers

3





@kom_256

In scope…4




@kom_256

In Scope

• How to embed external content(youtube, ted, slideshare…)

• How to embed videos fromMediaLibrary (.flv .mp4…)

• How to make iframes usingcustom HTML files in IBM Connections

• How to skip the limitationsfrom IBM Connections

Not in Scope

• How to make webpages

• How IBM connections is made

• Coding in JS, CSS, HTML

5





@kom_256

The magic world

6




@kom_256

7

External world

7





@kom_256

8

Flash

8


Demo Time!




@kom_256

How can I hack IBM

Connections?

9

Hacking work

in progress…




@kom_256

10

Advance Iframes

Anatomy<iframe src=“mywebadress.html" width=400

height=550 frameborder="0" scrolling=yes> This isthe alternative text!! </iframe>

10





@kom_256

11

Iframes limitations

• Compatibility with mobiles (VPN restrictions)

• Delay Effect (PING + Items)

• Hosting restrictions (execute access)

• Content not available for Indexing robots

• You must use PXs and not %

• Security Restrictions: HTTP vs. HTTPS (IExplorer)

• Dependencies (GSA, YouTube, another servers)

11





@kom_256

12

Good Practice #1

12


No monkeys. No Lizards




@kom_256

13

Good Practice #2

13


Be adaptative not responsive




@kom_256

14

Good Practice #3

14


Focus on dimensions




@kom_256

15

Good Practice #4

15


Create a plan and follow it




@kom_256

16

Good Practice #5

16


404 and the plan B




@kom_256

17

Good Practice #6

17


_blank… because we are multitasking




@kom_256

Advance tricks for

Community Managers

18




@kom_256

19

Trick #1

19





@kom_256

20

Trick #2

20


The Hibridmethod isthe bestoption fornon-techprofiles




@kom_256

21

Trick #3

21


Embed the social interaction; theking!




@kom_256

22

Trick #4

22


Hosting is the key!




@kom_256

23

Trick #5

23


.mp4

.ogv.flv




@kom_256

24

Demo Time!

24





@kom_256

25

Questions

25





@kom_256

26

Thanks!! For your time

26






http://www.blog.ulisesgascon.com/

https://github.com/UlisesGascon

Hack IBM Connections - Advance Use - Iframes & more...

Education