Bending the ExpressionEngine Control Panel

by John Henry Donovan

Slide 1

Slide 1 text

⚙ Bending the ExpressionEngine control panel ⌂ JOHN HENRY DONOVAN EEUK.13

Slide 2

Slide 2 text

Introduction

Slide 3

Slide 3 text

I create, therEfore I am

Slide 4

Slide 4 text

data info knowledge + +

Slide 5

Slide 5 text

data info knowledge

Slide 6

Slide 6 text

BRIEFLY ABOUT ME

Slide 7

Slide 7 text

HELLO, I’m @Johnhenry_ie

Slide 8

Slide 8 text

‣ Client Aftercare ‣ Documentation ‣ Training ‣ A Post Launch Review ‣ Adding instructions to your EE fields ‣ Adding 404s, optimising performance, browser testing ‣ Adding something that you know will help the client in the future ‣ Providing the client with useful data and info The Extra Mile

Slide 9

Slide 9 text

contemplate the client’s long term solution rather than the fast sell

Slide 10

Slide 10 text

BENDING

Slide 11

Slide 11 text

THE PITCH

Slide 12

Slide 12 text

WHAT WINS YOU A CLIENT?

Slide 13

Slide 13 text

Never Say WordPress When Selling a Web Design Project http://speckyboy.com/2013/04/18/never-say-wordpress-when-selling-a-web-design-project/

Slide 14

Slide 14 text

“We spend as much time creating a customised user experience on the front-end as we do the back- end of your website.”

Slide 15

Slide 15 text

See how long you can go without mentioning ExpressionEngine

Slide 16

Slide 16 text

themes

Slide 17

Slide 17 text

Republic cp theme simple and clean, responsive theme with high resolution and custom made icons http://dvt.ee/repthme Republic FACTORY

Slide 18

Slide 18 text

SASSY-CP THEME Built on the sass css preprocessor. extends the default theme, cleans some rough edges and improves user experience. http://dvt.ee/adIcOnr kyle cotter

Slide 19

Slide 19 text

nerdery THEME removes all pink, reduces the rounded corners and cleans up some general alignment/padding/margin issues. http://dvt.ee/nerdcp brian litzinger

Slide 20

Slide 20 text

NSM Override css Adds consistency, improved contrast and great user experience. 10 different colour themes http://dvt.ee/adKp6CG leevi graham

Slide 21

Slide 21 text

Minimalist optimised user interface for EE. improves accessibility and includes a night mode http://dvt.ee/ad1hC3G Seamus Holman

Slide 22

Slide 22 text

responsive cp makes the control panel work better on mobile devices and also allows you to add your logo to footer of cp http://dvt.ee/adFoOtJ ben croker

Slide 23

Slide 23 text

add-ons

Slide 24

Slide 24 text

CP ANALYTICS Display your GOOGLE ANALYTICS Statistics in the control panel using an accessory tab, widescreen homepage line chart and dashEE widget http://dvt.ee/adrLHya derek hogue

Slide 25

Slide 25 text

republic ANALYTICS Display google analytics charts and the stats right in the control panel http://dvt.ee/adzhL3O republic labs

Slide 26

Slide 26 text

ZOO flexible admin Lets you fully customise the control panel per member group. Create more intuitive menus http://dvt.ee/ﬂxadmn Expressionengine zoo

Slide 27

Slide 27 text

STRUCTURE Lets you create pages, generate navigation and manage content through a simple interface. http://dvt.ee/ad07TrP Travis Schmeisser & Jack mcDade

Slide 28

Slide 28 text

REpublic STRUCTURE tweaks Some tweaks for structure to make it better without messing with it. http://dvt.ee/structtwk republic FACTORY

Slide 29

Slide 29 text

ZENBU VERY powerful entry list manager and replaces EE’s EDIT CHannel entries. Searching and filtering options http://dvt.ee/zenbu NICOLAS BOTTARI

Slide 30

Slide 30 text

SUPERFISH EE CONTROL PANEL Adds superfish hover intent to the ee cONTROL panel http://dvt.ee/sprfsh JOEL BIRCH

Slide 31

Slide 31 text

dashee dashee is a fully customisable expressionengine control panel dashboard alternative http://dvt.ee/adp1DuG chris monnat

Slide 32

Slide 32 text

WHAT IS A DASHBOARD?

Slide 33

Slide 33 text

A document presenting the most significant information about a subject on a single page - Collins English Dictionary http://www.collinsdictionary.com/dictionary/english/dashboard

Slide 34

Slide 34 text

EXPRESSIONENGINE DASHBOARD

Slide 35

Slide 35 text

A document presenting the most significant information about a subject on a single page - Collins English Dictionary http://www.collinsdictionary.com/dictionary/english/dashboard

Slide 36

Slide 36 text

CMS DASHBOARD DESIGN

Slide 37

Slide 37 text

DRUPAL DASHBOARD

Slide 38

Slide 38 text

Joomla DASHBOARD

Slide 39

Slide 39 text

Pyrocms DASHBOARD

Slide 40

Slide 40 text

Concrete5 DASHBOARD

Slide 41

Slide 41 text

WordPress DASHBOARD

Slide 42

Slide 42 text

CRAFT DASHBOARD

Slide 43

Slide 43 text

SENSE-MAKING

Slide 44

Slide 44 text

Sense-making is the study of how to make sense out of what is going on

Slide 45

Slide 45 text

All data and information is global all knowledge is local

Slide 46

Slide 46 text

The EE DASHBOARD

Slide 47

Slide 47 text

EXPRESSIONENGINE DASHBOARD

Slide 48

Slide 48 text

PMachine DASHBOARD

Slide 49

Slide 49 text

EE1.x DASHBOARD

Slide 50

Slide 50 text

EXPRESSIONENGINE DASHBOARD

Slide 51

Slide 51 text

DASH-ee

Slide 52

Slide 52 text

dashee dashee is a fully customisable expressionengine control panel dashboard alternative http://dvt.ee/adp1DuG chris monnat

Slide 53

Slide 53 text

DEMO

Slide 54

Slide 54 text

SETTINGS

Slide 55

Slide 55 text

DASHEE SETTINGS

Slide 56

Slide 56 text

DASHEE SETTINGS CHOOSE NUMBER OF COLUMNS TO SHOW ON DASHBOARD

Slide 57

Slide 57 text

DASHEE SETTINGS Save Multiple layouts with load functionality

Slide 58

Slide 58 text

DASHEE SETTINGS Use a different layout for different member groups. Lock layout functionality to stop users editing widgets or moving widget layout

Slide 59

Slide 59 text

WIDGETS

Slide 60

Slide 60 text

dashee DEFAULT WIDGETS ‣ Blank Widget – empty widget whose title and content can be configured using widgets settings ‣ EE Create Links – create links as seen on default EE CP home ‣ RSS Feed Reader – configurable to read any valid RSS feed ‣ EE Modify Links – modify links as seen on default EE CP home ‣ New Members – shows 10 most recent EE website members ‣ Recent Entries – shows 10 most recent EE entries ‣ EE View Links – view links as seen on default EE CP Home ‣ dashEE Welcome – welcome widget with links to further resources

Slide 61

Slide 61 text

Creating a simple widget Create a new widget ﬁle called wgt.simple_widget.php Place in /expressionengine/third_party/dashee/widgets/

Slide 62

Slide 62 text

Creating a simple widget Create a class called Wgt_simple_widget in your ﬁle. Each widget must have at least a title variable and a function called index

Slide 63

Slide 63 text

Creating a simple widget Set the title variable to what you wish the title of your widget to display and return the text you want displayed in the content area.

Slide 64

Slide 64 text

CUSTOM ENTRIES Displays a customised listing of channel entries. Allows you to choose Widget title, Channel ID, # of entries to show and whether to show comment totals. https://github.com/john-henry/dashEE-Custom-Entries-Widget

Slide 65

Slide 65 text

shows list of pending members and their join date. Clicking member’s name throws a lightbox which shows registration info for review PENDING MEMBERS

Slide 66

Slide 66 text

ALSO shows list of pending members and the date they started filling in an application form. Progress of form is shown with a percentage and option to email applicants via the communicate tool APPLICANTS

Slide 67

Slide 67 text

shows recent replies in the ee discussion forum with text, date and link to replies recent discussions

Slide 68

Slide 68 text

shows ee discussion module forums with total topics, topics per day, total posts and posts per day discussion statistics

Slide 69

Slide 69 text

shows results for poll add-on from eeharbor with original options. Has setting to choose poll id poll results

Slide 70

Slide 70 text

connects with fluidsurveys api and pulls in recent surveys with responses and links to csv and online reports surveys

Slide 71

Slide 71 text

shows total members, members per group and quick registration stats for 24hrs, 7 days and 30 days member stats

Slide 72

Slide 72 text

shows number of members per country with alternative pdf download of table members by country

Slide 73

Slide 73 text

‣ The extra mile ‣ don’t sell the technology ‣ provide wiggle room for sense-making ‣ a dashboard is not just for one particular person or group of people. ‣ Expressionengine actually has the advantage in dashboards ‣ widgets are addictive TAKE AWAYS

Slide 74

Slide 74 text

thank you