<-- back<>

WEEK 1
[ PRINCIPLES AND PRACTICES ]

Week 2 -->

WEEK'S GOALS:

1. MADE A WEBSITE AND DESCRIBED HOW YOU DID IT (Done)
2. INTRODUCED YOURSELF(Done)
3. DESCRIBED AND MADE A SKETCH OF YOUR FINAL PROJECT(Done)
4. DOCUMENTED STEPS FOR UPLOADING FILES TO ARCHIVE(Done)
5. PUSHED TO THE CLASS ARCHIVE(Done)

ACHIEVEMENTS THIS WEEK:

WEBSITE:

1. Customised buttons,Code and border

• Used Photoshop to customise png files to display correctly on the webpage both in body and footer

• Used touchscreen to sktch with hand on Photoshop and reduce file sizes in 10s of kB to increase loading speed

2. Tags

• Explored various HTML tags and chose important ones relevant to my webpages.

• highlights being the way the code is displayed instaed of images, weekly timer countdown that counts down to Neil's next lecture as a deadline for me to push my weekly assignments on time-Appreciated by Neil

GIT:

1. GIT Repo through both UBUNTU and WINDOWS

• Was able to launch GIT bash as a terminal alternative in Windows as well as managed to make a bootable UBUNTU pendrive and launch first set up from the pendrive without installing UBUNTU. However it resets on reboot so not effective

• Installed other softwares and plugins to help program boards directly in later weeks (are detailed in next weeks)

2. First push achieved

• Even though i pushed first time through my own id, however, i have been pushing thorugh my collegue's laptop for the remainder of the duration to avoid errors in other's assignments as my collegues use spaces in their file names that can cause havoc if pushed form a windows platform. Laptop being a company laptop forces me to not be able to install ubuntu. However all assignments have been done through windows with ocassional use of UBUNTU. so the academy has been challenging for me to figure out windows alternatives to all easy tasks of ubuntu. Am glad the workarounds have been easy enough to execute my tasks later on in the coming weeks especially programming.

CONFERENCING:

1. LINPHONE, BLUESTACKS to CISCO SPARK and VIDEOSWITCH

• All three have been used to view Neil's lectures online with varying degrees of stability. Cisco has been effective with marginal quality, Linphone has been a very high quality but unstable alternative.

TASKS AT HAND:

• NO PENDING TASK

On the very first day, on my instructor Suhas instructions, I :
1. Went through online resources like w3schools.com and other fab academy websites.
2. Set up the required softwares and tried them all, narrowing down to Brackets as my preferred web editor.
3. Set up Bluestacks in order to view MCU recitals on my Windows 10 platform after figuring out with lot of headbanging that CISCO Spark only runs on Android

<-- Day 1<>

Day 2
[ Getting a Hang of Website Design ]

Day 3 -->

On the second day, I :
1. Started comparing source codes trying to figure out what code changes what aspect of the website. .
2. Tinkered with ubuntu on another laptop. Figured out Brackets.io combined with Windows 10 split screen feature offers live editing exactly the way ubuntu does. So sticking to windows for now.
3. Figured out how to insert a countdown on my website that will keep reminding me of how much time before pushing before the next recital.
4. Installed countless required academy specific softwares
Woke up early and started working on my website. I went through few templates to understand my choice. Picked one. Opened in Brackets. Saw few very interesting effects. So I decided to design my website by myself being a Designer by profession. I ended up making my own caricatures in Photoshop. I played around with HTML, CSS, Photoshop and Sketchup.

Important HTML tags used in this website:

SPLIT SCREEN FEATURE SEEMS QUITE HELPFUL IN WINDOWS 10

It was India’s Republic Day, I got up early, got ready in formals and went to the assembly and captured video of everyone singing our National Anthem and hosting our National Flag, It’s a great feeling to start my Fab academy. We had this function after flag hosting in conference room where it was compulsory for everyone to Perform. I and my partner from Chandigarh stayed silent in whole function giving a genuine smile because we understood nothing as everything was in Marathi language, language of Maharashtra. But in the end, they requested us to perform something in Punjabi as they showcased different cultures and dances in their Acts. So I asked for the Dhol and they arranged for the same, only difference was it was 4 times bigger than what we use in Punjab. I took that and made music like dham dham Punjabi and while I played Dhol, Nishtha did Bhangra and Gidda , which forced everyone around to join on the live music and dance. We also was served with Sweet sugar and nuts sweets called Tikki in Hindi, specially made by Vigyan Ashram kids in their Food lab.

It was a Superb Day. Everytime I open my laptop, kids used to sit and ask questions and Learn things I do. They have a very nice culture of learning. The day ended with a National song in evening. Though it was a Public holiday and everyone went out to enjoy , Me and Nishtha stayed back and worked late.

Day 3
[Getting started with Repository ]

Day 4 -->

On the third day, I :
1. Made a bootable Ubuntu pendrive using Rufus to see if GIT can be setup remotely without installing it on our company laptop.
2. Successfully launched ubuntu on PC whenever i plug in the pendrive. However it looses data when you switch off the laptop. Will figure out if i can link it to an external hard disk to save data. I know what I am trying is unconventional but thats only to try what others are not and not just simply follow steps which i can do at the last moment too. Experimenting !
3. Learn how to Push Assignment to Class archive

Next step was reading about mercurial an git and choosing one. Its obvious to choose Git due to fab academy requirements but nevertheless i wished to study them and my basic understanding was this that
To start a new branch, with Mercurial, you simply clone the repository to another directory and start developing. Then, you pull and merge. With git, you have to explicitly give a name to the new topic branch you want to use, then you start coding using the same directory.
In short, each branch in Mercurial needs its own directory; in git you usually work in on single directory. Switching branches in Mercurial means changing directories; in git, it means asking git to change the directory's content with git checkout.
I am proceeding with GIT installation on windows now.

<-- Day 3<>

Day 4
[Days with TERMINAL, UBUNTU ]

Day 5 -->

Struggled with GIt installation:
1. I wasnt able to push my website from Bootable UBUNTU so pushed from Suhasji Laptop (instructor)initially
2. Was further adding effects and graphics to my Website.

WELCOME TO UBUNTU:
I am using Bootable Ubuntu in 8Gb pendrive. I am working on graphics and HTML on Windows but I will do GIt through my bootable UBUNTU which I downloaded fro, UBUNTU’s Website.
Below are the STEPS made to make it work:

STEP 1: Attach USB with Ubuntu
STEP 2: Click Try Ubuntu
STEP 3: Open Terminal and follow the following steps:

Note:This set of instructions has been updated from the ones provided by our instructor after I realised that for first time UBUNTU installers, there are a few extra steps to be done.

The Basic instructions to install GIT fab academy processess is as below:


In the first week:
-We were unable to pull/push because of slow internet in Pabal.
-We rebooted to see the changes, and we realised that we have to do all again from starting as Bootable Ubuntu doesnt save settings.
-So we pushed our websites from Suhas's (our local instructor) desktop for the time being but we will try pushing assignment once again from bootable UBUNTU

UPDATE
Since, the laptop I use is also our firm's official laptop, I cant risk installing dual OS into it and so figured out how to use GIT on WINDOWS 10, I PUSHED from it once to see if it works which it does however pushing from Windows might bring errors into my collegues websites as quite a few of them are using spaces in their names as well as slashes which windows somehow inverts to the other slash bringing error in their links. It hasnt happened with my first push but to avoid their websites from getting errors I am using NISHTHA KAUSHIK's Laptop to push my website through her UBUNTU for the remainder of this course.(Pushing is being done by myself only)

<-- Day 4

Day 5
[PRESENTATION OF CODE AND GIT]

Day 6 -->

STEPS to do GIT :
Hola, I was fresh and energized for the day. I sat whole day and finished making my Pictograms, caricatures, sketches. Started my HTML coding in Brackets from Menu to Background to Font to Images to Hover codes and much more you will see on my website. Yes , finally I was able to come up with my basic website. But today, we were introduced with GIT and installing GIT in UBUNTU. We (Me and my other 4 Classmates) were given introduction to UBUNTU Interface by our Instructor Mr.Suhas.

I WILL BE USING A SPECIFIC WAY TO PRESENT MY CODES IN THE WEBSITE IN THE FOLLOWING WAY:
(enclosing the code)

Steps for Windows GIT Pull:

Today, I sat morning to afternoon to work on my website. Discussed some projects of kids , helping them with Product Designs. In Afternoon, I went to village which was 2 kms and it was a shortcut :-/ , I ate some form of snacks which costed me only 1 Re. Had 4 different Vada Pavs and went around exploring the market and Laundry guy, who charges far higher than even Chandigarh. (Decided to do my own Laundry :-P), Came back from Village , played Badminton.
Had a very tiring day so slept early thinking and planning for my next day.

<-- Day 6

Day 7
[Final project Sketch]

Home -->

Project Files for Week 1

Reference Links for Week 1