Install Dropbox, kdenlive video editor and recordMyDesktop in Ubuntu 14.04

  1. Installing Dropbox

sudo apt-get install nautilus-dropbox

Now we can look in Ubuntu Software Center and looked at installed, selected Internet to see that Dropbox has been installed on today’s date. After you have logged on Dropbox you will see the Dropbox folder icon appear in the upper right hand corner of your desktop.

  1. Installing kdenlive video editor (lower case K)

sudo apt-get install kdenlive

Now we can look in Ubuntu Software Center and looked at installed, selected Sound & Video to see that Kdenlive has been installed on today’s date. Selecting kdenlive More info button you will see that many of the optional add-ons have also been installed that work with kdenlive.

You can find out more about kdenlive at their web site. https://kdenlive.org/

Be sure to check out their ToolBox for training videos on using kdenlive. https://kdenlive.org/toolbox/

  1. Installing “recordMyDesktop”

One of the problems I have is recording my desktop. After some searching I found and installed “recordMyDesktop”

To install using terminal run the following command:

sudo apt-get install gtk-recordmydesktop

  1. Again run sudo apt-get update when you have completed all installs.





How to install Bluefish Web Editor Ubuntu 14.04

Using Terminal complete the following…

It’s always a good practice to do update first before installing a new packages.

sudo apt-get update

How to install Bluefish Editor run this command in terminal

sudo apt-get install bluefish

At this point I like to do another update.

sudo apt-get update

Now we can look in Ubuntu Software Center and look at installed, selected Developer Tools to see that Blue Fish has been installed on today’s date.

Now I want to take full advantage of all the utilities offer that works with Bluefish so let install the following:

XML utilities run

sudo apt-get install libxml2-utils

                HTML Syntax checker and formatter tidy

sudo apt-get install tidy

                Syntax minimal Style checker for HTML

sudo apt-get install weblint-perl

Command-line interpreter for the php5 script language

sudo apt-get install php5-cli

At this point run again

sudo apt-get update

Now you should once again get back into Ubuntu Software Center and look at installed, selected Developer Tools, now select Bluefish Development Editor, to see that all the above utilities have been installed on today’s date select the More Info button. You will see all the Optional Add-on that had been installed today these are the ones with red checkbox.  You will see that three of the four appears, the php5-cli appears on the under the Developer Tools.


Installing and Using VNC Ubuntu 14.04

Change settings in Desktop Sharing for local remote connection

In my Ubuntu 14.04 Trusty OS I needed to first make some changes to the Desktop Sharing.

To do this search your Linux computer for Desktop Sharing.

Open Desktop Sharing, and check or unchecked the following:

Know your system.

Command lsb_release -a gives you the system information

You will see Distributor ID: Ubuntu

Description: Ubuntu 14.04.5 LTS

Codename: trusty

Preform updates and upgrades before installing VNC

Anytime you are getting ready to do install you should run updates and upgrades

Run sudo apt-get update

Then sudo apt-get upgrade

Install VNC on your Linux system

Now is the time to install VNC on ubuntu 14.04

sudo apt-get install tightvncserver

After install is completed set screen resolution as follow;

 vncserver -geometry 1366×768

Run vncserver

You should now see your <computername>:: 1

To make sure vnc server is running on your Linux os type


Note: to end vnc server you would enter.

vncserver -kill :1   (:1 is the session number running, it could be :2 )

You will see a message that reads Killing xtightvnc process ID ####

ALWAYS a good idea to end your VNC connection!

To start vnc server just type vncserver

You will see a message that reads, New X desktop is <computername>:1

To connect from your Windows computer to your Linux OS you need to know the current ip address of the Linux OS. Remember I’m using Ubuntu could be different in Fedora.

Install and run netstat -l to confirm port

See what port is listening, it should be 5900?

To do this do netstat -l | less     Note:(lower case L)

IF you need to install netstat fo the following;

sudo apt-get install netstat-net

                   Now try netstat -l |less

My computer shows 5901 is listen! Note the port that listen on your system.

Run ifconfig to get your current IP Address

Type the following: ifconfig

You should inet addr: <ipaddress> note the ip address is this line. Example in my case the ip address is

Install and run tightvnc on your Windows machine

Now in tightVNC Viewer  (client ) enter the ip address as 198.168..0.105:: 5901 Note two colons and 5901 is the port number!

What if you get a gray screen.

If you get a gray screen, this means you made a completed connection using VNC but we need to edit the xstartup using vi  or vim.

To do this do the following:

cd  .vnc/

Run command ls to confirm that you see xstartup

Run vi xstartup

Add this line to bottom of the file


As shown.

Note that these instructions are for installing VNC on a Ubuntu 14.04 operating system and my be different on other Linux systems, such Fedora. You may have to do some research for your operating system and or version of OS.

What you will learn by installing and using vnc remote.

Working with Desktop Sharing

  1. lsb_release -a
  2. sudo apt-get update
  3. sudo apt-get upgrade
  4. sudo apt-get install tightvncserver
  5. run vncserver to start the service
  6. vncserver -kill :1 to end the session 1
  7. netstat -l | less to look at short list of ports
  8. if need sudo apt-get install netstat-net if netstat is not installed
  9. ifconfig to your IP address information and more
  10. Using tightvnc viewer which would be installed on your windows system.


Cannot get the PHP to display using WAMP!

One of the problems that many first-time user and others, like me, have problems with is getting PHP to work in WAMP. When you create your first php page, hello.php and you try to view that page in the browser using Notepad ++ the page does not display properly. This is because it displays is C://.

What you see is all the tags for the page and not just the text Hello World. What you need to remember is your working on localhost so the path for viewing the page should be http://localhost/hello.php.

If you have added a folder under www, it would look something like this http://localhost/yourfoldername/hello.php

Installing WAMP on your computer to run WordPress

My goal is to install WordPress on my “local” computer for a project that will take some time to complete. To complete this task, I need to install WAMP on my computer.

WAMP is package of Apache, which is a web server PHP which is a server-side scripting language and MySQL which is open-source relational database. You can do this by downloading and install the package known as WampServer which is referred to as software stack or package.

Before you download and install this stack I wanted to encourage you to read this article first before you start. This will give you a good understand of the steps you are going to take. Be prepared to complete this task at one time so you do not miss any steps.

To download WampServer go to www. wampserver.com and download the correct package for your system. If you have 32-bit system you will need to download the WampServer 32 bit (x86) or if you are running a 64-bit system you will need to download the WampServer 64 bit (x64).

What I did was create three steps for completing this project.

Step 1 Install WAMP stack

Step 2 Setup test database for MySQL

Step 3 Install WordPress

At the time of this writing I downloaded and install the 64-bit version 3.1.0

Go ahead and download the package for your system and run the exe.

Launch phpMyAdmin
Information Important Read

Remember me saying to read this document first? The above was a surprise during install, read this information and make sure the following is completed first before going any further with the install of WAMP.

Make sure the following Microsoft Visual C++ is install for your system. Remember that x86 is 32-bit and X64 is 64-bit system.  Note the information about closing Skype and to disable IIS server if installed on your system.  For Skype you may running into an issue with Skype using port 80 and need to disable that setting within Skype.  In my case I do not run Skype nor IIS server.

Destination Location WAMP Install
Location WAMP Install

You do not need to change the destination! Select NEXT

Start Menu Folder
Start Menu Folder

Leave start menu as is and select NEXT.

Ready to Install
Ready to Install

At this point you are ready to install WAMP select Install!

WAMP Installing
WAMP Installing

Decision time, do you want to use iExplore as your browser or another browser? I am a big fan of Chrome, so I selected NO so I can select the path to Chrome. Interesting but no surprise to me that it ignored my selection.  If you select Yes, you will be taken to the next window. If you selected NO, then you will need to browser, starting at C: to the path for Chrome or Firefox.

Another decision to make. By default, WampServer wants to use notepad as text editor. In my case I am good with using notepad, but I have and use Notepad ++ as my test editor, so I selected NO. You will be asked to select the correct path to the text editor. In my case it was C:\Program Files (x86)\Notepad++.

Next step is to launch phpMyAdmin which is a free open-source admin tool used with MySQL.  Select next at this point.  In the next window select Finish.

Last Step install
Last Step install

Message that reads you completed the setup wizard of Wampserver64 will appear.


WAMPServer Install Completed
WAMPServer Install Completed

In order to see that you were successful in installing WAMP you need to select the Wampserver icon that now appears on your desktop. Once the server is started this menu will appear on the task bar in the lower right corner as shown. Be sure to select the up arrow and select the green icon. Also notice that you can start, stop and retart the server from this menu. Green icon indicates started, red icon indicates off or stopped and yellow icon indicates issue or restarting, Testing each at this point is good indicates server is working properly.

What is the next step? The next step is to bring up phpMyAdmin to create test database. After that is completed we will need to download and install WordPress.

Related link to PHP: https://cit101blog.wordpress.com/2018/05/25/cannot-get-the-php-to-display-using-wamp/


After installing WAMP let’s create test database in MySQL

After installing WAMP let’s create test database in MySQL for WordPress.

To do this let’s go into phpMyAdmin. Remember from the first step we completed, ” Installing WAMP on your computer to run WordPress ” in order for  you to see the menu to select phpMyadmin you need to start WAMPServer by clicking on the icon on your desktop.  Once the server is started this menu will appear on the task bar in the lower right corner as shown.


The following browser page will appear. Note the path is http://localhost/phpmyadmin/

How you should see login for username and password as shown.


The default username is root, and remember the password is left blank to login. If during setup you created a password you will need to use that password. At later time I will create document for steps taken to change the password. Go ahead and select Go.

Now you should be in phpMyAdmin, select the Database tab. The following is what you should see at this point.

Where it reads Create database enter test_db and hit the Create button.

Now this is all you need to do at this point. Remember our goal is to get WordPress up and running on our local computer, we will come back and play around with the test_db on later date. For now, let’s get WordPress installed.

Download and installing WordPress on local computer

What is the next step?

The first step was installing WAMP on our computer, then we install MySQL bringing up phpMyAdmin to create test database. After that was completed we will need to download and install WordPress.

Now we can go ahead and download a copy of WordPress from WordPress.org. Once it has downloaded extract the zip file and copy the WordPress folder to C:\wamp64\www . Remember I had 64 bit system so your path may read different then what if shown.

Goal here is to get the WordPress downloaded and unzip the files, then copy the wordpress folder into C:\wamp64\www . As shown below

Now open a browser and enter the following URL, http://localhost/wordpress and hit enter. Your WordPress page should appear with the option to pick language, then select continue.  You should see the following message.

In the next screen only change the Database name to test_db, then Username to root and leave the password blank, leave Database Host localhost and leave the Table Prefix to wp_

Hit the submit button and in the next screen hit Run the Installation button.

Next screen, enter the following information Site Title, Username, NOTE the password or create a strong password, add your email address. Now selected the box Discourage search engines from indexing this site. Remember I created this WordPress on my local computer to work on a WordPress project that will take some time to complete. Once you have completed the fields hit the Install WordPress button.

Once you have completed the install you should get login screen and go right into WordPress. The URL should read //localhost/wordpress/wp-admin/..

What classes you should pursue for a career in web design

I have been teaching technology classes for a local college for over 9 years now. Each semester, I have students asking me what classes they should pursue to for career in web design. This is not easy question to answer without talking about front-end web development and back-end development. I am writing this article in hopes that I can remove the confusion for those of you who have an interest in web development.

What you need to know is that there is front-end web development, this is what the user sees when they go to a web site, and back-end development, which is programs running in the back ground of the web site.  Fact is front-end development is referred to as client-side and back-end development as server-side. When you hear, someone talking about a static web site they are talking about front-end environment, with no server generated programs. You can look at this way, there no moving parts. The site does not change.

What I tell my students is to first learn HTML, then learn HTML5, after you catch onto HTML5, move into Cascading Style Sheet (CSS), then make the move into learning JavaScript. What happen is that along the way of learning HTML, you will fall into learning HTML5. The same is true when you learn HTML5, you will start to understand CSS.  You should know that JavaScript can be both used in front-end development and in the back-end environment.  JavaScript is an object-oriented language, used to create some action or interaction between the user, and the server. You may hear this action ref to as event.

An example of this is when the user fills out an online form, and submits that form, the information is collected into a database such as MySQL.  For back-end development, you may want to learn, in this order, Python, Ruby, and MySQL. Many students go from JavaScript right into MySQL without any problems.

I understand that this may generate some questions from some? Like what about ASP, or PHP ?  One of the reasons why I am advocating these programs or languages is that technology changes rapidly.  What is popular for coding today may change within a year or two, or it seems that way.  Learning HTML5, CSS3 and JavaScript will give you a great foundation to start working in web development.  You need to understand that you will always been learning new programs throughout your career in web design.

Plugin Manage did not install for Notepad++

Working with a student we discovered that Newest Version of Notepad++ will not install the Plugin Manager. Installing the older version of Notepad++ Version 7.4.2 fixed the issue. So go to Notepad++ under Download install v7.4.2. DO NOT install v7.5


I encourage my students to install the following Plugins for Notepad++.

Install the following Plugins using the Plugin Manager under Plugins/ Plugins Manager/ Show Plugins Manager

Check and install the following:

  • HTML Tags
  • ImgTag
  • Preview HTML
  • Quick Color Picker ++
  • Webedit

Installing Apache2 Server, MySQL DB, and PHP on Ubuntu 14.04

First thing we need to do is run updates, so login as root.

sudo apt-get update

Second step is to install apache2

sudo apt-get install apache2

Test apache2 server

To see if apache2 was successfully installed

Open web browser and type in 127.0.01

Note to view IP address and local loop back address run ifconfig

You should see Apache2 Ubuntu Default Page

“It Works!”

This maybe the best time to go over with you stopping, reload, and starting apache2 server.


To start, reload or stop apache2 server.

There are couple different methods to doing this. I like and want my students to use;

sudo service apache2 stop

sudo service apache2 start

sudo service apache2 reload

Note this is different for other OS so you should look up those methods that work for you Linux OS.

Third Step is to install MySQL Server

sudo apt-get install mysql-server

Now run this mysql_secure_installation which is a program step to create root password and remove or keep the test database.

It will ask you for your root password. THEN ask you to set a root password into MYSQL! SAYING N to keep the current root password or Y to change the password.  I recommend that my students take No.

Next question is to Remove anonymous users? I always select Yes.

Next question is to Disallow root login remotely? For class, NO.

However, in working environment this maybe yes or no, you need to confirm with your company IT Directors or Admin.

Remove test database and access to it?  (Again, for my students in my class let’s remove the mark this one as YES.)

Next question Reload privilege tables now? Here we want to say YES.

Note the message reads, Reloading the privilege tables will ensure that all changes made so far will take effect immediately.

After taking Yes you should see a message for …Success! Follow up by Cleaning up….

Forth Step install PHP

sudo apt-get install php5 libapache2-mod-php5

By default, the web site directory path is /var/www/html

With that in mind, create and save info.php to html  

To do this open and create new document




Note to create this you can use Web Editor such as Bluefish or use vi editor

vi   /var/www/html/info.php

Remember to save it to the html directory as info.php (not info.php.php)

Now to test it and see if PHP is working

Go to http://yourserveripaddress/info.php

This is what you should see:

What if it fails to work!

You may be getting a message that you don’t have permission to the directory var/www

You can see the permission of /var/www has, by this command ls -l /var/www. You will see like this (this only for example): (That’s Lower Case L not 1.)

Again, If there is a permission issue when trying to view the info.php complete the following:

Run ls -l /var/www to view who currently has rights to that directory.

To add yourself as having rights to that directory do the following:

sudo adduser yourusername www-data

After you completed this task you need to give yourself  “R“  rights permission and ownership to  your name.

sudo chown yourusername:www-data -R /var/www

 How to install Bluefish Web Editor Ubuntu 14.04

Related link: https://cit101blog.wordpress.com/2018/05/25/cannot-get-the-php-to-display-using-wamp/