Search Engine Optimization (SEO)

SEO

It’s an extension of Search Engine Optimization is a technique to make your site be on a page on the search engine such as Yahoo, Bing and Google.

How it’s works

I have an article on this website that is "how to create a website", then I optimize the article pages with SEO techniques that I use and by targeting the keyword "how to create a website "after I optimize well the page can rank number one with the keywords I target.

Advantage

•     Increase sell

If a site sells a product or item like lazada.co.id that sells items like laptop or other, then if anyone searches on google with keyword "cheap laptop selling" then the site is ranked 1, then 95% already will get sales of the SEO results.

•    Bring more traffic

We all know that if a site or blog is on page one Search Engine will bring in visitors (Traffic) is very large, depending on the keywords that we target and the size of the data search results from Google Planner.

•   Increase Competitiveness

It's easy to profit SEO this one, if the position of a site higher then automatically competitiveness will be higher.

                                                         Free Online webs builder

1. WordPress

•  It’s Open source
•  Easy to manage
• Safe and Secure
•  Search Engine friendly

2. Site Builder

      

•  E-commerce plan

                                          Template based vs custom build website

Custom builder website

• Unique design
• Your design will be different from anyone else
• Stability

Template based

•  Getting inspiration on colors, layouts and features.
•  Suitable for shorter time development

                                                                 Online web creation tool

                                                                                                              PatternLab.io

It’s a design tool based on Atomic design. An atom combines with the reusable component such as molecules that can be turned into a reusable template.

                                                                                                                 Sketchapp.com

I really like how Sketch has incorporated CSS logic into the app. This makes converting your designs into CSS much easier, as you have to use CSS logic when applying styles.

Speeding up the design/development crossover is Automatic Slicing. Without having to manually add slices, Sketch can create assets using one-click export, which will be exported in various formats such as PNG and JPG.

Web Development Frameworks

1.Explain the purpose of a framework for Web development?
It's to make the developer  can just add the code rather than simply rewrite the coding to build an
website because of the framework have their own structure and no need doing code from a stretch.

2.List 4 advantages of a framework for Web development?

• ·       Easier to maintain because it has structure
• ·       One function can be repeated
• ·       Easier to understand because one framework
• ·       Can test its step by step 

3.Describe one framework and justify why you choose it for each of the following?

Javascript Frameworks = application framework written in JavaScript.
Exp: prototypejs.org

CSS Framework = pre-prepared software framework that is meant to allow for easier, more standards-compliant web design using the Cascading style sheets language. 
Exp: getbootstrap.com 

Java Framework =
Exp: wiki.appfuse.org


PHP Framework =
Exp:

Framework for Ruby =
Exp:

Python Frameworks =
Exp:

E-commerce website

It's a dynamic e-commerce  website whereby you can buy a flight ticket for philippines citizen and  also  a foreigner

uses

• to buy a ticket and book a hotel

feature

• searching
• Can manage booking for hotel and flight ticket
• flight status
• promotion
• customer service support through facebook, instagram etc

capabilities

• Accessibility
• Security
• Create account: sign in and pay
• Site map

Types web sites

Types web sites

• Development sites

used to evaluate different web design.
part you can create your own website.


Intranet
only does people on the organization can get access for security purpose.

Etranet
allow outside party access the connection.
such as authorized people such  MOH

Transacation processing sites
such as baiduri

Content delivery sites
news and historical and other digital information. such as mediapermata


Web client and Web server 
use client and server architecture
client computer request server,server processes the client services.

Web software
Type computer running different OS communicate.

Dynamic content
can interact.

information construction response to the web client request.

Dynamic page
web page content is shaped by a program to response to user request.


Static content
not really change only view

static page
only view.

Server side scripting
prog run on web server create web pages before sending than back for the request web clients

Dynamic page generation tech include:

• Active server pages(ASP)
• Java server page (JSP)
• PHP hyper text processor (PHP)

Web server  hardware
hardware computer deliver pages

why its matter?
to store webpages
web traffic ensured that HTTP request are services with minimum response time.

customer view:
customer get the responce.

2 type scalbility:-

• vertical

same no of server just limiting the speed.

• Horizontal

instead limiting speed its add server.


Web server Software
Tool use  to manage the website.

edit,create webpages with various other HTTP formatted files.


Exp:-

OS
Linux
open source (free)

Apache, HTTP server,son java system server.


Host operating system
software install on a computer that interact with underlying hardware.
primary software that installed on the server.