Clinets Desarrollo Web
Clinets
Projects
BOOTSTRAP
It is a multiplatform library or set of open source tools for designing web sites and applications. It is a Framework that Twitter used to develop web applications:
Simple and light
A CSS file and a JavaScript file can suffice
Based on the latest web development standards
HTML5, CSS3 and JavaScript / JQuery
JQuery plugins to validate data entry, display tables, graphs, etc.
Low learning curve.
Compatible with all common browsers
LESS-based architecture
Reset CSS based on Normalize.css
Open Source
Released 2011 under Apache license
Figure.N ° 6 Basic bootstrap distribution
Source: J. Spurlock Bootstrap. O'Reilly (2013)
RESPONSIVE WEB DESIGN
Design of web pages for the user to visualize them perfectly on a wide range of devices.
BOOTSTRAP 3, MOBILE FIRST
One reference is that it has been redesigned to adapt from the beginning to typical screen sizes of mobiles with a fluid grid system that scales to 12 columns as the viewport increases in size.
Figure.N ° 7 Basic Template
Source: D. Cochran. Twitter Bootstrap Web Development How-To. Packt Publishing (2012).
EXERCISES WITH BOOTSTRAP
3.1.1.1. Downloading a pre-designed bootstrap template and adapting it to the company that you are going to sell your website to, is highly feasible as it is open source and customizable with a professional open source GUI.
https://bootstrapmade.com/
Zip file containing the basic distribution
Try the basic example
Create a website project
Copy the bootstrap directories (css, fonts and js) to the root of the site
Remember that the index.html with the basic template of the design you have chosen
Check that the links to the bootstrap files are correct
Figure. # 8 Free Downloadable Customizable Bootstrap Templates
Source: https://bootstrapmade.com/, July 31, 2019
WAMP SERVER AS A DATABASE MANAGER
WAMP is the acronym used to describe an Internet infrastructure system that uses the following tools:
Windows as operating system.
Apache, as a web server.
MySQL, as a database manager.
PHP (generally), Perl, or Python, as programming languages.
The use of a WAMP allows uploading html pages to the internet, in addition to being able to manage data on them. At the same time, a WAMP provides programming languages for developing web applications.
LAMP is the analog system that runs under Linux environment
MAMP is the analog system that runs under the Macintosh environment
les and testing local server (localhost) will allow us
1. On the server side:
Windows, as an operating system;
Apache, as a web server;
MySQL, as a database manager;
PHP (generally), Perl, or Python, as programming languages.
2.On the Client side:
Internet navigator
In general, the installation configuration of the wapm server is left on your machine at the address C: \ wamp \ www and inside this you must put the downloadable files to modify from bootstrap, the download link for wampserver is: http: / /www.wampserver.es/.
Figure. Wamp server local
Source: Diego Bastidas, Public IP 179.49.37.56, July 31, 2019
DREAMWEAVER AS AN INTEGRATED DEVELOPMENT ENVIRONMENT (IDE)
The Dreamweaver includes numerous code editing tools and functions: HTML, CSS, and JavaScript references, a JavaScript debugger, and code editors (the Code view and the Code inspector) that allow you to edit JavaScript, XML, and other text documents directly into Dreamweaver. Macromedia's Roundtrip HTML technology imports HTML documents without changing the code format, and Dreamweaver can be configured to clean and change the HTML format whenever you want. Dreamweaver's visual editing features also allow you to quickly add design and functionality without writing a single line of code. You can view all elements or assets on the site and drag them from an easy-to-use panel directly to a document. Streamline your development workflow by creating and editing images in Macromedia Fireworks and importing them directly into Dreamweaver.
Figure .. Dreamweaver as an Integrated Development Environment (IDE)
Source: Diego Bastidas, Public IP 179.49.37.56, July 31, 2019
CONFIGURATION OF THE FTP SITE (FILE TRANSFER PROTOCOL)
Once our IDE is open, it is very easy to configure, we click on the option site, new site, ftp configuration, we put the user and password of our hosting, in the test option we verify that the connection is successful.
Figure No. 11. Site configuration with ftp
Source: Diego Bastidas, Public IP 179.49.37.56, July 31, 2019
CPANEL WHM
The RESELLER Plans or reseller as my proposal, is a control panel through which each reseller can register and fully manage the different Hosting accounts that they generate for their clients.
Figure. Basic Web Host Administration
Source: Diego Bastidas, Public IP 179.49.37.56, July 31, 2019
In this way, it offers the possibility of acting as a small hosting company, your own company that by paying an annual value you will become a hosting reseller, assigning host fees to your customers giving them a single personality with a user and password to log in to your own web administration host.
Figure. Viewing client accounts with their own cpanel host
Source: Diego Bastidas, Public IP 179.49.37.56, July 31, 2019
Among the RESELLER or RESELLER plans there are several taking the following figure as an example:
Figure. Example of reseller or reseller plans
Source: https://www.saohosting.net/
HARDWARE REQUIREMENTS
The following information represents the minimum hardware requirements.
CPU
• Intel Pentium Core Duo or higher
• AMD 64 * 2
• Memory
• Minimum 1 GB
• Recommended 2 GB, for speed
HDD
• Recommended 80GB or higher recommended.
We refer to the availability of the necessary resources to carry out the stated goals, such as updating and improving knowledge of customers or users through this work, the feasibility will be based on three basic aspects that are: operational, technical economic.
OPERATIONAL FEASIBILITY
It means that once this work and other information on the web have been analyzed, people will be able to implement this project.
The estimated time when carrying out this project is detailed below using the Gantt chart.
Figure. No. 15 Gantt chart
Source: Diego Javier Bastidas Logroño
PERCENTAGE ESTIMATE OF WORK IN THIS PROJECT
1- LOGICAL DESIGN
a- Analyst 50%
b- Programmer 15%
c- Graphic designer 35%
2- CODING
a- Analyst 40%
b- Programmer 30%
c- Graphic designer 30%
3- TESTS
a- Analyst 35%
b- Programmer35%
c- Graphic designer 30%
4- MAINTENANCE
a- Analyst 45%
b- Programmer 35%
c- Graphic designer 20%
5- IMPLEMENTATION
a- Analyst 80%
b- Programmer 20%
6- TRAINING
a- 100% Analyst
TECHNICAL FEASIBILITY
The required technological equipment is a fourth generation computer and internet connection.
The tangible technological equipment and software to be used is:
HARDWARE:
Laptop or Pc core duo or higher capacity
80 Gb Hard Drive, 1 Gb Memory, 100mbps Network Card.
LCD screen and / or RCT 18, Keyboard, Mouse.
Other equipment
Switch depending on the internet provider.
SOFTWARE
Windows XP or higher operating system.
Dreamweaver 8 or higher.
Wamp server latest versions.
Open Office.
Opera browser.
Graphics and multimedia editors: Adobe Fireworks 8 or higher.
Several related to the topic.
MATERIAL RESOURCES
Figure. N ° 16 Table of Material Resources
MATERIALS QUANTITY
6 sheets stationery
DvD´s 1
CD’s 1
Various office supplies
Internet use 800 hours
Bibliography books (1)
Source: Diego Bastidas
HUMAN RESOURCES
Figure. N ° 17 Human Resources Table
Human Resources QUANTITY
Customers 1
Advisor 1
Source: Diego Bastidas
ECONOMIC FEASIBILITY
The realization of a project of this type does not require an excessive investment on the part of the proponent, this because the resources are completely available on the network.
Figure. N ° 18 Cost Table
RESOURCE AMOUNT V. UNIT TOTAL
Internet use 800 hours 0.20 160.00
Stationery 6 sheets 0.1 0.60
Cd´s 1 0.70 0.70
DvD´s 1 1.00 1.00
LCD Screen and RCT 18 , Keyboard, Mouse, Speakers, Hp 1560 Printer.
1 100.00 100.00
Laptop or PC Hard Disk 80 gb, Memory 1 Gb, Network Card 100mbps.
1 300.00 300.00
Bibliography 1 (Avg.) 58 70.00
Contingencies and Others 1 10.00 10.00
ESTIMATED TOTAL: USD 642.30
Source: Diego Bastidas
You earn approximately three times what you invest in web development
BIBLIOGRAPHY
Bibliography on Related Technologies:
Wahl M., Kille S., and Howes T., “Free Directory Access Protocol (v3):
UTF-8 String Representation of Distinguished Names ”, RFC 2253, December 1997
D. Cochran. Twitter Bootstrap Web Development How-To. Packt
Publishing (2012)
DOBSON RICK, "Complete Guide to VRML and Applications", McGraw-Hill, 2002