1st PPT CTH Aplikasi New - KWU

http://www.radweb.co.uk/images/featured/banner-ecommerce.
png
e-Commerce Web
for Promotion and Marketing
y our company name. All rights reserved.
Title of y our presentation
Based on Joomla CMS

(template)
2014 Fakultas Farmasi UMS - BS.
E-commerce_MK-Kewirausahaan
Example 0
Magento online store
Example 1
Based on Drupal CMS

(template)
Example 2
store.apple.com
Example 3
samsung.com/id
Example 4
4 Videos e-commerce
Magento
Drupal
Wordpress
Dreamweaver-
PHP
Web Design Fundamental

(James Williamson)
Defining Web Design

How The Web Works
Internet Terminology
Initial Focus
Next Step
Sebagian materi yang disampaikan dalam slide berasal dari video Web Design Fundamental (Lynda.com)
Web Design?
Web design encompasses many

different skills and disciplines in the
production and maintenance of
websites. The different areas of
web design include web graphic
design; interface design; authoring,
including standardized code and
proprietary software; user
experience design; and search
engine optimization.
The term web design is normally
used to describe the design process
relating to the front-end (client
side) design of a website including
writing mark up. Web design
partially overlaps web engineering
in the broader scope of web
development.
Perancangan web (web design)

adalah istilah umum yang
digunakan untuk mencakup
bagaimana isi web konten
ditampilkan (biasanya berupa
hypertext atau hypermedia) yang
dikirimkan ke pengguna akhir
melalui World Wide Web dengan
menggunakan sebuah browser web
atau perangkat lunak berbasis web.
Sebuah website dapat berupa
sekumpulan teks, gambar, suara
dan konten lainnya, serta dapat
bersifat interaktif ataupun statis.
Web Page
Front End Development
Site Design
Not only does it have to look good
It has to work
Is it complicated? -- susah
Magento
(Intermediet)
Magento
Preinstall e-commerce CMS like
Magento
A picture is worth a
thousand words
Drupal
(Intermediet)
Drupal Commerce
Theme can be customized
Strategy
Film Title
Strategy
Make your point.

Keep it simple.
WordPress
(beginner)
WordPress
Easy way to have online shop
DW-PHP
(advanced)
Dreamweaver-PHP
The developer advance tool for ecommerce
Your Decision
Which will be your
primary focus?
typical workflow common
Determine goal
Clearly define content
Architect the site
Generate mockups
Build it
Test it
Selasa - 14 Mei 2 013
Kewirausahaan - Farmasi UMS - 2013
22
Determine goal
Architect the site
Generate mockups
Build it
Test it
23
Determine goal
Architect the site
Generate mockups
Build it
Test it
24
Determine goal
Architect the site
Generate mockups
Build it
Test it
25
Determine goal
Architect the site
Generate mockups
Build it
Test it
26
Determine goal
Architect the site
Generate mockups
Build it
Test it
27
unfamiliar term
What should You Need to Know
28
Website
Selasa - 14 Mei 2013
29
30
The Choice of Hosting

Topic
Independent
Semi-Dependent
Dependent
Domain
owned
owned/governed
governed
Server
owned
owned/governed
governed
Bandwidth
unlimited
unlimited/governed
governed
Cost
cheap
moderat
moderat
Skill
expert
moderat
amateur
Customizable
yes
no
no
DiskSpace
unlimited
governed
governed
Subdomain
unlimited
governed
governed
FTP account
unlimited
governed
governed
MySQL Database
unlimited
governed
governed
31
Server
a physical computer ( a computer
hardware system) dedicated to
running one or more such services ( as
a host),[1] to serve the needs of users
of the other computers on the
network. Depending on the computing
service that it offers it could be a
database server, file server, mail
server, print server, web server, or
some other kind of server.
a computer program running to serve
the requests of other programs, the
"clients".
a program that operates as a socket
listener.
32
Domain
an identification string that defines a
realm of administrative autonomy,
authority, or control on the Internet.
Domain names are formed by the rules
and procedures of the Domain Name
System (DNS).
Domain names are used in various
networking contexts and application-
specific naming and addressing
purposes. In general, a domain name
represents an Internet Protocol (IP)
resource, such as a personal computer
used to access the Internet, a server
computer hosting a web site, or the
web site itself or any other service
communicated via the Internet.
Including subdomain.
33
Bandwidth
In website hosting, "bandwidth" is
often incorrectly used to describe the
amount of data transferred to or from
the website or server within a
prescribed period of time, for example
bandwidth consumption accumulated
over a month measured in gigabytes
per month.
the words bandwidth,[1] network
bandwidth,[2] data bandwidth,[3] or
digital bandwidth[4][5] are colloquial
and metaphoric terms widely used in
textbooks[6] as well as scientific
papers, patents and standards[7] to
refer to various bit-rate measures,
representing the available or
consumed data communication
resources expressed in bits/second or
multiples of it (kilobits/s, megabits/s
etc.).
34
FTP
a standard network protocol used to
transfer files from one host to another
host over a TCP-based network, such
as the Internet. It is often used to
upload web pages and other
documents from a private
development machine to a public web-
hosting server.
FTP is built on a client-server
architecture and uses separate control
and data connections between the
client and the server.[1]
FTP users may authenticate
themselves using a clear-text sign-in
protocol, normally in the form of a
username and password, but can
connect anonymously if the server is
configured to allow it. For secure
transmission that hides ( encrypts) your
username and password, as well as
encrypts the content, you can try using
a client that uses SSH File Transfer
Protocol.
35
MySQL Database
the world's most used[4] relational
database management system
(RDBMS) [5] that runs as a server
providing multi-user access to a
number of databases. It is named after
developer Michael Widenius'
daughter, My.[6] The SQL phrase stands
for Structured Query Language.
Applications which use MySQL
databases include: TYPO3, Joomla,
WordPress, phpBB, Drupal and other
software built on the LAMP software
stack.
36
You own your website
The Art of Making a Website
37
Why you should make a website
Reason (alasan)
Sources (sumber daya)
Research (hasil riset)
Need (kebutuhan)
Design (rancangan)
Communication (komunikasi)
Development (pengembangan)
38
Create Site from localhost
Your First Website Using Webmatrix
39
Getting Started Guide

This guide introduces you to WebMatrix,
Microsoft's new one-stop website authoring
tool that lets you create, edit, and publish
websites easily
40
The guide will help you:
Install WebMatrix.
Download and install an open-source web
application along with its prerequisites.
Perform the initial set up, including setting database
and site administrator credentials.
Edit some files in the site using the built-in code
editor.
Edit the site's database using the built-in database
manager.
Run a site analysis to look for potential optimizations.
Prepare to publish your site to a web hosting
provider.
41
Overview
WebMatrix, Microsoft's new one-stop web development tool, lets
you create, edit, and publish websites with unprecedented ease.
There are three main ways to create websites using WebMatrix:
1. You can create a website starting with one of the site
templates built into WebMatrix.
2. You can create a site from scratch by using the WebMatrix
editing tools for ASP.NET Web Pages with "Razor" syntax
3. You can start with a popular open-source web application
from the Microsoft Web Application Gallery.
The Web Application Gallery contains an extensive collection of free
open-source applications that you can install directly from within
WebMatrix. In this tutorial, you'll install WebMatrix and create a
blogging website based on the popular open-source application
WordPress.
42
1. Install WebMatrix
To install WebMatrix, go to the WebMatrix download page and click Install Now.
At the security warnings, click Run, and then click Install on the Web Platform
Installer page.
43
Lanjut
On the Web Platform Installation screen, WebMatrix displays a list of additional
required components. Click I Accept. The install begins.
44
2. Launch WebMatrix
After installation, click Start > All Programs> Microsoft WebMatrix > Microsoft
WebMatrix.
45
3. Open the Web Gallery

The WebMatrix Quick Start page offers you a number of ways to create a website.
In this tutorial, you'll use the option to create a website based on an existing
open-source application.
On the Quick Start page, click Site From Web Gallery.
46
4. Choose a Web Application

Select WordPress. In the Site Name box, enter "MyNewBlog" and then click Next.
47
5. Choose the Database Type

Most web applications from the Web Gallery require a database engine (namely,
MySQL Server or SQL Server Express). WordPress is only compatible with MySQL.
If you don't have MySQL installed already, WebMatrix will help you install it. If you
need to do that, click Yes, install it on my machine, and then click Next.
48
note
As you install WordPress, you may need to set up three sets
of credentials:
Database administrator credentials for the MySQL
database engine that WordPress sets up (also known as
"root", or "sa" credentials in the case of SQL Server).
Database user credentials for the actual MySQL database
that WordPress will create for your website.
A set of administrator credentials for the WordPress
website itself.
These will be covered in the steps that follow.

If MySQL is already installed, you can go directly to the
Connect a Database to the Application step.
49
6. Choose a Database Engine Administrator Password

When you install a database engine for the first time, you'll need to enter a
password for the database administrator account. The default administrator user
name is "root" for MySQL databases and "sa" for SQL Server. Be sure that you
remember both the user name and the password you create, because you'll need
them for later. Click Next.
50
7. Start the Installation

The next screen shows you the application (or applications) to be installed, which
includes any other software required by the application (for example, PHP, which
is the scripting engine that WordPress requires). The following illustration shows
you that both WordPress and PHP will be installed. (The screen shows you the
link that it's going to get the software from. You don't need to go to the sites and
install the software yourself; WebMatrix will do this for you.)
After you accept
the End User
License Agreement
(EULA), the
installation begins.
The time required
for the installation
will depend on the
speed of your
Internet connection
and the servers
that you're
downloading from.
51
8. Connect a Database to the Application

Next, you may have to enter some additional database information for the application. Web
Gallery applications typically expect you to point them to your local database engine (which
you might have just installed). For SQL Express, this is typically .\SQLExpress. For MySQL,
it's localhost.
Because WordPress uses MySQL, "localhost" is already filled in for you, as you can see in
the following illustration.
Next, in the
Database Name
box, type
MyNewBlogDB. This
is the database that
will hold your blog
contents.
In the Database
User Name box,
enter
MyNewBlogDBUser
. In the Database
Password box, enter
a password.
52
next
Next, WordPress requires the MySQL administrator
credentials so that it can make database changes. If
necessary, scroll down so that the Database
Administrator Password box is visible. In the box,
enter the password that you remembered from earlier
the password you created for the "root" user.
Note. Don't change the administrator user name of
"root" in the Database Administrator box.
When you're done, click Next.
When the process finishes, you'll see the following
screen. The details listed might differ, depending on
what was installed.
53
Lanjut
By default, your website files, including the files that WordPress installs for you, are located
in the folder C:\Users\<YourUserName>\Documents\My Web Sites\MyNewBlog. At this
point, you haven't published your site to the web, and you're still working locally on your own
computer.
Click OK.
54
9. Run the Site for the First Time

When the installation is finished, your new website appears in the WebMatrix Site
workspace. In the WebMatrix ribbon, click the Run button to launch the site in your browser.
This is necessary because most applications in the Web Application Gallery do their final
setup steps in the browser.
55
10. Enter Site Administrator Information

Running applications from the Application Gallery for
the first time usually triggers the last phase of the
installation. In this case, WordPress asks for the site
title and the site administrator credentials.
The site title does not have to match the name of the
Site in WebMatrix. Type "My New Blog" (with
spaces) for the site title and "MyNewBlogAdmin" for
the site administrator user name.
Next, provide a password and email address for the site
administrator. If you do not provide a password,
WordPress will generate one for you.
56
Lanjut
Finally, to make sure that your blog can be viewed by search engines like Bing and Google,
select the Allow my site to appear in search engines check box, and then click Install
WordPress (despite the wording, this is not really an installation, as you will see).
57
11. View the Home Page

If you did not provide credentials in the
previous step, a page displays your
administrator user name and credentials.
After you have made a note of them, click
Log In. The following login page appears.
This login page takes you to your site's
administrator dashboard. Many Web Gallery
applications have similar dashboards. Since
you are learning about WebMatrix, you can
skip this step for now.
58
Lanjut
In the upper left corner, click Back to My New Blog.
59
The default page for the My New Blog website is

displayed.
Congratulations your initial site setup is complete.
Close the browser and return to WebMatrix.
60
23. Prepare to Publish

When you're ready to publish your website on the Internet, click the Publish button in
the WebMatrix ribbon.
61
Lanjut
The first time you publish, the Publish Settings dialog box is displayed. To publish
a website, you must have an account with a web hosting provider. If you don't
have one yet, you can click Find web hosting.
62
Lanjut
This displays a web page where you can choose from a selection of hosting providers
that are compatible with WebMatrix.
63
24. Import Your Publishing Settings

After you've set up an account with a hosting provider, the provider will typically send
you an email with your user name, server name, and other information that goes into
the Publish Settings dialog box.
To save you the extra step of entering this information manually, the provider may also
send you a "Profile XML" file (named with the.publishsettings extension) that contains
this information. If you get one of these files, all you have to do is click Import publish
settings, select the file, and you'll be ready to publish. Otherwise, you can enter the
settings manually.
64
25. Publish Your Site

At this point, you're ready to publish your
website. For details about how to do this,
see the tutorial How to publish a web
application using WebMatrix.
After you've published your site, you might
want to make changes to it and republish it.
WebMatrix makes it easy for you to
download it from your hosting provider, edit
it, and publish it again. For information on
how to do this, see Download, edit, and
republish your website with WebMatrix.
65

1st PPT CTH Aplikasi New - KWU

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

1st PPT CTH Aplikasi New - KWU

Diunggah oleh

Hak Cipta:

Format Tersedia

http://www.radweb.co.uk/images/featured/banner-ecommerce.

y our company name. All rights reserved.

Title of y our presentation

Based on Joomla CMS

2014 Fakultas Farmasi UMS - BS.

Magento online store

2014 Fakultas Farmasi UMS - BS.

Based on Drupal CMS

2014 Fakultas Farmasi UMS - BS.

2014 Fakultas Farmasi UMS - BS.

2014 Fakultas Farmasi UMS - BS.

Title of y our presentation

y our company name. All rights reserved.

Title of y our presentation

Web Design Fundamental

Defining Web Design

Web design encompasses many

2014 Fakultas Farmasi UMS - BS.

Perancangan web (web design)

2014 Fakultas Farmasi UMS - BS.

Front End Development

2014 Fakultas Farmasi UMS - BS.

2014 Fakultas Farmasi UMS - BS.

2014 Fakultas Farmasi UMS - BS.

y our company name. All rights reserved.

Title of y our presentation

y our company name. All rights reserved.

Title of y our presentation

y our company name. All rights reserved.

Title of y our presentation

y our company name. All rights reserved.

Title of y our presentation

Make your point.

y our company name. All rights reserved.

Title of y our presentation

2014 Fakultas Farmasi UMS - BS.

2014 Fakultas Farmasi UMS - BS.

Title of y our presentation

typical workflow common

Selasa - 14 Mei 2 013

Kewirausahaan - Farmasi UMS - 2013

typical workflow common

Selasa - 14 Mei 2 013

Kewirausahaan - Farmasi UMS - 2013

typical workflow common

Selasa - 14 Mei 2 013

Kewirausahaan - Farmasi UMS - 2013

typical workflow common

Selasa - 14 Mei 2 013

Kewirausahaan - Farmasi UMS - 2013

typical workflow common

Selasa - 14 Mei 2 013

Kewirausahaan - Farmasi UMS - 2013

typical workflow common

Selasa - 14 Mei 2 013

Kewirausahaan - Farmasi UMS - 2013

What should You Need to Know

Selasa - 14 Mei 2 013

Kewirausahaan - Farmasi UMS - 2013

Selasa - 14 Mei 2013

Kewirausahaan - Farmasi UMS - 2013

Selasa - 14 Mei 2013

Kewirausahaan - Farmasi UMS - 2013