magento 20110406
DESCRIPTION
TRANSCRIPT
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: [email protected]: 04.6.295.9562
Logo Here
04/10/2394
Question?