Magento 20110406

Ecommerce & Magento Overview

Online Service Solution

Property of OSS; not authorized for distribution.

- CONFIDENTIAL -

Logo Here

04/10/232

Agenda

Ecommerce Overview Introducing Magento Working with Magento Career at OSS

Logo Here

PART I

ECOMMERCE OVERVIEWMr. Ngô Văn TrungOSS Founder & CEO

04/10/233

Logo Here

Quick Overiew on Ecommerce Ecommerce in Vietnam

04/10/234

Logo Here

04/10/235

What is Ecommerce?

Ecommerce is enabling or achieving your business objectives by using information technology to

enhance or transform your business processes.

Logo Here

04/10/236

Ecommerce

Business to business (B2B)– Automating Supply – Increasing Business Efficiency – Example: http://www.alibaba.com/

Business to Consumer (B2C)– Retail Sales– Customer Support– Example: http://www.amazon.com

Consumer to Consumer (C2C)– Online Auctions– Example: http://www.ebay.com

Logo Here

04/10/237

Ecommerce

Ecommerce is more than just an online shop selling goods…. Businesses make huge savings by more efficient interaction with their suppliers or buyers.

Logo Here

04/10/238

Global

400 million users of Internet worldwide

1999 US online retail sales - US$20bn. Forrester Research

2000 US online retail sales - US$30bn+ Forrester Research

US Online buying will reach US$6.9 trillion 2004. Forrester Research

Logo Here Ecommerce in Vietnam

Overview Disadvantage of Ecommerce in Vietnam The future of Ecommerce in Vietnam

04/10/239

Logo Here Ecommerce in Vietnam

In the late 1990s – 2000 2006 – 2010 45% businesses have own websites

04/10/2310

Logo Here

E-learning Groupon Auction

04/10/2311

Logo Here

Muachung.vn Chodientu.vn Vatgia.com 5giay.vn

04/10/2312

Logo Here Disadvantage

Lack of payment options The habit in buying and selling

04/10/2313

Logo HereThe future of Ecommerce in

Vietnam

04/10/2314

Logo Here

04/10/2315

Question?

Logo Here

PART II

INTRODUCING MAGENTOMr. Nguyễn Đức HòaOSS Founder & Sales Manager

04/10/2316

Logo Here

04/10/2317

I want to talk about

Overview on Magento Benefits of Magento Magento Editions

Logo Here Overview on Magento

04/10/2318

Logo Here Overview on Magento

Varien– Founded: 2001– Formerly worked osCommerce– Now Magento Inc.

04/10/2319

Logo Here Overview on Magento

Development started May, 2007 First public beta release August, 2007 1.0 version March 31st, 2008

04/10/2320

Logo Here Overview on Magento

Stable Release– CE 1.5.0.1– PE 1.8.0.0– EE 1.9.1.1

04/10/2321

Logo Here Overview on Magento

90,000+ merchants 300,000+ Community Users 3,500+ extensions 2,5+ million downloads

04/10/2322

Logo Here Overview on Magento

04/10/2323

Logo Here Overview on Magento

04/10/2324

Logo Here Benefits of Magento

“ Magento is going to win the eCommerce software war, hands down. I've never seen another ecommerce platform well architected andwell designed as Magento.”

Jack Aboutboul, Redhat

04/10/2325

Logo Here Benefits of Magento

= Flexibility + Control

04/10/2326

Logo Here Benefits of Magento

Control every facet of store Design flexibility Modularity

04/10/2327

Logo Here Benefits of Magento

Marketing Promotions and Tools SEO Analytics and Reporting Multiple shipping address A wide range of payment options

supported

04/10/2328

Logo Here Benefits of Magento

Shopping cart + CMS + … Magento => All in ONE?

04/10/2329

Logo Here Magento Editions

04/10/2330

Logo Here Magento Community

Free Expert developers in community users Extension development 180+ solution providers

04/10/2331

Logo Here Magento Connect

2008 Marketplace for Magento extensions: free

& commercial Install modules through Magento Connect

Manager

04/10/2332

Logo Here Magento Enterprise

April, 2009 Starts at $12,990 / year Best-in-class merchandising & marketing

tools Rich features Big business

04/10/2333

Logo Here Magento Professional

Launched May, 2010 Starts at $2,995 / year Dismiss some enterprise features Revenue-generating features Small & medium business

04/10/2334

Logo Here Enterprise Features

Reward Points System

– Enhance user experience

– Increase customer loyalty

04/10/2335

Logo Here Enterprise Features

Gift Certificates- Buy gift cards for family and friends

04/10/2336

Logo Here Enterprise Features

Automated Email Marketing Reminders

– Target promotions and discounts to customers– Increase customer retention

04/10/2337

Logo Here Enterprise Features

Recurring Payment Configure billing schedule Optional trial periods prior to billing the

client Automated charging for

subscription/continuity products

04/10/2338

Logo Here Enterprise Features

More: http://www.magentocommerce.com/product/features

04/10/2339

Logo Here

Magento Go

04/10/2340

Logo Here Magento Go?

Hosted, SaaS service that enables small and emerging merchants to quickly build and launch an online store.

No hardware, software or coding required

04/10/2341

Logo Here Magento Go

Customizable design Unlimited product options Industry leading SEO Retention and Loyalty Customer Engagementhttp://www.magentocommerce.com/go/features/

04/10/2342

Logo Here Magento Go

04/10/2343

Logo Here Magento Go

Who is Magento Go for?

04/10/2344

Logo Here

04/10/2345

Logo Here

04/10/2346

Question?

Logo Here

PART III

WORKING WITH MAGENTOMr. Nguyễn Đức ThanhOSS Founder & Project Manager

04/10/2347

Logo Here

Working with Magento

Magento Architecture Building Magento Module Building Magento Template

48

Logo Here

Magento Architecture

Package Architecture MVC Architecture Database Structure – EAV Model Layout Structure

49

Logo Here

Magento Architecture – Package Architecture

Every things are modules !!!

50

Logo Here

Magento Architecture – Package Architecture

Logo Here

Magento Architecture - MVC Architecture

52

Logo Here

Magento Architecture - MVC Architecture

Logo Here

Magento Architecture - Database Structure

EAV modelEntity Attribute

Value

54

Logo Here

Magento Architecture - Database Structure

Sample: Entity – product, Attribute – Color, Value - Black

Entity Attribute

Value

55

Logo Here

Magento Architecture - Layout Structure

Key words Xml Tree Structural block & Content block

root

head header left content right footer

top.linkstop.menu search

footer_links

catalog.leftnavcart_sidebar

product.related

56

Logo Here

Magento Architecture - Layout Structure

57

Logo Here

Magento Architecture - Layout Structure

<block type="page/html" name="root" output="toHtml" template="page/3columns.phtml">

<block type="page/html_header" name="header" as="header"> <block type="page/template_links" name="top.links" as="topLinks"/> <block type="core/text_list" name="top.menu" as="topMenu" translate="label" /> </block>

<block type="core/text_list" name="left" as="left" translate="label"> <label>Left Column</label> </block>

<block type="core/text_list" name="content" as="content" translate="label"> <label>Main Content Area</label> </block>

<block type="core/text_list" name="right" as="right" translate="label"> <label>Right Column</label> </block>

</block>58

Logo Here

Building Magento Template

59

Logo Here

Building Magento Module

HOW TO BUILD A MAGENTO MODULE?

60

Logo Here

Building Magento Module

Module structure

View

Controller

Model

61

Logo Here

Building Magento Module

Module structure

Layout

Template

62

Logo Here

Building Magento Module

Module structure

Config file

Language file

63

Logo Here

Building Magento Module

Files in a simple module- Module name: Magestore_Hello- Show the text “Hello Aiti-Aptech!” on page {webshop}/hello1. app/etc/modules/Magestore_Hello.xml2. app/code/local/Magestore/Hello/controllers/

IndexController.php3. app/code/local/Magestore/Hello/Block/Hello.php4. app/code/local/Magestore/Hello/etc/config.xml5. app/design/frontend/default/default/layout/hello.xml6. app/design/frontend/default/default/template/hello/

hello.phtml

64

Logo Here

Building Magento Module

Magestore_Hello.xml - configuration file

<?xml version="1.0"?><config> <modules> <Magestore_Hello> <active>true</active> <codePool>local</codePool> </Magestore_Hello> </modules></config>

65

Logo Here

Building Magento Module

IndexController.php – controller file

<?php class Magestore_Hello_IndexController extends Mage_Core_Controller_Front_Action{ public function indexAction() {

$this->loadLayout(); $this->renderLayout();

}}

66

Logo Here

Building Magento Module

Hello.php – Block file

<?php class Magestore_Hello_Block_Hello extends Mage_Core_Block_Template{ public function getHelloText() {

return $this->__(‘Hello Aiti-Aptech!’); }}

67

Logo Here

config.xml

config.xml – module configuration file

<?xml version="1.0"?>`<config><Magestore_Hello> <modules> <version>0.1.0</version> </Magestore_Hello> </modules> <frontend> <routers> <hello> <use>standard</use> <args> <module>Magestore_Hello</module> <frontName>hello</frontName> </args> </hello> </routers> <layout> <updates> <hello> <file>hello.xml</file> </hello> </updates> </layout></frontend><config>

Logo Here

hello.xml – layout file

<?xml version="1.0"?><layout version="0.1.0"> <hello_index_index> <reference name="content"> <block type=“hello/hello" name=“hello" template=“hello/hello.phtml" /> </reference> </hello_index_index></layout>

69

Logo Here

Building Magento Module

hello.phtml – template file

<?php echo $this->getHelloText() ?>

70

Logo Here

Building Magento Module

Building a complete module– General features

Add/ Edit/ Delete in back-end Show data in front-end

– Suggestion: using Module Creator

71

Logo Here

Building Magento Module

Module Creator interface

72

Logo Here

Building Magento Module

Rewrite– Block– Model– Helper– Controller

Events

73

Logo Here

Building Magento Module

Example modules– Auction http://

www.magestore.com/auction.html

– Theme Switcher http://www.magestore.com/magento-extensions/theme-switcher.html

74

Logo Here

Logo Here

Building Magento Module

Theme SwitcherFeatures Auto-switch store layout based upon the platforms and browsers of access devices. Support 34 types of browsers. Support 17 platforms.

76

Logo Here

Building Magento Template

HOW TO BUILD A MAGENTO TEMPLATE?

77

Logo Here

Building Magento Template

Template structure

ThemeConcept

css

images

js

layout

template

locale

skin app

78

Logo Here

Building Magento Template

Template structure Layouts : XML files, define block structure (module layout) , in which you decide to put some box in some page as a module function. Templates : phtml files, in which you do the coding with xhtml and PHP. Locale: language translations in .csv file format. Skins : css, images, javascript, where u do the beautifications.

79

Logo Here

Building Magento Template

Template files & folders

Css & images

Template files

Layout files

80

Logo Here

Building Magento Template

81

Logo Here

Building Magento Template

82

Logo Here

Building Magento Template

Page

FooterTop links Header Main page Pager

83

Logo Here

Building Magento Template

Catalog

Product ViewTop Menu Category view Product List

84

Logo Here

Building Magento Template

Checkout

Cart page Checkout page Cart Sidebar

85

Logo Here

Building Magento Template

Using your template Upload your template file into web server Login into back-end of Magento site Go to system/ configuration/ design Fill your template name info Default field

86

Logo Here

87

Logo Here

04/10/2388

Question?

Logo Here

PART IV

CAREER AT OSSMr. Ngô Văn TrungOSS Founder & CEO

04/10/2389

Logo Here

04/10/2390

About OSS

One of the leading providers of e-commerce services

Combine of open-source software with social media and mobile system.

We launched one year ago in 2010

We are a team of young people at the age of 24

Logo Here

04/10/2391

Our Vision

Be come an international company in e-commerce area.

Logo Here

04/10/2392

Our Products

A social ecommerce system that enables merchant to show a duplicate of their store on social networks such as Facebook.

A store to sell magento templates and extensions.

Logo Here

04/10/2393

Career at OSS

PHP developer HTML + CSS Facebook App

Send your CV at: Email: tuyendung@oss.com.vnPhone: 04.6.295.9562

Logo Here

04/10/2394

Question?