(Updates at the bottom)

Learning Plan for the Semester
  1. What are your overall learning goals ( choose 3)? ex. be an expert on HTML
-To be an expert in understanding how to troubleshoot hardware and software issues on a Windows and a Mac.
-To improve my skills of javascript and html but mainly focus on coding javascript.
-To learn more about animation through the use of a specific software.

  1. What are your end-products? ex. Design and launch my website using HTML code
I would design and launch a website using my knowledge from html coding and perhaps javascript animation to make the website more interesting. The website would inform students of cool softwares for people to be more interesting in computer science.

  1. What are the other areas will I need to learn in order to reach my goals? ex. visual design, photoshop
Some areas that I will need to learn in order to reach my goals is to know and expand my knowledge on coding html. I would also need to know more about graphic designing and research softwares that would allow me to create animation or learn how to create animation through the use of javascript. Also be research for new softwares and websites that people that are interested in computer science can do.

  1. What will my work schedule look like?
I will first be reviewing my html skills by going over them through the use of khan academy but also watching youtube tutorials on how a basic website would run for the public. In Mr. Cuevas room, I would focus on reviewing my coding and trying some test runs then progressing over the time. When at home I would research softwares and programs that would allow me to create animations on how to create a website from scratch and just a small intro video. After creating the website I would make many modifications to make sure that the website is running smoothly and start to research other computer science software and programs that would interest people.

  1. Where will I find the tools to help me with my goals? ex. online, Mr. Bermudez
Most of the tools that will help me with my goals are mostly all online through the use of Khan Academy. I would also need to research a certain program to create animation. I would ask Mr. Bermudez about his knowledge of javascript and what it would take to perhaps make an animation if there isn’t a program online to create help me create it.

  1. Why are these goals important to me? How will this help me and my peers?
These goals are important to me because I am very interest in graphic designing and creating something with my own person style that would hopefully interest the public. This would allow me to create a website that would help a peer that is interest in the field of computer science to find and explore amazing new softwares and programs that can use. This would allow me to know how to make my own website if I am planning to work for an online website and my peers because it would expose them to new technology.


Final Project Plan


external image image?w=624&h=483&rev=1077&ac=1



My idea for my final project is to create a website online to be available for the public to read reviews and see animations on tutorials. I was thinking of creating a website from scratch and just using my knowledge of html to create the website, but didn’t just want to make a website by itself so I thought of adding animation to it. I would be either using a software that I find online to use to create my animation and if not I would use my knowledge of javascript to create the animation. There would an animation created to explain how the website was created and the purpose for the website just like an intro video. I would need to research coding html and javascript to help me create a website. The website would have reviews of other programs and softwares that are available to the public. The purpose of website is to interest more people in computer science and have them discover new softwares that can come in handy for school projects or other projects. The website would contain videos, summaries, and animations to interest the public.


Individual Learning Plan Update #1
My schedule at the moment is changing a bit because of the process that I am doing into creating my website. From monday to wednesday, I worked on reviewing html on khan academy and by reviewing I mean watching the videos again and doing the practice again. I wanted to review for a while because when I am creating my website, I am feel completely confident of my coding skills and know the functions of the code. Then after I sort of feel confident with my html skills, thursday through Saturday. I would research other websites and people that made their own website using html. I wanted to know what were some common problems that came up when creating a web page and to find a simple way in creating a website with just using html but if it included a bit of javascript then it was okay. So my schedule has been very eventful but it has been very beneficial in helping me prepare to create my webpage. Something that I am modifying in my schedule is that now that I feel confident with html, I will actually devote monday through wednesday to actually start coding to create the webpage.
So far I have accomplish understanding coding in the html language. At the beginning, I was struggling with trying to understand html because it is different from javascript but now I am able to recognize the difference between html and javascript. By me taking the time to review html and practice has really improved my knowledge of html and I have greater understanding for the functions of certain codes of html. Htlm would come in very helpful to me because the beginning of February I would be starting to code my website and it is crucial that I understand the functions, structure and organization of html code. I know the basics of html and some of the more advanced html coding but there is so much more to learn that isn’t that relevant to my individual learning project. But if I have time after the creation of the webpage then I would try to explore html code more to make the webpage better.
Somethings that I need to do in the future is to improve my skills in coding. I need to improve my skills in coding because at the moment I understand the functions of certain codes but my organization of the code is sort of a mess. There is just so much code that has to be written but it is difficult to organize them when actually typing it and coding for it at the moment. I would need to pay closer attention to the way I write code because it makes a huge impact on any project that I am creating.
At the moment, my project is closely coming along together. It is sort of slow because I have just recently started to code in html my webpage. This is because I spent about a month or less reviewing my coding skills and improving them. Since during that time I wasn’t just reviewing code; I researched other people and websites that create webpages/websites and learned a couple of tips when doing my project. I have recently began to code on notepad on the computer because many people that created website/ webpages have recommended this method/strategy to be organized and save the work. So I have just written some code on the notepad of my computer and would regularly adding onto the code and making corrections so that their could be a website.


Individual Learning Plan Update #2
At the moment, I have using the Harvard course to help me understand more about the basics of coding and having more of an idea on how to put the information and code that I created together. I have found a few errors in my code because when I tested to check if a basic website would pop up when using chrome and Firefox there were issues and the message could have not been able to send. That meaning that I had errors in my code and revising my code I have fond those errors and was able to correct them but stil am trying to learn how to add different sections of text to the website without the information being overlapping or all over the place. The Harvard edx lessons have been very beneficial and I have been trying to watch the majority of the videos so that I could know how to create the website that I want to make and by learning from the lessons then writing practice code has been beneficial. I still am having trouble with formatting of the website but I am reviewing the khan academy lessons and Harvard edx lessons to help resolve that problem.

Individual Learning Plan Update #3
Website Information
Hosting my website
Website
Price
Offering
Benefits
Procedure
GoDaddy
$1/month (annual plan)
Just need to pay for the domain and one can upload their website
None
Easy and straightforward
biz.nf
Free everything
1000 MB space
5 GB Data Transfer
No ads, 3 free domains at .co.nf and no free domain name
Difficult to follow the procedures to sign up
iPage
$3.95/ month
Unlimited hosting space
Unlimited data transfer
Unlimited domain hosting
Unlimited MySQL databases
Unlimited email addresses at 1 domain
Marketing Credits
FREE options:
* Domain
* SiteLock security suite
* Point & click site builder
* Online store, Blog, Script library
$75 Google, $25 Yahoo! & $50 Facebook
Easy to sign up
JustPlan
$6.95/ month
Unlimited data transfer
Unlimited web hosting (as many domains as you like)
Unlimited email accounts
Unlimited GB hosting space
FREE options by JustHost:
* Domain name
* Site builder
* Website Scripts
Need a domain name to sign up
HostGator
$4.95
Unlimited disk space
» Unlimited bandwidth
Host 1 Domain name
None
Need domain name, billing area, and security pin

How to upload my website from visual studio to online
  1. On the Build menu, click Publish Web Site.
  2. In the Publish Web Site dialog box, click the ellipsis button (…) to browse to the location where you want to publish the Web site files that are produced by compilation (the ultimate target server might be different).
  3. The target location can be a local or shared folder, an FTP site, or a Web site that you access with a URL. You must have permissions to create and write files in the target location.
  1. Note
    Note
    Note
  • The results of compilation are written to the specified location, overwriting (without warning) any existing content in that location.
  • To be able to change.aspx files after publishing the Web site (without recompiling them), select the Allow this precompiled site to be updatable check box.
  • If you select this option, the markup is left as-is, allowing you to change HTML and client-side functionality after precompiling the Web site. Selecting this option is equivalent to adding the -uoption to the aspnet_compiler.exe command. For more information, see Precompiling for Deployment with Updatable UI and ASP.NET Compilation Tool (Aspnet_compiler.exe).
  • If you want to be able to update individual pages by recompiling them, select Use fixed naming and single page assemblies.
  • If you want to be able to debug in the published Web site, select Emit debug information.
  • To create strongly named assemblies using a key file or a key container, select the Enable strong naming on precompiled assemblies check box, select the appropriate radio button, and enter the appropriate information Key file location or Key container box.
  • Strong-named assemblies can be deployed to the server's global assembly cache (GAC) or to the Bin directory of the application. A signed assembly makes it more difficult for malicious users to replace the application's assemblies with malicious code. However, the complexity of key management in shared development environments might outweigh the advantages of signed assemblies. For information about strong-naming on assemblies, see the following topics:
  1. Precompiling to Signed Assemblies
  2. ASP.NET Compilation Tool (Aspnet_compiler.exe)
  3. How to: Sign Assemblies for Precompiled Web Site Projects
  • If you select Enable strong naming on precompiled assemblies, and if you use a key file, and if you want to delay the signing of the key file, select Delay signing.
  • If you select this option, the assembly is signed in two stages: first with the public key file, and then with a private key file that is specified later during a call to the aspnet_compiler.execommand.
  • If you selected Enable strong naming on precompiled assemblies, and if you want to allow the assemblies to be called by partially trusted code, select Mark assemblies with AllowPartiallyTrustedCallerAttribute (APTCA).
  • Assemblies must have the AllowPartiallyTrustedCallersAttribute attribute to be called by the ASP.NET runtime. For more information, see AllowPartiallyTrustedCallersAttribute.
  • Click OK.
  • Publishing status is displayed in the taskbar. When publishing is completed, the status of Publish succeeded is displayed.
Process of making a website (technicality)
The process of making the website was very difficult. In the beginning, I had to do some pre planning in which I had to review and learn html coding. I wasn’t very experienced with using html and prefered coding simple javascript but I wanted to learn other coding languages. When beginning to assemble my website I tried typing code onto notebook and then trying to look at it on an operating system. I found that coding on notebook was very difficult because I didn’t know if I was using the correct format or typing the code correct and when I try to see the preview of the website I wasn’t able to do to error. I then switched to using visual studio from microsoft. Visual studio allows me to code and see a preview of my work with step by step walkthroughs of how to create my website. Visual studio is very beneficial for a beginner and first timers.
Coding Process
For me to create a website using html, I needed to learn more about the coding language. In the beginning I didn’t understand the functions of certain code for html. Once I understood the basis of the html language I was able to create my website. There were times that I really struggled with the format of my website because I have this idea in my head of what i want my website to be but don’t know where I should type the code. Also when I was was typing the code it would be very disorganized and out of order that I wouldn’t understand my own work. I start of organized the code but still get confused on the code that I already have and whether I should leave it in that place or modify/change it. I learned how to type html code from khan academy and harvard edx. Both courses had helped me grasp a better understanding of the language and helped me create my website.


My website-
Introduction: of me, small girl
Hi, my name is Cindy. No I’m not a robot but simply a teenage girl from a tough neighborhood interest in technology. I understand that many would be confused and questioning my interest in technology. Technology especially coding has interested me from the very beginning and it is difficult for a girl to have a career in the STEM field. It is very unlikely that a girl from rough backgrounds is interested in technology especially coding since coding and technology is more generally a man's territory or relm.
Topic: reviewing technology
The main purpose for my website is to review and talk about specific technology. I would be reviewing some different forms of technology that I had experienced with in my lifetime. The three main technology themes that I would discuss is 3d printing, webinars, and coding. I would sometimes talk about other forms of technology but those three themes are the key topics for my website.
What am I going to talk about:
I would be talking about the different forms of technology and the technology that I have worked with in the past. I would discuss their function, whether the function easy to use or very complex, their purpose, how it betters the life of people, and my own personal experience. Most of the reviews would be detailed discussing if I had any issues or concerns but the most part it would be very straightforward.
What is the purpose for me sharing my website:
The purpose for me sharing my website with the world is to display my abilities coding html by the website present on different computers. To have an interaction with the audience, if they ever are in need of tech support on certain technology.
Interactions and comments with others:
There would be a comment section at the bottom of the website so if anyone needs more help or wants to leave feedback on the review they can do so. There are free hit counters online in which I can embed into my website to see the amount of people that view my content. I would have to self monitor the comments and would have to get rid of any hate or troll comments on the website by myself. I still haven’t figured out how to included a comment section but I am working on it.
What other forms are link to the website:
Some ways that I can promote my website is to create other forms of social media accounts. I would more likely use facebook, twitter, and instagram to promote my website because those three are the standard media platforms that people regularly use. On the social media accounts, I would post updates when I post new content on my website, and any shoutouts that I feel are necessary.
How to show it to the world:
Ways that I can show my website to the world is by finding and using a free hosting website. Then just uploading my website onto the free host. I found this to be very difficult because there are many hosting websites that charge monthly to host one's website and very few to any that do it for free. To signup for free hosting website most of them are very complicated and not understandable because the website is trying to make the consumer to pay for something that was said to be free. That was really confusing because it said free but they are charging you is something that I quite didn’t understand.
Audience:
To anyone that is interested in technology and a new beginner. My goal is to help others understand some questions that they have on specific technology. I want the website to appeal to most people to have some sort of ida on the specific technology and acknowledge the fact that it is not always going to be easy in using certain technology.
Who inspires me:
dearblogger.org- a website that informs beginners/new people about technology (helping people) and is for anyone to read
What makes a website successful:
The layout of the website is very easy to navigate. The website is appealing to a wide spread of audience of people. Also it is very informative for anyone that is in need of help.


Individual Learning Plan Update #4The pictures below are from the results of the website that I have been so far constructing on Microsoft visual studio.13.PNG
In the above picture, you can see that I have a structure to my individual webpages.11.PNG
In this next picture, I used html to individually separate each line and create spaces for each sub heading. There is also colored texted to make it more appealing.10.PNG
This picture, I inserted a picture which was sort of difficult because it is simple to insert a picture that I had already but difficult when it was online.12.PNG
In this last picture, I included information about 3D printing and some of my experience with it.

14.PNG
In this image, you can see some of the coding that I have done for the Ask Cindy Blog webpage

in which I included code to insert pictures, hyperlinks to my other individual webpages, text code,

and based the theme of my website from this page.





Individual Learning Plan Update #4Figure 1: Infographic of my website
Infograph1.PNG

Figure 2: My presentation about my website.
Presentation

Figure 3: A poster similar to my infographic about my website and myself.
image.jpeg

Firgure 4: Me presenting my presentation about my website.
Presentation

Figure 5: My final website default page
2.PNG
While creating my website, I had realized that with many trial and error in the end the results would be better than imagined. I had many difficulties with creating a website using pure code. I never in a million years thought that I would be able to successfully create a website using all code. Through the experience I was able to learn mainly html code, some c++, some java script and a little bit of SQL. I hope in the future to continue to learn more code but for now I would just update the website that I created with any technical help that I can provide with the best of my ability.

Add Discussion