building rias with codeigniter and javascript

Building RIAs with JavaScript and CodeIgniterEd FinklerHiiDef.com / Goodsie.com@funkatroncoj@funkatron.comhttp://funkatron.com

#eeci2010#riacijs

Buzzword alert!

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

RIAs

2

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

I prefer "rich front-end app"

3

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

A smart-ish client

4

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Can be built various ways

5

old hat!

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Browser

6

Ol' Proprietary Faithful

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Browser plugins

7

New hotness (will be passé in 6 months)

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Web Runtime Platforms

8

Titanium, AIR, XULRunner

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Desktop

9

Titanium, PhoneGap, Palm webOS

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Mobile

10

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

How does CI fit into this?

11

mmmm, glue

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

PHP is a great "glue language"

12

superglue

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

CI gets us up and running quickly

13

JSON, XML, etc

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Instead of HTML, we output data

14

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

My typical approach

15

With extreme prejudice

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Toss out views

16

Almost

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

All work done by model

17

PHP objects, Serialized PHP, JSON, etc

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Models can return various formats

18

Makes reuse easier

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Avoid heavy controllers

19

Makes reuse easier

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Avoid heavy controllers

20

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Keep API in separate controller

21

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

CODE TYME

22

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Client side

23

NOT FLASH/FLEX, DAMMIT

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

AIR

24

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Cobbled-together MVC structure

25

DOM API == not fun

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

jQuery for the fun stuff

26

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Use XHR (AJAX) to talk to server

27

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

CODE TYME

28

RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010

Resources

29

• Server codehttp://github.com/funkatron/eeci2010-ria-server

• Client code - AIRhttp://github.com/funkatron/eeci2010-ria-client

• Client Code - Titanium Desktophttp://github.com/funkatron/eeci2010-ria-client-titanium