Changes

Jump to navigation Jump to search
Line 28: Line 28:  
== About the project ==
 
== About the project ==
 
<br><span style="font-size:120%"><b>What is the name of your project?</b></span><br>
 
<br><span style="font-size:120%"><b>What is the name of your project?</b></span><br>
 +
Image Viewer JS
 +
 
<span style="font-size:120%"><b>Describe your project in 10-20 sentences. What are you making? Who are you making it for, and why do they need it? What technologies(programming languages, etc.) will you be using?</b></span><br>
 
<span style="font-size:120%"><b>Describe your project in 10-20 sentences. What are you making? Who are you making it for, and why do they need it? What technologies(programming languages, etc.) will you be using?</b></span><br>
 +
The Image Viewer JS is a port of the ImageViewer activity into a web application with added capabilities for image processing. The idea is to provide all the image editing and manipulation methods that are available in modern image editors along with a learning experience on image processing for kids.
 +
 +
Additional Details for the project (UI, Features): [https://docs.google.com/document/d/16ZV_YVwQHXd4PfBKvBo4C8zlyrUwLxw5cXU7jtO0ZT0/edit?usp=sharing ImageViewerJS]
 +
 +
Programming Languages: HTML, CSS, JavaScript<br>
 +
Libraries: CamanJS to provide image manipulation in JS, jQuery
 +
 
<span style="font-size:120%"><b>What is the timeline for development of your project?</b></span><br>
 
<span style="font-size:120%"><b>What is the timeline for development of your project?</b></span><br>
 +
{| class="wikitable"
 +
|-
 +
! Days !! Work to be done
 +
|-
 +
| 27 April – 19 May
 +
|| Discuss detailed design and implementation details to clarify doubts
 +
|-
 +
| 19 May – 26 May ||
 +
* Basic port of Image Viewer activity
 +
* Cross-browser compatibility
 +
|-
 +
| 26 May – 2 June ||
 +
* Begin work on pipeline tutorial ( Step 1 & 2 )
 +
* basic image editing effects like brightness, crop, etc.
 +
|-
 +
| 2 June – 18 June ||
 +
* Work on Step 3 of the pipeline
 +
* work on collages, slideshow for images
 +
|-
 +
| 18 June – 25 June || Buffer Week
 +
|-
 +
| 26 June – 3 July || Mid-Term Evaluation
 +
|-
 +
| 3 July – 10 July ||
 +
* Work on Step 4 of the pipeline
 +
* Implementation of filters on images with ability for filter plugins (Caman JS)
 +
|-
 +
| 10 July – 17 July ||
 +
* Step 5, 6 of the pipeline
 +
* Implementation of text over images
 +
|-
 +
| 17 July – 24 July ||
 +
* Dynamic changes to images when changing values for each step of the pipeline
 +
* Implement  interactive tour
 +
|-
 +
| 24 July – 31 July ||
 +
* Improve upon UI/UX
 +
* Iron out potential Bugs
 +
* Testing
 +
|-
 +
| 31 July – 7 August || Buffer Week
 +
|-
 +
| 7 August – 14 August ||
 +
* Add Documentation
 +
* Polish the code
 +
|-
 +
| 14 August – 21 August || Wrap up and submit code for final evaluation
 +
|}<br>
 
<span style="font-size:120%"><b>Convince us, in 5-15 sentences, that you will be able to successfully complete your project in the timeline you have described. This is usually where people describe their past experiences, credentials, prior projects, schoolwork, and that sort of thing, but be creative. Link to prior work or other resources as relevant.</b></span><br>
 
<span style="font-size:120%"><b>Convince us, in 5-15 sentences, that you will be able to successfully complete your project in the timeline you have described. This is usually where people describe their past experiences, credentials, prior projects, schoolwork, and that sort of thing, but be creative. Link to prior work or other resources as relevant.</b></span><br>
 +
 +
As part of my coursework in college, I have completed various projects with strict deadlines. Also, the work environment in my college (IIIT-H) ensures a strict schedule without any excuse to miss a project deadline.<br>
 +
 +
The completed projects as part of coursework include:<br>
 +
* A peer-to-peer file transfer protocol that allow two clients to download and share files over a network. (Languages used: C)
 +
  https://github.com/goutamnair7/FileTransferProtocol
 +
* A coworking space management portal to automate things like booking rooms, generating invoices and registering startups. This portal is used by the incubator for start-ups at IIIT-H. (Languages used: HTML, CSS, JavaScript, PHP, MySQL)
 +
  https://github.com/goutamnair7/Co-Work
 +
* A game of Carrom made in OpenGL. (Languages used: C++, OpenGL)
 +
  https://github.com/goutamnair7/Carrom
 +
* An E-mail service for all students of IIIT-H that organises mails based on specific tags of the E-mail so as to it make it more organized and easy to use. (Languages used: HTML, CSS, JavaScript, Web2py, Python)
 +
  https://github.com/hitesh96db/ITWSII_StudentsMail
 +
* A game of 4-Pics-1-Word implemented in Ruby on Rails<br>
 +
 +
<br>Other small projects (for fun :D) include:<br>
 +
* Snake game in Javascript and HTML canvas:
 +
  https://github.com/goutamnair7/Snake-Game
 +
* Python code to scrape stock data in real time
 +
  https://github.com/goutamnair7/Python-Web-Scraping
 +
I have begun work on the project with a basic port to Javascript. My work can be reviewed here:
 +
  https://github.com/goutamnair7/ImageViewerJS
 +
 +
<br>I can successfully complete this project because:<br>
 +
* I have a course in my current semester that deals with image processing, so I have a fair amount of expertise with image processing.
 +
* The project duration occurs during summer holidays, so I would get  >= 40 hours/week of time to work on this project.
 +
* Plenty of experience with HTML5, CSS and Javascript
 +
* Familiarity with Sugar codebase and prior experience with the python image viewer activity
 +
* Also, I am very passionate about my work and strive to do the best
    
== You and the community ==
 
== You and the community ==
Line 49: Line 134:  
<span style="font-size:120%"><b>How do you propose you will be keeping the community informed of your progress and any problems or questions you might have over the course of the project?</b></span><br>
 
<span style="font-size:120%"><b>How do you propose you will be keeping the community informed of your progress and any problems or questions you might have over the course of the project?</b></span><br>
 
I intend to write a blog to elucidate my events and track the progress of my project every 1-2 weeks. The link to the blog will be made public so that the community can be aware of my progress.
 
I intend to write a blog to elucidate my events and track the progress of my project every 1-2 weeks. The link to the blog will be made public so that the community can be aware of my progress.
 +
 +
[[Category:2015 GSoC applications]]
    
== Miscellaneous ==
 
== Miscellaneous ==
Line 59: Line 146:  
* Image Viewer Activity
 
* Image Viewer Activity
 
   [https://github.com/godiard/imageviewer-activity/pull/6 Next, Previous buttons to view images]
 
   [https://github.com/godiard/imageviewer-activity/pull/6 Next, Previous buttons to view images]
   [https://github.com/godiard/imageviewer-activity/pull/9 Keyboard Shortcuts, small fixes]
+
   [https://github.com/godiard/imageviewer-activity/pull/9 Keyboard Shortcuts, small fixes]  
 
* Terminal Activity
 
* Terminal Activity
 
   [https://github.com/godiard/terminal-activity/pull/6 Keyboard Shortcuts]
 
   [https://github.com/godiard/terminal-activity/pull/6 Keyboard Shortcuts]
Line 75: Line 162:       −
__NOTOC__
+
__FORCETOC__
19

edits

Navigation menu